:root{color-scheme:light dark}*{scroll-behavior:smooth}body,footer .pagination,header,html{background-color:light-dark(#efedea,#1c1b22);color:light-dark(#000,#fff)}header{border-bottom:3px solid #000;position:sticky;top:0}header .header{margin:12px 0;position:relative;text-align:center}header .header h1{margin:0}header .header button{border:0;border-radius:4px;color:#fff;cursor:pointer;font:inherit;height:calc(100% - 8px);padding:8px 32px;position:absolute;text-transform:uppercase;top:4px;transition:all .2s ease;width:150px}header .header button.btn--config{background-color:#14468b;left:0}header .header button.btn--save{background-color:#4caf50;right:0}header .header button:hover{filter:brightness(1.5)}header .search{align-items:center;display:flex;gap:8px}header .search .search-input{border-radius:4px;padding:4px 8px;width:100%}header .search .filter-container{position:relative}header .search .filter-container button{background-color:#14468b;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px;text-transform:uppercase}header .search .filter-container .filter-box{background-color:#fff;border:3px solid #000;border-radius:4px;color:#000;display:none;position:absolute;right:0;transform:translateY(5px);width:200px}header .search .filter-container .filter-box.isOpen{display:block}header .search .filter-container .filter-box ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:8px 4px}header .search .filter-container .filter-box ul label{margin-left:4px}.isLoading{align-items:center;background-color:#0009;color:#fff;display:flex;flex-direction:column;font-size:40px;font-weight:700;gap:24px;height:100vh;inset:0;justify-content:center;position:fixed;text-align:center;width:100vw;z-index:2}.content{padding-bottom:85px}.list-container{padding-bottom:4px;padding-top:4px}.list-container .list-container--row{display:flex;gap:4px;justify-content:space-around;padding:0 4px;text-align:center}.list-container .list-container--row>div{display:grid;flex:1}.list-container .list-container--row>div:after{content:attr(data-replicated-value) " ";visibility:hidden;white-space:pre-wrap}.list-container .list-container--row>div textarea{background-color:light-dark(#fff,rgba(28,27,34,.5));overflow:hidden;resize:none}.list-container .list-container--row>div textarea:disabled{background-color:#ffffff80;color:#000}.list-container .list-container--row>div textarea,.list-container .list-container--row>div:after{border:1px solid #000;font:inherit;grid-area:1/1/2/2;padding:.5rem}.list-container .list-container--row button{align-items:center;display:flex}.list-container .list-container--row button img{height:15px}.list-container .list-container--row h2{cursor:pointer;margin:8px}.list-container .checkTranslated{font-size:12px;padding-bottom:8px;text-align:right}.list-container .checkTranslated *{color:#000;cursor:pointer}.list-container.translated{background-color:#4caf50}.list-container.revising{background-color:#eaea13}.list-container.pending{background-color:#f44336}.list-container.changedNow{background-color:#14468b}footer{inset:auto 0 0 auto;position:fixed;width:100%}footer .pagination{border-top:3px solid #000;display:flex;justify-content:space-between;padding:4px}footer .pagination button{background-color:#14468b;border:none;border-radius:4px;color:#fff;cursor:pointer;z-index:-1}footer .pagination button.show-btn{z-index:1}footer .bottom-footer{height:60px}footer .bottom-footer,footer .bottom-footer .progress-bar--container{display:flex;width:100%}footer .bottom-footer .progress-bar--container .progress-bar{align-items:center;color:#fff;display:flex;height:100%;justify-content:center;overflow:hidden;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}footer .bottom-footer .progress-bar--container .progress-bar--pending{background-color:#f44336}footer .bottom-footer .progress-bar--container .progress-bar--revising{background-color:#eaea13}footer .bottom-footer .progress-bar--container .progress-bar--translated{background-color:#4caf50}footer .bottom-footer .next-button{aspect-ratio:1/1;background-color:#14468b;border:3px solid #000;border-width:3px 0 0 3px;color:#fff;cursor:pointer;font-size:20px;height:100%}
