.product-360-viewer{--product-360-gap: 1.6rem;--product-360-small-size: 1.3rem;padding-block:var(--product-360-padding-top) var(--product-360-padding-bottom);color:rgb(var(--color-foreground));background:var(--product-360-background-color, var(--gradient-background, rgb(var(--color-background))))}.product-360-viewer__header{max-width:64rem;margin:0 auto 2.4rem;text-align:center;overflow-wrap:anywhere}.product-360-viewer__heading{margin:0;font-size:var(--product-360-heading-size-mobile, calc(var(--font-heading-scale) * 3rem));color:var(--product-360-heading-color, rgb(var(--color-foreground)))}.product-360-viewer__heading strong,.product-360-viewer__heading b{color:var(--product-360-highlight-color, inherit)}.product-360-viewer__subtitle{max-width:44rem;margin:1rem auto 0;font-size:var(--product-360-subtitle-size-mobile, inherit);color:var(--product-360-subtitle-color, rgb(var(--color-foreground)))}.product-360-viewer__description{max-width:44rem;margin:.8rem auto 0;font-size:var(--product-360-description-size-mobile, inherit);color:var(--product-360-description-color, rgb(var(--color-foreground)))}.product-360-viewer__description p{margin-block:0}.product-360-viewer__description p+p{margin-block-start:.8em}.product-360-viewer__spin{display:block;width:min(100%,var(--product-360-width));margin-inline:auto;text-align:center}.product-360-viewer__stage{position:relative;aspect-ratio:1;overflow:hidden;border-radius:var(--product-360-radius);background:var(--product-360-stage-background, rgba(var(--color-foreground), .04))}.product-360-viewer__poster,.product-360-viewer__placeholder{display:block;width:100%;height:100%;object-fit:contain}.product-360-viewer__model-media,.product-360-viewer__model-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.product-360-viewer__model-media{--poster-color: transparent;touch-action:pan-y}.product-360-viewer__model-fallback{z-index:1}.product-360-viewer__model-empty{position:absolute;inset:auto 1.4rem 1.4rem;z-index:2;padding:1rem;background:rgb(var(--color-background));overflow-wrap:anywhere}.product-360-viewer__placeholder{display:grid;place-content:center;padding:2rem}.product-360-viewer__placeholder .placeholder-svg{max-height:30rem;width:100%}.product-360-viewer__placeholder p{overflow-wrap:anywhere}.product-360-viewer__badge{z-index:2;position:absolute;inset-block-start:1.4rem;inset-inline-start:1.4rem;max-width:calc(100% - 2.8rem);padding:.5rem 1.3rem;border-radius:10rem;font-size:var(--product-360-badge-size-mobile, var(--product-360-small-size));color:var(--product-360-badge-color, rgb(var(--color-button-text)));background:var(--product-360-badge-background, rgb(var(--color-button)));overflow-wrap:anywhere;pointer-events:none}.product-360-viewer__hint{z-index:2;position:absolute;inset-block-end:1.4rem;inset-inline:1.4rem;width:fit-content;max-width:calc(100% - 2.8rem);margin:0 auto;padding:.7rem 1.6rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:10rem;font-size:var(--product-360-hint-size-mobile, var(--product-360-small-size));color:var(--product-360-hint-color, rgb(var(--color-foreground)));background:var(--product-360-hint-background, rgb(var(--color-background)));overflow-wrap:anywhere;pointer-events:none}.product-360-viewer__controls{display:flex;justify-content:center;flex-wrap:wrap;gap:.8rem;margin-block-start:var(--product-360-gap)}.product-360-viewer__control{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-width:4.4rem;min-height:4.4rem;max-width:100%;padding:.8rem 1.2rem;border:.1rem solid rgba(var(--color-foreground),.25);border-radius:var(--buttons-radius, .4rem);font:inherit;font-size:var(--product-360-control-size-mobile, inherit);color:var(--product-360-control-color, rgb(var(--color-button-text)));background:var(--product-360-control-background, rgb(var(--color-button)));cursor:pointer;overflow-wrap:anywhere}.product-360-viewer__control svg{flex:0 0 2rem;width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-width:2}.product-360-viewer__control .product-360-viewer__play-icon{fill:currentColor}.product-360-viewer__control:disabled{opacity:.5;cursor:default}.product-360-viewer__stage:focus-visible,.product-360-viewer__stage:focus-within,.product-360-viewer__control:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.product-360-viewer__status{margin-block:.8rem 0;font-size:var(--product-360-control-size-mobile, inherit);overflow-wrap:anywhere}.product-360-viewer__status:empty{display:none}.product-360-viewer__retry{margin-block-start:.8rem}.product-360-viewer__features{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin:var(--product-360-gap) 0 0;padding:0;list-style:none}.product-360-viewer__feature{display:inline-flex;align-items:center;gap:.8rem;max-width:100%;padding:.7rem 1.4rem;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:10rem;font-size:var(--product-360-feature-size-mobile, var(--product-360-small-size));color:var(--product-360-feature-text-color, rgb(var(--color-foreground)));background:var(--product-360-feature-background-color, rgb(var(--color-background)));overflow-wrap:anywhere}.product-360-viewer__feature-icon{flex:0 0 auto;font-size:var(--product-360-feature-icon-size, 1em);color:var(--product-360-feature-icon-color, currentColor)}.product-360-viewer__feature-icon .material-icon{display:block;font-size:inherit;color:inherit}.product-360-viewer [hidden]{display:none}@media screen and (min-width:750px){.product-360-viewer__heading{font-size:var(--product-360-heading-size, calc(var(--font-heading-scale) * 4rem))}.product-360-viewer__subtitle{font-size:var(--product-360-subtitle-size, inherit)}.product-360-viewer__description{font-size:var(--product-360-description-size, inherit)}.product-360-viewer__badge{font-size:var(--product-360-badge-size, var(--product-360-small-size))}.product-360-viewer__hint{font-size:var(--product-360-hint-size, var(--product-360-small-size))}.product-360-viewer__control,.product-360-viewer__status{font-size:var(--product-360-control-size, inherit)}.product-360-viewer__feature{font-size:var(--product-360-feature-size, var(--product-360-small-size))}}@media(forced-colors:active){.product-360-viewer__stage{border:.1rem solid CanvasText}.product-360-viewer__stage:focus-visible,.product-360-viewer__stage:focus-within,.product-360-viewer__control:focus-visible{outline-color:Highlight}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-product-360-viewer.css.map */