.spotlight-grid-carousel{background-color:var(--section-bg)!important;padding-left:16px;padding-right:0}@media (min-width: 640px){.spotlight-grid-carousel{padding-left:40px}}.spotlight-grid-carousel.with-carousel{padding-right:0}.spotlight-grid-carousel a{font-weight:600;text-decoration:underline;color:#fff}.spotlight-grid-carousel .title{font-size:16px;font-size:var(--title-size-mob, 16px);margin-bottom:16px;line-height:1.1}@media (min-width: 640px){.spotlight-grid-carousel .title{font-size:16px;font-size:var(--title-size, 16px);line-height:1.1}}.spotlight-grid-carousel .title.centered-title:not(.has-mobile-carousel){text-align:center}@media (min-width: 640px){.spotlight-grid-carousel .title.centered-title{text-align:center}}.spotlight-grid-carousel .richtext{max-width:47.1875rem;width:100%;margin-bottom:2.5rem}.spotlight-grid-carousel .grid-carousel{display:flex;flex-direction:column;grid-gap:8px;gap:8px;padding-right:16px}@media (min-width: 640px){.spotlight-grid-carousel .grid-carousel{display:flex;flex-direction:row;flex-wrap:wrap;padding-right:0}}.spotlight-grid-carousel .grid-carousel.centered-blocks{justify-content:center}@media (min-width: 1024px){.spotlight-grid-carousel .grid-carousel.carousel-desktop{padding-right:0}.spotlight-grid-carousel .grid-carousel.carousel-desktop .slick-slide{margin-right:16px;width:400px;height:400px}.spotlight-grid-carousel .grid-carousel.carousel-desktop .slick-slide .block{display:flex!important;flex-direction:column;justify-content:center}.spotlight-grid-carousel .grid-carousel.carousel-desktop:not(.slick-initialized){display:flex;flex-direction:row;overflow:auto}.spotlight-grid-carousel .grid-carousel.carousel-desktop:not(.slick-initialized) .block{width:calc(100vw - 32px)}.spotlight-grid-carousel .grid-carousel.carousel-desktop .block{display:flex!important;flex-direction:column;justify-content:flex-end}.spotlight-grid-carousel .grid-carousel.carousel-desktop .slick-dots{margin-right:16px}.spotlight-grid-carousel .grid-carousel.carousel-desktop .slick-dots li button{border-color:var(--dark)}.spotlight-grid-carousel .grid-carousel.carousel-desktop .slick-dots li.slick-active button{background-color:var(--dark)}}@media (max-width: 1023px){.spotlight-grid-carousel .grid-carousel.carousel-mobile{padding-right:0}.spotlight-grid-carousel .grid-carousel.carousel-mobile .slick-slide{margin-right:16px}.spotlight-grid-carousel .grid-carousel.carousel-mobile .slick-slide .block{display:flex!important;flex-direction:column;justify-content:center}.spotlight-grid-carousel .grid-carousel.carousel-mobile:not(.slick-initialized){display:flex;flex-direction:row;overflow:auto}.spotlight-grid-carousel .grid-carousel.carousel-mobile:not(.slick-initialized) .block{width:calc(100vw - 32px)}.spotlight-grid-carousel .grid-carousel.carousel-mobile .block{display:flex!important;flex-direction:column;justify-content:flex-end}.spotlight-grid-carousel .grid-carousel.carousel-mobile .slick-dots{margin-right:16px}.spotlight-grid-carousel .grid-carousel.carousel-mobile .slick-dots li button{border-color:var(--dark)}.spotlight-grid-carousel .grid-carousel.carousel-mobile .slick-dots li.slick-active button{background-color:var(--dark)}}@media (max-width: 1023px){.spotlight-grid-carousel .grid-carousel:not(.show-dots-mob) .slick-dots{display:none!important}}@media (max-width: 1023px){.spotlight-grid-carousel .grid-carousel:not(.show-arrows-mob) .slick-arrow{display:none!important}}@media (min-width: 1024px){.spotlight-grid-carousel .grid-carousel:not(.show-dots) .slick-dots{display:none!important}}@media (min-width: 1024px){.spotlight-grid-carousel .grid-carousel:not(.show-arrows) .slick-arrow{display:none!important}}.spotlight-grid-carousel .grid-carousel .block{position:relative;aspect-ratio:1;width:100%;display:flex;flex-direction:column;justify-content:center}@media (min-width: 640px){.spotlight-grid-carousel .grid-carousel .block{width:calc((100% - 8px * (var(--col-no) - 1)) / var(--col-no))}}.spotlight-grid-carousel .grid-carousel .block .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,var(--overlay-amount));opacity:0;transition:.2s ease;z-index:0}.spotlight-grid-carousel .grid-carousel .block .image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;-o-object-fit:cover;object-fit:cover}.spotlight-grid-carousel .grid-carousel .block .title{position:relative;z-index:1;font-weight:600;color:#fff;text-align:center;display:flex;justify-content:center;align-items:flex-end;transition:padding-top .3s ease,flex-grow .3s ease;font-size:16px;font-size:var(--title-size-mob, 16px)}@media (min-width: 640px){.spotlight-grid-carousel .grid-carousel .block .title{font-size:16px;font-size:var(--title-size, 16px)}}.spotlight-grid-carousel .grid-carousel .block .container{position:relative;z-index:1;text-align:center;margin:0;display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease,padding-bottom .3s ease;color:#fff;padding-right:16px;padding-left:16px}.spotlight-grid-carousel .grid-carousel .block .container .inner-wrapper{overflow:hidden}.spotlight-grid-carousel .grid-carousel .block .container .inner-wrapper .content{max-height:200px;overflow:auto;margin-bottom:16px}.spotlight-grid-carousel .grid-carousel .block .container .inner-wrapper p{margin-bottom:0;color:#fff}.spotlight-grid-carousel .grid-carousel .block .container .inner-wrapper .btn{display:block;padding:12px 24px;background-color:var(--section-bg);font-family:SoinSansNeue;width:-moz-fit-content;width:fit-content;margin:auto;color:#000;text-decoration:none;transition:transform .3s ease}.spotlight-grid-carousel .grid-carousel .block .container .inner-wrapper .btn:hover{transform:scale(1.1)}.spotlight-grid-carousel .grid-carousel .block .close-btn{position:absolute;bottom:0;right:0;width:32px;height:32px;background:#000;z-index:3}@media (min-width: 640px){.spotlight-grid-carousel .grid-carousel .block .close-btn{display:none}}.spotlight-grid-carousel .grid-carousel .block.active .close-btn,.spotlight-grid-carousel .grid-carousel .block:hover .close-btn{display:none}.spotlight-grid-carousel .grid-carousel .block.active .overlay,.spotlight-grid-carousel .grid-carousel .block:hover .overlay{opacity:100%}.spotlight-grid-carousel .grid-carousel .block.active .title.content-alignment-center,.spotlight-grid-carousel .grid-carousel .block:hover .title.content-alignment-center{padding-top:16px}.spotlight-grid-carousel .grid-carousel .block.active .title.content-alignment-bottom,.spotlight-grid-carousel .grid-carousel .block:hover .title.content-alignment-bottom{flex-grow:1}.spotlight-grid-carousel .grid-carousel .block.active .container,.spotlight-grid-carousel .grid-carousel .block:hover .container{grid-template-rows:1fr;padding-bottom:16px}
/*# sourceMappingURL=/cdn/shop/t/230/assets/style-spotlight-grid-carousel.css.map */