.clear-skin-interactive__wrapper{position:relative;display:grid;grid-template-columns:80% 20%;max-width:1920px;width:95%;margin:0 auto;padding:150px 5%;color:#fff}.clear-skin-interactive__content{position:relative;z-index:2;width:80%}.clear-skin-interactive__content.mobile{display:none}.clear-skin-interactive__wrapper h2{font-size:var(--vm-heading-font-size);line-height:125%}.clear-skin-interactive__wrapper>h2,.clear-skin-interactive__wrapper h2 br,.clear-skin-interactive__wrapper>p{display:none}.clear-skin-interactive__content>p{font-size:24px;margin-top:20px}.clear-skin-interactive__content>p br{display:none}.clear-skin-interactive__accordion{width:70%;border-bottom:1px solid white;padding-right:0}.clear-skin-interactive__accordion:first-of-type{margin-top:40px;border-top:1px solid white}.clear-skin-interactive__accordion-label{transition:all .2s ease-in-out;padding:10px 0;width:100%;cursor:pointer}.clear-skin-interactive__accordion-label h3{font-size:44px}.clear-skin-interactive__accordion input{position:absolute;opacity:0;z-index:-1}.clear-skin-interactive__accordion input:checked~.clear-skin-interactive__accordion-label{font-weight:700}.clear-skin-interactive__accordion input:checked~.clear-skin-interactive__accordion-content{height:auto;opacity:1}.clear-skin-interactive__accordion-content{height:0;opacity:0;overflow:hidden;transition:all .3s ease-in}.clear-skin-interactive__accordion-content ul{margin:0;padding:0}.clear-skin-interactive__accordion-content ul li{padding:5px 0 15px}.clear-skin-interactive__img-dots{position:absolute;z-index:1;right:-5%;bottom:0;display:flex;align-items:flex-end;justify-content:flex-end}.clear-skin-interactive__img-dots picture{line-height:0}.clear-skin-interactive__dots{align-self:center;justify-self:end;width:260px;height:40%;position:absolute;top:27%;right:27%;z-index:2}.clear-skin-interactive__dot{position:relative;width:fit-content;opacity:.5;transition:opacity .2s ease-in-out}.clear-skin-interactive__dot label{cursor:pointer}.clear-skin-interactive__dot:after{content:"";position:absolute;width:60px;height:60px;border-radius:50%;border:2px solid white;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;opacity:0;transition:all .2s ease-in-out}.clear-skin-interactive__dot:first-of-type{left:70%}.clear-skin-interactive__dot:nth-of-type(2){left:100%;top:5%}.clear-skin-interactive__dot:nth-of-type(3){left:45%;top:28%}.clear-skin-interactive__dot:nth-of-type(4){left:95%;top:38%}.clear-skin-interactive__dot:nth-of-type(5){left:0;top:40%}.clear-skin-interactive__dot:nth-of-type(6){left:75%;top:80%}.clear-skin-interactive__dot input{display:none}.clear-skin-interactive__dot label{position:relative;width:30px;height:30px;z-index:2}.clear-skin-interactive__dot:has(input[type=radio]:checked),.clear-skin-interactive__dot:has(input[type=radio]:checked):after{opacity:1}@media screen and (max-width: 1080px){.clear-skin-interactive__accordion-label h3{font-size:31px;line-height:1.15}.clear-skin-interactive__wrapper h2{line-height:1.15}.clear-skin-interactive__wrapper h2 br{display:block}.clear-skin-interactive__content>p{font-size:20px}.clear-skin-interactive__content>p br{display:block}}@media screen and (max-width: 989px){.clear-skin-interactive__wrapper{display:flex;flex-direction:column;padding:100px 0 0}.clear-skin-interactive__content>h2,.clear-skin-interactive__content>p{display:none}.clear-skin-interactive__wrapper>h2,.clear-skin-interactive__wrapper>p{display:block;text-align:center}.clear-skin-interactive__wrapper>h2{margin-bottom:15px;line-height:1.15}.clear-skin-interactive__content{display:none}.clear-skin-interactive__content.mobile{display:block;margin:0 auto;padding:28px 32px;width:65vw;border-radius:12px;background:#0000001a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:absolute;bottom:15%;left:50%;transform:translate(-50%)}.clear-skin-interactive-carousel__item{flex:1 0 100%;text-align:center}.clear-skin-interactive-carousel__item h3{font-weight:700;margin-bottom:10px}.clear-skin-interactive-carousel__item p{font-size:22px}.clear-skin-interactive-carousel__item ul{list-style-type:none;padding-left:0;margin:0}.clear-skin-interactive__img-dots{position:relative;width:100vw;left:50%;transform:translate(-50%);right:unset}.clear-skin-interactive__img-dots img{margin-top:40px;width:100vw;height:auto}.clear-skin-interactive__carousel-track{display:flex;flex-direction:row;gap:32px;overflow-x:scroll;scroll-behavior:smooth}.clear-skin-interactive__carousel-track::-webkit-scrollbar{display:none}.clear-skin-interactive__dots{top:20%;right:unset;left:50%;transform:translate(-50%);aspect-ratio:435 / 554;width:60%;height:40%}.clear-skin-interactive__dot:first-of-type{left:45%}.clear-skin-interactive__dot:nth-of-type(2){left:10%}.clear-skin-interactive__dot:nth-of-type(3){left:53%;top:23%}.clear-skin-interactive__dot:nth-of-type(4){left:87%;top:40%}.clear-skin-interactive__dot:nth-of-type(5){left:12%;top:32%}.clear-skin-interactive__dot:nth-of-type(6){left:25%;top:60%}.clear-skin-interactive__carousel-track{margin:0;padding:0;list-style-type:none}.clear-skin-interactive__navigation{margin:30px 0 0;padding:0;list-style-type:none;display:flex;justify-content:center;gap:10px}.clear-skin-interactive-navigation__item{opacity:.5}.clear-skin-interactive-navigation__item svg{width:10px;height:10px}}@media screen and (max-width: 650px){.clear-skin-interactive__dot svg,.clear-skin-interactive__dot label{width:17px;height:17px}.clear-skin-interactive__dot:after{width:45px;height:45px}.clear-skin-interactive__dot:nth-of-type(2){top:8%;left:15%}.clear-skin-interactive__dot:nth-of-type(3){left:53%}.clear-skin-interactive__dot:nth-of-type(5){top:40%}.clear-skin-interactive__dot:nth-of-type(6){top:63%}.clear-skin-interactive__content.mobile{width:100%;bottom:10%}}@media screen and (max-width: 450px){.clear-skin-interactive__wrapper{padding-top:70px}.clear-skin-interactive__img-dots img{margin-top:20px}.clear-skin-interactive__content.mobile{bottom:3%;padding:15px 20px}.clear-skin-interactive__dots{width:55%;height:33%;top:22%}.clear-skin-interactive-carousel__item p{font-size:18px}}@media screen and (min-width: 1920px){.clear-skin-interactive__wrapper{padding:150px 250px}.clear-skin-interactive__content{width:100%}.clear-skin-interactive__content>p br{display:block}}
/*# sourceMappingURL=/cdn/shop/t/89/assets/section-clear-skin-interactive.css.map */