body.modal-open{overflow:hidden}.profile-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999}.profile-loader .spinner{width:40px;height:40px;border:4px solid #ddd;border-top:4px solid #000;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loadingcolor{color:#000!important}.accessory-card,.marital-card,.shop-card,.silhouette-option img,.shop-option img{min-width:10%;max-width:80%}.diy-with-24x7-main-div{display:flex;gap:10px}.width-50{width:50%}.diy-accessory_slider,.diy-festival_slider,.diy-marital_slider,.diy-usually_shop_slider,.diy-silhouette_slider,.diy-who-usually-shop_slider{padding:20px;width:80%;margin:auto;max-height:350px}.step-buttons,.accessory-buttons,.marital-buttons,.date-buttons,.shop-buttons,.silhouette-buttons{margin-top:20px!important;row-gap:normal!important}.hero{height:100%;background:linear-gradient(#00000080,#0009),url(https://ik.imagekit.io/4sjmoqtje/style-profile-bg.jpg) top/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}.hero-content h1{font-size:3rem;margin:0;letter-spacing:1px;color:#fff}.hero-content .festival-card p{font-size:18px;margin-bottom:25px;color:#000;padding-top:0}.hero-content p.error-message{color:red;margin:5px 0;padding:0;display:none;font-size:12px;order:1;width:100%}.hero-content p{padding-top:18px;color:#fff;text-align:center;font-size:14px;font-weight:400;line-height:1;margin:0}.create-profile-btn{background:#fff;color:#000;padding:14px 32px;text-decoration:none;font-weight:400;cursor:pointer;font-size:14px;border-radius:5px;text-transform:uppercase;margin-top:14px}.create-profile-btn:hover{background-color:#fffc}.custom-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:9999}.custom-modal.active{display:block}.modal-overlay{position:absolute;width:100%;height:100%;background:#0009}.modal-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:30px;width:50%;border-radius:10px;box-shadow:0 10px 30px #0003}.modal-close{position:absolute;top:5px;right:10px;font-size:33px;cursor:pointer;color:#000;height:30px;width:30px;display:flex;align-items:center;justify-content:center;line-height:1;font-weight:400}.modal-box input{width:100%;margin:10px 0;padding:10px;border:1px solid #ccc;border-radius:6px}.save-btn{background:#000;color:#fff;padding:10px 20px;border:none;cursor:pointer}.festival-list{display:flex;gap:5px;justify-content:center}.festival-item input{display:none}.festival-card{text-align:center;cursor:pointer}.festival-card img{width:100%;border-radius:50%;border:2px solid #ddd;padding:0;transition:.3s}.festival-item input:checked+.festival-card img{border:3px solid #000}#otherFestivalStep .input-label{font-size:22px;margin:40px 0 20px;color:#000}#otherFestivalInput{width:60%;padding:15px;border:1px solid #ddd;border-radius:8px;font-size:16px}.step-buttons{margin-top:40px;display:flex;justify-content:center;gap:20px}.back-btn{background:none;border:none;font-size:18px;cursor:pointer;order:2;color:#000}.festival-next{background:#000;color:#fff;padding:15px 50px;border:none;cursor:pointer}.festival-next,.usually-next,.silhouette-next{order:3}.color-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;justify-items:center;width:70%;margin:auto}.swatch-img{width:100%;height:100%;object-fit:cover}.color-item input{display:none}.color-item{width:55px;height:55px}.color-circle,.swatch-img{width:55px;height:55px;border-radius:50%;cursor:pointer;display:block;transition:.3s;border:2px solid #ddd}.color-item input:checked+span .swatch-img{outline:2px solid black;transform:scale(1.01)}.color-item input:checked+span .color-circle{outline:2px solid black;transform:scale(1.01)}.step-buttons{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:40px;flex-wrap:wrap}.back-btn{background:none;border:none;font-size:16px;cursor:pointer;color:#000}.festival-next{background:#000;color:#fff;border:none;padding:12px 40px;font-size:16px;cursor:pointer}.accessories-step{text-align:center;display:none}.accessories-title{font-size:26px;font-weight:500;margin-bottom:35px}.accessory-item{cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center}.accessory-item input{display:none}.accessory-card{width:100%;border-radius:50%;overflow:hidden;position:relative;transition:.3s;border:3px solid transparent;display:flex}.accessory-card img,.both-style img{width:100%;height:100%;object-fit:cover}.accessory-item input:checked+.accessory-card{border:3px solid black;transform:scale(1.05)}.hero-content .accessory-item p{margin-top:12px;font-size:18px;color:#000;padding-top:0}.accessory-buttons{margin-top:45px;display:flex;justify-content:center;align-items:center;gap:40px;flex-wrap:wrap}.marital-step{text-align:center;display:none}.marital-title{font-size:26px;font-weight:500;margin-bottom:35px}.marital-item{cursor:pointer;text-align:center;display:flex;align-items:center;flex-direction:column}.marital-item input{display:none}.marital-card{width:100%;border-radius:50%;overflow:hidden;border:2px solid #eee;transition:.3s;display:flex;justify-content:center;align-items:center}.marital-card img{width:100%;height:100%;object-fit:cover}.marital-card.no-image{background:#f7f7f7;padding:30px;font-size:20px;text-align:center;line-height:1.4}.marital-card.no-image span{color:#000}.marital-item input:checked+.marital-card{border:3px solid black;transform:scale(1.05)}.hero-content .marital-item p{margin-top:12px;font-size:18px;color:#000;padding-top:0}.marital-buttons{margin-top:45px;display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.date-step{display:none;text-align:center}.date-title{font-size:26px;margin-bottom:40px}.date-form-wrapper{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;width:100%}.date-field{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:40%;row-gap:5px}.date-icon{width:30%;height:100px;object-fit:contain}.date-input-wrap{text-align:left;width:65%}.date-input-wrap label{display:block;margin-bottom:8px;font-size:14px;color:#000;line-height:1}.date-step .input-box{display:flex;align-items:center;border:1px solid #ddd;padding:10px 5px;border-radius:6px;min-width:170px;background:#fff}#dobInput,#anniversaryInput{padding:0!important}#festivalDateStep .input-box select{padding:5px 20px 5px 5px!important}#festivalDateStep .input-box input,#festivalDateStep .input-box select{border:none;outline:none;width:100%;font-size:14px;background:transparent;margin:0;padding:0}.calendar-icon{font-size:18px}.date-buttons{margin-top:50px;display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.festival-next{background:#000;color:#fff;padding:14px 60px;border:none;font-size:16px;cursor:pointer;border-radius:6px}.shop-step{display:none;text-align:center}.shop-title{font-size:26px;margin-bottom:35px}.shop-item{text-align:center;cursor:pointer;width:120px;display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.shop-item input{display:none}.shop-card{width:100%;border-radius:50%;overflow:hidden;border:3px solid transparent;transition:.3s;display:flex}.shop-card img{width:100%;height:100%;object-fit:cover}.shop-item input:checked+.shop-card{border:3px solid black;transform:scale(1.05)}.hero-content .shop-item p{margin-top:12px;font-size:16px;line-height:1.3;color:#000;padding-top:0}.back-btn{background:none;border:none;font-size:18px;cursor:pointer;color:#000}.festival-next,.usually-next,.silhouette-next{background:#000;color:#fff;padding:14px 60px;border:none;font-size:16px;cursor:pointer;border-radius:6px}#festivalSilhouetteStep{display:none}.silhouette-section{text-align:center}.silhouette-section h2{font-size:26px;margin-bottom:35px}.silhouette-option{width:100%;cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center}.silhouette-option input{display:none}.silhouette-option img{width:100%;object-fit:contain;background:#f7f7f7;padding:0;border-radius:50%;border:3px solid transparent;transition:.3s}.silhouette-option input:checked+img{border:3px solid black;transform:scale(1.05)}.silhouette-option span{margin-top:12px;font-size:16px;color:#000}.silhouette-buttons{margin-top:45px;display:flex;justify-content:center;gap:40px;flex-wrap:wrap}#usuallyShopStep{display:none}.shop-section{text-align:center}.shop-section h2{font-size:26px;margin-bottom:35px}.shop-option{width:160px;cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center}.shop-option input{display:none}.shop-option img{width:100%;object-fit:contain;border-radius:50%;border:3px solid transparent;padding:0;background:#f7f7f7;transition:.3s}.shop-option input:checked+img{border:3px solid black;transform:scale(1.05)}.shop-option span{margin-top:12px;font-size:16px;color:#000}.shop-buttons{margin-top:45px;display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.usually-back-btn{background:none;border:none;font-size:18px;cursor:pointer}.complete-section{display:none;text-align:center;padding:20px}.complete-content{max-width:300px;margin:0 auto}.complete-icon img{width:30%;margin-bottom:0}.complete-title{font-size:36px;font-weight:500;margin:0}.complete-text{font-size:20px;color:#6b6b7a;margin-bottom:40px}.start-shopping-btn{background-color:#000;color:#fff;padding:14px 40px;font-size:16px;border:none;border-radius:40px;cursor:pointer;transition:.3s;margin-top:20px}.start-shopping-btn:hover{background-color:#333}.complete-content .complete-text{color:#000}#festivalDateStep .input-box{position:relative;border:1px solid #ddd;border-radius:8px;min-width:120px;background:#fff}#festivalDateStep .input-box input,#festivalDateStep .input-box select{border:none;outline:none;width:100%;padding:12px 40px 12px 12px;font-size:14px;background:transparent}#festivalDateStep .calendar-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:18px;cursor:pointer;color:#555}#festivalDateStep .flatpickr-calendar{border-radius:10px;box-shadow:0 10px 30px #00000026}@media only screen and (max-width:1024px){.diy-accessory_slider,.diy-festival_slider,.diy-marital_slider,.diy-usually_shop_slider,.diy-silhouette_slider,.diy-who-usually-shop_slider,.date-form-wrapper{width:90%;font-size:16px}.date-icon{width:50px}.date-field{align-items:flex-end}}@media only screen and (max-width:768px){.modal-box{width:80%}.color-list{width:100%;height:200px;overflow-y:auto;padding:15px}.date-form-wrapper{width:100%;flex-direction:column}.date-field{width:100%}}@media only screen and (max-width:749px){.diy-with-24x7-main-div{display:flex;flex-wrap:wrap}.width-50{width:100%}.hero{padding:40px 16px}.hero-content h1{font-size:2rem}.hero-content{width:100%}.diy-accessory_slider,.diy-festival_slider,.diy-marital_slider,.diy-usually_shop_slider,.diy-silhouette_slider,.diy-who-usually-shop_slider{padding:15px;width:100%}.hero-content .festival-card p,.hero-content .accessory-item p,.hero-content .marital-item p,.hero-content .shop-item p,.silhouette-option span,.shop-option span{font-size:14px;margin-bottom:9px}}@media only screen and (max-width:425px){.modal-box{width:90%}.festival-next,.usually-next,.silhouette-next{padding:10px 40px;font-size:12px}.back-btn{font-size:14px}.color-list{width:100%;height:200px;overflow-y:auto;padding:15px}.festival-title,.accessories-title,.marital-title,.date-title,.shop-title,.silhouette-section h2,.shop-section h2{font-size:18px;line-height:1.3;margin-bottom:0}.diy-accessory_slider,.diy-festival_slider,.diy-marital_slider,.diy-usually_shop_slider,.diy-silhouette_slider,.diy-who-usually-shop_slider{padding:15px;width:100%}.hero-content .festival-card p,.hero-content .accessory-item p,.hero-content .marital-item p,.hero-content .shop-item p,.silhouette-option span,.shop-option span{font-size:14px;margin-bottom:15px;color:#000;padding-top:0;line-height:1.3}.date-icon{width:50px}.date-field{align-items:flex-end;margin-top:10px}.date-form-wrapper{gap:10px}.date-input-wrap label{font-size:12px}.step-buttons,.accessory-buttons,.marital-buttons,.date-buttons,.shop-buttons,.silhouette-buttons{margin-top:0}.complete-icon img{width:30%}.complete-section{padding:0}.start-shopping-btn{font-size:12px;margin-top:20px}}
/*# sourceMappingURL=/cdn/shop/t/161/assets/style-profile.css.map */