.tooto-card-carousel{--tooto-card-carousel-hit-size: max(4.4rem, var(--tooto-card-carousel-control-size-mobile));--tooto-card-carousel-visible-control-size: var(--tooto-card-carousel-control-size-mobile);display:block;align-self:stretch;width:100%;max-width:min(100%,var(--tooto-card-carousel-max-width));min-width:0;margin-inline:auto;overflow:visible}.tooto-card-carousel__slider{width:100%;overflow:visible}.tooto-card-carousel__wrapper{align-items:center}.tooto-card-carousel-item{position:relative;isolation:isolate;display:block;width:100%;aspect-ratio:var(--tooto-card-carousel-ratio-mobile);overflow:hidden;color:var(--tooto-card-carousel-title-color);text-decoration:none;background:rgba(var(--color-foreground),.08);border-radius:var(--tooto-card-carousel-radius-mobile)}.tooto-card-carousel-item__media,.tooto-card-carousel-item__media picture,.tooto-card-carousel-item__image,.tooto-card-carousel-item__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.tooto-card-carousel-item__image,.tooto-card-carousel-item__placeholder{object-fit:cover;object-position:var(--tooto-card-carousel-image-position)}.tooto-card-carousel-item__placeholder{background:rgba(var(--color-foreground),.08)}.tooto-card-carousel-item__logo,.tooto-card-carousel-item__title{position:absolute;z-index:2;left:50%;transform:translate(-50%)}.tooto-card-carousel-item__logo{top:clamp(1.2rem,4vw,4rem);width:min(calc(100% - 4rem),var(--tooto-card-carousel-logo-width-mobile))}.tooto-card-carousel-item__logo img{display:block;width:100%;height:auto;margin-inline:auto}.tooto-card-carousel-item__title{bottom:14px;width:calc(100% - 4rem);margin:0;color:var(--tooto-card-carousel-title-color);font-family:Staatliches,sans-serif;font-size:var(--tooto-card-carousel-title-size-mobile);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:1.14;text-align:center;text-wrap:balance}.tooto-card-carousel-item--linked:focus-visible{outline:0;box-shadow:inset 0 0 0 .3rem currentColor}.tooto-card-carousel__slider .swiper-slide-shadow-left,.tooto-card-carousel__slider .swiper-slide-shadow-right{border-radius:inherit}.tooto-card-carousel__button.swiper-button-prev,.tooto-card-carousel__button.swiper-button-next{top:50%;z-index:20;width:var(--tooto-card-carousel-hit-size);height:var(--tooto-card-carousel-hit-size);margin:0;padding:0;color:var(--tooto-card-carousel-control-foreground);background:transparent;border:0;border-radius:50%;transform:translateY(-50%);touch-action:manipulation}.tooto-card-carousel__button:before{position:absolute;inset:50% auto auto 50%;width:var(--tooto-card-carousel-visible-control-size);height:var(--tooto-card-carousel-visible-control-size);content:"";background:var(--tooto-card-carousel-control-background);border-radius:50%;transform:translate(-50%,-50%);transition:background-color .2s ease}.tooto-card-carousel__button:after{display:none}.tooto-card-carousel__button svg{position:relative;z-index:1;width:calc(var(--tooto-card-carousel-visible-control-size) * .52);height:calc(var(--tooto-card-carousel-visible-control-size) * .52)}.tooto-card-carousel__button--previous.swiper-button-prev{right:auto;left:calc(var(--tooto-card-carousel-hit-size) / -2)}.tooto-card-carousel__button--next.swiper-button-next{right:calc(var(--tooto-card-carousel-hit-size) / -2);left:auto}.tooto-card-carousel__button:focus-visible{outline:.2rem solid currentColor;outline-offset:.2rem}.tooto-card-carousel__button.swiper-button-disabled{opacity:.4}.tooto-card-carousel.is-static .tooto-card-carousel__button,.tooto-card-carousel.is-empty .tooto-card-carousel__button{display:none}@media(hover:hover){.tooto-card-carousel__button:hover:before{background:var(--tooto-card-carousel-control-hover-background)}}@media screen and (min-width:750px){.tooto-card-carousel{--tooto-card-carousel-hit-size: max(4.4rem, var(--tooto-card-carousel-control-size));--tooto-card-carousel-visible-control-size: var(--tooto-card-carousel-control-size)}.tooto-card-carousel-item{aspect-ratio:var(--tooto-card-carousel-ratio);border-radius:var(--tooto-card-carousel-radius)}.tooto-card-carousel-item__logo{width:min(calc(100% - 8rem),var(--tooto-card-carousel-logo-width))}.tooto-card-carousel-item__title{width:calc(100% - 8rem);font-size:56px}}@media(prefers-reduced-motion:reduce){.tooto-card-carousel__button:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/tooto-card-carousel.css.map */