product-configurator{display:block;position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background-color:rgb(var(--color-background));border-radius:var(--media-radius)}.configurator__layers{position:relative;width:100%;height:100%}.configurator__layer{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;transition:opacity .3s ease-in-out;pointer-events:none}@media screen and (min-width: 750px){.product__media-item product-configurator{aspect-ratio:1 / 1}.product__media-item product-configurator .configurator__layer{object-fit:cover;object-position:center 40%}}.configurator__layer--background{z-index:10}.configurator__layer--mat{z-index:20}.configurator__layer--border{z-index:30}.configurator__layer--pedals{z-index:40}product-configurator[loading] .configurator__layers:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid rgba(var(--color-foreground),.2);border-top-color:rgb(var(--color-foreground));border-radius:50%;animation:configurator-spin .8s linear infinite;z-index:100}@keyframes configurator-spin{to{transform:rotate(360deg)}}product-configurator.zoom-enabled{cursor:zoom-in}product-configurator .product__media-icon{position:absolute;bottom:1rem;right:1rem;z-index:50;background-color:rgb(var(--color-background));border-radius:50%;padding:.8rem;opacity:0;transition:opacity .2s ease;pointer-events:none}product-configurator:hover .product__media-icon,product-configurator:focus-within .product__media-icon{opacity:1}.product-media-modal product-configurator{aspect-ratio:4 / 3;width:100%;height:auto;max-height:80vh;display:block}.product-media-modal product-configurator .configurator__layers{position:relative;width:100%;height:0;padding-bottom:75%}.product-media-modal product-configurator .configurator__layer{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.thumbnail__badge--configurator{position:absolute;bottom:.4rem;right:.4rem;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border-radius:50%;width:1.8rem;height:1.8rem;display:flex;align-items:center;justify-content:center}.thumbnail__badge--configurator svg{width:1rem;height:1rem;stroke:currentColor;stroke-width:2.5}@media screen and (max-width: 749px){product-configurator{aspect-ratio:1 / 1}product-configurator .configurator__layer{object-fit:cover;object-position:center 40%}product-configurator .product__media-icon{opacity:1;bottom:.6rem;right:.6rem;padding:.6rem}}@media (prefers-contrast: more){.configurator__layer{transition:none}}@media (prefers-reduced-motion: reduce){.configurator__layer{transition:none}@keyframes configurator-spin{to{transform:none}}}product-configurator:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}product-configurator[error] .configurator__layers:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(var(--color-foreground),.05) 25%,transparent 25%,transparent 50%,rgba(var(--color-foreground),.05) 50%,rgba(var(--color-foreground),.05) 75%,transparent 75%);background-size:20px 20px;z-index:5}.configurator__layer[loading]{opacity:.5}.product__media-item product-configurator{width:100%;height:100%}.product-media-container.media-type-configurator{position:relative}.product-media-container.media-type-configurator .product__modal-opener{display:block;width:100%;height:100%}
/*# sourceMappingURL=/cdn/shop/t/1/assets/component-product-configurator.css.map */