@media (hover: hover) and (pointer: fine)
{
::-webkit-scrollbar
{
width: var(--scrollbar-width);
}

::-webkit-scrollbar-thumb
{
background-color: var(--primary-200);
}

.custom_select li:hover
{
background-color: var(--primary-100);
color: var(--primary-600);
}

.ig_icon:hover
{
background-color: var(--primary-200);
}

.ig_icon:hover::before
{
background-color: var(--primary-600);
}

.ig_virtual_keyboard button:hover
{
background-color: var(--primary-000);
color: var(--primary-600);
}

[data-color-scheme="dark"] input ~ [role="toolbar"] [id].ig_icon:hover
{
background-color: var(--primary-100);
}

[data-color-scheme="dark"] textarea ~ [role="toolbar"] [id].ig_icon:hover
{
background-color: var(--primary-100);
}

[data-color-scheme="dark"] ul[role="listbox"]::-webkit-scrollbar-thumb
{
background-color: var(--primary-300);
}

[data-title]
{
cursor: help;
position: relative;
}

[data-title]:hover::after
{
background-color: var(--secondary-100);
border-bottom-color: var(--secondary-500);
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: var(--secondary-500);
border-left-style: solid;
border-left-width: 1px;
bottom: 18px;
content: "";
height: 8px;
left: 10px;
position: absolute;
transform: rotate(-45deg);
width: 8px;
}

[data-title]:hover::before
{
background-color: var(--secondary-100);
border-color: var(--secondary-500);
border-style: solid;
border-width: 1px;
bottom: 22px;
color: var(--secondary-500);
content: attr(data-title);
font-size: var(--x-small);
font-style: normal;
font-weight: normal;
left: 0;
padding: 10px;
position: absolute;
white-space: pre;
}

a:has(> article .ig_icon:hover) article
{
background-color: var(--primary-100);
}

a:has(> article .ig_icon:hover) article *
{
color: var(--primary-500);
}

a:hover
{
background-color: var(--secondary-100);
border-bottom-style: none;
color: var(--secondary-500);
outline-style: none;
}

a:hover > article
{
background-color: var(--primary-200);
}

a:hover > article *
{
color: var(--primary-600);
}

body
{
scrollbar-gutter: stable;
}

button:hover
{
background-color: var(--secondary-000);
}

button.ig_warning:hover
{
background-color: var(--accent-warning);
}

html[data-color-scheme="dark"] a.ig_logo:hover
{
background-image: url("/images/logo/svg/logo.svg?1743239431#dark_active");
}

html[data-color-scheme="light"] a.ig_logo:hover
{
background-image: url("/images/logo/svg/logo.svg?1743239431#light_active");
}

input ~ [role="toolbar"] [id].ig_icon:hover
{
background-color: var(--primary-200);
}

input[type="checkbox"].ig_icon:hover
{
background-color: var(--primary-200);
}

textarea ~ [role="toolbar"] [id].ig_icon:hover
{
background-color: var(--primary-200);
}

ul.ig_menu_ a:hover
{
background-color: var(--primary-200);
color: var(--primary-600);
}

ul.ig_menu_ a:hover::before
{
background-color: var(--primary-600);
}

ul[role="listbox"] li:hover
{
background-color: var(--primary-100);
color: var(--primary-600);
}

ul[role="listbox"][data-history] li:hover::before
{
background-color: var(--primary-600);
}
}


@media (inverted-colors)
{
img, video
{
filter: invert(100%);
}
}


