.ovn3d{--font-display: "Fraunces", "Times New Roman", serif;--font-ui: "Inter", system-ui, sans-serif;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.75rem;--text-2xl: 2.75rem;--weight-normal: 400;--weight-medium: 500;--weight-semi: 600;--leading-tight: 1.1;--leading-normal: 1.5;--tracking-wide: .08em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 999px;--shadow-1: 0 1px 2px rgba(20, 14, 8, .06), 0 1px 3px rgba(20, 14, 8, .1);--shadow-2: 0 6px 16px rgba(20, 14, 8, .1);--shadow-3: 0 18px 48px rgba(20, 14, 8, .18);--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-emphasized: cubic-bezier(.2, 0, 0, 1);--ease-out-soft: cubic-bezier(.16, 1, .3, 1);--motion-lid-ms: 1400;--motion-tv-ms: 2200;--motion-ui-ms: 220;--bg: #F4F1EA;--surface: #FBFAF6;--surface-sunk: #E7E4DC;--stage-top: #E7E4DC;--stage-bottom: #DCCFB6;--ink: #111013;--ink-soft: #6E6B64;--ink-faint: #9A968D;--line: #E1DCD1;--accent: #3B1E54;--accent-strong: #2A1440;--accent-tint: #E8E2EE;--on-accent: #F4F1EA;--focus-ring: #3B1E54;--success: #3f7a4f;--danger: #b1442f}.ovn3d[data-theme=dark]{--bg:#111013;--surface:#1B1A20;--surface-sunk:#0C0B0E;--stage-top:#241F30;--stage-bottom:#111013;--ink:#F4F1EA;--ink-soft:#B6ACC6;--ink-faint:#8E82A6;--line:#2E2740;--accent:#B6ACC6;--accent-strong:#CFC7DC;--accent-tint:#2A1E3A;--on-accent:#111013;--focus-ring:#B6ACC6;--success:#6fbf82;--danger:#e0765e;--shadow-1:0 1px 2px rgba(0,0,0,.4);--shadow-2:0 6px 16px rgba(0,0,0,.45);--shadow-3:0 18px 48px rgba(0,0,0,.6)}@media(prefers-reduced-motion:reduce){.ovn3d{--motion-lid-ms: 0;--motion-tv-ms: 0;--motion-ui-ms: 0}}.ovn3d{display:block}.ovn3d .app{height:78vh;min-height:620px}@media(max-width:900px){.ovn3d .app{height:auto;min-height:0}}.ovn3d *{box-sizing:border-box}.ovn3d .app{display:grid;grid-template-columns:1fr 380px;grid-template-rows:auto 1fr;height:100vh}@media(max-width:900px){.ovn3d .app{grid-template-columns:1fr;grid-template-rows:auto 56vh auto}}.ovn3d header{grid-column:1 / -1;display:flex;align-items:baseline;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line);background:var(--surface)}.ovn3d header .eyebrow{font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-faint)}.ovn3d header h1{font-family:var(--font-display);font-weight:var(--weight-semi);font-size:var(--text-lg);margin:0}.ovn3d header .tag{margin-left:auto;color:var(--ink-soft);font-size:var(--text-sm)}.ovn3d header .back{align-self:center;text-decoration:none;color:var(--ink-soft);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-pill);white-space:nowrap;transition:background var(--motion-ui-ms)ms var(--ease-standard)}.ovn3d header .back:hover{background:var(--accent-tint);color:var(--ink)}.ovn3d .viewer{position:relative;background:radial-gradient(120% 90% at 50% 20%,var(--stage-top),var(--stage-bottom));overflow:hidden}.ovn3d #stage{position:absolute;top:0;right:0;bottom:0;left:0}.ovn3d #stage canvas{display:block;width:100%;height:100%;touch-action:none}.ovn3d .overlay{position:absolute;left:0;right:0;bottom:0;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}.ovn3d .overlay>*{pointer-events:auto}.ovn3d .row{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.ovn3d .cams{margin-left:auto}.ovn3d button{font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;transition:transform var(--motion-ui-ms)ms var(--ease-standard),background var(--motion-ui-ms)ms,opacity var(--motion-ui-ms)ms}.ovn3d button:hover:not(:disabled){transform:translateY(-1px)}.ovn3d button:disabled{opacity:.4;cursor:not-allowed}.ovn3d button.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:var(--weight-semi)}.ovn3d button.ghost{background:color-mix(in srgb,var(--surface) 78%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ovn3d .status{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--ink-soft);background:color-mix(in srgb,var(--surface) 80%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--line);align-self:flex-start}.ovn3d .status b{color:var(--ink);font-weight:var(--weight-semi)}.ovn3d .bar{width:120px;height:5px;border-radius:var(--radius-pill);background:var(--surface-sunk);overflow:hidden}.ovn3d .bar>i{display:block;height:100%;width:0;background:var(--accent);transition:width 60ms linear}.ovn3d .hint{font-size:var(--text-2xs);color:var(--ink-faint)}.ovn3d .panel{border-left:1px solid var(--line);background:var(--surface);overflow-y:auto;display:flex;flex-direction:column}.ovn3d .panel .body{padding:var(--space-4) var(--space-5);flex:1}.ovn3d .step{padding:var(--space-4) 0;border-bottom:1px solid var(--line)}.ovn3d .step:last-child{border-bottom:0}.ovn3d .step h3{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semi)}.ovn3d .step p.help{margin:2px 0 var(--space-3);font-size:var(--text-xs);color:var(--ink-faint)}.ovn3d .opts{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ovn3d .opt{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface);cursor:pointer;font-size:var(--text-sm);transition:border-color var(--motion-ui-ms)ms,background var(--motion-ui-ms)ms}.ovn3d .opt[aria-pressed=true]{border-color:var(--focus-ring);background:var(--accent-tint)}.ovn3d .opt .dot{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.15);flex:none}.ovn3d .opt .thumb{width:44px;height:26px;border-radius:4px;border:1px solid rgba(0,0,0,.14);flex:none;display:block}.ovn3d .opt .meta{color:var(--ink-faint);font-size:var(--text-2xs)}.ovn3d .opt .delta{color:var(--ink-soft);font-size:var(--text-2xs)}.ovn3d .checkout{position:sticky;bottom:0;border-top:1px solid var(--line);background:var(--surface);padding:var(--space-4) var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.ovn3d .checkout .price{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semi)}.ovn3d .checkout .price small{display:block;font-family:var(--font-ui);font-size:var(--text-2xs);color:var(--ink-faint);font-weight:var(--weight-normal);letter-spacing:var(--tracking-wide);text-transform:uppercase}.ovn3d{--font-display: var(--heading-font-family, "Fraunces", "Times New Roman", serif);--font-ui: var(--text-font-family, Nunito, sans-serif);--tracking-wide: var(--heading-letter-spacing, .18em);--weight-normal: var(--text-font-weight, 400);--weight-medium: 500;--weight-semi: var(--heading-font-weight, 600);--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--radius-pill: 0px;--bg: rgb(var(--background, 239 239 239));--surface: rgb(var(--color-background, 255 255 255));--surface-sunk: rgba(28, 28, 28, .04);--stage-top: #f4f4f4;--stage-bottom: #e0e0e0;--ink: rgb(var(--color-foreground, 28 28 28));--ink-soft: rgba(28, 28, 28, .66);--ink-faint: rgba(28, 28, 28, .42);--line: rgba(28, 28, 28, .14);--accent: #3B1E54;--accent-strong: #2A1440;--accent-tint: rgba(59, 30, 84, .08);--on-accent: #F4F1EA;--focus-ring: #3B1E54;--shadow-1: none;--shadow-2: 0 1px 2px rgba(28, 28, 28, .06);--shadow-3: 0 8px 28px rgba(28, 28, 28, .1);font-family:var(--font-ui);font-size:var(--text-base, .875rem);color:var(--ink)}.ovn3d header h1{font-family:var(--font-display);text-transform:var(--heading-text-transform, none);letter-spacing:var(--heading-letter-spacing, .18em)}.ovn3d button,.ovn3d .primary,.ovn3d .ghost{font-family:var(--font-ui);text-transform:var(--button-text-transform, uppercase);letter-spacing:var(--button-letter-spacing, .18em);border-radius:0;font-size:var(--text-xs)}.ovn3d .primary{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent)}.ovn3d .primary:hover{background:transparent;color:var(--accent)}.ovn3d .ghost{border:1px solid var(--line);background:#ffffffb8;color:var(--ink)}.ovn3d .ghost:hover{border-color:var(--accent)}.ovn3d .panel .step h3,.ovn3d .panel h3{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-size:var(--text-2xs);color:var(--ink-faint)}.ovn3d .panel .opt,.ovn3d .panel button[role=radio],.ovn3d .panel label{border-radius:0}.ovn3d .checkout .price span{font-family:var(--font-display)}.ovn3d[data-theme=dark]{--bg: rgb(var(--background, 239 239 239));--surface: #ffffff;--ink: #1c1c1c}.ovn3d .ovn3d-upload{border-top:1px solid var(--line);margin-top:var(--space-4);padding-top:var(--space-4)}.ovn3d .ovn3d-upload__hint{font-size:var(--text-xs);color:var(--ink-soft);margin:0}.ovn3d .ovn3d-upload__state{margin-top:var(--space-3);font-size:var(--text-xs)}.ovn3d .ovn3d-upload__file{font-weight:500;word-break:break-all;margin:0 0 4px}.ovn3d .ovn3d-upload__note{color:var(--ink-soft);margin:0 0 4px}.ovn3d .ovn3d-upload__warn{color:#8a4b32;margin:0 0 4px}.ovn3d .app{height:min(78vh,760px);min-height:560px}.ovn3d .viewer,.ovn3d .panel{min-height:0;min-width:0}.ovn3d .panel{overflow:hidden;display:flex;flex-direction:column}.ovn3d .panel .body{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain}.ovn3d .checkout{flex:0 0 auto}@media(max-width:900px){.ovn3d .app{height:auto;min-height:0}.ovn3d .panel .body{overflow-y:visible}}.ovn3d-dialog{width:min(1360px,94vw);max-width:none;max-height:92vh;padding:0;border:1px solid rgba(28,28,28,.14);border-radius:0;background:rgb(var(--background, 255 255 255));overflow:visible}.ovn3d-dialog::backdrop{background:#1414148c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ovn3d-dialog .app{height:min(80vh,780px);border:0}.ovn3d-dialog__close{position:absolute;top:-14px;right:-14px;z-index:2;width:40px;height:40px;font-size:22px;line-height:1;cursor:pointer;border:1px solid rgba(28,28,28,.14);background:#fff;color:#1c1c1c;border-radius:0}.ovn3d-dialog__close:hover{background:#1c1c1c;color:#fff}@media(max-width:900px){.ovn3d-dialog{width:100vw;max-height:100vh;height:100vh}.ovn3d-dialog .app{height:auto}.ovn3d-dialog__close{top:8px;right:8px}}variant-picker fieldset:has(input[value="Gallery artwork"]),variant-picker div:has(>select option[value="Gallery artwork"]),.product-info fieldset:has(input[value="Gallery artwork"]){display:none!important}.ovn3d .ovn3d-install{display:flex;gap:10px;align-items:flex-start;margin:14px 0 4px;font:inherit;cursor:pointer}.ovn3d .ovn3d-install input{flex:none;margin:3px 0 0;width:16px;height:16px;accent-color:#3B1E54}.ovn3d .ovn3d-install span{display:block;line-height:1.35}.ovn3d .ovn3d-install small{display:block;opacity:.7;font-size:12px;margin-top:2px}.ovn3d .checkout{flex-wrap:wrap}.ovn3d .checkout .ovn3d-install{flex:1 1 100%;margin:0 0 6px}.ovn3d .checkout .ovn3d-install>span{font-size:var(--text-sm, 14px)}.ovn3d .checkout .ovn3d-install small{display:inline;margin:0 0 0 6px;font-size:12px}.ovn3d .checkout .price{flex:1 1 auto}
/*# sourceMappingURL=/cdn/shop/t/9/assets/ovation-configurator-3d.css.map */