.bo{--bo-font:"Figtree",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--bo-top:#00893D;--bo-bot:#00893D;--bo-stop:52%;--bo-fs:clamp(1.9rem,8vw,130px);--bo-wrap:1600px;--bo-texttop:24px;--bo-stageh:100svh;--bo-packvw:92vw;--bo-packmax:420px;--bo-packbottom:8%;--bo-powderw:100%;--bo-opening:13%;--bo-fade:35%;font-family:var(--bo-font);display:block;position:relative}:where(.bo) :where(*,*:before,*:after){box-sizing:border-box}:where(.bo) :where(img){max-width:100%;display:block}:where(.bo) :where(p){margin:0}.bo-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;place-items:start center;background:linear-gradient(180deg,var(--bo-top) 0%,var(--bo-bot) var(--bo-stop))}.bo--tall .bo-stage{position:relative;top:auto;height:var(--bo-stageh)}.bo-lines{grid-area:1/1;position:relative;z-index:6;width:100%;max-width:var(--bo-wrap);padding:var(--bo-texttop) 14px 0;text-align:center;display:grid;gap:clamp(0px,.35vh,8px);justify-items:center;pointer-events:none}.bo-line{display:block;overflow:hidden;line-height:1}.bo-line span{display:block;font-weight:900;font-size:var(--bo-fs);letter-spacing:-.025em;text-transform:uppercase;line-height:1.02;color:#fffdf5;transform:translateY(105%);opacity:0;transition:transform .45s cubic-bezier(.22,.68,.32,1),opacity .3s ease}.bo-line.is-in span{transform:none;opacity:1}.bo-float{position:absolute;z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none;animation:bo-hover var(--bo-dur,var(--bo-dur-def,7s)) ease-in-out infinite;animation-delay:var(--bo-delay,var(--bo-delay-def,0s));will-change:transform}.bo-float img{width:100%;height:auto}@keyframes bo-hover{0%{transform:translateZ(0) rotate(var(--bo-rot,0deg))}50%{transform:translate3d(0,calc(var(--bo-rise,22px) * -1),0) rotate(calc(var(--bo-rot,0deg) + var(--bo-tilt,7deg)))}to{transform:translateZ(0) rotate(var(--bo-rot,0deg))}}.bo-float--a{width:clamp(74px,7.5vw,132px);right:clamp(14px,4vw,86px);top:11%;--bo-dur-def:7s;--bo-delay-def:0s}.bo-float--b{width:clamp(84px,8.5vw,152px);left:clamp(10px,4vw,72px);top:42%;--bo-dur-def:8.6s;--bo-delay-def:-2.4s}.bo-float--c{width:clamp(56px,5.5vw,96px);left:18%;top:74%;--bo-dur-def:6.2s;--bo-delay-def:-4.1s}.bo-ph--float{aspect-ratio:1;border:2px dashed rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center;color:#ffffffbf;font-weight:800;font-size:.62rem;text-align:center;padding:8px}.bo-lower{grid-area:1/1;position:absolute;left:0;right:0;top:0;bottom:0;z-index:1}.bo-pack{position:absolute;left:50%;bottom:var(--bo-packbottom);width:min(var(--bo-packvw),var(--bo-packmax));transform:translate(-50%);z-index:2;will-change:transform}.bo-shot{position:relative;width:100%}.bo-shot img{width:100%;height:auto}.bo-shot--open{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .25s linear}.bo-powder{position:absolute;left:50%;bottom:calc(100% - var(--bo-opening));width:var(--bo-powderw);transform:translate(-50%,34%);opacity:0;z-index:3;will-change:transform,opacity;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) var(--bo-fade,35%));mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) var(--bo-fade,35%))}.bo-powder img{width:100%;height:auto}.bo-ph{border:2px dashed rgba(255,255,255,.55);border-radius:18px;display:grid;place-items:center;text-align:center;padding:18px;color:#fffc;font-weight:800;font-size:.86rem;line-height:1.35;background:#ffffff12;width:100%}.bo-ph small{display:block;font-weight:600;font-size:.72rem;margin-top:5px;opacity:.8}.bo-ph--pack{aspect-ratio:1/1.03}.bo-ph--powder{aspect-ratio:1/.72;border-radius:999px 999px 24px 24px}.bo-hint{grid-area:1/1;align-self:end;justify-self:center;z-index:7;margin-bottom:22px;font-weight:800;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:#ffffffb8;transition:opacity .3s ease}.bo--tall .bo-hint{display:none}@media(max-width:760px){.bo-float--c{display:none}.bo-lines{padding-left:10px;padding-right:10px}}@media(prefers-reduced-motion:reduce){.bo-line span{transform:none;opacity:1;transition:none}.bo-float{animation:none}.bo-pack{transform:translate(-50%)!important}.bo-powder{opacity:1;transform:translate(-50%)!important}.bo-shot--open{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/booms-open.css.map */