#root{min-height:100vh;display:flex;min-width:0;width:100%;height:100%}.gender-container-screenshot{display:flex;gap:1px;width:fit-content;background-color:#e5e7eb;border-radius:40px}.gender-container{display:flex;gap:1px;width:fit-content}.gender-button{border:none;background:transparent;color:#000;font-size:12px;padding:12px 16px;border-radius:30px;cursor:pointer}.daily-button{border:none;background:#fff;color:#000;font-size:12px;padding:6px 16px;border-radius:30px;cursor:pointer}.gender-button.active{background:#fff;color:#000;font-weight:600}.steps-container{max-width:400px;margin:auto;padding:20px;position:relative}.step-wrapper{position:relative}.step-item{display:flex;align-items:center;background-color:#f3f3f3;padding:12px;border-radius:6px;cursor:pointer;transition:background .3s}.step-item:hover{background-color:#e0e0e0}.step-item.selected{background-color:#d1e7ff;border-left:4px solid #007bff}.checkbox{width:20px;height:20px;border:2px solid gray;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;position:relative;z-index:2;background-color:#fff}.step-item.selected .checkbox{border-color:#007bff;background-color:#007bff}.checkmark{color:#fff;font-size:14px}.step-title{font-size:16px;font-weight:700}.step-description{font-size:12px;color:#666}.vertical-line{position:absolute;left:9px;top:-15px;width:2px;height:30px;background-color:#ccc;z-index:1}.step-wrapper:first-child .vertical-line{display:none}.timeline-line{position:absolute;left:10px;top:0;bottom:0;width:3px;background-color:#ddd}.step-circle{width:16px;height:16px;border-radius:50%;border:2px solid gray;background-color:#fff;position:relative;left:2px;transition:background .3s ease,border-color .3s ease;cursor:pointer}.step-circle.active{background-color:#1a3a5c;border-color:#1a3a5c}.step-circle.active:after{content:"✔";color:#fff;font-size:10px;font-weight:700;display:flex;justify-content:center;align-items:center;height:100%}.css-1itwg7x-MuiGrid-root>.MuiGrid-item{padding-left:8px!important}element.style{height:200px!important;--Paper-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12)}@font-face{font-family:NoirPro;src:url(/assets/NoirPro-Light-Btz8WRGm.eot?#iefix) format("embedded-opentype"),url(/assets/NoirPro-Light-BNiP7_NH.woff) format("woff"),url(/assets/NoirPro-Light-DVDhacnO.woff2) format("woff2");font-weight:300;font-style:normal}@font-face{font-family:NoirPro;src:url(/assets/NoirPro-Regular-BIdGcEo9.eot?#iefix) format("embedded-opentype"),url(/assets/NoirPro-Regular-CR7SbIGr.woff) format("woff"),url(/assets/NoirPro-Regular-Bqk7me2K.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:NoirPro;src:url(/assets/NoirPro-Medium-DoJRIEpU.eot?#iefix) format("embedded-opentype"),url(/assets/NoirPro-Medium-CTPVPttw.woff) format("woff"),url(/assets/NoirPro-Medium-48dR6T7h.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:NoirPro;src:url(/assets/NoirPro-SemiBold-Ri3sGvLw.eot?#iefix) format("embedded-opentype"),url(/assets/NoirPro-SemiBold-C6DLw8y4.woff) format("woff"),url(/assets/NoirPro-SemiBold-CTd4_Kh1.woff2) format("woff2");font-weight:600;font-style:normal}@font-face{font-family:NoirPro;src:url(/assets/NoirPro-Bold-DXjMs2jV.eot?#iefix) format("embedded-opentype"),url(/assets/NoirPro-Bold-B3t-m0gU.woff) format("woff"),url(/assets/NoirPro-Bold-B-sWBO0v.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:NoirPro;src:url(/assets/NoirPro-Heavy-4k8MFCNZ.eot?#iefix) format("embedded-opentype"),url(/assets/NoirPro-Heavy-TBDPngra.woff) format("woff"),url(/assets/NoirPro-Heavy-c3Q43Rxd.woff2) format("woff2");font-weight:900;font-style:normal}