body,html{font-family:Tahoma,Geneva,sans-serif;font-size:14px;margin:0;padding:0;color:#49575e}header,main{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:570px;margin:0 auto;display:block}header{text-align:center;padding:1rem;padding-top:3rem;border-bottom:1px solid rgba(34,36,38,.15);font-size:2rem;margin-bottom:.2em}main{padding-bottom:3em}h1{font-weight:400}button{font-size:1.25em;cursor:pointer;outline:0;border:none;background:#fc5162;color:#fff;font-family:Tahoma,Geneva,sans-serif;border-radius:.25em;padding:.5em 1em}button:focus,button:hover{background-color:#ff3549}button:active{background-color:#ff253b}button.loading{color:transparent!important;position:relative;pointer-events:none}button.loading:before{content:'';-webkit-box-sizing:border-box;box-sizing:border-box;height:18px;width:18px;position:absolute;left:calc(50% - 9px);top:calc(50% - 9px);-webkit-animation:rotation 1s infinite linear;animation:rotation 1s infinite linear;border-left:2px solid rgba(255,255,255,.15);border-right:2px solid rgba(255,255,255,.15);border-bottom:2px solid rgba(255,255,255,.15);border-top:2px solid rgba(255,255,255,.8);border-radius:100%}.text{text-align:center;width:80%;margin:0 auto}.text *{-webkit-box-sizing:border-box;box-sizing:border-box}.star-grid{display:-webkit-box;display:-ms-flexbox;display:flex;width:80%;margin:0 auto;padding-top:.5em;padding-bottom:2em}.star{-webkit-box-sizing:border-box;box-sizing:border-box;width:20%;text-align:center;padding:0 1%}.star>input{display:none}.star>.box{display:block;border:2px solid transparent;cursor:pointer;background-color:#f3f4f4;border-radius:8px}.star>.box>img{width:50%;padding-top:20%;padding-bottom:5%}.star>.box>.number{font-size:24px;padding-bottom:20%}.star>input:checked~.box{background-color:#fff;border:2px solid #ffcb00}.star>input:checked~.box~p{color:#ffcb00}.feedback{width:80%;margin:0 auto;text-align:center}.feedback>div{padding-bottom:.5em}.feedback>textarea{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;outline:0;padding:.5em;border:1px solid rgba(34,36,38,.15);border-radius:.5em}.feedback>.action{text-align:right;padding-top:1em}body.error .spinner-wrap,body.loading .spinner-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}body.error .spinner-wrap>.spinner{display:none}body.thanks>header{border-bottom:none}body.thanks .text{overflow:auto;background-color:#f3f4f4;padding:2em}body.thanks .feedback,body.thanks .star-grid{display:none}.spinner-wrap{position:fixed;display:none;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;background-color:#fff}.spinner{height:60px;width:60px;position:relative;-webkit-animation:rotation 1s infinite linear;animation:rotation 1s infinite linear;border-left:6px solid rgba(255,53,73,.15);border-right:6px solid rgba(255,53,73,.15);border-bottom:6px solid rgba(255,53,73,.15);border-top:6px solid rgba(255,53,73,.8);border-radius:100%}.spinner-wrap>.error{text-align:center;font-size:1.5em}@-webkit-keyframes rotation{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes rotation{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}