html.sbs-match-lock,html.sbs-match-lock body{overflow:hidden}.sbs-match{--m-led: #ff5b2e;--m-display: "Anton", Impact, "Arial Narrow Bold", sans-serif;--m-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;border:0;padding:0;margin:auto;background:#fff;color:#0b0b0b;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 24px 60px #00000059;font-family:inherit}.sbs-match::backdrop{background:#0009}.sbs-match[open]{animation:sbs-match-in .3s ease-out}@keyframes sbs-match-in{0%{opacity:0;transform:translateY(14px)}}.sbs-match:focus{outline:none}.sbs-match__body{position:relative;padding:22px 28px 18px;display:flex;flex-direction:column}.sbs-match .sbs-match__close{position:absolute;top:6px;right:6px;z-index:5;width:40px;height:40px;border:0;background:transparent;color:#0b0b0b;cursor:pointer;display:grid;place-items:center}.sbs-match__close svg{width:18px;height:18px}.sbs-match__logo{display:block;width:150px;height:auto;margin:0 auto 8px}.sbs-match__eyebrow{margin:0;text-align:center;font:700 11px var(--m-mono);letter-spacing:.24em;text-transform:uppercase;opacity:.65}.sbs-match .sbs-match__title{margin:8px 0 6px;color:inherit;letter-spacing:normal;font:400 32px/1.02 var(--m-display);text-align:center;text-transform:uppercase;text-wrap:balance}.sbs-match__sub{margin:0 0 14px;text-align:center;font-size:16px;line-height:1.35}.sbs-match [data-match-when=won]{display:none}.sbs-match[data-match-state=won] [data-match-when=won]{display:block}.sbs-match[data-match-state=won] [data-match-when=pre]{display:none}.sbs-match__boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 14px;padding:4px 4px 0}.sbs-match .sbs-match__box{display:block;position:relative;height:100px;border:0;background:transparent;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;text-transform:none;white-space:normal;-webkit-tap-highlight-color:transparent}.sbs-match__shoe{position:absolute;left:-12%;width:124%;height:auto;max-width:none;bottom:58px;z-index:1;mix-blend-mode:multiply;pointer-events:none;opacity:0;transform:translateY(calc(50% + 26px)) scale(.7);transition:transform .45s cubic-bezier(.3,1.5,.6,1) .12s,opacity .2s .12s}.sbs-match__crate{position:absolute;left:0;right:0;bottom:0;height:52px;z-index:2;border-radius:2px;background:linear-gradient(#1c1c1c,#0c0c0c);box-shadow:0 4px 8px #00000040;transition:box-shadow .3s}.sbs-match__crate:after{content:"?";position:absolute;right:8px;top:11px;width:30px;height:24px;background:#f4f3ef;color:#111;font:700 13px/24px var(--m-mono);text-align:center}.sbs-match__lid{position:absolute;left:-4px;right:-4px;bottom:46px;height:22px;z-index:3;border-radius:2px;background:#232323;box-shadow:inset 0 -2px #0000008c;display:flex;align-items:center;justify-content:center;transform-origin:4px 100%;transition:transform .4s ease-out,opacity .3s .12s}.sbs-match__lid img{width:62%;height:auto}.sbs-match__boxes:not(.is-matched) .sbs-match__box:not(.is-open) .sbs-match__lid{animation:sbs-match-peek 2.6s ease-in-out infinite}.sbs-match__box:nth-child(3n+2) .sbs-match__lid{animation-delay:.4s}.sbs-match__box:nth-child(3n) .sbs-match__lid{animation-delay:.8s}.sbs-match__box:nth-child(n+4) .sbs-match__lid{animation-delay:1.1s}.sbs-match__box:nth-child(n+7) .sbs-match__lid{animation-delay:1.6s}@keyframes sbs-match-peek{0%,80%,to{transform:none}88%{transform:translateY(-5px) rotate(-3deg)}}.sbs-match__box:hover:not(.is-open) .sbs-match__lid{transform:translateY(-4px)}.sbs-match__box.is-open{cursor:default}.sbs-match__box.is-open .sbs-match__lid{transform:translate(-8px,-34px) rotate(-14deg);opacity:0;animation:none}.sbs-match__box.is-open .sbs-match__shoe{opacity:1;transform:translateY(50%)}.sbs-match__box.is-open .sbs-match__crate:after{content:"\2713";background:var(--m-led);color:#0b0b0b}.sbs-match__boxes.is-matched .sbs-match__box.is-open .sbs-match__crate{box-shadow:0 0 0 3px var(--m-led),0 0 18px #ff5b2e99}.sbs-match__boxes.is-matched .sbs-match__box:not(.is-open){opacity:.3;transition:opacity .4s;cursor:default}.sbs-match__bar{margin:12px 0 0;background:var(--m-led);color:#0b0b0b;text-align:center;font:700 15px var(--m-mono);letter-spacing:.2em;padding:8px;text-transform:uppercase;opacity:0;transform:scale(.8);transition:transform .35s cubic-bezier(.3,1.5,.6,1),opacity .2s}.sbs-match__boxes.is-matched+.sbs-match__bar{opacity:1;transform:none}.sbs-match__picks{display:flex;justify-content:center;align-items:center;gap:10px;margin:14px 0 0;font:600 12px var(--m-mono);letter-spacing:.12em;text-transform:uppercase}.sbs-match__picks>span:first-child{opacity:.7}.sbs-match__dots{display:flex;gap:6px}.sbs-match__dots i{width:12px;height:12px;border-radius:50%;border:2px solid #0b0b0b;transition:background .2s}.sbs-match__dots i.is-on{background:var(--m-led);border-color:var(--m-led)}.sbs-match .sbs-match__auto{text-transform:none;letter-spacing:normal;white-space:normal;text-underline-offset:3px;display:block;margin:8px auto 0;border:0;background:transparent;color:#0b0b0b;font:500 12px var(--m-mono);opacity:.55;cursor:pointer;text-decoration:underline;padding:4px}.sbs-match__wonsub{margin:14px 0 12px;text-align:center;font-size:16px}.sbs-match .sbs-match__btn{display:block;background:#0b0b0b;color:#fff;text-align:center;text-decoration:none;font:700 15px/1 var(--m-mono);letter-spacing:.16em;text-transform:uppercase;padding:18px 14px}.sbs-match .sbs-match__btn:hover{background:#000;color:#fff}.sbs-match[data-match-state=won] .sbs-match__btn{animation:sbs-match-pulse 1.4s ease-in-out 2}@keyframes sbs-match-pulse{50%{transform:scale(1.03)}}.sbs-match__busy,.sbs-match.is-claiming .sbs-match__idle{display:none}.sbs-match.is-claiming .sbs-match__busy{display:inline}.sbs-match__setup{margin:8px 0 0;text-align:center;font-size:13px}.sbs-match__fine{margin:10px 0 0;text-align:center;font-size:11px;line-height:1.35;opacity:.55}.sbs-match .sbs-match__link{text-transform:none;letter-spacing:normal;white-space:normal;align-self:center;margin-top:10px;border:0;background:transparent;color:#0b0b0b;font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:3px;opacity:.6;cursor:pointer;padding:6px}.sbs-match__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sbs-match button:focus-visible,.sbs-match a:focus-visible{outline:2px solid var(--m-led);outline-offset:2px}@media(max-width:599px){.sbs-match{width:100%;max-width:100%;margin:auto 0 0;box-shadow:none;max-height:96dvh}.sbs-match[open]{animation-name:sbs-match-up}@keyframes sbs-match-up{0%{transform:translateY(40px);opacity:.4}}.sbs-match__body{padding:16px 16px calc(14px + env(safe-area-inset-bottom,0px))}.sbs-match__logo{width:120px;margin-bottom:4px}.sbs-match .sbs-match__title{font-size:26px;margin:6px 0 4px}.sbs-match__sub{font-size:15px;margin-bottom:10px}.sbs-match .sbs-match__box{height:90px}.sbs-match__shoe{bottom:50px}.sbs-match__crate{height:46px}.sbs-match__crate:after{top:9px;width:26px;height:22px;line-height:22px}.sbs-match__lid{bottom:40px;height:20px}}.sbs-match-tab{position:fixed;z-index:40;left:calc(12px + env(safe-area-inset-left,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));display:flex;align-items:stretch;background:#0b0b0b;color:#fff;transition:transform .25s;font-family:IBM Plex Mono,ui-monospace,Menlo,monospace}.sbs-match-tab[hidden]{display:none}.sbs-match-tab.is-tucked{transform:translate(calc(-100% - 20px))}.sbs-match-tab .sbs-match-tab__open{white-space:nowrap;border:0;background:transparent;color:inherit;font:inherit;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:12px 6px 12px 14px;cursor:pointer}.sbs-match-tab__open:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff5b2e;box-shadow:0 0 8px #ff5b2e;margin-right:9px;vertical-align:1px}.sbs-match-tab .sbs-match-tab__x{padding:0;border:0;background:transparent;color:inherit;width:34px;cursor:pointer;display:grid;place-items:center;opacity:.7}.sbs-match-tab__x svg{width:10px;height:10px}.sbs-match-tab__label--won{display:none}.sbs-match-tab[data-match-won=true] .sbs-match-tab__label--won{display:inline}.sbs-match-tab[data-match-won=true] .sbs-match-tab__label--pre{display:none}@media(prefers-reduced-motion:reduce){.sbs-match[open],.sbs-match__lid,.sbs-match__btn{animation:none!important}.sbs-match__lid,.sbs-match__shoe,.sbs-match__bar,.sbs-match-tab{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/78/assets/sbs-match-popup.css.map */