.bs-scan{position:relative;isolation:isolate;min-height:540px;background:radial-gradient(ellipse at 35% 30%,#fff 0,#f3efeb 60%,#e8e3e9 100%);border-radius:28px;overflow:hidden}.bs-scan-stage,.bs-scan-stage>canvas,.bs-scan-css{position:absolute;inset:0;pointer-events:none}.bs-scan-screen{width:360px;height:768px;border-radius:40px;overflow:hidden;background:#111;backface-visibility:hidden}.bs-scan-screen iframe{border:0;width:360px;height:768px;pointer-events:none;opacity:0;background:#faf9f6}.bs-scan-island{position:absolute;top:12px;left:125px;width:110px;height:27px;background:#070709;border-radius:20px}.bs-scan-lock{position:absolute;inset:0;background:radial-gradient(ellipse at 10% 10%,#c5b3dd,#5b4b77 50%,#171621);color:white;display:flex;align-items:center;flex-direction:column;padding-top:90px;transition:opacity .35s;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.bs-scan-lock span{font-size:12px;letter-spacing:5px}.bs-scan-lock strong{font-size:72px;font-weight:400;margin-top:20px}.bs-scan-lock small{margin-top:20px;font-size:12px}.bs-scan-notice{position:absolute;top:200px;left:16px;right:16px;padding:20px;background:#ffffffeb;border:1px solid #fff9;border-radius:22px;box-shadow:0 10px 40px #0002;opacity:0;transition:opacity .25s;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.bs-scan-notice b,.bs-scan-notice span{display:block;font-size:13px}.bs-scan-notice span{margin-top:7px;color:#555}.bs-scan-caption{position:absolute;bottom:24px;left:24px;right:70px;z-index:2;font:500 13px/1.5 -apple-system,BlinkMacSystemFont,sans-serif;color:#46414b}.bs-scan-pause{position:absolute;z-index:2;right:20px;bottom:20px;border:1px solid #0001;background:#fffc;border-radius:50%;width:38px;height:38px;color:#222;cursor:pointer}@media(max-width:600px){.bs-scan{min-height:480px;border-radius:22px}.bs-scan-caption{font-size:12px;bottom:18px;left:18px}}

.bs-scan-stage{z-index:0}.bs-scan-caption{max-width:240px;background:#f8f6f0dd;border-radius:12px;padding:8px 10px}
.bloopy-storefront .bs-use-grid{grid-template-columns:1fr;gap:28px}.bloopy-storefront .bs-use{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);min-height:580px}.bloopy-storefront .bs-use-pet{grid-row:auto}.bloopy-storefront .bs-use .bs-use-copy{max-width:none;padding:48px;align-self:center}.bloopy-storefront .bs-use .bs-use-art{position:relative;inset:auto;min-height:580px;max-height:none;aspect-ratio:auto;display:block;overflow:hidden}.bloopy-storefront .bs-use .bs-use-art:after{display:none}.bloopy-storefront .bs-use .bs-scan-poster{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;opacity:1;transition:opacity .45s}.bloopy-storefront .bs-use .bs-scan[data-ready=true] .bs-scan-poster{opacity:0}.bs-scan-top{position:absolute;z-index:2;top:22px;left:22px;right:22px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font:500 10px/1.4 -apple-system,BlinkMacSystemFont,sans-serif;color:#5b5360}.bs-scan-top>span{max-width:140px}.bs-scan-variants{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.bs-scan-variants button{background:#ffffffab;border:1px solid #0001;border-radius:99px;padding:8px 10px;font-size:10px!important;min-height:36px}.bs-scan-variants button[aria-pressed=true]{background:#302835;color:white}.bs-scan:not([data-ready=true]) .bs-scan-caption,.bs-scan:not([data-ready=true]) .bs-scan-pause,.bs-scan:not([data-ready=true]) .bs-scan-variants{visibility:hidden}.bs-scan[data-ready=error] .bs-scan-stage{display:none}.bs-scan .bs-scan-caption{font-size:12px!important;line-height:1.5!important;color:#46414b!important}.bs-scan-pause:focus-visible,.bs-scan-variants button:focus-visible{outline:3px solid #8153bc;outline-offset:3px}
@media(max-width:1000px){.bloopy-storefront .bs-use .bs-use-copy{padding:30px}.bs-scan-top{flex-direction:column}.bs-scan-top>span{max-width:none}.bs-scan-variants{justify-content:flex-start}}
@media(max-width:760px){.bloopy-storefront .bs-use{grid-template-columns:1fr;min-height:0}.bloopy-storefront .bs-use .bs-use-copy{padding:30px 26px}.bloopy-storefront .bs-use .bs-use-art{min-height:530px;border-radius:0 0 24px 24px}.bs-scan-top{top:18px;left:18px;right:18px;flex-direction:row}.bs-scan-top>span{max-width:120px}.bs-scan-variants{max-width:200px;justify-content:flex-end}.bs-scan-variants button{padding:7px 9px}.bs-scan-caption{max-width:240px}}

.bs-scan-screen,.bs-scan-screen *{pointer-events:none!important}
