.g3d{--g3d-accent: #5A3E30;--g3d-bg-1: #F4EFE8;--g3d-bg-2: #E7DECF;--g3d-surface: #FFFFFF;--g3d-text: #2C2520;--g3d-muted: #6B5E54;--g3d-border: #E5DDD3;--g3d-radius: 14px;position:relative;width:100%;max-width:var(--g3d-max, 100%);margin-inline:auto;display:flex;flex-direction:column;gap:12px}.g3d-stage{position:relative;width:100%;aspect-ratio:var(--g3d-aspect, 1 / 1);border-radius:var(--g3d-radius, 14px);overflow:hidden;background:radial-gradient(120% 120% at 50% 18%,var(--g3d-bg-1) 0%,var(--g3d-bg-2) 100%);border:1px solid var(--g3d-border);touch-action:none;cursor:grab}.g3d-stage:active{cursor:grabbing}.g3d-stage canvas{display:block;width:100%!important;height:100%!important;outline:none;filter:saturate(1.08) brightness(1.02)}.g3d-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:radial-gradient(125% 125% at 50% 42%,transparent 56%,rgba(20,16,12,.16) 100%)}.g3d-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.g3d-loading,.g3d-error,.g3d-hint{z-index:6}.g3d-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:8%;opacity:1;transition:opacity .4s ease;pointer-events:none}.g3d.is-ready .g3d-poster{opacity:0}.g3d-loading,.g3d-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--g3d-muted);font-size:13px;text-align:center;padding:16px}.g3d.is-ready .g3d-loading,.g3d-error[hidden]{display:none}.g3d-spinner{width:30px;height:30px;border-radius:50%;border:3px solid color-mix(in srgb,var(--g3d-accent) 22%,transparent);border-top-color:var(--g3d-accent);animation:g3dSpin .8s linear infinite}@keyframes g3dSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.g3d-spinner{animation-duration:2s}}.g3d-hint{position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;background:color-mix(in srgb,var(--g3d-surface) 88%,transparent);color:var(--g3d-muted);font-size:11px;font-weight:600;letter-spacing:.02em;padding:5px 11px;border-radius:999px;border:1px solid var(--g3d-border);box-shadow:0 2px 8px #0000000f;opacity:0;transition:opacity .35s ease;pointer-events:none}.g3d.is-ready .g3d-hint{opacity:1}.g3d.is-interacted .g3d-hint{opacity:0}.g3d-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.g3d-modes{display:inline-flex;background:var(--g3d-surface);border:1px solid var(--g3d-border);border-radius:999px;padding:3px;gap:2px}.g3d-btn{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;font:inherit;font-size:13px;font-weight:600;color:var(--g3d-muted);background:transparent;padding:7px 15px;border-radius:999px;transition:background .15s ease,color .15s ease}.g3d-btn:hover{color:var(--g3d-text)}.g3d-btn.is-active{color:#fff;background:var(--g3d-accent)}.g3d-actions{display:inline-flex;gap:6px}.g3d-icon{-webkit-appearance:none;appearance:none;cursor:pointer;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:var(--g3d-surface);color:var(--g3d-muted);border:1px solid var(--g3d-border);border-radius:10px;transition:background .15s ease,color .15s ease,border-color .15s ease}.g3d-icon svg{width:18px;height:18px}.g3d-icon:hover{color:var(--g3d-text);border-color:var(--g3d-accent)}.g3d-icon.is-active{color:#fff;background:var(--g3d-accent);border-color:var(--g3d-accent)}.g3d:fullscreen{background:#1b1714;padding:18px;gap:14px;justify-content:center}.g3d:fullscreen .g3d-stage{aspect-ratio:auto;flex:1 1 auto;height:auto}.g3d:fullscreen .g3d-toolbar{justify-content:center}
/*# sourceMappingURL=/cdn/shop/t/2/assets/gg-3d-viewer.css.map */