@media all
{
::-moz-selection
{
background-color: var(--secondary-100);
color: var(--secondary-500);
}

::-webkit-details-marker
{
display: none;
}

::backdrop
{
background-color: var(--primary-000);
cursor: not-allowed;
opacity: .6;
}

::placeholder
{
color: var(--primary-500);
opacity: 1;
-webkit-user-select: none;
user-select: none;
}

::selection
{
background-color: var(--secondary-100);
color: var(--secondary-500);
}

:focus
{
outline-color: var(--secondary-100);
outline-style: solid;
outline-width: 3px;
}

:focus + output[aria-live="polite"]
{
color: var(--secondary-100);
}

:focus + output[aria-live="polite"]::after
{
content: attr(data-focus);
}

:focus-visible
{
outline-color: var(--secondary-100);
outline-style: solid;
outline-width: 3px;
}

:root
{
--user-avatar-background-color: #000000;
--user-avatar-text-color: #ffffff;
}

:root
{
--vh: 1vh;
}

:root
{
--body-max-width: 1280px;
--body-min-width: 768px;
--column-gap: 32px;
--footer-height: 50px;
--form-max-width: 480px;
--form-min-width: 280px;
--header-height: 60px;
--icon-size: 32px;
--icon-image-size: 24px;
--menu-width: 20%;
--mobile-version: 0;
--scrollbar-width: 8px;
--widget-height: 40px;
}

:root
{
--icon-account: url("/images/icons/svg/icons.svg?1754218696#account");
--icon-account-check: url("/images/icons/svg/icons.svg?1754218696#account_check");
--icon-arrow-back: url("/images/icons/svg/icons.svg?1754218696#arrow_back");
--icon-arrow-drop-down: url("/images/icons/svg/icons.svg?1754218696#arrow_drop_down");
--icon-arrow-upward: url("/images/icons/svg/icons.svg?1754218696#arrow_upward");
--icon-backspace: url("/images/icons/svg/icons.svg?1754218696#backspace");
--icon-book: url("/images/icons/svg/icons.svg?1754218696#book");
--icon-book-add: url("/images/icons/svg/icons.svg?1754218696#book_add");
--icon-book-delete: url("/images/icons/svg/icons.svg?1754218696#book_delete");
--icon-book-edit: url("/images/icons/svg/icons.svg?1754218696#book_edit");
--icon-book-heart: url("/images/icons/svg/icons.svg?1754218696#book_heart");
--icon-bug-report: url("/images/icons/svg/icons.svg?1754218696#bug_report");
--icon-cached: url("/images/icons/svg/icons.svg?1754218696#cached");
--icon-cancel: url("/images/icons/svg/icons.svg?1754218696#cancel");
--icon-check-circle: url("/images/icons/svg/icons.svg?1754218696#check_circle");
--icon-clear: url("/images/icons/svg/icons.svg?1754218696#clear");
--icon-contact-page: url("/images/icons/svg/icons.svg?1754218696#contact_page");
--icon-content-copy: url("/images/icons/svg/icons.svg?1754218696#content_copy");
--icon-dark-mode: url("/images/icons/svg/icons.svg?1754218696#dark_mode");
--icon-delete: url("/images/icons/svg/icons.svg?1754218696#delete");
--icon-email: url("/images/icons/svg/icons.svg?1754218696#email");
--icon-favorite: url("/images/icons/svg/icons.svg?1754218696#favorite");
--icon-favorite-border: url("/images/icons/svg/icons.svg?1754218696#favorite_border");
--icon-format-list-numbered: url("/images/icons/svg/icons.svg?1754218696#format_list_numbered");
--icon-help-outline: url("/images/icons/svg/icons.svg?1754218696#help_outline");
--icon-history: url("/images/icons/svg/icons.svg?1754218696#history");
--icon-hourglass-empty: url("/images/icons/svg/icons.svg?1754218696#hourglass_empty");
--icon-install-desktop: url("/images/icons/svg/icons.svg?1754218696#install_desktop");
--icon-install-mobile: url("/images/icons/svg/icons.svg?1754218696#install_mobile");
--icon-keyboard: url("/images/icons/svg/icons.svg?1754218696#keyboard");
--icon-language: url("/images/icons/svg/icons.svg?1754218696#language");
--icon-light-mode: url("/images/icons/svg/icons.svg?1754218696#light_mode");
--icon-lock: url("/images/icons/svg/icons.svg?1754218696#lock");
--icon-lock-open: url("/images/icons/svg/icons.svg?1754218696#lock_open");
--icon-login: url("/images/icons/svg/icons.svg?1754218696#login");
--icon-logout: url("/images/icons/svg/icons.svg?1754218696#logout");
--icon-menu: url("/images/icons/svg/icons.svg?1754218696#menu");
--icon-mic: url("/images/icons/svg/icons.svg?1754218696#mic");
--icon-print: url("/images/icons/svg/icons.svg?1754218696#print");
--icon-search: url("/images/icons/svg/icons.svg?1754218696#search");
--icon-settings: url("/images/icons/svg/icons.svg?1754218696#settings");
--icon-share: url("/images/icons/svg/icons.svg?1754218696#share");
--icon-shift: url("/images/icons/svg/icons.svg?1754218696#shift");
--icon-swap-horiz: url("/images/icons/svg/icons.svg?1754218696#swap_horiz");
--icon-translate: url("/images/icons/svg/icons.svg?1754218696#translate");
--icon-undo: url("/images/icons/svg/icons.svg?1754218696#undo");
--icon-visibility: url("/images/icons/svg/icons.svg?1754218696#visibility");
--icon-visibility-off: url("/images/icons/svg/icons.svg?1754218696#visibility_off");
--icon-volume-up: url("/images/icons/svg/icons.svg?1754218696#volume_up");
}

:root
{
--virtual-keyboard-height: calc(var(--widget-height) * 4 + 10px * 5);
--virtual-keyboard-margin-bottom: 20px;
}

:root
{
--large: calc(var(--medium) * 1.125);
--medium: 1rem;
--small: calc(var(--medium) * 0.875);
--x-large: calc(var(--medium) * 1.25);
--x-small: calc(var(--medium) * 0.75);
--xx-large: calc(var(--medium) * 1.5);
--xx-small: calc(var(--medium) * 0.625);
--xxx-large: calc(var(--medium) * 1.625);
}

:root[data-color-scheme="dark"], :root[data-color-scheme="dark"] ::backdrop
{
--primary-000: rgba(0,0,0,1);
--primary-100: #333333;
--primary-200: #666666;
--primary-300: #999999;
--primary-400: #cccccc;
--primary-500: #cccccc;
--primary-600: #ffffff;
--primary-900: rgba(0,0,0,0);
--secondary-000: #0066bb;
--secondary-100: #3399ff;
--secondary-500: #ffffff;
--accent-error: #ff0000;
--accent-success: #00cc00;
--accent-warning: #990000;
}

:root[data-color-scheme="light"], :root[data-color-scheme="light"] ::backdrop
{
--primary-000: rgba(255,255,255,1);
--primary-100: #f0f0f0;
--primary-200: #cccccc;
--primary-300: #999999;
--primary-400: #666666;
--primary-500: #333333;
--primary-600: #000000;
--primary-900: rgba(255,255,255,0);
--secondary-000: #0066bb;
--secondary-100: #3399ff;
--secondary-500: #ffffff;
--accent-error: #ff0000;
--accent-success: #009900;
--accent-warning: #990000;
}

.cf-turnstile
{
margin-top: 20px;
}

.cf-turnstile:focus-visible, .cf-turnstile *:focus-visible
{
outline: none;
}

.cf-turnstile:focus, .cf-turnstile *:focus
{
outline: none;
}

.custom_select
{
position: relative;
}

.custom_select + select
{
display: none;
}

.custom_select button[aria-expanded="true"] ~ ul
{
display: block;
}

.custom_select button[aria-haspopup="listbox"]
{
background-color: var(--primary-000);
border-color: var(--primary-200);
border-style: solid;
border-width: 1px;
border-radius: 0;
color: var(--primary-600);
cursor: pointer;
height: var(--widget-height);
line-height: var(--widget-height);
margin: 0;
min-width: initial;
overflow: hidden;
padding-left: 5px;
padding-right: 30px;
position: relative;
text-align: left;
text-overflow: ellipsis;
-webkit-user-select: none;
user-select: none;
white-space: nowrap;
width: 100%;
z-index: 1;
}

.custom_select button[aria-haspopup="listbox"]::after
{
background-color: var(--primary-500);
content: "";
display: inline-block;
height: var(--icon-image-size);
-webkit-mask-image: var(--icon-arrow-drop-down);
mask-image: var(--icon-arrow-drop-down);
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
width: var(--icon-image-size);
}

.custom_select li
{
color: var(--primary-600);
cursor: pointer;
display: block;
height: var(--widget-height);
-webkit-hyphens: none;
hyphens: none;
line-height: var(--widget-height);
margin: 0;
overflow: hidden;
padding-left: 5px;
padding-right: 5px;
text-align: left;
text-overflow: ellipsis;
-webkit-user-select: none;
user-select: none;
white-space: nowrap;
width: 100%;
}

.custom_select ul
{
background-color: var(--primary-200);
border: var(--primary-300) solid 1px;
display: none;
left: 0;
list-style: none;
max-height: 202px;
min-width: -moz-fit-content;
min-width: fit-content;
overflow: hidden;
overscroll-behavior: contain;
padding: 0;
position: absolute;
top: calc(100% + 3px);
width: 100%;
z-index: 2;
}

.custom_select ul:hover
{
overflow-y: auto;
}

.ig_b
{
border-color: var(--accent-error);
border-style: none;
border-width: 1px;
display: none;
margin-top: 0;
overflow: hidden;
}

.ig_b_a
{
display: block;
}

.ig_dictionary_history_direction
{
grid-area: select_direction;
}

.ig_dictionary_history_period
{
grid-area: select_period;
}

.ig_dictionary_translate_phrase[data-caret-hidden]
{
caret-color: transparent;
}

.ig_icon
{
background-color: var(--primary-900);
border-radius: 50%;
border-style: none;
cursor: pointer;
display: grid;
height: var(--icon-size);
margin: 0;
min-width: initial;
padding: 0;
place-items: center;
width: var(--icon-size);
}

.ig_icon_arrow_back::before
{
-webkit-mask-image: var(--icon-arrow-back);
mask-image: var(--icon-arrow-back);
}

.ig_icon_arrow_upward::before
{
-webkit-mask-image: var(--icon-arrow-upward);
mask-image: var(--icon-arrow-upward);
}

.ig_icon_backspace::before
{
-webkit-mask-image: var(--icon-backspace);
mask-image: var(--icon-backspace);
}

.ig_icon_book_add::before
{
-webkit-mask-image: var(--icon-book-add);
mask-image: var(--icon-book-add);
}

.ig_icon_book_delete::before
{
-webkit-mask-image: var(--icon-book-delete);
mask-image: var(--icon-book-delete);
}

.ig_icon_book_edit::before
{
-webkit-mask-image: var(--icon-book-edit);
mask-image: var(--icon-book-edit);
}

.ig_icon_book_heart::before
{
-webkit-mask-image: var(--icon-book-heart);
mask-image: var(--icon-book-heart);
}

.ig_icon_bug_report::before
{
-webkit-mask-image: var(--icon-bug-report);
mask-image: var(--icon-bug-report);
}

.ig_icon_clear::before
{
-webkit-mask-image: var(--icon-clear);
mask-image: var(--icon-clear);
}

.ig_icon_content_copy::before
{
-webkit-mask-image: var(--icon-content-copy);
mask-image: var(--icon-content-copy);
}

.ig_icon_delete::before
{
-webkit-mask-image: var(--icon-delete);
mask-image: var(--icon-delete);
}

.ig_icon_favorite_border::before
{
-webkit-mask-image: var(--icon-favorite-border);
mask-image: var(--icon-favorite-border);
}

.ig_icon_favorite::before
{
-webkit-mask-image: var(--icon-favorite);
mask-image: var(--icon-favorite);
}

.ig_icon_format_list_numbered::before
{
-webkit-mask-image: var(--icon-format-list-numbered);
mask-image: var(--icon-format-list-numbered);
}

.ig_icon_hourglass_empty::before
{
-webkit-mask-image: var(--icon-hourglass-empty);
mask-image: var(--icon-hourglass-empty);
}

.ig_icon_install::before
{
-webkit-mask-image: var(--icon-install-desktop);
mask-image: var(--icon-install-desktop);
}

.ig_icon_keyboard::before
{
-webkit-mask-image: var(--icon-keyboard);
mask-image: var(--icon-keyboard);
}

.ig_icon_language::before
{
-webkit-mask-image: var(--icon-language);
mask-image: var(--icon-language);
}

.ig_icon_menu::before
{
-webkit-mask-image: var(--icon-menu);
mask-image: var(--icon-menu);
}

.ig_icon_mic::before
{
-webkit-mask-image: var(--icon-mic);
mask-image: var(--icon-mic);
}

.ig_icon_print::before
{
-webkit-mask-image: var(--icon-print);
mask-image: var(--icon-print);
}

.ig_icon_search::before
{
-webkit-mask-image: var(--icon-search);
mask-image: var(--icon-search);
}

.ig_icon_share::before
{
-webkit-mask-image: var(--icon-share);
mask-image: var(--icon-share);
}

.ig_icon_shift::before
{
-webkit-mask-image: var(--icon-shift);
mask-image: var(--icon-shift);
}

.ig_icon_swap_horiz::before
{
-webkit-mask-image: var(--icon-swap-horiz);
mask-image: var(--icon-swap-horiz);
}

.ig_icon_undo::before
{
-webkit-mask-image: var(--icon-undo);
mask-image: var(--icon-undo);
}

.ig_icon_visibility_off::before
{
-webkit-mask-image: var(--icon-visibility-off);
mask-image: var(--icon-visibility-off);
}

.ig_icon_visibility::before
{
-webkit-mask-image: var(--icon-visibility);
mask-image: var(--icon-visibility);
}

.ig_icon_volume_up::before
{
-webkit-mask-image: var(--icon-volume-up);
mask-image: var(--icon-volume-up);
}

.ig_icon::before
{
background-color: var(--primary-500);
content: "";
height: var(--icon-image-size);
width: var(--icon-image-size);
}

.ig_icon:active
{
background-color: var(--primary-200);
outline-style: none;
}

.ig_icon:active::before
{
background-color: var(--primary-600);
}

.ig_icon:focus
{
background-color: var(--primary-200);
outline-style: none;
}

.ig_icon:focus-visible
{
background-color: var(--primary-200);
outline-style: none;
}

.ig_icon:focus-visible::before
{
background-color: var(--primary-600);
}

.ig_icon:focus::before
{
background-color: var(--primary-600);
}

.ig_icon[disabled]
{
background-color: var(--primary-900);
cursor: not-allowed;
}

.ig_icon[disabled]::before
{
background-color: var(--primary-300);
cursor: not-allowed;
}

.ig_menu_account_check::before
{
-webkit-mask-image: var(--icon-account-check);
mask-image: var(--icon-account-check);
}

.ig_menu_account::before
{
-webkit-mask-image: var(--icon-account);
mask-image: var(--icon-account);
}

.ig_menu_book_add::before
{
-webkit-mask-image: var(--icon-book-add);
mask-image: var(--icon-book-add);
}

.ig_menu_book::before
{
-webkit-mask-image: var(--icon-book);
mask-image: var(--icon-book);
}

.ig_menu_cached::before
{
-webkit-mask-image: var(--icon-cached);
mask-image: var(--icon-cached);
}

.ig_menu_contact_page::before
{
-webkit-mask-image: var(--icon-contact-page);
mask-image: var(--icon-contact-page);
}

.ig_menu_email::before
{
-webkit-mask-image: var(--icon-email);
mask-image: var(--icon-email);
}

.ig_menu_favorite_border::before
{
-webkit-mask-image: var(--icon-favorite-border);
mask-image: var(--icon-favorite-border);
}

.ig_menu_help_outline::before
{
-webkit-mask-image: var(--icon-help-outline);
mask-image: var(--icon-help-outline);
}

.ig_menu_history::before
{
-webkit-mask-image: var(--icon-history);
mask-image: var(--icon-history);
}

.ig_menu_lock_open::before
{
-webkit-mask-image: var(--icon-lock-open);
mask-image: var(--icon-lock-open);
}

.ig_menu_lock::before
{
-webkit-mask-image: var(--icon-lock);
mask-image: var(--icon-lock);
}

.ig_menu_login::before
{
-webkit-mask-image: var(--icon-login);
mask-image: var(--icon-login);
}

.ig_menu_logout::before
{
-webkit-mask-image: var(--icon-logout);
mask-image: var(--icon-logout);
}

.ig_menu_settings::before
{
-webkit-mask-image: var(--icon-settings);
mask-image: var(--icon-settings);
}

.ig_menu_translate::before
{
-webkit-mask-image: var(--icon-translate);
mask-image: var(--icon-translate);
}

.ig_translator_direction
{
width: 24ch;
}

.ig_user_avatar_avatar
{
align-items: center;
border-radius: 50%;
display: flex;
flex: 0 0 50px;
height: 50px;
justify-content: center;
width: 50px;
}

.ig_user_avatar_avatar span
{
cursor: default;
font-size: var(--xx-large);
margin-bottom: 5px;
text-transform: lowercase;
-webkit-user-select: none;
user-select: none;
}

.ig_user_avatar_colors
{
background-color: var(--user-avatar-background-color);
}

.ig_user_avatar_colors span
{
color: var(--user-avatar-text-color);
}

.ig_user_settings_timezone
{
width: 12ch;
}

.ig_virtual_keyboard
{
align-content: flex-start;
background-color: var(--primary-100);
border-radius: 0;
display: none;
flex-wrap: wrap;
grid-column: 1 / -1;
grid-row: 1 / -1;
height: var(--virtual-keyboard-height);
margin: 0;
outline: var(--primary-000) solid var(--virtual-keyboard-margin-bottom);
padding: 0;
position: absolute;
top: calc(var(--viewport-height) - var(--footer-height) - var(--virtual-keyboard-height) - var(--virtual-keyboard-margin-bottom));
width: 100%;
z-index: 1;
}

.ig_virtual_keyboard button:active
{
background-color: var(--primary-000);
color: var(--primary-600);
}

.ig_virtual_keyboard button[data-pressed]
{
background-color: var(--primary-000);
color: var(--primary-600);
}

.ig_virtual_keyboard button[disabled]
{
pointer-events: none;
}

.ig_virtual_keyboard button#Backspace
{
width: 20%;
}

.ig_virtual_keyboard button#Backspace::before
{
content: attr(data-value);
}

.ig_virtual_keyboard button#CapsLock
{
width: 12%;
}

.ig_virtual_keyboard button#CapsLock::before
{
content: attr(data-value);
}

.ig_virtual_keyboard button#Delete
{
width: 11%;
}

.ig_virtual_keyboard button#Enter
{
width: 19%;
}

.ig_virtual_keyboard button#Enter::before
{
content: attr(data-value);
}

.ig_virtual_keyboard button#ShiftLeft
{
width: 14%;
}

.ig_virtual_keyboard button#Space
{
font-size: var(--small);
letter-spacing: 1px;
vertical-align: bottom;
width: 23%;
}

.ig_virtual_keyboard button#Space::before
{
content: attr(data-value);
}

.ig_virtual_keyboard button#Tab
{
width: 8%;
}

.ig_virtual_keyboard button#Tab::before
{
content: attr(data-value);
}

[aria-hidden="true"]
{
display: none;
}

[data-color-scheme="dark"] .custom_select button[aria-haspopup="listbox"]
{
background-color: var(--primary-200);
border-color: var(--primary-300);
}

[data-color-scheme="dark"] h1
{
color: var(--primary-300);
}

[data-color-scheme="dark"] input
{
background-color: var(--primary-200);
border-color: var(--primary-300);
}

[data-color-scheme="dark"] input ~ [role="toolbar"] [id].ig_icon:active
{
background-color: var(--primary-100);
}

[data-color-scheme="dark"] input ~ [role="toolbar"] [id].ig_icon:focus
{
background-color: var(--primary-100);
}

[data-color-scheme="dark"] input ~ [role="toolbar"] [id].ig_icon:focus-visible
{
background-color: var(--primary-100);
}

[data-color-scheme="dark"] textarea
{
background-color: var(--primary-200);
border-color: var(--primary-300);
}

[data-color-scheme="dark"] textarea ~ [role="toolbar"] [id].ig_icon:active
{
background-color: var(--primary-100);
}

[data-color-scheme="dark"] textarea ~ [role="toolbar"] [id].ig_icon:focus
{
background-color: var(--primary-100);
}

[data-color-scheme="dark"] textarea ~ [role="toolbar"] [id].ig_icon:focus-visible
{
background-color: var(--primary-100);
}

[data-color-scheme="dark"] ul[role="listbox"]
{
background-color: var(--primary-200);
border-color: var(--primary-300);
border-top-color: var(--primary-100);
}

[disabled]
{
color: var(--primary-500);
cursor: not-allowed;
}

[hidden]
{
display: none !important;
}

[readonly]
{
color: var(--primary-500);
}

[required] + output[aria-live="polite"][data-error-server]:not([data-error-server=""])::after
{
color: var(--accent-error);
content: attr(data-error-server);
}

[required] + output[aria-live="polite"][data-error-server]:not([data-error-server=""])::before
{
background-color: var(--accent-error);
content: "";
-webkit-mask-image: var(--icon-cancel);
mask-image: var(--icon-cancel);
}

[required]:valid
{
box-shadow: none;
outline-color: var(--accent-success);
outline-style: solid;
}

[required]:valid + output[aria-live="polite"]
{
color: var(--accent-success);
}

[required]:valid + output[aria-live="polite"]::after
{
content: attr(data-valid);
}

[required]:valid + output[aria-live="polite"]::before
{
content: "";
-webkit-mask-image: var(--icon-check-circle);
mask-image: var(--icon-check-circle);
}

[required][aria-invalid="true"]:invalid
{
box-shadow: none;
outline-color: var(--accent-error);
outline-style: solid;
}

[required][aria-invalid="true"]:invalid + output[aria-live="polite"]
{
color: var(--accent-error);
}

[required][aria-invalid="true"]:invalid + output[aria-live="polite"]::after
{
content: attr(data-error-pattern-mismatch);
}

[required][aria-invalid="true"]:invalid + output[aria-live="polite"]::before
{
content: "";
-webkit-mask-image: var(--icon-cancel);
mask-image: var(--icon-cancel);
}

[required][aria-invalid="true"]:invalid:placeholder-shown + output[aria-live="polite"]::after
{
content: attr(data-error-value-missing);
}

[role="toolbar"]
{
align-items: center;
display: grid;
grid-auto-flow: column;
grid-column-gap: 10px;
justify-content: right;
margin-top: 0;
}

*::-moz-focus-inner
{
border-style: none;
}

*::before, *::after
{
box-sizing: border-box;
}

*:has(+ output[aria-live="polite"][data-error-server]:not([data-error-server=""]))
{
outline-color: var(--accent-error);
outline-style: solid;
}

#current-password:placeholder-shown ~ [role="toolbar"] #password_toggle, #new-password:placeholder-shown ~ [role="toolbar"] #password_toggle
{
display: none;
}

#password_toggle:checked::before
{
-webkit-mask-image: var(--icon-visibility-off);
mask-image: var(--icon-visibility-off);
}

#password_toggle:not(:checked)::before
{
-webkit-mask-image: var(--icon-visibility);
mask-image: var(--icon-visibility);
}

a
{
border-bottom-color: var(--secondary-100);
border-bottom-style: solid;
border-bottom-width: 1px;
color: var(--secondary-100);
cursor: pointer;
text-decoration: none;
}

a > article
{
cursor: pointer;
}

a:active
{
background-color: var(--secondary-100);
border-bottom-style: none;
color: var(--secondary-500);
outline-style: none;
}

a:focus
{
outline-style: none;
}

a:focus
{
background-color: var(--secondary-100);
border-bottom-style: none;
color: var(--secondary-500);
}

a:focus > article
{
background-color: var(--primary-200);
}

a:focus > article *
{
color: var(--primary-600);
}

a:focus-visible
{
outline-style: none;
}

a:focus-visible
{
background-color: var(--secondary-100);
border-bottom-style: none;
color: var(--secondary-500);
}

a:focus-visible > article
{
background-color: var(--primary-200);
}

a:focus-visible > article *
{
color: var(--primary-600);
}

a:not(:empty)
{
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
padding-top: 0;
}

a.ig_local
{
border-bottom-style: dotted;
display: initial;
}

a.ig_logo
{
background-color: var(--primary-900);
border-style: none;
display: block;
height: 50px;
outline-style: none;
width: 176px;
}

a.ig_logo[aria-current="page"]
{
cursor: default;
pointer-events: none;
}

abbr
{
border-bottom-style: none;
color: var(--accent-success);
font-style: italic;
-webkit-user-select: none;
user-select: none;
}

abbr[data-title]:hover::after
{
background-color: var(--accent-success);
}

abbr[data-title]:hover::before
{
background-color: var(--accent-success);
}

article
{
background-color: var(--primary-100);
padding: calc(var(--column-gap)*.5);
}

article p
{
color: var(--primary-500);
}

article time
{
color: var(--primary-500);
display: block;
font-size: var(--small);
}

article:focus
{
outline-style: none;
}

article:focus-visible
{
outline-style: none;
}

article.ig_dictionary_translate p
{
text-align: left;
}

body
{
display: grid;
font-size: var(--medium);
grid-template-areas: "header header" "dialog main" "footer footer";
grid-template-columns: var(--menu-width) 1fr;
grid-template-rows: var(--header-height) 1fr var(--footer-height);
justify-self: center;
line-height: 1.6;
max-width: var(--body-max-width);
min-height: 100vh;
overflow-x: hidden;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: none;
text-size-adjust: none;
width: 100%;
}

body * + *
{
margin-top: 10px;
}

body > header
{
align-items: center;
background-color: var(--primary-100);
border-bottom: var(--primary-200) solid 1px;
display: grid;
grid-area: header;
grid-column-gap: var(--column-gap);
grid-template-areas: "logo form";
grid-template-columns: var(--menu-width) 1fr;
height: var(--header-height);
justify-content: space-between;
margin-top: 0;
position: relative;
z-index: 10;
}

body > header *
{
margin-top: 0;
}

body > header form
{
align-items: center;
border-style: none;
display: grid;
grid-column-gap: 10px;
padding: 0;
padding-right: var(--column-gap);
}

body > header form *
{
margin-top: 0;
}

body > header::after
{
background-image: linear-gradient(var(--primary-000), var(--primary-900));
content: "";
height: 19px;
left: 0;
position: absolute;
top: var(--header-height);
width: 100%;
}

button
{
background-color: var(--secondary-100);
border-radius: 5px;
border-style: none;
box-shadow: none;
color: var(--secondary-500);
cursor: pointer;
display: block;
height: var(--widget-height);
letter-spacing: 0.7px;
line-height: var(--widget-height);
min-width: 180px;
overflow: hidden;
padding-left: 16px;
padding-right: 16px;
text-align: center;
text-decoration: none;
text-overflow: ellipsis;
-webkit-user-select: none;
user-select: none;
white-space: nowrap;
}

button, input, select, textarea
{
font: inherit;
}

button:active
{
background-color: var(--secondary-000);
}

button:focus
{
background-color: var(--secondary-000);
}

button:focus-visible
{
background-color: var(--secondary-000);
}

button.ig_icon[data-audio-hash=""]
{
display: none;
}

button.ig_pwa_install
{
grid-area: pwa;
}

button.ig_scroller
{
grid-area: scroller;
}

button.ig_translator_languages_swap
{
display: none;
}

button.ig_warning
{
background-color: var(--accent-error);
}

button.ig_warning:active
{
background-color: var(--accent-warning);
}

button.ig_warning:focus
{
outline-color: var(--accent-error);
}

button.ig_warning:focus
{
background-color: var(--accent-warning);
}

button.ig_warning:focus-visible
{
outline-color: var(--accent-error);
}

button.ig_warning:focus-visible
{
background-color: var(--accent-warning);
}

button[disabled]
{
background-color: var(--primary-200);
transition-property: none;
}

button#form_toggle_close
{
display: none;
}

button#form_toggle_open
{
display: none;
}

button#menu_open
{
display: none;
}

canvas
{
display: block;
}

details > summary
{
-webkit-user-select: none;
user-select: none;
}

details > summary::before
{
content: '▲';
margin-right: 5px;
}

details > summary::before
{
color: var(--primary-400);
}

details > summary:focus-visible::before
{
color: var(--secondary-100);
}

details > summary:focus::before
{
color: var(--secondary-100);
}

details > summary:hover
{
cursor: pointer;
}

details[open] > summary::before
{
content: '▼';
}

dialog
{
background-color: var(--primary-100);
border: var(--primary-300) solid 1px;
display: none;
left: 50%;
margin-top: 0;
max-width: var(--form-max-width);
min-width: var(--form-min-width);
overflow: hidden;
position: fixed;
top: 50%;
transform: translate(-50%, -50%);
-webkit-user-select: none;
user-select: none;
z-index: 100;
}

dialog > form
{
margin-top: 0;
padding: var(--column-gap);
}

dialog > form div
{
color: var(--primary-500);
margin-left: 0;
overflow-x: hidden;
width: 100%;
}

dialog > header
{
align-items: center;
border-style: none;
display: flex;
flex-wrap: nowrap;
gap: 10px;
justify-content: space-between;
padding-left: var(--column-gap);
padding-right: var(--column-gap);
height: calc(var(--column-gap) * 2);
}

dialog > header > h2
{
color: var(--primary-400);
flex: 1 1 auto;
white-space: nowrap;
}

dialog button
{
display: inline-block;
margin-left: 20px;
}

dialog button:first-of-type
{
margin-left: 0;
}

dialog:focus
{
outline-style: none;
}

dialog:focus-visible
{
outline-style: none;
}

dialog[open]
{
display: block;
}

dialog[open] ~ *
{
-webkit-user-select: none;
user-select: none;
}

dialog[open] ~ #backdrop
{
display: block;
}

dialog#menu
{
background-color: var(--primary-100);
border: none;
border-left: var(--primary-200) solid 1px;
border-right: var(--primary-200) solid 1px;
box-sizing: border-box;
display: flex;
flex-direction: column;
grid-area: dialog;
height: 100%;
left: 0;
margin-top: 0;
max-width: initial;
min-width: initial;
overflow: hidden;
overscroll-behavior: contain;
padding: 0;
position: relative;
top: 0;
transform: none;
width: 100%;
z-index: auto;
}

dialog#menu header
{
display: none;
}

dialog#menu:hover
{
overflow-y: auto;
}

dialog#menu.no_transition
{
transition: none;
}

div.ig_converter_conversion_container
{
position: relative;
width: 100%;
}

div.ig_converter_conversion_container div[role="toolbar"]
{
position: absolute;
right: 4px;
top: 4px;
}

div.ig_converter_text_container
{
margin-top: 0;
position: relative;
width: 100%;
}

div.ig_converter_text_container div[role="toolbar"]
{
position: absolute;
right: 4px;
top: 4px;
}

div.ig_copyright
{
margin-top: 0;
}

div.ig_counters
{
align-self: center;
height: 31px;
margin-top: 0;
}

div.ig_counters img
{
float: right;
font-size: var(--x-small);
}

div.ig_counters span a img
{
margin-right: 10px;
}

div.ig_dictionary_favourites_contents a
{
background-color: var(--primary-900);
border-bottom-style: none;
display: block;
max-height: 500px;
overflow: hidden;
padding: 0;
transition: max-height 1s ease-out;
}

div.ig_dictionary_favourites_contents a:last-child
{
margin-bottom: 0;
}

div.ig_dictionary_favourites_contents a.ig_collapsed
{
max-height: 0;
}

div.ig_dictionary_favourites_contents article
{
display: grid;
grid-template-columns: 1fr var(--icon-size);
grid-template-rows: repeat(3, auto);
}

div.ig_dictionary_favourites_contents article button
{
grid-column: 2;
grid-row: 1 / span 3;
}

div.ig_dictionary_favourites_contents article p
{
font-size: var(--small);
}

div.ig_dictionary_history_contents a
{
background-color: var(--primary-900);
border-bottom-style: none;
display: block;
max-height: 500px;
overflow: hidden;
padding: 0;
transition: max-height 1s ease-out;
}

div.ig_dictionary_history_contents a:last-child
{
margin-bottom: 0;
}

div.ig_dictionary_history_contents a.ig_collapsed
{
max-height: 0;
}

div.ig_dictionary_history_contents article
{
display: grid;
grid-template-columns: 1fr var(--icon-size);
grid-template-rows: repeat(3, auto);
}

div.ig_dictionary_history_contents article button
{
grid-column: 2;
grid-row: 1 / span 3;
}

div.ig_dictionary_history_contents article p
{
font-size: var(--small);
}

div.ig_dictionary_translate_article_toolbar
{
grid-area: toolbar;
}

div.ig_info
{
background-color: var(--primary-100);
color: var(--primary-500);
padding-bottom: calc(var(--column-gap)*.5);
padding-left: var(--column-gap);
padding-right: var(--column-gap);
padding-top: calc(var(--column-gap)*.5);
}

div.ig_logo
{
height: 100%;
padding-left: var(--column-gap);
overflow-x: hidden;
}

div.ig_orphus_mark
{
border-color: var(--primary-200);
border-style: solid;
border-width: 1px;
color: var(--primary-500);
cursor: not-allowed;
height: 80px;
overflow-y: auto;
padding: 5px;
}

div.ig_orphus_mark mark
{
background-color: var(--accent-error);
color: var(--primary-600);
padding-bottom: 3px;
padding-left: 1px;
padding-right: 1px;
padding-top: 0;
}

div.ig_translator_text_container
{
margin-top: 20px;
position: relative;
}

div.ig_translator_text_container div[role="toolbar"]
{
position: absolute;
right: 4px;
top: 4px;
}

div.ig_translator_translation_container
{
position: relative;
width: 100%;
}

div.ig_translator_translation_container div[role="toolbar"]
{
position: absolute;
right: 4px;
top: 4px;
}

div.ig_user_account_id
{
border-color: var(--primary-300);
border-radius: 0;
border-style: solid;
border-width: 1px;
caret-color: var(--primary-600);
color: var(--primary-600);
cursor: pointer;
display: block;
height: var(--widget-height);
line-height: var(--widget-height);
padding-left: 5px;
padding-right: 5px;
-webkit-user-select: all;
user-select: all;
width: 8ch;
}

div.ig_user_avatar
{
align-items: center;
display: flex;
padding-left: calc(var(--column-gap) - 14px);
padding-right: var(--column-gap);
padding-top: var(--column-gap);
}

div.ig_user_avatar_user_name
{
color: var(--primary-500);
flex: auto;
margin-left: 10px;
margin-top: 0;
overflow-x: hidden;
text-overflow: ellipsis;
-webkit-user-select: none;
user-select: none;
white-space: nowrap;
}

div.ig_user_register_container
{
align-items: stretch;
display: flex;
gap: var(--column-gap);
justify-content: space-between;
}

div.ig_user_register_info
{
flex: 1;
margin-top: 0;
padding-bottom: var(--column-gap);
padding-top: var(--column-gap);
}

div.ig_user_register_info h3
{
margin-left: 20px;
margin-top: 0;
}

div.ig_user_settings_avatar.ig_user_avatar_avatar
{
display: none;
}

em
{
font-style: italic;
}

fieldset
{
border-color: var(--primary-200);
border-style: solid;
border-width: 1px;
}

figcaption
{
display: block;
}

figure
{
display: block;
}

footer
{
align-items: center;
background-color: var(--primary-100);
border-top: var(--primary-200) solid 1px;
display: grid;
grid-area: footer;
grid-column-gap: var(--column-gap);
grid-template-areas: "language_interface color_scheme pwa toolbar scroller";
grid-template-columns: auto auto auto 1fr var(--icon-size);
margin-top: 0;
padding-left: calc(var(--column-gap) - 5px);
padding-right: var(--column-gap);
position: relative;
z-index: 20;
}

footer *
{
margin-top: 0;
}

footer::before
{
background-image: linear-gradient(var(--primary-900), var(--primary-000));
content: "";
height: 19px;
left: 0;
position: absolute;
top: -20px;
width: 100%;
}

form
{
background-color: var(--primary-100);
padding: var(--column-gap);
width: 100%;
}

form > * + button
{
margin-top: 30px;
}

form > * + label
{
margin-top: 20px;
}

form > label:first-of-type
{
margin-top: 0;
}

form button.ig_dictionary_translate_languages_swap
{
grid-area: button_languages_swap;
}

form button.ig_dictionary_translate_translate
{
grid-area: button_translate;
}

form div
{
-webkit-user-select: none;
user-select: none;
}

form div.ig_dictionary_translate_phrase
{
grid-area: input_phrase;
}

form div.ig_dictionary_translate_phrase:focus-within ~ .ig_virtual_keyboard:not([hidden])
{
display: flex;
}

form div.ig_form_widget_container
{
position: relative;
}

form fieldset.ig_virtual_keyboard button
{
background-color: var(--primary-000);
border-style: none;
color: var(--primary-500);
margin-left: 1%;
margin-top: 10px;
min-width: initial;
order: 1;
overflow: hidden;
padding: 0;
text-align: center;
text-overflow: ellipsis;
transition-property: none;
width: 5%;
}

form label.ig_dictionary_history_direction
{
grid-area: label_direction;
}

form label.ig_dictionary_history_period
{
grid-area: label_period;
}

form label.ig_dictionary_translate_direction
{
grid-area: label_direction;
}

form label.ig_dictionary_translate_phrase
{
grid-area: label_phrase;
}

form label.ig_orphus_message
{
margin-top: 10px;
}

form select.ig_dictionary_translate_direction, form select-custom.ig_dictionary_translate_direction
{
grid-area: select_direction;
}

form ul.ig_dictionary_translate_suggests
{
display: none;
max-height: calc(var(--viewport-height) - var(--header-height) - var(--footer-height) - var(--virtual-keyboard-height) - var(--virtual-keyboard-margin-bottom)*2);
position: absolute;
width: 100%;
z-index: 1;
top: calc(var(--widget-height) + 3px);
}

form.ig_color_scheme_form
{
align-items: center;
border-style: none;
display: flex;
grid-area: color_scheme;
height: var(--icon-size);
padding: 0;
width: auto;
}

form.ig_color_scheme_form label[for="color_scheme_toggle"]
{
margin: 0;
padding-left: 5px;
}

form.ig_converter_form textarea
{
height: 100px;
min-height: 100px;
overflow-y: auto;
padding-right: var(--icon-size);
}

form.ig_dictionary_add_form
{
max-width: var(--form-max-width);
}

form.ig_dictionary_add_form select
{
width: 180px;
}

form.ig_dictionary_favourites_dictionary_add_form
{
max-width: var(--form-max-width);
}

form.ig_dictionary_favourites_dictionary_edit_form
{
max-width: var(--form-max-width);
}

form.ig_dictionary_favourites_form
{
grid-template-columns: minmax(0, min-content) minmax(0, 24ch) repeat(auto-fit, var(--icon-size));
}

form.ig_dictionary_history_form
{
grid-template-areas: "label_direction select_direction label_period select_period";
grid-template-columns: minmax(0, min-content) minmax(0, 14ch) minmax(0, min-content) minmax(0, 24ch) repeat(auto-fit, var(--icon-size));
}

form.ig_dictionary_translate_form
{
grid-template-areas: "label_direction select_direction button_languages_swap label_phrase input_phrase button_translate";
grid-template-columns: minmax(0, min-content) minmax(0, 14ch) var(--icon-size) minmax(0, min-content) minmax(20ch, 1fr) var(--icon-size);
position: relative;
}

form.ig_language_interface_form
{
align-items: center;
display: flex;
grid-area: language_interface;
padding: 0;
width: auto;
}

form.ig_language_interface_form label[for="language_interface_toggle"]
{
margin: 0;
padding-left: 5px;
}

form.ig_translator_form textarea
{
height: 100px;
min-height: 100px;
overflow-y: auto;
padding-right: var(--icon-size);
}

form.ig_user_account_form
{
max-width: var(--form-max-width);
}

form.ig_user_confirm_form
{
max-width: var(--form-max-width);
}

form.ig_user_login_form
{
max-width: var(--form-max-width);
}

form.ig_user_logout_form
{
display: flex;
flex-wrap: wrap;
gap: var(--column-gap);
justify-content: center;
}

form.ig_user_password_recover_form
{
max-width: var(--form-max-width);
}

form.ig_user_password_set_form
{
max-width: var(--form-max-width);
}

form.ig_user_register_form
{
flex: 1;
}

form.ig_user_settings_form
{
max-width: var(--form-max-width);
}

h1
{
color: var(--primary-400);
font-size: var(--xxx-large);
font-weight: bold;
-webkit-hyphens: none;
hyphens: none;
letter-spacing: 1px;
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-user-select: none;
user-select: none;
white-space: nowrap;
}

h1 + p
{
-webkit-user-select: none;
user-select: none;
}

h2
{
color: var(--primary-400);
font-size: var(--xx-large);
font-weight: bold;
-webkit-user-select: none;
user-select: none;
}

h3
{
color: var(--primary-400);
font-size: var(--x-large);
font-weight: bold;
}

h4
{
font-size: var(--large);
font-weight: normal;
}

h5
{
font-weight: normal;
text-align: left;
}

h6
{
font-weight: normal;
text-align: left;
}

hgroup
{
display: block;
}

html[data-color-scheme-transition] footer::before, html[data-color-scheme-transition] header::after
{
content: none;
}

html[data-color-scheme="dark"] .ig_icon_color_scheme::before
{
-webkit-mask-image: var(--icon-light-mode);
mask-image: var(--icon-light-mode);
}

html[data-color-scheme="dark"] #backdrop
{
background-color: var(--primary-000);
}

html[data-color-scheme="dark"] #color_scheme_toggle_label::before
{
content: attr(data-light);
}

html[data-color-scheme="dark"] a.ig_logo
{
background-image: url("/images/logo/svg/logo.svg?1743239431#dark");
}

html[data-color-scheme="dark"] a.ig_logo:active
{
background-image: url("/images/logo/svg/logo.svg?1743239431#dark_active");
}

html[data-color-scheme="dark"] a.ig_logo:focus
{
background-image: url("/images/logo/svg/logo.svg?1743239431#dark_active");
}

html[data-color-scheme="dark"] a.ig_logo:focus-visible
{
background-image: url("/images/logo/svg/logo.svg?1743239431#dark_active");
}

html[data-color-scheme="dark"] body
{
background-color: var(--primary-000);
color: var(--primary-500);
}

html[data-color-scheme="light"] .ig_icon_color_scheme::before
{
-webkit-mask-image: var(--icon-dark-mode);
mask-image: var(--icon-dark-mode);
}

html[data-color-scheme="light"] #backdrop
{
background-color: var(--primary-000);
}

html[data-color-scheme="light"] #color_scheme_toggle_label::before
{
content: attr(data-dark);
}

html[data-color-scheme="light"] a.ig_logo
{
background-image: url("/images/logo/svg/logo.svg?1743239431#light");
}

html[data-color-scheme="light"] a.ig_logo:active
{
background-image: url("/images/logo/svg/logo.svg?1743239431#light_active");
}

html[data-color-scheme="light"] a.ig_logo:focus
{
background-image: url("/images/logo/svg/logo.svg?1743239431#light_active");
}

html[data-color-scheme="light"] a.ig_logo:focus-visible
{
background-image: url("/images/logo/svg/logo.svg?1743239431#light_active");
}

html[data-color-scheme="light"] body
{
background-color: var(--primary-000);
color: var(--primary-500);
}

html[data-local="1"] .ig_b
{
border-style: solid;
}

html[data-local="1"] h1
{
color: var(--accent-error) !important;
}

html[data-virtual-keyboard="1"] article.ig_dictionary_translate
{
margin-bottom: calc(var(--virtual-keyboard-height) + var(--virtual-keyboard-margin-bottom) * 2);
}

img
{
border-style: none;
}

img.ig_center
{
border-color: var(--primary-200);
border-style: solid;
border-width: 1px;
margin: auto;
}

input
{
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: var(--primary-000);
border-color: var(--primary-200);
border-radius: 0;
border-style: solid;
border-width: 1px;
caret-color: var(--primary-600);
color: var(--primary-600);
display: block;
height: var(--widget-height);
padding-left: 5px;
padding-right: 5px;
width: 100%;
}

input ~ [role="toolbar"]
{
height: var(--widget-height);
padding-left: 5px;
padding-right: 5px;
position: absolute;
right: 0;
top: 0;
width: auto;
z-index: 1;
}

input ~ [role="toolbar"] [id].ig_icon:active
{
background-color: var(--primary-200);
}

input ~ [role="toolbar"] [id].ig_icon:focus
{
background-color: var(--primary-200);
}

input ~ [role="toolbar"] [id].ig_icon:focus-visible
{
background-color: var(--primary-200);
}

input::-ms-reveal
{
display: none;
}

input:focus
{
outline-style: solid;
}

input:focus-visible
{
outline-style: solid;
}

input.ig_dictionary_favourites_dictionary_edit_id
{
width: 60px;
}

input.ig_dictionary_translate_phrase + output
{
display: none;
}

input.ig_dictionary_translate_phrase ~ [role="toolbar"] .ig_icon
{
display: none;
}

input.ig_dictionary_translate_phrase:not([data-wait]):not(:placeholder-shown) ~ [role="toolbar"] .ig_icon_clear
{
display: grid;
}

input.ig_dictionary_translate_phrase:placeholder-shown ~ [role="toolbar"] .ig_icon_keyboard
{
display: grid;
}

input.ig_dictionary_translate_phrase[data-wait] ~ [role="toolbar"] .ig_icon_hourglass_empty
{
display: grid;
}

input.ig_dictionary_translate_phrase[lang="ru"]:placeholder-shown ~ [role="toolbar"] .ig_icon_mic
{
display: grid;
}

input.ig_user_confirm_code
{
width: 6ch;
}

input.ig_user_settings_avatar_background_color
{
padding: 0;
width: 12ch;
}

input[aria-autocomplete="list"][aria-expanded="true"]:focus ~ ul[role="listbox"]:not(:empty)
{
display: block;
}

input[id$="password"]
{
padding-right: 45px;
}

input[type="checkbox"]
{
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border-radius: 5px;
cursor: pointer;
display: inline-block;
height: 24px;
margin-top: 20px;
padding: 0;
vertical-align: middle;
width: 24px;
}

input[type="checkbox"] + label
{
margin-left: 10px;
}

input[type="checkbox"]::before
{
border-style: solid;
border-width: 0 3px 3px 0;
content: "";
display: block;
height: 73%;
transform: scale(0) rotate(45deg);
transform-origin: 80% 105%;
width: 36%;
}

input[type="checkbox"]:checked::before
{
transform: scale(1) rotate(45deg);
transition: transform 250ms ease-out;
}

input[type="checkbox"].ig_icon
{
background-color: var(--primary-900);
border-radius: 50%;
border-style: none;
cursor: pointer;
display: grid;
height: var(--icon-size);
margin: 0;
outline-style: none;
padding: 0;
place-items: center;
width: var(--icon-size);
}

input[type="checkbox"].ig_icon::before
{
border-style: none;
height: var(--icon-image-size);
transform: initial;
transform-origin: initial;
transition: initial;
width: var(--icon-image-size);
}

input[type="checkbox"].ig_icon:active
{
background-color: var(--primary-200);
}

input[type="checkbox"].ig_icon:focus
{
background-color: var(--primary-200);
}

input[type="checkbox"].ig_icon:focus-visible
{
background-color: var(--primary-200);
}

input[type="checkbox"][disabled]
{
background-color: var(--primary-300);
}

input[type="checkbox"][disabled] + label
{
cursor: not-allowed;
}

input[type="checkbox"][disabled] + label
{
color: var(--primary-300);
}

input[type="color"]
{
cursor: pointer;
}

input[type="email"]
{
text-transform: lowercase;
}

input[type="number"]
{
-moz-appearance: textfield;
-webkit-appearance: textfield;
appearance: textfield;
text-align: left;
}

input[type="search"]
{
cursor: text;
padding-right: 45px;
}

input[type="search"]::-webkit-search-cancel-button
{
display: none;
}

input[type="search"]::-webkit-search-decoration
{
display: none;
}

input[type="search"]::-webkit-search-results-button
{
display: none;
}

input[type="search"]::-webkit-search-results-decoration
{
display: none;
}

input[type="text"]
{
cursor: text;
}

label
{
cursor: pointer;
display: inline-block;
overflow-x: hidden;
text-align: left;
text-overflow: ellipsis;
-webkit-user-select: none;
user-select: none;
vertical-align: middle;
white-space: nowrap;
}

label.ig_orphus_mark
{
cursor: not-allowed;
-webkit-user-select: none;
user-select: none;
}

legend
{
margin-left: -3px;
padding-left: 3px;
padding-right: 3px;
text-align: left;
}

li
{
line-height: 2;
margin-left: 20px;
}

li.ig_menu_separator
{
border-top: var(--primary-200) solid 1px;
}

main
{
display: block;
grid-area: main;
margin-top: 0;
overflow-x: hidden;
padding: var(--column-gap);
padding-right: calc(var(--column-gap) - var(--scrollbar-width));
}

main:focus
{
outline-style: none;
}

main:focus-visible
{
outline-style: none;
}

mark
{
background-color: var(--primary-900);
color: var(--primary-500);
}

nav
{
margin-top: 0;
width: 100%;
}

nav ul
{
width: 100%;
}

output
{
display: block;
-webkit-user-select: none;
user-select: none;
}

output[aria-live="polite"]
{
height: 24px;
overflow: hidden;
width: 100%;
}

output[aria-live="polite"]::after
{
display: inline-block;
vertical-align: top;
}

output[aria-live="polite"]::before
{
background-color: currentColor;
content: none;
display: inline-block;
height: var(--icon-image-size);
margin-right: 5px;
width: var(--icon-image-size);
}

p
{
-webkit-hyphens: auto;
hyphens: auto;
text-align: justify;
}

p.ig_dictionary_translate_article_parent_block
{
font-size: var(--small);
-webkit-user-select: none;
user-select: none;
}

p.ig_dictionary_translate_article_parent_block span
{
display: inline;
}

p.ig_left
{
text-align: left;
}

search
{
display: contents;
}

section.ig_dictionary_translate_article_synonyms_block
{
margin-top: 20px;
}

select:focus
{
outline-style: solid;
}

select:focus-visible
{
outline-style: solid;
}

summary
{
list-style: none;
}

summary:focus
{
outline-style: none;
}

summary:focus-visible
{
outline-style: none;
}

svg
{
fill: currentColor;
}

table
{
border-collapse: collapse;
border-width: 0;
margin: auto;
}

table.ig_table
{
border-left-color: var(--primary-300);
border-left-style: solid;
border-left-width: 1px;
border-top-color: var(--primary-300);
border-top-style: solid;
border-top-width: 1px;
margin-top: 10px;
width: 100%;
}

table.ig_table tbody tr
{
background-color: var(--primary-200);
}

table.ig_table td
{
border-bottom-color: var(--primary-300);
border-bottom-style: solid;
border-bottom-width: 1px;
border-right-color: var(--primary-300);
border-right-style: solid;
border-right-width: 1px;
padding: 5px;
}

table.ig_table thead td
{
border-bottom-color: var(--primary-300);
border-bottom-style: solid;
border-bottom-width: 1px;
border-right-color: var(--primary-300);
border-right-style: solid;
border-right-width: 1px;
padding-bottom: 8px;
padding-top: 8px;
padding: 5px;
text-align: center;
}

table.ig_table thead tr
{
background-color: var(--primary-200);
}

td
{
padding: 0;
text-align: left;
}

td.ig_center
{
text-align: center;
}

textarea
{
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: var(--primary-000);
border-color: var(--primary-200);
border-radius: 0;
border-style: solid;
border-width: 1px;
caret-color: var(--primary-600);
color: var(--primary-600);
-webkit-hyphens: none;
hyphens: none;
overflow-y: hidden;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
resize: vertical;
width: 100%;
}

textarea ~ [role="toolbar"] [id].ig_icon:active
{
background-color: var(--primary-200);
}

textarea ~ [role="toolbar"] [id].ig_icon:focus
{
background-color: var(--primary-200);
}

textarea ~ [role="toolbar"] [id].ig_icon:focus-visible
{
background-color: var(--primary-200);
}

textarea:focus
{
outline-style: solid;
}

textarea:focus-visible
{
outline-style: solid;
}

textarea.ig_dictionary_add_translation
{
height: 100px;
min-height: 100px;
}

textarea.ig_feedback_message
{
height: 150px;
min-height: 150px;
}

textarea.ig_orphus_message
{
height: 100px;
min-height: 100px;
resize: none;
}

ul.ig_dictionary_translate_article_synonyms
{
display: flex;
flex-wrap: wrap;
}

ul.ig_dictionary_translate_article_synonyms li
{
margin: 0;
margin-right: 10px;
}

ul.ig_dictionary_translate_article_synonyms li::after
{
content: ",";
}

ul.ig_dictionary_translate_article_synonyms li:last-child::after
{
content: none;
}

ul.ig_menu_
{
margin-bottom: 25px;
margin-top: 25px;
-webkit-user-select: none;
user-select: none;
}

ul.ig_menu_ a
{
-webkit-user-select: none;
border-bottom-style: none;
color: var(--primary-500);
display: block;
font-size: var(--large);
letter-spacing: 1px;
overflow: hidden;
padding: 8px;
padding-left: var(--column-gap);
padding-right: var(--column-gap);
text-align: left;
text-overflow: ellipsis;
-webkit-user-select: none;
user-select: none;
white-space: nowrap;
width: 100%;
}

ul.ig_menu_ a::before
{
background-color: currentColor;
content: "";
display: inline-block;
height: var(--icon-image-size);
margin-right: 10px;
vertical-align: text-top;
width: var(--icon-image-size);
}

ul.ig_menu_ a:active
{
background-color: var(--secondary-100);
color: var(--secondary-500);
}

ul.ig_menu_ a:active::before
{
background-color: var(--secondary-500);
}

ul.ig_menu_ a:focus
{
background-color: var(--primary-200);
color: var(--primary-600);
}

ul.ig_menu_ a:focus-visible
{
background-color: var(--primary-200);
color: var(--primary-600);
}

ul.ig_menu_ a:focus-visible::before
{
background-color: var(--primary-600);
}

ul.ig_menu_ a:focus::before
{
background-color: var(--primary-600);
}

ul.ig_menu_ a[aria-current="page"]
{
background-color: var(--secondary-100);
color: var(--secondary-500);
cursor: default;
pointer-events: none;
}

ul.ig_menu_ a[aria-current="page"]::before
{
background-color: var(--secondary-500);
}

ul.ig_menu_ li
{
margin: 0;
}

ul.ig_menu_ li:last-child
{
margin-bottom: 10px;
}

ul[class]
{
list-style: none;
}

ul[role="listbox"]
{
border-width: 1px;
border-style: solid;
margin: 0;
overflow: hidden;
overscroll-behavior: contain;
}

ul[role="listbox"]
{
background-color: var(--primary-000);
border-color: var(--primary-200);
border-top-color: var(--primary-300);
}

ul[role="listbox"] li
{
color: var(--primary-600);
cursor: pointer;
display: block;
height: var(--widget-height);
-webkit-hyphens: none;
hyphens: none;
line-height: var(--widget-height);
margin: 0;
overflow: hidden;
padding-left: 5px;
padding-right: 5px;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}

ul[role="listbox"] li em
{
color: inherit;
font-style: normal;
font-weight: bold;
pointer-events: none;
}

ul[role="listbox"] li[aria-selected="true"]
{
background-color: var(--secondary-100);
color: var(--secondary-500);
}

ul[role="listbox"]:hover
{
overflow-y: auto;
}

ul[role="listbox"][data-history] li::before
{
background-color: currentColor;
content: "";
display: inline-block;
height: var(--icon-image-size);
margin-right: 5px;
margin-top: 8px;
-webkit-mask-image: var(--icon-history);
mask-image: var(--icon-history);
vertical-align: top;
width: var(--icon-image-size);
}

ul[role="listbox"][data-history] li[aria-selected="true"]::before
{
background-color: var(--secondary-500);
}
}


