.configured-product-fields{gap:16px;min-width:0;margin-block:20px;display:grid}.configured-product-fields fieldset{border:0;min-width:0;margin:0;padding:0}.configured-product-fields legend{margin-bottom:10px;font-weight:600}.configured-product-fields input,.configured-product-fields select{box-sizing:border-box;width:100%;min-width:0;min-height:46px;color:var(--ink);font:inherit;background:#fff;border:1px solid #c9bfd0;border-radius:12px;padding:12px;font-size:16px}.configured-product-fields input:focus-visible,.configured-product-fields select:focus-visible,.configured-package-list button:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.configured-name{gap:8px;font-size:14px;font-weight:600;display:grid}.configured-package-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px;display:grid}.configured-package-list button{min-width:0;min-height:70px;color:var(--ink);text-align:left;font:inherit;cursor:pointer;overflow-wrap:anywhere;background:#fff;border:1px solid #d8cddd;border-radius:14px;gap:6px;padding:14px;display:grid}.configured-package-list button[aria-pressed=true]{border-color:var(--purple);box-shadow:inset 0 0 0 1px var(--purple);background:#f4f3fc}.configured-package-list span,.configured-package-list small,.configured-field-hint{color:var(--muted);font-size:13px;line-height:1.6}.configured-field-hint{margin:0}.configured-pieces{gap:18px;display:grid}.configured-pieces>fieldset{border:1px solid #e4dbe6;border-radius:14px;padding:16px}.configured-product-fields .product-configured-options{min-width:0}.configured-line-summary{overflow-wrap:anywhere;min-width:0;margin-block:10px;font-size:13px;line-height:1.6}.configured-line-summary p{margin:4px 0}.configured-line-summary summary{cursor:pointer;min-height:44px;color:var(--purple);align-items:center;font-weight:600;display:flex}.configured-line-summary ol{padding-left:22px}.configured-hero-design{grid-template-columns:minmax(110px,180px) minmax(0,1fr);align-items:start;gap:12px;margin-block:10px;display:grid}.configured-hero-design .hero-cart-preview{min-height:62px;padding:10px 12px}@media (width<=620px){.configured-hero-design{grid-template-columns:1fr}.configured-hero-design .hero-cart-preview{max-width:220px}}.configured-line-summary .clicker-color-list{gap:8px;margin:8px 0 16px;padding:0;list-style:none;display:grid}.clicker-color-list li{background:#fffdfc;border:1px solid #e8dfe5;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:12px;display:flex}.clicker-color-key,.clicker-color-value{align-items:center;gap:8px;display:inline-flex}.clicker-color-key{margin-right:auto;font-weight:600}.clicker-color-key b{border-radius:8px;place-items:center;width:32px;height:36px;display:grid;box-shadow:inset 0 -3px #0000001a}.clicker-color-value i{border:1px solid #00000026;border-radius:50%;flex-shrink:0;width:18px;height:18px}.clicker-color-value code{font-size:12px}@media (width<=620px){.clicker-color-key{width:100%}}.hero-customizer,.hero-customizer .hero-canvas-input{text-align:left}.hero-editor-toggle-row{justify-content:center;margin-block:12px;display:flex}.hero-customize-toggle{min-height:48px;color:var(--purple);font:inherit;cursor:pointer;background:#f3f1f8;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .18s,border-color .18s;display:inline-flex}.hero-customize-toggle:hover,.hero-customize-toggle[aria-expanded=true]{background:#ebe7f4;border-color:#d8d1e4}.hero-customize-toggle svg{width:18px;height:18px}.hero-editor-chevron{transition:transform .28s}.hero-customize-toggle:focus-visible{outline:3px solid var(--purple);outline-offset:4px}.hero-customize-toggle[aria-expanded=true] .hero-editor-chevron{transform:rotate(180deg)}.hero-advanced-editor{opacity:0;visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .28s,opacity .22s,visibility .28s;display:grid}.hero-advanced-editor[data-open=true]{opacity:1;visibility:visible;grid-template-rows:1fr}.hero-advanced-inner{min-height:0;overflow:hidden}.hero-advanced-inner>fieldset{margin:4px;padding:4px}@media (width<=620px){.hero-customize-toggle{width:100%}}.hero-studio{border-top:1px solid #52404d17;grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;width:min(100%,760px);margin-inline:auto;padding:20px 4px 4px;display:grid}.hero-studio-preview{grid-template-columns:minmax(0,1fr);width:min(100%,760px);margin-inline:auto}.hero-studio-preview .hero-order-empty{text-align:center}.hero-design{min-width:0}.hero-studio-row{border:0;min-width:0;margin:0 0 16px;padding:0}.hero-studio-row:last-child{margin-bottom:0}.hero-studio-row legend{color:var(--berry);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;padding:0;font-size:11px;font-weight:700}.hero-studio button{font:inherit;cursor:pointer}.hero-studio button:focus-visible,.hero-summary-details:focus-visible{outline:3px solid var(--purple);outline-offset:2px}.hero-colorways,.hero-parts{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.hero-parts{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:10px}.hero-colorways button,.hero-parts button,.hero-key-targets button,.hero-styles button,.hero-swatches button{min-width:0;min-height:44px;color:var(--ink);background:#ffffffdb;border:1px solid #ddd3dc;border-radius:12px;padding-inline:8px;font-size:13px;font-weight:600;transition:border-color .18s,background .18s,box-shadow .18s;position:relative}.hero-studio button[aria-pressed=true]{border-color:var(--purple);box-shadow:inset 0 0 0 1px var(--purple);background:#f4f3fc}.hero-colorways button{text-align:center;background:#ffffffa6;border-radius:16px;grid-template-rows:20px minmax(20px,auto);justify-content:center;place-items:center;gap:6px;min-height:82px;padding:12px 10px;line-height:1.3;display:grid}.hero-colorways button:hover{background:#f8f6fc;border-color:#bdb6d2}.hero-colorways button[aria-pressed=true]{border-color:var(--purple);box-shadow:inset 0 0 0 1px var(--purple), 0 4px 12px #49334d08;background:#eeebf7}.hero-colorways button>span{flex-shrink:0;justify-content:center;align-items:center;width:100%;height:20px;display:flex}.hero-colorways i,.hero-swatches i{border-radius:50%;display:block;box-shadow:0 0 0 1px #3b3b452e}.hero-colorways i{box-sizing:content-box;border:2px solid #fff;flex-shrink:0;width:14px;height:14px;margin-left:-3px}.hero-colorways i:first-child{margin-left:0}.hero-studio-check{width:13px;height:13px;color:var(--purple);opacity:0;position:absolute;top:5px;right:5px}[aria-pressed=true]>.hero-studio-check{opacity:1}.hero-key-targets{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:10px;display:flex}.hero-key-targets button{padding:0 12px}.hero-key-targets .hero-key-target{border:2px solid #ffffffe6;width:44px;padding:0;font:700 18px Fredoka,ui-rounded,sans-serif;box-shadow:0 0 0 1px #3b3b4529}.hero-key-targets .hero-key-target[aria-pressed=true]{box-shadow:0 0 0 2px var(--purple), 0 6px 14px #41303c24;border-color:#fff}.hero-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.hero-swatches button{text-align:left;overflow-wrap:anywhere;align-items:center;gap:7px;padding:6px 8px;font-size:12px;font-weight:500;display:flex}.hero-swatches i{flex:0 0 20px;width:20px;height:20px}.hero-swatches span{min-width:0;line-height:1.2}.hero-swatch-custom{min-height:44px;color:var(--ink);overflow-wrap:anywhere;cursor:pointer;background:#ffffffdb;border:1px dashed #c9bfd0;border-radius:12px;align-items:center;gap:7px;padding:6px 8px;font-size:12px;font-weight:500;display:flex;position:relative}.hero-swatch-custom[data-active]{border-style:solid;border-color:var(--purple);box-shadow:inset 0 0 0 1px var(--purple);background:#f4f3fc}.hero-swatch-custom:has(input:focus-visible){outline:2px solid var(--purple);outline-offset:2px}.hero-swatch-custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.hero-studio-note{color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.55}.hero-order{width:100%;min-width:0}.hero-styles{gap:6px;display:grid}.hero-styles button{text-align:left;gap:2px;padding:9px 12px;display:grid}.hero-styles strong{font-size:13px;font-weight:700}.hero-styles small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:400}.hero-order .product-configured-options .variation-group{margin-bottom:14px}.hero-order .configured-options-hint{display:none}.hero-summary{border:1px solid var(--soft-border,#e8e6f5);background:#fff;border-radius:18px;padding:16px}.hero-summary dl{gap:6px;margin:0;display:grid}.hero-summary dl>div{justify-content:space-between;gap:12px;font-size:13px;display:flex}.hero-summary dt{color:var(--muted)}.hero-summary dd{min-width:0;color:var(--ink);text-align:right;overflow-wrap:anywhere;margin:0;font-weight:600}.hero-summary .hero-summary-total{border-top:1px solid #efeaf0;margin-top:4px;padding-top:10px;font-size:15px}.hero-summary-total dd{font-variant-numeric:tabular-nums}.hero-summary>p{color:var(--muted);margin:8px 0 12px;font-size:12px}.hero-summary-actions{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.hero-summary-actions .button-primary{cursor:pointer;border:0;flex:auto}.hero-summary-actions .button-primary:disabled{cursor:default;opacity:.86}.hero-summary-details{min-height:44px;color:var(--berry);text-underline-offset:4px;align-items:center;font-size:13px;font-weight:600;text-decoration:underline;display:inline-flex}.hero-summary-notice p{margin:10px 0 0;font-size:13px;line-height:1.5}.hero-summary-notice .is-error{color:#a3364f}.hero-summary-notice .is-added{color:#2f6b45}.hero-summary-notice a{color:var(--purple);font-weight:700}.hero-order-empty{color:var(--muted);text-align:center;border-top:1px solid #efeaf0;flex-direction:column;align-items:center;gap:12px;margin:0;padding-top:18px;font-size:13px;display:flex}.hero-order-empty .hero-browse-action{color:#fff;border:0;border-radius:14px;min-width:210px;min-height:48px;padding:12px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:background .18s,box-shadow .18s;box-shadow:0 6px 18px #7069a529}.hero-browse-action:hover{box-shadow:0 8px 22px #7069a540}.hero-browse-action:focus-visible{outline:3px solid var(--purple);outline-offset:4px}.hero-order-empty p{text-wrap:pretty;max-width:44ch;margin:0;line-height:1.6}@media (width<=900px){.hero-studio{grid-template-columns:minmax(0,1fr)}}@media (width<=620px){.hero-studio{padding:14px 0 0}.hero-colorways,.hero-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-summary-actions .button-primary{width:100%}.hero-order-empty .hero-browse-action{width:100%;min-width:0}}@media (prefers-reduced-motion:reduce){.hero-advanced-editor,.hero-editor-chevron,.hero-customize-toggle,.hero-browse-action,.hero-studio button{transition:none}}.hero-cart-preview{border:1px solid var(--border);border-radius:16px;justify-content:center;align-items:center;min-height:78px;padding:14px 18px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -8px #fff3}.hero-cart-preview-holder{background-image:linear-gradient(#ffffffb3,#0000);border:1px solid #5a4b5a1f;border-radius:6px;height:14px;position:absolute;inset:auto 12% 12px;transform:skew(-8deg);box-shadow:0 5px #d6d0d6,0 8px #eee9ee,0 14px 14px #3a303c29}.hero-cart-preview-keys{z-index:1;gap:8px;max-width:100%;padding:6px 5px 14px;display:flex;position:relative;transform:perspective(600px)rotateX(12deg)rotate(-3deg)}.hero-cart-preview-keys>span{box-sizing:border-box;text-shadow:0 1px #ffffff4d;width:30px;min-width:0;height:36px;box-shadow:inset 2px 2px 2px #ffffff80, inset -2px -3px 2px #3c283c1f, 0 5px 0 color-mix(in srgb, currentColor 18%, #ddd), 0 8px 0 #fffffff2, 2px 11px 8px #3a303c33;border:1px solid #ffffffa6;border-radius:9px;flex:0 30px;place-items:center;font-weight:700;display:grid}@media (width<=620px){.hero-cart-preview{min-height:70px}.hero-cart-preview-keys>span{flex-basis:27px;width:27px;height:32px}}