*{font-family:Poppins-Light,sans-serif}.title-font{font-family:LexendExa-SemiBold,sans-serif}.build-routine-page .header-sticky .announcement-bar-section{display:none}.build-routine-page .appbrew-download-banner-root{display:none!important}.routine-tabs{display:flex;gap:20px;list-style:none;cursor:pointer;padding:0}.routine-tabs li{padding:6px 12px;border-bottom:2px solid transparent;background:#fff;transition:background .5s ease-in-out;font-size:12px}.routine-tabs li.active{font-weight:700;border-color:#000;background:#f3ffd4;border-top-right-radius:5px;border-top-left-radius:5px;font-size:12px;color:#000}.routine-step{opacity:0;height:0;margin-top:20px;transition:opacity 0s ease-in-out}.routine-step div{display:none}.routine-step.active{opacity:1;height:auto}.routine-step.active div:not(.routine-strip){display:block}img{width:100%}.input-group-wrapper,.routine-content-wrapper,.review-list-wrapper{padding:0 15px}.input-group-subwrapper{margin-bottom:100px}.input-group{margin-bottom:20px;position:relative}.dropdown{position:relative;width:100%;cursor:pointer;-webkit-user-select:none;user-select:none}.dropdown-selected{padding:10px 14px;background:#fff;display:flex;justify-content:space-between;align-items:center;border-radius:5px;border:1px solid black;color:#666}.dropdown-selected:after{content:"\25bc";font-size:12px;margin-left:10px;color:#000}.dropdown.open .dropdown-selected:after{content:"\25b2"}.dropdown-options{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 4px 8px #0000001a;z-index:10}.dropdown.open .dropdown-options{display:block}.dropdown-options .option{padding:10px 14px;transition:background .2s;border-bottom:1px solid #E6E6E6;color:#000;font-size:16px}.dropdown-options .option:hover{background:#f5f5f5}h2.header-wrapper{background:linear-gradient(0deg,#daffb1,#daffb13d);color:#000;text-align:center;padding:10px;margin:0;display:flex;gap:10px;align-items:center;justify-content:center;font-size:16px;text-transform:capitalize;font-weight:600}.header-wrapper .logo{width:20%;display:none}.title-wrapper{padding:0 2%;margin-bottom:0}.title-wrapper .title1,.title-wrapper .title2{font-size:16px;font-weight:600;text-align:center;margin:5px 0 0}.title-wrapper .title2{margin-bottom:10px}.desc{text-align:center;font-size:12px;margin:0}.input-group h4{font-size:16px;font-weight:600}button.byr-btn{width:100%;padding:10px;font-size:14px;font-weight:600;background:#fff;color:#000;border:none;cursor:pointer;border-radius:100px;font-family:LexendExa-SemiBold,sans-serif;border:2px solid black}button.byr-btn.disabled{opacity:.5}#step2 button.byr-btn{background:#000;color:#fff}button#startBtn.disabled{border-color:#d3d3d3;background:#d3d3d3;color:gray;opacity:1}.back-btn{position:absolute;left:0}.back-btn button{background:transparent;border:none}.routine-tabs{overflow-x:auto;border-bottom:2px solid lightgrey}.routine-tabs::-webkit-scrollbar{display:none}.product-card{box-shadow:0 4px 8px #0000,0 6px 20px #0000001a;padding:10px;margin-bottom:22px}.routine-step .product-card div.prd-top{display:flex;gap:10px;align-items:center;padding-bottom:10px;border-bottom:2px solid #E6E6E6}.prd-top input[type=checkbox]{width:20px;height:20px;accent-color:black}.prd-bottom{color:gray;padding-top:5px}.prd-img{width:25%}.prd-desc{width:70%;color:#000;font-weight:600}.prd-desc .card-prd-title{margin:0 0 10px}.prd-desc .card-prd-title strong{font-size:14px}.prd-desc .card-prd-price{margin:0;font-size:14px}.prd-desc p strong{display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.review-product-card .prd-top{padding-bottom:0;border-bottom:none}#step3 .byr-btn{display:flex;justify-content:space-between;align-items:center}#addToCart.byr-btn{display:flex;justify-content:space-between;align-items:center;font-family:LexendExa-Regular;cursor:pointer}#step3 .byr-btn .totalprice{color:#fff;margin:0}#addToCart.byr-btn .totalprice{color:#fff;margin:0;font-family:Poppins-Light,sans-serif;font-size:16px}.prd-info{font-size:12px;color:#000;margin-bottom:10px}.prd-ingredient-wrapper{background:#f3ffd4;border-radius:5px;padding:10px;color:#000;margin-bottom:5px}.prd-ingredient{font-size:14px;font-weight:600}.routine-step div.prd-ingredient-wrapper div.recommendation-line{background:#849aa6;border-radius:5px;padding:2px 5px;color:#fff;display:inline-block;margin-top:15px}.usage-frequency{display:flex;gap:5px}.usage-frequency p{background:#f7f7f7;display:inline-block;margin:0;padding:2px 5px;border-radius:2px;text-transform:capitalize;white-space:nowrap}.usage-frequency .step-frequency{display:inline-flex;align-items:center;font-size:12px}.usage-frequency .step-frequency:before{content:"";width:20px;height:20px;display:inline-block;background-image:url(https://cdn.shopify.com/s/files/1/0742/5160/0188/files/daily_use_icon_43f7976b-e67d-4e19-8c4d-b5f1b2778aca.svg?v=1760420583);font-size:12px;background-size:100%;margin-right:5px}.usage-frequency .step-name{display:inline-flex;align-items:center}.usage-frequency .step-name:before{content:"";width:20px;height:20px;display:inline-block;background-image:url(https://cdn.shopify.com/s/files/1/0742/5160/0188/files/drop_icon_bcf067b8-8aab-4d10-9a15-f19149356b74.svg?v=1760420584);font-size:12px;background-size:100%;margin-right:5px}.howtouselist,.ingredientlist{list-style-image:url(https://cdn.shopify.com/s/files/1/0742/5160/0188/files/tick_icon_3010d27c-897e-4d98-89a0-2612416c49e4.svg?v=1760420585);padding-left:18px;margin:0}.howtouselist li{font-size:12px;color:#000}.ingredientlist li{font-size:12px}.htulabel{display:flex;justify-content:space-between;align-items:center;font-size:12px}.htulabel:after{content:"\25bc";font-size:12px;margin-left:10px;color:#000}.prd-bottom details[open] .htulabel:after{content:"\25b2"}#routineApp{position:relative}@media screen and (min-width:750px){#routineApp{display:block;max-width:400px;margin:15px auto;box-shadow:0 4px 8px #0000,0 6px 20px #0000001a}}.routine-strip{display:none;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;padding:10px;margin-bottom:10px;position:relative;overflow:auto}.routine-strip:before{content:"";width:85%;border-bottom:2px dashed lightgrey;position:absolute;left:26px}.strip-item{position:relative;width:74px;height:74px;border:2px dashed lightgrey;border-radius:6px;text-align:center;font-size:12px;background:#eee;display:flex;flex-direction:column;justify-content:center;align-items:center}.strip-item img{width:70px;height:70px;object-fit:cover;border-radius:4px}.strip-item p{margin:0;width:74px;height:74px;display:flex;justify-content:center;align-items:center}.strip-item .remove-btn{position:absolute;top:-6px;right:-6px;background:#839ba7;color:#fff;font-size:10px;border-radius:50%;width:16px;height:16px;cursor:pointer}.routine-banner{width:100%;margin-bottom:20px;text-align:center}.routine-banner img{width:100%;height:auto;border-radius:12px}.pro-tip-icon{font-size:1.5rem;margin-top:-14px}.pro-tip-title{font-weight:700;margin:0 0 4px;font-size:16px;color:#fff}.pro-tip-description{margin:0;font-size:14px;line-height:1.4}.loader-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;display:flex;justify-content:center;align-items:center;z-index:2;transition:opacity .3s ease}.loader-spinner{width:50px;height:auto}.routine-step:last-of-type .routine-strip{display:flex}.loading-spinner{width:18px;height:18px;border:2px solid #fff;border-top:2px solid #000;border-radius:50%;display:inline-block;animation:spin .8s linear infinite;vertical-align:middle;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}#addToCart[disabled]{opacity:.7;pointer-events:none}.byr-title{font-size:16px}#nextBtn{justify-content:center;z-index:1;position:relative;border:2px solid black;color:#fff;background:#000;font-size:14px;font-family:LexendExa-SemiBold,sans-serif;cursor:pointer}#backToInput{display:flex;cursor:pointer}#backToInput svg,#backToInput svg path{stroke:#000;fill:#000}#step2 .actions,#step1 .actions{position:sticky;bottom:0;background:#fff;display:flex;gap:5px;margin-bottom:10px;padding-bottom:0}@media screen and (min-width:750px){#step2 .actions,#step1 .actions{bottom:0}}.app-mode #step1 .actions{bottom:0}.product-card.out-of-stock{opacity:.5;pointer-events:none;border:1px solid #ccc;position:relative}.out-of-stock-label{background-color:#f44336;color:#fff;padding:4px 8px;border-radius:4px;font-size:13px;font-weight:700;display:inline-block;margin-top:8px}.field-error{color:#d32f2f;font-size:12px;margin-top:6px;display:none}.dropdown.disabled{opacity:.5;pointer-events:none}#startBtn{cursor:pointer;margin-bottom:5px}.radio-card input{display:none}.card-ui{border:1px solid #ddd;padding:10px;text-align:center;border-radius:10px;background:#fff;cursor:pointer;font-size:14px;line-height:18px;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#000}.card-ui span{margin-top:6px;text-transform:capitalize}.radio-card input:checked+.card-ui{background:#f2f2f2}.quiz-step{display:none}.quiz-step.active{display:block}input[type=range]{width:100%;margin:10px 0}.range-labels{display:flex;justify-content:space-between;font-size:12px;margin-bottom:15px;color:#121212bf;font-size:14px;line-height:18px;font-weight:600}.byr-btn.disabled{opacity:.4;pointer-events:none}#nextBtn{transition:all .2s ease}.prev-btn{background:#eee;color:#000;margin-bottom:0}#quizContainer h3{margin:0 0 10px;padding:0;font-size:20px;text-align:left;font-weight:600}.subtitle-routine{font-size:14px;color:#121212bf}#quizContainer h4{margin:0 0 8px;padding:0;font-size:18px;text-align:left;font-weight:600;color:#000}.radio-grid.age-grid-range,.skin-type-grid,.lifestyle-grid,.foodhabit-grid,.skinconcern-grid,.secondaryconcern-grid{display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap;justify-content:space-between}.radio-grid.age-grid-range label.radio-card{width:calc(51% - 8px)}.radio-grid.age-grid-range .card-ui{border-color:#00000080;color:#000;height:30px;display:flex;align-items:center;justify-content:center;padding:22px;border-radius:5px}.radio-grid.age-grid-range input:checked+.card-ui,.skin-type-grid input:checked+.card-ui,.lifestyle-grid input:checked+.card-ui,.foodhabit-grid input:checked+.card-ui,.skinconcern-grid input:checked+.card-ui,.secondaryconcern-grid input:checked+.card-ui{background:#f3ffd4}.skin-type-grid .skin-icon,.lifestyle-grid .lifestyle-icon,.foodhabit-grid .foodhabit-icon,.skinconcern-grid .skinconcern-icon,.secondaryconcern-grid .secondaryconcern-icon{width:56px;height:56px;display:block;margin:0 auto 6px;object-fit:contain}.skin-type-grid label.radio-card,.skinconcern-grid label.radio-card,.lifestyle-grid label.radio-card,.foodhabit-grid label.radio-card,.secondaryconcern-grid label.radio-card{width:calc(50% - 8px)}.travelRange-range-container{text-align:center;max-width:400px;margin:auto}#travelRange,#pollutionRange{-webkit-appearance:none;width:100%;height:4px;background:#dcdcdc;border-radius:10px;outline:none}#travelRange::-webkit-slider-thumb,#pollutionRange::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:6px solid #b7e55d;cursor:pointer;box-shadow:0 2px 4px #0003}#travelRange::-moz-range-thumb,#pollutionRange::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#fff;border:6px solid #b7e55d;cursor:pointer}.travelRange-labels,.pollutionRange-labels{display:flex;justify-content:space-between;margin-top:14px}.pollutionRange-range-wrapper{margin-top:40px}.lifestyle-grid .card-ui,.foodhabit-grid .card-ui,.secondaryconcern-grid .card-ui{min-height:100%}.radio-grid.age-grid-range,.radio-grid.skin-type-grid,.pollutionRange-range-wrapper{margin-bottom:40px}.container-style-labels .dot{width:18px;height:18px;border-radius:50%;background:#dcdcdc;border:3px solid #dcdcdc;position:absolute;top:0;cursor:pointer;transition:all .25s ease;display:inline-block}.container-style-labels{display:block;position:relative;z-index:-1;top:-20px}.container-style-labels.dot:nth-child(1){left:0}.container-style-labels .dot:nth-child(2){left:50%;transform:translate(-50%)}.container-style-labels .dot:nth-child(3){right:0}.strip-item.add-item{cursor:pointer}.quiz-progress-wrapper{margin-bottom:0}.quiz-progress-bar{width:100%;height:6px;background:#e5e5e5;border-radius:0;overflow:hidden}#quizProgressFill{height:100%;width:0%;background:#7c8d97;transition:width .4s ease;display:block}.quiz-progress-text{margin-top:5px;font-size:10px;color:#666;text-align:right;margin-right:5px}.age-gropp-wrapper{margin-top:0}.quiz-header{margin-bottom:0;background:linear-gradient(0deg,#daffb1,#daffb13d);text-align:left;padding:15px;color:#fff}#quizContainer .quiz-header h3{margin-bottom:0}.quiz-subtitle{font-size:12px;letter-spacing:1px;color:#7a8a6b;margin:0 0 4px}.quiz-title{font-size:20px;font-weight:600;margin:0}.skin-type-grid .card-ui{display:flex;flex-direction:row;gap:10px;justify-content:flex-start;align-items:center;min-height:60px}.skin-type-grid .card-ui img,.skinconcern-grid .card-ui img{margin:0;width:40px;height:40px}#step2{min-height:75vh}
/*# sourceMappingURL=/cdn/shop/t/5/assets/build-your-routine.css.map */