@media all and (max-width: 767px)
{
 main form[id$="_form"]
{
margin-left: 0;
margin-right: 0;
max-width: initial;
}

:root
{
--xx-large: calc(var(--medium) * 1.25);
--xxx-large: calc(var(--medium) * 1.25);
}

:root
{
--column-gap: 16px;
--mobile-version: 1;
}

:root
{
--virtual-keyboard-height: calc(var(--widget-height) * 5 + 10px * 6);
}

.custom_select ul
{
overflow-y: auto;
}

.ig_b
{
margin-left: 0;
margin-right: 0;
}

.ig_b_f
{
display: block;
}

.ig_icon_bug_report
{
display: none;
}

.ig_icon_install::before
{
-webkit-mask-image: var(--icon-install-mobile);
mask-image: var(--icon-install-mobile);
}

.ig_icon_print
{
display: none;
}

.ig_translator_direction
{
width: auto;
}

.ig_virtual_keyboard
{
left: 0;
outline-style: none;
position: fixed;
top: calc(var(--viewport-height) - var(--virtual-keyboard-height));
width: 100%;
}

.ig_virtual_keyboard button#Backquote
{
display: none;
}

.ig_virtual_keyboard button#Backslash
{
display: none;
}

.ig_virtual_keyboard button#Backspace
{
display: grid;
order: 3;
place-items: center;
width: 8%;
}

.ig_virtual_keyboard button#Backspace::before
{
background-color: var(--primary-500);
content: "";
height: var(--icon-image-size);
-webkit-mask-image: var(--icon-backspace);
mask-image: var(--icon-backspace);
width: var(--icon-image-size);
}

.ig_virtual_keyboard button#CapsLock
{
display: none;
}

.ig_virtual_keyboard button#Delete
{
display: none;
}

.ig_virtual_keyboard button#Enter
{
display: grid;
order: 6;
place-items: center;
width: 17%;
}

.ig_virtual_keyboard button#Enter::before
{
background-color: var(--secondary-100);
content: "";
height: var(--icon-image-size);
-webkit-mask-image: var(--icon-search);
mask-image: var(--icon-search);
width: var(--icon-image-size);
}

.ig_virtual_keyboard button#ShiftLeft
{
display: none;
}

.ig_virtual_keyboard button#Slash
{
display: none;
}

.ig_virtual_keyboard button#Space
{
order: 5;
width: 62%;
}

.ig_virtual_keyboard button#Tab
{
display: grid;
order: 4;
place-items: center;
width: 17%;
}

.ig_virtual_keyboard button#Tab::before
{
background-color: var(--primary-500);
content: "";
height: var(--icon-image-size);
-webkit-mask-image: var(--icon-language);
mask-image: var(--icon-language);
width: var(--icon-image-size);
}

.ig_virtual_keyboard::before
{
background-image: linear-gradient(var(--primary-900), var(--primary-000));
content: "";
height: 19px;
position: absolute;
top: -20px;
width: 100%;
}

.ig_virtual_keyboard[lang="kk-Latn"] button#Equal
{
display: none;
}

.ig_virtual_keyboard[lang="kk-Latn"] button#KeyW
{
display: none;
}

.ig_virtual_keyboard[lang="kk-Latn"] button#Slash
{
display: block;
}

.ig_virtual_keyboard[lang="kk"] button#BracketRight
{
order: 2;
}

.ig_virtual_keyboard[lang="kk"] button#Digit1
{
display: none;
}

.ig_virtual_keyboard[lang="kk"] button#Digit6
{
display: none;
}

.ig_virtual_keyboard[lang="kk"] button#Digit7
{
display: none;
}

.ig_virtual_keyboard[lang="kk"] button#Slash
{
display: block;
margin-left: 5%;
order: 0;
}

.ig_virtual_keyboard[lang="ru"] button#BracketRight
{
order: 2;
}

.ig_virtual_keyboard[lang="ru"] button#Digit6
{
display: block;
}

.ig_virtual_keyboard[lang="ru"] button#Digit7
{
display: block;
}

.ig_virtual_keyboard[lang="ru"] button#Equal
{
display: none;
}

[data-color-scheme="dark"] ul[role="listbox"] li
{
border-bottom-color: var(--primary-300);
}

*[data-title]:active::after
{
display: block;
}

*[data-title]:active::before
{
display: block;
}

body
{
grid-template-areas: "header" "main" "footer";
grid-template-columns: 1fr;
}

body > header
{
grid-template-areas: "menu_button logo form_toggle_button";
grid-template-columns: var(--icon-size) 1fr var(--icon-size);
padding-left: calc(var(--column-gap)*.5);
padding-right: var(--column-gap);
z-index: 30;
}

body > header form
{
display: none;
padding: 0;
}

body > header.open
{
grid-column-gap: calc(var(--column-gap)*.5);
grid-template-areas: "menu_button form";
grid-template-columns: var(--icon-size) 1fr;
}

body > header.open button#form_toggle_close
{
display: grid;
grid-area: menu_button;
}

body > header.open button#form_toggle_open
{
display: none;
}

body > header.open button#menu_open, body > header.open div.ig_logo
{
display: none;
}

body > header.open form
{
display: grid;
grid-area: form;
}

button
{
min-width: initial;
width: 100%;
}

button#form_toggle_open
{
display: grid;
grid-area: form_toggle_button;
}

button#menu_open
{
display: grid;
grid-area: menu_button;
}

dialog
{
max-width: 80vw;
}

dialog button
{
margin-left: 0;
}

dialog#menu
{
left: -100%;
min-height: 100%;
position: absolute;
top: 0;
transition: left .5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
width: max(250px, 70%);
}

dialog#menu header
{
display: flex;
min-height: 60px;
padding-left: calc(var(--column-gap) + 8px);
}

dialog#menu::backdrop
{
cursor: pointer;
}

dialog#menu.open
{
left: 0;
}

div.ig_dictionary_favourites_contents
{
margin-left: 0;
margin-right: 0;
}

div.ig_dictionary_favourites_contents article
{
padding-left: var(--column-gap);
padding-right: var(--column-gap);
}

div.ig_dictionary_history_contents
{
margin-left: 0;
margin-right: 0;
}

div.ig_dictionary_history_contents article
{
padding-left: var(--column-gap);
padding-right: var(--column-gap);
}

div.ig_dictionary_translate_info
{
display: none;
}

div.ig_info
{
margin-left: 0;
margin-right: 0;
padding-left: var(--column-gap);
padding-right: var(--column-gap);
}

div.ig_logo
{
padding-left: 0;
}

div.ig_user_avatar
{
padding-left: var(--column-gap);
padding-top: 0;
}

div.ig_user_register_container
{
flex-direction: column;
margin-left: 0;
margin-right: 0;
}

div.ig_user_settings_avatar.ig_user_avatar_avatar
{
display: flex;
}

footer
{
padding-left: calc(var(--column-gap)*.5);
}

form button.ig_dictionary_translate_languages_swap
{
display: none;
}

form fieldset.ig_virtual_keyboard button
{
font-size: var(--large);
width: 8%;
}

form ul.ig_dictionary_translate_suggests
{
left: 0;
max-height: calc(var(--viewport-height) - var(--header-height) - var(--virtual-keyboard-height));
position: fixed;
top: var(--header-height);
z-index: 2;
}

form.ig_dictionary_add_form select
{
width: 100%;
}

form.ig_dictionary_favourites_form
{
grid-template-columns: minmax(0, 1fr) repeat(auto-fit, var(--icon-size));
}

form.ig_dictionary_favourites_form label
{
display: none;
}

form.ig_dictionary_history_form
{
grid-template-areas: "select_direction select_period";
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) repeat(auto-fit, var(--icon-size));
}

