@import"https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700;800;900&display=swap";:root{--primary-color: #d69358;--border-radius: 10px}.settings .down{position:fixed;bottom:1rem;right:1rem;background-color:var(--primary-color);border-radius:50%;width:40px;height:40px}.settings .down img{transform:rotate(270deg);padding:.5rem}.settings-header{padding:20px 0;display:flex;align-items:center}.settings-header__back{cursor:pointer}.settings-header__title{font-size:21px;margin:0 auto;font-weight:600;font-style:normal;line-height:24.63px}.settings-form{display:flex;flex-direction:column}.settings-form__inner{border-top:2px dashed #dedede;margin:20px 0}.settings-form__inner h2{margin-top:20px;font-size:40px;text-align:center}.settings-form__wrapper{display:flex;gap:10px;align-items:center}.settings-form label{font-style:normal;font-weight:500;font-size:16px;line-height:19px}.settings-form input,.settings-form select{margin:10px 0 20px;padding:.5rem 1rem;width:100%;height:50px;border:1px solid #dedede;border-radius:var(--border-radius);font-size:18px;background-color:#fff;color:#000}.settings-form input:focus,.settings-form select:focus{outline:none}.settings .settings-buttons{margin-top:10px;display:flex;align-items:center;gap:10px}.settings .settings-modules{display:flex;flex-wrap:wrap;justify-content:center;row-gap:10px;-moz-column-gap:10px;column-gap:10px}.settings .model{flex:0 0 43%;width:100%;background-color:var(--primary-color);padding:20px;font-style:normal;font-weight:600;font-size:16px;text-align:center;line-height:19px;letter-spacing:-.307763px;color:#fff;border-radius:var(--border-radius);margin:0 auto}.settings button{width:100%;background-color:var(--primary-color);padding:20px;font-style:normal;font-weight:600;font-size:16px;line-height:19px;letter-spacing:-.307763px;color:#fff;border-radius:var(--border-radius);margin:0 auto}.finish-now-btn{font-family:Work Sans;font-style:normal;font-weight:500;font-size:16px;line-height:19px;text-align:right;color:#d69358}.navigate-home-page{font-family:Work Sans;font-style:normal;font-weight:500;font-size:16px;line-height:19px;text-align:right;color:#626262}.number-page-input{background:#ffffff;border:1px solid #ededed;border-radius:2px;font-size:15px;width:100%;max-width:20px;height:19px;text-align:center}.inputs-groups{grid-template-columns:repeat(20,1fr);display:grid;min-width:10px;margin-left:5px;width:100%}.timer{font-style:normal;font-weight:600;font-size:21px;line-height:25px;color:#000}.navbar-header{display:flex;justify-content:space-between;padding:20px 0 30px}.numbers{font-family:Courier;display:flex;justify-content:space-between}.numbers .cards{width:100%;grid-template-columns:repeat(20,1fr);display:grid}.numbers .cards .number-card.active{border-right:1px solid #ffbf87}.numbers .cards .number-card .card-number{font-family:Courier;font-style:normal;font-weight:600;font-size:16px;line-height:19px;text-align:center;color:#000}.numbers .cards .number-card .card-number.active{background:#ffbf87}.numbers .sort-numbers{width:6%;margin-right:5px}.game-header-inner{margin-bottom:45px}.start-game-group{display:flex;margin-bottom:45px}.start-game-page .game-screen{display:flex;width:100%}.navigation-buttons .navigation{display:flex;justify-content:space-between;align-items:center}.navigation-buttons .navigation button{width:61px;height:61px}.navigation-buttons .navigation button img{width:100%;height:100%}.left-numbers{position:relative}.left-numbers:after{content:"";height:100%;width:2px;background-color:#0000001a;position:absolute;right:-4px;top:0}.left-numbers .inner-child{gap:1px;text-align:right}.left-numbers .inner-child .blocks{gap:1px;display:flex;flex-direction:column}.left-numbers .inner-child .hidden{display:none}.left-numbers span{font-style:normal;font-weight:400;font-size:16px;line-height:18px;text-align:right;display:block;color:#0000004d}.tabs .tab{display:flex;justify-content:center}.tabs button{margin-right:10px;color:#000;background-color:#fff;padding:13px 18px;border-radius:10px}.tabs button:last-child{margin-right:0}.tabs button.active{background:#d69358;color:#fff}.start-timer{position:relative;height:100vh;z-index:10}.start-timer .time{font-size:8rem;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}.start-timer .time.active{font-size:10rem;transition:all linear .3s}.start-timer .timer{position:absolute;top:50%;left:50%;width:200px;height:200px;transform:translate(-50%,-50%) rotate(-90deg)}.restartBtn{background:#d69358;color:#fff}.flashCards-section__header{padding:20px 0;display:flex;justify-content:space-between;align-items:center}.flashCards-section__header-timer{font-style:normal;font-weight:600;font-size:21px;line-height:25px}.flashCards-section__header-finish{font-style:normal;font-weight:500;font-size:16px;line-height:19px;text-align:right;color:var(--primary-color)}.flashCards-section__items{max-width:360px;height:calc(95vh - 170px);margin:0 auto;perspective:1000px}.flashCards-section__items article{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d;box-shadow:0 4px 8px #0003;cursor:pointer;border-radius:.5rem}.flashCards-section__items .front-face,.flashCards-section__items .back-face{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:.5rem;border-radius:.5rem;font-size:1.5rem;font-size:35px;padding:2rem;color:#fff;background-color:var(--primary-color);-webkit-backface-visibility:hidden;backface-visibility:hidden}.flashCards-section__items .front-face{overflow-wrap:break-word}.flashCards-section__items .front-face div{text-align:left;width:80%;display:flex;flex-direction:column;gap:1rem}.flashCards-section__items .back-face{transform:rotateY(-180deg)}.flashCards-result{display:flex;justify-content:center;align-items:center;width:300px}.flashCards-result div{width:100%}.d-flex{display:flex;align-items:center}button{cursor:pointer;outline:none;border:none;font-family:inherit;background-color:transparent}.set-num-inp{width:100%;padding:10px 5px;box-sizing:border-box}.container-wrapper,.container-wrapper__card{height:100%}.indicator{margin-top:20px;display:flex;justify-content:center;font-size:18px;line-height:21px;text-align:center;font-weight:500}.control-buttons{display:flex;justify-content:space-between;align-items:center}.first-button img,.prev-button img,.next-button img{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;pointer-events:none}.first-button img:focus,.prev-button img:focus,.next-button img:focus{outline:none}.rotate{transform:rotateY(-180deg)}