@font-face{font-family:FO Display;src:url(/products/face-off/fonts/BlackHanSans-Regular.woff2)format("woff2");font-display:swap}.fo-root{--fo-ink:#16131f;--fo-ink-2:#4b4658;--fo-ink-3:#6b6578;--fo-line:#efe6dc;--fo-paper:#fff8f1;--fo-card:#fff;--fo-coral:#ff4f5e;--fo-coral-deep:#e23347;--fo-coral-light:#ffe4e4;--fo-sky:#4cc3ff;--fo-sky-deep:#1f9fe0;--fo-mint:#2ed3a0;--fo-yellow:#ffc93c;--fo-stage:#17141f;--fo-stage-2:#221e2c;--fo-stage-line:#2a2535;--fo-col:480px;--fo-ease-pop:cubic-bezier(.34, 1.56, .64, 1);--fo-ease-move:cubic-bezier(.65, 0, .35, 1);--fo-ease-sheet:cubic-bezier(.32, .72, 0, 1);color:var(--fo-ink);word-break:keep-all;overflow-wrap:anywhere;-webkit-tap-highlight-color:transparent}.fo-display{letter-spacing:-.01em;font-family:FO Display,system-ui,sans-serif;font-weight:400}.fo-gutter{clip-path:inset(0 -100vmax);box-shadow:0 0 0 100vmax #f3ebe2}.fo-stage-bg{background:radial-gradient(120% 70% at 50% 0%, #4cc3ff29 0%, transparent 55%), radial-gradient(90% 60% at 50% 105%, #ff4f5e2e 0%, transparent 60%), var(--fo-stage)}.fo-card-shadow{box-shadow:0 1px 2px #16131f0f,0 14px 32px -14px #16131f4d}@keyframes fo-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fo-fade-up{animation:fo-fade-up .32s var(--fo-ease-move) both}@keyframes fo-pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.fo-pop-in{animation:fo-pop-in .42s var(--fo-ease-pop) both}@keyframes fo-count{0%{opacity:0;transform:scale(1.8)}20%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(.94)}to{opacity:0;transform:scale(.7)}}.fo-count{animation:fo-count .8s var(--fo-ease-move) both}.fo-count-fast{animation-duration:.58s}@keyframes fo-bounce{0%,to{transform:none}35%{transform:scale(1.18)rotate(-4deg)}65%{transform:scale(.96)rotate(2deg)}}.fo-bounce{animation:fo-bounce .52s var(--fo-ease-pop)}@keyframes fo-shake{0%,to{transform:none}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.fo-shake{animation:.36s ease-in-out fo-shake}@keyframes fo-shine{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes fo-float{0%,to{translate:0}50%{translate:0 -6px}}.fo-float{animation:3.2s ease-in-out infinite fo-float}.fo-sheet-backdrop{z-index:60;min-height:100dvh;opacity:calc(1 - var(--drawer-swipe-progress,0));transition:opacity .4s var(--fo-ease-sheet);background:#00000080;position:fixed;inset:0}.fo-sheet-backdrop[data-swiping]{transition-duration:0s}.fo-sheet-backdrop[data-starting-style],.fo-sheet-backdrop[data-ending-style]{opacity:0}.fo-sheet-backdrop-light{background:#0000004d}.fo-sheet-viewport{z-index:61;position:fixed;inset:0}.fo-sheet{inset-inline:0;z-index:61;width:100%;max-width:var(--fo-col,480px);background:var(--fo-card,#fff);max-height:calc(100dvh - 2.5rem);transform:translate3d(0, var(--drawer-swipe-movement-y,0px), 0);transition:transform .45s var(--fo-ease-sheet);border-radius:24px 24px 0 0;outline:none;flex-direction:column;margin-inline:auto;display:flex;position:fixed;bottom:0;box-shadow:0 -10px 40px #0000002e}.fo-sheet:after{content:"";inset-inline:0;background:inherit;pointer-events:none;height:3rem;position:absolute;top:100%}.fo-sheet[data-swiping]{transition-duration:0s}.fo-sheet[data-starting-style],.fo-sheet[data-ending-style]{transform:translateY(calc(100% + 2px))}.fo-sheet[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength,1) * .32s)}.fo-sheet-dark{background:var(--fo-stage-2,#221e2c);color:#fff}@media (prefers-reduced-motion:reduce){.fo-fade-up,.fo-pop-in,.fo-bounce,.fo-shake,.fo-count,.fo-float{animation:none}.fo-count{opacity:1}.fo-sheet{transition:opacity .2s linear}.fo-sheet[data-starting-style],.fo-sheet[data-ending-style]{opacity:0;transform:none}}