.so{--so-ease:cubic-bezier(.22,1,.36,1);height:max(640px,calc(100svh - var(--header-shell-height,80px)));isolation:isolate;color:var(--so-ink,#111);background:radial-gradient(70% 70% at 58% 42%,var(--so-bg-a,#f6f6f5)0%,color-mix(in srgb,var(--so-bg-a,#f6f6f5)55%,var(--so-bg-b,#e1e0e0))52%,var(--so-bg-b,#e1e0e0)100%);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.so-stage{touch-action:pan-y;position:absolute;inset:0}.so-stage.is-dragging{cursor:grabbing}.so-wire{pointer-events:none;width:100%;height:100%;transition:opacity .45s;position:absolute;inset:0;overflow:visible}.so-wire circle{fill:none;stroke:currentColor;stroke-width:1px;opacity:.5;vector-effect:non-scaling-stroke}.so-node{width:var(--so-shoe,380px);will-change:transform,opacity;cursor:pointer;position:absolute;top:0;left:0}.so-node.is-active{cursor:zoom-in}.so-img{pointer-events:none;-webkit-user-drag:none;z-index:1;width:100%;height:auto;animation:3.7s ease-in-out infinite soFloat;display:block;position:relative}.so-node:nth-child(3n) .so-img,.so-node:nth-child(3n) .so-shadow{animation-delay:-1.2s}.so-node:nth-child(3n+1) .so-img,.so-node:nth-child(3n+1) .so-shadow{animation-delay:-2.4s}@keyframes soFloat{0%,to{translate:0}50%{translate:0 -3px}}@keyframes soShadow{0%,to{opacity:.95;transform:scaleX(1)}50%{opacity:.78;transform:scaleX(.94)}}body:not([data-motion]) .so-img,body:not([data-motion]) .so-shadow{animation:none}.so-shadow{filter:blur(5px);background:radial-gradient(closest-side,#00000057,#0000);border-radius:50%;height:16%;animation:3.7s ease-in-out infinite soShadow;position:absolute;bottom:-14%;left:16%;right:16%}.so-copy{top:9%;z-index:5;width:min(40vw,560px);transition:opacity .35s ease,transform .45s var(--so-ease);position:absolute;inset-inline-start:5%}.so-titles,.so-detail-titles{height:var(--so-titles-h,150px);position:relative;overflow:hidden}.so-title{top:0;will-change:transform;width:100%;position:absolute;inset-inline-start:0}.so-count{letter-spacing:.16em;opacity:.5;margin:0;font-size:11px}.so-name{max-width:11ch;font-family:var(--display-font,inherit);letter-spacing:-.025em;text-transform:uppercase;margin:8px 0 0;font-size:clamp(28px,4.6svh,50px);font-weight:800;line-height:.95}.so-price{margin:12px 0 0;font-size:14px;font-weight:500}.so-details{color:inherit;background:0 0;border-bottom:1px solid;align-items:center;gap:10px;margin-top:4px;padding:0 0 4px;font-size:13px;display:inline-flex}.so-details svg,.so-pager-btn svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:14px;transition:transform .3s var(--so-ease)}.so-details:hover svg{transform:translate(3px)}[dir=rtl] .so-details svg{transform:scaleX(-1)}.so-quick{inset-inline-end:5%;z-index:5;opacity:0;pointer-events:none;width:252px;transition:opacity .3s ease,transform .4s var(--so-ease);position:absolute;bottom:15%;transform:translateY(8px)}.so-quick.is-shown{opacity:1;pointer-events:auto;transform:none}.so-quick-label{white-space:nowrap;letter-spacing:.18em;text-transform:uppercase;opacity:.5;margin:0 0 8px;font-size:8.5px}.so-quick-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.so-chip{height:32px;color:inherit;transition:background .2s,color .2s,border-color .2s,transform .2s var(--so-ease);background:#ffffff8c;border:1px solid #d3d2d4;border-radius:5px;font-size:12px;position:relative}.so-chip:hover:not(:disabled){border-color:currentColor;transform:translateY(-1px)}.so-chip:disabled{opacity:.35;cursor:default;text-decoration:line-through}.so-chip.is-picked{background:var(--so-pick,#1b2234);border-color:var(--so-pick,#1b2234);color:#fff}.so-chip.is-loading{color:#0000}.so-chip.is-loading:after{content:"";border:1.5px solid color-mix(in srgb,currentColor 30%,transparent);border-top-color:var(--so-ink,#111);border-radius:50%;width:12px;height:12px;margin:auto;animation:.7s linear infinite soSpin;position:absolute;inset:0}.so-quick-note{align-items:center;gap:7px;min-height:16px;margin:10px 0 0;font-size:10.5px;line-height:1.35;display:flex}.so-quick-note svg{flex:none;width:13px;height:13px}.so-quick-note button{font:inherit;color:inherit;background:0 0;border-bottom:1px solid;padding:0}.so-wheel-wrap{z-index:5;width:clamp(260px,50svh,520px);transition:opacity .35s ease,transform .45s var(--so-ease);position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.so-wheel{cursor:grab;touch-action:pan-y;background:linear-gradient(#3a393d 0%,#807e83 16%,#cfcdd1 42%,#f2f0f3 52%,#b9b7bb 70%,#69676c 88%,#3f3e42 100%);border-radius:999px;height:24px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff73,inset 0 -1px #00000059,0 1px #fffc,0 8px 16px -8px #00000073}.so-wheel.is-dragging{cursor:grabbing}.so-wheel:focus-visible{outline-offset:4px;outline:2px solid}.so-wheel:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#00000073 0%,#0000 18% 82%,#00000073 100%);position:absolute;inset:0}.so-wheel-ridges{position:absolute;inset:0}.so-ridge{will-change:transform,opacity;background:linear-gradient(90deg,#1e1e22b3 0 50%,#ffffff8c 50% 100%);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:0}.so-wheel-dot{width:4px;height:4px;transition:background .2s,transform .2s var(--so-ease);background:currentColor;border-radius:50%;margin-left:-2px;position:absolute;top:-11px;left:50%}.so-wheel-wrap.is-dragging .so-wheel-dot{background:var(--so-done,#e0322e);transform:scale(1.4)}.so-wheel-labels{letter-spacing:.2em;text-transform:uppercase;opacity:.55;grid-template-columns:1fr auto 1fr;margin-top:10px;font-size:9.5px;display:grid}.so-wheel-labels span:last-child{text-align:end}.so-close{top:24px;z-index:8;color:inherit;opacity:0;pointer-events:none;background:0 0;align-items:center;gap:8px;padding:6px 2px;font-size:12px;transition:opacity .3s;display:inline-flex;position:absolute;inset-inline-end:30px}.so-close svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:12px;height:12px}.so-detail{top:50%;z-index:6;opacity:0;pointer-events:none;width:min(380px,32vw);transition:opacity .35s ease,transform .5s var(--so-ease);position:absolute;inset-inline-end:7%;transform:translate(24px,-50%)}[dir=rtl] .so-detail{transform:translate(-24px,-50%)}.so-detail .so-name{max-width:none;font-size:clamp(32px,6svh,60px)}.so-detail .so-count{display:none}.so-detail-size-head{letter-spacing:.18em;text-transform:uppercase;justify-content:space-between;margin-top:26px;font-size:9px;display:flex}.so-detail-size-head span:first-child{opacity:.5}.so-detail-size-head span:last-child{letter-spacing:0;font-size:11px}.so-detail-grid{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px;display:grid}.so-detail-grid .so-chip{background:#ffffff80;border-radius:9px;height:42px;font-size:13px}.so-detail-grid .so-chip.is-picked,.so-quick-grid .so-chip.is-picked{background:var(--so-pick,#1b2234);border-color:var(--so-pick,#1b2234);color:#fff}.so-detail-bag[hidden]{display:none}.so-detail-add{background:var(--so-pick,#1b2234);color:#fff;width:100%;height:48px;transition:background .3s ease,transform .2s var(--so-ease);border-radius:999px;margin-top:16px;font-size:13px;font-weight:600;position:relative}.so-detail-add:disabled{cursor:default;background:#a3a2a6}.so-detail-add:hover:not(:disabled){transform:translateY(-1px)}.so-detail-add.is-done{background:var(--so-done,#e0322e)}.so-detail-add.is-loading .so-detail-add-label{opacity:0}.so-spinner{opacity:0;border:1.6px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:15px;height:15px;margin:auto;position:absolute;inset:0}.so-detail-add.is-loading .so-spinner{opacity:1;animation:.7s linear infinite soSpin}@keyframes soSpin{to{transform:rotate(360deg)}}.so-detail-bag,.so-detail-full{color:inherit;background:0 0;border-bottom:1px solid;margin-top:14px;padding:0 0 3px;font-size:12px;display:inline-block}.so-detail-bag{margin-inline-end:18px}.so-pager{inset-inline-start:5%;z-index:6;opacity:0;pointer-events:none;align-items:center;gap:26px;transition:opacity .35s .1s;display:flex;position:absolute;bottom:6%}.so-thumbs{gap:6px;display:flex}.so-thumb{opacity:.55;background:0 0;border-radius:4px;width:46px;height:34px;padding:2px;transition:opacity .2s,background .2s}.so-thumb img{object-fit:contain;width:100%;height:100%}.so-thumb[aria-current=true]{opacity:1;background:#ffffffb3}.so-pager-nav{align-items:center;gap:12px;display:flex}.so-pager-count{letter-spacing:.14em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.so-pager-btn{border:1px solid color-mix(in srgb,currentColor 30%,transparent);width:34px;height:34px;color:inherit;background:0 0;border-radius:50%;place-items:center;display:grid}.so-pager-btn--solid{background:var(--so-ink,#111);border-color:var(--so-ink,#111);color:#fff}.so.is-detail .so-wire{opacity:0}.so.is-detail .so-copy,.so.is-detail .so-quick,.so.is-detail .so-wheel-wrap{opacity:0;pointer-events:none}.so.is-detail .so-copy{transform:translateY(-10px)}.so.is-detail .so-detail{opacity:1;pointer-events:auto;transform:translateY(-50%)}.so.is-detail .so-close,.so.is-detail .so-pager{opacity:1;pointer-events:auto}@media (width<=749px){.so{flex-direction:column;height:auto;min-height:0;padding-bottom:30px;display:flex}.so-copy{top:auto;order:-1;width:auto;padding:30px 20px 0;position:relative;inset-inline-start:auto}.so-name{font-size:clamp(28px,8.6vw,38px)}.so-stage{height:100vw;max-height:460px;margin-top:4px;position:relative;inset:auto;overflow:hidden}.so-quick{inset:auto;width:auto;margin:6px 20px 0;position:relative;bottom:auto}.so-quick-label{white-space:normal}.so-wheel-wrap{width:auto;margin:26px 20px 0;position:relative;bottom:auto;left:auto;transform:none}.so-close{top:16px;inset-inline-end:16px}.so-detail{top:auto;width:auto;margin:0 20px;display:none;position:relative;inset-inline-end:auto;transform:translateY(16px)}.so.is-detail .so-detail{display:block;transform:none}.so.is-detail .so-copy,.so.is-detail .so-quick,.so.is-detail .so-wheel-wrap{display:none}.so-pager{justify-content:space-between;gap:12px;margin:22px 20px 0;display:none;position:relative;inset:auto}.so.is-detail .so-pager{display:flex}.so-thumbs{scrollbar-width:none;overflow-x:auto}.so-thumb{flex:none;width:40px;height:30px}}@media (prefers-reduced-motion:reduce){.so-img,.so-shadow{animation:none!important}.so-copy,.so-quick,.so-detail,.so-wheel-wrap,.so-pager,.so-wire{transition-duration:.01ms!important}}@media (width>=750px){[dir=rtl] .so-copy{inset-inline-start:auto;left:5%;width:min(28vw,400px)}}.so-colors{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 10px}.so-colors[hidden]{display:none}.so-detail-colors{margin:22px 0 0}
.so-color{position:relative;width:28px;height:28px;padding:2px;border-radius:50%;border:1px solid transparent;background:none;cursor:pointer;color:inherit;transition:transform .2s var(--so-ease),border-color .2s}
.so-color-fill{display:block;width:100%;height:100%;border-radius:50%;background:#ccc center 30%/150% no-repeat;box-shadow:inset 0 0 0 1px #0000001f}
.so-color:hover{transform:scale(1.07)}.so-color[aria-pressed=true]{border-color:var(--so-pick,#1b2234)}.so-color:focus-visible{outline:2px solid;outline-offset:2px}
.so-color.is-soldout .so-color-fill{opacity:.4}.so-color.is-soldout:after{content:"";position:absolute;inset:50% 3px auto;height:1px;background:currentColor;transform:rotate(-45deg)}
.so-color--text{width:auto;min-width:28px;border-radius:15px;border-color:#d3d2d4;background:#ffffff8c}.so-color--text .so-color-fill{display:grid;place-items:center;padding:0 9px;background:none;box-shadow:none;font-size:11px;white-space:nowrap}
.so-color--text[aria-pressed=true]{background:var(--so-pick,#1b2234);color:#fff;border-color:var(--so-pick,#1b2234)}
.so-detail .so-color{width:34px;height:34px}