.FttOwW_stage{aspect-ratio:1000/560;background:var(--color-sand);position:relative;overflow:hidden;container-type:inline-size}.FttOwW_canvas{font-size:.1cqw;font-family:var(--font-sans);color:var(--color-deep);line-height:1.3;position:absolute;inset:0}.FttOwW_canvas p{margin:0}.FttOwW_panel{box-sizing:border-box;background:var(--color-white);border-radius:16em;height:488em;padding:26em;position:absolute;top:36em;box-shadow:0 8em 24em #0000000f}.FttOwW_orderPanel{width:520em;left:30em}.FttOwW_checkoutPanel{flex-direction:column;width:390em;display:flex;left:580em}.FttOwW_panelHead{justify-content:space-between;align-items:baseline;display:flex}.FttOwW_panelTitle{white-space:nowrap;font-size:24em;font-weight:700}.FttOwW_meta{letter-spacing:.04em;text-transform:uppercase;color:var(--color-deep-muted);white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14em}.FttOwW_swapSlot,.FttOwW_qtySlot,.FttOwW_noteSlot,.FttOwW_summarySlot,.FttOwW_buttonSlot{display:grid;position:relative}.FttOwW_swapSlot>*,.FttOwW_qtySlot>*,.FttOwW_noteSlot>*,.FttOwW_summarySlot>*,.FttOwW_buttonSlot>*{grid-area:1/1}.FttOwW_before{opacity:0}.FttOwW_list{border:2em solid var(--color-sand-dark);border-radius:10em;margin-top:18em}.FttOwW_line{align-items:center;gap:14em;height:70em;padding:0 14em;display:flex}.FttOwW_line+.FttOwW_line{border-top:2em solid var(--color-sand-dark)}.FttOwW_thumb{background:var(--color-sand);border-radius:8em;flex:none;place-items:center;width:56em;height:56em;display:grid}.FttOwW_cap{width:48em;height:48em}.FttOwW_names{flex-direction:column;flex:1;gap:2em;min-width:0;display:flex}.FttOwW_styleName{white-space:nowrap;font-size:18em;font-weight:700}.FttOwW_colorName{color:var(--color-deep-muted);white-space:nowrap;font-size:15em}.FttOwW_stepper{border:2em solid var(--color-sand-dark);border-radius:8em;flex:none;align-items:center;height:40em;display:flex}.FttOwW_stepBtn{width:38em;height:100%;color:var(--color-deep-muted);border-radius:6em;place-items:center;display:grid}.FttOwW_stepBtn span{font-size:20em;line-height:1}.FttOwW_qtySlot{place-items:center;width:52em}.FttOwW_qty{font-variant-numeric:tabular-nums;font-size:18em;font-weight:700}.FttOwW_noteSlot{min-height:44em;margin-top:14em;margin-bottom:20em}.FttOwW_note{color:var(--color-deep-muted);font-size:15em;line-height:1.4}.FttOwW_short{color:var(--color-deep-dark);font-weight:600}.FttOwW_label{letter-spacing:.05em;text-transform:uppercase;color:var(--color-deep-muted);font-size:14em;font-weight:700}.FttOwW_methods{gap:10em;margin-top:10em;display:flex}.FttOwW_method{border:2em solid var(--color-sand-dark);border-radius:8em;flex:1;place-items:center;height:46em;display:grid}.FttOwW_method span{white-space:nowrap;font-size:15em;font-weight:600}.FttOwW_methodOn{border-color:var(--color-deep);background:var(--color-deep);color:var(--color-white)}.FttOwW_summarySlot{margin-top:18em}.FttOwW_summary{border:2em solid var(--color-sand-dark);border-radius:10em;overflow:hidden}.FttOwW_blocked{flex-direction:column;align-self:start;gap:4em;padding:16em;display:flex}.FttOwW_blockedText{color:var(--color-deep-dark);white-space:nowrap;font-size:15em}.FttOwW_sumRow{justify-content:space-between;align-items:baseline;gap:10em;padding:12em 16em;display:flex}.FttOwW_sumRow+.FttOwW_sumRow{border-top:2em solid var(--color-sand-dark)}.FttOwW_sumName{color:var(--color-deep-muted);white-space:nowrap;font-size:15em}.FttOwW_sumName em{font-size:.87em;font-style:normal}.FttOwW_sumValue{white-space:nowrap;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15em;font-weight:600}.FttOwW_totalRow{border-top:2em solid var(--color-sand-dark);background:var(--color-sand);justify-content:space-between;align-items:baseline;padding:14em 16em;display:flex}.FttOwW_totalLabel{font-size:17em;font-weight:700}.FttOwW_totalValue{font-variant-numeric:tabular-nums;font-size:30em;font-weight:700;line-height:1}.FttOwW_buttonSlot{margin-top:auto}.FttOwW_button{border-radius:8em;place-items:center;height:54em;display:grid}.FttOwW_button span{letter-spacing:.06em;text-transform:uppercase;font-size:16em;font-weight:700}.FttOwW_disabled{background:var(--color-sand-dark);color:var(--color-deep-muted)}.FttOwW_ready{background:var(--color-deep);color:var(--color-white)}@keyframes FttOwW_rise{0%{opacity:0;transform:translateY(14em)}to{opacity:1;transform:none}}@keyframes FttOwW_fade-in{0%{opacity:0}}@keyframes FttOwW_until-swap{0%,96%{opacity:1}to{opacity:0}}@keyframes FttOwW_press{0%,to{background:0 0}40%{background:var(--color-sky);color:var(--color-deep-dark)}}@keyframes FttOwW_glow{0%{box-shadow:0 0 #48c4ce80}to{box-shadow:0 0 0 14em #48c4ce00}}.FttOwW_playing .FttOwW_rise{animation:FttOwW_rise .5s cubic-bezier(.22, 1, .36, 1) var(--delay,0s) both}.FttOwW_playing .FttOwW_pressed{animation:.45s ease-out 1.4s 4 FttOwW_press}.FttOwW_playing .FttOwW_before{animation:3.4s linear both FttOwW_until-swap}.FttOwW_playing .FttOwW_after{animation:.35s ease-out 3.35s both FttOwW_fade-in}.FttOwW_playing .FttOwW_rowIn{animation:FttOwW_fade-in .4s ease-out var(--delay,0s) both}.FttOwW_playing .FttOwW_ready{animation:.35s ease-out 5.2s both FttOwW_fade-in,1.6s ease-out 5.6s 2 FttOwW_glow}@media (prefers-reduced-motion:reduce){.FttOwW_stage *,.FttOwW_playing *{animation:none!important}}.FttOwW_saveRow{border-top:2em solid var(--color-sand-dark);padding:12em 16em}.FttOwW_savePill{background:var(--color-orange);color:var(--color-deep-dark);padding:6em 12em;display:inline-block}.FttOwW_savePill span{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12em;font-weight:700;display:block}
