:root{--clr-light-blue: rgb(135, 206, 235);--clr-lightest: white;--clr-pale-grey: rgb(226, 226, 226);--clr-pale-green-grey: rgb(201, 211, 211);--clr-light-grey: #ccc;--clr-mid: rgb(85, 85, 85);--clr-light-green: rgb(239, 250, 250);--clr-green: rgb(4, 167, 167);--clr-blue-green: #084345;--clr-grey-green: rgb(44, 58, 58);--clr-dark-green: rgb(3, 94, 94);--clr-dark-grey: rgb(77, 76, 76);--clr-dark: rgb(30, 39, 39);--clr-darker: #222;--clr-darkest: black;--clr-warning: red;--clr-orange: orange;--clr-transparent: transparent;--highlight: var(--clr-orange);--border-radius-small: .5rem;--border-radius-medium: 2rem;--border-thin: .3rem solid var(--clr-green);--border-thick: .5rem solid var(--clr-green);--content-editable-border: var(--clr-green);--loading-bg: var(--clr-dark);--loading-txt: var(--clr-light-green);--body-bg: var(--clr-blue-green);--body-txt: var(--clr-light-green);--header-footer-bg: var(--clr-darkest);--header-footer-txt: var(--clr-lightest);--theme-icon: var(--clr-lightest);--theme-txt: var(--clr-lightest);--form-border: var(--clr-dark-green);--form-bg: var(--clr-grey-green);--form-element-bg: var(--clr-darkest);--form-element-text: var(--clr-lightest);--form-placeholder: var(--clr-light-grey);--content-editable-bg: var(--clr-darkest);--table-borders: var(--clr-dark-green);--tr-th: var(--clr-darkest);--tr-odd-bg: var(--clr-grey-green);--tr-even-bg: var(--clr-dark)}.light-theme{--loading-bg: var(--clr-light-green);--loading-txt: var(--clr-darkest);--body-bg: var(--clr-pale-green-grey);--body-txt: var(--clr-darkest);--header-footer-bg: var(--clr-lightest);--header-footer-txt: var(--clr-darkest);--theme-icon: var(--clr-orange);--theme-txt: var(--clr-darkest);--form-border: var(--clr-green);--form-bg: var(--clr-light-green);--form-element-bg: var(--clr-lightest);--form-element-text: var(--clr-darkest);--form-placeholder: var(--clr-dark-grey);--content-editable-bg: var(--clr-light-green);--table-borders: var(--clr-pale-green-grey);--tr-th: var(--clr-lightest);--tr-odd-bg: var(--clr-light-green);--tr-even-bg: var(--clr-lightest)}*,*:after{box-sizing:border-box;margin:0}html{overflow-y:scroll;scroll-behavior:smooth;font-size:10px}html:focus-within{scroll-behavior:smooth}:root{--font-sans: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-serif: Georgia, "Times New Roman", Times, serif;--font-mono: "Courier New", Courier, monospace;--horz-center: 0 auto}.flow>*+*{margin-block-start:1em}body{background-color:var(--body-bg);color:var(--body-txt);font-family:var(--font-sans);margin:0;line-height:1.5;font-size:clamp(1.6rem,1.4512rem + .3101vw,1.8rem)}h1,.h1{font-size:clamp(2.4rem,2.2rem + .8889vw,3.2rem);font-weight:400;line-height:1.3}@media screen and (width < 360px){h1,.h1{padding:0 1rem}}h2{font-size:clamp(2rem,1.8526rem + .8421vw,2.8rem);line-height:1.1}h1,h2{text-wrap:balance}img{max-width:100%;height:auto;vertical-align:middle;font-style:italic}:focus-visible{outline:3px solid var(--highlight);outline-offset:3px}button,input,textarea{all:unset}button,select,textarea,input{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}input,select,textarea{border-radius:2px;padding:.5rem 1rem}.page-layout{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}.page-header,.page-footer{background-color:var(--header-footer-bg);color:var(--header-footer-txt);text-align:center;display:flex;flex-direction:column;gap:2rem}.page-header{padding:3.2rem 0;border-bottom:var(--border-thick)}@media screen and (width < 360px){.page-header{padding-inline:1rem}}.page-header ul{flex-wrap:wrap}.page-header p{margin:0 auto}.main{position:relative;display:flex;flex-direction:column;gap:8rem;overflow:hidden;padding-inline:0;padding-block:8rem}.page-footer{padding:3.2rem 1.6rem;border-top:var(--border-thick)}.page-footer a:hover{text-decoration:underline}.page-footer a:after{content:" ⟶"}.page-header a,.page-footer a{color:var(--header-footer-txt);text-decoration:none}.page-header ul,.page-footer ul{display:flex;gap:1rem}.icon-logo{fill:var(--header-footer-txt);width:3.6rem;height:3.6rem;margin:0 auto}@media screen and (width <= 360px){.icon-logo{margin-block-start:3rem}}[role=region][aria-labelledby][tabindex]{overflow:auto}.skip-link{color:var(--body-txt);text-decoration:none;font-weight:600;padding:.5rem 1rem}.skip-link:after{content:" ↓"}.element-invisible{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;top:0;left:0;z-index:200}.element-invisible.element-focusable:active,.element-invisible.element-focusable:focus{clip:auto;height:auto;overflow:visible}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(0);border:0}@media (prefers-reduced-motion: reduce){html,html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;transition-delay:0ms!important}}.warning{color:var(--clr-warning);font-weight:600}.hide{display:none}.loader-container{position:fixed;z-index:500;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:var(--clr-dark);color:var(--clr-lightest)}.loading-message:after{content:"Page loading...";font-size:5rem;text-align:center;color:var(--clr-lightest)}@media (prefers-reduced-motion: no-preference){.loading-message:after{content:"";font-size:0;color:transparent}.spinner{width:10rem;height:10rem;border:2rem solid var(--clr-lightest);border-top-color:var(--clr-green);border-radius:50%;animation:spin-anim .75s ease infinite}@keyframes spin-anim{0%{transform:rotate(0)}to{transform:rotate(1turn)}}}.add-language{display:grid;place-items:center;height:100vh;height:100dvh}.add-language.hide{display:none}.add-language p{text-align:center;text-wrap:balance;max-width:60ch}.add-language h1{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:center;text-align:center}.add-language h1 .logo{width:3rem;height:3.5rem;background-color:transparent;background-size:cover;background-image:url(/choose-language-dictionary/assets/logo-black-on-white-CzSB_Ajf.png)}.add-language select{background-color:var(--clr-darkest);border:1px solid var(--clr-lightest)}::-webkit-scrollbar{width:auto}::-webkit-scrollbar-track{background-color:var(--clr-dark-green)}::-webkit-scrollbar-thumb{background-color:var(--clr-green);border-radius:100vw}::-webkit-scrollbar-thumb:hover{opacity:.8}@supports (scrollbar-color: black grey){*{scrollbar-color:var(--clr-green) var(--clr-dark-green)}}.theme-picker{position:absolute;top:.5rem;right:1rem;z-index:300;width:-moz-fit-content;width:fit-content}.theme-icon{width:2.4rem;height:2.4rem;fill:var(--theme-icon);margin-right:.5rem}.btn-theme-toggle{display:flex;align-items:center;gap:0;padding:.5rem .5rem .75rem 0;border-width:0 0 5px 0;border-bottom-style:solid;border-bottom-color:var(--clr-green);background-color:var(--theme-button-bg);color:var(--theme-txt);font-size:clamp(1.2rem,1.1rem + .4444vw,1.6rem)}.btn-theme-toggle:hover{opacity:.8}.btn-theme-toggle .mode{margin-inline-start:.5rem}.add-word{--_content-max-width: 127rem;--_content-space-outside: 2rem;width:min(var(--_content-max-width),100% - var(--_content-space-outside) * 2);margin-inline:auto;display:flex;flex-direction:column;padding:3rem;border-radius:1rem;border:3px solid var(--form-border);background-color:var(--form-bg);color:var(--form-element-text)}.add-word .form-items{display:flex;flex-wrap:wrap;gap:2rem;align-items:center;justify-content:space-between;margin-block-end:3rem}.add-word .form-items>*{display:flex;flex-direction:column;gap:1rem}@media screen and (width <= 645px){.add-word .form-items>*{width:100%}}.add-word button{margin-left:auto}.add-word input,.add-word select,.add-word textarea{background-color:var(--form-element-bg);border:1px solid var(--form-element-text)}.add-word input::placeholder,.add-word textarea::placeholder{color:var(--form-placeholder);opacity:.8}button{display:flex;align-items:center;gap:1rem;background-color:var(--clr-dark-green);color:var(--clr-lightest);border:3px solid var(--clr-green);border-radius:.5rem;padding:.5rem 1.5rem}button:hover{opacity:.8}button[disabled]{pointer-events:none;opacity:.5}button.no-text{padding:.95rem .75rem .95rem .8rem;justify-content:center}button svg{width:2.4rem;height:2.4rem}.sort{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin:0 auto;padding-block-end:2rem}.table-scroller{margin:0 2rem}table{width:100%;max-width:160rem;min-width:73.6rem;margin:0 auto;border-collapse:collapse}table th,table td{padding:2rem 1.5rem}table th:last-child,table td:last-child{border-right:0}table th{border-right:3px solid var(--table-borders);font-weight:600}table th:last-child{border-right:0}table td{border-color:var(--table-borders);border-width:0 3px 3px 0;border-style:solid}table td:last-child{border-right:0}table .table-headings{background-color:var(--tr-th);border-bottom:3px solid var(--table-borders)}table .tbody tr:nth-child(odd){background-color:var(--tr-odd-bg)}table .tbody tr:nth-child(2n){background-color:var(--tr-even-bg)}table .editable{display:flex;flex-direction:column;gap:1.5rem}table .editable p{min-width:16rem}table .editable button{margin-left:auto;border-width:0 0 .2rem 0;border-radius:0;padding:.1rem .6rem;text-align:center;font-size:1.6rem}table .delete-entry{margin:0 auto;border:none;background-color:transparent;padding:.1rem .6rem}table [contenteditable=true]{outline:1px dotted var(--body-txt);padding-inline:1rem}table [contenteditable=false]{outline:none;padding:inherit}table .visually-hidden{top:-1000px;left:-1000px}table .tfoot{background-color:var(--tr-th);text-align:center}table .tfoot.delete-all-rows-button{border-top:3px solid var(--table-borders)}table .tfoot.delete-all-rows-button button{margin-left:auto}.light-theme table .delete-entry svg{fill:var(--clr-dark-green)}.clear-local-storage{display:flex;justify-content:center;padding-inline:2rem}.page-header{padding:6rem 2rem}.page-header .h1{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:center}.page-header .h1 .logo{width:3rem;height:3.5rem;background-color:transparent;background-size:cover;background-image:url(/choose-language-dictionary/assets/logo-black-on-white-CzSB_Ajf.png)}.light-theme .page-header .h1 .logo{background-image:url(/choose-language-dictionary/assets/logo-white-on-black-BMrqJQV7.png)}