@charset "UTF-8";
html {
  --alpheios-base-text-size: 16px;
  --alpheios-base-ui-size: 16px;
  --alpheios-sans-font-face: "Source Sans Pro", sans-serif;
  --alpheios-serif-font-face: "Source Serif Pro", serif;
  --alpheios-arabic-font-face: Amiri, serif;
  --alpheios-syriac-font-face: "Noto Sans Syriac Western", serif;
  --alpheios-color-placehoder: #ddd;
  --alpheios-color-neutral-dark: #757575;
  --alpheios-color-neutral-light: #E6E6E6;
  --alpheios-color-neutral-lightest: #FFF;
  --alpheios-color-dark: #0E2233;
  --alpheios-color-dark-hover: #1B374F;
  --alpheios-color-dark-pressed: var(--alpheios-color-dark);
  --alpheios-color-muted: #185F6D;
  --alpheios-color-muted-hover: #124D59;
  --alpheios-color-muted-pressed: #093943;
  --alpheios-color-vivid: #C64906;
  --alpheios-color-vivid-hover: #F27431;
  --alpheios-color-vivid-pressed: var(--alpheios-color-vivid);
  --alpheios-color-bright: #FFC24F;
  --alpheios-color-bright-hover: #FFD27D;
  --alpheios-color-bright-pressed: var(--alpheios-color-bright);
  --alpheios-color-light: #BCE5F0;
  --alpheios-text-color: var(--alpheios-color-neutral-dark);
  --alpheios-text-color-dark: var(--alpheios-color-dark);
  --alpheios-text-color-vivid: var(--alpheios-color-vivid);
  --alpheios-text-bg-color: var(--alpheios-color-neutral-lightest);
  --alpheios-link-color-on-light: var(--alpheios-color-vivid);
  --alpheios-link-color-on-medium: var(--alpheios-color-muted);
  --alpheios-link-color-on-dark: var(--alpheios-color-bright);
  --alpheios-toolbar-bg-color: var(--alpheios-color-dark);
  --alpheios-toolbar-bg-color-hover: var(--alpheios-color-dark-hover);
  --alpheios-border-color: var(--alpheios-color-neutral-dark);
  --alpheios-icon-color: var(--alpheios-color-neutral-lightest);
  --alpheios-icon-bg-color: transparent;
  --alpheios-icon-color-active: var(--alpheios-color-bright);
  --alpheios-icon-bg-color-active: transparent;
  --alpheios-icon-color-hover: var(--alpheios-color-bright-hover);
  --alpheios-icon-bg-color-hover: var(--alpheios-color-dark-hover);
  --alpheios-icon-color-pressed: var(--alpheios-color-bright-pressed);
  --alpheios-icon-bg-color-pressed: var(--alpheios-color-dark-pressed);
  --alpheios-btn-primary-font-color: var(--alpheios-color-neutral-lightest);
  --alpheios-btn-primary-bg-color: var(--alpheios-color-vivid);
  --alpheios-btn-primary-border-color: var(--alpheios-color-vivid);
  --alpheios-btn-primary-font-color-hover: var(--alpheios-color-neutral-lightest);
  --alpheios-btn-primary-bg-color-hover: var(--alpheios-color-vivid-hover);
  --alpheios-btn-primary-border-color-hover: var(--alpheios-color-vivid-hover);
  --alpheios-btn-primary-font-color-pressed: var(--alpheios-color-neutral-lightest);
  --alpheios-btn-primary-bg-color-pressed: var(--alpheios-color-vivid-hover);
  --alpheios-btn-primary-border-color-pressed: var(--alpheios-color-vivid-hover);
  --alpheios-btn-secondary-font-color: var(--alpheios-color-dark);
  --alpheios-btn-secondary-bg-color: var(--alpheios-color-bright);
  --alpheios-btn-secondary-border-color: var(--alpheios-color-bright);
  --alpheios-btn-secondary-font-color-hover: var(--alpheios-color-dark);
  --alpheios-btn-secondary-bg-color-hover: var(--alpheios-color-bright-hover);
  --alpheios-btn-secondary-border-color-hover: var(--alpheios-color-bright-hover);
  --alpheios-btn-secondary-font-color-pressed: var(--alpheios-color-dark);
  --alpheios-btn-secondary-bg-color-pressed: var(--alpheios-color-bright-pressed);
  --alpheios-btn-secondary-border-color-pressed: var(--alpheios-color-bright-pressed);
  --alpheios-btn-tertiary-font-color: var(--alpheios-color-muted);
  --alpheios-btn-tertiary-bg-color: var(--alpheios-color-neutral-lightest);
  --alpheios-btn-tertiary-border-color: var(--alpheios-color-muted);
  --alpheios-btn-tertiary-font-color-hover: var(--alpheios-color-neutral-lightest);
  --alpheios-btn-tertiary-bg-color-hover: var(--alpheios-color-muted);
  --alpheios-btn-tertiary-border-color-hover: var(--alpheios-color-muted);
  --alpheios-btn-tertiary-font-color-pressed: var(--alpheios-color-neutral-lightest);
  --alpheios-btn-tertiary-bg-color-pressed: var(--alpheios-color-muted);
  --alpheios-btn-tertiary-border-color-pressed: var(--alpheios-color-muted);
  --alpheios-highlight-color: #F6D918;
  --alpheios-highlight-dark-color: #E49A0D;
  --alpheios-icon-color-disabled: var(--alpheios-color-neutral-dark);
  --alpheios-link-color: var(--alpheios-color-muted);
  --alpheios-link-color-hover: var(--alpheios-color-muted-hover);
  --alpheios-link-special-color: var(--alpheios-color-vivid);
  --alpheios-link-special-color-hover: var(--alpheios-color-vivid-hover);
  --alpheios-notification-color: var(--alpheios-color-bright);
  --alpheios-notification-color-hover: var(--alpheios-color-bright-hover);
  --alpheios-important-notification-color: var(--alpheios-color-vivid);
  --alpheios-important-notification-color-hover: var(--alpheios-color-vivid-hover);
  --alpheios-highlight-border-color: var(--alpheios-color-light);
  --alpheios-highlight-light-color: var(--alpheios-color-light);
  --alpheios-highlight-dark-color: var(--alpheios-color-vivid);
  --alpheios-highlight-dark-color-hover: var(--alpheios-color-vivid-hover);
  --alpheios-desktop-toolbar-bg: var(--alpheios-toolbar-bg-color);
  --alpheios-desktop-toolbar-border-color: var(--alpheios-border-color);
  --alpheios-compact-toolbar-bg: var(--alpheios-toolbar-bg-color);
  --alpheios-desktop-toolbar-icon-color: var(--alpheios-icon-color);
  --alpheios-compact-toolbar-icon-color: var(--alpheios-icon-color);
  --alpheios-desktop-toolbar-icon-color-hover: var(--alpheios-icon-color-hover);
  --alpheios-desktop-toolbar-icon-color-active: var(--alpheios-icon-color-active);
  --alpheios-desktop-toolbar-icon-color-disabled: var(--alpheios-icon-color-disabled);
  --alpheios-desktop-toolbar-icon-bg-disabled: var(--alpheios-toolbar-bg-color);
  --alpheios-compact-popup-progress-bar-line: var(--alpheios-toolbar-bg-color);
  --alpheios-desktop-popup-header-bg: var(--alpheios-toolbar-bg-color);
  --alpheios-desktop-popup-icon-bg-hover: var(--alpheios-toolbar-bg-color);
  --alpheios-desktop-popup-icon-color: var(--alpheios-icon-color);
  --alpheios-desktop-popup-icon-color-hover: var(--alpheios-icon-color-hover);
  --alpheios-desktop-popup-icon-color-active: var(--alpheios-icon-color-active);
  --alpheios-desktop-popup-icon-color-disabled: var(--alpheios-icon-color-disabled);
  --alpheios-desktop-popup-icon-color-pressed: var(--alpheios-icon-color-disabled);
  --alpheios-desktop-popup-icon-bg-disabled: var(--alpheios-toolbar-bg-color);
  --alpheios-desktop-popup-progress-bar-line: var(--alpheios-toolbar-bg-color);
  --alpheios-desktop-popup-link-color: var(--alpheios-link-color);
  --alpheios-desktop-popup-link-color-hover: var(--alpheios-link-color-hover);
  --alpheios-desktop-popup-credit-link-color: var(--alpheios-color-bright);
  --alpheios-desktop-popup-credit-link-color-hover: var(--alpheios-color-bright-hover);
  --alpheios-desktop-popup-credit-providers-color: var(--alpheios-text-color);
  --alpheios-desktop-popup-body-bg: var(--alpheios-text-bg-color);
  --alpheios-desktop-popup-content-bg: var(--alpheios-text-bg-color);
  --alpheios-desktop-panel-header-bg: var(--alpheios-toolbar-bg-color);
  --alpheios-desktop-panel-icon-color: var(--alpheios-icon-color);
  --alpheios-desktop-panel-icon-bg: var(--alpheios-toolbar-bg-color);
  --alpheios-desktop-panel-icon-color-hover: var(--alpheios-icon-color-hover);
  --alpheios-desktop-panel-icon-bg-hover: var(--alpheios-toolbar-bg-color-hover);
  --alpheios-desktop-panel-icon-color-active: var(--alpheios-icon-color-active);
  --alpheios-desktop-panel-icon-bg-active: var(--alpheios-toolbar-bg-color);
  --alpheios-desktop-panel-icon-color-pressed: var(--alpheios-icon-color-pressed);
  --alpheios-desktop-panel-icon-color-disabled: var(--alpheios-icon-color-disabled);
  --alpheios-compact-panel-header-bg: var(--alpheios-toolbar-bg-color);
  --alpheios-compact-panel-icon-color: var(--alpheios-icon-color);
  --alpheios-compact-panel-icon-bg: var(--alpheios-toolbar-bg-color);
  --alpheios-compact-panel-icon-color-hover: var(--alpheios-icon-color-hover);
  --alpheios-compact-panel-icon-bg-hover: var(--alpheios-toolbar-bg-color-hover);
  --alpheios-compact-panel-icon-color-active: var(--alpheios-icon-color-active);
  --alpheios-compact-panel-icon-bg-active: var(--alpheios-toolbar-bg-color);
  --alpheios-compact-panel-icon-color-pressed: var(--alpheios-icon-color-pressed);
  --alpheios-compact-panel-icon-color-disabled: var(--alpheios-icon-color-disabled);
  --alpheios-compact-panel-content-bg: var(--alpheios-text-bg-color);
  --alpheios-lookup-border-color: var(--alpheios-border-color);
  --alpheios-lookup-bg: var(--alpheios-text-bg-color);
  --alpheios-lookup-input-border-color: var(--alpheios-border-color);
  --alpheios-lookup-button-color: var(--alpheios-btn-primary-font-color);
  --alpheios-lookup-button-bg: var(--alpheios-btn-primary-bg-color);
  --alpheios-lookup-button-border-color: var(--alpheios-btn-primary-border-color);
  --alpheios-lookup-button-color-hover: var(--alpheios-btn-primary-font-color-hover);
  --alpheios-lookup-button-bg-hover: var(--alpheios-btn-primary-bg-color-hover);
  --alpheios-lookup-button-border-color-hover: var(--alpheios-btn-primary-border-color-hover);
  --alpheios-lookup-link-color: var(--alpheios-link-special-color);
  --alpheios-lookup-link-color-hover: var(--alpheios-link-special-color-hover);
  --alpheios-definition-short-color: var(--alpheios-color-dark);
  --alpheios-inflect-title-color: var(--alpheios-link-color-on-light);
  --alpheios-inflect-button-control-color: var(--alpheios-btn-secondary-font-color);
  --alpheios-inflect-button-control-bg: var(--alpheios-btn-secondary-bg-color);
  --alpheios-inflect-button-control-border-color: var(--alpheios-btn-secondary-border-color);
  --alpheios-inflect-button-control-color-hover: var(--alpheios-btn-secondary-font-color-hover);
  --alpheios-inflect-button-control-bg-hover: var(--alpheios-btn-secondary-bg-color-hover);
  --alpheios-inflect-button-control-border-color-hover: var(--alpheios-btn-secondary-border-color-hover);
  --alpheios-inflect-morph-match-cell-border-color: var(--alpheios-highlight-border-color);
  --alpheios-inflect-match-suff-bg: var(--alpheios-highlight-light-color);
  --alpheios-inflect-match-suff-color: var(--alpheios-text-color);
  --alpheios-inflect-full-match-suff-bg: var(--alpheios-highlight-color);
  --alpheios-inflect-full-match-suff-color: var(--alpheios-text-color);
  --alpheios-usage-progress-color: var(--alpheios-highlight-dark-color);
  --alpheios-usage-link-color: var(--alpheios-highlight-dark-color);
  --alpheios-usage-link-color-hover: var(--alpheios-highlight-dark-color-hover);
  --alpheios-usage-target-color: var(--alpheios-highlight-dark-color);
  --alpheios-grammar-back-button-color: var(--alpheios-btn-primary-font-color);
  --alpheios-grammar-back-button-bg: var(--alpheios-btn-primary-bg-color);
  --alpheios-grammar-back-button-border-color: var(--alpheios-btn-primary-border-color);
  --alpheios-grammar-back-button-color-hover: var(--alpheios-btn-primary-font-color-hover);
  --alpheios-grammar-back-button-bg-hover: var(--alpheios-btn-primary-bg-color-hover);
  --alpheios-grammar-back-button-border-color-hover: var(--alpheios-btn-primary-border-color-hover);
  --alpheios-settings-font-size-dark-color: var(--alpheios-btn-primary-bg-color);
  --alpheios-settings-font-size-light-color: var(--alpheios-color-neutral-lightest);
  --alpheios-settings-font-multiselect-bg: var(--alpheios-btn-primary-bg-color);
  --alpheios-settings-font-multiselect-font-color: var(--alpheios-btn-primary-font-color);
  --alpheios-settings-reset-button-color: var(--alpheios-btn-primary-font-color);
  --alpheios-settings-reset-button-bg: var(--alpheios-btn-primary-bg-color);
  --alpheios-settings-reset-button-border-color: var(--alpheios-btn-primary-border-color);
  --alpheios-settings-reset-button-color-hover: var(--alpheios-btn-primary-font-color-hover);
  --alpheios-settings-reset-button-bg-hover: var(--alpheios-btn-primary-bg-color-hover);
  --alpheios-settings-reset-button-border-color-hover: var(--alpheios-btn-primary-border-color-hover);
  --alpheios-word-list-important-item-color: var(--alpheios-link-color);
  --alpheios-word-list-delete-item-color: var(--alpheios-text-color);
  --alpheios-word-list-current-item-color: var(--alpheios-highlight-color);
  --alpheios-word-list-default-item-color: var(--alpheios-highlight-color);
  --alpheios-word-list-select-item-bg: var(--alpheios-text-bg-color);
  --alpheios-word-list-select-item-bg-hover: var(--alpheios-highlight-color);
  --alpheios-word-list-select-item-input-part-color: var(--alpheios-link-special-color);
  --alpheios-word-list-sorting-link-color: var(--alpheios-text-color);
  --alpheios-word-list-sorting-link-color-hover: var(--alpheios-link-color);
  --alpheios-word-list-context-back-link-color: var(--alpheios-link-color);
  --alpheios-word-list-context-source-link-color: var(--alpheios-link-color);
  --alpheios-word-list-context-source-link-color-hover: var(--alpheios-link-color-hover);
  --alpheios-word-list-context-incontext-bg: var(--alpheios-highlight-color);
  --alpheios-notification-color: var(--alpheios-text-color);
  --alpheios-notification-bg: rgba(255, 193, 77, 0.5);
  --alpheios-notification-border-color: var(--alpheios-notification-color);
  --alpheios-notification-important-color: var(--alpheios-important-notification-color);
  --alpheios-notification-important-bg: rgba(198, 73, 6, 0.31);
  --alpheios-notification-important-border-color: var(--alpheios-important-notification-color);
  --alpheios-notification-important-alt-color: #31595E;
  --alpheios-notification-important-alt-bg: #B0C38D;
  --alpheios-notification-important-alt-border-color: #31595E;
  --alpheios-hint-color: var(--alpheios-text-color);
  --alpheios-hint-bg: var(--alpheios-color-light);
  --alpheios-hint-border-color: var(--alpheios-hint-color);
}

