*,:after,:before{box-sizing:border-box;margin:0}.wrapper{align-items:center;background-color:#f5f5fa;color:#7878ab;font-family:M PLUS Rounded\ 1c;font-size:5rem;line-height:1;padding:2rem;text-align:center}@media(max-width:768px){.wrapper{font-size:3rem}}@media(max-width:568px){.wrapper{font-size:2rem;padding:1rem}}.title{font-size:3rem}@media(max-width:568px){.title{font-size:1.5rem}}.inner{display:flex;flex-direction:column;gap:3rem;justify-content:center}@media(max-width:568px){.inner{gap:1rem}}.dial{display:flex;gap:.5rem;justify-content:center;margin-top:2rem}@media(max-width:568px){.dial{margin-top:.5rem}}.dial__segment-description{font-size:2rem}@media(max-width:568px){.dial__segment-description{font-size:1rem}}.cards{color:#ccc;display:flex;font-family:Arial;gap:2rem;justify-content:center}.card{display:flex;flex-direction:column;gap:.3rem}.card__segment{-webkit-column-gap:.5rem;column-gap:.5rem;display:flex;justify-content:center}.card__title{color:#7878ab;font-size:2rem}@media(max-width:568px){.card__title{font-size:1rem}}.flip-card{border-radius:.2em;box-shadow:0 2px 5px 0 rgba(0,0,0,.3);display:inline-flex;flex-direction:column;position:relative}.bottom,.bottom-flip,.top,.top-flip{height:.75em;overflow:hidden;padding:.25em}.top,.top-flip{background-color:#333;border-bottom:1px solid hsla(0,0%,98%,.3);border-top-left-radius:.2em;border-top-right-radius:.2em;width:100%}.bottom,.bottom-flip{align-items:flex-end;background-color:#333;border-bottom-left-radius:.2em;border-bottom-right-radius:.2em;display:flex;width:100%}.top-flip{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:flip-top;animation-name:flip-top;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;position:absolute;-webkit-transform-origin:bottom;transform-origin:bottom}.bottom-flip{-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:flip-bottom;animation-name:flip-bottom;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;bottom:0;position:absolute;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:top;transform-origin:top}@-webkit-keyframes flip-top{to{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}}@keyframes flip-top{to{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}}@-webkit-keyframes flip-bottom{to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}@keyframes flip-bottom{to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}.controls{display:flex;gap:3rem;justify-content:center;margin-top:2rem}@media(max-width:768px){.controls{gap:2rem}}@media(max-width:568px){.controls{gap:1rem}}.controls button{background-color:#f5f5fa;border:none;border-radius:2rem;box-shadow:-10px -10px 20px 0 #fff,10px 10px 20px 0 rgba(170,170,204,.5),5px 5px 10px 0 rgba(170,170,204,.25),-5px -5px 10px 0 hsla(0,0%,100%,.5);color:#7878ab;font-family:M PLUS Rounded\ 1c;font-size:2rem;font-weight:700;line-height:1.2;padding:12px 32px}@media(max-width:768px){.controls button{font-size:1.5rem;padding:8px 22px}}@media(max-width:568px){.controls button{padding:4px 11px}}.controls button:active{background-color:#e5e5f0}.controls button:disabled{opacity:.25}
/*# sourceMappingURL=main.c920f447.css.map*/