*{box-sizing:border-box}html{background-color:#263b50}body{background:linear-gradient(#263b50,#1b63a7);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;font-weight:300}.buttonPanel{-webkit-user-select:none;user-select:none;background:#fcfcfc;border-radius:20px;width:100%;height:141px;margin-top:70px;padding:16px 20px 18px;position:relative}.buttonPanel__layer{justify-content:space-evenly;width:100%;display:flex}.buttonPanel__layer--overlay{width:calc(100% - 40px);position:absolute;top:16px;left:20px}.buttonPanel__buttonContainer{text-align:center;min-width:135px}.fade-enter-active,.fade-leave-active,.fade-slide-left-enter-active,.fade-slide-left-leave-active,.fade-slide-right-enter-active,.fade-slide-right-leave-active{transition:opacity .3s ease-in-out,transform .3s ease-in-out}.fade-enter-from,.fade-leave-to,.fade-slide-left-enter-from,.fade-slide-left-leave-to,.fade-slide-right-enter-from,.fade-slide-right-leave-to{opacity:0}.fade-slide-left-enter-from,.fade-slide-left-leave-to{transform:translate(50px)}.fade-slide-right-enter-from,.fade-slide-right-leave-to{transform:translate(-50px)}.buttonPanel__button{-webkit-tap-highlight-color:transparent;cursor:pointer;background:linear-gradient(135deg,#545454 20%,#949494);border:none;border-radius:50%;outline:none;width:82px;height:82px;padding-top:5px}.buttonPanel__button:hover{background:linear-gradient(135deg,#616161 20%,#a1a1a1)}.buttonPanel__button.buttonPanel__button--confirm{background:linear-gradient(135deg,#51902c 20%,#82cb57)}.buttonPanel__button.buttonPanel__button--confirm:hover{background:linear-gradient(135deg,#5ca432 20%,#90d16b)}.buttonPanel__button.buttonPanel__button--decline{background:linear-gradient(135deg,#b03b3b 20%,#d47d7d)}.buttonPanel__button.buttonPanel__button--decline:hover{background:linear-gradient(135deg,#c14444 20%,#da9090)}.buttonPanel__buttonText{margin-top:8px;font-size:14px;font-weight:700}.card{text-align:center;z-index:3;background:#fcfcfc;border-radius:20px;flex-direction:column;width:100%;min-height:330px;padding:30px 10px;transition:all .5s ease-in-out;display:flex;position:absolute}.card--stage4{z-index:4;opacity:0;transition:transform .3s ease-out,opacity .15s ease-out .15s}.card--stage4--left{transform:translate(-500px,30px)rotate(-45deg)}.card--stage4--right{transform:translate(500px,30px)rotate(45deg)}.card--stage2{z-index:2;background-color:#f0f0f0;transform:translateY(20px)scale(.95)}.card--stage1{z-index:1;background-color:#d6d6d6;transform:translateY(40px)scale(.9)}.card--stage0{opacity:0;z-index:0;transform:translateY(40px)scale(.9)}.card__tagContainer{margin:-3px}.card__tag{color:#fff;background:linear-gradient(135deg,#474747 20%,#7a7a7a);border-radius:20px;margin:3px;padding:12px 15px;font-weight:700;display:inline-block}.card__tag.card__tag--animals{background:linear-gradient(135deg,#51902c 20%,#82cb57)}.card__tag.card__tag--basic{background:linear-gradient(135deg,#525252 20%,#858585)}.card__tag.card__tag--bodyAndHealth{background:linear-gradient(135deg,#a75889 20%,#ca9bb8)}.card__tag.card__tag--clothes{background:linear-gradient(135deg,#07418d 20%,#0b6eef)}.card__tag.card__tag--colors{background:linear-gradient(135deg,#ba6f0d 20%,#f1a33b)}.card__tag.card__tag--communicationAndLogistics{background:linear-gradient(135deg,#bc8e06 20%,#f9c62f)}.card__tag.card__tag--courseOfLife{background:linear-gradient(135deg,#137aaa 20%,#3ab2e9)}.card__tag.card__tag--crimeAndJustice{background:linear-gradient(135deg,#4e2b13 20%,#a05727)}.card__tag.card__tag--culture{background:linear-gradient(135deg,#3b9787 20%,#70c7b9)}.card__tag.card__tag--dailyRoutine{background:linear-gradient(135deg,#aca439 20%,#d2cc79)}.card__tag.card__tag--electronics{background:linear-gradient(135deg,#115050 20%,#16b185)}.card__tag.card__tag--familyAndFriends{background:linear-gradient(135deg,#97074d 20%,#db297f)}.card__tag.card__tag--foodAndDrinks{background:linear-gradient(135deg,#b03b3b 20%,#d47d7d)}.card__tag.card__tag--homeAndLiving{background:linear-gradient(135deg,#7e5d3e 20%,#b7906c)}.card__tag.card__tag--materials{background:linear-gradient(135deg,#496065 20%,#77979c)}.card__tag.card__tag--mobility{background:linear-gradient(135deg,#2b5544 20%,#4d997a)}.card__tag.card__tag--outdoors{background:linear-gradient(135deg,#2b4f27 20%,#509348)}.card__tag.card__tag--politicsAndFinance{background:linear-gradient(135deg,#3b4ba5 20%,#7885ce)}.card__tag.card__tag--sports{background:linear-gradient(135deg,#414b58 20%,#5277a7)}.card__tag.card__tag--time{background:linear-gradient(135deg,#7b7b51 20%,#aeae84)}.card__tag.card__tag--weather{background:linear-gradient(135deg,#1e95cc 20%,#68c0e8)}.card__tag.card__tag--workAndOffice{background:linear-gradient(135deg,#499274 20%,#82c0a6)}.card__wordContainer{margin:auto}.card__question{font-size:22px;font-weight:700;transition:all .3s ease-in-out}.card__question--revealed{font-weight:inherit;font-size:inherit}.card__answer{visibility:hidden;opacity:0;font-size:22px;font-weight:700;transition:all .3s ease-in-out}.card__answer--revealed{visibility:visible;opacity:1;margin-top:12px}.noCards{color:#fff;text-transform:uppercase;text-align:center;flex-direction:column;justify-content:space-between;align-items:center;height:541px;padding:140px 0 180px;font-weight:700;display:flex}.noCards__image{width:130px;height:130px}.noCards__congratulations{font-size:24px}.quiz{width:100%;overflow:hidden}.quiz__outerContainer{width:100%;max-width:350px;min-height:calc(100vh - 90px);margin:0 auto;padding:35px 20px}.quiz__cardContainer{min-height:330px;position:relative}.quiz__bottomButtonContainer{text-align:center;margin:10px 0 35px}.quiz__statsButton{font:inherit;background:inherit;cursor:pointer;color:#fff;border:1px solid #fff;border-radius:20px;outline:none;padding:12px 15px;font-weight:700}.stats{color:#fff;width:100%;max-width:350px;margin:0 auto;overflow:hidden}.stats__statsContainer{min-height:calc(100vh - 90px);padding:35px 20px}.stats__stat{border:1px solid #fff;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:15px;padding:15px;font-weight:700;display:flex}.stats__statValue{font-size:24px}.stats__bottomButtonContainer{justify-content:center;gap:15px;margin:10px 0 35px;display:flex}.stats__button{font:inherit;background:inherit;cursor:pointer;color:#fff;border:1px solid #fff;border-radius:20px;outline:none;padding:12px 15px;font-weight:700}.stats__button--danger{color:#fe7474;border-color:#fe7474}