@import "https://fonts.googleapis.com/css2?family=Merriweather:wght@900&family=Poppins:wght@500&display=swap";:root{--clr-indigo:#242542;--clr-orange:#ffb444;--clr-yellow:#fcd16b;--clr-gray-1:#bcbcc5;--clr-gray-2:#9b9ca9;--clr-gray-3:#84849c;--clr-white-off:#f5eef4;--fnt-serif:"Merriweather",serif;--fnt-sans:"Poppins",sans-serif;--fnt-w-med:500;--fnt-w-bold:900;--fnt-sm:.9em;--fnt-md:1em;--fnt-lg:1.3em}*{margin:0;padding:0}body{background:#fdd3d2}div.modal{font-family:var(--fnt-sans);background:#fff;border-radius:50px;width:80%;max-width:600px;padding:1.5em;position:absolute;top:0;left:50%;transform:translate(-50%,-100%)}.modal.open{animation-name:open;animation-duration:.3s;animation-timing-function:ease;animation-fill-mode:forwards}.modal.close{animation-name:close;animation-duration:.3s;animation-timing-function:ease;animation-fill-mode:forwards}@keyframes open{0%{top:0%;transform:translate(-50%,-100%)}to{top:50%;transform:translate(-50%,-50%)}}@keyframes close{0%{top:50%;transform:translate(-50%,-50%)}to{top:0%;transform:translate(-50%,-100%)}}.modal__review{gap:.5em;display:flex}.modal__review .star{border:2px solid var(--clr-gray-1);--star-size:20px;--star-size-inner:25px;border-radius:5px;width:35px;height:35px;position:relative}.modal__review .star svg{width:var(--star-size);height:var(--star-size);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal__review .star:after{content:"";width:var(--star-size-inner);height:var(--star-size-inner);background-image:url(star-fill.6a33d87d.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal__form{flex-direction:column;gap:.5em;display:flex}.form__overall h1{font-size:1.5em;font-family:var(--fnt-serif)}.modal__form>div:not(:first-child) label{font-size:var(--fnt-sm);color:var(--clr-indigo);font-weight:var(--fnt-w-bold);margin-block:.5em}.modal__form input{font-size:var(--fnt-md);border:1px solid var(--clr-gray-1);border-radius:5px;padding:.5em}.modal__form input[type=text],.modal__form input[type=email]{padding:1em .6em}.modal__form input:focus{outline:1px solid var(--clr-gray-3)}.modal__form input::placeholder{text-transform:capitalize;font-family:var(--fnt-sans);color:var(--clr-gray-3)}.modal__form input[type=radio],.modal__form input[type=checkbox]{appearance:none;border:1px solid var(--clr-indigo);border-radius:20px;outline:none;width:20px;height:20px;margin:0;position:relative;font-size:1em!important}.modal__form input[type=radio]:checked:before,.modal__form input[type=checkbox]:checked:before{transform:scale(1)translate(-50%,-50%)}.modal__form input[type=radio]:before,.modal__form input[type=checkbox]:before{content:"";background:var(--clr-indigo);border-radius:20px;width:21px;height:21px;position:absolute;top:50%;left:50%;transform:scale(0)translate(-50%,-50%)}.form__title,.form__review{flex-direction:column;display:flex}.form__recommend>div{gap:1em;margin-top:.5em;display:flex}.form__recommend>div>span{align-items:center;gap:.5em;display:flex}.form__about{flex-direction:column;gap:1em;display:flex}.form__about>span{flex-direction:column;flex:50%;display:flex}.form__toc{flex-direction:row;align-items:center;gap:.5em;display:flex}.form__toc>label.label-toc{font-size:var(--fnt-md)!important}label.label-toc a{color:inherit}.form__info{font-size:var(--fnt-sm);color:var(--clr-indigo)}.form__btn{font-size:var(--fnt-md);background:var(--clr-indigo);color:var(--clr-white-off);font-family:var(--fnt-sans);cursor:pointer;outline:1px solid var(--clr-white-off);border-radius:4px;align-self:flex-start;padding:.8em .5em;transition:all .1s}.form__btn.click{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.close__btn{color:var(--clr-gray-2);background:#f5f4ff;border:none;border-radius:50px;width:40px;height:40px;position:absolute;top:4%;right:5%}.close__btn svg{vertical-align:bottom;width:20px;height:20px}.form__btn:hover{background:inherit;color:var(--clr-indigo)}.form__info{display:none}@media only screen and (width>=600px){.form__about{flex-direction:row}div.modal{padding:2em}.modal__form{gap:.5em}.form__info{display:block}}.attribution{color:var(--clr-gray-2);font-family:var(--fnt-sans);z-index:-1;font-size:.8em;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.attribution a{color:var(--clr-gray-3)}
/*# sourceMappingURL=index.b2ed7bca.css.map */