.btn{-webkit-transition:.3s;transition:.3s}.progress-bar{width:100%;height:4px;background-color:rgba(0,0,0,.1);position:relative}.progress-bar__line{background-color:#5c59ef;width:10%;height:100%}.fade-enter,.fade-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .3s;transition:opacity .3s}.alert-panel-enter,.alert-panel-leave-to{opacity:0}.alert-panel-enter-active,.alert-panel-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.instructionClose-enter,.instructionClose-leave-to{opacity:0;height:0}.instructionClose-enter-active,.instructionClose-leave-active{position:relative;-webkit-transition:.5s;transition:.5s}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;font-family:Montserrat,sans-serif;line-height:1.6}* button{background:inherit;border:none;outline:none}* a{text-decoration:none}* a,* p{color:#b0b0b0}* p{font-size:13px;font-weight:500;line-height:1.8}#app{-webkit-transition:background-color .3s;transition:background-color .3s;background-color:#edeef2}.container{width:100%;max-width:530px;margin:0 auto;padding:0 30px;min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.header{margin-top:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header__logo{font-size:13px;font-weight:800;color:#5c59ef}.header__theme{width:100px;height:24px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header__theme-btn{position:absolute;top:0;-webkit-transition:color .3s;transition:color .3s;color:#474747;font-weight:700;font-size:12px}.header__theme-btn:before{-webkit-transition:background-color .3s;transition:background-color .3s;position:absolute;top:50%;left:-10px;-webkit-transform:translateY(-4px);transform:translateY(-4px);content:"";width:8px;height:8px;background-color:#474747;border-radius:50%}.btn{-webkit-transition:color .5s,border .5s,-webkit-box-shadow .5s;transition:color .5s,border .5s,-webkit-box-shadow .5s;transition:color .5s,box-shadow .5s,border .5s;transition:color .5s,box-shadow .5s,border .5s,-webkit-box-shadow .5s;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:40px;padding:5px 14px;border-radius:5px;-webkit-box-shadow:2px 2px 7px rgba(0,0,0,.17),-2px -2px 7px #fff;box-shadow:2px 2px 7px rgba(0,0,0,.17),-2px -2px 7px #fff;color:#b0b0b0;font-size:12px;font-weight:600}.btn-for-press:active,.btn.active{-webkit-box-shadow:2px 2px 10px rgba(5,5,47,.15),-2px -2px 10px #fff,inset 2px 2px 6px rgba(0,0,0,.1),inset -2px -2px 7px #fff;box-shadow:2px 2px 10px rgba(5,5,47,.15),-2px -2px 10px #fff,inset 2px 2px 6px rgba(0,0,0,.1),inset -2px -2px 7px #fff;color:#5c59ef;border-color:#edeef2}.btn-square{height:40px;width:40px;padding:0}.btn-color{color:#5c59ef}.btn-text-green{color:#14914b}.btn-blur{width:3.0769em;height:3.0769em;font-size:13px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.btn-blur span{opacity:.8;position:relative;z-index:2;font-size:inherit;font-weight:600;color:#b0b0b0;text-align:center;text-transform:lowercase}.btn-blur:before{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:#edeef2;-webkit-box-shadow:inset .153em .153em .46em rgba(0,0,0,.15),inset -.23em -.23em .615em #fff;box-shadow:inset .153em .153em .46em rgba(0,0,0,.15),inset -.23em -.23em .615em #fff;-webkit-filter:blur(.08em);filter:blur(.08em);border-radius:5px}.btn-blur.active span{color:#5c59ef}.btn-blur.active:before{-webkit-box-shadow:.153em .153em .538em rgba(0,0,0,.15),-.153em -.153em .538em #fff;box-shadow:.153em .153em .538em rgba(0,0,0,.15),-.153em -.153em .538em #fff}.btn-blur.active.select span{color:#b0b0b0}.card{-webkit-transition:background .3s,border-color .3s,-webkit-box-shadow .3s;transition:background .3s,border-color .3s,-webkit-box-shadow .3s;transition:box-shadow .3s,background .3s,border-color .3s;transition:box-shadow .3s,background .3s,border-color .3s,-webkit-box-shadow .3s;padding:20px;height:50vw;border-radius:15px;display:-ms-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;background-color:#edeef2;-webkit-box-shadow:7px 7px 15px rgba(0,0,0,.1),-7px -7px 15px #fff;box-shadow:7px 7px 15px rgba(0,0,0,.1),-7px -7px 15px #fff;border:2px solid hsla(0,0%,100%,0)}.card__word{-webkit-transition:.3s;transition:.3s;position:absolute;bottom:0;font-size:6vw;color:#474747;font-weight:600}.card__word_wrapper{position:relative}.card__word .accent{font-weight:700}.card__word .accent.color-1{color:#f4397c}.card__word .accent.color-2{color:#a45cff}.card__word .accent.color-3{color:#5e67ff}.card__word .accent.color-4{color:#43b3f3}.card__word .accent.color-5{color:#51db42}.card__word .accent.color-6{color:#fac919}.card__word .accent.color-7{color:#fa5343}.card__word_bb{-webkit-transition:background .3s;transition:background .3s;margin-top:6px;width:20px;height:3px;background:#474747;position:relative}.card__word_bb:after{-webkit-transition:opacity .3s;transition:opacity .3s;opacity:0;content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:#474747}.card__word_bb.defColor:after{opacity:1}.card.press{background:#edeef2;border-color:#edeef2;-webkit-box-shadow:7px 7px 15px rgba(0,0,0,.05),-7px -7px 15px #fff,inset 7px 7px 14px rgba(0,0,0,.1),inset -7px -7px 14px #fff;box-shadow:7px 7px 15px rgba(0,0,0,.05),-7px -7px 15px #fff,inset 7px 7px 14px rgba(0,0,0,.1),inset -7px -7px 14px #fff}.block-card{margin-top:60px;display:-ms-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.block-card__instruction{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:opacity .3s;transition:opacity .3s;margin-bottom:20px;font-size:13px;color:#b0b0b0;font-weight:600}.block-card__instruction.hide{opacity:0}.block-card__navbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.block-card .btn{margin-top:20px;-ms-flex-item-align:end;align-self:flex-end}.instruction{padding-top:40px}.instruction__text p{margin-bottom:10px}.instruction__btn{margin-top:20px}.settings{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.settings__title{margin-top:90px;margin-bottom:10px;font-weight:700;font-size:14px;color:#474747}.settings__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#b0b0b0;font-size:13px;font-weight:600;margin:5px 0}.settings__item_title{margin-right:15px}.settings__item_btns{-ms-flex-wrap:wrap;flex-wrap:wrap}.settings__item_btns,.settings__item_btns>span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.settings__item_btns>span{margin:5px 0;margin-right:10px}.settings__item_btns>span span{margin-right:7px}.settings__item_btns>span:last-child{margin-right:0}.settings__item_btns .btn{margin:5px 0;margin-right:15px}.settings__item_btns .btn:last-child{margin-right:0}.footer{margin-top:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.footer_wrapper{margin-top:auto;margin-bottom:30px}.footer__author{font-size:12px;color:#b0b0b0;font-weight:600}.footer__author span{color:#5c59ef}.footer__networks{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer__networks .btn{margin-right:10px}.footer__networks .btn:last-child{margin-right:0}.alphabet{width:300px;margin:0 auto;padding:0 20px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.alphabet,.alphabet_wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.alphabet_wrapper{position:fixed;top:0;left:0;z-index:10;width:100%;height:100vh;background-color:#edeef2;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.alphabet__title p,.alphabet__title span{font-size:12px;font-weight:600;color:#b0b0b0}.alphabet__title span{color:#5c59ef}.alphabet__btns{margin-left:-1.15em;margin-top:30px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:13px}.alphabet__btns .btn-alphabet{margin-left:1.15em;margin-bottom:1.15em;font-size:inherit}.finish{width:330px;height:100%;max-height:730px;margin:0 auto;padding:0 20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.finish,.finish_wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.finish_wrapper{position:fixed;top:0;left:0;z-index:10;width:100%;height:100vh;background-color:#edeef2;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.finish__title{margin-top:100px;font-size:30px;color:#5c59ef;font-weight:700}.finish__subtitle{margin-top:10px;font-size:15px;font-weight:600;color:#5c59ef}.finish__instruction{margin-top:30px;margin-bottom:auto;color:#b0b0b0}.finish__btns{margin-top:40px;margin-bottom:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.theme-dark#app{background-color:#202026}.theme-dark .header__theme-btn{color:#fff}.theme-dark .header__theme-btn:before{background-color:#fff}.theme-dark .btn{color:#fff;background-color:#202026;-webkit-box-shadow:2px 2px 7px rgba(0,0,0,.5),-2px -2px 7px hsla(0,0%,100%,.1);box-shadow:2px 2px 7px rgba(0,0,0,.5),-2px -2px 7px hsla(0,0%,100%,.1)}.theme-dark .btn-for-press:active,.theme-dark .btn.active{color:#5c59ef;-webkit-box-shadow:2px 2px 10px rgba(0,0,0,.1),-2px -2px 5px hsla(0,0%,100%,.03),inset 5px 5px 8px rgba(0,0,0,.25),inset -2px -2px 4px hsla(0,0%,100%,.02);box-shadow:2px 2px 10px rgba(0,0,0,.1),-2px -2px 5px hsla(0,0%,100%,.03),inset 5px 5px 8px rgba(0,0,0,.25),inset -2px -2px 4px hsla(0,0%,100%,.02)}.theme-dark .btn-color{color:#5c59ef}.theme-dark .btn-text-green{color:#14914b}.theme-dark .btn-blur span{color:#b0b0b0}.theme-dark .btn-blur:before{background:#202026;-webkit-box-shadow:inset 3px 3px 8px rgba(0,0,0,.7),inset -2px -2px 7px hsla(0,0%,100%,.1);box-shadow:inset 3px 3px 8px rgba(0,0,0,.7),inset -2px -2px 7px hsla(0,0%,100%,.1)}.theme-dark .btn-blur.active span{color:#5c59ef}.theme-dark .btn-blur.active:before{background:#202026;-webkit-box-shadow:2px 2px 7px #000,-2px -2px 7px hsla(0,0%,100%,.15);box-shadow:2px 2px 7px #000,-2px -2px 7px hsla(0,0%,100%,.15)}.theme-dark .card{background:#202026;-webkit-box-shadow:7px 7px 15px rgba(0,0,0,.31),-7px -7px 15px hsla(0,0%,100%,.05);box-shadow:7px 7px 15px rgba(0,0,0,.31),-7px -7px 15px hsla(0,0%,100%,.05);border:2px solid transparent}.theme-dark .card__word{color:#fff}.theme-dark .card__word_bb,.theme-dark .card__word_bb:after{background:#fff}.theme-dark .card.press{border:2px solid #202026;-webkit-box-shadow:7px 7px 15px rgba(0,0,0,.2),-7px -7px 15px hsla(0,0%,100%,.05),inset 8px 8px 15px rgba(0,0,0,.4),inset -8px -8px 18px hsla(0,0%,100%,.05);box-shadow:7px 7px 15px rgba(0,0,0,.2),-7px -7px 15px hsla(0,0%,100%,.05),inset 8px 8px 15px rgba(0,0,0,.4),inset -8px -8px 18px hsla(0,0%,100%,.05)}.theme-dark .block-card__instruction{color:#b0b0b0}.theme-dark .alphabet_wrapper{background-color:#202026}.theme-dark .alphabet__title p,.theme-dark .alphabet__title span{color:#fff}.theme-dark .alphabet__title span{color:#5c59ef}.theme-dark .finish_wrapper{background-color:#202026}.theme-dark .finish__subtitle,.theme-dark .finish__title{color:#5c59ef}.theme-dark .finish__instruction p{color:hsla(0,0%,100%,.3)}@media screen and (max-width:340px){.settings__item{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.settings__item_title{display:none;width:100%;margin-top:15px;margin-bottom:5px}}@media screen and (min-width:440px){.header__logo,.header__theme-btn{font-size:14px}.btn{padding:5px 16px;height:42px;font-size:13px}.btn-square{width:42px;height:42px}.card{outline:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;user-focus:none!important;padding:30px}.card__word{font-size:26px}.card__word_bb{width:30px;height:3px;margin-top:10px}.settings__title{font-size:16px}.footer{margin-top:100px}.footer__author{font-size:14px}}@media screen and (min-width:530px){.card{height:270px}}@media screen and (min-width:1024px){.btn,.card,.header__theme-btn{cursor:pointer}.header__theme-btn:hover{color:#5c59ef!important}.header__theme-btn:hover:before{background-color:#5c59ef!important}}