.custom-case-carousel__bottom{align-items:center;background:linear-gradient(180deg,transparent 0,var(--color-heading) 100%);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;transform:translateY(100%);transition:all var(--duration-default) ease-in-out;visibility:hidden}.custom-case-carousel__bottom .button{background:none;line-height:calc(1 + .4 / var(--font-body-scale));margin:6rem 0}.custom-case-carousel__bottom .button:after{box-shadow:0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button-text),var(--alpha-button-background))}.custom-case-carousel__bottom .button:not([disabled]):hover:after{box-shadow:0 0 0 .5rem rgba(var(--color-button-text),.25)}@media screen and (min-width: 1200px){.custom-case-carousel__bottom .button{margin:8rem 0}}.custom-case-carousel__top{left:0;position:absolute;right:0;top:0}.custom-case-carousel__sizes{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;padding:2rem 0;width:calc(100% - 130px)}.custom-case-carousel__sizes .custom-case__slider-image-size{bottom:auto;margin:.5rem;opacity:0;position:relative;transform:translateY(-100%);transition:all var(--duration-default) ease-in-out;visibility:hidden}.custom-case-carousel__count{align-items:center;background-color:rgba(var(--color-foreground),.5);border-radius:var(--buttons-radius-outset);color:rgb(var(--color-button-text));display:flex;justify-content:center;height:45px;position:absolute;right:2rem;top:2.5rem;width:45px}.custom-case-carousel__count .icon-cup{height:2.5rem;width:2.5rem}.custom-case-carousel__count span{font-size:1.15rem;font-weight:var(--font-heading-weight);position:absolute}.custom-case-carousel .title{margin:0 auto}.custom-case-carousel .custom-case{margin-top:6rem}.custom-case-carousel .custom-case__slider-image{height:100%;padding-bottom:100%}.custom-case-carousel .custom-case__slider-image:before{bottom:0}.custom-case-carousel .swiper-slide:hover .custom-case__slider-image-size,.custom-case-carousel .swiper-slide:hover .custom-case-carousel__bottom{opacity:1;transform:translateY(0);visibility:visible}@media screen and (min-width: 990px){.custom-case-carousel .custom-case__slider-image{height:200%;padding-bottom:200%}}@media screen and (min-width: 1200px){.custom-case-carousel .custom-case__slider-image{height:150%;padding-bottom:150%}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/section-custom-case-carousel.css.map */