@font-face{font-display:swap;font-family:Gilroy;font-style:normal;font-weight:400;src:url(/build/fonts/Gilroy-Regular.a89ac858.woff2) format("woff2"),url(/build/fonts/Gilroy-Regular.826d04fd.woff) format("woff"),url(/build/fonts/Gilroy-Regular.b91b0127.ttf) format("truetype"),url(/build/images/Gilroy-Regular.6f7eafcf.svg) format("svg")}@font-face{font-display:swap;font-family:Gilroy;font-style:normal;font-weight:900;src:url(/build/fonts/Gilroy-Black.01aa1f73.woff2) format("woff2"),url(/build/fonts/Gilroy-Black.8c07d2ac.woff) format("woff"),url(/build/fonts/Gilroy-Black.bf3a5f79.ttf) format("truetype"),url(/build/images/Gilroy-Black.9d16250f.svg) format("svg")}@font-face{font-display:swap;font-family:Lora;font-style:italic;font-weight:400;src:url(/build/fonts/Lora-Italic.4b9d2b0e.woff2) format("woff2"),url(/build/fonts/Lora-Italic.8f011ef5.woff) format("woff"),url(/build/fonts/Lora-Italic.9952c6e7.ttf) format("truetype"),url(/build/images/Lora-Italic.5634360b.svg) format("svg")}.product-3d-section{margin:60px 0}.product-3d-section__viewer{margin:30px 0 0;width:100%}.three-d-demo-page{margin:30px 0 60px}.three-d-demo-page__title{margin-bottom:30px}.viewer3d{background:#fcf6e4;border-radius:16px;font-family:Gilroy,sans-serif;height:clamp(420px,70vh,760px);overflow:hidden;position:relative;width:100%}.viewer3d:fullscreen{aspect-ratio:auto;background:#fff;border-radius:0;height:100vh;width:100vw}.viewer3d__loading{align-items:center;background-color:#fcf6e4;background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;inset:0;justify-content:center;position:absolute;z-index:3}.viewer3d__loading__inner{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:hsla(0,0%,100%,.85);border-radius:16px;display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.5rem}.viewer3d__loading__label{color:#0b2f19;font-size:14px;font-weight:700}.viewer3d__spinner{animation:viewer3d-spin .8s linear infinite;border:3px solid rgba(11,47,25,.2);border-radius:50%;border-top-color:#499265;height:36px;width:36px}.viewer3d__canvas{display:block;height:100%;inset:0;outline:none;position:absolute;touch-action:none;width:100%}.viewer3d__error{background:hsla(0,0%,100%,.9);color:#ff5b5b;font-size:12px;inset:auto 0 0 0;margin:0;padding:.5rem;position:absolute;text-align:center}.viewer3d__toolbar{align-items:center;bottom:1.25rem;display:flex;gap:.35rem;justify-content:center;left:50%;pointer-events:none;position:absolute;right:auto;transform:translateX(-50%)}.viewer3d__toolbar__group{align-items:center;display:flex;gap:.5rem;pointer-events:auto}.viewer3d__toolbar__group--center{flex:1;justify-content:center}.viewer3d__corner{bottom:auto;display:flex;flex-direction:row;gap:.5rem;left:auto;pointer-events:none;position:absolute;right:1.25rem;top:1.25rem;z-index:2}.viewer3d__corner .aui-button{pointer-events:auto}.viewer3d__corner .aui-button,.viewer3d__toolbar .aui-button{box-shadow:0 2px 6px rgba(0,0,0,.08)}.viewer3d__corner .aui-button{height:2.4rem;min-width:0;padding:0;width:2.4rem}.viewer3d__corner .aui-button .aui-icon svg{height:16px;width:16px}.viewer3d__shot{position:relative}.viewer3d__shot__menu{gap:.35rem;min-width:200px;padding:.35rem}.viewer3d__colors,.viewer3d__shot__menu{background:#fff;border:1px solid rgba(11,47,25,.12);border-radius:8px;bottom:calc(100% + .4rem);box-shadow:0 6px 18px rgba(11,47,25,.18);display:flex;flex-direction:column;left:50%;position:absolute;transform:translateX(-50%)}.viewer3d__colors{gap:.5rem;padding:.6rem;width:220px}.viewer3d__colors__grid{display:grid;gap:6px;grid-template-columns:repeat(6,1fr)}.viewer3d__swatch{aspect-ratio:1/1;border:1px solid rgba(11,47,25,.25);border-radius:4px;cursor:pointer;padding:0;width:100%}.viewer3d__swatch.is-active{outline:2px solid #0b2f19;outline-offset:1px}@media (min-width:992px){.viewer3d__toolbar{bottom:0;justify-content:center;left:auto;padding:0;right:1.25rem;top:0;transform:none;width:auto}.viewer3d__toolbar,.viewer3d__toolbar__group{flex-direction:column}.viewer3d__toolbar__group--center{flex:0 0 auto}.viewer3d__corner{bottom:1.25rem;left:1.25rem;right:auto;top:auto}.viewer3d__colors,.viewer3d__shot__menu{bottom:auto;left:auto;right:calc(100% + .4rem);top:50%;transform:translateY(-50%)}}@keyframes viewer3d-spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=viewer3d.1eb68342.css.map*/