*{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}.page{color:#fff;width:100%;overflow:hidden}.page__content{width:100%;max-width:350px;min-height:calc(100vh - 90px);margin:0 auto;padding:35px 20px}.page__footer{justify-content:center;gap:15px;margin:10px 0 35px;display:flex}.button{font:inherit;background:inherit;cursor:pointer;color:#fff;border:1px solid #fff;border-radius:20px;outline:none;justify-content:center;align-items:center;gap:6px;padding:12px 15px;font-weight:700;text-decoration:none;display:inline-flex}.button--danger{color:#fe7474;border-color:#fe7474}.button svg{width:20px;height:20px}.iconButton{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.iconButton:disabled{opacity:.4;cursor:default}.iconButton svg{stroke-width:6px;width:20px;height:20px}.field{appearance:none;min-width:0;font:inherit;color:#fff;background:0 0;border:1px solid #fff;border-radius:20px;height:40px;padding:0 14px;font-weight:700}.field::placeholder{color:#ffffff80}.field:focus-visible{outline-offset:1px;outline:2px solid #fff}.field option{color:#000}.selectField{flex:none;display:inline-grid;position:relative}.selectField__select{cursor:pointer;padding-right:36px}.selectField__icon{pointer-events:none;width:20px;height:20px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.editor__name{gap:8px;margin-bottom:25px;font-weight:700;display:grid}.editor__cards{grid-template-columns:1fr 1fr 40px;align-items:center;gap:8px;display:grid}.editor__cards .field:user-invalid{border-color:#fe7474}.editor__add{border-style:dashed;width:100%;margin-top:12px}.editor__delete{width:100%;margin-top:30px}.decks__languages{gap:10px;margin-bottom:30px;display:grid}.decks__language{justify-content:space-between;align-items:center;gap:10px;font-weight:700;display:flex}.decks__heading{text-transform:uppercase;letter-spacing:.05em;opacity:.8;margin:30px 0 12px;font-size:14px}.decks__list{gap:10px;display:grid}.decks__deck{color:#fff;border:1px solid #fff;border-radius:20px;justify-content:space-between;align-items:center;gap:10px;padding:15px;font-weight:700;text-decoration:none;display:flex}.decks__deck:hover,.decks__edit:hover{background:#ffffff1a}.decks__deck--new{border-style:dashed;justify-content:center;gap:6px}.decks__newIcon{width:22px;height:22px}.decks__deckInfo{font-size:20px}.decks__deckLangs{opacity:.8;margin-top:2px;font-size:14px;font-weight:400;display:block}.decks__deckLangsArrow{vertical-align:-2px;width:14px;height:14px}.decks__customDeck{gap:8px;display:flex}.decks__deck--custom{overflow-wrap:anywhere;flex:1;min-width:0}.decks__edit{color:#fff;border:1px solid #fff;border-radius:20px;flex:none;justify-content:center;align-items:center;width:52px;text-decoration:none;display:flex}.decks__editIcon{width:20px;height:20px}.decks__note{opacity:.8;margin:0}.buttonPanel{color:#000;-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;color:#fff;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{color:#000;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--body-and-health{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--communication-and-logistics{background:linear-gradient(135deg,#bc8e06 20%,#f9c62f)}.card__tag.card__tag--course-of-life{background:linear-gradient(135deg,#137aaa 20%,#3ab2e9)}.card__tag.card__tag--crime-and-justice{background:linear-gradient(135deg,#4e2b13 20%,#a05727)}.card__tag.card__tag--culture{background:linear-gradient(135deg,#3b9787 20%,#70c7b9)}.card__tag.card__tag--daily-routine{background:linear-gradient(135deg,#aca439 20%,#d2cc79)}.card__tag.card__tag--electronics{background:linear-gradient(135deg,#115050 20%,#16b185)}.card__tag.card__tag--family-and-friends{background:linear-gradient(135deg,#97074d 20%,#db297f)}.card__tag.card__tag--food-and-drinks{background:linear-gradient(135deg,#b03b3b 20%,#d47d7d)}.card__tag.card__tag--home-and-living{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--politics-and-finance{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--work-and-office{background:linear-gradient(135deg,#499274 20%,#82c0a6)}.card__wordContainer{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;max-width:100%;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}.card__answerDetail{margin-top:6px;font-size:18px;font-weight:400}.cardStack{min-height:330px;position:relative}.numbers__range{justify-content:center;align-items:center;gap:10px;margin-bottom:25px;display:flex}.numbers__label{align-items:center;gap:10px;font-weight:700;display:flex}.numbers__input{width:170px}.numbers__input:invalid{border-color:#fe7474}.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}.settings__setting{border:1px solid #fff;border-radius:20px;justify-content:space-between;align-items:center;gap:15px;padding:15px;font-weight:700;display:flex}
