@import url(https://fonts.googleapis.com/css2?family=Overpass:wght@400;700&display=swap);:root{--primary-color:#fb7413;--white-color:#fff;--light-grey:#959eac;--med-grey:#7c8798;--dark-blue:#252d37;--very-dark-blue:#121417;--p-size:15px}*{box-sizing:border-box;font-family:Overpass,sans-serif;margin:0;padding:0;scroll-behavior:smooth}.card__container{background-color:transparent;height:416px;-webkit-perspective:1000px;perspective:1000px;width:400px}.card__content{background:radial-gradient(98.96% 98.96% at 50% 0,#232a34 0,#181e27 100%);border-radius:30px;height:100%;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;width:100%}.card__content.back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card__content .card__rating,.card__content .card__thanks{-webkit-backface-visibility:hidden;backface-visibility:hidden;bottom:32px;left:32px;position:absolute;right:32px;top:32px}.card__content .card__rating{align-items:flex-start;color:var(--med-grey);display:flex;flex-direction:column;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.card__content .card__rating .icon{margin-bottom:30px}.card__content .card__rating .icon .image__container{background-color:var(--dark-blue);border-radius:50%;height:48px;padding:16px;width:48px}.card__content .card__rating .icon .image__container img{object-fit:cover;width:100%}.card__content .card__rating .content .title{color:#fff;font-size:28px;font-weight:700;line-height:35px;margin-bottom:16px}.card__content .card__rating .content .description{color:var(--light-grey);font-size:var(--p-size);font-weight:400;line-height:24px}.card__content .card__rating .content .rating-btn__container{align-items:center;display:flex;height:51px;justify-content:space-between;margin-bottom:32px;margin-top:24px;width:100%}.card__content .card__rating .content .rating-btn{align-items:center;background-color:var(--dark-blue);border:none;border-radius:50%;color:var(--med-grey);cursor:pointer;display:flex;height:51px;justify-content:center;outline:none;transition:all .3s ease-in-out;width:51px}.card__content .card__rating .content .rating-btn:hover{background-color:var(--primary-color);color:#fff}.card__content .card__rating .content .rating-btn.active{background-color:var(--med-grey);color:#fff}.card__content .card__rating .card__cta{background-color:var(--primary-color);border:none;border-radius:22.5px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:2px;line-height:19px;outline:none;padding:13px 0;text-transform:uppercase;transition:all .3s ease-in-out;width:100%}.card__content .card__rating .card__cta:hover{background-color:#fff;color:var(--primary-color)}.card__content .card__rating .card__cta:disabled{opacity:.6}.card__content .card__rating .card__cta:disabled:hover{background-color:var(--primary-color);color:#fff;cursor:auto}.card__content .card__thanks{align-items:center;display:flex;flex-direction:column;justify-content:center;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card__content .card__thanks .illustration{display:flex;justify-content:center;margin-bottom:32px;width:100%}.card__content .card__thanks .illustration .image__container{height:108px;width:162px}.card__content .card__thanks .illustration .image__container img{object-fit:cover;width:100%}.card__content .card__thanks .rating__result{display:flex;justify-content:center;width:100%}.card__content .card__thanks .rating__result .rating{background-color:var(--dark-blue);border-radius:22.5px;color:var(--primary-color);font-size:var(--p-size);line-height:24px;margin-bottom:32px;padding:4px 20px}.card__content .card__thanks .thankyou__container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;width:100%}.card__content .card__thanks .thankyou__container h2{color:#fff;font-size:28px;font-weight:700;line-height:35px;margin-bottom:7px}.card__content .card__thanks .thankyou__container p{color:var(--light-grey);font-size:var(--p-size);line-height:24px;text-align:center}@media screen and (max-width:450px){.card__container{width:328px}.card__content .card__rating,.card__content .card__thanks{bottom:24px;left:24px;right:24px;top:24px}}.app{align-items:center;background-color:var(--very-dark-blue);display:flex;height:100vh;justify-content:center}
/*# sourceMappingURL=main.cd3548ab.css.map*/