@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{font-family:Poppins,sans-serif;text-align:center}.App-logo{height:40vmin;pointer-events:none}.App-logo-small{height:30vmin;pointer-events:none}.App-header{background-color:#fff;color:#fff;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-header,.top-bar{align-items:center;display:flex}.top-bar{justify-content:left;padding:1rem;position:relative}.circle-span{border-radius:50%;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin-right:1rem;width:60px}.bottom-bar,.circle-span{align-items:center;display:flex}.bottom-bar{background-color:#fff;border-start-end-radius:20px;border-start-start-radius:20px;bottom:0;box-shadow:0 -2px 5px #0000001a;color:#0a406a;justify-content:left;justify-content:space-between;padding-left:10px;padding-right:10px;padding-top:10px;position:fixed;width:97%;z-index:1000}.button{border:none;border-radius:10px;cursor:pointer;font-size:19px;padding:10px 20px;transition:background-color .3s;width:90%}.transparent-button{background:none;border:none;box-shadow:none;cursor:pointer;outline:none;padding:0}.rounded-button{cursor:pointer;font-size:1.2rem;padding:10px 20px;text-align:left;transition:background-color .3s;width:90%}.backdrop,.rounded-button{border:none;border-radius:30px;margin-bottom:1rem}.backdrop{padding:10px;width:-webkit-fit-content;width:fit-content}.badge{align-items:center;background-color:#fff;border-radius:50%;color:#3843ff;display:inline-flex;font-size:.8rem;height:20px;justify-content:center;width:20px}.point-button,.today-button{border:none!important;margin-bottom:0!important;text-align:center;width:50%}.point-button{background:#fff;color:#000;min-height:58px}.point-button-selected{background:#85e2ff;font-weight:700}.gradient-bg{background:#e3fac2;background:linear-gradient(90deg,#e3fac2,#b3f157)}.gradient-text{-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text}.button-blue{background-color:#0a406a;color:#fff}.button-white{background-color:#fff;border:1px solid #747474}.button-highlight{background-color:#fff;border:1px solid #1d8eff}.button-unhighlight{background-color:#fff;border:1px solid #eee}.button-emoji-highlight{border:2px solid #3843ff}.button-emoji-highlight,.button-emoji-unhighlight{background-color:#fafafa;margin-right:10px;width:150px}.button-emoji-unhighlight{border:1px solid #eaecf0}.button-white2{background-color:#fff;border:1px solid #d8dadc;border-radius:12px}.button-white3{background-color:#fff;border:1px solid #0a406a;border-radius:30px;color:#0a406a}.button-blue:hover{background-color:#093b61}.text-field{border:1px solid #ccc;border-radius:5px;margin-bottom:1rem;width:90%}.text-field,.text-field-search{font-family:Poppins,sans-serif;font-size:1rem;padding:10px}.text-field-search{background:#f5f5f5;border:none;border-radius:15px;width:100%}.text-field-search:focus{outline:none}.app-link{color:#000}.popup-overlay{bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0}.popup-content,.popup-overlay{background-color:#00000080;display:flex}.popup-content{align-items:center;border-radius:10px;box-shadow:0 2px 10px #0000001a;color:#fff;height:5%;justify-content:space-between;overflow-y:auto;padding:20px;width:100%}.password-toggle{color:#666;cursor:pointer;position:absolute;right:5%;top:40%;transform:translateY(-50%)}.plus-icon{border:1px solid #eaecf0;border-radius:40%;font-size:2rem;position:absolute;right:1%;top:50%;transform:translateY(-50%);width:60px}.go-pro,.plus-icon{align-items:center;cursor:pointer;display:flex;height:60px;justify-content:center}.go-pro{background:#376aed;border:none;border-radius:10px;border-radius:20px;box-shadow:0 4px 18px #5282ff82;color:#fff;font-size:18px;width:150px}.plus-icon-small{align-items:center;border:1px solid #eaecf0;border-radius:40%;display:flex;font-size:16px;height:40px;justify-content:center;right:20px;top:48%;width:40px}.label,.plus-icon-small{cursor:pointer;position:absolute;transform:translateY(-50%)}.label{color:#666;left:35%}.check-circle{appearance:none;-webkit-appearance:none;background-color:#fff;border:1px solid #ddd;border-radius:50%;cursor:pointer;height:2em;outline:none;vertical-align:middle;width:2em}.check-circle-visual{align-items:center;display:flex;justify-content:center;left:3.4%;position:absolute;transform:translateY(-254%)}.checkmark-icon{color:#fff;height:.8em;pointer-events:none;width:.8em}.pinput{align-items:center;display:flex;justify-content:center}.password-label{position:absolute;transform:translateY(-24px) scale(1);transform-origin:top left}.progress-bar::-webkit-progress-value{background-color:#0a406a!important;border-radius:20px}.progress-bar::-moz-progress-bar{background-color:#0a406a!important;border-radius:20px}.progress-bar-little::-webkit-progress-value{background-color:#3843ff!important;border-radius:20px}.progress-bar-little::-moz-progress-bar{background-color:#3843ff!important;border-radius:20px}.progress-bar-green::-webkit-progress-value{background-color:#a2cf5f!important;border-radius:20px}.progress-bar-green::-moz-progress-bar{background-color:#a2cf5f!important;border-radius:20px}.progress-bar{background-color:#eee;border:none;border-radius:20px;flex:1 1;max-height:1%;overflow:hidden}.progress-bar-little{background-color:#eee;height:12px}.progress-bar-green,.progress-bar-little{border:none;border-radius:20px;width:100%}.progress-bar-green{background-color:#d7d7d7;height:8px}.enter-name{font-size:19px;margin-bottom:1rem;padding:5%;text-align:center;width:90%}.enter-bday,.enter-name{background-color:#fafafa;border:1px solid #dcdcdc;border-radius:5px;font-family:Poppins,sans-serif}.enter-bday{font-size:64px;padding:2%}.left-align{padding-left:1rem;text-align:left}.glasses{background-color:initial;color:#0a406a}.glasses,.glasses-selected{border:3px solid #28a1ff;border-radius:50%;cursor:pointer;font-size:16px;font-weight:700;height:50px;width:50px}.glasses-selected{background-color:#28a1ff;color:#fff}.box-field{background-color:#f4f4f4;border:none;border-radius:10px;box-sizing:border-box;color:#8d9198;font-family:Poppins,sans-serif;font-size:16px;padding:12px;width:100%}.section-label{margin:0 0 8px;text-align:left}.action-row,.section-label{color:#101828;font-weight:700}.action-row{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:16px;justify-content:space-between;margin-top:8px;padding:10px 2px;width:100%}.ruler-container{-ms-overflow-style:none;height:100px;margin:0 auto;overflow-x:auto;scrollbar-width:none;-webkit-user-select:none;user-select:none;width:500px}.ruler-content{align-items:flex-start;display:flex;height:100%;width:1000px}.tick{height:30px;position:relative;width:10px}.tick,.tick.major{border-left:1px solid #000}.tick.major{height:60px}.tick-center{border-left:3px solid #a2cf5f;bottom:40px;height:60px;left:50%;position:absolute;transform:translateX(-50%)}.unit-button{border:none;border-radius:10px;cursor:pointer;font-size:19px;padding:10px 20px;transition:background-color .3s;width:60px}.unit-white-button{background-color:#fff;border:1px solid #d3d0d0}.unit-blue-button{background-color:#1d8eff;color:#fff}