.zmb-sec{position:relative;overflow:hidden;background:var(--mb-bg,var(--ink,#141210));color:var(--mb-fg,var(--paper,#F8F0E4));--mb-accent:var(--mb-red,#E0574C)}.zmb-sec[data-mode=light]{background:var(--paper,#ECE3D3);color:var(--ink,#141210)}.mb-viewport{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.mb-viewport canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;display:block}.zmb-sec .wrap{position:relative;z-index:2;pointer-events:none}.mb-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:center;min-height:min(84vh,800px)}.mb-copy{position:relative;max-width:520px;pointer-events:auto}.zmb-sec .eyebrow{color:var(--mb-accent);text-transform:uppercase;letter-spacing:.14em;font:600 12px/1 var(--mb-display,var(--display,Poppins,sans-serif))}.zmb-sec[data-mode=light] .eyebrow{color:var(--red,#BE3128)}.zmb-sec .h2{margin:12px 0 0;color:inherit;text-wrap:balance;font-size:clamp(32px,4.4vw,58px);font-family:var(--mb-display,var(--display,Poppins,sans-serif))}.zmb-sec[data-mode=light] .h2 em{color:var(--red,#BE3128)}.mb-lede{margin:16px 0 0;max-width:38ch;font-size:clamp(15px,1.25vw,18px);line-height:1.6;opacity:.82}.mb-sizes-label{font:600 12px/1 var(--mb-display,var(--display,Poppins,sans-serif));letter-spacing:.12em;text-transform:uppercase;opacity:.55;margin-top:24px}.mb-sizes{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.mb-size{font:600 13px/1 var(--mb-display,var(--display,Poppins,sans-serif));padding:11px 16px;border-radius:999px;border:1.5px solid currentColor;background:transparent;color:inherit;opacity:.72;cursor:pointer;transition:opacity .2s,background .2s,color .2s}.mb-size:hover,.mb-size[aria-pressed=true]{opacity:1}.mb-size:hover{border-color:#f8f0e4cc}.mb-size[aria-pressed=true]{background:var(--mb-fg,var(--paper,#F8F0E4));color:var(--mb-bg,var(--ink,#141210));border-color:var(--mb-fg,var(--paper,#F8F0E4))}.zmb-sec[data-mode=light] .mb-size{border-color:#1412104d}.zmb-sec[data-mode=light] .mb-size:hover{border-color:#141210cc}.zmb-sec[data-mode=light] .mb-size[aria-pressed=true]{background:var(--ink,#141210);color:var(--paper,#F8F0E4);border-color:var(--ink,#141210)}.mb-size b{font-weight:700}.mb-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.mb-btns .btn{margin:0;align-self:auto}.mb-buy{font:600 14px/1 var(--mb-display,var(--display,Poppins,sans-serif));padding:15px 26px;border-radius:999px;border:0;cursor:pointer;background:var(--mb-accent);color:#fff;transition:opacity .2s,filter .2s}.mb-buy:hover{filter:brightness(1.08)}.mb-buy[disabled]{opacity:.45;cursor:not-allowed;filter:none}.mb-note{margin-top:12px;font-size:13px;opacity:.6;min-height:1.2em}.zmb-sec[data-soldout=true] .mb-sizes{opacity:.4;pointer-events:none}.mb-btns .btn--line{color:inherit;border-color:#f8f0e480;background:transparent}.zmb-sec[data-mode=light] .mb-btns .btn--line{border-color:#14121059}.mb-hint{margin-top:18px;font:500 11px/1 var(--mb-display,var(--display,Poppins,sans-serif));letter-spacing:.14em;text-transform:uppercase;opacity:.45;transition:opacity .4s}.zmb-sec.open .mb-hint{opacity:.15}.mb-hit{position:absolute;right:0;top:0;width:60%;height:100%;background:none;border:0;cursor:pointer;z-index:1;-webkit-tap-highlight-color:transparent;padding:0;margin:0}.mb-hit:focus-visible{outline:2px solid #F2A23B;outline-offset:-10px;border-radius:40px}.mb-loading{position:absolute;right:20%;top:50%;transform:translate(50%,-50%);font:600 12px var(--mb-display,var(--display,Poppins,sans-serif));letter-spacing:.2em;text-transform:uppercase;opacity:.5;pointer-events:none}@media(max-width:900px){.zmb-sec{padding-block:clamp(28px,7vw,48px)}.mb-viewport{position:relative;inset:auto;height:min(86vw,420px);margin:0 calc(-1*var(--mb-gutter,0px)) 4px}.mb-grid{grid-template-columns:1fr;min-height:0;padding-bottom:0}.mb-copy{max-width:none}.mb-hit{top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mb-loading{right:50%;top:50%;transform:translate(50%,-50%)}.zmb-sec .h2{font-size:clamp(30px,8.4vw,44px)}.mb-lede{font-size:15px}.mb-sizes{gap:7px}.mb-size{padding:10px 13px;font-size:12px}.mb-buy{width:100%;padding:16px 22px}.mb-hint{display:none}}.zmb-sec{position:relative;overflow:hidden;background:var(--mb-bg,#0F0F10);color:var(--mb-fg,#FFF0E0);--mb-accent:var(--mb-red,#F9423A)}.zmb-wrap{position:relative;z-index:2;pointer-events:none;max-width:1400px;margin:0 auto;padding-inline:clamp(16px,5vw,64px)}.zmb-sec .h2{letter-spacing:.01em;line-height:.98;font-weight:400;font-size:clamp(42px,5.6vw,78px);font-family:Bebas Neue,sans-serif;margin:12px 0 0;text-wrap:balance}.zmb-sec .h2 em{font-style:normal;color:var(--mb-accent)}.zmb-sec .h2 p{margin:0}.zmb-sec .mb-lede,.zmb-sec .mb-note,.zmb-sec .zmb-price{font-family:Quicksand,sans-serif}.zmb-sec .eyebrow{letter-spacing:.22em;font-family:Bebas Neue,sans-serif;color:var(--mb-accent);text-transform:uppercase;font-size:13px}.zmb-sec .mb-grid{min-height:min(74vh,760px)}.zmb-price{margin:10px 0 0;font-size:13px;opacity:.55}@media(max-width:900px){.zmb-sec .h2{font-size:clamp(32px,9vw,46px)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/zyndia-mystery-box.css.map */