.tanoti-style-card__media{position:relative;overflow:hidden;border-radius:20px 20px 0 0}collection-image-carousel{position:absolute;inset:var(--image-padding, 0px);display:block;pointer-events:none}.tanoti-style-card__media collection-image-carousel{top:0;right:0;bottom:0;left:0}.tanoti-glass collection-image-carousel{top:0;right:0;bottom:0;left:0}.card__inner.has-image-carousel{position:relative;z-index:2;pointer-events:none}.card__inner.has-image-carousel .card__heading a{pointer-events:auto}.collection-image-carousel__viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:20px 20px 0 0;z-index:0}.collection-image-carousel__viewport .collection-image-carousel__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.has-image-carousel>.card__media .media>img:first-child{opacity:1!important;transform:none!important}.has-image-carousel>.card__media .media>img+img,.is-carousel-active>.card__media .media>img:first-child,.is-carousel-active>.tanoti-style-card__image img{opacity:0!important}.collection-image-carousel__arrow{position:absolute;top:0;bottom:0;z-index:4;display:grid;place-items:center;width:44px;height:100%;padding:0;border:0;border-radius:0;background:transparent;color:rgb(var(--color-foreground, 9, 31, 91));box-shadow:none;cursor:pointer;pointer-events:auto;transition:filter .18s ease,transform .18s ease;-webkit-tap-highlight-color:transparent}.collection-image-carousel__arrow[hidden]{display:none}.collection-image-carousel__arrow--previous{left:0}.collection-image-carousel__arrow--next{right:0;--carousel-gradient-direction: 270deg}@media(hover:hover){.collection-image-carousel__arrow:hover{filter:brightness(1.12)}}.collection-image-carousel__arrow:active svg{transform:scale(.9)}.collection-image-carousel__arrow svg{transition:opacity .12s ease}collection-image-carousel.is-loading .collection-image-carousel__arrow svg{opacity:.5}.collection-image-carousel__arrow:focus-visible{outline:2px solid currentColor;outline-offset:-2px}@media(prefers-reduced-motion:reduce){.collection-image-carousel__arrow,.collection-image-carousel__arrow svg{transition:none}}@media screen and (max-width:749px){.collection-image-carousel__viewport,.tanoti-style-card__media{border-radius:16px 16px 0 0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/collection-image-carousel.css.map */