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}body,html{overflow-x:hidden;overscroll-behavior-x:none;-webkit-user-select:none;user-select:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{height:100dvh;overflow:hidden}.App,.App-No-OverFlow{background-color:#282c34;text-align:center;width:100dvw}.App-No-OverFlow{overflow-x:hidden}.App-Content{display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:600px}.App-Header{background:#282c34;height:64px;padding:0;width:100%}.welcome-container{display:flex;flex-direction:column;height:100%;margin:0;padding:0 0 16px;position:relative;width:100%}.welcome-content{bottom:0;display:flex;flex-direction:column;gap:clamp(16px,5vh,50px);justify-content:space-between;left:0;max-height:70%;position:absolute;right:0}.welcome-thumbnail-container{background-image:url(/static/media/icWelcomeThumbnail.ed6283a789e9f9b2964b.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100%;width:100%}.welcome-thumbnail{aspect-ratio:375/662;height:100%}.welcome-overlay{background:linear-gradient(180deg,#fff0 20%,#ffffffb0 43%,#fff 69%);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.welcome-link{color:#000;font-size:10px;text-decoration:underline;z-index:1}.welcome-title-container{align-items:start;align-self:center;display:flex;flex-direction:row;gap:5px;justify-content:center}.welcome-title{font-size:28px;font-weight:500}.welcome-title-highlight{color:#ff3d60;font-size:28px;font-weight:700}.welcome-benefits{align-items:start;align-self:center;display:flex;flex-direction:column;gap:12px;justify-content:center}.welcome-benefits-item{display:flex;flex-direction:row;gap:16px}.title-text{color:#2d3142;font-size:24px;font-weight:600;line-height:1.5;margin-bottom:12px;padding:0 16px}.normal-text-align-start{text-align:start}.continue-button{background:linear-gradient(to top left,#ea3d6f,#fd876d)}.continue-button,.continue-button-disabled{align-items:center;border:none;border-radius:20px;box-shadow:none;color:#fff;display:flex;flex-shrink:0;font-size:17px;font-weight:700;height:64px;justify-content:center;margin:0 auto;transform:none;transition:transform .3s ease;width:calc(100% - 48px);z-index:1}.continue-button-disabled{background:gray}.continue-button:active{transform:scale(.95)}@keyframes slideUp{0%{bottom:24px}to{bottom:300px}}@keyframes slideDown{0%{bottom:300px}to{bottom:24px}}.button-animate-keyboard-on{animation:slideUp .3s forwards;left:16px;position:absolute;right:16px}.button-animate-keyboard{bottom:24px;left:16px;position:absolute;right:16px}.button-animate-keyboard-off{animation:slideDown .3s forwards;left:16px;position:absolute;right:16px}.gender-card-container{align-items:center;background-color:#fff;border-radius:20px;color:#000;display:flex;flex:1 1;flex-direction:column;gap:12px;padding:16px}.gender-prefer-not-to-say{background-color:#0000;border:none;color:#cdd0d6;font-size:16px;font-weight:500;margin-top:16px}.gender-prefer-not-to-say:hover{color:#ff3d60}.option-button{background-color:#fff;color:#2d3142}.option-button,.option-button-active{align-items:center;border-radius:16px;display:flex;font-size:17px;font-weight:500;height:56px;justify-content:start;margin:0 24px;padding:0 16px;transition:transform .3s ease}.option-button-active{background-color:#ff3d60;color:#fff}@keyframes bounceScale{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.bounce{animation:bounceScale .5s ease-in-out}.item-list{opacity:0;transform:translateY(50px);transition:opacity .3s ease,transform .3s ease}.item-list.show{opacity:1;transform:translateY(0)}.select-age-picker{margin:0 auto;transition:opacity .3s ease-in-out;width:50%}.select-age-picker-item{font-size:24px}.select-age-picker-item-selected{color:#3a79d8;font-size:24px;font-weight:700}.select-age-text-input{text-align:center}.text-input-container{align-items:center;display:flex;flex-direction:row;gap:5px;justify-content:center}.text-input{background-color:#0000;border:none;font-size:24px;font-weight:700;outline:none;text-align:end;width:70px}.switcher{background:#fff;border-radius:8px;display:flex;flex-direction:row;overflow:hidden}.switcher div.active{background:#f34a6a;border-radius:8px;color:#fff;width:30px}.switcher div{background:none;border-radius:8px;color:#999;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;width:30px}.color-scale-container{align-items:center;display:flex;height:50px;position:relative;text-align:center;width:275px}.color-scale{align-items:center;bottom:0;display:flex;flex-direction:row;gap:1px;justify-content:center;left:0;position:absolute;right:0}.color-block{border-radius:3px;height:20px;width:5px}.color-scale-label-container{align-items:center;display:flex;flex-direction:column;gap:0;justify-content:center;left:0;position:absolute;right:0;top:0}.label{background-color:#4caf50;border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px}.app-header-nav{align-items:center;background-color:#f4f6fa;color:#fff;display:flex;flex-direction:column;gap:12px;justify-content:space-between;margin:0 auto;width:100%;z-index:1000}.header-title{color:#fff;font-size:24px;font-weight:700}.analyzing-processing{transition:width .5s ease}
/*# sourceMappingURL=main.a9eb1199.css.map*/