form.ig_dictionary_history_form label
{
display: none;
}

form.ig_dictionary_translate_form
{
grid-template-areas: "select_direction input_phrase button_translate";
grid-template-columns: auto 1fr var(--icon-size);
padding: 0;
}

form.ig_dictionary_translate_form label
{
display: none;
}

form.ig_user_logout_form button
{
min-width: 80%;
}

h1 span
{
display: none;
}

html[data-url^="/dictionary/translate/"] form.ig_color_scheme_form
{
display: none;
}

html[data-url^="/dictionary/translate/"] form.ig_language_interface_form
{
display: none;
}

html[data-virtual-keyboard="1"] article.ig_dictionary_translate
{
margin-bottom: calc(var(--virtual-keyboard-height) + var(--virtual-keyboard-margin-bottom) - var(--header-height));
}

input.ig_user_settings_avatar_background_color
{
margin-top: 20px;
}

main
{
padding-left: 0;
padding-right: 0;
position: relative;
}

main > *
{
margin-left: var(--column-gap);
margin-right: var(--column-gap);
}

main > article
{
margin-left: 0;
margin-right: 0;
padding: var(--column-gap);
}

ul.ig_menu_ a
{
padding-left: calc(var(--column-gap) + 12px);
}

ul[role="listbox"]
{
overflow-y: scroll;
}

