.page.languages-page { max-width: none; padding: 52px 15px 48px; color: #676a6c; background: #f8f8f8; font: 300 14px/21px Lexend,sans-serif; }
.languages-page .breadcrumb .context { margin-left: auto; }.languages-page .page-heading { display: block; margin: 0; }
.languages-page .page-heading h1 { margin-left: 5px; padding-bottom: 5px; color: #676a6c; font: 400 22px/26.4px Lexend,sans-serif; }
.lang-shell { min-width: 0; }.lang-panel { margin: 5px 0 25px; padding: 0; background: transparent; box-shadow: none; }
.lang-toolbar { min-height: 37px; display: flex; justify-content: flex-end; align-items: flex-start; margin-right: 5px; }
.lang-toolbar button { min-height: 31px; padding: 4px 8px; border: 1px solid #005be8; border-radius: 3px; background: #005be8; color: #fff; font: 400 14px/21px Lexend,sans-serif; }
.lang-content { min-height: 178px; padding: 26px 20px 20px; background: #fff; }
.lang-search { display: flex; justify-content: flex-end; margin-bottom: 10px; }.lang-search input { width: 192px; height: 35px; padding: 6px 12px; border: 1px solid #e5e6e7; border-radius: 1px; background: #fff; color: #676a6c; font: 400 14px/21px Lexend,sans-serif; }
.lang-table-scroll { max-width: 100%; overflow-x: auto; }.lang-table { width: 100%; border-collapse: collapse; border: 1px solid #ebebeb; table-layout: fixed; color: #676a6c; font: 300 14px/20px Lexend,sans-serif; }
.lang-table th:first-child, .lang-table td:first-child { width: 58.065%; }.lang-table th:last-child, .lang-table td:last-child { width: 41.935%; }
.lang-table th { padding: 11px 9px; border: 1px solid #ebebeb; background: #ededed; color: #000; text-align: left; font: 700 14px/20px Lexend,sans-serif; }
.lang-table th::after { content: ''; display: inline-block; margin-left: 4px; vertical-align: 2px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #676a6c; }
.lang-table td { padding: 11px 9px; border: 1px solid #ebebeb; vertical-align: middle; overflow-wrap: anywhere; }.lang-table tbody tr:hover { background: #f8f8f8; }
.lang-empty { text-align: center; }.lang-table input { width: 100%; height: 35px; padding: 6px 12px; border: 1px solid #e5e6e7; border-radius: 1px; font: 400 14px/21px Lexend,sans-serif; }
.lang-actions { white-space: nowrap; }.lang-actions button { min-width: 30px; height: 30px; margin-right: 4px; border: 1px solid #1c84c6; border-radius: 3px; background: #1c84c6; color: #fff; }
.lang-actions [data-lang-edit-cancel] { border-color: #e5e6e7; background: #fff; color: #676a6c; }.lang-actions button:disabled { opacity: .5; }
.lang-error, .lang-notice { margin: 0 0 10px; padding: 7px 10px; border: 1px solid; border-radius: 2px; }.lang-error { border-color: #e9bdc3; background: #fff4f5; color: #a12731; }
.lang-notice { border-color: #b9dbca; background: #f2fbf5; color: #267044; }.lang-error button { border: 0; padding: 0; background: transparent; color: inherit; text-decoration: underline; }
.lang-pager { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding: 12px 0 0; }.lang-pager select { margin: 0 4px; padding: 4px 6px; border: 1px solid #e5e6e7; background: #fff; }
.lang-pager div { display: flex; gap: 5px; }.lang-pager button { padding: 5px 9px; border: 1px solid #e5e6e7; background: #fff; color: #676a6c; }.lang-pager button:disabled { opacity: .5; }
.lang-dialog { position: fixed; top: 28px; left: 50%; transform: translateX(-50%); box-sizing: border-box; width: 850px; min-height: 282px; max-width: calc(100vw - 24px); margin: 0; padding: 0; border: 1px solid transparent; border-radius: 4px; background: #fff; color: #676a6c; font: 300 14px/21px Lexend,sans-serif; }
.lang-dialog::backdrop { background: rgba(0,0,0,.4); }.lang-modal-header { display: flex; justify-content: space-between; align-items: center; min-height: 45px; padding: 10px 15px; border-bottom: 1px solid #e5e5e5; }
.lang-modal-header h2 { margin: 0; color: #000; font: 300 16px/24px Lexend,sans-serif; }.lang-modal-header button { border: 0; background: none; color: #000; font: 300 24px/24px Lexend,sans-serif; }
.lang-modal-body { padding: 20px 30px 30px; }.lang-row-toolbar { display: flex; justify-content: flex-end; }.lang-row-toolbar button { padding: 4px 8px; border: 1px solid #1c84c6; border-radius: 3px; background: #fff; color: #1c84c6; font: 400 14px/21px Lexend,sans-serif; }
.lang-add-table { width: 100%; margin-top: 5px; border-collapse: collapse; }.lang-add-table th, .lang-add-table td { padding: 11px 9px; border: 1px solid #ebebeb; text-align: left; }.lang-add-table th { background: #ededed; color: #000; font-weight: 700; }
.lang-add-table th:last-child, .lang-add-table td:last-child { width: 65px; }.lang-add-table input { width: 100%; height: 35px; padding: 6px 12px; border: 1px solid #e5e6e7; border-radius: 1px; font: 400 14px/21px Lexend,sans-serif; }
.lang-add-table [data-lang-remove] { border: 0; background: none; color: #dd6b55; font-size: 20px; }.lang-modal-actions { display: flex; justify-content: flex-end; margin-top: 16px; }
.lang-modal-actions button { padding: 4px 8px; border: 1px solid #005be8; border-radius: 3px; background: #005be8; color: #fff; font: 400 14px/21px Lexend,sans-serif; }
@media (max-width: 700px) { .page.languages-page { padding: 24px 13px 35px; }.lang-panel { margin: 5px 0 20px; }.lang-content { padding: 16px 10px 12px; }.lang-table { min-width: 570px; }.lang-modal-body { padding: 16px; }.lang-modal-header h2 { font-size: 20px; } }