carousel-component{opacity:0}carousel-component[initialized]{opacity:1}.carousel-wrapper{position:relative;margin-left:1px}@media screen and (max-width: 749px){.carousel-wrapper{margin-left:0}}.carousel-container{max-width:var(--page-width);margin:0 auto}.carousel{overflow:hidden;padding:8px;position:relative}.carousel__track{display:flex;transition:transform .3s ease}.carousel__slide{padding:0 10px}.carousel__button{position:absolute;top:40%;transform:translateY(-50%);background:#0a418b;border:2px solid white;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;cursor:pointer;z-index:1}carousel-component[continuous] .carousel__button{display:none}.carousel__button--prev{left:8px}.carousel__button--next{right:8px}.collection-card{background:#fff;border-radius:8px;overflow:hidden;transition:all .3s ease}.collection-card__image-wrapper{position:relative;padding-top:100%;overflow:hidden;border:2px solid rgba(var(--color-foreground),.1);border-radius:8px}.collection-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.collection-card__image-wrapper--placeholder{background-color:#f0f0f0}.collection-card__content{padding:1.4rem 0;display:flex;flex-direction:column}.collection-card__link{text-decoration:none}.collection-card:hover .collection-card__title{color:rgb(var(--color-button))}.collection-card:hover .collection-card__image{transform:scale(1.05);transition:transform .3s ease}.collection-card__title{font-size:18px;font-weight:700;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;text-decoration:none;transition:all .3s ease}.collection-card__title svg{width:1.8rem;height:1.2rem;transform:translate(-10px);opacity:0;transition:transform .3s ease,opacity .3s ease}.collection-card:hover .collection-card__title svg{transform:translate(0);opacity:1}@media (max-width: 767px){.collection-carousel__slide{flex:0 0 100%}.carousel__button{top:35%}}@media (min-width: 768px){.collection-carousel__slide{flex:0 0 33.3%}}@media (min-width: 1024px){.collection-carousel__slide{flex:0 0 20%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-carousel.css.map */