@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@100;200;300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lobster&display=swap);:root{--primary-color:#2a2c3e;--secondary-color:#be66ee;--tertiary-color:#fff;--grey:#f2f2f2}*{box-sizing:border-box;font-family:IBM Plex Sans Thai,sans-serif;margin:0;padding:0}body{color:#2a2c3e;color:var(--primary-color)}.App{gap:2rem;margin:3rem auto 0;width:65vw}.main-container{width:100%}.heading{color:#2a2c3e;color:var(--primary-color);font-size:32px;font-weight:500;line-height:40px;text-align:center}.clCenter{flex-direction:column;justify-content:center}.clCenter,.inactive{align-items:center;display:flex}.inactive{background:#f2f2f2;background:var(--grey);border-radius:24px;cursor:pointer;height:40px;margin-bottom:1rem;padding-left:1.5rem;transition:.3s ease;width:100%}.radio-container input[type=radio]{display:none}.active,.inactive:hover{background:#be66ee;background:var(--secondary-color);color:#fff}.radio-container{margin-top:4rem}.inactive-small{width:100%}.radio-gird{grid-column-gap:4%;-webkit-column-gap:4%;column-gap:4%;display:grid;grid-template-columns:repeat(2,1fr);width:100%}@media screen and (max-width:1024px){.heading{font-size:28px}}@media screen and (max-width:768px){.heading{font-size:24px}.App{width:80vw}.radio-gird{display:block}p{font-size:14px}}.MuiOutlinedInput-notchedOutline{border:none!important}.MuiCircularProgress-colorPrimary{color:#be66ee!important;color:var(--secondary-color)!important}
/*# sourceMappingURL=main.fd619a1e.css.map*/