:root{--line-item-gap:6px;--card-w:max(240px, min(75vw, 400px));--peek:40px}.bespoke-container,.selection>.position{position:relative;color:var(--text-light)}.bespoke-container{z-index:6003!important;margin-top:6px}.bespoke-editor,.bespoke-selection,.bespoke-stage,.step_2,.step_2_bottom{min-width:0}.bespoke-editor{display:flex;flex-direction:column;height:100%}@media (min-width:901px){.bespoke-selection{margin:24px 24px 24px 0}}.selection-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:1rem;gap:1rem;width:100%;max-width:100%;box-sizing:border-box}.stack{display:grid}.stack>*{grid-area:1/1}.selection{width:100%;aspect-ratio:1/1;color:#424242}.selection>.position{left:5px}.selection:not(:has(img)){border:1px solid var(--border)}.selection.is-active{outline:1px solid var(--text-light)}.bespoke-steps{display:flex;flex-direction:column;width:100%}.bespoke-step{display:flex;align-items:center;justify-content:space-between;gap:5px;max-height:150px;padding-top:12px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.1);cursor:pointer}.step{width:100%;flex-direction:column}.flex-center,.step{display:flex}.step_1{display:none}.step_1_top{width:100%;height:33%;background:#20b2aa}.step_1_bottom{flex:1 1 0;background:#90ee90}.step_2{display:flex}.step_2_top{width:100%}.step_2_bottom{height:100%}.list{display:flex;align-items:center;box-sizing:border-box;list-style:none;margin:0;padding-top:12px;padding-bottom:12px;gap:6px;gap:var(--line-item-gap);width:100%;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}#variant-modal-body::-webkit-scrollbar,.list::-webkit-scrollbar,.variant-modal__sheet::-webkit-scrollbar{display:none}.list>.item:only-child{flex-basis:100%}.list .item:first-child{margin-left:0}.list .item:last-child{margin-right:0}.list>.item:only-child{flex:0 0 50%;max-width:calc(50% - calc(6px*.5));max-width:calc(50% - calc(var(--line-item-gap)*.5))}.content,.item,.variant>span{display:flex;height:100%;background:#fff}.item{position:relative;aspect-ratio:1/1;scroll-snap-align:center;overflow:hidden}.item>img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform:none;transition:transform 180ms ease}.item .variant-badge{position:absolute;top:12px;left:12px;padding:2px 6px;font-weight:600;font-size:.75rem;color:var(--text);border-radius:var(--radius-sm);font-family:var(--FONT-STACK-ACCENT);font-style:var(--FONT-STYLE-ACCENT);text-transform:var(--FONT-ACCENT-TRANSFORM);letter-spacing:var(--FONT-ACCENT-LETTER-SPACING);line-height:var(--leading-relaxed);background:var(--hairline)}.content,.variant>span{align-items:center;justify-content:center}.content{color:#182016;font:700 2rem/1 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}.scrollbar{padding-left:12px;padding-right:12px}.scrollbar__track{position:relative;height:4px;background:var(--COLOR-A5);border-radius:2px}.scrollbar__thumb{position:absolute;top:0;left:0;height:4px;width:18%;background:var(--border);border-radius:2px;cursor:grab;transition:transform .15s cubic-bezier(.215,.61,.355,1)}.scrollbar__thumb:active{cursor:grabbing;background:#aaa}.scrollbar.is-hidden{display:none}.match{position:relative;left:30px;top:28px}#bespoke-state{margin:12px;border:1px solid var(--border);font-size:var(--font-2)}.variant-group{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;grid-gap:16px;gap:16px;width:100%;height:100%;padding:16px}.variant{position:relative;display:block}.variant>input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.variant>span{width:100%;aspect-ratio:1;border:1px solid #d9d9d9;border-radius:8px;font:600 1rem/1.2 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}.variant>input:checked+span{background:#3f3f3f;color:#fff;border-color:#3f3f3f}.variant>input:disabled+span{color:#9aa0a6;background:#f4f4f4;border-color:#e6e6e6}.variant-modal__close:focus-visible,.variant>input:focus-visible+span{outline:2px solid #111;outline-offset:2px}@media (max-width:600px){.variant-group{grid-template-columns:repeat(3,1fr);gap:12px;padding:12px}.variant>span{font-size:.95rem}}#variant-modal.variant-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:block}#variant-modal[hidden]{display:none}.variant-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.35);backdrop-filter:blur(6px);width:100vw;width:100dvw;height:100vh;height:100dvh;opacity:0;transition:opacity .28s cubic-bezier(.22,.61,.36,1);pointer-events:none}#variant-modal.is-open .variant-modal__backdrop{opacity:1;pointer-events:auto}.variant-modal__sheet{position:absolute;left:0;right:0;bottom:0;width:100%;max-width:100dvw;height:64dvh;max-height:90dvh;background:#fff;background:var(--bg, #fff);color:#111;color:var(--text, #111);border-radius:16px 16px 0 0;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom,0);transform:translateY(100%);transition:transform .28s cubic-bezier(.22,.61,.36,1);touch-action:pan-y}#variant-modal.is-open .variant-modal__sheet{transform:translateY(0)}.variant-modal__top{flex:0 0 auto;display:grid;align-items:center;justify-items:center;place-items:center;padding-top:12px;padding-bottom:8px}.variant-modal__grab{width:44px;height:4px;border-radius:2px;background:#c8c8c8;margin:0;padding:0;line-height:0;font-size:0;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.variant-modal__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 16px 8px;flex:0 0 auto}#variant-modal-title{margin:0;font:600 1rem/1.2 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}.variant-modal__close{background:0 0;border:0;font-size:22px;line-height:1;padding:4px;cursor:pointer}#variant-modal-body{flex:1 1 auto;min-height:0;padding:0 16px 16px;overflow:auto;-webkit-overflow-scrolling:touch}.variant-modal-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:12px;gap:12px}.variant-modal-option{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 12px;border-radius:8px;border:1px solid #e5e5e5;border:1px solid var(--border, #e5e5e5);background:#fff;font:600 .95rem/1.2 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;cursor:pointer}.variant-modal-option[aria-pressed=true]{background:#333;color:#fff;border-color:#333}.variant-modal-option[aria-disabled=true]{opacity:.5;cursor:not-allowed}.variant-modal-option:focus-visible{outline:2px solid #111;outline-offset:2px}#variant-modal-body,.variant-modal__sheet{scrollbar-width:none}@supports not (height:100dvh){body,html{height:100%}.variant-modal__sheet{height:64vh;max-height:90vh}}@supports (-webkit-touch-callout:none){.variant-modal__sheet{height:70svh;max-height:90svh}}.variant-btn{position:absolute;top:auto;right:auto;bottom:12px;left:50%;transform:translate(-50%)}.selection img{width:100%;height:100%;top:0;right:0;bottom:0;left:0;margin:auto;opacity:1;transition:opacity 180ms ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:auto}.selection img.is-enter,.selection img.is-exit{opacity:0}@media (prefers-reduced-motion:reduce){.selection img{transition:none}}@supports (container-type:inline-size){.list{container-type:inline-size}.item{flex-basis:max(240px,min(75cqi,400px))}}.selection__grid--header{display:flex;justify-content:space-between;margin:24px 0 8px;border-bottom:1px solid rgba(0,0,0,.1)}.tile__grid--header{margin:0 0 8px;border-bottom:1px solid rgba(0,0,0,.1)}