.product-media-container.c3d-3d-container{position:relative}.c3d-3d-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;box-sizing:border-box;border:.1rem solid rgba(var(--color-foreground),.25);border-radius:32px;overflow:hidden}.c3d-3d-stage[hidden]{display:none}.c3d-3d-stage model-viewer,.c3d-3d-float model-viewer{display:block;width:100%;height:100%;background-color:transparent;--poster-color: transparent;--progress-bar-color: rgb(var(--color-foreground));--progress-mask: transparent}.c3d-3d-stage model-viewer[camera-controls]{cursor:grab}.c3d-3d-stage model-viewer[camera-controls]:active{cursor:grabbing}.c3d-3d-float{display:none}@media screen and (max-width:749px){.c3d-3d-float{display:block;position:fixed;top:var(--c3d-3d-float-top, 0px);left:0;right:0;z-index:2;background:rgb(var(--color-background));border-bottom:.1rem solid rgba(var(--color-foreground),.15);box-shadow:0 .6rem 2rem #00000040;opacity:0;transform:translateY(-.8rem);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.c3d-3d-float.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.c3d-3d-float__inner{height:34vh;max-height:32rem}}@media(prefers-reduced-motion:reduce){model-viewer[auto-rotate]{--auto-rotate-speed: 0}.c3d-3d-float{transition:none}}.c3d-cp{--c3d-green: #c4e24a;margin:2rem 0;padding-top:2rem;border-top:.1rem solid rgba(var(--color-foreground),.08)}.c3d-cp--hidden{display:none}.c3d-cp__heading{font-size:1.6rem;font-weight:700;margin:0 0 .5rem;color:rgb(var(--color-foreground))}.c3d-cp__intro{font-size:1.3rem;opacity:.7;margin:0 0 1.5rem}.c3d-cp__role{margin-bottom:1.6rem}.c3d-cp__role--hidden{display:none}.c3d-cp__role-label{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:1.3rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:rgb(var(--color-foreground));margin-bottom:.8rem}.c3d-cp__req{font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:rgba(var(--color-foreground),.75)}.c3d-cp__swatches{display:flex;flex-wrap:wrap;gap:.8rem}.c3d-cp__swatch{width:3.2rem;height:3.2rem;padding:0;border-radius:.3rem;cursor:pointer;position:relative;background:var(--c3d-swatch-colour);border:.2rem solid rgba(var(--color-foreground),.15);transition:all .15s}.c3d-cp__swatch:hover{border-color:rgba(var(--color-foreground),.4);transform:translateY(-.1rem)}.c3d-cp__swatch.is-active{border-color:var(--c3d-green);box-shadow:0 0 0 .2rem #c4e24a4d}.c3d-cp__swatch.is-active:after{content:"\2713";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.9),0 0 1px rgba(0,0,0,.9)}.c3d-cp__disclaimer{font-size:1.1rem;opacity:.65;line-height:1.5;margin:.4rem 0 1rem;font-style:italic}.c3d-cp__error,.c3d-extra__error{color:#d6403f;font-size:1.3rem;margin-top:.4rem;background:#d6403f14;border:.1rem solid rgba(214,64,63,.4);border-radius:.3rem;padding:1rem 1.4rem}.c3d-cp__error[hidden],.c3d-extra__error[hidden]{display:none}.c3d-cp__note{margin-top:1.6rem}.c3d-cp__note label{display:block;font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.7;margin-bottom:.8rem}.c3d-cp__note textarea{width:100%;border-radius:.3rem;padding:1rem 1.2rem;font:inherit;font-size:1.4rem;border:.1rem solid rgba(var(--color-foreground),.15);background:rgb(var(--color-background));color:rgb(var(--color-foreground));resize:vertical}.c3d-cp__note textarea:focus{outline:none;border-color:var(--c3d-green)}.c3d-extra{margin:1.6rem 0}.c3d-extra--hidden{display:none}.c3d-extra__checkbox{display:flex;align-items:center;gap:1rem;margin:1.6rem 0;font-size:1.5rem;cursor:pointer}.c3d-extra__checkbox input[type=checkbox]{width:1.8rem;height:1.8rem;flex-shrink:0;cursor:pointer;accent-color:rgb(var(--color-button))}.c3d-extra__select{margin:1.6rem 0}.c3d-extra__select label{display:block;font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.7;margin-bottom:.8rem}.c3d-extra__select select{width:100%;padding:1.1rem 1.2rem;font:inherit;font-size:1.5rem;border-radius:.3rem;border:.1rem solid rgba(var(--color-foreground),.15);background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer}.c3d-extra__select select:focus{outline:none;border-color:var(--c3d-green, #c4e24a)}
/*# sourceMappingURL=/cdn/shop/t/36/assets/product-3d.css.map */
