.ar-skin-diagnostic-analysis__skin-age-circle-area{max-width:300px;display:flex;flex-wrap:wrap;margin-top:12px;margin-bottom:10px}.ar-skin-diagnostic-analysis__skin-age-item{width:75px;margin-bottom:12px;position:relative}.ar-skin-diagnostic-analysis__skin-age-circle{width:52px;height:52px;border-radius:50%;cursor:pointer;margin:0 auto;border-width:4px;border-style:solid;color:#585d74;font-size:1.4rem;font-weight:500;display:flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box}.ar-skin-diagnostic-analysis__skin-age-circle.active{color:#fff}.ar-skin-diagnostic-analysis__skin-age-circle.active,.ar-skin-diagnostic-analysis__skin-age-circle-desc.active{transform:scale(1.15);-webkit-transform:scale(1.15);transition:transform .42s cubic-bezier(.165,.84,.44,1)}.ar-skin-diagnostic-analysis__skin-age-circle-desc{font-size:.7rem;font-weight:700;line-height:1.2;color:#254a4d;text-align:center;padding:5px 3px 0}.plus-btn{display:none}.active-icon{width:18px;aspect-ratio:1;position:absolute;right:0;top:-10px}@media screen and (max-width: 768px){.ar-skin-diagnostic-analysis__skin-age-circle{background-color:#ffffff4d}}@media screen and (max-width: 670px){.ar-skin-diagnostic-analysis__skin-age-circle-area{width:100%;max-width:initial;flex-wrap:nowrap;overflow:scroll;padding-top:10px}.ar-skin-diagnostic-analysis__skin-age-item{flex:0 0 20%;width:calc(25vw - 2px);padding-top:28px;margin-bottom:0}.ar-skin-diagnostic-analysis__skin-age-circle-desc{padding:8px 3px}.plus-btn{display:block;position:absolute;top:-7px;right:-17px}.ar-skin-diagnostic-analysis__skin-age-circle{width:65px;height:65px;font-size:1.5rem}.active-icon{top:13px}.ar-skin-diagnostic-analysis__skin-age-circle.active,.ar-skin-diagnostic-analysis__skin-age-circle-desc.active{transform:scale(1);-webkit-transform:scale(1)}}@media screen and (max-width: 320px){.ar-skin-diagnostic-analysis__skin-age-item{margin-bottom:10px}.ar-skin-diagnostic-analysis__skin-age-circle{width:50px;height:50px;font-size:1.25rem}}.skin-anchor{position:relative;top:-60px}.hdsd-section--title{font-size:1.75rem;font-weight:500;line-height:1.2}.hdsd-section--title.hd{color:#0099da}.hdsd-section--title.sd{color:#f23b77}.hdsd-section--subtitle{font-size:1.25rem;font-weight:500;line-height:1.5;text-align:left}.hdsd-section--subtitle p{margin-bottom:0}.hdsd-section--desc{font-size:1rem;font-weight:500;line-height:1.68;text-align:left;padding-left:24px;margin-top:10px}.skin-nav{background-color:#fff;z-index:3}.nav-button{border:1px solid #0099da!important;border-radius:8px 8px 0 0!important;padding:8px 0;width:120px;text-align:center;margin:0 5px;color:#0099da!important;border-bottom:transparent!important;font-size:1.375rem;font-weight:700;background-color:#fff;position:relative}.sd-btn{color:#f23b77!important;border-color:#f23b77!important}.nav-button--active{border-bottom:#e7f8ff!important;background-color:#e7f8ff}.sd-btn--active{border-bottom:#ffe4f1!important;background-color:#ffe4f1}.ar-skin-diagnostic-analysis__skin-age-text--typeb{position:relative;display:flex;margin:0 auto 10px;text-align:center;left:0;justify-content:space-between;width:75%}.hdsd-section--compare-img{width:61%;margin:0 auto;position:relative;height:calc(100vw * .85 * .61);max-height:705px;max-width:705px}.hdsd-section--bgc{background-image:url(https://plugins-media.makeupar.com/smb/story/2024-06-24/7079ee59-470e-485e-9815-34fe4427123f.jpg);background-repeat:no-repeat;background-size:100%;background-position:bottom;margin-bottom:25px;position:relative}.hdsd-white--btn-container{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;margin-bottom:60px}.hdsd-white--btn{padding:8px 16px;color:#212529;border-radius:27px;border:1px solid #c3c3c3;background-color:#fff;cursor:pointer;margin:0 10px 10px 0}.hdsd-white--btn:hover,.hdsd-white--btn--active{color:#fff}.hdsd--card{padding:20px 34px;border:1px solid;display:flex;align-items:center;bottom:0;max-width:600px;box-sizing:border-box;margin:0 auto;border-radius:12px;position:absolute;transform:translate(-50%);left:50%;z-index:2;width:100%}.hdsd--card-circle{font-size:2.5rem;font-weight:700;text-align:center;border-radius:100%;border:2px solid #ffffff;flex:0 0 70px;height:70px;display:flex;align-items:center;justify-content:center;margin:0 20px;color:#fff}.hdsd--card-circle-title{font-size:1rem;font-weight:700;line-height:23px;text-align:left;color:#212529;margin-bottom:5px}.hdsd--card-circle-desc{font-size:.875rem;font-weight:400;line-height:16px;text-align:left;color:#212529}.hdsd--types-section{position:absolute;bottom:18%;z-index:2;left:24px}.hdsd-grey--btn-container{display:flex;align-items:center;flex-wrap:wrap;max-width:420px}.hdsd--types-section-title{font-size:1.25rem;font-weight:700;line-height:1.1;text-align:left;margin-bottom:10px}.hdsd-grey--btn{padding:8px 16px;color:#212529;border-radius:27px;border:1px solid #ffffff;background-color:#efefef;cursor:pointer;margin:0 10px 10px 0}.hdsd-grey--btn--active{color:#fff}.hdsd-section--compare-img-max>div>div{left:65%!important}.hdsd-section--compare-img-middle>div>div{left:calc(50% - 20px)!important}.hdsd-section--compare-img-min>div>div{left:29%!important}.hdsd--image-mb,.hdsd--circle-mb{display:none}.hdsd--card-dt{position:absolute;top:11%;width:32%;height:50%;z-index:1}.hdsd--title-card{padding:14px 24px;border-radius:8px;overflow:hidden;display:flex;align-items:center;height:120px;box-sizing:border-box}.hd-bgc{background-color:#e7f8ff}.sd-bgc{background-color:#ffe4f1}.hdsd--main-title-container{padding:40px 0;text-align:center;max-width:938px}.hdsd--main-title{font-size:1.875rem;font-weight:700;line-height:35px;margin-bottom:10px}.hdsd--main-desc{font-size:1.0625rem;line-height:27px;margin-bottom:20px}.hdsd-cta{padding:0 40px}.hdsd--card-logo{height:60px;flex:0 0 60px;margin:0 12px 0 8px}.hdsd--card-logo img{position:relative;right:40%;bottom:45%;width:170%;aspect-ratio:1}.hdsd--card-logo-skintype{position:relative;right:30%;bottom:40%;width:170%}.hd-new--btn{max-width:74px;width:100%;margin-left:8px}.compare-handle{position:absolute;bottom:150px;width:30px;aspect-ratio:1}@media screen and (max-width: 1350px) and (min-width: 601px){.hdsd-section--title{font-size:1.25rem}.hdsd-section--subtitle{font-size:1rem}.hdsd-section--desc{font-size:.75rem}.hd-new--btn{max-width:50px}.hdsd--types-section-title{font-size:1rem}.hdsd-grey--btn{padding:4px 8px;font-size:.75rem}.hdsd--card{padding:10px 17px}.hdsd-grey--btn-container{max-width:400px}.hdsd-white--btn{padding:6px 12px;font-size:.875rem}.hdsd--card-circle{font-size:1.5rem;flex:0 0 50px;height:50px;margin-right:8px}.hdsd-section--compare-img{width:50vw;max-width:600px}.compare-handle{bottom:100px}}@media screen and (max-width: 1024px) and (min-width: 601px){.hdsd--types-section{position:relative;display:flex!important;align-items:center}.hdsd-grey--btn-container{max-width:initial;justify-content:center}.hdsd--types-section-title{text-align:center;margin-right:8px}.hdsd-section--title{font-size:1rem}.hdsd-section--subtitle{font-size:.75rem}.hdsd-white--btn-container{margin-bottom:20px}}@media screen and (max-width: 900px) and (min-width: 601px){.hd-new--btn{max-width:30px}.hdsd--card{padding:5px 8px;bottom:-30px}.hdsd--card-dt{width:36%}.hdsd-section--bgc{margin-bottom:55px}.hdsd--title-card{height:70px}}@media screen and (max-width: 600px){.skin-anchor{top:-120px}.skin-nav--fixed{position:fixed;top:52px;width:100%;z-index:3}.hdsd--types-section{position:relative;bottom:auto;left:10px;padding-top:2px;margin-top:14px}.hdsd-grey--btn-container{flex-direction:row}.hdsd-grey--btn{border:1px solid #bababa;min-width:94px;box-sizing:border-box;text-align:center;font-size:.875rem;margin:0 10px 0 0}.hdsd--types-section-title{font-size:1rem}.hdsd--card-dt,.hdsd-section--compare-img{display:none}.hdsd--card{transform:none;max-width:90%;padding:12px;left:5%;margin-top:14px}.hdsd--image-mb{display:block;margin-bottom:120px}.hdsd--image-mb img{width:120%;margin:0 auto;text-align:center;left:-10%;position:relative}.hdsd-white--btn-container{display:none}.hdsd-section--bgc{background-size:300%}.hdsd--circle-mb{display:block}.hd-bgc{background-image:linear-gradient(180deg,#e7f8ff,#fff)}.sd-bgc{background-image:linear-gradient(180deg,#ffe4f1,#fff)}.hdsd--text-container>div{width:90%;margin:0 auto;padding-top:20px}.hdsd-section--desc{padding-left:0}.hdsd--main-title-container{text-align:left}.hdsd-cta{width:90%;box-sizing:border-box;margin:0 auto 60px}.hdsd--main-title{font-size:1.5rem;line-height:28px}.hdsd-section--desc p{margin-bottom:0!important}}@media screen and (max-width: 375px){.hdsd--image-mb{margin-bottom:140px}}@media screen and (max-width: 320px){.hdsd--card-circle-desc{font-size:.75rem}.hdsd--card{bottom:-40%}.hdsd--image-mb{margin-bottom:200px}}