:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wrapper__main{max-width:1100px;margin:200px auto;border-radius:1px solid black}.container__header{background-color:#183a66;align-items:center;height:150px;position:fixed;top:0;left:0;width:100%;z-index:1}.wrapper__header{display:flex;justify-content:space-between;max-width:1100px;margin:0 auto;padding:23px 20px}.logo{max-width:100px}.links{display:flex;justify-content:space-between;gap:40px;align-items:center}a{color:#fff;font-size:18px;transition:transform .3s ease,color .3s ease}a:hover{color:#9dbec6;font-weight:700;transition:.3s ease-in-out;transform:scale(1.1)}.active{color:#9dbec6;font-size:20px;font-weight:700;transform:scale(1.1)}.favorites{max-width:700px;margin:0 auto}.favorites__list{margin-top:20px}.favorites__row{display:grid;grid-template-columns:1fr 1fr 60px;align-items:center;padding:10px 15px;border-bottom:1px solid #ddd}.favorites__english{font-weight:600}.favorites__russian{text-align:left;color:#555}.favorites__remove{background:transparent;border:none;font-size:35px;cursor:pointer;color:#183a66}.favorites__remove:hover{color:red}.favorites-wrap{position:relative}.favorites-icon{font-size:26px;display:inline-block}.favorites-badge{position:absolute;top:0;right:-15px;background:red;color:#fff;font-size:12px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.wrapper__tile{display:flex;flex-wrap:wrap;justify-content:space-around}.card{position:relative;margin:25px;width:220px;height:300px;border:2px solid #000;border-radius:12px;background-color:#e4e3e3;color:#000;text-align:center}.word{font-size:30px;font-weight:700;margin-top:100px}.check{position:absolute;bottom:10px;left:10px;background:transparent;border:none;font-size:15px;cursor:pointer}.star{position:absolute;bottom:10px;right:10px;background:transparent;border:none;font-size:35px;cursor:pointer;color:gray}.star.active{color:#183a66}.grey{background-color:#e4e3e3;color:var(--black)}.blue{background-color:#86a4cbb7;color:#fff}.wrapper__filter{display:flex;justify-content:space-between;margin:20px 0}.categoryButton{height:30px;border:2px solid #000;border-radius:10px;background-color:#183a66;color:#fff;font-size:20px;text-align:center;width:clamp(140px,22vw,200px);font-weight:500;cursor:pointer;transition:.3s ease}.categoryButtonSelected,.categoryButton:hover{background-color:#81b881}.wrapper__game{display:flex;align-items:center;justify-content:center;gap:60px}.arrow{height:50px;width:50px;border-radius:50%;border:rgb(24,58,102);background-color:#183a66;color:#fff;font-size:28px;cursor:pointer;transition:.8s}.arrow:hover{transition:.8s;transform:scale(1.2);background-color:#183a66}.arrow:hover{transform:scale(1.2)}.left{transform:scaleX(-1)}.left:hover{transform:scaleX(-1) scale(1.2)}.number{display:flex;justify-content:center;font-size:20px;font-weight:700}.container_loader{position:absolute;width:100%;height:100%;background-color:#1a1a1a94}.lds-roller{position:absolute;top:45%;left:45%}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#000;margin:-4px 0 0 -4px;z-index:2}.lds-roller div:nth-child(1){animation-delay:-36ms}.lds-roller div:nth-child(1):after{top:63px;left:63px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:68px;left:56px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:71px;left:48px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:68px;left:24px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0)}to{transform:rotate(360deg)}}