.blur-image-wrapper{width:100%;overflow:hidden;aspect-ratio:1 / var(--aspect-ratio, 1)}@supports not (aspect-ratio: 1){.blur-image-wrapper:before{content:"";display:block;padding-top:calc(var(--aspect-ratio, 1) * 100%)}.blur-image-wrapper>img{position:absolute;top:0;left:0}}.blur-image__placeholder,.blur-image__main{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.blur-image__placeholder{filter:blur(var(--blur-amount, 20px));z-index:1;-webkit-user-select:none;user-select:none;pointer-events:none}.blur-image__main,.blur-img__main{z-index:2;opacity:0;transition:opacity .4s ease-in-out}.blur-image__main:not([src*="data:"]),.blur-img__main:not([src*="data:"]){animation:fadeIn .4s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}dialog :is(.blur-image__main,.blur-img__main):not([src*="data:"]),x-drawer :is(.blur-image__main,.blur-img__main):not([src*="data:"]){animation:none}.blur-image-wrapper.is-loaded .blur-image__main,.blur-image-wrapper.is-loaded .blur-img__main,blur-image.is-loaded .blur-image__main,blur-image.is-loaded .blur-img__main,[data-blur-image].is-loaded .blur-image__main,[data-blur-image].is-loaded .blur-img__main,.blur-image__main.lazyloaded{opacity:1}.blur-image-wrapper.is-loaded .blur-image__placeholder,.blur-image-wrapper.is-loaded .blur-img__placeholder,blur-image.is-loaded .blur-image__placeholder,blur-image.is-loaded .blur-img__placeholder,[data-blur-image].is-loaded .blur-image__placeholder,[data-blur-image].is-loaded .blur-img__placeholder{opacity:0;visibility:hidden}.blur-image-wrapper.is-cached .blur-image__main,.blur-image-wrapper.is-cached .blur-img__main,blur-image.is-cached .blur-image__main,blur-image.is-cached .blur-img__main,[data-blur-image].is-cached .blur-image__main,[data-blur-image].is-cached .blur-img__main{transition:none}.blur-image-wrapper--placeholder{background-color:#e5e5e5;aspect-ratio:1}.blur-image__placeholder-svg{width:100%;height:100%;opacity:.3}.blur-image-wrapper{transform:translateZ(0);will-change:auto}.blur-image__placeholder,.blur-image__main{backface-visibility:hidden;-webkit-backface-visibility:hidden}@media(max-width:767px){.blur-image__placeholder{filter:blur(15px)}}@media(min-resolution:2dppx){.blur-image__placeholder{filter:blur(25px)}}@media(prefers-color-scheme:dark){.blur-image-wrapper{background-color:#2a2a2a}.blur-image-wrapper--placeholder{background-color:#3a3a3a}}@media print{.blur-image__placeholder{display:none}.blur-image__main{opacity:1!important}}
/*# sourceMappingURL=/cdn/shop/t/79/assets/blur-image.css.map */