.flip-image-wrapper{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:30px;justify-content:center}.flip-image-card{position:relative;width:calc(25% - 22.5px);max-width:calc(25% - 22.5px);min-width:calc(25% - 22.5px)}.flip-image-item{position:relative;aspect-ratio:1;perspective:1000px}.flip-image-item-inner{position:relative;width:100%;transition:transform .6s ease;transform-style:preserve-3d}.flip-image-card.is-flipped .flip-image-item-inner{transform:rotateY(180deg)}.flip-image-item-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:inherit;z-index:1;background:var(--background-color);color:var(--text-color)}.flip-image-item-back{transform:rotateY(180deg)}.flip-image-item-image{width:100%;height:100%}.flip-image-item-image img{width:100%;height:100%;object-fit:cover;display:block}.flip-image-item-content{width:100%;height:100%;padding-inline:5px;overflow:auto;display:flex;align-items:center;justify-content:center}.flip-image-item-content-text{text-align:center}.flip-image-item-button{position:absolute;bottom:8px;right:8px;width:32px;height:32px;padding:0;border:none;border-radius:50%;background:#00000080;color:var(--color-grey-smoke);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:background .2s ease,transform .2s ease}.flip-image-item-button:hover{background:#000000b3}.flip-image-item-button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.flip-image-card.is-flipped .flip-image-item-button svg{transform:rotate(180deg)}.flip-image-item-button svg{flex-shrink:0;transition:transform .3s ease}@media(max-width:767px){.flip-image-wrapper{gap:15px;justify-content:flex-start}.flip-image-card{width:calc(50% - 7.5px);max-width:calc(50% - 7.5px);min-width:calc(50% - 7.5px)}.flip-image-item-button{width:24px;height:24px}}@media(min-width:768px)and (max-width:969px){.flip-image-wrapper{gap:22px}.flip-image-card{width:calc(25% - 16.5px);max-width:calc(25% - 16.5px);min-width:calc(25% - 16.5px)}}
/*# sourceMappingURL=/cdn/shop/t/454/assets/section-flip-image.css.map */