.categories-slider-group{position:relative}.categories-carousel-header{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);z-index:20;pointer-events:none}.categories-carousel-header .custom-slider-buttons{display:flex;justify-content:space-between;width:100%;padding-inline:2.9091rem}.categories-carousel-header .custom-slider-button{pointer-events:auto}.categories-carousel-header .custom-slider-button svg{width:100%;height:100%}.categories-carousel-wrapper{position:relative;overflow:hidden}.categories-carousel-list{display:flex;overflow-x:auto;gap:27px;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-inline-start:3.9rem;padding-inline-end:3.9rem;overflow-y:hidden}.categories-carousel-list.is-dragging{cursor:grabbing}.categories-carousel-list::-webkit-scrollbar{display:none}.categories-carousel-item{flex:0 0 calc(100% - 7.5rem);scroll-snap-align:center}.categories-carousel-card{position:relative;border-radius:20rem;padding:5.5rem .9rem 3.2rem;display:flex;flex-direction:column;color:rgb(var(--color-foreground))}@media screen and (min-width:1200px){.categories-carousel-card{max-height:594px}.categories-carousel-content h3{margin-bottom:32px}}.categories-carousel-age-label{position:absolute;top:20px;left:20px;z-index:2;transform:rotate(16deg);cursor:default;transition:transform .5s ease;pointer-events:auto}.categories-carousel-age-label-inner{display:block;background-color:var(--age-bg, #EF8EB4);color:var(--age-text, #fff);padding:.85rem 3.5rem;border-radius:5rem;font-weight:700;font-size:1.6rem;line-height:1.27;pointer-events:none;transform-origin:center center;transition:background-color .3s ease,color .3s ease;will-change:transform}.categories-carousel-age-label:hover .categories-carousel-age-label-inner{animation:rotateAroundAxis 1s ease-in-out infinite}.categories-carousel-image{flex:1;display:flex;justify-content:center;align-items:center;margin-bottom:2rem}.categories-carousel-img{max-width:90%;width:100%;height:100%;object-fit:contain}.categories-carousel-content{flex:1.5;display:flex;flex-direction:column;justify-content:center}.categories-carousel-title{color:rgb(var(--color-foreground));font-size:var(--heading-font-size-mobile, 16px);margin-top:0;margin-bottom:4rem;line-height:1.17}.categories-carousel-bullets{display:grid;--bullets-column-gap: 16px;row-gap:16px;column-gap:var(--bullets-column-gap);margin-bottom:2.5rem;margin-top:4rem;grid-template-columns:calc(43% - var(--bullets-column-gap) / 2) calc(57% - var(--bullets-column-gap) / 2)}.categories-carousel-bullet-text{line-height:1.25}.categories-carousel-bullet{display:flex;align-items:center}.categories-carousel-bullet-icon{width:4.2rem;height:4.2rem;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-right:1rem;flex-shrink:0}.categories-carousel-bullet-icon img{object-fit:contain}.categories-carousel-button{align-self:flex-start;color:rgba(var(--color-button-text));background:rgba(var(--color-button));border:none;font-weight:500;padding:.75rem 4rem;text-transform:uppercase;font-size:1.4rem;line-height:1.15;min-height:auto}.mac .categories-carousel-button,.ios.safari .categories-carousel-button{padding-block:.9rem .5rem}.categories-carousel-footer-note{margin-bottom:0rem;margin-top:0rem;font-size:1.2rem;line-height:1.25}.categories-carousel-progress{width:100%;max-width:18.6rem;display:flex;margin:1rem auto;justify-content:center}.categories-carousel-progress-dot:first-child{border-radius:1rem 0 0 1rem}.categories-carousel-progress-dot:last-child{border-radius:0 1rem 1rem 0}.categories-carousel-progress-dot{flex:1;height:6px;background-color:#dfdfdf;transition:background-color .3s ease;display:block!important}.categories-carousel-progress-dot.active{background-color:#00a1e2}.categories-carousel-card[style*=--bg-color]{background-color:var(--bg-color)}@media screen and (min-width:750px){.categories-carousel-title{font-size:var(--heading-font-size-desktop, 40px)}.categories-carousel-footer-note{font-size:1.6rem;max-width:90%}.categories-carousel-card{flex-direction:row;align-items:center;border-radius:35rem;padding:4rem 7.5rem 4rem 4rem;column-gap:2.5rem}.categories-carousel-item{flex:0 0 92%;scroll-snap-align:center}.categories-carousel-image{margin-bottom:0;max-width:50.5%}.categories-carousel-content{max-width:49.5%}.categories-carousel-age-label{top:3rem;left:2rem}.categories-carousel-age-label-inner{padding:1.5rem 3.8rem;font-size:2rem}.categories-carousel-progress{padding-top:2.3rem}}@media screen and (min-width:1200px){.categories-carousel-item{flex:0 0 89.065%}.categories-carousel-card{padding:4rem 7.1rem 2.1rem 5.5rem;border-radius:50rem}.categories-carousel-age-label-inner{padding:2.55rem 5.8rem;font-size:3rem}.categories-carousel-title{max-width:96%}}@media screen and (min-width:1400px){.categories-carousel-title{max-width:100%}}@media screen and (max-width:989px)and (min-width:750px){.categories-carousel-bullets{--bullets-column-gap: 16px;gap:1.6rem var(--bullets-column-gap);margin-bottom:1.6rem;margin-top:3rem}.categories-carousel-title{margin-bottom:2rem}.categories-carousel-list{padding-inline-start:2rem;padding-inline-end:2rem}}@media screen and (max-width:749px){.categories-carousel-list{column-gap:1rem;padding-inline-start:1rem;padding-inline-end:1rem}.categories-carousel-image{max-width:60%;width:100%;margin-inline:auto;margin-bottom:2rem}.categories-carousel-bullet-icon{width:3.6rem;height:3.6rem}.categories-carousel-age-label-inner{padding-inline:2.5rem}.categories-carousel-age-label{top:1rem}.categories-carousel-bullets{gap:.8rem 1.6rem;margin-bottom:0rem;margin-top:2rem;grid-template-columns:repeat(1,1fr);padding-inline:1rem}.categories-carousel-bullet{justify-content:center;width:100%}.categories-carousel-title{text-align:center;margin-bottom:2rem}.categories-carousel-button{margin-inline:auto}.categories-carousel-age-label{transform:rotate(10deg)}.categories-carousel-card{padding:4.5rem .9rem 4rem}.categories-carousel-footer-note{text-align:center;font-size:1.1rem;margin-top:1.6rem;max-width:70%;margin-inline:auto}.categories-carousel-img{max-width:100%}}@keyframes rotateAroundAxis{0%,to{transform:rotate(0)}50%{transform:rotate(6deg)}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/section-categories-carousel.css.map */