ul[role="listbox"] li
{
border-bottom-color: var(--primary-200);
border-bottom-style: solid;
border-bottom-width: 1px;
padding-left: var(--column-gap);
padding-right: var(--column-gap);
}

ul[role="listbox"] li:active
{
background-color: var(--primary-100);
color: var(--primary-600);
}

ul[role="listbox"][data-history] li:active::before
{
background-color: var(--primary-600);
}
}


@media print
{
.ig_b
{
display: none;
}

.ig_icon
{
display: none !important;
}

*
{
background-color: #ffffff !important;
color: #000000 !important;
}

a
{
text-decoration: none;
}

a.ig_local
{
border-style: none;
}

body
{
display: block;
overflow-y: auto;
}

body > header
{
display: none;
}

button#menu_open
{
display: none;
}

details > summary::before
{
content: "" !important;
}

dialog#menu
{
display: none;
}

div.ig_dictionary_favourites_contents
{
margin: 0;
padding: 0;
}

div.ig_dictionary_history_contents
{
margin: 0;
padding: 0;
}

div.ig_logo
{
display: none;
}

footer
{
display: none;
}

form.ig_form
{
display: none;
}

h1
{
display: none;
}

h1 + p
{
display: none;
}

main
{
margin: 0;
padding: 0;
}

main > article
{
margin: 0;
padding: 0;
}

p.ig_dictionary_translate_article_parent_block
{
display: none;
}
}