/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-content {
  font-family: var(--alpheios-sans-font-face) !important;
  font-size: var(--alpheios-base-text-size);
  font-weight: 400;
  color: var(--alpheios-text-color);
  box-sizing: border-box;
  margin: 0;
  text-align: left;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
.alpheios-content [lang=ara] {
  font-family: var(--alpheios-arabic-font-face), Verdana, Arial, Helvetica, sans-serif !important;
  font-variant-ligatures: normal;
}
.alpheios-content [lang=syr] {
  font-family: var(--alpheios-syriac-font-face), Verdana, Arial, Helvetica, sans-serif !important;
  font-variant-ligatures: normal;
}
.alpheios-content h1, .alpheios-content h2, .alpheios-content h3, .alpheios-content h4, .alpheios-content h5, .alpheios-content h6, .alpheios-content p, .alpheios-content span, .alpheios-content a {
  line-height: 1.15;
  text-align: left;
  padding: 0;
  font-family: var(--alpheios-sans-font-face);
  font-style: normal;
  font-size: var(--alpheios-base-text-size);
  color: var(--alpheios-text-color);
}
.alpheios-content h1, .alpheios-content h2, .alpheios-content h3, .alpheios-content h4, .alpheios-content h5, .alpheios-content h6 {
  margin: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}
.alpheios-content p {
  margin: 0 0 calc(var(--alpheios-base-text-size) * 1);
}
.alpheios-content a {
  color: var(--alpheios-color-muted);
  cursor: pointer;
}
.alpheios-content a:hover, .alpheios-content a:active {
  text-decoration: underline;
}
.alpheios-content h1 {
  font-family: var(--alpheios-serif-font-face);
  font-size: calc(var(--alpheios-base-text-size) * 1.625) !important;
  font-weight: 700;
  margin: 0 0 calc(var(--alpheios-base-text-size) * 2) 0 !important;
  color: var(--alpheios-text-color-dark);
}
.alpheios-content h2 {
  font-family: var(--alpheios-sans-font-face);
  font-size: calc(var(--alpheios-base-text-size) * 1.5);
  font-weight: 700;
  margin-bottom: calc(var(--alpheios-base-text-size) * 1.625);
}
.alpheios-content h3 {
  font-family: var(--alpheios-sans-font-face);
  font-size: calc(var(--alpheios-base-text-size) * 1.125);
  font-weight: 700;
  margin-bottom: calc(var(--alpheios-base-text-size) * 1.375);
}
.alpheios-content h4 {
  font-family: var(--alpheios-serif-font-face);
  font-size: calc(var(--alpheios-base-text-size) * 1.125);
  font-weight: 400;
  margin-bottom: calc(var(--alpheios-base-text-size) * 1.125);
}
.alpheios-content h5 {
  font-family: var(--alpheios-sans-font-face);
  font-size: --alpheios-base-text-size;
  font-weight: 700;
  font-style: italic;
  margin-bottom: calc(var(--alpheios-base-text-size) * 1);
}
.alpheios-content input,
.alpheios-content optgroup,
.alpheios-content select,
.alpheios-content textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
.alpheios-content select,
.alpheios-content input,
.alpheios-content button {
  text-transform: none;
  line-height: 1.15;
  font-size: var(--alpheios-base-text-size);
}
.alpheios-content button {
  border: 0;
  font-family: var(--alpheios-sans-font-face);
}
.alpheios-content textarea {
  overflow: auto;
}
.alpheios-content [type=checkbox],
.alpheios-content [type=radio] {
  box-sizing: border-box;
  padding: 0;
  width: calc(var(--alpheios-base-text-size) * 0.75);
  height: calc(var(--alpheios-base-text-size) * 0.75);
}
.alpheios-content b {
  margin: 0;
  padding: 0;
  vertical-align: inherit;
  font-size: inherit;
  letter-spacing: inherit;
}
.alpheios-content i {
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  padding: 0;
  text-align: inherit;
  font-style: inherit;
}
.alpheios-content u {
  margin: 0;
  padding: 0;
  vertical-align: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: inherit;
  line-height: inherit;
}

.alpheios-clickable {
  cursor: pointer;
}

.alpheios-text-small {
  font-size: calc(var(--alpheios-base-text-size) * 0.875);
  line-height: 1.5;
}

.alpheios-logo-on-light .svg-logo-bg {
  fill: #D3ECEC;
}
.alpheios-logo-on-light .svg-logo-lines {
  fill: #062135;
}

.alpheios-logo-on-dark .svg-logo-bg {
  display: none;
}
.alpheios-logo-on-dark .svg-logo-lines {
  fill: #FFF;
}

.alpheios-content .alpheios-popup__body h1, .alpheios-content .alpheios-popup__body h2, .alpheios-content .alpheios-popup__body h3, .alpheios-content .alpheios-popup__body h4, .alpheios-content .alpheios-popup__body h5, .alpheios-content .alpheios-popup__body h6, .alpheios-content .alpheios-popup__body p, .alpheios-content .alpheios-popup__body span, .alpheios-content .alpheios-popup__body a,
.alpheios-content .alpheios-panel__content h1,
.alpheios-content .alpheios-panel__content h2,
.alpheios-content .alpheios-panel__content h3,
.alpheios-content .alpheios-panel__content h4,
.alpheios-content .alpheios-panel__content h5,
.alpheios-content .alpheios-panel__content h6,
.alpheios-content .alpheios-panel__content p,
.alpheios-content .alpheios-panel__content span,
.alpheios-content .alpheios-panel__content a,
.alpheios-content .alpheios-toolbar__lookup h1,
.alpheios-content .alpheios-toolbar__lookup h2,
.alpheios-content .alpheios-toolbar__lookup h3,
.alpheios-content .alpheios-toolbar__lookup h4,
.alpheios-content .alpheios-toolbar__lookup h5,
.alpheios-content .alpheios-toolbar__lookup h6,
.alpheios-content .alpheios-toolbar__lookup p,
.alpheios-content .alpheios-toolbar__lookup span,
.alpheios-content .alpheios-toolbar__lookup a {
  line-height: 1.15;
  text-align: left;
  padding: 0;
  font-family: var(--alpheios-sans-font-face);
  font-style: normal;
  font-size: var(--alpheios-base-text-size);
  color: var(--alpheios-text-color);
}
.alpheios-content *[data-alpheios-enable=all] {
  cursor: pointer;
}

input.alpheios-input, input.alpheios-input[type] {
  box-sizing: border-box;
  margin: 0;
  font: inherit;
  font-size: var(--alpheios-base-text-size);
  max-width: 100%;
  width: 100%;
  border: 1px solid var(--alpheios-border-color);
  border-top-left-radius: calc(var(--alpheios-base-text-size) * 0.625);
  border-top-right-radius: calc(var(--alpheios-base-text-size) * 0.625);
  border-bottom-right-radius: calc(var(--alpheios-base-text-size) * 0.625);
  border-bottom-left-radius: calc(var(--alpheios-base-text-size) * 0.625);
  padding: calc(var(--alpheios-base-text-size) * 0.5);
  background: var(--alpheios-text-bg-color);
  color: var(--alpheios-text-color);
  vertical-align: middle;
  display: inline-block;
  -webkit-appearance: none;
}
input.alpheios-input[type=search]::-webkit-search-cancel-button, input.alpheios-input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
input.alpheios-input[type=number]::-webkit-inner-spin-button, input.alpheios-input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
input.alpheios-input::-moz-placeholder {
  opacity: 1;
}
input.alpheios-input:not(input) {
  line-height: 40px;
}
input.alpheios-input:focus, input.alpheios-input[type]:focus {
  outline: none;
  border: inherit;
  border: 1px solid var(--alpheios-border-color);
  border: 1px solid var(--alpheios-border-color);
  border-top-left-radius: calc(var(--alpheios-base-text-size) * 0.625);
  border-top-right-radius: calc(var(--alpheios-base-text-size) * 0.625);
  border-bottom-right-radius: calc(var(--alpheios-base-text-size) * 0.625);
  border-bottom-left-radius: calc(var(--alpheios-base-text-size) * 0.625);
}
input.alpheios-input:disabled {
  background-color: var(--alpheios-color-neutral-dark);
  color: var(--alpheios-color-neutral-lightest);
  border: 1px solid var(--alpheios-border-color);
  border-top-left-radius: calc(var(--alpheios-base-text-size) * 0.625);
  border-top-right-radius: calc(var(--alpheios-base-text-size) * 0.625);
  border-bottom-right-radius: calc(var(--alpheios-base-text-size) * 0.625);
  border-bottom-left-radius: calc(var(--alpheios-base-text-size) * 0.625);
}
input.alpheios-input::placeholder {
  color: var(--alpheios-color-neutral-light);
}
input.alpheios-input::-ms-input-placeholder {
  color: var(--alpheios-color-neutral-light) !important;
}

.alpheios-select {
  box-sizing: border-box;
  margin: 0;
  border-radius: calc(var(--alpheios-base-text-size) * 0.625);
  font: inherit;
  text-transform: none;
  max-width: 100%;
  width: 100%;
  border: 1px solid var(--alpheios-border-color);
  padding: 0 10px;
  background: var(--alpheios-text-bg-color);
  color: var(--alpheios-text-color);
  -webkit-appearance: none;
}
.alpheios-select:not([multiple]):not([size]) {
  height: calc(var(--alpheios-base-text-size) * 2.25);
  vertical-align: middle;
  display: inline-block;
}
.alpheios-select:not(select) {
  line-height: calc(var(--alpheios-base-text-size) * 2.25);
}
.alpheios-select[multiple], .alpheios-select[size] {
  padding-top: calc(var(--alpheios-base-text-size) * 0.25);
  padding-bottom: calc(var(--alpheios-base-text-size) * 0.25);
  vertical-align: top;
}
.alpheios-select:focus {
  outline: none;
}
.alpheios-select:disabled {
  background-color: var(--alpheios-color-neutral-lightest);
  color: var(--alpheios-color-neutral-light);
}
.alpheios-select:not([multiple]):not([size]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: calc(var(--alpheios-base-text-size) * 1.25);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: calc(var(--alpheios-base-text-size) * 1.5);
}
.alpheios-select:not([multiple]):not([size])::-ms-expand {
  display: none;
}
.alpheios-select:not([multiple]):not([size]) option {
  color: var(--alpheios-text-color);
}
.alpheios-select:not([multiple]):not([size]):disabled {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.alpheios-content .multiselect {
  display: inline-block;
  vertical-align: middle;
  border-radius: calc(var(--alpheios-base-text-size) * 0.625);
  border: 1px solid var(--alpheios-border-color);
}
.alpheios-content .multiselect__content-wrapper {
  border: 1px solid var(--alpheios-border-color);
  border-top: 0;
  padding: calc(var(--alpheios-base-text-size) * 0.625);
}
.alpheios-content ul.multiselect__content {
  padding: 0;
  margin: 0;
}
.alpheios-content .multiselect__tags {
  font-size: calc(var(--alpheios-base-text-size) * 1);
  border-radius: calc(var(--alpheios-base-text-size) * 0.625);
  min-height: calc(var(--alpheios-base-text-size) * 2.5);
  padding: calc(var(--alpheios-base-text-size) * 0.5) calc(var(--alpheios-base-text-size) * 2.5) 0 calc(var(--alpheios-base-text-size) * 0.5);
}
.alpheios-content span.multiselect__tag {
  background-color: var(--alpheios-settings-font-multiselect-bg);
  display: inline-block;
  border-radius: calc(var(--alpheios-base-text-size) * 0.3125);
  padding: calc(var(--alpheios-base-text-size) * 0.25) calc(var(--alpheios-base-text-size) * 1.625) calc(var(--alpheios-base-text-size) * 0.25) calc(var(--alpheios-base-text-size) * 0.625);
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-height: calc(var(--alpheios-base-text-size) * 1.5);
}
.alpheios-content span.multiselect__tag span {
  color: var(--alpheios-settings-font-multiselect-font-color);
}
.alpheios-content .multiselect__select {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666666%22%20points%3D%2212%201%209%206%2015%206%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666666%22%20points%3D%2212%2013%209%208%2015%208%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: calc(var(--alpheios-base-text-size) * 1.75);
  height: 100%;
}
.alpheios-content .multiselect__select::before {
  display: none;
}
.alpheios-content .multiselect__content {
  padding: 0;
}
.alpheios-content .multiselect__single {
  display: none;
}
.alpheios-content span.multiselect__option {
  padding: 12px;
}
.alpheios-content .multiselect__option::after {
  display: none;
}
.alpheios-content .multiselect__option--highlight,
.alpheios-content .multiselect__tag,
.alpheios-content .multiselect__tag-icon:focus,
.alpheios-content .multiselect__tag-icon:hover {
  background: var(--alpheios-settings-font-multiselect-bg);
}
.alpheios-content .multiselect__option.multiselect__option--highlight {
  background-color: var(--alpheios-settings-font-multiselect-bg);
}
.alpheios-content .multiselect__option.multiselect__option--highlight:after {
  display: none;
}
.alpheios-content .multiselect__option.multiselect__option--highlight span {
  color: var(--alpheios-settings-font-multiselect-font-color);
}
.alpheios-content .multiselect__option--highlight span,
.alpheios-content .multiselect__tag span,
.alpheios-content .multiselect__tag-icon:focus span,
.alpheios-content .multiselect__tag-icon:hover span {
  color: var(--alpheios-settings-font-multiselect-font-color);
}
.alpheios-content .multiselect__tag-icon:after {
  content: "×";
  color: var(--alpheios-settings-font-multiselect-font-color);
  font-size: calc(var(--alpheios-base-text-size) * 1.5);
}
.alpheios-content .multiselect__tag-icon {
  border-radius: 5px;
  bottom: 0;
  cursor: pointer;
  font-style: normal;
  font-weight: bold;
  line-height: 1;
  margin-left: 7px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transition: all 0.2s ease;
  width: calc(var(--alpheios-base-text-size) * 1.5);
  color: var(--alpheios-settings-font-multiselect-font-color);
}
.alpheios-content .multiselect__tag-icon:hover {
  background-color: var(--alpheios-settings-font-multiselect-bg);
}

div.alpheios-checkbox-block {
  display: inline-block;
  position: relative;
  overflow: hidden;
  line-height: calc(var(--alpheios-base-text-size) * 1.375);
  max-width: calc(var(--alpheios-base-text-size) * 14.6875);
  vertical-align: top;
  min-height: calc(var(--alpheios-base-ui-size) * 1.7);
}

.alpheios-checkbox-block input[type=checkbox] {
  opacity: 0;
  position: absolute;
  left: -999px;
}
.alpheios-checkbox-block label {
  position: relative;
  display: inline-block;
  user-select: none;
  vertical-align: top;
  /*16px width of fake checkbox + 6px distance between fake checkbox and text*/
  padding-left: calc(var(--alpheios-base-text-size) * 1.375);
  padding-top: calc(var(--alpheios-base-text-size) * 0.125);
}
.alpheios-checkbox-block label::before, .alpheios-checkbox-block label::after {
  position: absolute;
  content: "";
  /*Needed for the line-height to take effect*/
  display: inline-block;
}
.alpheios-checkbox-block label::before {
  height: calc(var(--alpheios-base-text-size) * 1);
  width: calc(var(--alpheios-base-text-size) * 1);
  border: calc(var(--alpheios-base-text-size) * 0.0625) solid;
  border-radius: calc(var(--alpheios-base-text-size) * 0.25);
  left: 0;
  /*(24px line-height - 16px height of fake checkbox) / 2 - 1px for the border
   *to vertically center it.
   */
  top: calc(var(--alpheios-base-text-size) * 0.1875);
}
.alpheios-checkbox-block label::after {
  height: calc(var(--alpheios-base-text-size) * 0.3125);
  width: calc(var(--alpheios-base-text-size) * 0.5625);
  border-left: calc(var(--alpheios-base-text-size) * 0.125) solid;
  border-bottom: calc(var(--alpheios-base-text-size) * 0.125) solid;
  transform: rotate(-45deg);
  left: calc(var(--alpheios-base-text-size) * 0.1875);
  top: calc(var(--alpheios-base-text-size) * 0.375);
}
.alpheios-checkbox-block input[type=checkbox] + label::after {
  content: none;
}
.alpheios-checkbox-block input[type=checkbox]:checked + label::after {
  content: "";
}

.alpheios-button-tertiary, button.alpheios-button-tertiary, .alpheios-button-secondary, .alpheios-button-primary, .alpheios-button {
  font-family: var(--alpheios-sans-font-face);
  font-size: var(--alpheios-base-text-size);
  font-weight: 700;
  margin: 0;
  border: 1px solid transparent;
  overflow: visible;
  white-space: nowrap;
  display: inline-block;
  box-sizing: border-box;
  padding: 0.6em 1.2em;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  border-radius: 0.6em;
  cursor: pointer;
}
.alpheios-button-tertiary::-moz-focus-inner, .alpheios-button-secondary::-moz-focus-inner, .alpheios-button-primary::-moz-focus-inner, .alpheios-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.alpheios-button-tertiary:hover, .alpheios-button-secondary:hover, .alpheios-button-primary:hover, .alpheios-button:hover {
  text-decoration: none;
}
.alpheios-button-tertiary:focus, .alpheios-button-secondary:focus, .alpheios-button-primary:focus, .alpheios-button:focus {
  outline: none;
}

.alpheios-button-primary {
  color: var(--alpheios-btn-primary-font-color) !important;
  background-color: var(--alpheios-btn-primary-bg-color);
  border-color: var(--alpheios-btn-primary-border-color);
}
.alpheios-button-primary:hover, .alpheios-button-primary:focus {
  color: var(--alpheios-btn-primary-font-color-hover) !important;
  background-color: var(--alpheios-btn-primary-bg-color-hover);
  border-color: var(--alpheios-btn-primary-border-color-hover);
  box-shadow: 0 0.25em 0.25em rgba(0, 0, 0, 0.25);
}
.alpheios-button-primary:active {
  color: var(--alpheios-btn-primary-font-color-pressed) !important;
  background-color: var(--alpheios-btn-primary-bg-color-pressed);
  border-color: var(--alpheios-btn-primary-border-color-pressed);
  box-shadow: inset 0 0.25em 0.25em rgba(0, 0, 0, 0.1);
}

.alpheios-button-secondary {
  color: var(--alpheios-btn-secondary-font-color) !important;
  background-color: var(--alpheios-btn-secondary-bg-color);
  border-color: var(--alpheios-btn-secondary-border-color);
}
.alpheios-button-secondary:hover, .alpheios-button-secondary:focus {
  color: var(--alpheios-btn-secondary-font-color-hover) !important;
  background-color: var(--alpheios-btn-secondary-bg-color-hover);
  border-color: var(--alpheios-btn-secondary-border-color-hover);
  box-shadow: 0 0.25em 0.25em rgba(0, 0, 0, 0.25);
}
.alpheios-button-secondary:active {
  color: var(--alpheios-btn-secondary-font-color-pressed) !important;
  background-color: var(--alpheios-btn-secondary-bg-color-pressed);
  border-color: var(--alpheios-btn-secondary-border-color-pressed);
  box-shadow: inset 0 0.25em 0.25em rgba(0, 0, 0, 0.1);
}

.alpheios-button-tertiary, button.alpheios-button-tertiary {
  color: var(--alpheios-btn-tertiary-font-color) !important;
  background: var(--alpheios-btn-tertiary-bg-color);
  border-color: var(--alpheios-btn-tertiary-border-color);
}
.alpheios-button-tertiary:hover, .alpheios-button-tertiary:focus, button.alpheios-button-tertiary:hover, button.alpheios-button-tertiary:focus {
  color: var(--alpheios-btn-tertiary-font-color-hover) !important;
  background: var(--alpheios-btn-tertiary-bg-color-hover);
  border-color: var(--alpheios-btn-tertiary-border-color-hover);
  box-shadow: 0 0.25em 0.25em rgba(0, 0, 0, 0.25);
}
.alpheios-button-tertiary:active, button.alpheios-button-tertiary:active {
  color: var(--alpheios-btn-tertiary-font-color-pressed) !important;
  background: var(--alpheios-btn-tertiary-bg-color-pressed);
  border-color: var(--alpheios-btn-tertiary-border-color-pressed);
  box-shadow: inset 0 0.25em 0.25em rgba(0, 0, 0, 0.1);
}

.alpheios-lex-text_container {
  font-family: var(--alpheios-sans-font-face);
  line-height: 1.25;
}

.alpheios-lex-lex_sense1, .lex_sense1 {
  margin-left: 0.5em;
}

.alpheios-lex-lex_sense2, .lex_sense2 {
  margin-left: 1em;
}

.alpheios-lex-lex_sense3, .lex_sense3 {
  margin-left: 1.5em;
}

.alpheios-lex-lex_sense4, .lex_sense4 {
  margin-left: 2em;
}

.alpheios-lex-lex_sense5, .lex_sense5 {
  margin-left: 2.5em;
}

.alpheios-lex-lex_sense6, .lex_sense6 {
  margin-left: 3em;
}

.alpheios-meaning .alpheios-provider {
  font-style: italic;
  font-size: smaller;
}

.alpheios-lex-sense-separator, .sense-separator {
  line-height: 1em;
}

.alpheios-lex-sense-spacer1, .sense-spacer1 {
  padding-left: 1em;
}

.alpheios-lex-sense-spacer2, .sense-spacer2 {
  padding-left: 3em;
}

.alpheios-lex-alph-source, .alph-source {
  margin-top: 1em;
}

.alpheios-word {
  transition: background-color 1s ease-out;
}

.alpheios-alignment__highlight_fix {
  background-color: var(--alpheios-highlight-dark-color);
}

.alpheios-alignment__highlight {
  background-color: var(--alpheios-highlight-color);
}

.alpheios-disable-user-selection {
  -ms-user-select: none !important;
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 700;
  src: local("Source Sans Pro Bold Italic"), local("SourceSansPro-BoldItalic"), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSds18Q.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Source Serif Pro";
  font-style: normal;
  font-weight: 400;
  src: local("Source Serif Pro"), local("SourceSerifPro-Regular"), url(https://fonts.gstatic.com/s/sourceserifpro/v6/neIQzD-0qpwxpaWvjeD0X88SAOeauXQ-oA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Source Serif Pro";
  font-style: normal;
  font-weight: 600;
  src: local("Source Serif Pro Semibold"), local("SourceSerifPro-Semibold"), url(https://fonts.gstatic.com/s/sourceserifpro/v6/neIXzD-0qpwxpaWvjeD0X88SAOeasasatSyqxA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Source Serif Pro";
  font-style: normal;
  font-weight: 700;
  src: local("Source Serif Pro Bold"), local("SourceSerifPro-Bold"), url(https://fonts.gstatic.com/s/sourceserifpro/v6/neIXzD-0qpwxpaWvjeD0X88SAOeasc8btSyqxA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Amiri";
  font-style: normal;
  font-weight: 400;
  src: local("Amiri Regular"), local("Amiri-Regular"), url(https://fonts.gstatic.com/s/amiri/v11/J7aRnpd8CGxBHpUrtLMA7w.woff2) format("woff2");
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}
@font-face {
  font-family: "Noto Sans Syriac Western";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/ea/notosanssyriacwestern/v1/NotoSansSyriacWestern-Regular.eot);
  src: url(https://fonts.gstatic.com/ea/notosanssyriacwestern/v1/NotoSansSyriacWestern-Regular.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/ea/notosanssyriacwestern/v1/NotoSansSyriacWestern-Regular.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanssyriacwestern/v1/NotoSansSyriacWestern-Regular.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanssyriacwestern/v1/NotoSansSyriacWestern-Regular.ttf) format("truetype");
}
body {
  -webkit-touch-callout: auto;
  -webkit-user-select: auto;
  -khtml-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-lemma__translations {
  padding: 5px 0 0 22px;
  font-style: italic;
  color: #585858;
  font-weight: bold;
}
p.alpheios-lemma__translations-value {
  margin-bottom: 5px;
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-content .alpheios-inflections-list__inflgroup span.alpheios-morph__attr,
.alpheios-content .alpheios-inflections-list__inflections span.alpheios-morph__attr {
  font-weight: 400;
  padding-right: 0.25em;
}
.alpheios-content .alpheios-inflections-list__inflgroup span.alpheios-morph__linkedattr,
.alpheios-content .alpheios-inflections-list__inflections span.alpheios-morph__linkedattr {
  color: var(--alpheios-color-muted);
  cursor: pointer;
  font-weight: 700;
  color: var(--alpheios-desktop-popup-link-color);
  padding-right: 0.25em;
}
.alpheios-content .alpheios-inflections-list__inflgroup span.alpheios-morph__linkedattr:hover, .alpheios-content .alpheios-inflections-list__inflgroup span.alpheios-morph__linkedattr:active,
.alpheios-content .alpheios-inflections-list__inflections span.alpheios-morph__linkedattr:hover,
.alpheios-content .alpheios-inflections-list__inflections span.alpheios-morph__linkedattr:active {
  text-decoration: underline;
}
.alpheios-content .alpheios-inflections-list__inflgroup span.alpheios-morph__linkedattr:hover,
.alpheios-content .alpheios-inflections-list__inflections span.alpheios-morph__linkedattr:hover {
  color: var(--alpheios-desktop-popup-link-color-hover);
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alph_tooltip {
  position: relative;
  display: inline-block;
}
.alph_tooltip span.alpheios-tooltiptext.alpheios-tooltiptext-span {
  visibility: hidden;
  position: absolute;
  width: calc(var(--alpheios-base-ui-size) * 7.5);
  padding: calc(var(--alpheios-base-ui-size) * 0.3125);
  background-color: var(--alpheios-text-bg-color);
  color: var(--alpheios-text-color);
  border: 1px solid var(--alpheios-border-color);
  border-radius: calc(var(--alpheios-base-ui-size) * 0.625);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.6s;
  display: none;
  font-size: calc(var(--alpheios-base-text-size) * 0.75);
  text-align: center;
}
.alph_tooltip:hover span.alpheios-tooltiptext.alpheios-tooltiptext-span {
  visibility: visible;
  opacity: 1;
  display: inline;
}
.alph_tooltip-top {
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
}
.alph_tooltip-top::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: var(--alpheios-border-color) transparent transparent transparent;
}
.alph_tooltip-top-right {
  bottom: 125%;
  right: 0;
  margin-left: -50%;
}
.alph_tooltip-top-right::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 15%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: var(--alpheios-border-color) transparent transparent transparent;
}
.alph_tooltip-top-left {
  bottom: 125%;
  left: 0;
}
.alph_tooltip-top-left::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  margin-left: 5px;
  border-width: 5px;
  border-style: solid;
  border-color: var(--alpheios-border-color) transparent transparent transparent;
}
.alph_tooltip-right {
  top: 50%;
  transform: translateY(-50%);
  left: 125%;
}
.alph_tooltip-right::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent var(--alpheios-border-color) transparent transparent;
}
.alph_tooltip-bottom {
  top: 135%;
  left: 50%;
  margin-left: -50%;
}
.alph_tooltip-bottom-wide {
  top: 135%;
  left: -30%;
}
.alph_tooltip-bottom-narrow {
  top: 135%;
  left: -75%;
}
.alph_tooltip-bottom-narrow2 {
  top: 135%;
  left: -165%;
}
.alph_tooltip-bottom::after,
.alph_tooltip-bottom-wide::after,
.alph_tooltip-bottom-narrow::after,
.alph_tooltip-bottom-narrow2::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent var(--alpheios-border-color) transparent;
}
.alph_tooltip-bottom-right {
  top: 135%;
  right: 0;
  margin-left: -50%;
}
.alph_tooltip-bottom-right::after {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 15%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent var(--alpheios-border-color) transparent;
}
.alph_tooltip-bottom-left {
  top: 135%;
  right: 0;
  left: auto;
}
.alph_tooltip-bottom-left::after {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 15%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent var(--alpheios-border-color) transparent;
}
.alpheios-panel--right .alph_tooltip-bottom-right {
  top: 135%;
  right: auto;
  margin-left: 0;
  left: 0;
}
.alpheios-panel--right .alph_tooltip-bottom-right::after {
  margin-left: 0;
  right: auto;
  left: 15%;
}
.alph_tooltip-left {
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
  right: 128%;
}
.alph_tooltip-left::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent var(--alpheios-border-color);
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-principal-parts__lemma_index,
.alpheios-principal-parts__lemma_index_spacer {
  display: inline-block;
  text-align: center;
  font-weight: 700;
  margin-right: calc(var(--alpheios-base-text-size) * 0.3125);
}
.alpheios-principal-parts__groupitem--lemma-word__listitem:after {
  content: " - ";
}
.alpheios-principal-parts__groupitem--lemma-word__listitem:last-child:after {
  content: "";
}
.alpheios-principal-parts__listitem:after {
  content: ", ";
}
.alpheios-principal-parts__listitem:last-child:after {
  content: "";
}
.alpheios-principal-parts__item h4.alpheios-principal-parts__groupitem {
  display: inline;
  font-weight: 700;
  margin-right: 5px;
  margin-bottom: 0;
}
h4.alpheios-principal-parts__groupitem:last-of-type {
  margin-right: 0;
}
h4.alpheios-principal-parts__groupitem:last-of-type:after {
  content: ":";
  margin-left: 3px;
}
.alpheios-principal-parts__item {
  display: flex;
}
.alpheios-principal-parts__item .feature_extras {
  margin-left: 5px;
}
.alpheios-principal-parts__item .feature_source {
  margin-left: 5px;
}
.alpheios-morph-data__chinese p {
  margin-bottom: 0;
}
.alpheios-morph__attr i {
  font-style: italic;
  font-family: sans-serif;
  font-size: 90%;
}
.alpheios-principal-parts__pointer-tooltip {
  display: block;
  height: 22px;
  margin-left: -5px;
}
.alpheios-principal-parts__pointer-icn {
  display: block;
  fill: var(--alpheios-color-vivid);
  height: 22px;
}
.alpheios-principal-parts__dsmbg-providers {
  display: block;
  height: 22px;
}
.alpheios-principal-parts__dsmbg-providers-tooltip {
  margin-left: 5px;
}
.alpheios-principal-parts__dsmbg-providers-icn {
  fill: var(--alpheios-color-neutral-dark);
  display: block;
  height: 22px;
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-content .alpheios-morph-data__morphdata .alpheios-morph__linkedattr {
  color: var(--alpheios-color-muted);
  cursor: pointer;
  color: var(--alpheios-desktop-popup-link-color);
  font-weight: 700;
}
.alpheios-content .alpheios-morph-data__morphdata .alpheios-morph__linkedattr:hover, .alpheios-content .alpheios-morph-data__morphdata .alpheios-morph__linkedattr:active {
  text-decoration: underline;
}
.alpheios-content .alpheios-morph-data__morphdata .alpheios-morph__linkedattr:hover {
  color: var(--alpheios-desktop-popup-link-color-hover);
}
.alpheios-morph-data__pofs span:last-child:after {
  content: ";";
}
.alpheios-morph-data__morphdata {
  display: inline;
}
.alpheios-morph-data__principal_parts .feature_source span {
  font-size: smaller;
}
.alpheios-morph-data__morphdata span.alpheios-morph__attr, .alpheios-morph-data__morphdata span.alpheios-morph__linkedattr {
  padding-right: 5px;
}
.alpheios-morph-data__morphdata .alpheios-morph-data__pofs span {
  padding-right: 5px;
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-popup-lexdataloading__progress-wrapper {
  box-sizing: border-box;
}
.alpheios-popup-lexdataloading__progress-inner {
  border: calc(var(--alpheios-base-ui-size) * 0.125) solid var(--alpheios-desktop-popup-progress-bar-line);
  border-radius: calc(var(--alpheios-base-text-size) * 0.625);
  text-align: center;
  box-sizing: border-box;
  position: relative;
  background: white;
}
.alpheios-popup-lexdataloading__progress-line {
  background: var(--alpheios-desktop-popup-progress-bar-line);
  animation: progress 3s infinite;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border-radius: calc(var(--alpheios-base-text-size) * 0.625);
}
.alpheios-popup-lexdataloading__progress-text {
  display: block;
  padding: 4px;
  box-sizing: border-box;
  text-transform: uppercase;
  position: relative;
  z-index: 10;
  border: 2px solid #fff;
  border-radius: calc(var(--alpheios-base-text-size) * 0.625);
  font-size: 85%;
}
@keyframes progress {
0% {
    transform: translateX(-49.5%) scaleX(0.01);
}
100% {
    transform: translateX(0%) scaleX(1);
}
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-content .alpheios-definition__short .alpheios-definition__text, .alpheios-content .alpheios-definition__short .alpheios-definition__text * {
  color: var(--alpheios-definition-short-color);
  font-size: calc(var(--alpheios-base-text-size) * 1.125);
  font-weight: bold;
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-morph__lexemes .alpheios-definition__lemma {
  display: none;
}
.alpheios-panel__tab-panel .alpheios-morph__lexemes {
  font-size: 0.75rem;
}
.alpheios-morph-definitions_list .alpheios-morph-definitions_list__definition {
  margin-bottom: 5px;
}
.alpheios-morph-definitions_list .alpheios-morph-definitions_list__definition_index {
  display: inline-block;
  font-weight: bold;
}
.alpheios-morph-definitions_list .alpheios-definition__short {
  display: inline-block;
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-inflections-list__formtext {
  font-weight: 700;
}
.alpheios-inflections-list__inflset {
  margin-left: 0.5em;
  margin-top: 0.5em;
}
.alpheios-inflections-list__inflections div.alpheios-inflections-list__inline {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.alpheios-inflections-list__inflections div.alpheios-inflections-list__inline span {
  padding-right: 0.25em;
}
div.alpheios-inflections-list__block {
  display: block;
}
.alpheios-inflections-list__inflfeatures span:first-child:before {
  content: "(";
}
.alpheios-inflections-list__inflfeatures span:last-child:after {
  content: ")";
}
.alpheios-inflections-list__inflfeatures, .alpheios-inflections-list__inflgroup {
  display: flex;
  flex-direction: row;
}
.alpheios-inflections-list__inflfeatures span, .alpheios-inflections-list__inflgroup span {
  padding-right: 0.25em;
}
.alpheios-inflections-list__inflections .alpheios-inflections-list__inflset {
  margin-top: 0;
  margin-left: 7px;
}
.alpheios-inflections-list__inflections .alpheios-inflections-list__inflset .alpheios-inflections-list__forms {
  margin-left: 0;
  display: inline-block;
  vertical-align: top;
}
.alpheios-inflections-list__inflections .alpheios-inflections-list__inflset .alpheios-inflections-list__inflset_index {
  display: inline-block;
  font-weight: bold;
  vertical-align: top;
  padding-top: 4px;
}
.alpheios-inflections-list__pointer-tooltip {
  display: block;
  height: 22px;
  margin-left: -5px;
}
.alpheios-inflections-list__pointer-icn {
  display: block;
  fill: var(--alpheios-color-vivid);
  height: 22px;
}
.alpheios-inflections-list__dsmbg-providers {
  display: block;
  height: 22px;
}
.alpheios-inflections-list__dsmbg-providers-tooltip {
  margin-left: 5px;
}
.alpheios-inflections-list__dsmbg-providers-icn {
  fill: var(--alpheios-color-neutral-dark);
  display: block;
  height: 22px;
}
.alpheios-inflections-list__dupe-infl-set {
  display: none;
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-morph__dictentry {
  clear: both;
  margin-bottom: calc(var(--alpheios-base-text-size) * 1.25);
}
.alpheios-morph__dictentry .alpheios-morph-data__morphdata,
.alpheios-morph__dictentry p.feature_extras,
.alpheios-morph__dictentry .alpheios-morph-definitions_list,
.alpheios-morph__dictentry .alpheios-morph__translation_list,
.alpheios-morph__dictentry .alpheios-inflections-list__inflections,
.alpheios-morph__dictentry .alpheios-morph-data__chinese {
  margin-left: 34px;
}
.alpheios-morph__dictentry .alpheios-morph-definitions_list,
.alpheios-morph__dictentry .alpheios-morph__translation_list,
.alpheios-morph__dictentry .alpheios-inflections-list__inflections {
  margin-top: 5px;
  padding-left: 15px;
}
.alpheios-morph__dictentry .alpheios-morph__features:before, .alpheios-morph__dictentry .alpheios-morph__features:after {
  content: "";
  display: table;
  clear: both;
}
.alpheios-morph__dictentry .alpheios-morph__features p {
  margin-bottom: 0;
  margin-top: 0;
}
fieldset[disabled] .multiselect{pointer-events:none}.multiselect__spinner{position:absolute;right:1px;top:1px;width:48px;height:35px;background:#fff;display:block}.multiselect__spinner:after,.multiselect__spinner:before{position:absolute;content:"";top:50%;left:50%;margin:-8px 0 0 -8px;width:16px;height:16px;border-radius:100%;border:2px solid transparent;border-top-color:#41b883;box-shadow:0 0 0 1px transparent}.multiselect__spinner:before{animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);animation-iteration-count:infinite}.multiselect__spinner:after{animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8);animation-iteration-count:infinite}.multiselect__loading-enter-active,.multiselect__loading-leave-active{transition:opacity .4s ease-in-out;opacity:1}.multiselect__loading-enter,.multiselect__loading-leave-active{opacity:0}.multiselect,.multiselect__input,.multiselect__single{font-family:inherit;font-size:16px;-ms-touch-action:manipulation;touch-action:manipulation}.multiselect{box-sizing:content-box;display:block;position:relative;width:100%;min-height:40px;text-align:left;color:#35495e}.multiselect *{box-sizing:border-box}.multiselect:focus{outline:none}.multiselect--disabled{background:#ededed;pointer-events:none;opacity:.6}.multiselect--active{z-index:50}.multiselect--active:not(.multiselect--above) .multiselect__current,.multiselect--active:not(.multiselect--above) .multiselect__input,.multiselect--active:not(.multiselect--above) .multiselect__tags{border-bottom-left-radius:0;border-bottom-right-radius:0}.multiselect--active .multiselect__select{transform:rotate(180deg)}.multiselect--above.multiselect--active .multiselect__current,.multiselect--above.multiselect--active .multiselect__input,.multiselect--above.multiselect--active .multiselect__tags{border-top-left-radius:0;border-top-right-radius:0}.multiselect__input,.multiselect__single{position:relative;display:inline-block;min-height:20px;line-height:20px;border:none;border-radius:5px;background:#fff;padding:0 0 0 5px;width:100%;transition:border .1s ease;box-sizing:border-box;margin-bottom:8px;vertical-align:top}.multiselect__input:-ms-input-placeholder{color:#35495e}.multiselect__input::placeholder{color:#35495e}.multiselect__tag~.multiselect__input,.multiselect__tag~.multiselect__single{width:auto}.multiselect__input:hover,.multiselect__single:hover{border-color:#cfcfcf}.multiselect__input:focus,.multiselect__single:focus{border-color:#a8a8a8;outline:none}.multiselect__single{padding-left:5px;margin-bottom:8px}.multiselect__tags-wrap{display:inline}.multiselect__tags{min-height:40px;display:block;padding:8px 40px 0 8px;border-radius:5px;border:1px solid #e8e8e8;background:#fff;font-size:14px}.multiselect__tag{position:relative;display:inline-block;padding:4px 26px 4px 10px;border-radius:5px;margin-right:10px;color:#fff;line-height:1;background:#41b883;margin-bottom:5px;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.multiselect__tag-icon{cursor:pointer;margin-left:7px;position:absolute;right:0;top:0;bottom:0;font-weight:700;font-style:normal;width:22px;text-align:center;line-height:22px;transition:all .2s ease;border-radius:5px}.multiselect__tag-icon:after{content:"\D7";color:#266d4d;font-size:14px}.multiselect__tag-icon:focus,.multiselect__tag-icon:hover{background:#369a6e}.multiselect__tag-icon:focus:after,.multiselect__tag-icon:hover:after{color:#fff}.multiselect__current{min-height:40px;overflow:hidden;padding:8px 30px 0 12px;white-space:nowrap;border-radius:5px;border:1px solid #e8e8e8}.multiselect__current,.multiselect__select{line-height:16px;box-sizing:border-box;display:block;margin:0;text-decoration:none;cursor:pointer}.multiselect__select{position:absolute;width:40px;height:38px;right:1px;top:1px;padding:4px 8px;text-align:center;transition:transform .2s ease}.multiselect__select:before{position:relative;right:0;top:65%;color:#999;margin-top:4px;border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 0;content:""}.multiselect__placeholder{color:#adadad;display:inline-block;margin-bottom:10px;padding-top:2px}.multiselect--active .multiselect__placeholder{display:none}.multiselect__content-wrapper{position:absolute;display:block;background:#fff;width:100%;max-height:240px;overflow:auto;border:1px solid #e8e8e8;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:50;-webkit-overflow-scrolling:touch}.multiselect__content{list-style:none;display:inline-block;padding:0;margin:0;min-width:100%;vertical-align:top}.multiselect--above .multiselect__content-wrapper{bottom:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:none;border-top:1px solid #e8e8e8}.multiselect__content::webkit-scrollbar{display:none}.multiselect__element{display:block}.multiselect__option{display:block;padding:12px;min-height:40px;line-height:16px;text-decoration:none;text-transform:none;vertical-align:middle;position:relative;cursor:pointer;white-space:nowrap}.multiselect__option:after{top:0;right:0;position:absolute;line-height:40px;padding-right:12px;padding-left:20px;font-size:13px}.multiselect__option--highlight{background:#41b883;outline:none;color:#fff}.multiselect__option--highlight:after{content:attr(data-select);background:#41b883;color:#fff}.multiselect__option--selected{background:#f3f3f3;color:#35495e;font-weight:700}.multiselect__option--selected:after{content:attr(data-selected);color:silver}.multiselect__option--selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect--disabled .multiselect__current,.multiselect--disabled .multiselect__select{background:#ededed;color:#a6a6a6}.multiselect__option--disabled{background:#ededed!important;color:#a6a6a6!important;cursor:text;pointer-events:none}.multiselect__option--group{background:#ededed;color:#35495e}.multiselect__option--group.multiselect__option--highlight{background:#35495e;color:#fff}.multiselect__option--group.multiselect__option--highlight:after{background:#35495e}.multiselect__option--disabled.multiselect__option--highlight{background:#dedede}.multiselect__option--group-selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--group-selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect-enter-active,.multiselect-leave-active{transition:all .15s ease}.multiselect-enter,.multiselect-leave-active{opacity:0}.multiselect__strong{margin-bottom:8px;line-height:20px;display:inline-block;vertical-align:top}[dir=rtl] .multiselect{text-align:right}[dir=rtl] .multiselect__select{right:auto;left:1px}[dir=rtl] .multiselect__tags{padding:8px 8px 0 40px}[dir=rtl] .multiselect__content{text-align:right}[dir=rtl] .multiselect__option:after{right:auto;left:0}[dir=rtl] .multiselect__clear{right:auto;left:12px}[dir=rtl] .multiselect__spinner{right:auto;left:1px}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(2turn)}}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-setting__label {
  width: 50%;
}
input.alpheios-input.alpheios-setting__control,
select.alpheios-setting__control,
.multiselect.alpheios-setting__control {
  width: 50%;
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-notification-area {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex: 0 0 auto;
  background: var(--alpheios-color-neutral-lightest);
}
.alpheios-notification-area__notification, .alpheios-notification-area__hint {
  display: flex;
  padding: calc(var(--alpheios-base-ui-size) * 1) 0 calc(var(--alpheios-base-ui-size) * 1) calc(var(--alpheios-base-ui-size) * 1);
  flex: 0 0 auto;
  color: var(--alpheios-notification-color);
  background: var(--alpheios-notification-bg);
  border: 1px solid var(--alpheios-notification-border-color);
  border-radius: calc(var(--alpheios-base-ui-size) * 0.625);
  margin: 0 calc(var(--alpheios-base-ui-size) * 1) calc(var(--alpheios-base-ui-size) * 1);
}
.alpheios-notification-area__notification:first-child {
  margin-top: calc(var(--alpheios-base-ui-size) * 1);
}
.alpheios-notification-area__notification--hidden + .alpheios-notification-area__login-notification {
  margin-top: calc(var(--alpheios-base-ui-size) * 1);
}
.alpheios-notification-area__close-btn {
  padding: 0 calc(var(--alpheios-base-ui-size) * 0.625) 0 calc(var(--alpheios-base-ui-size) * 1.25);
  cursor: pointer;
  fill: var(--alpheios-notification-close-btn-color);
  stroke: var(--alpheios-notification-close-btn-color);
}
.alpheios-notification-area__close-btn svg {
  width: calc(var(--alpheios-base-ui-size) * 1.25);
  height: calc(var(--alpheios-base-ui-size) * 1.25);
}
.alpheios-notification-area__close-btn:hover, .alpheios-notification-area__close-btn:focus {
  fill: var(--alpheios-color-dark-hover);
  stroke: var(--alpheios-color-dark-hover);
}
.alpheios-notification-area__close-btn:active {
  fill: var(--alpheios-color-dark-pressed);
  stroke: var(--alpheios-color-dark-pressed);
}
.alpheios-notification-area__notification--important {
  color: var(--alpheios-notification-important-color);
  background: var(--alpheios-notification-important-bg);
  border: 1px solid var(--alpheios-notification-important-border-color);
}
.alpheios-notification-area__notification--important .alpheios-notification-area__close-btn {
  fill: var(--alpheios-important-notification-color);
  stroke: var(--alpheios-important-notification-color);
}
.alpheios-notification-area__notification--important .alpheios-notification-area__close-btn:hover, .alpheios-notification-area__notification--important .alpheios-notification-area__close-btn:focus {
  fill: var(--alpheios-important-notification-color-hover);
  stroke: var(--alpheios-important-notification-color-hover);
}
.alpheios-notification-area__notification--important .alpheios-notification-area__close-btn:active {
  fill: var(--alpheios-important-notification-color);
  stroke: var(--alpheios-important-notification-color);
}
.alpheios-notification-area__notification--important.alpheios-notification-area__notification--cedict-loaded {
  color: var(--alpheios-notification-important-alt-color);
  background: var(--alpheios-notification-important-alt-bg);
  border: 1px solid var(--alpheios-notification-important-alt-border-color);
}
.alpheios-notification-area__notification--important.alpheios-notification-area__notification--cedict-loaded .alpheios-notification-area__close-btn {
  fill: var(--alpheios-notification-important-alt-color);
  stroke: var(--alpheios-notification-important-alt-color);
}
.alpheios-notification-area__notification--important span {
  color: var(--alpheios-notification-important-color);
}
.alpheios-notification-area__msg {
  padding-right: calc(var(--alpheios-base-ui-size) * 0.625);
  flex: 1 1 auto;
}
.alpheios-notification-area__control-cont {
  display: flex;
  flex: 0;
}
.alpheios-notification-area__control {
  display: flex;
}
.alpheios-notification-area__control .alpheios-setting__control {
  width: 140px;
}
.alpheios-notification-area__controlbox {
  flex-flow: wrap;
  display: flex;
  justify-content: flex-start;
}
.alpheios-notification-area__controlbox button {
  margin-bottom: 5px;
  margin-right: 3px;
}
.alpheios-notification-area__hint {
  color: var(--alpheios-hint-color);
  background: var(--alpheios-hint-bg);
  border: 1px solid var(--alpheios-hint-border-color);
}
.alpheios-notification-area__hint-btn, button.alpheios-notification-area__hint-btn {
  color: var(--alpheios-color-neutral-lightest) !important;
  background: var(--alpheios-color-muted);
  border-color: var(--alpheios-color-muted);
}
.alpheios-notification-area__hint-btn:hover, .alpheios-notification-area__hint-btn:focus, button.alpheios-notification-area__hint-btn:hover, button.alpheios-notification-area__hint-btn:focus {
  box-shadow: 0 0.25em 0.25em rgba(0, 0, 0, 0.25);
}
.alpheios-notification-area__hint-btn:active, button.alpheios-notification-area__hint-btn:active {
  box-shadow: inset 0 0.25em 0.25em rgba(0, 0, 0, 0.1);
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-popup {
  display: flex;
  flex-direction: column;
  min-width: 300px;
  min-height: 150px;
  z-index: 1000;
  position: fixed;
  left: 200px;
  top: 100px;
  box-sizing: border-box;
  touch-action: none;
  overflow: hidden;
  border: 1px solid var(--alpheios-border-color);
  border-radius: calc(var(--alpheios-base-ui-size) * 0.625);
}
.alpheios-popup .alpheios-notification-area {
  padding-top: 0;
}
.alpheios-popup__header {
  display: flex;
  flex: 0 0 calc(var(--alpheios-base-ui-size) * 2.75);
  justify-content: space-between;
  background: var(--alpheios-desktop-popup-header-bg);
  touch-action: auto;
}
.alpheios-popup__logo {
  position: relative;
  left: calc(var(--alpheios-base-ui-size) * 0.75);
  top: calc(var(--alpheios-base-ui-size) * 0.75);
}
.alpheios-popup__logo svg {
  width: calc(var(--alpheios-base-ui-size) * 1.75);
  height: auto;
}
.alpheios-popup__toolbar-top__btn {
  width: calc(var(--alpheios-base-ui-size) * 3.5);
  cursor: pointer;
  fill: var(--alpheios-desktop-popup-icon-color);
  stroke: var(--alpheios-desktop-popup-icon-color);
  stroke-width: 0;
}
.alpheios-popup__toolbar-top__btn svg {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  left: calc(var(--alpheios-base-ui-size) * 1);
  width: calc(var(--alpheios-base-ui-size) * 1.375);
  height: auto;
  stroke-width: 1;
}
.alpheios-popup__toolbar-top__btn:hover, .alpheios-popup__toolbar-top__btn:focus {
  fill: var(--alpheios-desktop-popup-icon-color-hover);
  stroke: var(--alpheios-desktop-popup-icon-color-hover);
  background: var(--alpheios-desktop-popup-icon-bg-hover);
}
.alpheios-popup__toolbar-top__btn:active {
  fill: var(--alpheios-desktop-popup-icon-color-active);
  stroke: var(--alpheios-desktop-popup-icon-color-active);
  background: var(--alpheios-desktop-popup-icon-bg-hover);
}
.alpheios-popup__toolbar-top__btn.disabled {
  fill: var(--alpheios-desktop-popup-icon-color-disabled);
  stroke: var(--alpheios-desktop-popup-icon-color-disabled);
  background: var(--alpheios-desktop-popup-icon-bg-disabled);
}
.alpheios-popup__close-btn {
  width: calc(var(--alpheios-base-ui-size) * 3.5);
  cursor: pointer;
  fill: var(--alpheios-desktop-popup-icon-color);
  stroke: var(--alpheios-desktop-popup-icon-color);
}
.alpheios-popup__close-btn svg {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  left: calc(var(--alpheios-base-ui-size) * 1);
  width: calc(var(--alpheios-base-ui-size) * 1.375);
  height: auto;
}
.alpheios-popup__close-btn:hover, .alpheios-popup__close-btn:focus {
  fill: var(--alpheios-desktop-popup-icon-color-hover);
  stroke: var(--alpheios-desktop-popup-icon-color-hover);
  background: var(--alpheios-desktop-popup-header-icon-active-bg);
}
.alpheios-popup__close-btn:active {
  fill: var(--alpheios-desktop-popup-icon-color-active);
  stroke: var(--alpheios-desktop-popup-icon-color-active);
  background: var(--alpheios-desktop-popup-header-icon-active-bg);
}
.alpheios-popup__close-btn.disabled {
  fill: var(--alpheios-desktop-popup-icon-color-disabled);
  stroke: var(--alpheios-desktop-popup-icon-color-disabled);
  background: var(--alpheios-desktop-popup-header-icon-bg-disabled);
}
.alpheios-popup__body {
  display: flex;
  flex-direction: column;
  padding: calc(var(--alpheios-base-text-size) * 1);
  background: var(--alpheios-desktop-popup-body-bg);
  overflow: auto;
  flex: 1 1;
}
.alpheios-popup__toolbar {
  position: relative;
  display: flex;
  flex: 0 0;
  justify-content: space-between;
  align-items: center;
  margin-bottom: calc(var(--alpheios-base-text-size) * 0.625);
  min-height: calc(var(--alpheios-base-text-size) * 1.5);
}
.alpheios-popup__toolbar-text {
  padding-right: calc(var(--alpheios-base-text-size) * 1.25);
}
.alpheios-popup__toolbar-text[lang=ara] {
  padding: 0 calc(var(--alpheios-base-ui-size) * 1.25) 0 calc(var(--alpheios-base-ui-size) * 1.25);
  /* the arabic amiri font does not like the top padding */
}
h3.alpheios-popup__toolbar-selection {
  margin-top: calc(var(--alpheios-base-text-size) * 0.75);
  margin-bottom: calc(var(--alpheios-base-text-size) * 0.5);
  display: inline-block;
}
.alpheios-popup__toolbar-buttons {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-items: stretch;
}
.alpheios-popup__toolbar-buttons > .alph_tooltip {
  display: flex;
}
.alpheios-popup__toolbar-button {
  margin: 0 0 calc(var(--alpheios-base-ui-size) * 0.625) calc(var(--alpheios-base-ui-size) * 0.625);
}
.alpheios-popup__content {
  flex: 1 0;
  padding: calc(var(--alpheios-base-ui-size) * 1.25);
  background: var(--alpheios-desktop-popup-content-bg);
  border: 1px solid var(--alpheios-border-color);
  border-radius: calc(var(--alpheios-base-ui-size) * 0.625);
}
.alpheios-popup__providers {
  margin-left: calc(var(--alpheios-base-text-size) * 2.5);
}
a.alpheios-popup__providers-link,
a:not([href]):not([tabindex]).alpheios-popup__providers-link {
  display: inline-block;
  margin-bottom: calc(var(--alpheios-base-text-size) * 0.375);
  font-weight: 700;
  color: var(--alpheios-desktop-popup-credit-link-color);
}
a.alpheios-popup__providers-link:hover,
a:not([href]):not([tabindex]).alpheios-popup__providers-link:hover {
  color: var(--alpheios-desktop-popup-credit-link-color-hover);
}
.alpheios-popup__definitions--placeholder {
  padding: calc(var(--alpheios-base-text-size) * 0.625) 0;
}
.alpheios-popup__providers-item {
  color: var(--alpheios-desktop-popup-credit-providers-color);
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-navbuttons {
  display: flex;
  align-items: center;
}
.alpheios-navbuttons__btn {
  display: block;
  width: calc(var(--alpheios-base-ui-size) * 3.5);
  height: calc(var(--alpheios-base-ui-size) * 3.5);
  cursor: pointer;
  fill: var(--alpheios-icon-color);
  stroke: var(--alpheios-icon-color);
  background-color: var(--alpheios-icon-bg-color);
}
.alpheios-navbuttons__btn svg {
  width: 52%;
  height: auto;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.alpheios-navbuttons__btn:hover, .alpheios-navbuttons__btn:focus, .alpheios-navbuttons__btn.active:hover, .alpheios-navbuttons__btn.active:focus {
  fill: var(--alpheios-icon-color-hover);
  stroke: var(--alpheios-icon-color-hover);
  background-color: var(--alpheios-icon-bg-color-hover);
}
.alpheios-navbuttons__btn.active {
  fill: var(--alpheios-icon-color-active);
  stroke: var(--alpheios-icon-color-active);
  background-color: var(--alpheios-icon-bg-color-active);
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.infl-prdgm-tbl {
  display: table;
  border-top: 1px solid gray;
  border-left: 1px solid gray;
  margin-bottom: 30px;
}
.infl-prdgm-tbl__row {
  display: table-row;
}
.infl-prdgm-tbl__cell {
  display: table-cell;
  padding: 2px 5px;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
}
.infl-prdgm-tbl__cell--label {
  font-weight: 700;
}
.infl-prdgm-tbl a.infl-prdgm-tbl__cell-reflink {
  color: var(--alpheios-link-color);
  text-decoration: underline;
}
.infl-prdgm-tbl a.infl-prdgm-tbl__cell-reflink:hover {
  color: var(--alpheios-link-color-hover);
}
.alpheios-inflections__title {
  cursor: pointer;
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.infl-suff-footnote-link {
  position: relative;
}
.alpheios-inflections__footnote-popup {
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-row-gap: 2px;
  background: #FFF;
  color: var(--alpheios-text-color);
  z-index: 10;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.alpheios-inflections__footnote-popup dd {
  margin-inline-start: 0;
  padding-left: calc(var(--alpheios-base-text-size) * 0.625);
}
[data-ap-layout-type=compact] .alpheios-inflections__footnote-popup {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 50vw;
  border-top: 1px solid var(--alpheios-border-color);
  padding: calc(var(--alpheios-base-text-size) * 1.875) 15px 15px calc(var(--alpheios-base-ui-size) * 3.125);
}
[data-ap-layout-type=compact] .alpheios-panel--left .alpheios-inflections__footnote-popup {
  border-right: 1px solid var(--alpheios-border-color);
}
[data-ap-layout-type=compact] .alpheios-panel--right .alpheios-inflections__footnote-popup {
  left: auto;
  right: 0;
  border-left: 1px solid var(--alpheios-border-color);
}
[data-ap-screen-orientation=portrait][data-ap-layout-type=compact] .alpheios-inflections__footnote-popup, [data-ap-layout-type=compact] .alpheios-panel--expanded .alpheios-inflections__footnote-popup {
  width: 100vw;
}
[data-ap-layout-type=large] .alpheios-inflections__footnote-popup {
  position: absolute;
  left: 0;
  bottom: 20px;
  min-width: 200px;
  border: 1px solid var(--alpheios-border-color);
  cursor: move;
  padding: 30px 15px 15px;
}
.alpheios-inflections__footnote-popup.hidden {
  display: none;
}
.alpheios-inflections__footnote-popup-title {
  font-weight: 700;
  position: absolute;
  text-transform: uppercase;
  left: 15px;
  top: calc(var(--alpheios-base-ui-size) * 0.4375);
}
[data-ap-layout-type=large] .alpheios-inflections__footnote-popup-title {
  left: 15px;
  top: 7px;
}
.alpheios-inflections__footnote-popup-close-btn {
  position: absolute;
  right: calc(var(--alpheios-base-ui-size) * 0.3125);
  top: calc(var(--alpheios-base-ui-size) * 0.3125);
  display: block;
  width: calc(var(--alpheios-base-ui-size) * 2.75);
  height: calc(var(--alpheios-base-ui-size) * 2.75);
  margin: 0;
  cursor: pointer;
  fill: var(--alpheios-color-neutral-dark);
  stroke: var(--alpheios-color-neutral-dark);
}
[data-ap-layout-type=large] .alpheios-inflections__footnote-popup-close-btn {
  width: 20px;
  height: 20px;
}
.alpheios-inflections__footnote-popup-close-btn:hover,
.alpheios-inflections__footnote-popup-close-btn:active {
  fill: var(--alpheios-color-neutral-light);
  stroke: var(--alpheios-color-neutral-light);
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-inflections__title {
  color: var(--alpheios-inflect-title-color);
  font-size: calc(var(--alpheios-base-text-size) * 1.375);
  font-family: var(--alpheios-serif-font-face);
  line-height: 1;
  margin-bottom: calc(var(--alpheios-base-text-size) * 0.625);
  font-weight: 700;
  position: relative;
  z-index: 1;
  display: inline-block;
}
.alpheios-inflections__not-impl-msg {
  padding: 20px;
  font-size: 0.875rem;
}
.alpheios-inflections__wide-view {
  position: relative;
}
.alpheios-inflections__table-ctrl-cont {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  position: absolute;
  top: calc(var(--alpheios-base-text-size) * -3.125);
}
.alpheios-inflections__table-ctrl-cell--btn {
  display: inline-block;
  margin: 0 0 15px 20px;
}
.alpheios-inflections__table-ctrl-cell {
  flex-grow: 1;
}
div.alpheios-inflections__table-ctrl-cont div.alpheios-inflections__table-ctrl-cell {
  font-size: 0.875rem;
}
.alpheios-inflections__table-ctrl-btn-cont {
  margin-left: 0.2rem;
}
.infl-prdgm-tbl {
  display: table;
  border-top: 1px solid gray;
  border-left: 1px solid gray;
  margin-bottom: 30px;
}
.infl-prdgm-tbl__row {
  display: table-row;
}
.infl-prdgm-tbl__cell {
  display: table-cell;
  padding: 2px 5px;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  min-width: 20px;
}
.infl-prdgm-tbl-cell--label {
  font-weight: 700;
}
.infl-prdgm-tbl-cell--full-match {
  background-color: var(--alpheios-highlight-color);
  font-weight: 700;
}
.infl-table {
  display: grid;
  border-left: 1px solid #111;
  border-bottom: 1px solid #111;
  margin-bottom: 1rem;
}
.infl-table--wide {
  /* Data flow order: number- case - declension - gender - type*/
  grid-auto-flow: row;
  grid-template-columns: repeat(21, 1fr);
  /* Default value, will be redefined in JS if necessary */
}
.infl-table--narrow {
  /* Data flow order: declension - number- case - gender - type*/
  grid-auto-flow: row;
  grid-template-columns: repeat(6, 1fr);
  /* Default value, will be redefined in JS if necessary */
}
.infl-table.hidden {
  display: none;
}
.infl-table-narrow-views-cont {
  display: flex;
  flex-wrap: wrap;
}
.infl-cell {
  font-size: var(--alpheios-base-text-size);
  padding: 0 2px 0 5px;
  border-right: 1px solid #111;
  border-top: 1px solid #111;
  position: relative;
}
.infl-cell.hidden {
  display: none;
}
.infl-cell--hdr {
  font-weight: 700;
  text-align: center;
}
.infl-cell--hdr .infl-cell__conj-stem {
  text-transform: none;
}
.infl-cell--fw {
  grid-column: 1/-1;
  font-style: italic;
  text-transform: capitalize;
}
.infl-cell.infl-cell--sep {
  height: 50px;
}
.infl-cell--sp0 {
  display: none;
}
.infl-cell--sp1 {
  grid-column-end: span 1;
}
.infl-cell--sp2 {
  grid-column-end: span 2;
}
.infl-cell--sp3 {
  grid-column-end: span 3;
}
.infl-cell--sp4 {
  grid-column-end: span 4;
}
.infl-cell--sp5 {
  grid-column-end: span 5;
}
.infl-cell--sp6 {
  grid-column-end: span 6;
}
.infl-cell--sp7 {
  grid-column-end: span 7;
}
.infl-cell--sp8 {
  grid-column-end: span 8;
}
.infl-cell--sp9 {
  grid-column-end: span 9;
}
.infl-cell--sp10 {
  grid-column-end: span 10;
}
.infl-cell--sp11 {
  grid-column-end: span 11;
}
.infl-cell--sp12 {
  grid-column-end: span 12;
}
.infl-cell--sp13 {
  grid-column-end: span 13;
}
.infl-cell--sp14 {
  grid-column-end: span 14;
}
.infl-cell--sp15 {
  grid-column-end: span 15;
}
.infl-cell--sp16 {
  grid-column-end: span 16;
}
.infl-cell--sp17 {
  grid-column-end: span 17;
}
.infl-cell--sp18 {
  grid-column-end: span 18;
}
.infl-cell--sp19 {
  grid-column-end: span 19;
}
.infl-cell--sp20 {
  grid-column-end: span 20;
}
.infl-cell--sp21 {
  grid-column-end: span 21;
}
.infl-cell--sp22 {
  grid-column-end: span 22;
}
.infl-cell--sp23 {
  grid-column-end: span 23;
}
.infl-cell--sp24 {
  grid-column-end: span 24;
}
.infl-cell--hl {
  background: lightgray;
}
.infl-cell--morph-match,
.infl-table .infl-cell.infl-cell--morph-match {
  border: 3px solid var(--alpheios-inflect-morph-match-cell-border-color);
}
.infl-cell__conj-stem {
  text-transform: none;
}
.infl-suff {
  line-height: 1.25;
  cursor: pointer;
}
.row-title-cell {
  text-transform: capitalize;
}
.infl-suff.infl-suff--suffix-match {
  background-color: var(--alpheios-inflect-match-suff-bg);
}
.infl-suff--full-match {
  background-color: var(--alpheios-inflect-match-suff-bg);
  color: var(--alpheios-inflect-match-suff-color);
}
.infl-suff.infl-suff--suffix-match.infl-suff--full-match {
  background-color: var(--alpheios-inflect-full-match-suff-bg);
  color: var(--alpheios-inflect-full-match-suff-color);
  font-weight: 700;
}
.alpheios-inflections__control-btn {
  color: var(--alpheios-inflect-button-control-color);
  background-color: var(--alpheios-inflect-button-control-bg);
  border-color: var(--alpheios-inflect-button-control-border-color);
}
.alpheios-inflections__control-btn:hover {
  color: var(--alpheios-inflect-button-control-color-hover);
  background-color: var(--alpheios-inflect-button-control-bg-hover);
  border-color: var(--alpheios-inflect-button-control-border-color-hover);
}
h3.alpheios-inflections__supp-table-title {
  font-size: 1rem;
  line-height: 1;
  margin: 1.5rem 0 0.6rem 0;
  font-weight: 700;
}
.infl-supp-tbl__cont {
  margin-bottom: 20px;
  display: inline-block;
}
.infl-prdgm-tbl--supp {
  margin-bottom: 10px;
}
.infl-supp-tbl__cont a.infl-supp-tbl__reflink {
  float: right;
  color: var(--alpheios-link-color);
  text-decoration: underline;
}
.infl-supp-tbl__cont a.infl-supp-tbl__reflink:hover {
  color: var(--alpheios-link-color-hover);
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-inflections__form-parts {
  display: inline-block;
}
.alpheios-inflections__forms-cont {
  color: var(--alpheios-text-color-dark);
  font-size: calc(var(--alpheios-base-text-size) * 1.25);
  margin-bottom: calc(var(--alpheios-base-text-size) * 2.5);
}
.alpheios-inflections__forms-targetword {
  font-weight: 700;
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
h4.alpheios-inflections__additional_title {
  line-height: 1.6;
  font-weight: bold;
  text-align: left;
  margin: 0 0 0.6rem 0;
}
.alpheios-select.alpheios-inflections__view-selector {
  height: auto !important;
  max-width: 220px;
  line-height: 1.6;
}
.alpheios-inflections__actions {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 0.6rem;
  margin-top: 10px;
}
.alpheios-inflections__form {
  font-weight: bold;
  line-height: 1.2;
  justify-content: flex-start;
}
.alpheios-inflections__footnotes {
  display: none;
  grid-template-columns: 1.6rem 1fr;
  font-size: 0.875rem;
  line-height: 1.2;
  margin-bottom: 2rem;
}
.alpheios-inflections__footnotes dt {
  font-weight: 700;
}
[data-footnote] {
  position: relative;
  padding-left: 2px;
  vertical-align: super;
}
.alpheios-inflections__credits-cont {
  margin-bottom: 10px;
}
h3.alpheios-inflections__credits-title {
  font-weight: 700;
  margin-bottom: 0;
}
.alpheios-inflections__credits-text {
  font-size: calc(var(--alpheios-base-text-size) * 0.75);
  font-weight: normal;
  font-style: italic;
  padding: 5px;
}
.alpheios-inflections__paradigms-expl {
  font-size: calc(var(--alpheios-base-text-size) * 0.75);
  font-weight: normal;
  font-style: italic;
  margin: 20px 0 10px;
}
.alpheios-inflections__paradigms-expl span {
  font-weight: 700;
}
.alpheios-inflections__supp-tables {
  margin-top: 4rem;
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-grammar__titles {
  padding: 10px 30px 5px;
  border-bottom: 3px solid var(--alpheios-color-neutral-light);
}
.alpheios-grammar__titles h1.alpheios-panel__title {
  font-size: calc(var(--alpheios-base-text-size) * 1.3) !important;
  margin: 0 0 calc(var(--alpheios-base-text-size) * 0.5) 0 !important;
}
p.alpheios-grammar__block__title {
  color: var(--alpheios-inflect-title-color);
  font-size: calc(var(--alpheios-base-text-size) * 1.1);
  font-family: var(--alpheios-serif-font-face);
  font-weight: 700;
  margin-bottom: calc(var(--alpheios-base-text-size) * 0.5);
  display: inline-block;
}
p.alpheios-grammar__block__title.open {
  border-bottom: calc(var(--alpheios-base-text-size) * 0.125) solid var(--alpheios-inflect-title-color);
}
.alpheios-grammar {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.alpheios-grammar__frame-cont {
  flex: 1 1 auto;
  position: relative;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  flex-direction: column;
}
.alpheios-grammar__frame {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
  margin: 0;
  padding: 0;
  overflow: scroll;
}
.alpheios-grammar__provider {
  flex: none;
  font-weight: normal;
  padding: 20px 25px 20px;
  font-size: 80%;
}
.alpheios-grammar__button--back-block,
.alpheios-grammar__button--show-titles-block {
  position: absolute;
  top: 5px;
  right: 20px;
  z-index: 1000;
}
.alpheios-grammar__button--back-block button,
.alpheios-grammar__button--show-titles-block button {
  color: var(--alpheios-grammar-back-button-color);
  background-color: var(--alpheios-grammar-back-button-bg);
  border-color: var(--alpheios-grammar-back-button-border-color);
  width: 30px;
  height: 30px !important;
  padding: 0 !important;
  position: relative;
}
.alpheios-grammar__button--back-block button:hover,
.alpheios-grammar__button--show-titles-block button:hover {
  color: var(--alpheios-grammar-back-button-color-hover);
  background-color: var(--alpheios-grammar-back-button-bg-hover);
  border-color: var(--alpheios-grammar-back-button-border-color-hover);
}
.alpheios-grammar__button--back-block button svg,
.alpheios-grammar__button--show-titles-block button svg {
  position: relative;
  top: 1px;
}
.alpheios-grammar__button--show-titles-block {
  right: 60px;
}
.alpheios-svg-index {
  display: block;
  border-radius: 15px;
  opacity: 0.5;
  padding: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.alpheios-svg-index svg {
  display: inline-block;
  width: 22px;
  height: auto;
  fill: var(--alpheios-btn-primary-font-color);
}
.alpheios-grammar__frame-progress {
  padding: 20px;
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-treebank {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.alpheios-treebank__frame {
  width: 100%;
  flex: 1 1 100vh;
  height: 100%;
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-ib {
  margin-bottom: calc(var(--alpheios-base-text-size) * 1.25);
}
.alpheios-ib .alpheios-inflections__title {
  font-family: var(--alpheios-sans-font-face);
  font-size: var(--alpheios-base-text-size);
  margin: 0 0 calc(var(--alpheios-base-text-size) * 1.25) calc(var(--alpheios-base-text-size) * 3);
}
.alpheios-ib__title {
  color: var(--alpheios-inflect-title-color);
  font-size: calc(var(--alpheios-base-text-size) * 1.5);
  font-family: var(--alpheios-serif-font-face);
  font-weight: 700;
  margin-bottom: calc(var(--alpheios-base-text-size) * 1.25);
  display: inline-block;
}
.alpheios-ib__title.open {
  border-bottom: calc(var(--alpheios-base-text-size) * 0.125) solid var(--alpheios-inflect-title-color);
}
.alpheios-ib__pofs-title {
  font-weight: 700;
  font-size: calc(var(--alpheios-base-text-size) * 1.375);
  margin-bottom: calc(var(--alpheios-base-text-size) * 0.625);
}
.alpheios-ib__pofs-title-l2 {
  font-weight: 700;
  margin-left: calc(var(--alpheios-base-text-size) * 1);
  margin-bottom: calc(var(--alpheios-base-text-size) * 1.25);
}
.alpheios-ib__pofs-title-l3 {
  font-weight: 700;
  margin-left: calc(var(--alpheios-base-text-size) * 2);
  margin-bottom: calc(var(--alpheios-base-text-size) * 1.25);
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-user-auth {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.alpheios-user-auth__user-login-instuctions {
  color: var(--alpheios-text-color-vivid);
}
.alpheios-user-auth__user-info-box {
  margin: calc(var(--alpheios-base-ui-size) * 1.25) auto calc(var(--alpheios-base-ui-size) * 3.125);
  display: flex;
  border-top: 1px solid var(--alpheios-border-color);
  flex-direction: column;
}
.alpheios-user-auth__user-info-item-box {
  display: flex;
  flex-direction: row;
  padding: calc(var(--alpheios-base-ui-size) * 0.3125) calc(var(--alpheios-base-ui-size) * 0.625);
  border-bottom: 1px solid var(--alpheios-border-color);
}
.alpheios-user-auth__user-info-item-name {
  flex: 1 1;
}
.alpheios-user-auth__user-info-item-value {
  font-weight: 700;
  flex: 1 1;
  color: var(--alpheios-link-color-on-light) !important;
  text-align: right;
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-word-usage-filters-select .alpheios-select option.alpheios-select-disabled-option {
  color: var(--alpheios-color-placehoder);
}
.alpheios-word-usage-header-select-type-filters-block {
  margin-bottom: 10px;
}
.alpheios-word-usage-header-select-type-filters-block .alpheios-word-usage-header-select-type-filter {
  cursor: pointer;
}
.alpheios-word-usage-header-select-type-filters-block .alpheios-word-usage-header-select-type-filter input[type=radio] {
  display: inline-block;
  vertical-align: middle;
}
.alpheios-word-usage-header-select-type-filters-block .alpheios-word-usage-header-select-type-filter label {
  padding-left: 5px;
  font-size: var(--alpheios-base-text-size);
  line-height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.alpheios-word-usage-header-select-type-filters-block .alpheios-word-usage-header-select-type-filter.alpheios-word-usage-header-select-type-filter-disabled {
  color: var(--alpheios-color-neutral-dark);
  cursor: inherit;
}
.alpheios-word-usage-header-filters .alpheios-word-usage-header-actions button:disabled {
  background-color: var(--alpheios-color-neutral-dark);
  border-color: transparent;
}
.alpheios-word-usage-header .alpheios-word-usage-header-select-textwork {
  margin-top: 10px;
}
.alpheios-word-usage-header-filters .alpheios-word-usage-get-data-progress {
  color: var(--alpheios-usage-progress-color);
  font-weight: bold;
}
p.alpheios-word-usage-filter-title {
  margin: 0 0 calc(var(--alpheios-base-text-size) * 0.5);
}
.alpheios-word-usage-filters-select {
  margin-bottom: 10px;
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-word-usage-sorting-select .alpheios-select option.alpheios-select-disabled-option {
  color: var(--alpheios-color-placehoder);
}
.alpheios-word-usage-header-sorting {
  padding-bottom: 10px;
  margin-top: 10px;
  border-bottom: 1px solid var(--alpheios-border-color);
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-word-usage {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.alpheios-word-usage div.alpheios_word_usage_list_title {
  flex: none;
  font-weight: bold;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--alpheios-border-color);
  margin-bottom: 10px;
}
.alpheios-word-usage div.alpheios_word_usage_list_title div.alpheios_word_usage_hint {
  font-weight: normal;
}
.alpheios-word-usage div.alpheios_word_usage_list_mainblock {
  flex: 1 1 auto;
  position: relative;
  -webkit-overflow-scrolling: touch;
}
.alpheios-word-usage div.alpheios-word_usage_list__provider {
  flex: none;
  font-weight: normal;
  padding: 10px 0;
  font-size: 80%;
}
.alpheios-word-usage .alpheios-word-usage-header-filter-select,
.alpheios-word-usage .alpheios-word-usage-header-select-sortBy {
  width: 88%;
  max-width: 400px;
}
.alpheios-word-usage .alpheios-select:not([multiple]):not([size]) {
  background-size: calc(var(--alpheios-base-text-size) * 2);
}
.alpheios-word-usage .alpheios-word-usage-header-clear-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}
.alpheios-word-usage .alpheios-word-usage-header-clear-icon svg {
  width: 100%;
  height: 100%;
}
.alpheios-word-usage .alpheios-word-usage-header-clear-disabled.alpheios-word-usage-header-clear-icon {
  cursor: inherit;
  fill: var(--alpheios-text-color);
}
.alpheios-word-usage__examples {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-auto-rows: auto;
}
.alpheios-word-usage__examples-show-sources-cbx {
  margin: 40px 0 20px;
}
.alpheios-word-usage__examples-source-link-large {
  grid-column: 1/4;
  color: var(--alpheios-usage-link-color);
  padding-top: 10px;
  padding-bottom: 5px;
  cursor: pointer;
}
.alpheios-word-usage__examples-source-link-large:hover {
  color: var(--alpheios-usage-link-color-hover);
}
.alpheios-word-usage__examples-source-link-compact-cont {
  grid-column: 1/4;
  padding-top: 5px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--alpheios-border-color);
}
.alpheios-word-usage a.alpheios-word-usage__examples-source-link-compact-text {
  color: var(--alpheios-usage-link-color);
}
.alpheios-word-usage a.alpheios-word-usage__examples-source-link-compact-text:hover {
  color: var(--alpheios-usage-link-color-hover);
}
.alpheios-word-usage__examples-pre, .alpheios-word-usage__examples-target-word, .alpheios-word-usage__examples-post {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--alpheios-border-color);
  white-space: nowrap;
}
.alpheios-word-usage__examples-pre {
  grid-column: 1;
  text-align: right;
  border-bottom: 1px solid var(--alpheios-border-color);
}
.alpheios-word-usage__examples-target-word {
  grid-column: 2;
  text-align: center;
  padding: 0 3px;
  color: var(--alpheios-usage-target-color);
  font-weight: 700;
  border-bottom: 1px solid var(--alpheios-border-color);
}
.alpheios-word-usage__examples-post {
  grid-column: 3;
  text-align: left;
  border-bottom: 1px solid var(--alpheios-border-color);
}
.alpheios-word-usage .alpheios-word-usage-header-show-link {
  cursor: pointer;
  color: var(--alpheios-usage-link-color);
}
.alpheios-word-usage .alpheios-word-usage-header-show-link:hover {
  text-decoration: underline;
  color: var(--alpheios-usage-link-color-hover);
}
.alpheios-word-usage__examples-show-sources-cbx {
  display: none;
}
.alpheios-word-usage__examples-show-sources-cbx label {
  color: var(--alpheios-usage-link-color);
}
.alpheios-layout-compact .alpheios-word-usage-header-select-type-filters-block .alpheios-word-usage-header-select-type-filter {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
.alpheios-layout-compact .alpheios-word-usage-filters-select,
.alpheios-layout-compact .alpheios-word-usage-header-actions {
  display: inline-block;
  vertical-align: middle;
}
.alpheios-layout-compact .alpheios-word-usage-filters-select {
  width: 100%;
  max-width: 450px;
}
.alpheios-layout-compact .alpheios-word-usage-header-actions {
  border-top: 0;
  margin-top: 0;
  padding-top: 10px;
}
.alpheios-layout-compact .alpheios-word-usage__examples-show-sources-cbx {
  margin: 0 0 0 10px;
}
.alpheios-layout-compact .alpheios-word-usage__examples-source-link-large {
  display: none;
}
.alpheios-layout-compact .alpheios-word-usage__examples-show-sources-cbx {
  display: inline-block;
}
.alpheios-layout-compact .alpheios-word-usage__examples--sources-visible .alpheios-word-usage__examples-source-link-large {
  display: block;
}
.alpheios_word_usage_list_mainblock i {
  font-style: italic;
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-wordlist-language__worditem {
  border-bottom: 1px solid var(--alpheios-border-color);
  padding: 7px 0;
}
.alpheios-worditem__data {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  padding: 7px 0;
}
.alpheios-wordlist-language__worditem .alpheios-worditem__icon,
.alpheios-wordlist-language__worditem .alpheios-worditem__controlIcon {
  width: 22px;
  height: 22px;
  text-align: center;
  cursor: pointer;
  fill: var(--alpheios-word-list-default-item-color);
  stroke: var(--alpheios-word-list-default-item-color);
  margin: 5px;
}
.alpheios-wordlist-language__worditem .alpheios-worditem__icon svg,
.alpheios-wordlist-language__worditem .alpheios-worditem__controlIcon svg {
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: top;
  padding: 2px;
}
.alpheios-wordlist-language__worditem .alpheios-worditem__icon.alpheios-worditem__delete_icon,
.alpheios-wordlist-language__worditem .alpheios-worditem__controlIcon.alpheios-worditem__delete_icon {
  fill: var(--alpheios-word-list-delete-item-color);
  stroke: var(--alpheios-word-list-delete-item-color);
}
.alpheios-wordlist-language__worditem .alpheios-worditem__icon.alpheios-worditem__current_session_icon,
.alpheios-wordlist-language__worditem .alpheios-worditem__controlIcon.alpheios-worditem__current_session_icon {
  stroke: var(--alpheios-word-list-current-item-color);
  fill: var(--alpheios-word-list-current-item-color);
}
.alpheios-wordlist-language__worditem__active .alpheios-worditem__data {
  fill: var(--alpheios-word-list-important-item-color);
  stroke: var(--alpheios-word-list-important-item-color);
  color: var(--alpheios-word-list-important-item-color);
}
.alpheios-wordlist-language__worditem__active .alpheios-worditem__data.alpheios-worditem__delete_icon {
  fill: var(--alpheios-word-list-delete-item-color);
  stroke: var(--alpheios-word-list-delete-item-color);
}
.alpheios-worditem__targetWord {
  font-weight: bold;
  width: calc((100% - 250px)/2);
  cursor: pointer;
}
.alpheios-worditem__lemmasList {
  width: calc((100% - 250px)/2);
}
.alpheios-worditem__frequency {
  width: 20px;
}
.alpheios-worditem__updatedDT {
  width: 70px;
  font-size: 80%;
  white-space: nowrap;
}
.alpheios-visibility__hidden {
  visibility: hidden;
}
.alpheios-lemma-clickable .alpheios-worditem__lemmasList-lemmaitem {
  cursor: pointer;
}
.alpheios-rtl .alpheios-worditem__targetWord,
.alpheios-rtl .alpheios-worditem__lemmasList {
  direction: rtl;
  text-align: right;
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-wordlist-filters {
  padding: 10px;
}
.alpheios-wordlist-filters .alpheios-select.alpheios-wordlist-header-select-filterBy option.alpheios-select-disabled-option {
  color: var(--alpheios-color-placehoder);
}
.alpheios-wordlist-filters p.alpheios-wordlist-header-title {
  margin: 0;
  font-weight: bold;
  cursor: pointer;
}
.alpheios-wordlist-filters p.alpheios-wordlist-header-title.alpheios-wordlist-filters__hidden {
  text-decoration: underline;
  color: var(--alpheios-link-color);
}
.alpheios-wordlist-filters p.alpheios-wordlist-header-title.alpheios-wordlist-filters__hidden:hover {
  color: var(--alpheios-link-color-hover);
}
.alpheios-wordlist-filters .alpheios-wordlist-header-select-filterBy-block,
.alpheios-wordlist-filters .alpheios-wordlist-header-input-filterBy-block {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  margin: 7px 0;
}
.alpheios-wordlist-filters .alpheios-wordlist-header-input-filterBy-block {
  margin-left: 1%;
}
.alpheios-wordlist-filters .alpheios-wordlist-header-select-filterBy {
  width: 80%;
}
.alpheios-wordlist-filters .alpheios-wordlist-header-input-filterBy {
  width: 100%;
}
.alpheios-wordlist-filters .alpheios-wordlist-header-clear-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}
.alpheios-wordlist-filters .alpheios-wordlist-header-clear-icon svg {
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
}
.alpheios-wordlist-filters .alpheios-select-input-group {
  position: relative;
  width: 80%;
  display: inline-block;
}
.alpheios-wordlist-filters .alpheios-select-input-group.alpheios-select-input-group-show-select .alpheios-wordlist-header-input-filterBy {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.alpheios-wordlist-filters .alpheios-select-input-group.alpheios-select-input-group-show-select .alpheios-select-list {
  display: block;
  border-bottom-right-radius: calc(var(--alpheios-base-text-size) * 0.625);
  border-bottom-left-radius: calc(var(--alpheios-base-text-size) * 0.625);
}
.alpheios-wordlist-filters .alpheios-select-list {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  background: var(--alpheios-word-list-select-item-bg);
  padding: 5px 0;
  border: 1px solid var(--alpheios-border-color);
  border-top: 0;
  max-height: 110px;
  overflow-y: auto;
  list-style: none;
  display: none;
}
.alpheios-wordlist-filters .alpheios-select-list li {
  cursor: pointer;
  padding: 0 5px;
}
.alpheios-wordlist-filters .alpheios-select-list li:hover {
  background-color: var(--alpheios-word-list-select-item-bg-hover);
}
.alpheios-wordlist-filters .alpheios-select-list li .alpheios-select-input-filter-part {
  font-weight: bold;
  color: var(--alpheios-color-vivid);
}
.alpheios-layout-compact .alpheios-wordlist-filters {
  padding: 10px 2px;
}
.alpheios-layout-compact .alpheios-wordlist-header-select-filterBy-block {
  width: 42%;
}
.alpheios-layout-compact .alpheios-wordlist-header-select-filterBy,
.alpheios-layout-compact .alpheios-wordlist-header-input-filterBy {
  font-size: 85%;
}
.alpheios-layout-compact .alpheios-wordlist-header-input-filterBy-block {
  width: 52%;
}
.alpheios-layout-compact .alpheios-select-input-group {
  width: 68%;
}
.alpheios-rtl .alpheios-wordlist-header-input-filterBy-block,
.alpheios-rtl .alpheios-select-list {
  direction: rtl;
  text-align: right;
}
.alpheios-number-input span.alpheios-number-input-description {
  padding: 5px;
  color: #acacac;
  font-size: 90%;
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-wordlist-sorting {
  padding-bottom: 5px;
  border-bottom: 1px solid var(--alpheios-color-neutral-dark);
}
.alpheios-wordlist-sorting .alpheios-worditem__controlIcon {
  width: 22px;
  margin: 0 5px;
}
.alpheios-wordlist-sorting .alpheios-worditem__icon {
  text-align: center;
  box-sizing: border-box;
}
.alpheios-wordlist-sorting .alpheios-worditem__icon svg {
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  padding: 7px;
  box-sizing: content-box;
}
.alpheios-wordlist-sorting .alpheios-worditem__icon.alpheios-worditem__frequency,
.alpheios-wordlist-sorting .alpheios-worditem__icon.alpheios-updatedDT {
  padding: 0 10px;
}
.alpheios-wordlist-sorting .alpheios-worditem__icon.alpheios-worditem__frequency svg,
.alpheios-wordlist-sorting .alpheios-worditem__icon.alpheios-updatedDT svg {
  padding: 7px 0;
}
.alpheios-wordlist-sorting .alpheios-icon-asc .sort-arrow-down {
  fill: var(--alpheios-link-color-on-light);
}
.alpheios-wordlist-sorting .alpheios-icon-desc .sort-arrow-up {
  fill: var(--alpheios-link-color-on-light);
}
.alpheios-wordlist-sorting .alpheios-worditem__icon.alpheios-worditem__frequency {
  width: 40px;
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-wordlist-download-confirmation {
  margin-top: 10px;
}
.alpheios-wordlist-download-with-filters {
  margin-top: 5px;
}
.alpheios-wordlist-download-with-filters label {
  color: var(--alpheios-usage-link-color);
}
.alpheios-wordlist-download-confirmation__buttons.alpheios-notification-area__control {
  min-width: 120px;
  display: inline-block;
}
.alpheios-wordlist-download-confirmation .alpheios-wordlist-download-amount p {
  font-size: 90%;
  margin: 10px 0 0;
}
.alpheios-wordlist-download-confirmation-loading {
  padding: 10px 20px 0 0;
  color: var(--alpheios-color-bright);
}
.alpheios-wordlist-download-confirmation-loading .alpheios-popup-lexdataloading__progress-inner {
  border-color: var(--alpheios-color-vivid);
}
.alpheios-wordlist-download-confirmation-loading .alpheios-popup-lexdataloading__progress-line {
  background: var(--alpheios-color-vivid-hover);
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-wordlist-commands {
  border-bottom: 1px solid var(--alpheios-border-color);
}
.alpheios-wordlist-commands .alpheios-wordlist-commands__item {
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  margin: 0 5px 10px;
}
.alpheios-wordlist-commands .alpheios-wordlist-commands__item svg {
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: top;
  padding: 2px;
}
.alpheios-wordlist-commands__item.alpheios-wordlist-commands__item-no-important {
  fill: var(--alpheios-word-list-default-item-color);
  stroke: var(--alpheios-word-list-default-item-color);
}
.alpheios-wordlist-commands__item.alpheios-wordlist-commands__item-all-important {
  fill: var(--alpheios-word-list-important-item-color);
  stroke: var(--alpheios-word-list-important-item-color);
}
.alpheios-wordlist-commands__item.alpheios-wordlist-commands__item-remove-all,
.alpheios-wordlist-commands__item.alpheios-wordlist-commands__item-download {
  fill: var(--alpheios-word-list-delete-item-color);
  stroke: var(--alpheios-word-list-delete-item-color);
}
.alpheios-wordlist-delete-all-confirmation {
  margin-top: 10px;
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-wordlists-tq a.alpheios-wordlists-tq-title {
  font-weight: bold;
  padding: 5px 0;
  color: var(--alpheios-word-list-context-source-link-color);
}
.alpheios-wordlists-tq a.alpheios-wordlists-tq-title:hover, .alpheios-wordlists-tq a.alpheios-wordlists-tq-title:focus {
  color: var(--alpheios-word-list-context-source-link-color-hover);
}
.alpheios-wordlists-tq .alpheios-wordlists-tq-contextHTML-block {
  padding: 5px 0 5px 10px;
}
.alpheios-wordlists-tq .alpheios-wordlists-tq-contextHTML {
  font-style: italic;
}
.alpheios-wordlists-tq .alpheios_worditem_incontext,
.alpheios-wordlists-tq .alpheios_worditem_incontext_add {
  font-weight: bold;
  background: var(--alpheios-word-list-context-incontext-bg);
  display: inline-block;
  padding: 0 5px;
}
.alpheios-wordlist-commands__item-back {
  fill: var(--alpheios-word-list-context-back-link-color);
  stroke: var(--alpheios-word-list-context-back-link-color);
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-wordlist-language {
  padding-bottom: 5px;
  margin-bottom: 25px;
}
.alpheios-wordlist-language__title {
  font-weight: bold;
  font-size: 120%;
  display: inline-block;
  vertical-align: middle;
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-resource-options__cont {
  display: flex;
  flex-direction: column;
}
.alpheios-resource-options__item {
  margin-bottom: calc(var(--alpheios-base-text-size) * 0.9375);
  display: flex;
  align-items: flex-start;
  flex: 1 1 auto;
}
.alpheios-resource-options__cont-fieldset {
  margin-bottom: 20px;
  padding: 10px;
  border: 2px groove var(--alpheios-color-placehoder);
}
.alpheios-resource-options__item .alpheios-setting__label {
  width: 30%;
}
.alpheios-resource-options__item .alpheios-setting__control {
  width: 70%;
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-feature-options__cont {
  display: flex;
  flex-direction: column;
}
.alpheios-feature-options__item {
  margin-bottom: calc(var(--alpheios-base-text-size) * 0.625);
  display: flex;
  align-items: flex-start;
  flex: 1 1 auto;
}
.alpheios-feature-options__cont-concord,
.alpheios-feature-options__cont-wordselect {
  margin: calc(var(--alpheios-base-text-size) * 0.9375) 0;
  padding: 10px;
  border: 2px groove var(--alpheios-color-placehoder);
}
.alpheios-ui-options__cont-wordselect {
  margin-bottom: calc(var(--alpheios-base-text-size) * 0.625);
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-setting__button-group {
  color: var(--alpheios-settings-font-size-dark-color);
  border: 1px solid var(--alpheios-settings-font-size-dark-color);
  border-radius: calc(var(--alpheios-base-text-size) * 0.625);
  max-width: calc(var(--alpheios-base-text-size) * 12.5);
  display: flex;
  overflow: hidden;
}
.alpheios-setting__button-group button {
  border: none;
  border-right: 1px solid var(--alpheios-settings-font-size-dark-color);
  background: transparent;
  padding: calc(var(--alpheios-base-text-size) * 0.375) calc(var(--alpheios-base-text-size) * 0.75) !important;
  font-size: calc(var(--alpheios-base-text-size) * 0.625);
  cursor: pointer;
  flex: 1;
  margin: 0;
  border-radius: 0;
  height: auto !important;
}
.alpheios-setting__button-group button:last-child {
  border-right: none;
}
.alpheios-setting__button-group button.active {
  color: var(--alpheios-settings-font-size-light-color) !important;
  background: var(--alpheios-settings-font-size-dark-color);
  box-shadow: inset 0 calc(var(--alpheios-base-text-size) * 0.25) calc(var(--alpheios-base-text-size) * 0.25) rgba(0, 0, 0, 0.1);
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-ui-options__cont {
  display: flex;
  flex-direction: column;
}
.alpheios-ui-options__item {
  margin-bottom: calc(var(--alpheios-base-text-size) * 0.9375);
  display: flex;
  align-items: flex-start;
  flex: 1 1 auto;
}
.alpheios-ui-options__popup-size-item {
  display: flex;
  flex-direction: column;
  margin-bottom: calc(var(--alpheios-base-text-size) * 1.25);
}
.alpheios-ui-options__popup-size-item_top-label {
  margin-bottom: calc(var(--alpheios-base-text-size) * 0.3125);
}
.alpheios-ui-options__popup-size-item_bottom-label {
  display: flex !important;
  justify-content: space-between;
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-adv-options__cont {
  display: flex;
  flex-direction: column;
}
.alpheios-adv-options__item {
  margin-bottom: calc(var(--alpheios-base-text-size) * 0.9375);
  display: flex;
  align-items: flex-start;
  flex: 1 1 auto;
}
.alpheios-adv-options__popup-size-item {
  display: flex;
  flex-direction: column;
  margin-bottom: calc(var(--alpheios-base-text-size) * 1.25);
}
.alpheios-adv-options__popup-size-item_top-label {
  margin-bottom: calc(var(--alpheios-base-text-size) * 0.3125);
}
.alpheios-adv-options__popup-size-item_bottom-label {
  display: flex;
  justify-content: space-between;
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-tab-options {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.alpheios-tab-options-switch {
  margin-bottom: calc(var(--alpheios-base-text-size) * 0.9375);
  text-align: right;
}
.alpheios-tab-options-switch--item {
  display: inline-block;
  padding: 6.6666666667px 13px;
  margin-left: 5px;
  border-radius: 20px;
  font-weight: bold;
  background: var(--alpheios-desktop-panel-icon-bg);
  color: var(--alpheios-desktop-panel-icon-color);
  cursor: pointer;
  font-size: 20px;
}
.alpheios-tab-options-switch--item:hover {
  background: var(--alpheios-desktop-panel-icon-bg-hover);
  color: var(--alpheios-desktop-panel-icon-color-hover);
}
.alpheios-tab-options-switch--item.alpheios-active {
  background: var(--alpheios-desktop-panel-icon-bg-active);
  color: var(--alpheios-desktop-panel-icon-color-active);
}
.alpheios-tab-options-switch--item span.alpheios-tab-options-switch--item__smaller {
  font-size: 65%;
  color: inherit;
}
.alpheios-tab-options-reset-all-block {
  display: flex;
  align-items: baseline;
  flex: 1 1 auto;
  padding-top: 10px;
}
.alpheios-tab-options-reset-all-block .alpheios-tab-options-reset-all-block--title {
  font-weight: bold;
  margin-left: 15px;
}
.alpheios-tab-options__aboutcont {
  border-top: 1px solid;
  padding-top: 10px;
  font-size: calc(var(--alpheios-base-text-size) * 0.75);
}
.alpheios-panel__tab-panel--options fieldset {
  padding: calc(var(--alpheios-base-text-size) * 0.625) calc(var(--alpheios-base-text-size) * 1.25) calc(var(--alpheios-base-text-size) * 1.25);
  border: 2px groove threedface;
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-panel {
  z-index: 2000;
  position: fixed;
  resize: both;
  opacity: 0.95;
  direction: ltr;
  display: grid;
  grid-template-columns: min-content;
  grid-template-rows: calc(var(--alpheios-base-ui-size) * 3.5) 1fr min-content;
  grid-template-areas: "header" "content" "notifications";
  touch-action: pan-x pan-y;
}
.alpheios-panel[data-resized=true] {
  grid-template-columns: auto;
}
.alpheios-panel__header {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  box-sizing: border-box;
  grid-area: header;
  background: var(--alpheios-compact-panel-header-bg);
  font-size: var(--alpheios-base-ui-size);
}
.alpheios-panel__menu-icon {
  width: 32px;
  height: auto;
  fill: var(--alpheios-compact-panel-icon-color);
}
.alpheios-panel__menu-icon:hover {
  fill: var(--alpheios-compact-panel-icon-color-hover);
}
.alpheios-panel__menu-icon.menu-open {
  fill: var(--alpheios-compact-panel-icon-color-hover);
}
.alpheios-panel__header-btn-group--start {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  box-sizing: border-box;
  align-items: stretch;
}
.alpheios-panel__header-btn-group--end {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  box-sizing: border-box;
  align-items: stretch;
}
.alpheios-panel__header-btn {
  padding: 0 0 0 10px;
  fill: var(--alpheios-compact-panel-icon-color);
  stroke: var(--alpheios-compact-panel-icon-color);
}
.alpheios-panel__header-btn .alpheios-navbuttons__icon-span {
  display: inline-block;
  padding: calc(var(--alpheios-base-ui-size) * 0.5);
  position: relative;
}
.alpheios-panel__header-btn svg {
  width: calc(var(--alpheios-base-ui-size) * 1.375);
  height: calc(var(--alpheios-base-ui-size) * 1.375);
  top: 50%;
  position: relative;
}
.alpheios-panel__header-btn:hover {
  fill: var(--alpheios-compact-panel-icon-color-hover);
  stroke: var(--alpheios-compact-panel-icon-color-hover);
  background: var(--alpheios-compact-panel-icon-bg-hover);
}
.alpheios-panel__header-btn:active, .alpheios-panel__header-btn.alpheios-navbuttons__icon-active {
  fill: var(--alpheios-compact-panel-icon-color-pressed);
  stroke: var(--alpheios-compact-panel-icon-color-pressed);
  background: var(--alpheios-compact-panel-icon-bg-active);
}
.alpheios-panel__header-btn-group--end .alpheios-panel__header-btn svg {
  transform: translateY(-50%);
}
.alpheios-panel__close-btn {
  width: calc(var(--alpheios-base-ui-size) * 3.75);
  height: calc(var(--alpheios-base-ui-size) * 3.5);
  cursor: pointer;
  fill: var(--alpheios-compact-panel-icon-color);
  stroke: var(--alpheios-compact-panel-icon-color);
  stroke-width: 0;
}
.alpheios-panel__close-btn svg {
  position: relative;
  left: calc(var(--alpheios-base-ui-size) * 1.25);
  width: calc(var(--alpheios-base-ui-size) * 1.375);
  height: auto;
  top: 50%;
  transform: translateY(-50%);
}
.alpheios-panel__close-btn:hover, .alpheios-panel__close-btn:focus {
  fill: var(--alpheios-compact-panel-icon-color-hover);
  stroke: var(--alpheios-compact-panel-icon-color-hover);
  background: var(--alpheios-compact-panel-icon-bg-hover);
}
.alpheios-panel__close-btn:active {
  fill: var(--alpheios-compact-panel-icon-color-pressed);
  stroke: var(--alpheios-compact-panel-icon-color-pressed);
  background: var(--alpheios-compact-panel-icon-bg-active);
}
.alpheios-panel__content {
  overflow: auto;
  grid-area: content;
  direction: ltr;
  box-sizing: border-box;
  display: flex;
  flex-flow: wrap;
  align-items: stretch;
  position: relative;
  background: var(--alpheios-compact-panel-content-bg);
}
[data-resized=true] .alpheios-panel__content {
  max-width: none;
}
.alpheios-panel__title {
  text-transform: capitalize;
}
.alpheios-panel__tab-panel {
  display: flex;
  flex-direction: column;
  padding: 40px 20px 20px;
  flex: 1 1 auto;
  box-sizing: border-box;
}
.alpheios-panel__tab-panel--scroll {
  overflow: auto;
}
.alpheios-panel__tab-panel--no-padding {
  padding: 0;
}
.alpheios-panel__tab__inflections h1 {
  margin-bottom: calc(var(--alpheios-base-text-size) * 0.3125);
}
.alpheios-panel__message {
  margin-bottom: 0.5rem;
}
.alpheios-panel__contentitem {
  margin-bottom: 1em;
}
.alpheios-panel__tab__word-usage {
  width: 100%;
}
.alpheios-panel__tab-panel--options {
  display: block;
  max-width: 100vw;
}
.alpheios-panel__tab__treebank {
  width: 100%;
  height: 100%;
}
.alpheios-panel__tab-panel-options-cont {
  display: flex;
  flex-direction: column;
}
.alpheios-panel__options-item {
  margin-bottom: calc(var(--alpheios-base-text-size) * 0.9375);
  display: flex;
  align-items: flex-start;
  flex: 1 1 auto;
}
.alpheios-panel__menu-btn {
  width: 40px;
  height: 40px;
  margin: 16px 10px 10px 30px;
  cursor: pointer;
}
.alpheios-panel--compact {
  height: 50vh;
  width: 100vw;
  left: 0;
  bottom: 0;
}
.alpheios-panel--compact.alpheios-panel {
  grid-template-columns: auto;
}
.alpheios-panel--compact.alpheios-panel--left {
  height: 100%;
  width: 50vw;
  top: 0;
  bottom: auto;
}
.alpheios-panel--compact.alpheios-panel--right {
  height: 100%;
  width: 50vw;
  right: 0;
  left: auto;
}
.alpheios-panel--compact .alpheios-panel__content {
  overflow: auto;
}
.alpheios-panel--left.alpheios-panel {
  left: 0;
}
.alpheios-panel--left .alpheios-panel__header {
  direction: ltr;
  border-top-right-radius: calc(var(--alpheios-base-ui-size) * 0.625);
}
.alpheios-panel--left .alpheios-panel__content,
.alpheios-panel--left .alpheios-notification-area {
  border-right: 1px solid var(--alpheios-border-color);
}
.alpheios-panel--left .alpheios-panel__close-btn {
  border-top-right-radius: calc(var(--alpheios-base-ui-size) * 0.625);
}
.alpheios-panel--right.alpheios-panel {
  right: 0;
}
.alpheios-panel--right .alpheios-panel__header {
  border-top-left-radius: calc(var(--alpheios-base-ui-size) * 0.625);
}
.alpheios-panel--right .alpheios-panel__header-logo {
  margin-left: calc(var(--alpheios-base-ui-size) * 1);
}
.alpheios-panel--right .alpheios-panel__content,
.alpheios-panel--right .alpheios-notification-area {
  border-left: 1px solid var(--alpheios-border-color);
}
.alpheios-panel.alpheios-panel--expanded {
  width: 100vw;
  height: 100%;
}
.alpheios-panel.alpheios-panel--expanded .alpheios-panel__header {
  border-radius: 0;
}
.alpheios-panel--compact .alpheios-panel__tab__inflections h1 {
  margin-bottom: 0 !important;
}
.alpheios-panel--compact .alpheios-panel__tab__inflections .alpheios-inflections__forms-cont {
  margin-bottom: 0;
}
@media screen and (max-width: 359px) {
.alpheios-panel__header-btn--infl-data,
.alpheios-panel__header-btn--treebank-data {
    display: none;
}
}
.alpheios-panel__tab-panel--options {
  padding-top: 10px;
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-info {
  color: var(--alpheios-text-color);
  margin-top: 10px;
  margin-bottom: 10px;
}
.alpheios-info__currentlanguage {
  font-size: calc(var(--alpheios-base-text-size) * 0.75);
  font-weight: bold;
}
.alpheios-info__helptext {
  margin-top: 1em;
}
.alpheios-info__helpitem {
  display: flex;
  column-count: 2;
  align-items: center;
  margin-bottom: 1em;
}
.alpheios-info__helpitem .alpheios-info__helpicon {
  padding-right: 15px;
  height: 44px;
}
.alpheios-info__helpitem .alpheios-info__helpicon svg {
  width: calc(var(--alpheios-base-text-size) * 1.875);
  height: auto;
  padding-right: calc(var(--alpheios-base-text-size) * 0.625);
  position: relative;
  fill: var(--alpheios-compact-toolbar-bg);
  stroke: var(--alpheios-compact-toolbar-bg);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
}
.alpheios-info__helpitem .alpheios-info__helpicon svg .svg-logo-bg {
  fill: var(--alpheios-color-light);
}
.alpheios-info__helpitem .alpheios-info__helpicon svg .svg-logo-lines {
  fill: var(--alpheios-compact-toolbar-bg);
}
.alpheios-info__languagenotification {
  color: var(--alpheios-notification-important-color);
}
.alpheios-info__faq {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-panel--large {
  height: 100vh;
  max-width: 80vw;
  top: 0;
  /** make sure the panel is wide enough when we don't have navigation **/
}
.alpheios-panel--large .alpheios-navbuttons__btn svg {
  width: calc(var(--alpheios-base-ui-size) * 1.375);
}
.alpheios-panel--large .alpheios-panel__nav-spacer {
  width: 600px;
}
.alpheios-panel--large.alpheios-panel--left .alpheios-panel__header {
  padding-left: calc(var(--alpheios-base-ui-size) * 0.875);
}
.alpheios-panel--large .alpheios-panel__header-logo {
  width: calc(var(--alpheios-base-ui-size) * 2.75);
  height: auto;
}
.alpheios-panel--large .alpheios-panel__header-btn-group--center {
  direction: ltr;
  display: flex;
  flex-wrap: nowrap;
  box-sizing: border-box;
  align-items: stretch;
}
.alpheios-panel--large .alpheios-panel__close-btn {
  width: calc(var(--alpheios-base-ui-size) * 5);
}
.alpheios-panel--large .alpheios-panel__header {
  background: var(--alpheios-desktop-panel-header-bg);
}
.alpheios-panel--large .alpheios-navbuttons__btn,
.alpheios-panel--large .alpheios-panel__close-btn {
  fill: var(--alpheios-desktop-panel-icon-color);
  stroke: var(--alpheios-desktop-panel-icon-color);
  background: var(--alpheios-desktop-panel-icon-bg);
}
.alpheios-panel--large .alpheios-navbuttons__btn:hover, .alpheios-panel--large .alpheios-navbuttons__btn:focus,
.alpheios-panel--large .alpheios-panel__close-btn:hover,
.alpheios-panel--large .alpheios-panel__close-btn:focus {
  fill: var(--alpheios-desktop-panel-icon-color-hover);
  stroke: var(--alpheios-desktop-panel-icon-color-hover);
  background: var(--alpheios-desktop-panel-icon-bg-hover);
}
.alpheios-panel--large .alpheios-navbuttons__btn:active, .alpheios-panel--large .alpheios-navbuttons__btn.active,
.alpheios-panel--large .alpheios-panel__close-btn:active,
.alpheios-panel--large .alpheios-panel__close-btn.active {
  fill: var(--alpheios-desktop-panel-icon-color-pressed);
  stroke: var(--alpheios-desktop-panel-icon-color-pressed);
  background: var(--alpheios-desktop-panel-icon-bg-active);
}
.alpheios-panel--large .alpheios-reset-button {
  color: var(--alpheios-settings-reset-button-color);
  background-color: var(--alpheios-settings-reset-button-bg);
  border-color: var(--alpheios-settings-reset-button-border-color);
}
.alpheios-panel--large .alpheios-reset-button:hover, .alpheios-panel--large .alpheios-reset-button:focus, .alpheios-panel--large .alpheios-reset-button:active {
  color: var(--alpheios-settings-reset-button-color-hover);
  background-color: var(--alpheios-settings-reset-button-bg-hover);
  border-color: var(--alpheios-settings-reset-button-border-color-hover);
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-embed-lib-warning {
  background: var(--alpheios-color-muted);
  color: var(--alpheios-color-neutral-light);
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 16px;
  position: fixed;
  top: 0;
  left: 0;
  padding: 5px 30px 5px 20px;
  z-index: 1000000;
}
.alpheios-embed-lib-warning__close {
  cursor: pointer;
  height: 20px;
  width: 20px;
  font-size: 16px;
  line-height: normal;
  stroke-width: 2;
  stroke: var(--alpheios-text-color);
  position: absolute;
  top: 5px;
  right: 5px;
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-toolbar {
  position: fixed;
}
.alpheios-toolbar.alpheios-toolbar--compact {
  cursor: pointer;
  background-color: var(--alpheios-compact-toolbar-bg);
  border-radius: 50%;
  right: 15px;
  bottom: 60px;
  width: 44px;
  height: 44px;
}
.alpheios-toolbar.alpheios-toolbar--compact svg {
  width: calc(var(--alpheios-base-ui-size) * 1.25);
  height: auto;
  position: relative;
  fill: var(--alpheios-compact-toolbar-icon-color);
  stroke: var(--alpheios-compact-toolbar-icon-color);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-content .alpheios-input-group input.alpheios-input,
.alpheios-content .alpheios-input-group input.alpheios-input:focus {
  width: 100%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  height: 40px;
  min-width: 0;
  border-color: var(--alpheios-lookup-input-border-color);
}
.alpheios-content .alpheios-input-group input.alpheios-input.alpheios-rtl,
.alpheios-content .alpheios-input-group input.alpheios-input:focus.alpheios-rtl {
  direction: rtl;
  text-align: right;
}
.alpheios-input-group {
  position: relative;
}
.alpheios-input-group input.alpheios-input {
  position: relative;
  z-index: 10;
}
.alpheios-input-group .alpheios-input-autocomplete {
  position: absolute;
  width: 100%;
  border: 1px solid var(--alpheios-lookup-input-border-color);
  background: #fff;
  /* border-top: 0; */
  top: 32px;
  z-index: 15;
  box-sizing: border-box;
  padding: 0 0 10px;
}
.alpheios-input-group .alpheios-input-autocomplete .alpheios-input-autocomplete-item {
  padding: 5px 10px;
}
.alpheios-input-autocomplete-item {
  display: block;
  cursor: pointer;
}
.alpheios-input-autocomplete-item:hover {
  background: var(--alpheios-color-bright-hover);
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-lookup__form .alpheios-lookup__form-beta-codes-info {
  border-bottom: 1px solid var(--alpheios-color-placehoder);
  margin-bottom: calc(var(--alpheios-base-text-size) * 0.625);
  padding-bottom: calc(var(--alpheios-base-text-size) * 1.25);
  font-size: 94%;
}
.alpheios-lookup__form .alpheios-lookup__form-beta-codes-info div {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-lookup__form {
  text-align: left;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.alpheios-lookup__form .alpheios-setting__label {
  display: inline-block;
  margin-bottom: calc(var(--alpheios-base-ui-size) * 0.375);
  width: auto;
  vertical-align: middle;
}
.alpheios-lookup__form-element {
  margin-bottom: calc(var(--alpheios-base-ui-size) * 0.625);
  padding-top: calc(var(--alpheios-base-ui-size) * 0.625);
}
.alpheios-lookup__form-element.alpheios-lookup__lang-control {
  flex-direction: column;
  margin-right: calc(var(--alpheios-base-ui-size) * 3.125);
}
.alpheios-lookup__form-element.alpheios-lookup__lang-control .alpheios-setting__control {
  width: calc(var(--alpheios-base-text-size) * 7.5);
}
.alpheios-lookup__lang-hint {
  font-size: calc(var(--alpheios-base-text-size) * 0.75);
}
span.alpheios-lookup__lang-change {
  color: var(--alpheios-lookup-link-color);
}
span.alpheios-lookup__lang-change:hover {
  color: var(--alpheios-lookup-link-color-hover);
}
.alpheios-lookup__settings {
  display: flex;
  flex-direction: column;
}
.alpheios-lookup__form-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.alpheios-lookup__search-control {
  display: flex;
}
.alpheios-lookup__search-control button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 40px;
  background-color: var(--alpheios-lookup-button-bg);
  color: var(--alpheios-lookup-button-color);
  border-color: var(--alpheios-lookup-button-border-color);
}
.alpheios-lookup__search-control button:hover, .alpheios-lookup__search-control button:active, .alpheios-lookup__search-control button:focus {
  background-color: var(--alpheios-lookup-button-bg-hover);
  color: var(--alpheios-lookup-button-color-hover);
  border-color: var(--alpheios-lookup-button-border-color-hover);
}
.alpheios-lookup__search-control-icon {
  display: none;
}
.alpheios-button-primary span.alpheios-lookup__search-control-label {
  color: var(--alpheios-btn-primary-font-color);
}
.alpheios-lookup__panel.alpheios-landscape .alpheios-lookup__search-control-label {
  display: none;
}
.alpheios-lookup__panel.alpheios-landscape .alpheios-button-primary {
  padding: 0;
}
.alpheios-lookup__panel.alpheios-landscape .alpheios-lookup__search-control-icon {
  display: inline-block;
  width: 35px;
  height: 25px;
}
.alpheios-lookup__form-icon {
  width: calc(var(--alpheios-base-ui-size) * 0.9375);
  height: calc(var(--alpheios-base-ui-size) * 0.9375);
  box-sizing: border-box;
  position: relative;
  fill: var(--alpheios-desktop-toolbar-bg);
  stroke: var(--alpheios-desktop-toolbar-bg);
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.alpheios-lookup__form-icon svg {
  width: 92%;
  height: auto;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-toolbar.alpheios-toolbar--large {
  background: transparent;
}
.alpheios-toolbar .alpheios-navbuttons__btn {
  width: calc(var(--alpheios-base-ui-size) * 2.75);
  height: calc(var(--alpheios-base-ui-size) * 2.75);
  margin: calc(var(--alpheios-base-ui-size) * 0.5) 0;
  box-sizing: border-box;
  position: relative;
  background-color: var(--alpheios-desktop-toolbar-bg);
  border: calc(var(--alpheios-base-ui-size) * 0.0625) solid var(--alpheios-desktop-toolbar-border-color);
  border-radius: calc(var(--alpheios-base-ui-size) * 0.625);
  fill: var(--alpheios-desktop-toolbar-icon-color);
  stroke: var(--alpheios-desktop-toolbar-icon-color);
}
.alpheios-toolbar .alpheios-navbuttons__btn:hover, .alpheios-toolbar .alpheios-navbuttons__btn.active {
  background-color: var(--alpheios-desktop-toolbar-bg);
  fill: var(--alpheios-desktop-toolbar-icon-color-hover);
  stroke: var(--alpheios-desktop-toolbar-icon-color-hover);
}
.alpheios-toolbar .alpheios-navbuttons__btn.disabled {
  fill: var(--alpheios-desktop-toolbar-icon-color-disabled);
  stroke: var(--alpheios-desktop-toolbar-icon-color-disabled);
  cursor: default;
}
.alpheios-toolbar__drag-handle {
  width: calc(var(--alpheios-base-ui-size) * 2.75);
  height: calc(var(--alpheios-base-ui-size) * 1.5);
  border-bottom: none;
  background: var(--alpheios-desktop-toolbar-bg);
  box-sizing: border-box;
  border-top-left-radius: calc(var(--alpheios-base-ui-size) * 0.625);
  border-top-right-radius: calc(var(--alpheios-base-ui-size) * 0.625);
  border-bottom: 1px solid var();
  touch-action: none;
}
.alpheios-toolbar__lookup-control {
  cursor: pointer;
  background: var(--alpheios-desktop-toolbar-bg);
}
.alpheios-toolbar__lookup-control .alpheios-navbuttons__btn {
  margin: 0;
  border-radius: 0;
  border: none;
}
.alpheios-toolbar__help-control {
  background: var(--alpheios-desktop-toolbar-bg);
}
.alpheios-toolbar__help-control .alpheios-navbuttons__btn {
  margin: 0;
  border-radius: 0;
  border: none;
}
.alpheios-toolbar__header {
  width: calc(var(--alpheios-base-ui-size) * 2.75);
  border-bottom: none;
  background: var(--alpheios-desktop-toolbar-bg);
  box-sizing: border-box;
  text-align: center;
  border-bottom-left-radius: calc(var(--alpheios-base-ui-size) * 0.625);
  border-bottom-right-radius: calc(var(--alpheios-base-ui-size) * 0.625);
  position: relative;
  touch-action: none;
}
.alpheios-toolbar__header .alpheios-navbuttons__btn {
  margin: 0 0 calc(var(--alpheios-base-ui-size) * 0.25) 0;
  border: none;
}
.alpheios-toolbar__header-icon {
  width: calc(var(--alpheios-base-ui-size) * 1.375);
  height: auto;
  position: relative;
  top: calc(var(--alpheios-base-ui-size) * 0.25);
  left: 1px;
  fill: var(--alpheios-desktop-toolbar-icon-color);
  stroke: var(--alpheios-desktop-toolbar-icon-color);
}
.alpheios-toolbar__header-icon-collapsed,
.alpheios-toolbar__header-icon-expanded {
  width: calc(var(--alpheios-base-ui-size) * 1.375);
  height: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  fill: var(--alpheios-desktop-toolbar-icon-color);
  stroke: var(--alpheios-desktop-toolbar-icon-color);
  cursor: pointer;
}
.alpheios-toolbar__header-icon-collapsed:hover,
.alpheios-toolbar__header-icon-expanded:hover {
  fill: var(--alpheios-desktop-toolbar-icon-color-hover);
  stroke: var(--alpheios-desktop-toolbar-icon-color-hover);
}
.expanded .alpheios-toolbar__header-icon-collapsed,
.expanded .alpheios-toolbar__header-icon-expanded {
  fill: var(--alpheios-desktop-toolbar-icon-color-active);
  stroke: var(--alpheios-desktop-toolbar-icon-color-active);
}
.alpheios-toolbar__header-icon-collapsed {
  top: calc(var(--alpheios-base-ui-size) * 1.5);
}
.alpheios-toolbar__header-icon-expanded {
  top: calc(var(--alpheios-base-ui-size) * 2.125);
}
.alpheios-toolbar__lookup {
  display: flex;
  position: absolute;
  width: calc(var(--alpheios-base-ui-size) * 20.625);
  height: calc(var(--alpheios-base-text-size) * 10);
  background: var(--alpheios-lookup-bg);
  left: calc(var(--alpheios-base-ui-size) * -20);
  top: 0;
  border: calc(var(--alpheios-base-ui-size) * 0.0625) solid var(--alpheios-lookup-border-color);
  border-radius: calc(var(--alpheios-base-ui-size) * 0.625) 0 0 calc(var(--alpheios-base-ui-size) * 0.625);
  box-sizing: border-box;
  padding: calc(var(--alpheios-base-ui-size) * 0.625) calc(var(--alpheios-base-ui-size) * 1.25) calc(var(--alpheios-base-ui-size) * 0.625) calc(var(--alpheios-base-ui-size) * 0.625);
  z-index: -1;
}
.alpheios-toolbar--left .alpheios-toolbar__lookup {
  left: 34px;
  border-radius: 0 calc(var(--alpheios-base-ui-size) * 0.625) calc(var(--alpheios-base-ui-size) * 0.625) 0;
  padding: calc(var(--alpheios-base-ui-size) * 0.625) calc(var(--alpheios-base-ui-size) * 0.625) calc(var(--alpheios-base-ui-size) * 0.625) calc(var(--alpheios-base-ui-size) * 1.25);
}
.alpheios-toolbar__lookup .alpheios-lookup__form {
  justify-content: center;
}
.alpheios-toolbar__lookup .alph_tooltip {
  display: inline-block;
}
.alpheios-toolbar__lookup.alpheios-toolbar__lookup-beta-codes {
  height: calc(var(--alpheios-base-text-size) * 28.125);
  border-radius: calc(var(--alpheios-base-ui-size) * 0.625) 0 calc(var(--alpheios-base-ui-size) * 0.625) calc(var(--alpheios-base-ui-size) * 0.625);
}
.alpheios-toolbar__buttons {
  display: flex;
  flex-direction: column;
}
.alpheios-toolbar__buttons .alpheios-navbuttons__btn.disabled {
  fill: var(--alpheios-desktop-toolbar-icon-color-disabled);
  stroke: var(--alpheios-desktop-toolbar-icon-color-disabled);
  background-color: var(--alpheios-desktop-toolbar-icon-bg-disabled);
  cursor: default;
}
/*
 Calculates a size of text elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-text-size` custom prop.
 */
/*
 Calculates a size of UI elements relative to the base size.
 Such elements can be scaled proportionally by changing the `--alpheios-base-ui-size` custom prop.
 */
.alpheios-action-panel {
  width: auto;
  height: auto;
  position: fixed;
  padding: 10px;
  border: 1px solid var(--alpheios-border-color);
  border-radius: calc(var(--alpheios-base-ui-size) * 0.625);
  background-color: var(--alpheios-text-bg-color);
  transition: display 0.4s;
}
.alpheios-action-panel__cont {
  margin-top: calc(var(--alpheios-base-ui-size) * 1.875);
  /* must allow for the close icon */
}
.alpheios-action-panel.alpheios-action-panel--lookup-visible {
  height: calc(var(--alpheios-base-ui-size) * 11.875);
  width: calc(var(--alpheios-base-ui-size) * 18.75);
}
.alpheios-action-panel.alpheios-action-panel--nav-visible {
  height: calc(var(--alpheios-base-ui-size) * 6.25);
  width: calc(var(--alpheios-base-ui-size) * 17.5);
}
.alpheios-action-panel.alpheios-action-panel--lookup-visible.alpheios-action-panel--nav-visible {
  height: calc(var(--alpheios-base-ui-size) * 16.875);
  width: calc(var(--alpheios-base-ui-size) * 18.75);
}
.alpheios-action-panel__close-icon-span {
  display: inline-block;
  padding: calc(var(--alpheios-base-ui-size) * 0.5);
  position: absolute;
  cursor: pointer;
  right: 10px;
}
.alpheios-action-panel__close-icon-span .alpheios-action-panel__close-icon {
  width: calc(var(--alpheios-base-ui-size) * 1.375);
  height: calc(var(--alpheios-base-ui-size) * 1.375);
  top: 50%;
  position: relative;
  fill: var(--alpheios-btn-primary-bg-color);
}
.alpheios-action-panel__close-icon-span .alpheios-action-panel__close-icon:hover, .alpheios-action-panel__close-icon-span .alpheios-action-panel__close-icon:focus {
  fill: var(--alpheios-btn-primary-bg-color-hover);
}
.alpheios-action-panel__close-icon-span .alpheios-action-panel__close-icon:active {
  fill: var(--alpheios-btn-primary-bg-color-pressed);
}
.alpheios-action-panel__lookup-cont {
  position: relative;
}
.alpheios-action-panel__lookup input.alpheios-input, .alpheios-action-panel__lookup input.alpheios-input:focus {
  width: 65%;
}
.alpheios-action-panel__progress-bar {
  position: absolute;
  left: 0;
  top: calc(var(--alpheios-base-ui-size) * 4.375);
  width: 100%;
}
.alpheios-action-panel__progress-bar .alpheios-popup-lexdataloading__progress-inner {
  height: calc(var(--alpheios-base-ui-size) * 1);
  border-color: var(--alpheios-compact-popup-progress-bar-line);
}
.alpheios-action-panel__progress-bar .alpheios-popup-lexdataloading__progress-line {
  background-color: var(--alpheios-compact-popup-progress-bar-line);
  left: 0.6%;
  top: 1px;
  height: 10px;
  width: 98.8%;
}
.alpheios-action-panel__progress-bar .alpheios-popup-lexdataloading__progress-text {
  display: none;
}
.alpheios-action-panel__nav-cont {
  display: flex;
  justify-content: flex-start;
  margin: 10px 0;
}
.alpheios-action-panel__nav-cont .alph_tooltip {
  margin-right: 8px;
}
.alpheios-action-panel__navbutton {
  display: block;
  width: calc(var(--alpheios-base-ui-size) * 2.75);
  height: calc(var(--alpheios-base-ui-size) * 2.75);
  cursor: pointer;
  fill: var(--alpheios-compact-panel-icon-color);
  stroke: var(--alpheios-compact-panel-icon-color);
  background-color: var(--alpheios-compact-panel-icon-bg);
  border-radius: 50%;
}
.alpheios-action-panel__navbutton.disabled {
  fill: var(--alpheios-compact-panel-icon-color-disabled);
  stroke: var(--alpheios-compact-panel-icon-color-disabled);
  cursor: default;
}
.alpheios-action-panel__navbutton svg {
  width: 50%;
  height: auto;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.alpheios-action-panel__navbutton:hover:not(.disabled), .alpheios-action-panel__navbutton:focus:not(.disabled) {
  fill: var(--alpheios-compact-panel-icon-color-hover);
  stroke: var(--alpheios-compact-panel-icon-color-hover);
  background-color: var(--alpheios-compact-panel-icon-bg);
}
.alpheios-action-panel__navbutton.active {
  fill: var(--alpheios-compact-panel-icon-color-active);
  stroke: var(--alpheios-compact-panel-icon-color-active);
  background-color: var(--alpheios-compact-panel-icon-bg);
}

/*# sourceMappingURL=style-components.css.map*/