*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:aktiv-grotesk-arabic,Adjusted Helvetica,Adjusted Arial,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{font-size:10px}.App{direction:rtl;padding:3rem 1rem;text-align:center}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.selectors{display:flex;flex-wrap:wrap;gap:calc(50% - 30rem);justify-content:space-between;row-gap:2rem}@media only screen and (max-width:812px){.App{padding-bottom:3rem}}.results{border-top:1px solid #b9b9b9;gap:1rem;justify-content:space-between;margin-top:3rem;padding-top:3rem;width:100%}.result,.results{align-items:center;display:flex}.result{border:1px solid #ec1f8e;border-radius:12px;flex-direction:column;width:20rem}.result h5{background-color:#ec1f8e;border-top-left-radius:12px;border-top-right-radius:12px;color:#fff;font-size:2rem;margin-bottom:2rem;padding:1rem;width:100%}.result img{height:12rem}.result .progress{order:3;width:100%}.result .progress h5{display:none}.result.disable{border-color:#d3d3d3;color:#d3d3d3}.result.disable h5{background-color:#d3d3d3}.result.disable img{opacity:.2}@media only screen and (max-width:1024px){.results{width:100%}}@media only screen and (max-width:700px){.result{width:calc(33.333% - 1rem)}}@media only screen and (max-width:586px){h5.wrap{padding:1rem 4rem}}@media only screen and (max-width:500px){.result{flex-direction:row-reverse;justify-content:space-between;padding:1rem;width:100%}.result>h5{display:none}.result img{height:8rem;margin-right:1rem}.result .progress{order:0;width:calc(100% - 12rem)}.result .progress h5{background-color:initial;color:#ec1f8e;display:block;margin-bottom:1rem;text-align:right}.result.disable .progress h5{color:#d3d3d3}h5.wrap{padding:1rem}.results{flex-direction:column;gap:3rem}}.single_selector{width:20rem}.single_selector h5{color:#ec1f8e;display:flex;font-size:1.7rem;margin:0 0 1rem}.single_selector.disabled .input_text .right_container input::-webkit-input-placeholder{color:#d3d3d3}.single_selector.disabled .input_text,.single_selector.disabled .input_text .right_container input,.single_selector.disabled .input_text .right_container input::placeholder,.single_selector.disabled h5{color:#d3d3d3}.single_selector.disabled .input_text{border:1px solid #d3d3d3}.single_selector.disabled .input_text .left_container{border-right:1px solid #d3d3d3}.gender_selection{display:flex;height:4.5rem;width:100%}.radio_label{align-items:center;border:1px solid #000;border-bottom-left-radius:5px;border-top-left-radius:5px;cursor:pointer;display:flex;font-size:1.6rem;justify-content:center;padding:1rem;width:50%}.radio_label.selected{background-color:#fdf5f2;border-color:#ec1f8e}.radio_label:first-of-type{border-bottom-left-radius:0;border-bottom-right-radius:5px;border-top-left-radius:0;border-top-right-radius:5px}.radio_button{accent-color:#ec1f8e;margin-left:1rem}.input_text{border:1px solid #000;border-radius:5px;height:4.5rem}.input_text,.right_container{align-items:center;display:flex}.right_container{font-size:2rem;justify-content:space-between;padding:1rem;width:70%}.right_container input{-moz-appearance:textfield;background-color:initial;border:none;direction:ltr;font-size:2rem;margin-top:.6rem;outline:none;text-align:center;width:100%}.right_container input::-webkit-input-placeholder{color:#8e8e8e}.right_container input::placeholder{color:#8e8e8e}.right_container div{cursor:pointer;margin-top:.6rem}.right_container div.dimmed{cursor:auto;opacity:.3}.left_container{align-items:center;background-color:#fdf5f2;border-bottom-left-radius:5px;border-right:1px solid #000;border-top-left-radius:5px;display:flex;font-size:1.6rem;height:100%;justify-content:center;padding:0 1rem;width:30%}@media only screen and (max-width:700px){.selectors{gap:1rem}.selectors .single_selector{flex-basis:calc(33.333% - 0.67rem)}}@media only screen and (max-width:500px){.selectors{gap:2rem}.selectors .single_selector:first-of-type{flex-basis:100%}.selectors .single_selector{flex-basis:calc(50% - 1rem)}}
/*# sourceMappingURL=main.css.map*/