@media screen and (hover: none) and (pointer: coarse)
{
dialog#menu
{
overflow-y: auto;
}
}


@media screen and (prefers-reduced-motion: no-preference)
{
*
{
scroll-behavior: smooth;
}

html[data-color-scheme-transition] *, html[data-color-scheme-transition] *::before, html[data-color-scheme-transition] *::after
{
--transition-time: 0.4s;
transition: background-color var(--transition-time) ease-in-out, border-color var(--transition-time) ease-in-out, color var(--transition-time) ease-in-out, outline-color var(--transition-time) ease-in-out;
}
}


@media screen and (prefers-reduced-motion: reduce)
{
*
{
animation-duration: 0.001ms !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
transition-duration: 0.001ms !important;
}
}


@supports (-webkit-tap-highlight-color: red)
{
*
{
-webkit-tap-highlight-color: var(--primary-900);
}
}


@supports (-webkit-touch-callout: none)
{
*
{
-webkit-touch-callout: none;
}
}


@supports (color: oklch(from red l c h))
{
.ig_user_avatar_colors span
{
--l: clamp(0, (l / var(--l-threshold) - 1) * -infinity, 1);
--l-threshold: 0.7;
color: oklch(from var(--user-avatar-background-color) var(--l) 0 h);
}
}


@supports (height: 100dvh)
{
:root
{
--viewport-height: 100dvh;
}
}


@supports (min-height: 100dvh)
{
body
{
min-height: 100dvh;
}
}


@supports (text-box-edge: ex alphabetic)
{
.ig_user_avatar_avatar span
{
margin-bottom: 0;
text-box-edge: ex alphabetic;
text-box-trim: trim-both;
}
}


@supports (width: max(1px, 1%))
{
:root
{
--menu-width: max(210px, 20%);
}
}


@supports not (height: 100dvh)
{
:root
{
--viewport-height: calc(var(--vh, 1vh) * 100);
}
}


@supports not (scrollbar-width: thin)
{
.ig_virtual_keyboard
{
width: calc(100% - 10px);
}
}


@supports not selector(::-webkit-scrollbar)
{
[data-color-scheme="dark"] ul[role="listbox"]
{
scrollbar-color: var(--primary-300) var(--primary-900);
}

*
{
scrollbar-color: var(--primary-200) var(--primary-900);
scrollbar-width: thin;
}
}


@supports selector(::backdrop)
{
dialog[open] ~ #backdrop
{
display: none;
}
}


@supports selector(:has(*))
{
html[data-virtual-keyboard="1"]:has( input.ig_dictionary_translate_phrase:not(:focus)) article.ig_dictionary_translate
{
margin-bottom: 0;
}
}