.clp-hero{position:relative;background-color:rgb(var(--color-gray-20))}@media screen and (min-width:768px){.clp-hero .ratio{height:50rem}}@media only screen and (max-width:767px){.clp-hero .ratio{height:25rem}}@media screen and (min-width:768px){.clp-hero .clp-hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);place-content:center}}@media screen and (min-width:768px){.clp-hero .clp-hero-content{max-width:160rem;padding:3.4rem 6rem;margin:0 auto}.clp-hero .clp-hero-content>*+*{margin-top:1.2rem}.clp-hero .clp-hero-text>*+*{margin-top:1.2rem}}@media only screen and (max-width:991px){.clp-hero .clp-hero-content{padding:4rem 2.4rem 3.4rem}}@media only screen and (max-width:767px){.clp-hero .clp-hero-content>*+*{margin-top:1.6rem}.clp-hero .clp-hero-text>*+*{margin-top:1.6rem}.clp-hero-title{font-size:2.4rem}.clp-hero-description-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:1.6rem}.clp-hero-description label{font-size:1.6rem}}.clp-hero-description input{position:absolute!important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);word-wrap:normal!important}.clp-hero-description input:checked+.clp-hero-description-text{display:block!important}.clp-hero-description input:checked~label{display:none!important}.clp-hero .collection-nav-carousel{--swiper-theme-color: rgb(var(--color-white));--swiper-navigation-color: rgb(var(--color-white));--swiper-navigation-button-size: 6rem;--swiper-navigation-icon-size: 2.4rem;display:block}.clp-hero .collection-nav-carousel .swiper{padding:.8rem 0}.clp-hero .collection-nav-carousel .swiper-slide{width:auto}.clp-hero-menu-link{box-shadow:0 0 20px rgba(var(--color-gray-100),.08)}.clp-hero .collection-nav-carousel .swiper-nav-button{border-radius:50%;background-color:#000}.clp-hero .collection-nav-carousel .swiper-nav-button--next,.clp-hero .collection-nav-carousel .swiper-nav-button--prev{top:50%}.clp-hero .collection-nav-carousel .swiper-nav-button--prev{left:2rem}.clp-hero .collection-nav-carousel .swiper-nav-button--next{right:2rem}.clp-hero .swiper-nav-button{display:none!important}@media(any-pointer:coarse){.clp-hero .swiper-nav-button{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/clp-hero.css.map */