#online-skincare{width:100%;min-height:100vh;position:relative}.page-template-skincare-virtual-create .logo.desktop,.page-template-skincare-virtual-quiz .logo.desktop{display:block !important}.page-template-skincare-virtual-create .logo.mobile,.page-template-skincare-virtual-quiz .logo.mobile{display:none !important}.h-skincare-online-test .header-group.justify-left,.h-skincare-online-test .header-group.justify-right,.h-skincare-create .header-group.justify-left,.h-skincare-create .header-group.justify-right{display:none !important}.h-skincare-online-test .header-group.justify-center,.h-skincare-create .header-group.justify-center{width:100% !important;justify-content:center}header.header.h-skincare-online .promo-banner,header.h-skincare-online-test .promo-banner,header.header.h-skincare-create .promo-banner{display:none}.header.h-skincare-online-test .header-wrapper,.header.h-skincare-create .header-wrapper{padding:65px 0 0}.header.h-skincare-online-test.sticky .header-wrapper,.header.h-skincare-create.sticky .header-wrapper{padding:20px 0}#online-skincare .video-bg .cover-opacity{width:100vw;height:100vh;background:rgba(0,0,0,.3);position:absolute;top:0}#online-skincare .video-bg{height:100vh;max-height:100vh;position:relative}#online-skincare .video-bg .video{width:100vw;overflow:hidden;height:100vh;object-fit:cover}#online-skincare .landing-skincare-online{height:100%;position:absolute;width:100vw;top:0;display:flex;justify-content:center;align-items:center;padding-top:130px}#online-skincare .landing-skincare-online h1.title-opening{font-family:'gantari-bold';font-size:32px;line-height:40px;color:#fff;width:100%;max-width:605px;margin-bottom:32px}#online-skincare .landing-skincare-online h1.title-opening .colorful{background:linear-gradient(46.54deg,#c1a3e7 3.51%,#fdb4c9 99.03%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}#online-skincare .step{height:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;padding-top:150px;padding-bottom:55px}#online-skincare .step.loading-step{justify-content:center;position:relative;padding-top:55px}#online-skincare .step.loading-step .video-loading,#online-skincare .question.loading-step .video-loading{display:flex;width:100vw;height:100vh;padding:0;position:absolute;top:0;left:0;z-index:-1}#online-skincare .step.loading-step .video-loading video,#online-skincare .question.loading-step .video-loading video{height:100vh;object-fit:cover;width:35.3333%;overflow:hidden}#online-skincare .step.loading-step .row-loading .col-md-12,#online-skincare .question.loading-step .row-loading .col-md-12{display:flex;flex-direction:column;align-items:flex-start;gap:35px;padding-left:10vw}#online-skincare .step.loading-step .gif-loading,#online-skincare .question.loading-step .gif-loading{width:64px;height:64px;background-image:url(//www.citylabcosmetics.com/wp-content/themes/astra-child/css/../img/loading-pink.gif);background-position:center;background-repeat:no-repeat;background-size:contain}#online-skincare .step.loading-step .row-loading .col-md-12 h2,#online-skincare .question.loading-step .row-loading .col-md-12 h2{text-align:left;max-width:400px}#online-skincare .ellipse{width:592px;height:592px;background:#fab3ca;opacity:.2;filter:blur(102px);position:absolute;overflow:hidden;transform:translate(-50%,0);left:50%;bottom:-150px;z-index:-2}#online-skincare .wrapper-buttons{max-width:520px;display:flex;flex-direction:column;gap:20px}#online-skincare .wrapper-buttons .purchase{display:flex;gap:17px;align-items:center;justify-content:center}#online-skincare .btn.create-cream,#online-skincare .btn.go-to-test{font-family:'gantari-bold';font-size:16px;line-height:19px;letter-spacing:.08em;text-transform:uppercase;color:#fff;padding:14px 42px;background:0 0;border:1px solid #fff;border-radius:21px;display:block;width:fit-content;cursor:pointer;transition:all .3s}#online-skincare .btn.gift{font-family:'gantari-bold';font-size:16px;line-height:19px;letter-spacing:.08em;text-transform:uppercase;color:#161336;padding:14px 48px;background:#fff;border:1px solid #fff;border-radius:21px;display:flex;width:fit-content;align-items:center;gap:10px;margin:0 auto;transition:all .3s;cursor:pointer}#online-skincare .landing-skincare-online .wrapper-or{font-family:'gantari-light';font-size:14px;line-height:17px;display:flex;align-items:center;letter-spacing:.08em;text-transform:uppercase;color:#fff;justify-content:space-between;gap:15px}#online-skincare .landing-skincare-online .wrapper-or:before,#online-skincare .landing-skincare-online .wrapper-or:after{content:'';width:100%;max-width:200px;height:1px;background:#fff}#online-skincare .btn.go-to-test:hover,#online-skincare .btn.create-cream:hover,#online-skincare .btn.gift:hover{border-color:#6a5ae0;background:#6a5ae0;color:#fff}#online-skincare .row-navigation .numbers{font-family:'gantari-bold';font-size:14px;line-height:17px;letter-spacing:.08em;color:#666577;position:absolute;top:83px;z-index:2}#online-skincare .row-navigation .close{float:right;width:20px;height:20px;background-image:url(//www.citylabcosmetics.com/wp-content/themes/astra-child/css/../img/close-skincare.svg);position:absolute;top:78px;right:20px;z-index:2;cursor:pointer}#online-skincare .step h2,#online-skincare .question h2{font-family:'gantari-black';font-size:32px;line-height:36px;background:linear-gradient(262.3deg,#bfa4ea 5.67%,#fa5f8c 96.72%),#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;margin-bottom:0;text-align:center}#online-skincare .step h5{color:#4b4b4b;text-align:center;font-family:'gantari-light';font-size:15px;line-height:normal;letter-spacing:.6px;margin-top:14px}#online-skincare .swiper.swiper-skincare{padding-left:60px;padding-right:60px;padding-top:27px;max-width:1077px;margin:0 auto}#online-skincare .swiper.swiper-skincare .swiper-slide{display:flex;justify-content:center}#online-skincare .swiper-skincare .swiper-button-next:after{content:'';width:36px;min-width:36px;height:27px;background-image:url(//www.citylabcosmetics.com/wp-content/themes/astra-child/css/../img/next-slide-skincare.svg);background-position:center;background-repeat:no-repeat;background-size:contain}#online-skincare .swiper-skincare .swiper-button-prev:after{content:'';width:36px;min-width:36px;height:27px;background-image:url(//www.citylabcosmetics.com/wp-content/themes/astra-child/css/../img/prev-slide-skincare.svg);background-position:center;background-repeat:no-repeat;background-size:contain}#online-skincare .swiper.swiper-skincare input[type=radio]+button{cursor:pointer}#online-skincare .swiper-slide-prev{filter:grayscale(1);transform:rotate(-7deg) translate(0,40px) !important;transition:all .3s}#online-skincare .swiper-slide-next{filter:grayscale(1);transform:rotate(7deg) translate(0,40px) !important;transition:all .3s}#online-skincare .supplement.swiper-slide-prev .box-cream,#online-skincare .supplement.swiper-slide-next .box-cream{background:#dedede;transition:all .3s}#online-skincare .supplement.swiper-slide-active .box-cream{background:var(--active-bg)}#online-skincare .swiper-pagination{top:317px;z-index:0}#online-skincare .swiper-pagination-bullet{background:#caaeea;opacity:1}#online-skincare .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#624583;border-radius:40px;width:32px}#online-skincare .img-texture{position:absolute;right:-24px}#online-skincare .box-serum .img-texture{mix-blend-mode:multiply}#online-skincare .box-cream{background:linear-gradient(180deg,#c1a3e7 0%,#fdb4c9 100%);box-shadow:0px 0px 30.21px rgba(82,45,44,.3);border-radius:34.9257px;padding:25px 22px 35px;max-width:256px;min-height:275px;margin:0 auto;position:relative;display:flex;flex-direction:column;justify-content:space-between}#online-skincare .box-serum{background:linear-gradient(180deg,#f9869a 0%,#e8989d 100%);box-shadow:0px 0px 30.21px rgba(82,45,44,.3);border-radius:34.9257px;padding:25px 25px 35px;max-width:256px;min-height:275px;margin:0 auto;position:relative;z-index:-1;display:flex;flex-direction:column;justify-content:space-between}#online-skincare .supplement .box-cream{overflow:hidden;background:0 0;max-width:unset;aspect-ratio:1}#online-skincare img.img-supplement{position:absolute;left:0;top:0;object-fit:cover}#online-skincare .box-cream .type,#online-skincare .box-serum .type{font-family:'gantari-bold';font-size:14px;line-height:17px;letter-spacing:.08em;color:#fff;margin-bottom:15px;text-transform:uppercase}#online-skincare .box-cream .title{font-size:34px;line-height:37px;text-transform:uppercase}#online-skincare .box-serum .title{font-size:31px;line-height:33px}#online-skincare .box-cream .title,#online-skincare .box-serum .title{font-family:'gantari-black';background:linear-gradient(262.3deg,#bfa4ea 5.67%,#fa5f8c 96.72%),#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;mix-blend-mode:multiply;margin-bottom:14px}#online-skincare .box-cream .description,#online-skincare .box-serum .description{font-family:'gantari-black';font-size:20px;line-height:18px;text-transform:uppercase;color:#fff;margin-bottom:15px;position:relative}#online-skincare button.btn.choose-texture{background:#6a5ae0;border-radius:21px;padding:15px 10px;font-family:'gantari-bold';font-size:13px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;color:#fff;position:relative}#online-skincare .supplement button.btn.choose-supplement{background:#6a5ae0;border-radius:21px;padding:15px 10px;font-family:'gantari-bold';font-size:13px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;color:#fff;position:absolute;bottom:35px;left:50%;transform:translateX(-50%);min-width:165px}#online-skincare button.btn.choose-texture:hover{border-color:#6a5ae0}#online-skincare .details-cream{width:255px;margin:0 auto;padding-top:60px;visibility:hidden;text-align:center}#online-skincare .supplement .more-info{width:30px;min-width:30px;height:30px;background:rgba(145,145,145,.5);mix-blend-mode:multiply;display:flex;justify-content:center;align-items:center;border-radius:100%;margin:15px auto 0;cursor:pointer}#online-skincare .supplement .more-info:hover{background:rgba(145,145,145,1);transition:all .3s}#online-skincare .swiper-slide-active .details-cream{visibility:visible}#online-skincare .details-cream .title{font-family:'gantari-bold';font-size:14px;line-height:17px;letter-spacing:.08em;text-transform:uppercase;color:#283c70;margin-bottom:10px}#online-skincare .details-cream .description{font-family:'gantari-medium';font-size:16px;line-height:19px;letter-spacing:-.02em;color:#666577}#online-skincare .radio-principio{display:flex;column-gap:2%;row-gap:15px;margin-bottom:15px;padding-top:27px;max-width:1077px;margin:0 auto}#online-skincare .radio-principio label{flex-basis:100%}#soothing,#dream-rich{display:none !important}#online-skincare .wrapper-principio{border-radius:34.9257px;padding:20px;display:flex;align-items:center;gap:15px;height:100%}#online-skincare input[type=radio],#online-skincare input[type=checkbox]{width:0;height:0;opacity:0;position:absolute}#online-skincare input[type=radio]+div,#online-skincare input[type=checkbox]+div{cursor:pointer}#online-skincare .radio-principio input[type=radio]:checked+div{box-shadow:0px 0px 35px rgba(0,0,0,.3);transition:all .3s;filter:none}#online-skincare .radio-principio input[type=radio].base:not(checked)+div{filter:none;box-shadow:none}#online-skincare .radio-principio input[type=radio]:not(checked)+div{transition:all .3s;filter:grayscale(1)}#online-skincare .radio-principio input[type=radio]:hover+div{filter:none;box-shadow:0px 0px 35px rgba(0,0,0,.3)}#online-skincare .icon-principio{width:45px;min-width:45px;height:45px;background-image:url(//www.citylabcosmetics.com/wp-content/themes/astra-child/css/../img/leaf.svg);background-position:center;background-repeat:no-repeat;background-size:cover}#online-skincare .wrapper-principio .wrapper-text .title{font-family:'gantari-bold';font-size:18px;line-height:22px;letter-spacing:.08em;text-transform:uppercase;color:#283c70;margin-bottom:5px}#online-skincare .wrapper-principio .wrapper-text .text{font-family:'gantari-medium';font-size:17px;line-height:21px;color:#283c70}#online-skincare .wrapper-principio .wrapper-text .text p{font-family:'gantari-medium';font-size:17px;line-height:21px;color:#283c70;margin-bottom:8px}#online-skincare .wrapper-principio .wrapper-text .text p:last-of-type{font-size:16px;line-height:20px;margin-bottom:0}#online-skincare .wrapper-principio .more-info{width:30px;min-width:30px;height:30px;background:rgba(145,145,145,.5);mix-blend-mode:multiply;display:flex;justify-content:center;align-items:center;border-radius:100%}#online-skincare .wrapper-principio .more-info:hover{background:rgba(145,145,145,1);transition:all .3s}#online-skincare .next-navigation{display:flex;align-items:center;justify-content:space-between;padding-top:40px}#online-skincare .back-step{width:30px;height:30px;padding:0;background-image:url(//www.citylabcosmetics.com/wp-content/themes/astra-child/css/../img/back-skincare.svg);background-position:left;background-size:contain;background-repeat:no-repeat;background-color:transparent}#online-skincare .btn.next,#online-skincare .btn.analyze{font-family:'gantari-bold';font-size:16px;line-height:19px;letter-spacing:.08em;text-transform:uppercase;color:#fff;padding:14px 48px;background:#6a5ae0;border:1px solid #6a5ae0;border-radius:21px;display:block;z-index:1}#online-skincare .btn.next:hover,#online-skincare .btn.analyze:hover,#online-skincare .wrapper-riepilogo .btn.add-to-cart-skincare:hover{border-color:#6a5ae0}#online-skincare .btn.next.customize{font-size:12px;line-height:12px;padding:7px 25px;border-radius:12px}.btn.disabled,.btn:disabled,fieldset:disabled .btn{opacity:.32}#online-skincare .radio-fragranze{display:flex;flex-wrap:wrap;column-gap:2%;row-gap:10px;margin-bottom:15px;padding-top:27px}#online-skincare .radio-fragranze label:last-of-type .info{display:none}#online-skincare .wrapper-fragranza{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;background:#efeefc;border-radius:35px;padding:20px 25px;min-height:220px}#online-skincare .icon-fragranza{display:flex;justify-content:center;max-height:130px}#online-skincare .wrapper-name{display:flex;align-items:center;justify-content:space-between}#online-skincare .wrapper-name .title{font-family:'gantari-bold';font-size:16px;line-height:19px;letter-spacing:.08em;color:#283c70;text-transform:uppercase}#online-skincare .wrapper-name .info{position:relative}#online-skincare .wrapper-name .info-shadow{width:30px;min-width:30px;height:30px;background:rgba(145,145,145,.5);mix-blend-mode:multiply;border-radius:100%;display:flex;justify-content:center;align-items:center}#online-skincare .wrapper-name .info-shadow:hover{background:rgba(145,145,145,1);transition:all .3s}#online-skincare .wrapper-name .img-info{position:absolute;bottom:7px;left:12px}#online-skincare .radio-fragranze input[type=radio]:checked+div,#online-skincare .wrapper-fragranza:hover{background:#6a5ae0;box-shadow:0px 0px 35px rgba(0,0,0,.3);transition:all .3s}#online-skincare .wrapper-fragranza:hover .title,#online-skincare .radio-fragranze input[type=radio]:checked+.wrapper-fragranza .title{color:#fff !important;transition:all .3s}#online-skincare .step h2.white{background:0 0;background-clip:unset;-webkit-text-fill-color:#fff;text-align:center;border:none}#online-skincare .riepilogo.step{position:relative;background-position:top;background-repeat:no-repeat;background-size:contain;padding-left:0;padding-right:0}#online-skincare .wrapper-riepilogo{position:absolute;bottom:0;width:calc(100% - 40px);background:#fff;border-top-right-radius:35px;border-top-left-radius:35px;padding:35px 25px}#online-skincare .wrapper-riepilogo .title{font-family:'gantari-bold';font-size:14px;line-height:17px;letter-spacing:.08em;color:#6a5ae0;margin-bottom:8px;text-transform:uppercase;padding:0 5px}#online-skincare .table-riepilogo-skincare th.detail{font-family:'gantari-bold';font-size:14px;line-height:17px;text-transform:uppercase;color:#161336;border:none;padding:11px 5px}#online-skincare .wrapper-riepilogo .result{font-family:'gantari-regular';font-size:16px;line-height:19px;color:#283c70;padding:10px 5px}table.table.table-riepilogo-skincare{border:none}td.modify-skincare{border:none;width:50px}table.table.table-riepilogo-skincare tr{border-bottom:1px solid #d4d1ec}table.table.table-riepilogo-skincare tr td,table.table.table-riepilogo-skincare tr th{padding:6px 5px}td.modify-skincare button{background:0 0;padding:0}#online-skincare .exit-popup{width:100vw;height:100vh;position:fixed;overflow:scroll;top:0;left:0;z-index:2;display:none;justify-content:center;align-items:center;background:rgba(112,16,85,.46)}#online-skincare .exit-popup .wrapper{width:90%;background:#fff;box-shadow:0px 0px 35px rgba(0,0,0,.3);border-radius:30px;padding:33px 30px;position:relative}#online-skincare .exit-popup .wrapper .title{font-family:'gantari-black';font-size:24px;line-height:24px;background:linear-gradient(262.3deg,#bfa4ea 5.67%,#fa5f8c 96.72%),#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;margin-bottom:10px}#online-skincare .exit-popup .wrapper .text{font-family:'gantari-medium';font-size:16px;line-height:19px;color:#666577;margin-bottom:20px}#online-skincare .exit-popup .wrapper-btn{display:flex;justify-content:space-between;gap:12px}#online-skincare .exit-popup button.btn{width:100%;background:#6a5ae0;border-radius:21px;padding:15px;font-family:'gantari-bold';font-size:13px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;color:#fff}#online-skincare .exit-popup button.btn.yes{background:#fff;border:1px solid #6a5ae0;color:#6a5ae0}#online-skincare .exit-popup .wrapper .close-exit{position:absolute;top:33px;right:28px;cursor:pointer}#online-skincare .popup-info-product{width:100vw;height:100vh;position:fixed;overflow:scroll;left:0;top:0;z-index:11;display:none;justify-content:center;align-items:center;background:rgba(15,25,115,.46)}#online-skincare .popup-info-product .wrapper{background:#fff;box-shadow:0px 0px 35px rgba(0,0,0,.3);border-radius:30px;width:90%}#online-skincare .popup-info-product.popup-supplement{overflow:hidden}#online-skincare .popup-info-product.popup-supplement .wrapper{max-height:calc(100vh - 140px);overflow:scroll}#online-skincare .popup-info-product .heading-popup{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(262.3deg,#bfa4ea 5.67%,#fa5f8c 96.72%),#fff;padding:40px 28px 28px;border-top-left-radius:30px;border-top-right-radius:30px}#online-skincare .popup-info-product .close-exit{cursor:pointer}#online-skincare .heading-popup .title,#online-skincare .details-survey .wrapper-cream .popup-info-product .title,#online-skincare .details-survey .wrapper-serum .popup-info-product .title{font-family:'gantari-black';font-size:24px;line-height:28px;letter-spacing:.06em;text-transform:uppercase;color:#fff}#online-skincare .content-popup{padding:28px 28px 47px;font-family:'gantari-medium';font-size:16px;line-height:19px;color:#666577}#online-skincare .content-popup p:last-of-type{margin-bottom:0}button.btn.analyze{display:none}#online-skincare .question{min-height:100vh;height:100%;padding-top:180px;padding-bottom:55px;position:relative}#online-skincare .wrapper-questions .navigation-questions{font-family:'gantari-bold';font-size:14px;line-height:17px;letter-spacing:.08em;color:#878696;margin-bottom:8px;padding-left:13px}#online-skincare .wrapper-questions .title-question{font-family:'gantari-bold';font-size:24px;line-height:29px;color:#161336;margin-bottom:23px;padding-left:13px}#online-skincare .wrapper-questions .answers,#online-skincare .wrapper-questions .radio-test,#online-skincare .wrapper-questions .checkbox-test{row-gap:16px}#online-skincare .wrapper-questions .answers label{width:100%;height:100%}#online-skincare .wrapper-questions .wrapper-radio,#online-skincare .wrapper-questions .wrapper-checkbox{background:#fff;border:1px solid #e1def9;border-radius:21px;display:flex;align-items:center;justify-content:space-between;padding:14px 23px 14px 17px;min-height:67px;height:100%}#online-skincare .wrapper-questions .wrapper-radio .title,#online-skincare .wrapper-questions .wrapper-checkbox .title{font-family:'gantari-medium';font-size:16px;line-height:18px;color:#0c092a}#online-skincare .wrapper-questions .wrapper-radio .circle-select,#online-skincare .wrapper-questions .wrapper-checkbox .circle-select{width:27px;min-width:27px;height:27px;background:#efeefc;border:2px solid #7d6ee4}#online-skincare .wrapper-questions .wrapper-radio .circle-select{border-radius:29px}#online-skincare .wrapper-questions .wrapper-checkbox .circle-select{border-radius:8px}#online-skincare .wrapper-questions .wrapper-radio .selection,#online-skincare .wrapper-questions .wrapper-checkbox .selection{display:flex;align-items:center;gap:19px}#online-skincare .wrapper-questions .color-question{width:46px;height:46px;border-radius:14px}#online-skincare .progress-bar-skincare{width:100%;height:8px;position:absolute;bottom:0}#online-skincare .progress-bar-skincare .line-progress{background:#6a5ae0;width:0;height:8px;transition:all .3s}#online-skincare .wrapper-questions input[type=radio]:checked+div,#online-skincare .wrapper-questions input[type=checkbox]:checked+div{background:#6a5ae0;box-shadow:0px 0px 35px rgba(0,0,0,.3);transition:all .3s}#online-skincare .wrapper-questions input[type=radio]:checked+div .title,#online-skincare .wrapper-questions input[type=checkbox]:checked+div .title{color:#fff}#online-skincare .wrapper-questions input[type=radio]:checked+div .circle-select,#online-skincare .wrapper-questions input[type=checkbox]:checked+div .circle-select{background:#7d6ee4;background-image:url(//www.citylabcosmetics.com/wp-content/themes/astra-child/css/../img/check-answer.svg);background-position:center;background-repeat:no-repeat;background-size:auto}#online-skincare .question.loading-step{display:flex;justify-content:center;text-align:center;align-items:center;position:relative}#online-skincare .result-step h5.tipology-cream,#online-skincare .riepilogo.step h5.tipology-cream{font-family:'gantari-bold';font-size:16px;line-height:19px;letter-spacing:.08em;color:#fff;margin-bottom:6px;text-transform:uppercase}#online-skincare .riepilogo.step h5.tipology-cream{color:#666577;text-align:left}#online-skincare .question h2.title-result-cream{background:0 0;-webkit-text-fill-color:transparent;text-fill-color:#283c70;-webkit-text-fill-color:#283c70;margin-bottom:5px}#online-skincare .compatibility{font-family:'gantari-black';font-size:16px;line-height:19px;letter-spacing:.05em;color:#fff;margin-bottom:35px}#online-skincare .wrapper-survey-cream{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:nowrap;margin-bottom:30px}#online-skincare .details-survey{display:flex;flex-direction:column;gap:20px}#online-skincare .details-survey .detail-cream .title-cream,#online-skincare .details-survey .detail-serum .title-serum,#online-skincare .details-survey .detail-supplement .title-supplement{font-family:'gantari-bold';font-size:14px;line-height:17px;letter-spacing:.08em;color:#fff;text-transform:uppercase}#online-skincare .details-survey .wrapper-cream .title,#online-skincare .details-survey .wrapper-serum .title{font-family:'gantari-bold';font-size:14px;line-height:17px;text-transform:uppercase;color:#161336}#online-skincare .details-survey .wrapper-cream .close-exit,#online-skincare .details-survey .wrapper-serum .close-exit,#online-skincare .details-survey .wrapper-supplement .close-exit{cursor:pointer}#online-skincare .details-survey .wrapper-cream .name,#online-skincare .details-survey .wrapper-serum .name,#online-skincare .details-survey .wrapper-supplement .name{font-family:'gantari-regular';font-size:16px;line-height:19px;color:#283c70}#online-skincare .related-products{padding-top:30px;position:relative}#online-skincare .related-products h3{font-family:'gantari-black';font-size:24px;line-height:28px;color:#283c70;margin-bottom:30px}#online-skincare .wrapper-card-related{display:flex;flex-wrap:nowrap;overflow-x:scroll;gap:2%;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:#6a5ae0}#online-skincare .wrapper-card-related::-webkit-scrollbar{height:6px}#online-skincare .wrapper-card-related::-webkit-scrollbar-thumb{background:#6a5ae0}#online-skincare .related-products .single-card{min-height:295px;background:#fff;border:1px solid #e1def9;border-radius:21px;padding:19px 15px;position:relative;display:flex;flex-direction:column;justify-content:flex-end}#online-skincare .related-products .single-card img.product-thumbnail{position:absolute;max-width:204px;left:25px;top:0;opacity:.9}#online-skincare .related-products .single-card .title-card{font-family:'gantari-black';font-size:24px;line-height:22px;background:linear-gradient(262.3deg,#bfa4ea 5.67%,#fa5f8c 96.72%),#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;mix-blend-mode:multiply;margin-bottom:5px}#online-skincare .related-products .compatibility-related{font-family:'gantari-medium';font-size:16px;line-height:19px;color:#283c70;margin-bottom:10px}#online-skincare .details-survey .wrapper-cream,#online-skincare .details-survey .wrapper-serum,#online-skincare .details-survey .wrapper-supplement{display:flex;justify-content:space-between;align-items:center;gap:10px}#online-skincare .details-survey .info{position:relative;cursor:pointer}#online-skincare .details-survey .info-shadow{width:30px;height:30px;background:rgba(231,198,212,.5);mix-blend-mode:multiply;border-radius:100%}#online-skincare .details-survey .img-info{position:absolute;bottom:7px;left:12px}#online-skincare .details-survey .detail-cream,#online-skincare .details-survey .detail-serum{display:flex;flex-direction:column;gap:10px}#online-skincare .details-survey .line-results{width:47px;height:1px;background:#fff;opacity:.7}form.wrapper-product-elements{max-width:390px;padding-top:23px}#online-skincare .wrapper-riepilogo .price-skincare{font-family:'gantari-black';font-size:24px;line-height:28px;color:#161336}#online-skincare .wrapper-riepilogo .number-input{display:flex;gap:2px}#online-skincare .wrapper-riepilogo button.minus-quantity{background:#efeefc;padding:0;width:50px;border-top-left-radius:13px;border-bottom-left-radius:13px;font-family:'gantari-black';font-size:16px;line-height:19px;text-align:center;color:#6a5ae0}#online-skincare .wrapper-riepilogo button.add-quantity{background:#efeefc;padding:0;width:50px;border-top-right-radius:13px;border-bottom-right-radius:13px;font-family:'gantari-black';font-size:16px;line-height:19px;text-align:center;color:#6a5ae0}#online-skincare .wrapper-riepilogo .qty-price{display:flex;align-items:center;justify-content:space-between;gap:20px}#online-skincare .wrapper-riepilogo .qty-price input.quantity{background:#efeefc;border:none;max-width:50px;height:50px;border-radius:0;font-family:'gantari-black';font-size:16px;line-height:19px;text-align:center;color:#161336;display:flex;justify-content:center}#online-skincare .wrapper-riepilogo .btn.add-to-cart-skincare{background:#6a5ae0;border-radius:21px;padding:15px 10px;font-family:'gantari-bold';font-size:13px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;color:#fff;width:100%;margin:25px 0 0}.woocommerce-checkout dl.variation,.woocommerce-checkout dl.variation p{font-family:'gantari-regular';color:#747474;font-size:14px !important;line-height:17px !important;font-weight:400 !important;letter-spacing:.03em}@media screen and (min-width:1201px){#online-skincare .related-products .single-card{min-width:32%}#online-skincare .wrapper-riepilogo{padding-left:100px}#online-skincare .riepilogo.step .container{padding-left:100px}}@media screen and (min-width:992px) and (max-width:1200px){#online-skincare .box-cream{padding:25px 22px 25px;max-width:230px;min-height:281px}#online-skincare button.btn.choose-texture{padding:11px 10px}#online-skincare .box-cream .title{font-size:29px;line-height:30px}#online-skincare .swiper.swiper-skincare{padding-left:40px;padding-right:40px}#online-skincare .swiper-pagination{top:337px}#online-skincare .details-cream{padding-top:75px}.swiper-button-prev,.swiper-button-next{top:70%;z-index:11}#online-skincare .related-products .single-card{min-width:48%}#online-skincare .wrapper-riepilogo{padding-left:50px}#online-skincare .riepilogo.step .container{padding-left:50px}#online-skincare .btn.create-cream,#online-skincare .btn.go-to-test{padding:14px 27px}}@media screen and (min-width:992px){#online-skincare .radio-fragranze label{min-width:18.4%;width:18.4%}#online-skincare .swiper.swiper-skincare .swiper-slide{visibility:hidden}#online-skincare .swiper-slide.wrapper-cream.swiper-slide-prev,#online-skincare .swiper-slide.wrapper-cream.swiper-slide-next,#online-skincare .swiper-slide.wrapper-cream.swiper-slide-active{visibility:visible !important}}@media screen and (min-width:768px) and (max-width:991px){#online-skincare .step.carousel-step .container{max-width:100%}#online-skincare .carousel-step .answers{margin-left:-.75rem;margin-right:-.75rem}#online-skincare .swiper.swiper-skincare{padding-left:115px;padding-right:115px}#online-skincare .swiper.swiper-skincare .swiper-button-next{top:75%;right:50px;z-index:11}#online-skincare .swiper.swiper-skincare .swiper-button-prev{top:75%;left:50px;z-index:11}#online-skincare .video-loading .cover-opacity{height:100%;position:absolute;width:100%;background:rgba(0,0,0,.1)}#online-skincare .step.loading-step .video-loading,#online-skincare .step.loading-step .video-loading video,#online-skincare .question.loading-step .video-loading,#online-skincare .question.loading-step .video-loading video{width:100vw}#online-skincare .step.loading-step .row-loading .col-md-12,#online-skincare .question.loading-step .row-loading .col-md-12{width:100% !important;left:auto;position:relative;align-items:center;padding-left:calc(var(--bs-gutter-x) * .5);margin-left:0}#online-skincare .step.loading-step .row-loading .col-md-12 h2,#online-skincare .question.loading-step .row-loading .col-md-12 h2{background:0 0;-webkit-text-fill-color:#fff;text-align:center}#online-skincare .step.loading-step .row.row-loading,#online-skincare .question.loading-step .row.row-loading{display:flex;justify-content:center}#online-skincare .step.loading-step .gif-loading,#online-skincare .question.loading-step .gif-loading{background-image:url(//www.citylabcosmetics.com/wp-content/themes/astra-child/css/../img/loading-pink.gif)}#online-skincare .question.result-step{background-size:65% 100%}#online-skincare .radio-principio,#online-skincare .radio-fragranze{flex-wrap:wrap;padding-left:10%;padding-right:10%}#online-skincare .next-navigation{padding-left:calc(10% + (1.5rem * .5));padding-right:calc(10% + (1.5rem * .5))}#online-skincare .radio-fragranze label{min-width:49%;width:49%}#online-skincare .related-products .single-card{min-width:49%}#online-skincare .wrapper-riepilogo{padding-left:50px}#online-skincare .riepilogo.step .container{padding-left:50px}}@media screen and (min-width:768px){#online-skincare .riepilogo.step{background-image:none}#online-skincare .riepilogo.step:before{content:'';width:40%;height:100%;position:absolute;left:0;top:0;background:linear-gradient(180deg,#c1a3e7 0%,#fdb4c9 100%)}#online-skincare .question.result-step .result-img,#online-skincare .riepilogo.step .result-img{position:absolute;left:0;width:35vw}#online-skincare .riepilogo.step{align-items:flex-end;justify-content:center}#online-skincare .wrapper-riepilogo{max-width:60%;right:0;position:inherit;z-index:1}#online-skincare .riepilogo.step .container{max-width:60% !important;margin-right:0;z-index:1}#online-skincare .wrapper-questions .title-question{background:linear-gradient(262.3deg,#bfa4ea 5.67%,#fa5f8c 96.72%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;text-align:center}#online-skincare .wrapper-questions .navigation-questions{color:#6a5ae0;text-align:center}#online-skincare .exit-popup .wrapper{max-width:322px}#online-skincare .popup-info-product .wrapper{max-width:500px}#online-skincare .row-navigation .numbers{position:inherit;text-align:center;color:#6a5ae0;margin-bottom:15px}#online-skincare .row-navigation .close{right:50px}#online-skincare .radio-fragranze{justify-content:center}#online-skincare .riepilogo.step h2.white{-webkit-text-fill-color:#161336;text-align:left}#online-skincare .wrapper-riepilogo .cream,#online-skincare .wrapper-riepilogo .serum,#online-skincare .wrapper-riepilogo .supplement{max-width:390px}#online-skincare .swiper-slide-prev .box-cream,#online-skincare .swiper-slide-next .box-cream{box-shadow:none}#online-skincare .question.result-step{position:relative;background:linear-gradient(180deg,#c1a3e7 0%,#fdb4c9 100%);background-size:60% 100%;background-position:right top;background-repeat:no-repeat}#online-skincare .question h2.title-result-cream{text-align:left}#online-skincare .wrapper-survey-cream{justify-content:flex-start;gap:0}#online-skincare .details-survey{flex-direction:row;gap:45px}}@media screen and (max-width:767px){#online-skincare .video-loading .cover-opacity{height:100%;position:absolute;width:100%;background:rgba(0,0,0,.1)}#online-skincare .step.loading-step .video-loading,#online-skincare .step.loading-step .video-loading video,#online-skincare .question.loading-step .video-loading,#online-skincare .question.loading-step .video-loading video{width:100vw}#online-skincare .step.loading-step .row-loading .col-md-12,#online-skincare .question.loading-step .row-loading .col-md-12{width:auto;left:auto;position:relative;align-items:center;padding-left:calc(var(--bs-gutter-x) * .5)}#online-skincare .step.loading-step .row-loading .col-md-12 h2,#online-skincare .question.loading-step .row-loading .col-md-12 h2{background:0 0;-webkit-text-fill-color:#fff;text-align:center}#online-skincare .step.loading-step .row.row-loading,#online-skincare .question.loading-step .row.row-loading{display:flex;justify-content:center}#online-skincare .step.loading-step .gif-loading,#online-skincare .question.loading-step .gif-loading{background-image:url(//www.citylabcosmetics.com/wp-content/themes/astra-child/css/../img/loading-pink.gif)}.header.h-skincare-online-test .header-wrapper,.header.h-skincare-create .header-wrapper{padding:30px 0 0}header.header.black-text.h-skincare-create,header.header.black-text.h-skincare-online-test{background:0 0}header.header.black-text.h-skincare-create.sticky,header.header.black-text.h-skincare-online-test.sticky{background:rgba(60,82,124,.8)}header.header.black-text.h-skincare-create .logo,header.header.black-text.h-skincare-online-test .logo{filter:invert(1);height:35px}header.header.black-text.h-skincare-create.sticky .logo,header.header.black-text.h-skincare-online-test.sticky .logo{filter:none}#online-skincare .step{padding-top:110px}#online-skincare .details-survey .detail-cream,#online-skincare .details-survey .detail-serum{flex-direction:row;flex-wrap:wrap;column-gap:24px}#online-skincare .details-survey .detail-cream .title-cream,#online-skincare .details-survey .detail-serum .title-serum{width:100%}#online-skincare .details-survey .wrapper-cream,#online-skincare .details-survey .wrapper-serum{flex:1}#online-skincare .details-survey .line-results{display:none}#online-skincare .riepilogo.step .container{background:#fff;padding-top:28px;max-width:unset}#online-skincare .riepilogo.step h2.white{-webkit-text-fill-color:unset;color:#283c70}table.table.table-riepilogo-skincare tr{border-bottom:none}#online-skincare .row-navigation .numbers{top:38px}#online-skincare .row-navigation .close{top:35px}#online-skincare .first-step h1.title-opening{max-width:344px}#online-skincare .step h2,#online-skincare .question h2,#online-skincare .step h2.white{text-align:left;font-size:30px;line-height:30px}#online-skincare button.btn.choose-texture{padding:15px 7px}#online-skincare .wrapper-principio .wrapper-text .title{font-size:16px;line-height:20px}#online-skincare .wrapper-principio .wrapper-text .text{font-size:15px;line-height:20px}#online-skincare .wrapper-fragranza{min-height:190px;padding:20px}#online-skincare .icon-fragranza{max-width:99px;margin:auto}#online-skincare .wrapper-name .title{font-size:15px}#online-skincare .next-navigation{padding-top:16px}#online-skincare .details-cream{width:200px;text-align:left}#online-skincare .details-supplement{width:255px}#online-skincare .swiper.swiper-skincare{padding-left:0;padding-right:0;margin-left:-20px;margin-right:-20px}#online-skincare .radio-principio{flex-direction:column}#online-skincare .question{background:linear-gradient(180deg,#c1a3e7 0%,#fdb4c9 100%);padding-top:130px}#online-skincare .question.result-step{padding-bottom:0;background:#fff}#online-skincare .question.result-step .container{padding-top:40px;padding-bottom:55px;background:linear-gradient(180deg,#c1a3e7 0%,#fdb4c9 100%)}#online-skincare .question.loading-step{background:0 0}#online-skincare .wrapper-questions{background:#fff;border-radius:35px;padding:30px 17px}.swiper-button-prev,.swiper-button-next{display:none}#online-skincare .radio-fragranze label{min-width:48%;width:48%}#online-skincare .question.loading-step h2{text-align:center}#online-skincare .wrapper-card-related{margin-right:-20px;margin-left:-20px;padding-left:20px}#online-skincare .wrapper-card-related::-webkit-scrollbar{display:none}#online-skincare .wrapper-riepilogo .title{padding-left:0}#online-skincare .table-riepilogo-skincare th.detail{font-size:13px;padding:4px 4px 4px 0;width:50%}#online-skincare .riepilogo.step{padding-top:50px;padding-bottom:0;justify-content:flex-end;background:linear-gradient(180deg,#c1a3e7 0%,#fdb4c9 30%)}#online-skincare .question.result-step{padding-top:50px}#online-skincare .question.result-step .result-img,#online-skincare .riepilogo.step .result-img{width:90%;margin-right:10%;margin-bottom:-40px}#online-skincare .wrapper-riepilogo .result{font-size:15px;padding:4px;border-bottom-width:0}#online-skincare .wrapper-riepilogo{border-radius:0;margin-top:-1px;padding:30px 20px;position:unset;width:100%}#online-skincare .wrapper-riepilogo .btn.add-to-cart-skincare{margin:0}#online-skincare .riepilogo form.wrapper-product-elements{padding-top:14px}serum-details-label,supplement-details-label{position:relative;padding-top:12px}serum-details-label:before,supplement-details-label:before{content:'';width:47px;height:1px;opacity:.7;background:#898989;position:absolute;top:0;left:0}#online-skincare .wrapper-riepilogo .supplement .result{padding-left:0}#online-skincare .wrapper-riepilogo .modify-skincare{padding:2px 0;text-align:right}#online-skincare .wrapper-buttons .purchase{flex-direction:column;align-items:flex-start}#online-skincare .btn.gift{margin:0 auto 0 0}#online-skincare .landing-skincare-online .wrapper-or:before{display:none}#online-skincare .landing-skincare-online .wrapper-or{justify-content:flex-start}#online-skincare .landing-skincare-online .wrapper-or:after{max-width:120px}}.reorder-skincare .modal-content,.reorder-lipstick .modal-content,.reorder-lipbalm .modal-content{border:none;border-radius:35px}.reorder-skincare .modal-header,.reorder-lipstick .modal-header,.reorder-lipbalm .modal-header{border-bottom:0;padding:26px;padding-bottom:0}.reorder-skincare .modal-body,.reorder-lipstick .modal-body,.reorder-lipbalm .modal-body{text-align:center;padding:26px;padding-top:0}.reorder-skincare .modal-header .btn-close:hover,.reorder-skincare .modal-header .btn-close:focus,.reorder-skincare .modal-header .btn-close:focus-visible,.reorder-lipstick .modal-header .btn-close:hover,.reorder-lipstick .modal-header .btn-close:focus,.reorder-lipstick .modal-header .btn-close:focus-visible,.reorder-lipbalm .modal-header .btn-close:hover,.reorder-lipbalm .modal-header .btn-close:focus,.reorder-lipbalm .modal-header .btn-close:focus-visible,.supplement-popup .modal-header .btn-close:hover,.supplement-popup .modal-header .btn-close:focus,.supplement-popup .modal-header .btn-close:focus-visible{outline:none;box-shadow:none;background-color:transparent}.reorder-skincare .title,.reorder-lipstick .title,.reorder-lipbalm .title{font-family:'gantari-bold';font-size:32px;line-height:32px;color:#283c70;margin-bottom:18px}.reorder-skincare p,.reorder-lipstick p,.reorder-lipbalm p{font-family:'gantari-regular',sans-serif;font-size:15px;text-wrap:balance;line-height:120%;color:#444;margin:0 auto 24px auto;width:93%;min-width:340px}.reorder-skincare p a,.reorder-lipstick p a,.reorder-lipbalm p a{color:#6a5ae0}.reorder-lipstick p.disclaimer-frutti-acqua,.reorder-lipbalm p.disclaimer-frutti-acqua{margin-bottom:0}.reorder-skincare .radio-group,.reorder-lipstick .radio-group,.reorder-lipbalm .radio-group{display:flex;align-items:stretch;justify-content:center;gap:12px;margin-bottom:10px}.reorder-skincare label,.reorder-skincare a,.reorder-lipstick label,.reorder-lipstick a,.reorder-lipbalm label,.reorder-lipbalm a{display:flex;justify-content:center;flex-direction:column;cursor:pointer;flex:1 1 0px}.reorder-skincare input[type=radio],.reorder-lipstick input[type=radio],.reorder-lipbalm input[type=radio]{width:0;height:0;visibility:hidden}.reorder-skincare .label,.reorder-lipstick .label,.reorder-lipbalm .label{height:100%;line-height:14px;padding:0 4px;opacity:.6;filter:grayscale(1);transition:all .3s}.reorder-skincare .label.no-grayscale,.reorder-lipstick .label.no-grayscale,.reorder-lipbalm .label.no-grayscale{filter:none}.reorder-skincare .label>img,.reorder-skincare .label .img-wrapper img,.reorder-skincare .label a img,.reorder-lipstick .label>img,.reorder-lipstick .label .img-wrapper img,.reorder-lipstick .label a img,.reorder-lipbalm .label>img,.reorder-lipbalm .label .img-wrapper img,.reorder-lipbalm .label a img{border-radius:20px !important;margin-bottom:10px !important}.reorder-skincare .label span,.reorder-lipstick .label span,.reorder-lipbalm .label span{color:#999;font-weight:700;text-transform:capitalize;transition:all .3s}.reorder-skincare input[type=radio]:checked+.label,.reorder-lipstick input[type=radio]:checked+.label,.reorder-lipbalm input[type=radio]:checked+.label{opacity:1;filter:none}.reorder-skincare input[type=radio]:checked+.label span,.reorder-lipstick input[type=radio]:checked+.label span,.reorder-lipbalm input[type=radio]:checked+.label span{color:#6a5ae0}.reorder-skincare button.add-to-cart.add-to-cart-btn,.reorder-lipstick button.add-to-cart.add-to-cart-btn,.reorder-lipbalm button.add-to-cart.add-to-cart-btn{margin-top:20px !important}.reorder-skincare .supplement-info,.reorder-lipstick .supplement-info,.reorder-lipbalm .supplement-info{width:30px;min-width:30px;height:30px;min-height:30px;border-radius:50%;background:rgba(145,145,145,.5);display:flex;justify-content:center;align-items:center;padding:0;margin:auto;margin-top:8px}.supplement-popup{z-index:1061}.supplement-popup .modal-content{border-radius:30px}.supplement-popup .modal-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(262.3deg,#bfa4ea 5.67%,#fa5f8c 96.72%),#fff;padding:40px 28px 28px;border-top-left-radius:30px;border-top-right-radius:30px}.supplement-popup .modal-header .title{font-family:'gantari-black';font-size:24px;line-height:28px;letter-spacing:.06em;text-transform:uppercase;color:#fff}.supplement-popup .modal-header .btn-close{filter:invert(1);opacity:1}.supplement-popup .modal-body{padding:28px 28px 47px;font-family:'gantari-medium';font-size:16px;line-height:19px;color:#666577}.woocommerce-account .modal-backdrop+.modal-backdrop{z-index:1060}