.clic-3d{--clic-3d-accent: #a72024;--clic-3d-dot: 30px;--clic-3d-radius: 14px}.clic-3d__head{order:-1;max-width:60ch;margin:0 auto var(--clic-3d-head-gap, clamp(24px, 4vw, 44px));text-align:center}.clic-3d__subheading{margin:0 0 10px;text-transform:uppercase;letter-spacing:.14em}.clic-3d__heading{margin:0 0 12px}.clic-3d__intro{margin:0 auto;opacity:.85}.clic-3d__intro>:last-child{margin-bottom:0}.clic-3d__app{display:grid;grid-template-columns:1fr;align-items:start}.clic-3d__side{display:contents}@media screen and (min-width:900px){.clic-3d__app{grid-template-columns:minmax(0,var(--clic-3d-stage-col, 65fr)) minmax(300px,var(--clic-3d-text-col, 35fr));gap:44px;align-items:center}.clic-3d__side{display:flex;flex-direction:column;min-width:0}.clic-3d__side .clic-3d__head{order:0;margin:0 0 var(--clic-3d-head-gap-desktop, 28px);text-align:left}.clic-3d__side .clic-3d__intro{margin:0}}.clic-3d__stage{position:relative;width:100%;max-width:100%;height:var(--clic-3d-stage-h-mobile, 420px);margin-bottom:24px;border-radius:var(--clic-3d-radius);overflow:hidden}@media screen and (min-width:900px){.clic-3d__stage{height:min(var(--clic-3d-stage-h, 560px),82vh);margin-bottom:0}}.clic-3d__viewer{width:100%;height:100%;background:transparent;--poster-color: transparent;--progress-bar-color: var(--clic-3d-accent);--min-hotspot-opacity: .18;outline:none}.clic-3d__viewer:not(:defined){display:block}.clic-3d__viewer:not(:defined)>*{display:none}.clic-3d:not(.is-ready) .clic-3d__hotspot{opacity:0!important;pointer-events:none}.clic-3d__hotspot{position:relative;width:var(--clic-3d-dot);height:var(--clic-3d-dot);margin:0;padding:0;border:2px solid #fff;border-radius:50%;background:var(--clic-3d-accent);color:#fff;font:14px/1 -apple-system,system-ui,sans-serif;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 8px #00000059;transition:transform .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.clic-3d__hotspot:hover,.clic-3d__hotspot:focus-visible{transform:scale(1.18)}.clic-3d__hotspot:focus-visible{outline:2px solid var(--clic-3d-accent);outline-offset:3px}.clic-3d__hotspot.is-active{transform:scale(1.22);box-shadow:0 0 0 6px #a7202438,0 2px 8px #00000059}.clic-3d__hotspot-icon{transform:translateY(-.5px)}.clic-3d__hotspot--hidden{display:none!important}.clic-3d__hotspot:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%}.clic-3d.is-ready .clic-3d__hotspot:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:2px solid var(--clic-3d-accent);animation:clic3dPulse 2.4s ease-out infinite}.clic-3d__hotspot.is-active:after{animation:none}@keyframes clic3dPulse{0%{transform:scale(1);opacity:.6}70%{transform:scale(2.1);opacity:0}to{opacity:0}}.clic-3d__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer;display:grid;place-items:center;-webkit-tap-highlight-color:transparent;transition:opacity .4s ease}.clic-3d__poster-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center}.clic-3d__poster-cta{position:relative;z-index:1;align-self:end;margin-bottom:clamp(14px,5%,28px);display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:var(--RADIUS, 8px);background:#141414eb;color:#fff;font:600 14px/1 -apple-system,system-ui,sans-serif;letter-spacing:.01em;box-shadow:0 6px 20px #00000040;transition:transform .15s ease,background .15s ease}.clic-3d__poster:hover .clic-3d__poster-cta,.clic-3d__poster:focus-visible .clic-3d__poster-cta{transform:translateY(-2px)}.clic-3d__poster:focus-visible{outline:2px solid var(--clic-3d-accent);outline-offset:-4px}.clic-3d__poster-glyph{width:18px;height:18px}.clic-3d.is-revealing .clic-3d__poster,.clic-3d.is-ready .clic-3d__poster{opacity:0;pointer-events:none}.clic-3d.is-autoloading .clic-3d__poster-cta{display:none}.clic-3d.is-autoloading .clic-3d__poster{pointer-events:none}.clic-3d.is-autoloading.is-revealing:not(.is-ready) .clic-3d__poster{opacity:1}.clic-3d__loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font:13px/1.4 -apple-system,system-ui,sans-serif;color:var(--text, #1a1a1a);pointer-events:none}.clic-3d__loader[hidden],.clic-3d__error[hidden],.clic-3d__hint[hidden]{display:none}.clic-3d__error{position:absolute;left:0;right:0;bottom:10px;margin:0 auto;max-width:46ch;padding:8px 14px;border-radius:8px;background:#141414d9;color:#fff;text-align:center;font:12px/1.5 -apple-system,system-ui,sans-serif;pointer-events:none}.clic-3d__loader-spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(0,0,0,.15);border-top-color:var(--clic-3d-accent);animation:clic3dSpin .8s linear infinite}@keyframes clic3dSpin{to{transform:rotate(360deg)}}.clic-3d__hint{position:absolute;left:0;right:0;bottom:10px;margin:0;text-align:center;font:12px/1.4 -apple-system,system-ui,sans-serif;color:var(--text, #1a1a1a);opacity:.55;pointer-events:none;transition:opacity .4s ease}.clic-3d__chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}@media screen and (min-width:900px){.clic-3d__chips{margin-bottom:20px}}.clic-3d__chip{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border:1px solid var(--border, rgba(0, 0, 0, .16));border-radius:999px;background:transparent;color:var(--text, #1a1a1a);font:500 13px/1 -apple-system,system-ui,sans-serif;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent}.clic-3d__chip:hover{border-color:var(--text, #1a1a1a)}.clic-3d__chip:focus-visible{outline:2px solid var(--clic-3d-accent);outline-offset:2px}.clic-3d__chip.is-active{background:var(--heading, #1a1a1a);border-color:var(--heading, #1a1a1a);color:var(--bg, #fff)}.clic-3d__chip-icon{font-size:15px;line-height:1}@media(pointer:coarse){.clic-3d__chip{min-height:44px}}.clic-3d__chips--icons{gap:12px}.clic-3d__chips--icons .clic-3d__chip{width:44px;height:44px;padding:0;justify-content:center;border-radius:50%;border:2px solid #fff;background:var(--clic-3d-accent);color:#fff;box-shadow:0 2px 8px #00000059;transition:transform .15s ease,box-shadow .15s ease}.clic-3d__chips--icons .clic-3d__chip:hover{border-color:#fff;transform:scale(1.1)}.clic-3d__chips--icons .clic-3d__chip:focus-visible{outline-offset:3px}.clic-3d__chips--icons .clic-3d__chip.is-active{background:var(--clic-3d-accent);border-color:#fff;color:#fff;transform:scale(1.14);box-shadow:0 0 0 5px #a7202438,0 2px 8px #00000059}.clic-3d__chips--icons .clic-3d__chip-icon{font-size:18px}.clic-3d__chips--icons .clic-3d__chip-icon.clic-3d__icon--svg{width:20px;height:20px}.clic-3d__panels{position:relative}.clic-3d__panel[hidden]{display:none}.clic-3d__panel{animation:clic3dFade .35s ease}@keyframes clic3dFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.clic-3d__panel-title{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-weight:600;font-size:1.05rem}.clic-3d__panel-icon{font-size:1.2em;line-height:1}.clic-3d__icon--svg{display:inline-flex;flex:0 0 auto}.clic-3d__icon--svg .icon{stroke-width:4.5px}.clic-3d__hotspot-icon.clic-3d__icon--svg{width:15px;height:15px;transform:none}.clic-3d__hotspot-icon.clic-3d__icon--svg .icon{stroke-width:5px}.clic-3d__chip-icon.clic-3d__icon--svg{width:16px;height:16px}.clic-3d__panel-icon.clic-3d__icon--svg{width:19px;height:19px}.clic-3d__panel-body{opacity:.86}.clic-3d__panel-body>:last-child{margin-bottom:0}.clic-3d__panel-cta{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-weight:600;text-decoration:none;color:var(--clic-3d-accent);border-bottom:1px solid currentColor;padding-bottom:1px}.clic-3d__panel-cta:hover{opacity:.8}.clic-3d__placeholder{padding:40px;text-align:center;border:1px dashed var(--border, rgba(0, 0, 0, .2));border-radius:var(--clic-3d-radius);opacity:.7}@media(prefers-reduced-motion:reduce){.clic-3d.is-ready .clic-3d__hotspot:after{animation:none}.clic-3d__panel{animation:none}.clic-3d__loader-spinner{animation-duration:1.6s}}
/*# sourceMappingURL=/cdn/shop/t/184/assets/section-3d-product-diagram.css.map */