.axis-model-viewer{--axis-model-bg: #f5f1eb;--axis-model-panel: #fdfbf8;--axis-model-text: #1a1918;--axis-model-muted: #6b6560;--axis-model-border: #d6cfc4;--axis-model-accent: #7a2134;--axis-model-control-text: #1a1918;--axis-model-control-bg: #fdfbf8;background:var(--axis-model-bg);color:var(--axis-model-text);overflow:hidden}.axis-model-viewer--theme-colors{--axis-model-bg: var(--color-background);--axis-model-text: var(--color-foreground);--axis-model-muted: var(--color-foreground);--axis-model-border: var(--color-border);--axis-model-accent: var(--color-primary)}.axis-model-viewer[data-model-background-style=plain] .axis-model-viewer__model-shell{background:var(--axis-model-panel-background, #fff);box-shadow:none}.axis-model-viewer[data-model-background-style=studio] .axis-model-viewer__model-shell{background:radial-gradient(ellipse 42% 50% at 23% 18%,var(--axis-model-studio-highlight, #fff) 0%,transparent 74%),linear-gradient(var(--axis-model-studio-angle, 130deg),var(--axis-model-panel-background, #f6f5f3) 0%,var(--axis-model-studio-mid, #c6cdd1) 56%,var(--axis-model-studio-edge, #e7e7e5) 100%);border-color:color-mix(in srgb,var(--axis-model-panel-background, #fff) 50%,#b9bec0);box-shadow:0 22px 64px #1a191817}.axis-model-viewer,.axis-model-viewer *{box-sizing:border-box}.axis-model-viewer__inner{width:min(1420px,calc(100% - clamp(28px,5vw,80px)));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:clamp(26px,5vw,76px);align-items:center;padding:clamp(52px,8vw,108px) 0}.axis-model-viewer__model-shell{position:relative;min-height:clamp(430px,52vw,720px);border:1px solid rgba(26,25,24,.1);background:radial-gradient(circle at 24% 18%,rgba(255,255,255,.85),transparent 30%),radial-gradient(circle at 76% 72%,rgba(203,190,171,.38),transparent 44%),linear-gradient(180deg,#f0e7da,#e2d5c4);box-shadow:0 28px 70px #1a19181a;overflow:hidden}.axis-model-viewer__viewer{display:block;width:100%;height:100%;min-height:clamp(430px,52vw,720px);background:transparent;--poster-color: transparent}.axis-model-viewer__gesture{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;pointer-events:none;opacity:1;transition:opacity .24s ease,visibility .24s ease}.axis-model-viewer__gesture.is-hidden{visibility:hidden;opacity:0}.axis-model-viewer__gesture-hand{width:52px;height:52px;display:grid;place-items:center;border-radius:999px;background:#fdfbf8db;color:var(--axis-model-control-text);box-shadow:0 12px 30px #1a19182e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:axis-model-grab-cue 2.35s ease-in-out 3 both}.axis-model-viewer__gesture-icon{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}@keyframes axis-model-grab-cue{0%{transform:translate(-28px) rotate(-4deg) scale(1)}18%{transform:translate(-28px) rotate(-4deg) scale(.92)}48%{transform:translate(28px) rotate(5deg) scale(.92)}66%{transform:translate(28px) rotate(5deg) scale(1)}to{transform:translate(-16px) rotate(-2deg) scale(1)}}.axis-model-viewer__toggle{position:absolute;right:18px;bottom:18px;z-index:4;min-height:42px;border:1px solid rgba(26,25,24,.72);background:#fdfbf8d6;color:var(--axis-model-control-text);padding:0 18px;font:inherit;font-size:11px;font-weight:500;line-height:1;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background-color .16s ease,color .16s ease,border-color .16s ease,opacity .16s ease}.axis-model-viewer__toggle:hover{background:var(--axis-model-control-text);border-color:var(--axis-model-control-text);color:var(--axis-model-control-bg)}.axis-model-viewer__toggle:disabled{cursor:default;opacity:.56}.axis-model-viewer__copy{display:grid;gap:18px;align-content:center}.axis-model-viewer__eyebrow{margin:0;font-size:11px;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--axis-model-muted)}.axis-model-viewer__heading{margin:0;font-family:var(--font-accent--family, Georgia, serif);font-size:clamp(34px,4.2vw,72px);font-weight:400;line-height:.95;letter-spacing:0;color:var(--axis-model-text);text-wrap:balance}.axis-model-viewer__text{margin:0;max-width:54ch;color:var(--axis-model-muted);font-size:clamp(14px,1.2vw,16px);line-height:1.7}.axis-model-viewer__specs{border-top:1px solid var(--axis-model-border);border-bottom:1px solid var(--axis-model-border)}.axis-model-viewer__spec{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--axis-model-border)}.axis-model-viewer__spec:last-child{border-bottom:0}.axis-model-viewer__spec span{color:var(--axis-model-muted);font-size:11px;letter-spacing:.13em;text-transform:uppercase}.axis-model-viewer__spec strong{color:var(--axis-model-text);font-size:14px;font-weight:500;text-align:right}.axis-model-viewer__actions{display:flex;flex-wrap:wrap;gap:10px}.axis-model-viewer__button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--axis-model-text);background:var(--axis-model-text);color:var(--axis-model-bg);padding:0 18px;font-size:11px;font-weight:500;line-height:1;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:background-color .16s ease,border-color .16s ease}.axis-model-viewer__button:hover{background:var(--axis-model-accent);border-color:var(--axis-model-accent)}@media(max-width:900px){.axis-model-viewer__inner{width:min(100% - 28px,720px);grid-template-columns:1fr;padding:36px 0 54px}.axis-model-viewer__model-shell,.axis-model-viewer__viewer{min-height:clamp(340px,82vw,560px)}.axis-model-viewer__copy{gap:16px}}@media(max-width:520px){.axis-model-viewer__toggle{right:12px;bottom:12px;min-height:38px;padding-inline:13px;font-size:10px}.axis-model-viewer__actions,.axis-model-viewer__button{width:100%}.axis-model-viewer__spec{display:grid;gap:5px}.axis-model-viewer__spec strong{text-align:left}}@media(prefers-reduced-motion:reduce){.axis-model-viewer__gesture{display:none}.axis-model-viewer *,.axis-model-viewer *:before,.axis-model-viewer *:after{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/axis-model-viewer.css.map */