:root{--brand-starry-gray: #333d4f;--brand-ultra-white: #ffffff;--brand-starry-gray-rgb: 51, 61, 79;--brand-ultra-white-rgb: 255, 255, 255;--brand-dark-gray: #51596a;--brand-light-gray: #bcc7d6;--brand-dark-gray-rgb: 81, 89, 106;--brand-light-gray-rgb: 188, 200, 215;--brand-evolution-blue: #000f9f;--brand-refreshing-orange-1: #ffc85c;--brand-refreshing-orange-2: #ff6432;--brand-evolution-blue-rgb: 0, 15, 159;--brand-refreshing-orange-1-rgb: 255, 200, 92;--brand-refreshing-orange-2-rgb: 255, 100, 50;--transparent: transparent;--white: #fff;--black: #000;--accent: #ff6432;--accent-over: #ffc85c;--lighter: #ebeef3;--light: #bcc7d6;--dark: #51596a;--darker: #51596a;--disabled: #808080;--white-rgb: 255, 255, 255;--black-rgb: 0, 0, 0;--accent-rgb: 255, 100, 50;--accent-over-rgb: 255, 200, 92;--lighter-rgb: 188, 200, 215;--light-rgb: 188, 200, 215;--dark-rgb: 81, 89, 106;--darker-rgb: 81, 89, 106;--font-weight-lighter: lighter;--font-weight-bolder: bolder;--font-weight-thin: 100;--font-weight-extra-light: 200;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-regular: 400;--font-weight-default: 400;--font-weight-medium: 500;--font-weight-semi-bold: 600;--font-weight-demi-bold: 600;--font-weight-bold: 700;--font-weight-extra-bold: 800;--font-weight-ultra-bold: 800;--font-weight-black: 900;--font-weight-heavy: 900;--body-background: #fff;--body-color: #231815;--body-font-family: Open Sans, sans-serif;--body-font-size: 1rem;--body-line-height: 1.5rem;--body-font-weight: 400;--headings-font-family: Roboto Slab, serif;--headings-line-height: normal;--headings-font-weight: 400;--btn-font-family: Open Sans, sans-serif;--btn-font-size: 1rem;--btn-font-weight: 400;--btn-line-height: 1.5rem;--zindex-body: 1;--zindex-body-overlay: 9;--zindex-navbar-overlay: 10;--zindex-navbar: 11;--zindex-sidebar-overlay: 12;--zindex-sidebar: 13;--zindex-modal-overlay: 15;--zindex-modal: 16}:root{--bg: #f5f2ef;--text: #0f0f0f;--muted: #6b6f76;--radius: 0;--elev-0: 0 0 0 1px rgba(0,0,0,.06);--elev-1: 0 4px 14px rgba(0,0,0,.06), var(--elev-0);--elev-2: 0 20px 60px rgba(0,0,0,.07), var(--elev-0);--surface: #fff;--surface-muted: #ebe8e3;--chip-bg: rgba(255,255,255,.85);--ring: #ff5841;--dot: rgba(0,0,0,.25);--active: #111}[data-theme=dark]{--bg: #0e0f10;--text: #e8e8ea;--muted: #9aa0a6;--elev-0: 0 0 0 1px rgba(255,255,255,.08);--elev-1: 0 4px 14px rgba(0,0,0,.4), var(--elev-0);--elev-2: 0 20px 60px rgba(0,0,0,.55), var(--elev-0);--surface: #16181a;--surface-muted: #1f2225;--chip-bg: rgba(22,24,26,.75);--ring: #ff735c;--dot: rgba(255,255,255,.35);--active: #fafafa}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.label{font-size:16px;color:var(--muted)}.controls{display:flex;align-items:center;gap:10px}.view-toggle{display:inline-flex;background:var(--surface-muted);border-radius:999px;padding:6px;box-shadow:var(--elev-0)}.view-toggle button{appearance:none;border:0;background:rgba(0,0,0,0);padding:8px 10px;border-radius:999px;cursor:pointer;display:grid;place-items:center;width:40px;height:40px;color:var(--text)}.view-toggle button[aria-pressed=true]{background:var(--active);color:#fff}.view-toggle button svg{width:20px;height:20px;display:block}.view-toggle button:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab, var(--ring), transparent 65%)}.swatches{display:inline-flex;align-items:center;gap:10px;background:var(--surface-muted);padding:6px;border-radius:999px;box-shadow:var(--elev-0)}.swatch{--size: 36px;width:var(--size);height:var(--size);border-radius:999px;border:1px solid var(--surface-muted);cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:center;outline:none;background:var(--sw, #ddd)}.swatch.has-img img{--size: 36px;width:var(--size);height:var(--size)}.swatch:focus-visible,.swatch[aria-pressed=true]{box-shadow:0 0 0 3px color-mix(in oklab, var(--active), transparent 75%) inset,0 0 0 3px color-mix(in oklab, var(--active), transparent 90%);box-shadow:none}.swatch .ring{position:absolute;inset:-3px;border-radius:999px;box-shadow:0 0 0 1px var(--ring) inset;opacity:0;pointer-events:none;transition:opacity .18s ease}.swatch[aria-pressed=true] .ring{opacity:1}.stage{background:rgba(0,0,0,0);border-radius:var(--radius);margin-top:28px;box-shadow:none;position:relative;overflow:hidden;margin-bottom:28px}@media(min-width: 768px){.stage{margin-bottom:0}}.chip{position:absolute;top:16px;left:16px;background:var(--chip-bg);backdrop-filter:blur(6px);border-radius:999px;padding:8px 12px;font-size:12px;color:var(--text);box-shadow:var(--elev-0);z-index:5;display:none}.img-wrap{position:relative;width:100%}#mainImg{display:block;width:100%;height:auto}#mainImg::selection{background:rgba(0,0,0,0)}.img-wrap{position:relative;overflow:hidden}.img-wrap>img{display:block;width:100%;height:auto}.img{width:100%;height:auto;max-width:100%;object-fit:contain;transition:opacity .25s ease,transform .25s ease}@media(prefers-reduced-motion: reduce){.img{transition:none}}.slider-controls{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;pointer-events:none}.arrow{align-self:center;justify-self:start;width:56px;height:56px;padding:16px;border:0;border-radius:50%;background:var(--surface);color:var(--text);box-shadow:var(--elev-2);cursor:pointer;pointer-events:auto;margin-left:12px}.arrow.right{justify-self:end;margin-left:0;margin-right:12px}.arrow:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab, var(--ring), transparent 65%),var(--elev-2)}@media(prefers-reduced-motion: reduce){.arrow{transition:none}}.dots{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;gap:8px}.dot{width:9px;height:9px;border-radius:999px;background:var(--dot);border:1px solid var(--dot);cursor:pointer}.dot[aria-current=true]{background:var(--active);border-color:var(--active)}.dot:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab, var(--ring), transparent 65%)}@media(max-width: 640px){.swatch{--size: 30px}}/*# sourceMappingURL=picker.configurator.min.css.map */