@charset "UTF-8";.login-layout[data-v-7bf180b3] {
  min-height: 100vh;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.login-card[data-v-7bf180b3] {
  width: 430px;
  min-height: 180px;
  padding: 16px;
  max-width: 100%;
  position: relative;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.25);
  border-radius: 0;
}
.login-bg-bottom[data-v-7bf180b3] {
  bottom: -67px;
  left: -58px;
}
.login-bg-top[data-v-7bf180b3] {
  top: -56px;
  right: -74px;
}
.login-lang[data-v-7bf180b3] {
  position: fixed;
  bottom: 1.25rem;
  right: 2rem;
}
.login-lang[data-v-7bf180b3] .q-btn {
  color: var(--v-secondary-lighten3);
  text-transform: none;
  text-indent: initial;
  letter-spacing: initial;
}
.login-lang[data-v-7bf180b3] .q-btn:hover {
  text-decoration: underline;
}
/* eslint-disable */
/**
 * !!!!!!!! DO NOT MODIFY THIS FILE BY HAND !!!!!!!!
 * This file was automatically generated, and any changes made here will be overwritten.
 * @plugins/heft-editor-ui-module-extractor is used to extract this package.json when setting "style" property. 
 * To add a module set style property in package.json and point it to dist/styles.css (adjust to your own convenience).
 * 
 */
/**
 * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/* Reset */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-color-base-foreground:	hsl(0, 0%, 98%);
  --ck-color-base-background:	hsl(0, 0%, 100%);
  --ck-color-base-border:	hsl(220, 6%, 81%);
  --ck-color-base-action:	hsl(104, 50.2%, 42.5%);
  --ck-color-base-focus:	hsl(209, 92%, 70%);
  --ck-color-base-text:	hsl(0, 0%, 20%);
  --ck-color-base-active:	hsl(218.1, 100%, 58%);
  --ck-color-base-active-focus:	hsl(218.2, 100%, 52.5%);
  --ck-color-base-error:	hsl(15, 100%, 43%);
  /* -- Generic colors ------------------------------------------------------------------------ */
  --ck-color-focus-border-coordinates:	218, 81.8%, 56.9%;
  --ck-color-focus-border:	hsl(var(--ck-color-focus-border-coordinates));
  --ck-color-focus-outer-shadow:	hsl(212.4, 89.3%, 89%);
  --ck-color-focus-disabled-shadow:	hsla(209, 90%, 72%,.3);
  --ck-color-focus-error-shadow:	hsla(9,100%,56%,.3);
  --ck-color-text:	var(--ck-color-base-text);
  --ck-color-shadow-drop:	hsla(0, 0%, 0%, 0.15);
  --ck-color-shadow-drop-active:	hsla(0, 0%, 0%, 0.2);
  --ck-color-shadow-inner:	hsla(0, 0%, 0%, 0.1);
  /* -- Buttons ------------------------------------------------------------------------------- */
  --ck-color-button-default-background:	transparent;
  --ck-color-button-default-hover-background:	hsl(0, 0%, 94.1%);
  --ck-color-button-default-active-background:	hsl(0, 0%, 94.1%);
  --ck-color-button-default-disabled-background:	transparent;
  --ck-color-button-on-background:	hsl(212, 100%, 97.1%);
  --ck-color-button-on-hover-background:	hsl(211.7, 100%, 92.9%);
  --ck-color-button-on-active-background:	hsl(211.7, 100%, 92.9%);
  --ck-color-button-on-disabled-background:	hsl(211, 15%, 95%);
  --ck-color-button-on-color:	hsl(218.1, 100%, 58%);
  --ck-color-button-action-background:	var(--ck-color-base-action);
  --ck-color-button-action-hover-background:	hsl(104, 53.2%, 40.2%);
  --ck-color-button-action-active-background:	hsl(104, 53.2%, 40.2%);
  --ck-color-button-action-disabled-background:	hsl(104, 44%, 58%);
  --ck-color-button-action-text:	var(--ck-color-base-background);
  --ck-color-button-save:	hsl(120, 100%, 27%);
  --ck-color-button-cancel:	hsl(15, 100%, 43%);
  --ck-color-switch-button-off-background:	hsl(0, 0%, 57.6%);
  --ck-color-switch-button-off-hover-background:	hsl(0, 0%, 49%);
  --ck-color-switch-button-on-background:	var(--ck-color-button-action-background);
  --ck-color-switch-button-on-hover-background:	hsl(104, 53.2%, 40.2%);
  --ck-color-switch-button-inner-background:	var(--ck-color-base-background);
  --ck-color-switch-button-inner-shadow:	hsla(0, 0%, 0%, 0.1);
  /* -- Dropdown ------------------------------------------------------------------------------ */
  --ck-color-dropdown-panel-background:	var(--ck-color-base-background);
  --ck-color-dropdown-panel-border:	var(--ck-color-base-border);
  /* -- Dialog -------------------------------------------------------------------------------- */
  --ck-color-dialog-background:	var(--ck-custom-background);
  --ck-color-dialog-form-header-border:	var(--ck-custom-border);
  /* -- Input --------------------------------------------------------------------------------- */
  --ck-color-input-background:	var(--ck-color-base-background);
  --ck-color-input-border:	var(--ck-color-base-border);
  --ck-color-input-error-border:	var(--ck-color-base-error);
  --ck-color-input-text:	var(--ck-color-base-text);
  --ck-color-input-disabled-background:	hsl(0, 0%, 95%);
  --ck-color-input-disabled-border:	var(--ck-color-base-border);
  --ck-color-input-disabled-text:	hsl(0, 0%, 46%);
  /* -- List ---------------------------------------------------------------------------------- */
  --ck-color-list-background:	var(--ck-color-base-background);
  --ck-color-list-button-hover-background:	var(--ck-color-button-default-hover-background);
  --ck-color-list-button-on-background:	var(--ck-color-button-on-color);
  --ck-color-list-button-on-background-focus:	var(--ck-color-button-on-color);
  --ck-color-list-button-on-text:	var(--ck-color-base-background);
  /* -- Panel --------------------------------------------------------------------------------- */
  --ck-color-panel-background:	var(--ck-color-base-background);
  --ck-color-panel-border:	var(--ck-color-base-border);
  /* -- Toolbar ------------------------------------------------------------------------------- */
  --ck-color-toolbar-background:	var(--ck-color-base-background);
  --ck-color-toolbar-border:	var(--ck-color-base-border);
  /* -- Tooltip ------------------------------------------------------------------------------- */
  --ck-color-tooltip-background:	var(--ck-color-base-text);
  --ck-color-tooltip-text:	var(--ck-color-base-background);
  /* -- Engine -------------------------------------------------------------------------------- */
  --ck-color-engine-placeholder-text:	hsl(0, 0%, 44%);
  /* -- Upload -------------------------------------------------------------------------------- */
  --ck-color-upload-bar-background:	hsl(209, 92%, 70%);
  /* -- Link -------------------------------------------------------------------------------- */
  --ck-color-link-default:	hsl(240, 100%, 47%);
  --ck-color-link-selected-background:	hsla(201, 100%, 56%, 0.1);
  --ck-color-link-fake-selection:	hsla(201, 100%, 56%, 0.3);
  /* -- Search result highlight ---------------------------------------------------------------- */
  --ck-color-highlight-background:	hsl(60, 100%, 50%);
  /* -- Generic colors ------------------------------------------------------------------------- */
  --ck-color-light-red:	hsl(0, 100%, 90%);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  /**
   * An opacity value of disabled UI item.
   */
  --ck-disabled-opacity: .5;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  /**
   * The geometry of the of focused element's outer shadow.
   */
  --ck-focus-outer-shadow-geometry: 0 0 0 3px;
  /**
   * A visual style of focused element's outer shadow.
   */
  --ck-focus-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-outer-shadow);
  /**
   * A visual style of focused element's outer shadow (when disabled).
   */
  --ck-focus-disabled-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-disabled-shadow);
  /**
   * A visual style of focused element's outer shadow (when has errors).
   */
  --ck-focus-error-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-error-shadow);
  /**
   * A visual style of focused element's border or outline.
   */
  --ck-focus-ring: 1px solid var(--ck-color-focus-border);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-font-size-base: 13px;
  --ck-line-height-base: 1.84615;
  --ck-font-face: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
  --ck-font-size-tiny: 0.7em;
  --ck-font-size-small: 0.75em;
  --ck-font-size-normal: 1em;
  --ck-font-size-big: 1.4em;
  --ck-font-size-large: 1.8em;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  /* This is super-important. This is **manually** adjusted so a button without an icon
  is never smaller than a button with icon, additionally making sure that text-less buttons
  are perfect squares. The value is also shared by other components which should stay "in-line"
  with buttons. */
  --ck-ui-component-min-height: 2.3em;
}
/**
 * Resets an element, ignoring its children.
 */
.ck.ck-reset,
.ck.ck-reset_all,
.ck-reset_all *:not(.ck-reset_all-excluded *) {
  box-sizing: border-box;
  width: auto;
  height: auto;
  position: static;
  /* Do not include inheritable rules here. */
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  text-decoration: none;
  vertical-align: middle;
  transition: none;
  /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/105 */
  word-wrap: break-word;
}
/**
 * Resets an element AND its children.
 */
.ck.ck-reset_all,
.ck-reset_all *:not(.ck-reset_all-excluded *) {
  /* These are rule inherited by all children elements. */
  border-collapse: collapse;
  font: normal normal normal var(--ck-font-size-base)/var(--ck-line-height-base) var(--ck-font-face);
  color: var(--ck-color-text);
  text-align: left;
  white-space: nowrap;
  cursor: auto;
  float: none;
}
.ck-reset_all .ck-rtl *:not(.ck-reset_all-excluded *) {
  text-align: right;
}
.ck-reset_all iframe:not(.ck-reset_all-excluded *) {
  /* For IE */
  vertical-align: inherit;
}
.ck-reset_all textarea:not(.ck-reset_all-excluded *) {
  white-space: pre-wrap;
}
.ck-reset_all textarea:not(.ck-reset_all-excluded *),
.ck-reset_all input[type=text]:not(.ck-reset_all-excluded *),
.ck-reset_all input[type=password]:not(.ck-reset_all-excluded *) {
  cursor: text;
}
.ck-reset_all textarea[disabled]:not(.ck-reset_all-excluded *),
.ck-reset_all input[type=text][disabled]:not(.ck-reset_all-excluded *),
.ck-reset_all input[type=password][disabled]:not(.ck-reset_all-excluded *) {
  cursor: default;
}
.ck-reset_all fieldset:not(.ck-reset_all-excluded *) {
  padding: 10px;
  border: 2px groove hsl(255, 7%, 88%);
}
.ck-reset_all button:not(.ck-reset_all-excluded *)::-moz-focus-inner {
  /* See http://stackoverflow.com/questions/5517744/remove-extra-button-spacing-padding-in-firefox */
  padding: 0;
  border: 0;
}
/**
 * Default UI rules for RTL languages.
 */
.ck[dir=rtl],
.ck[dir=rtl] .ck {
  text-align: right;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Default border-radius value.
 */
:root {
  --ck-border-radius: 2px;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  /**
   * A visual style of element's inner shadow (i.e. input).
   */
  --ck-inner-shadow: 2px 2px 3px var(--ck-color-shadow-inner) inset;
  /**
   * A visual style of element's drop shadow (i.e. panel).
   */
  --ck-drop-shadow: 0 1px 2px 1px var(--ck-color-shadow-drop);
  /**
   * A visual style of element's active shadow (i.e. comment or suggestion).
   */
  --ck-drop-shadow-active: 0 3px 6px 1px var(--ck-color-shadow-drop-active);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-spacing-unit:	0.6em;
  --ck-spacing-large:	calc(var(--ck-spacing-unit) * 1.5);
  --ck-spacing-standard:	var(--ck-spacing-unit);
  --ck-spacing-medium:	calc(var(--ck-spacing-unit) * 0.8);
  --ck-spacing-small:	calc(var(--ck-spacing-unit) * 0.5);
  --ck-spacing-tiny:	calc(var(--ck-spacing-unit) * 0.3);
  --ck-spacing-extra-tiny:	calc(var(--ck-spacing-unit) * 0.16);
}
/* Components */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
.ck.ck-autocomplete > .ck-search__results {
  border-radius: 0;
  max-height: 200px;
  overflow-y: auto;
  background: var(--ck-color-base-background);
  border: 1px solid var(--ck-color-dropdown-panel-border);
  min-width: auto;
}
.ck-rounded-corners .ck.ck-autocomplete > .ck-search__results,
.ck.ck-autocomplete > .ck-search__results.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}
.ck.ck-autocomplete > .ck-search__results {
  box-shadow: var(--ck-drop-shadow), 0 0;
}
.ck.ck-autocomplete > .ck-search__results.ck-search__results_n {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  /* Prevent duplicated borders between the input and the results pane. */
  margin-bottom: -1px;
}
.ck.ck-autocomplete > .ck-search__results.ck-search__results_s {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  /* Prevent duplicated borders between the input and the results pane. */
  margin-top: -1px;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A visual style of focused element's border.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A class which indicates that an element holding it is disabled.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements a button of given background color.
 *
 * @param {String} $background - Background color of the button.
 * @param {String} $border - Border color of the button.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-button,
a.ck.ck-button {
  background: var(--ck-color-button-default-background);
  border-radius: 0;
  white-space: nowrap;
  cursor: default;
  vertical-align: middle;
  padding: var(--ck-spacing-tiny);
  text-align: center;
  /* A very important piece of styling. Go to variable declaration to learn more. */
  min-width: var(--ck-ui-component-min-height);
  min-height: var(--ck-ui-component-min-height);
  /* Normalize the height of the line. Removing this will break consistent height
  among text and text-less buttons (with icons). */
  line-height: 1;
  /* Enable font size inheritance, which allows fluid UI scaling. */
  font-size: inherit;
  /* Avoid flickering when the foucs border shows up. */
  border: 1px solid transparent;
  /* Apply some smooth transition to the box-shadow and border. */
  transition: box-shadow 0.2s ease-in-out, border 0.2s ease-in-out;
  /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/189 */
  -webkit-appearance: none;
}
.ck.ck-button:not(.ck-disabled):hover, a.ck.ck-button:not(.ck-disabled):hover {
  background: var(--ck-color-button-default-hover-background);
}
.ck.ck-button:not(.ck-disabled):active, a.ck.ck-button:not(.ck-disabled):active {
  background: var(--ck-color-button-default-active-background);
}
/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */
.ck.ck-button.ck-disabled, a.ck.ck-button.ck-disabled {
  background: var(--ck-color-button-default-disabled-background);
}
.ck-rounded-corners .ck.ck-button,
.ck-rounded-corners a.ck.ck-button,
.ck.ck-button.ck-rounded-corners,
a.ck.ck-button.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-button,
  a.ck.ck-button {
    transition: none;
}
}
.ck.ck-button:active,
a.ck.ck-button:active,
.ck.ck-button:focus,
a.ck.ck-button:focus {
  /* Disable native outline. */
  outline: none;
  border: var(--ck-focus-ring);
  box-shadow: var(--ck-focus-outer-shadow), 0 0;
}
/* Allow icon coloring using the text "color" property. */
.ck.ck-button .ck-button__icon use,
a.ck.ck-button .ck-button__icon use,
.ck.ck-button .ck-button__icon use *,
a.ck.ck-button .ck-button__icon use * {
  color: inherit;
}
.ck.ck-button .ck-button__label, a.ck.ck-button .ck-button__label {
  /* Enable font size inheritance, which allows fluid UI scaling. */
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  cursor: inherit;
  /* Must be consistent with .ck-icon's vertical align. Otherwise, buttons with and
  without labels (but with icons) have different sizes in Chrome */
  vertical-align: middle;
}
[dir=ltr] .ck.ck-button .ck-button__label, [dir=ltr] a.ck.ck-button .ck-button__label {
  text-align: left;
}
[dir=rtl] .ck.ck-button .ck-button__label, [dir=rtl] a.ck.ck-button .ck-button__label {
  text-align: right;
}
.ck.ck-button .ck-button__keystroke, a.ck.ck-button .ck-button__keystroke {
  color: inherit;
  opacity: 0.5;
}
[dir=ltr] .ck.ck-button .ck-button__keystroke, [dir=ltr] a.ck.ck-button .ck-button__keystroke {
  margin-left: var(--ck-spacing-large);
}
[dir=rtl] .ck.ck-button .ck-button__keystroke, [dir=rtl] a.ck.ck-button .ck-button__keystroke {
  margin-right: var(--ck-spacing-large);
}
/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/70 */
.ck.ck-button.ck-disabled:active,
a.ck.ck-button.ck-disabled:active,
.ck.ck-button.ck-disabled:focus,
a.ck.ck-button.ck-disabled:focus {
  /* The disabled button should have a slightly less visible shadow when focused. */
  box-shadow: var(--ck-focus-disabled-outer-shadow), 0 0;
}
.ck.ck-button.ck-disabled .ck-button__icon, a.ck.ck-button.ck-disabled .ck-button__icon {
  opacity: var(--ck-disabled-opacity);
}
/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */
.ck.ck-button.ck-disabled .ck-button__label, a.ck.ck-button.ck-disabled .ck-button__label {
  opacity: var(--ck-disabled-opacity);
}
.ck.ck-button.ck-disabled .ck-button__keystroke, a.ck.ck-button.ck-disabled .ck-button__keystroke {
  opacity: 0.3;
}
.ck.ck-button.ck-button_with-text, a.ck.ck-button.ck-button_with-text {
  padding: var(--ck-spacing-tiny) var(--ck-spacing-standard);
  /* stylelint-disable-next-line no-descending-specificity */
}
[dir=ltr] .ck.ck-button.ck-button_with-text .ck-button__icon, [dir=ltr] a.ck.ck-button.ck-button_with-text .ck-button__icon {
  margin-right: var(--ck-spacing-medium);
}
[dir=rtl] .ck.ck-button.ck-button_with-text .ck-button__icon, [dir=rtl] a.ck.ck-button.ck-button_with-text .ck-button__icon {
  margin-left: var(--ck-spacing-medium);
}
/* stylelint-disable-next-line no-descending-specificity */
.ck.ck-button.ck-button_with-keystroke .ck-button__label, a.ck.ck-button.ck-button_with-keystroke .ck-button__label {
  flex-grow: 1;
}
/* A style of the button which is currently on, e.g. its feature is active. */
.ck.ck-button.ck-on, a.ck.ck-button.ck-on {
  background: var(--ck-color-button-on-background);
  color: var(--ck-color-button-on-color);
}
.ck.ck-button.ck-on:not(.ck-disabled):hover, a.ck.ck-button.ck-on:not(.ck-disabled):hover {
  background: var(--ck-color-button-on-hover-background);
}
.ck.ck-button.ck-on:not(.ck-disabled):active, a.ck.ck-button.ck-on:not(.ck-disabled):active {
  background: var(--ck-color-button-on-active-background);
}
/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */
.ck.ck-button.ck-on.ck-disabled, a.ck.ck-button.ck-on.ck-disabled {
  background: var(--ck-color-button-on-disabled-background);
}
.ck.ck-button.ck-button-save, a.ck.ck-button.ck-button-save {
  color: var(--ck-color-button-save);
}
.ck.ck-button.ck-button-cancel, a.ck.ck-button.ck-button-cancel {
  color: var(--ck-color-button-cancel);
}
/* A style of the button which handles the primary action. */
.ck.ck-button-action,
a.ck.ck-button-action {
  background: var(--ck-color-button-action-background);
  color: var(--ck-color-button-action-text);
}
.ck.ck-button-action:not(.ck-disabled):hover, a.ck.ck-button-action:not(.ck-disabled):hover {
  background: var(--ck-color-button-action-hover-background);
}
.ck.ck-button-action:not(.ck-disabled):active, a.ck.ck-button-action:not(.ck-disabled):active {
  background: var(--ck-color-button-action-active-background);
}
/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */
.ck.ck-button-action.ck-disabled, a.ck.ck-button-action.ck-disabled {
  background: var(--ck-color-button-action-disabled-background);
}
.ck.ck-button-bold,
a.ck.ck-button-bold {
  font-weight: bold;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A class which indicates that an element holding it is disabled.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/* Note: To avoid rendering issues (aliasing) but to preserve the responsive nature
of the component, floating–point numbers have been used which, for the default font size
(see: --ck-font-size-base), will generate simple integers. */
:root {
  /* 34px at 13px font-size */
  --ck-switch-button-toggle-width: 2.6153846154em;
  /* 14px at 13px font-size */
  --ck-switch-button-toggle-inner-size: calc(1.0769230769em + 1px);
  --ck-switch-button-translation: calc(
  	var(--ck-switch-button-toggle-width) -
  	var(--ck-switch-button-toggle-inner-size) -
  	2px /* Border */
  );
  --ck-switch-button-inner-hover-shadow: 0 0 0 5px var(--ck-color-switch-button-inner-shadow);
}
/* Unlike a regular button, the switch button text color and background should never change.
	 * Changing toggle switch (background, outline) is enough to carry the information about the
	 * state of the entire component (https://github.com/ckeditor/ckeditor5/issues/12519)
	 */
.ck.ck-button.ck-switchbutton, .ck.ck-button.ck-switchbutton:hover, .ck.ck-button.ck-switchbutton:focus, .ck.ck-button.ck-switchbutton:active, .ck.ck-button.ck-switchbutton.ck-on:hover, .ck.ck-button.ck-switchbutton.ck-on:focus, .ck.ck-button.ck-switchbutton.ck-on:active {
  color: inherit;
  background: transparent;
}
[dir=ltr] .ck.ck-button.ck-switchbutton .ck-button__label {
  /* Separate the label from the switch */
  margin-right: calc(2 * var(--ck-spacing-large));
}
[dir=rtl] .ck.ck-button.ck-switchbutton .ck-button__label {
  /* Separate the label from the switch */
  margin-left: calc(2 * var(--ck-spacing-large));
}
.ck.ck-button.ck-switchbutton .ck-button__toggle {
  border-radius: 0;
  /* Apply some smooth transition to the box-shadow and border. */
  /* Gently animate the background color of the toggle switch */
  transition: background 400ms ease, box-shadow 0.2s ease-in-out, outline 0.2s ease-in-out;
  border: 1px solid transparent;
  width: var(--ck-switch-button-toggle-width);
  background: var(--ck-color-switch-button-off-background);
}
.ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle,
.ck.ck-button.ck-switchbutton .ck-button__toggle.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}
[dir=ltr] .ck.ck-button.ck-switchbutton .ck-button__toggle {
  /* Make sure the toggle is always to the right as far as possible. */
  margin-left: auto;
}
[dir=rtl] .ck.ck-button.ck-switchbutton .ck-button__toggle {
  /* Make sure the toggle is always to the left as far as possible. */
  margin-right: auto;
}
.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
  border-radius: 0;
  width: var(--ck-switch-button-toggle-inner-size);
  height: var(--ck-switch-button-toggle-inner-size);
  background: var(--ck-color-switch-button-inner-background);
  /* Gently animate the inner part of the toggle switch */
  transition: all 300ms ease;
}
.ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner,
.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
  border-radius: calc(0.5 * var(--ck-border-radius));
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
    transition: none;
}
}
.ck.ck-button.ck-switchbutton .ck-button__toggle:hover {
  background: var(--ck-color-switch-button-off-hover-background);
}
.ck.ck-button.ck-switchbutton .ck-button__toggle:hover .ck-button__toggle__inner {
  box-shadow: var(--ck-switch-button-inner-hover-shadow);
}
.ck.ck-button.ck-switchbutton.ck-disabled .ck-button__toggle {
  opacity: var(--ck-disabled-opacity);
}
/* Overriding default .ck-button:focus styles + an outline around the toogle */
.ck.ck-button.ck-switchbutton:focus {
  border-color: transparent;
  outline: none;
  box-shadow: none;
}
.ck.ck-button.ck-switchbutton:focus .ck-button__toggle {
  box-shadow: 0 0 0 1px var(--ck-color-base-background), 0 0 0 5px var(--ck-color-focus-outer-shadow);
  outline-offset: 1px;
  outline: var(--ck-focus-ring);
}
/* stylelint-disable-next-line no-descending-specificity */
.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle {
  background: var(--ck-color-switch-button-on-background);
}
.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle:hover {
  background: var(--ck-color-switch-button-on-hover-background);
}
/*
				* Move the toggle switch to the right. It will be animated.
				*/
[dir=ltr] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner {
  transform: translateX(var(--ck-switch-button-translation));
}
[dir=rtl] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner {
  transform: translateX(calc(-1 * var(--ck-switch-button-translation)));
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-button.ck-list-item-button {
  padding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard));
}
.ck.ck-button.ck-list-item-button,
.ck.ck-button.ck-list-item-button.ck-on {
  background: var(--ck-color-list-background);
  color: var(--ck-color-text);
}
[dir=ltr] .ck.ck-button.ck-list-item-button:has(.ck-list-item-button__check-holder) {
  padding-left: var(--ck-spacing-small);
}
[dir=rtl] .ck.ck-button.ck-list-item-button:has(.ck-list-item-button__check-holder) {
  padding-right: var(--ck-spacing-small);
}
/*
	 * `.ck-on` class and background styling is overridden for `ck-button` in many places.
	 * This is a workaround to make sure that the background is not overridden and uses similar
	 * selector specificity as the other overrides.
	 */
.ck.ck-button.ck-list-item-button:hover:not(.ck-disabled),
.ck.ck-button.ck-list-item-button.ck-button.ck-on:hover,
.ck.ck-button.ck-list-item-button.ck-on:not(.ck-list-item-button_toggleable),
.ck.ck-button.ck-list-item-button.ck-on:hover {
  background: var(--ck-color-list-button-hover-background);
}
.ck.ck-button.ck-list-item-button:hover:not(.ck-disabled):not(.ck-disabled), .ck.ck-button.ck-list-item-button.ck-button.ck-on:hover:not(.ck-disabled), .ck.ck-button.ck-list-item-button.ck-on:not(.ck-list-item-button_toggleable):not(.ck-disabled), .ck.ck-button.ck-list-item-button.ck-on:hover:not(.ck-disabled) {
  color: var(--ck-color-text);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-collapsible-arrow-size: calc(0.5 * var(--ck-icon-size));
}
.ck.ck-collapsible > .ck.ck-button {
  width: 100%;
  font-weight: bold;
  border-radius: 0;
  color: inherit;
}
.ck.ck-collapsible > .ck.ck-button:focus {
  background: transparent;
}
.ck.ck-collapsible > .ck.ck-button:active, .ck.ck-collapsible > .ck.ck-button:not(:focus), .ck.ck-collapsible > .ck.ck-button:hover:not(:focus) {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
.ck.ck-collapsible > .ck.ck-button > .ck-icon {
  margin-right: var(--ck-spacing-medium);
  width: var(--ck-collapsible-arrow-size);
}
.ck.ck-collapsible > .ck-collapsible__children {
  padding: var(--ck-spacing-medium) var(--ck-spacing-large) var(--ck-spacing-large);
}
.ck.ck-collapsible.ck-collapsible_collapsed > .ck.ck-button .ck-icon {
  transform: rotate(-90deg);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-color-grid-tile-size: 24px;
  /* Not using global colors here because these may change but some colors in a pallette
   * require special treatment. For instance, this ensures no matter what the UI text color is,
   * the check icon will look good on the black color tile. */
  --ck-color-color-grid-check-icon: hsl(212, 81%, 46%);
}
.ck.ck-color-grid {
  grid-gap: 5px;
  padding: 8px;
}
.ck.ck-color-grid__tile {
  transition: 0.2s ease box-shadow;
}
@media (forced-colors: none) {
.ck.ck-color-grid__tile {
    width: var(--ck-color-grid-tile-size);
    height: var(--ck-color-grid-tile-size);
    min-width: var(--ck-color-grid-tile-size);
    min-height: var(--ck-color-grid-tile-size);
    padding: 0;
    border: 0;
}
.ck.ck-color-grid__tile.ck-on,
  .ck.ck-color-grid__tile:focus:not(.ck-disabled),
  .ck.ck-color-grid__tile:hover:not(.ck-disabled) {
    /* Disable the default .ck-button's border ring. */
    border: 0;
}
.ck.ck-color-grid__tile.ck-color-selector__color-tile_bordered {
    box-shadow: 0 0 0 1px var(--ck-color-base-border);
}
.ck.ck-color-grid__tile.ck-on {
    box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-base-text);
}
.ck.ck-color-grid__tile:focus:not(.ck-disabled),
  .ck.ck-color-grid__tile:hover:not(.ck-disabled) {
    box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
}
}
/*
	 * In high contrast mode, the colors are replaced with text labels.
	 * See https://github.com/ckeditor/ckeditor5/issues/14907.
	 */
@media (forced-colors: active) {
.ck.ck-color-grid__tile {
    width: unset;
    height: unset;
    min-width: unset;
    min-height: unset;
    padding: 0 var(--ck-spacing-small);
}
.ck.ck-color-grid__tile .ck-button__label {
    display: inline-block;
}
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-color-grid__tile {
    transition: none;
}
}
.ck.ck-color-grid__tile.ck-disabled {
  cursor: unset;
  transition: unset;
}
.ck.ck-color-grid__tile .ck.ck-icon {
  display: none;
  color: var(--ck-color-color-grid-check-icon);
}
.ck.ck-color-grid__tile.ck-on .ck.ck-icon {
  display: block;
}
.ck.ck-color-grid__label {
  padding: 0 var(--ck-spacing-standard);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/* View fragment with color grids. */
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color,
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {
  width: 100%;
}
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {
  padding: calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker:not(:focus) {
  border-top: 1px solid var(--ck-color-base-border);
}
[dir=ltr] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon {
  margin-right: var(--ck-spacing-standard);
}
[dir=rtl] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon {
  margin-left: var(--ck-spacing-standard);
}
.ck.ck-color-selector .ck-color-grids-fragment label.ck.ck-color-grid__label {
  font-weight: unset;
}
/* View fragment with a color picker. */
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker {
  padding: 8px;
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker {
  height: 100px;
  min-width: 180px;
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation) {
  border-radius: var(--ck-border-radius) var(--ck-border-radius) 0 0;
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue) {
  border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation-pointer),
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue-pointer) {
  width: 15px;
  height: 15px;
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar {
  padding: 0 8px 8px;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-dialog-overlay-background-color: hsla( 0, 0%, 0%, .5 );
  --ck-dialog-drop-shadow: 0px 0px 6px 2px hsl(0deg 0% 0% / 15%);
  --ck-dialog-max-width: 100vw;
  --ck-dialog-max-height: 90vh;
  --ck-color-dialog-background: var(--ck-color-base-background);
  --ck-color-dialog-form-header-border: var(--ck-color-base-border);
}
.ck.ck-dialog-overlay {
  animation: ck-dialog-fade-in 0.3s;
  background: var(--ck-dialog-overlay-background-color);
  z-index: var(--ck-z-dialog);
}
.ck.ck-dialog {
  border-radius: 0;
  --ck-drop-shadow: var(--ck-dialog-drop-shadow);
  background: var(--ck-color-dialog-background);
  max-height: var(--ck-dialog-max-height);
  max-width: var(--ck-dialog-max-width);
  border: 1px solid var(--ck-color-base-border);
  overscroll-behavior: contain;
}
.ck-rounded-corners .ck.ck-dialog,
.ck.ck-dialog.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}
.ck.ck-dialog {
  box-shadow: var(--ck-drop-shadow), 0 0;
}
.ck.ck-dialog .ck.ck-form__header {
  border-bottom: 1px solid var(--ck-color-dialog-form-header-border);
}
.ck-dialog-scroll-locked {
  overflow: hidden;
}
@keyframes ck-dialog-fade-in {
0% {
    background: hsla(0, 0%, 0%, 0);
}
100% {
    background: var(--ck-dialog-overlay-background-color);
}
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-dialog .ck.ck-dialog__actions {
  padding: var(--ck-spacing-large);
}
.ck.ck-dialog .ck.ck-dialog__actions > * + * {
  margin-left: var(--ck-spacing-large);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A class which indicates that an element holding it is disabled.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-dropdown-arrow-size: calc(0.5 * var(--ck-icon-size));
}
.ck.ck-dropdown {
  /* Enable font size inheritance, which allows fluid UI scaling. */
  font-size: inherit;
}
.ck.ck-dropdown .ck-dropdown__arrow {
  width: var(--ck-dropdown-arrow-size);
}
[dir=ltr] .ck.ck-dropdown .ck-dropdown__arrow {
  right: var(--ck-spacing-standard);
  /* A space to accommodate the triangle. */
  margin-left: var(--ck-spacing-standard);
}
[dir=rtl] .ck.ck-dropdown .ck-dropdown__arrow {
  left: var(--ck-spacing-standard);
  /* A space to accommodate the triangle. */
  margin-right: var(--ck-spacing-small);
}
.ck.ck-dropdown.ck-disabled .ck-dropdown__arrow {
  opacity: var(--ck-disabled-opacity);
}
[dir=ltr] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text) {
  /* Make sure dropdowns with just an icon have the right inner spacing */
  padding-left: var(--ck-spacing-small);
}
[dir=rtl] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text) {
  /* Make sure dropdowns with just an icon have the right inner spacing */
  padding-right: var(--ck-spacing-small);
}
/* #23 */
.ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label {
  width: 7em;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/70 */
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-disabled .ck-button__label {
  opacity: var(--ck-disabled-opacity);
}
/* https://github.com/ckeditor/ckeditor5/issues/816 */
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-dropdown__button_label-width_auto .ck-button__label {
  width: auto;
}
/* https://github.com/ckeditor/ckeditor5/issues/8699 */
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active,
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active {
  box-shadow: none;
}
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active:focus, .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active:focus {
  box-shadow: var(--ck-focus-outer-shadow), 0 0;
}
.ck.ck-dropdown__panel {
  border-radius: 0;
  background: var(--ck-color-dropdown-panel-background);
  border: 1px solid var(--ck-color-dropdown-panel-border);
  bottom: 0;
  /* Make sure the panel is at least as wide as the drop-down's button. */
  min-width: 100%;
}
.ck-rounded-corners .ck.ck-dropdown__panel,
.ck.ck-dropdown__panel.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}
.ck.ck-dropdown__panel {
  box-shadow: var(--ck-drop-shadow), 0 0;
  /* Disabled corner border radius to be consistent with the .dropdown__button
  https://github.com/ckeditor/ckeditor5/issues/816 */
}
.ck.ck-dropdown__panel.ck-dropdown__panel_se {
  border-top-left-radius: 0;
}
.ck.ck-dropdown__panel.ck-dropdown__panel_sw {
  border-top-right-radius: 0;
}
.ck.ck-dropdown__panel.ck-dropdown__panel_ne {
  border-bottom-left-radius: 0;
}
.ck.ck-dropdown__panel.ck-dropdown__panel_nw {
  border-bottom-right-radius: 0;
}
.ck.ck-dropdown__panel:focus {
  outline: none;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list {
  /* Disabled radius of top-left border to be consistent with .dropdown__button
  https://github.com/ckeditor/ckeditor5/issues/816 */
  border-radius: 0;
}
.ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list,
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
  border-top-left-radius: 0;
}
/* Make sure the button belonging to the first/last child of the list goes well with the
	border radius of the entire panel. */
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button {
  border-radius: 0;
}
.ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button,
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button {
  border-radius: 0;
}
.ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button,
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
:root {
  --ck-color-split-button-hover-background: hsl(0, 0%, 92%);
  --ck-color-split-button-hover-border: hsl(0, 0%, 70%);
}
/*
	 * Note: ck-rounded and ck-dir mixins don't go together (because they both use @nest).
	 */
[dir=ltr] .ck.ck-splitbutton:hover > .ck-splitbutton__action, [dir=ltr] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action {
  /* Don't round the action button on the right side */
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}
[dir=rtl] .ck.ck-splitbutton:hover > .ck-splitbutton__action, [dir=rtl] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action {
  /* Don't round the action button on the left side */
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
.ck.ck-splitbutton > .ck-splitbutton__arrow {
  /* It's a text-less button and since the icon is positioned absolutely in such situation,
  it must get some arbitrary min-width. */
  min-width: unset;
}
[dir=ltr] .ck.ck-splitbutton > .ck-splitbutton__arrow {
  /* Don't round the arrow button on the left side */
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
[dir=rtl] .ck.ck-splitbutton > .ck-splitbutton__arrow {
  /* Don't round the arrow button on the right side */
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}
.ck.ck-splitbutton > .ck-splitbutton__arrow svg {
  width: var(--ck-dropdown-arrow-size);
}
/* Make sure the divider stretches 100% height of the button
	https://github.com/ckeditor/ckeditor5/issues/10936 */
.ck.ck-splitbutton > .ck-splitbutton__arrow:not(:focus) {
  border-top-width: 0px;
  border-bottom-width: 0px;
}
/* Don't round the bottom left and right corners of the buttons when "open"
	https://github.com/ckeditor/ckeditor5/issues/816 */
.ck.ck-splitbutton.ck-splitbutton_open {
  border-radius: 0;
}
.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open,
.ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}
.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action, .ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners > .ck-splitbutton__action {
  border-bottom-left-radius: 0;
}
.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow, .ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners > .ck-splitbutton__arrow {
  border-bottom-right-radius: 0;
}
/* When the split button is "open" (the arrow is on) or being hovered, it should get some styling
	as a whole. The background of both buttons should stand out and there should be a visual
	separation between both buttons. */
/* When the split button hovered as a whole, not as individual buttons. */
.ck.ck-splitbutton.ck-splitbutton_open > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover), .ck.ck-splitbutton:hover > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover) {
  background: var(--ck-color-split-button-hover-background);
}
/* Splitbutton separator needs to be set with the ::after pseudoselector
		to display properly the borders on focus */
.ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: var(--ck-color-split-button-hover-border);
}
/* Make sure the divider between the buttons looks fine when the button is focused */
.ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:focus::after, .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:focus::after {
  --ck-color-split-button-hover-border: var(--ck-color-focus-border);
}
[dir=ltr] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, [dir=ltr] .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after {
  left: -1px;
}
[dir=rtl] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, [dir=rtl] .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after {
  right: -1px;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-toolbar-dropdown .ck-toolbar {
  border: 0;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A class which indicates that an element holding it is disabled.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements a button of given background color.
 *
 * @param {String} $background - Background color of the button.
 * @param {String} $border - Border color of the button.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * All menu buttons.
 */
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button {
  width: 100%;
  padding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard));
  border-radius: 0;
}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus {
  border-color: transparent;
  box-shadow: none;
}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus:not(.ck-on) {
  background: var(--ck-color-button-default-hover-background);
}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-button__label {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-disabled > .ck-button__label {
  opacity: var(--ck-disabled-opacity);
}
/* Spacing in buttons that miss the icon. */
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-icon-spacing:not(:has(.ck-button__icon)) > .ck-button__label {
  margin-left: calc(var(--ck-icon-size) - var(--ck-spacing-small));
}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
  width: var(--ck-dropdown-arrow-size);
}
[dir=ltr] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
  transform: rotate(-90deg);
  /* Nudge the arrow gently to the right because its center of gravity is to the left */
  margin-right: calc(-1 * var(--ck-spacing-small));
}
[dir=rtl] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
  transform: rotate(90deg);
  /* Nudge the arrow gently to the left because its center of gravity is to the right (after rotation). */
  margin-left: calc(-1 * var(--ck-spacing-small));
}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-disabled > .ck-dropdown-menu-list__nested-menu__button__arrow {
  opacity: var(--ck-disabled-opacity);
}
[dir=ltr] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:not(.ck-button_with-text) {
  padding-left: var(--ck-spacing-small);
}
[dir=ltr] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
  right: var(--ck-spacing-standard);
  /* A space to accommodate the triangle. */
  margin-left: var(--ck-spacing-standard);
}
[dir=rtl] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:not(.ck-button_with-text) {
  padding-right: var(--ck-spacing-small);
}
[dir=rtl] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
  left: var(--ck-spacing-standard);
  /* A space to accommodate the triangle. */
  margin-right: var(--ck-spacing-small);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-dropdown-menu-menu-item-min-width: 18em;
}
.ck.ck-dropdown-menu-list__nested-menu__item {
  min-width: var(--ck-dropdown-menu-menu-item-min-width);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * List item buttons.
 */
.ck-button.ck-dropdown-menu-list__nested-menu__item__button {
  border-radius: 0;
}
.ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container,
.ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container .ck-spinner {
  /* These styles correspond to .ck-icon so that the spinner seamlessly replaces the icon. */
  --ck-toolbar-spinner-size: 20px;
}
.ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container {
  /* These margins are the same as for .ck-icon. */
  margin-left: calc(-1 * var(--ck-spacing-small));
  margin-right: var(--ck-spacing-small);
}
/*
	 * Hovered items automatically get focused. Default focus styles look odd
	 * while moving across a huge list of items so let's get rid of them
	 */
.ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus {
  border-color: transparent;
  box-shadow: none;
}
.ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus:not(.ck-on) {
  background: var(--ck-color-button-default-hover-background);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
:root {
  --ck-dropdown-menu-menu-panel-max-width: 75vw;
}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel {
  box-shadow: var(--ck-drop-shadow), 0 0;
  background: var(--ck-color-dropdown-panel-background);
  border: 1px solid var(--ck-color-dropdown-panel-border);
  bottom: 0;
  height: fit-content;
  max-width: var(--ck-dropdown-menu-menu-panel-max-width);
  /* Reset balloon styling */
}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel::after,
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel::before {
  display: none;
}
/* Corner border radius consistent with the button. */
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_es,
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_se {
  border-top-left-radius: 0;
}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_ws,
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_sw {
  border-top-right-radius: 0;
}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_en,
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_ne {
  border-bottom-left-radius: 0;
}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_wn,
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_nw {
  border-bottom-right-radius: 0;
}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel:focus {
  outline: none;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A visual style of focused element's border.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
:root {
  --ck-accessibility-help-dialog-max-width: 600px;
  --ck-accessibility-help-dialog-max-height: 400px;
  --ck-accessibility-help-dialog-border-color: hsl(220, 6%, 81%);
  --ck-accessibility-help-dialog-code-background-color: hsl(0deg 0% 92.94%);
  --ck-accessibility-help-dialog-kbd-shadow-color: hsl(0deg 0% 61%);
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content {
  padding: var(--ck-spacing-large);
  max-width: var(--ck-accessibility-help-dialog-max-width);
  max-height: var(--ck-accessibility-help-dialog-max-height);
  overflow: auto;
  user-select: text;
  border: 1px solid transparent;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content:focus {
  /* Disable native outline. */
  outline: none;
  border: var(--ck-focus-ring);
  box-shadow: var(--ck-focus-outer-shadow), 0 0;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content * {
  white-space: normal;
}
/* Hide the main label of the content container. */
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content .ck-label {
  display: none;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3 {
  font-weight: bold;
  font-size: 1.2em;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4 {
  font-weight: bold;
  font-size: 1em;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content p,
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3,
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4,
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content table {
  margin: 1em 0;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl {
  display: grid;
  grid-template-columns: 2fr 1fr;
  border-top: 1px solid var(--ck-accessibility-help-dialog-border-color);
  border-bottom: none;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd {
  border-bottom: 1px solid var(--ck-accessibility-help-dialog-border-color);
  padding: 0.4em 0;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt {
  grid-column-start: 1;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd {
  grid-column-start: 2;
  text-align: right;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code {
  display: inline-block;
  background: var(--ck-accessibility-help-dialog-code-background-color);
  padding: 0.4em;
  vertical-align: middle;
  line-height: 1;
  border-radius: 2px;
  text-align: center;
  font-size: 0.9em;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code {
  font-family: monospace;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd {
  min-width: 1.8em;
  box-shadow: 0px 1px 1px var(--ck-accessibility-help-dialog-kbd-shadow-color);
  margin: 0 1px;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd + kbd {
  margin-left: 2px;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A class which indicates that an element holding it is disabled.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A visual style of focused element's border.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements a button of given background color.
 *
 * @param {String} $background - Background color of the button.
 * @param {String} $border - Border color of the button.
 */
:root {
  --ck-color-editable-blur-selection: hsl(0, 0%, 85%);
}
.ck.ck-editor__editable:not(.ck-editor__nested-editable) {
  border-radius: 0;
}
.ck-rounded-corners .ck.ck-editor__editable:not(.ck-editor__nested-editable),
.ck.ck-editor__editable.ck-rounded-corners:not(.ck-editor__nested-editable) {
  border-radius: var(--ck-border-radius);
}
.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
  /* Disable native outline. */
  outline: none;
  border: var(--ck-focus-ring);
  box-shadow: var(--ck-inner-shadow), 0 0;
}
.ck.ck-editor__editable_inline {
  overflow: auto;
  padding: 0 var(--ck-spacing-standard);
  border: 1px solid transparent;
}
.ck.ck-editor__editable_inline[dir=ltr] {
  text-align: left;
}
.ck.ck-editor__editable_inline[dir=rtl] {
  text-align: right;
}
/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/116 */
.ck.ck-editor__editable_inline > *:first-child {
  margin-top: var(--ck-spacing-large);
}
/* https://github.com/ckeditor/ckeditor5/issues/847 */
.ck.ck-editor__editable_inline > *:last-child {
  /*
   * This value should match with the default margins of the block elements (like .media or .image)
   * to avoid a content jumping when the fake selection container shows up (See https://github.com/ckeditor/ckeditor5/issues/9825).
   */
  margin-bottom: var(--ck-spacing-large);
}
/* https://github.com/ckeditor/ckeditor5/issues/6517 */
.ck.ck-editor__editable_inline.ck-blurred ::selection {
  background: var(--ck-color-editable-blur-selection);
}
/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/111 */
.ck.ck-balloon-panel.ck-toolbar-container[class*=arrow_n]::after {
  border-bottom-color: var(--ck-color-panel-background);
}
.ck.ck-balloon-panel.ck-toolbar-container[class*=arrow_s]::after {
  border-top-color: var(--ck-color-panel-background);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-form-header-height: 44px;
}
.ck.ck-form__header {
  padding: var(--ck-spacing-small) var(--ck-spacing-large);
  height: var(--ck-form-header-height);
  line-height: var(--ck-form-header-height);
  border-bottom: 1px solid var(--ck-color-base-border);
}
[dir=ltr] .ck.ck-form__header > .ck-icon {
  margin-right: var(--ck-spacing-medium);
}
[dir=rtl] .ck.ck-form__header > .ck-icon {
  margin-left: var(--ck-spacing-medium);
}
.ck.ck-form__header .ck-form__header__label {
  --ck-font-size-base: 15px;
  font-weight: bold;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-icon-size: calc(var(--ck-line-height-base) * var(--ck-font-size-normal));
  --ck-icon-font-size: .8333350694em;
}
.ck.ck-icon {
  width: var(--ck-icon-size);
  height: var(--ck-icon-size);
  /* Multiplied by the height of the line in "px" should give SVG "viewport" dimensions */
  font-size: var(--ck-icon-font-size);
  /* Inherit cursor style (#5). */
  cursor: inherit;
  /* This will prevent blurry icons on Firefox. See #340. */
  will-change: transform;
}
.ck.ck-icon * {
  /* Inherit cursor style (#5). */
  cursor: inherit;
}
/* Allows dynamic coloring of an icon by inheriting its color from the parent. */
.ck.ck-icon.ck-icon_inherit-color {
  color: inherit;
}
.ck.ck-icon.ck-icon_inherit-color * {
  color: inherit;
}
.ck.ck-icon.ck-icon_inherit-color *:not([fill]) {
  /* Needed by FF. */
  fill: currentColor;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A visual style of focused element's border.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
:root {
  --ck-input-width: 18em;
  /* Backward compatibility. */
  --ck-input-text-width: var(--ck-input-width);
}
.ck.ck-input {
  border-radius: 0;
  background: var(--ck-color-input-background);
  border: 1px solid var(--ck-color-input-border);
  padding: var(--ck-spacing-extra-tiny) var(--ck-spacing-medium);
  min-width: var(--ck-input-width);
  /* This is important to stay of the same height as surrounding buttons */
  min-height: var(--ck-ui-component-min-height);
  /* Apply some smooth transition to the box-shadow and border. */
  transition: box-shadow 0.1s ease-in-out, border 0.1s ease-in-out;
}
.ck-rounded-corners .ck.ck-input,
.ck.ck-input.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-input {
    transition: none;
}
}
.ck.ck-input:focus {
  /* Disable native outline. */
  outline: none;
  border: var(--ck-focus-ring);
  box-shadow: var(--ck-focus-outer-shadow), 0 0;
}
.ck.ck-input[readonly] {
  border: 1px solid var(--ck-color-input-disabled-border);
  background: var(--ck-color-input-disabled-background);
  color: var(--ck-color-input-disabled-text);
}
.ck.ck-input[readonly]:focus {
  /* The read-only input should have a slightly less visible shadow when focused. */
  box-shadow: var(--ck-focus-disabled-outer-shadow), 0 0;
}
.ck.ck-input.ck-error {
  border-color: var(--ck-color-input-error-border);
  animation: ck-input-shake 0.3s ease both;
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-input.ck-error {
    animation: none;
}
}
.ck.ck-input.ck-error:focus {
  box-shadow: var(--ck-focus-error-outer-shadow), 0 0;
}
@keyframes ck-input-shake {
20% {
    transform: translateX(-2px);
}
40% {
    transform: translateX(2px);
}
60% {
    transform: translateX(-1px);
}
80% {
    transform: translateX(1px);
}
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-label {
  font-weight: bold;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
:root {
  --ck-labeled-field-view-transition: .1s cubic-bezier(0, 0, 0.24, 0.95);
  --ck-labeled-field-empty-unfocused-max-width: 100% - 2 * var(--ck-spacing-medium);
  --ck-labeled-field-label-default-position-x: var(--ck-spacing-medium);
  --ck-labeled-field-label-default-position-y: calc(0.6 * var(--ck-font-size-base));
  --ck-color-labeled-field-label-background: var(--ck-color-base-background);
}
.ck.ck-labeled-field-view {
  border-radius: 0;
}
.ck-rounded-corners .ck.ck-labeled-field-view,
.ck.ck-labeled-field-view.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper {
  width: 100%;
}
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
  top: 0px;
  pointer-events: none;
  background: var(--ck-color-labeled-field-label-background);
  padding: 0 calc(0.5 * var(--ck-font-size-tiny));
  line-height: initial;
  font-weight: normal;
  /* Prevent overflow when the label is longer than the input */
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  transition: transform var(--ck-labeled-field-view-transition), padding var(--ck-labeled-field-view-transition), background var(--ck-labeled-field-view-transition);
}
[dir=ltr] .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
  left: 0px;
  transform-origin: 0 0;
  /* By default, display the label scaled down above the field. */
  transform: translate(var(--ck-spacing-medium), -6px) scale(0.75);
}
[dir=rtl] .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
  right: 0px;
  transform-origin: 100% 0;
  transform: translate(calc(-1 * var(--ck-spacing-medium)), -6px) scale(0.75);
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
    transition: none;
}
}
.ck.ck-labeled-field-view.ck-error > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
  color: var(--ck-color-base-error);
}
.ck.ck-labeled-field-view.ck-error .ck-input:not([readonly]) + .ck.ck-label {
  color: var(--ck-color-base-error);
}
.ck.ck-labeled-field-view .ck-labeled-field-view__status {
  font-size: var(--ck-font-size-small);
  margin-top: var(--ck-spacing-small);
  /* Let the info wrap to the next line to avoid stretching the layout horizontally.
  The status could be very long. */
  white-space: normal;
}
.ck.ck-labeled-field-view .ck-labeled-field-view__status.ck-labeled-field-view__status_error {
  color: var(--ck-color-base-error);
}
/* Disabled fields and fields that have no focus should fade out. */
.ck.ck-labeled-field-view.ck-disabled > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,
.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
  color: var(--ck-color-input-disabled-text);
}
/* Fields that are disabled or not focused and without a placeholder should have full-sized labels. */
/* stylelint-disable-next-line no-descending-specificity */
.ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,
.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
  /* Compensate for the default translate position. */
  max-width: calc(var(--ck-labeled-field-empty-unfocused-max-width));
  background: transparent;
  padding: 0;
}
[dir=ltr] .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, [dir=ltr] .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
  transform: translate(var(--ck-labeled-field-label-default-position-x), var(--ck-labeled-field-label-default-position-y)) scale(1);
}
[dir=rtl] .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, [dir=rtl] .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
  transform: translate(calc(-1 * var(--ck-labeled-field-label-default-position-x)), var(--ck-labeled-field-label-default-position-y)) scale(1);
}
/*------ DropdownView integration ----------------------------------------------------------------------------------- */
/* Make sure dropdown' background color in any of dropdown's state does not collide with labeled field. */
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown > .ck.ck-button {
  background: transparent;
}
/* When the dropdown is "empty", the labeled field label replaces its label. */
.ck.ck-labeled-field-view.ck-labeled-field-view_empty > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown > .ck-button > .ck-button__label {
  opacity: 0;
}
/* Make sure the label of the empty, unfocused input does not cover the dropdown arrow. */
.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown + .ck-label {
  max-width: calc(var(--ck-labeled-field-empty-unfocused-max-width) - var(--ck-dropdown-arrow-size) - var(--ck-spacing-standard));
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-labeled-input .ck-labeled-input__status {
  font-size: var(--ck-font-size-small);
  margin-top: var(--ck-spacing-small);
  /* Let the info wrap to the next line to avoid stretching the layout horizontally.
  The status could be very long. */
  white-space: normal;
}
.ck.ck-labeled-input .ck-labeled-input__status_error {
  color: var(--ck-color-base-error);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A class which indicates that an element holding it is disabled.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-list {
  border-radius: 0;
  list-style-type: none;
  background: var(--ck-color-list-background);
  /* A spacing at the beginning and end of the list */
  padding: var(--ck-spacing-small) 0;
}
.ck-rounded-corners .ck.ck-list,
.ck.ck-list.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}
.ck.ck-list__item {
  cursor: default;
  /* Almost as wide as menu bar items. */
  min-width: 15em;
}
.ck.ck-list__item > .ck-button:not(.ck-list-item-button) {
  padding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard));
  min-height: unset;
  width: 100%;
  border-radius: 0;
}
[dir=ltr] .ck.ck-list__item > .ck-button:not(.ck-list-item-button) {
  text-align: left;
}
[dir=rtl] .ck.ck-list__item > .ck-button:not(.ck-list-item-button) {
  text-align: right;
}
.ck.ck-list__item > .ck-button:not(.ck-list-item-button) .ck-button__label {
  /* https://github.com/ckeditor/ckeditor5-heading/issues/63 */
  line-height: calc(var(--ck-line-height-base) * var(--ck-font-size-base));
}
.ck.ck-list__item > .ck-button:not(.ck-list-item-button):active {
  box-shadow: none;
}
.ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button) {
  background: var(--ck-color-list-button-on-background);
  color: var(--ck-color-list-button-on-text);
}
.ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button):active {
  box-shadow: none;
}
.ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button):hover:not(.ck-disabled) {
  background: var(--ck-color-list-button-on-background-focus);
}
.ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button):focus:not(.ck-disabled) {
  border-color: var(--ck-color-base-background);
}
.ck.ck-list__item > .ck-button:not(.ck-list-item-button):hover:not(.ck-disabled) {
  background: var(--ck-color-list-button-hover-background);
}
/* It's unnecessary to change the background/text of a switch toggle; it has different ways
	of conveying its state (like the switcher) */
.ck.ck-list__item > .ck-button.ck-switchbutton.ck-on {
  background: var(--ck-color-list-background);
  color: inherit;
}
.ck.ck-list__item > .ck-button.ck-switchbutton.ck-on:hover:not(.ck-disabled) {
  background: var(--ck-color-list-button-hover-background);
  color: inherit;
}
.ck-list .ck-list__group {
  padding-top: var(--ck-spacing-medium);
  /* Lists come with an inner vertical padding. Don't duplicate it. */
}
.ck-list .ck-list__group:first-child {
  padding-top: 0;
}
/* The group should have a border when it's not the first item. */
*:not(.ck-hidden) ~ .ck-list .ck-list__group {
  border-top: 1px solid var(--ck-color-base-border);
}
.ck-list .ck-list__group > .ck-label {
  font-size: 11px;
  font-weight: bold;
  padding: var(--ck-spacing-medium) var(--ck-spacing-large) 0;
}
.ck.ck-list__separator {
  height: 1px;
  width: 100%;
  background: var(--ck-color-base-border);
  /* Give the separator some air */
  margin: var(--ck-spacing-small) 0;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-menu-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  background: var(--ck-color-base-background);
  padding: var(--ck-spacing-small);
  gap: var(--ck-spacing-small);
  border: 1px solid var(--ck-color-toolbar-border);
  width: 100%;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-menu-bar__menu {
  /* Enable font size inheritance, which allows fluid UI scaling. */
  font-size: inherit;
}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level {
  max-width: 100%;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A class which indicates that an element holding it is disabled.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements a button of given background color.
 *
 * @param {String} $background - Background color of the button.
 * @param {String} $border - Border color of the button.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
	 * All menu buttons.
	 */
.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button {
  width: 100%;
}
.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button > .ck-button__label {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button.ck-disabled > .ck-button__label {
  opacity: var(--ck-disabled-opacity);
}
[dir=ltr] .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button:not(.ck-button_with-text) {
  padding-left: var(--ck-spacing-small);
}
[dir=rtl] .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button:not(.ck-button_with-text) {
  padding-right: var(--ck-spacing-small);
}
/*
	 * Top-level menu buttons only.
	 */
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button {
  padding: var(--ck-spacing-small) var(--ck-spacing-medium);
  min-height: unset;
}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button .ck-button__label {
  width: unset;
  line-height: unset;
}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button.ck-on {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button .ck-icon {
  display: none;
}
/*
	 * Sub-menu buttons.
	 */
.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button {
  border-radius: 0;
}
.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
  width: var(--ck-dropdown-arrow-size);
}
[dir=ltr] .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
  transform: rotate(-90deg);
  /* A space to accommodate the triangle. */
  margin-left: var(--ck-spacing-standard);
  /* Nudge the arrow gently to the right because its center of gravity is to the left */
  margin-right: calc(-1 * var(--ck-spacing-small));
}
[dir=rtl] .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
  transform: rotate(90deg);
  left: var(--ck-spacing-standard);
  /* A space to accommodate the triangle. */
  margin-right: var(--ck-spacing-small);
  /* Nudge the arrow gently to the left because its center of gravity is to the right (after rotation). */
  margin-left: calc(-1 * var(--ck-spacing-small));
}
.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button.ck-disabled > .ck-menu-bar__menu__button__arrow {
  opacity: var(--ck-disabled-opacity);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-menu-bar-menu-item-min-width: 18em;
}
.ck.ck-menu-bar__menu .ck.ck-menu-bar__menu__item {
  min-width: var(--ck-menu-bar-menu-item-min-width);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
	 * List item buttons.
	 */
.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button {
  border-radius: 0;
}
.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container,
.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container .ck-spinner {
  /* These styles correspond to .ck-icon so that the spinner seamlessly replaces the icon. */
  --ck-toolbar-spinner-size: 20px;
}
.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container {
  /* This ensures margins corresponding to the .ck-icon. */
  font-size: var(--ck-icon-font-size);
}
[dir=ltr] .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container {
  margin-right: var(--ck-spacing-medium);
}
[dir=rtl] .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container {
  margin-left: var(--ck-spacing-medium);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A visual style of focused element's border.
 */
:root {
  --ck-menu-bar-menu-panel-max-width: 75vw;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {
  border-radius: 0;
  background: var(--ck-color-dropdown-panel-background);
  border: 1px solid var(--ck-color-dropdown-panel-border);
  bottom: 0;
  height: fit-content;
  max-width: var(--ck-menu-bar-menu-panel-max-width);
}
.ck-rounded-corners .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {
  box-shadow: var(--ck-drop-shadow), 0 0;
  /* Corner border radius consistent with the button. */
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se {
  border-top-left-radius: 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw {
  border-top-right-radius: 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne {
  border-bottom-left-radius: 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw {
  border-bottom-right-radius: 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel:focus {
  outline: none;
}
.ck.ck-menu-bar .ck-list-item-button:focus,
.ck.ck-menu-bar .ck-list-item-button:active {
  border-color: transparent;
  box-shadow: none;
}
.ck.ck-menu-bar.ck-menu-bar_focus-border-enabled .ck-list-item-button:focus,
.ck.ck-menu-bar.ck-menu-bar_focus-border-enabled .ck-list-item-button:active {
  /* Fix truncated shadows due to rendering order. */
  position: relative;
  z-index: 2;
  /* Disable native outline. */
  outline: none;
  border: var(--ck-focus-ring);
  box-shadow: var(--ck-focus-outer-shadow), 0 0;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
:root {
  --ck-balloon-border-width: 1px;
  --ck-balloon-arrow-offset: 2px;
  --ck-balloon-arrow-height: 10px;
  --ck-balloon-arrow-half-width: 8px;
  --ck-balloon-arrow-drop-shadow: 0 2px 2px var(--ck-color-shadow-drop);
}
.ck.ck-balloon-panel {
  border-radius: 0;
  min-height: 15px;
  background: var(--ck-color-panel-background);
  border: var(--ck-balloon-border-width) solid var(--ck-color-panel-border);
}
.ck-rounded-corners .ck.ck-balloon-panel,
.ck.ck-balloon-panel.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}
.ck.ck-balloon-panel {
  box-shadow: var(--ck-drop-shadow), 0 0;
}
.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before,
.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after {
  width: 0;
  height: 0;
  border-style: solid;
}
.ck.ck-balloon-panel[class*=arrow_n]::before,
.ck.ck-balloon-panel[class*=arrow_n]::after {
  border-width: 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width);
}
.ck.ck-balloon-panel[class*=arrow_n]::before {
  border-color: transparent transparent var(--ck-color-panel-border) transparent;
  margin-top: calc(-1 * var(--ck-balloon-border-width));
}
.ck.ck-balloon-panel[class*=arrow_n]::after {
  border-color: transparent transparent var(--ck-color-panel-background) transparent;
  margin-top: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
}
.ck.ck-balloon-panel[class*=arrow_s]::before,
.ck.ck-balloon-panel[class*=arrow_s]::after {
  border-width: var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width);
}
.ck.ck-balloon-panel[class*=arrow_s]::before {
  border-color: var(--ck-color-panel-border) transparent transparent;
  filter: drop-shadow(var(--ck-balloon-arrow-drop-shadow));
  margin-bottom: calc(-1 * var(--ck-balloon-border-width));
}
.ck.ck-balloon-panel[class*=arrow_s]::after {
  border-color: var(--ck-color-panel-background) transparent transparent transparent;
  margin-bottom: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
}
.ck.ck-balloon-panel[class*=arrow_e]::before,
.ck.ck-balloon-panel[class*=arrow_e]::after {
  border-width: var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height);
}
.ck.ck-balloon-panel[class*=arrow_e]::before {
  border-color: transparent transparent transparent var(--ck-color-panel-border);
  margin-right: calc(-1 * var(--ck-balloon-border-width));
}
.ck.ck-balloon-panel[class*=arrow_e]::after {
  border-color: transparent transparent transparent var(--ck-color-panel-background);
  margin-right: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
}
.ck.ck-balloon-panel[class*=arrow_w]::before,
.ck.ck-balloon-panel[class*=arrow_w]::after {
  border-width: var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0;
}
.ck.ck-balloon-panel[class*=arrow_w]::before {
  border-color: transparent var(--ck-color-panel-border) transparent transparent;
  margin-left: calc(-1 * var(--ck-balloon-border-width));
}
.ck.ck-balloon-panel[class*=arrow_w]::after {
  border-color: transparent var(--ck-color-panel-background) transparent transparent;
  margin-left: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_n::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_n::after {
  left: 50%;
  margin-left: calc(-1 * var(--ck-balloon-arrow-half-width));
  top: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nw::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nw::after {
  left: calc(2 * var(--ck-balloon-arrow-half-width));
  top: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_ne::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_ne::after {
  right: calc(2 * var(--ck-balloon-arrow-half-width));
  top: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_s::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_s::after {
  left: 50%;
  margin-left: calc(-1 * var(--ck-balloon-arrow-half-width));
  bottom: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_sw::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_sw::after {
  left: calc(2 * var(--ck-balloon-arrow-half-width));
  bottom: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_se::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_se::after {
  right: calc(2 * var(--ck-balloon-arrow-half-width));
  bottom: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_sme::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_sme::after {
  right: 25%;
  margin-right: calc(2 * var(--ck-balloon-arrow-half-width));
  bottom: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_smw::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_smw::after {
  left: 25%;
  margin-left: calc(2 * var(--ck-balloon-arrow-half-width));
  bottom: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nme::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nme::after {
  right: 25%;
  margin-right: calc(2 * var(--ck-balloon-arrow-half-width));
  top: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw::after {
  left: 25%;
  margin-left: calc(2 * var(--ck-balloon-arrow-half-width));
  top: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_e::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_e::after {
  right: calc(-1 * var(--ck-balloon-arrow-height));
  margin-top: calc(-1 * var(--ck-balloon-arrow-half-width));
  top: 50%;
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_w::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_w::after {
  left: calc(-1 * var(--ck-balloon-arrow-height));
  margin-top: calc(-1 * var(--ck-balloon-arrow-half-width));
  top: 50%;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck .ck-balloon-rotator__navigation {
  background: var(--ck-color-toolbar-background);
  border-bottom: 1px solid var(--ck-color-toolbar-border);
  padding: 0 var(--ck-spacing-small);
  /* Let's keep similar appearance to `ck-toolbar`. */
}
.ck .ck-balloon-rotator__navigation > * {
  margin-right: var(--ck-spacing-small);
  margin-top: var(--ck-spacing-small);
  margin-bottom: var(--ck-spacing-small);
}
/* Gives counter more breath than buttons. */
.ck .ck-balloon-rotator__navigation .ck-balloon-rotator__counter {
  margin-right: var(--ck-spacing-standard);
  /* We need to use smaller margin because of previous button's right margin. */
  margin-left: var(--ck-spacing-small);
}
/* Disable default annotation shadow inside rotator with fake panels. */
.ck .ck-balloon-rotator__content .ck.ck-annotation-wrapper {
  box-shadow: none;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
:root {
  --ck-balloon-fake-panel-offset-horizontal: 6px;
  --ck-balloon-fake-panel-offset-vertical: 6px;
}
/* Let's use `.ck-balloon-panel` appearance. See: balloonpanel.css. */
.ck .ck-fake-panel div {
  box-shadow: var(--ck-drop-shadow), 0 0;
  min-height: 15px;
  background: var(--ck-color-panel-background);
  border: 1px solid var(--ck-color-panel-border);
  border-radius: var(--ck-border-radius);
  width: 100%;
  height: 100%;
}
.ck .ck-fake-panel div:nth-child(1) {
  margin-left: var(--ck-balloon-fake-panel-offset-horizontal);
  margin-top: var(--ck-balloon-fake-panel-offset-vertical);
}
.ck .ck-fake-panel div:nth-child(2) {
  margin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal) * 2);
  margin-top: calc(var(--ck-balloon-fake-panel-offset-vertical) * 2);
}
.ck .ck-fake-panel div:nth-child(3) {
  margin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal) * 3);
  margin-top: calc(var(--ck-balloon-fake-panel-offset-vertical) * 3);
}
/* If balloon is positioned above element, we need to move fake panel to the top. */
.ck .ck-balloon-panel_arrow_s + .ck-fake-panel,
.ck .ck-balloon-panel_arrow_se + .ck-fake-panel,
.ck .ck-balloon-panel_arrow_sw + .ck-fake-panel {
  --ck-balloon-fake-panel-offset-vertical: -6px;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
.ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
  box-shadow: var(--ck-drop-shadow), 0 0;
  border-width: 0 1px 1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck-vertical-form > .ck-button:nth-last-child(2)::after {
  border-right: 1px solid var(--ck-color-base-border);
}
.ck.ck-responsive-form {
  padding: var(--ck-spacing-large);
}
.ck.ck-responsive-form:focus {
  /* See: https://github.com/ckeditor/ckeditor5/issues/4773 */
  outline: none;
}
[dir=ltr] .ck.ck-responsive-form > :not(:first-child) {
  margin-left: var(--ck-spacing-standard);
}
[dir=rtl] .ck.ck-responsive-form > :not(:last-child) {
  margin-left: var(--ck-spacing-standard);
}
@media screen and (max-width: 600px) {
.ck.ck-responsive-form {
    padding: 0;
    width: calc(0.8 * var(--ck-input-width));
}
.ck.ck-responsive-form .ck-labeled-field-view {
    margin: var(--ck-spacing-large) var(--ck-spacing-large) 0;
}
.ck.ck-responsive-form .ck-labeled-field-view .ck-input-text,
  .ck.ck-responsive-form .ck-labeled-field-view .ck-input-number {
    min-width: 0;
    width: 100%;
}
  /* Let the long error messages wrap in the narrow form. */
.ck.ck-responsive-form .ck-labeled-field-view .ck-labeled-field-view__error {
    white-space: normal;
}
  /* Styles for two last buttons in the form (save&cancel, edit&unlink, etc.). */
.ck.ck-responsive-form > .ck-button:nth-last-child(2)::after {
    border-right: 1px solid var(--ck-color-base-border);
}
.ck.ck-responsive-form > .ck-button:nth-last-child(1),
  .ck.ck-responsive-form > .ck-button:nth-last-child(2) {
    padding: var(--ck-spacing-standard);
    margin-top: var(--ck-spacing-large);
    border-radius: 0;
}
.ck.ck-responsive-form > .ck-button:nth-last-child(1):not(:focus), .ck.ck-responsive-form > .ck-button:nth-last-child(2):not(:focus) {
    border-top: 1px solid var(--ck-color-base-border);
}
[dir=ltr] .ck.ck-responsive-form > .ck-button:nth-last-child(1), [dir=ltr] .ck.ck-responsive-form > .ck-button:nth-last-child(2) {
    margin-left: 0;
}
[dir=rtl] .ck.ck-responsive-form > .ck-button:nth-last-child(1), [dir=rtl] .ck.ck-responsive-form > .ck-button:nth-last-child(2) {
    margin-left: 0;
}
[dir=rtl] .ck.ck-responsive-form > .ck-button:nth-last-child(1):last-of-type, [dir=rtl] .ck.ck-responsive-form > .ck-button:nth-last-child(2):last-of-type {
    border-right: 1px solid var(--ck-color-base-border);
}
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-search-field-view-horizontal-spacing: calc(var(--ck-icon-size) + var(--ck-spacing-medium));
}
.ck.ck-search > .ck-labeled-field-view .ck-input {
  width: 100%;
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon {
  --ck-labeled-field-label-default-position-x: var(--ck-search-field-view-horizontal-spacing);
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon > .ck-labeled-field-view__input-wrapper > .ck-icon {
  opacity: 0.5;
  pointer-events: none;
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input {
  width: 100%;
}
[dir=ltr] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input {
  padding-left: var(--ck-search-field-view-horizontal-spacing);
}
[dir=rtl] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input:not(.ck-input-text_empty) {
  padding-left: var(--ck-search-field-view-horizontal-spacing);
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset {
  --ck-labeled-field-empty-unfocused-max-width: 100% - 2 * var(--ck-search-field-view-horizontal-spacing);
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset.ck-labeled-field-view_empty {
  --ck-labeled-field-empty-unfocused-max-width: 100% - var(--ck-search-field-view-horizontal-spacing) - var(--ck-spacing-medium);
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset {
  min-width: auto;
  min-height: auto;
  background: none;
  opacity: 0.5;
  padding: 0;
}
[dir=ltr] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset {
  right: var(--ck-spacing-medium);
}
[dir=rtl] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset {
  left: var(--ck-spacing-medium);
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset:hover {
  opacity: 1;
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input {
  width: 100%;
}
[dir=ltr] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input:not(.ck-input-text_empty) {
  padding-right: var(--ck-search-field-view-horizontal-spacing);
}
[dir=rtl] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input {
  padding-right: var(--ck-search-field-view-horizontal-spacing);
}
.ck.ck-search > .ck-search__results {
  min-width: 100%;
}
.ck.ck-search > .ck-search__results > .ck-search__info {
  width: 100%;
  padding: var(--ck-spacing-medium) var(--ck-spacing-large);
}
.ck.ck-search > .ck-search__results > .ck-search__info * {
  white-space: normal;
}
.ck.ck-search > .ck-search__results > .ck-search__info > span:first-child {
  font-weight: bold;
}
.ck.ck-search > .ck-search__results > .ck-search__info > span:last-child {
  margin-top: var(--ck-spacing-medium);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-toolbar-spinner-size: 18px;
}
.ck.ck-spinner-container {
  width: var(--ck-toolbar-spinner-size);
  height: var(--ck-toolbar-spinner-size);
  animation: 1.5s infinite ck-spinner-rotate linear;
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-spinner-container {
    animation-duration: 3s;
}
}
.ck.ck-spinner {
  width: var(--ck-toolbar-spinner-size);
  height: var(--ck-toolbar-spinner-size);
  border-radius: 50%;
  border: 2px solid var(--ck-color-text);
  border-top-color: transparent;
}
@keyframes ck-spinner-rotate {
to {
    transform: rotate(360deg);
}
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * This fixes a problem in Firefox when the initial height of the complement does not match the number of rows.
 * This bug is especially visible when rows=1.
 */
.ck-textarea {
  overflow-x: hidden;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-color-block-toolbar-button: var(--ck-color-text);
  --ck-block-toolbar-button-size: var(--ck-font-size-normal);
}
.ck.ck-block-toolbar-button {
  color: var(--ck-color-block-toolbar-button);
  font-size: var(--ck-block-toolbar-size);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-toolbar {
  border-radius: 0;
  background: var(--ck-color-toolbar-background);
  padding: 0 var(--ck-spacing-small);
  border: 1px solid var(--ck-color-toolbar-border);
}
.ck-rounded-corners .ck.ck-toolbar,
.ck.ck-toolbar.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}
.ck.ck-toolbar .ck.ck-toolbar__separator {
  height: var(--ck-icon-size);
  width: 1px;
  min-width: 1px;
  background: var(--ck-color-toolbar-border);
  /*
   * These margins make the separators look better in balloon toolbars (when aligned with the "tip").
   * See https://github.com/ckeditor/ckeditor5/issues/7493.
   */
  margin-top: var(--ck-spacing-small);
  margin-bottom: var(--ck-spacing-small);
}
.ck.ck-toolbar .ck-toolbar__line-break {
  height: 0;
}
.ck.ck-toolbar > .ck-toolbar__items > *:not(.ck-toolbar__line-break) {
  /* (#11) Separate toolbar items. */
  margin-right: var(--ck-spacing-small);
}
/* Don't display a separator after an empty items container, for instance,
		when all items were grouped */
.ck.ck-toolbar > .ck-toolbar__items:empty + .ck.ck-toolbar__separator {
  display: none;
}
.ck.ck-toolbar > .ck-toolbar__items > *:not(.ck-toolbar__line-break),
.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown {
  /* Make sure items wrapped to the next line have v-spacing */
  margin-top: var(--ck-spacing-small);
  margin-bottom: var(--ck-spacing-small);
}
.ck.ck-toolbar.ck-toolbar_vertical {
  /* Items in a vertical toolbar span the entire width. */
  padding: 0;
  /* Specificity matters here. See https://github.com/ckeditor/ckeditor5-theme-lark/issues/168. */
}
.ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items > .ck {
  /* Items in a vertical toolbar should span the horizontal space. */
  width: 100%;
  /* Items in a vertical toolbar should have no margin. */
  margin: 0;
  /* Items in a vertical toolbar span the entire width so rounded corners are pointless. */
  border-radius: 0;
}
.ck.ck-toolbar.ck-toolbar_compact {
  /* No spacing around items. */
  padding: 0;
}
.ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > * {
  /* Compact toolbar items have no spacing between them. */
  margin: 0;
  /* "Middle" children should have no rounded corners. */
}
.ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > *:not(:first-child):not(:last-child) {
  border-radius: 0;
}
/*
		 * Dropdown button has asymmetric padding to fit the arrow.
		 * This button has no arrow so let's revert that padding back to normal.
		 */
.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck.ck-button.ck-dropdown__button {
  padding-left: var(--ck-spacing-tiny);
}
/* A drop-down containing the nested toolbar with configured items. */
/* Prevent empty space in the panel when the dropdown label is visible and long but the toolbar has few items. */
.ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown > .ck-dropdown__panel {
  min-width: auto;
}
.ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown > .ck-button > .ck-button__label {
  max-width: 7em;
  width: auto;
}
.ck.ck-toolbar:focus {
  outline: none;
}
.ck-toolbar-container .ck.ck-toolbar {
  border: 0;
}
/* stylelint-disable */
/*
 * Styles for RTL toolbars.
 *
 * Note: In some cases (e.g. a decoupled editor), the toolbar has its own "dir"
 * because its parent is not controlled by the editor framework.
 */
[dir=rtl] .ck.ck-toolbar > .ck-toolbar__items > .ck, .ck.ck-toolbar[dir=rtl] > .ck-toolbar__items > .ck {
  margin-right: 0;
}
[dir=rtl] .ck.ck-toolbar:not(.ck-toolbar_compact) > .ck-toolbar__items > .ck, .ck.ck-toolbar[dir=rtl]:not(.ck-toolbar_compact) > .ck-toolbar__items > .ck {
  /* (#11) Separate toolbar items. */
  margin-left: var(--ck-spacing-small);
}
[dir=rtl] .ck.ck-toolbar > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar[dir=rtl] > .ck-toolbar__items > .ck:last-child {
  margin-left: 0;
}
/* No rounded corners on the right side of the first child. */
[dir=rtl] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:first-child, .ck.ck-toolbar.ck-toolbar_compact[dir=rtl] > .ck-toolbar__items > .ck:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
/* No rounded corners on the left side of the last child. */
[dir=rtl] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar.ck-toolbar_compact[dir=rtl] > .ck-toolbar__items > .ck:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* Separate the the separator form the grouping dropdown when some items are grouped. */
[dir=rtl] .ck.ck-toolbar > .ck.ck-toolbar__separator, .ck.ck-toolbar[dir=rtl] > .ck.ck-toolbar__separator {
  margin-left: var(--ck-spacing-small);
}
/* Some spacing between the items and the separator before the grouped items dropdown. */
[dir=rtl] .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child), .ck.ck-toolbar.ck-toolbar_grouping[dir=rtl] > .ck-toolbar__items:not(:empty):not(:only-child) {
  margin-left: var(--ck-spacing-small);
}
/*
 * Styles for LTR toolbars.
 *
 * Note: In some cases (e.g. a decoupled editor), the toolbar has its own "dir"
 * because its parent is not controlled by the editor framework.
 */
[dir=ltr] .ck.ck-toolbar > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar[dir=ltr] > .ck-toolbar__items > .ck:last-child {
  margin-right: 0;
}
/* No rounded corners on the right side of the first child. */
[dir=ltr] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:first-child, .ck.ck-toolbar.ck-toolbar_compact[dir=ltr] > .ck-toolbar__items > .ck:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* No rounded corners on the left side of the last child. */
[dir=ltr] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar.ck-toolbar_compact[dir=ltr] > .ck-toolbar__items > .ck:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
/* Separate the the separator form the grouping dropdown when some items are grouped. */
[dir=ltr] .ck.ck-toolbar > .ck.ck-toolbar__separator, .ck.ck-toolbar[dir=ltr] > .ck.ck-toolbar__separator {
  margin-right: var(--ck-spacing-small);
}
/* Some spacing between the items and the separator before the grouped items dropdown. */
[dir=ltr] .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child), .ck.ck-toolbar.ck-toolbar_grouping[dir=ltr] > .ck-toolbar__items:not(:empty):not(:only-child) {
  margin-right: var(--ck-spacing-small);
}
/* stylelint-enable */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
.ck.ck-balloon-panel.ck-tooltip {
  --ck-balloon-border-width: 0px;
  --ck-balloon-arrow-offset: 0px;
  --ck-balloon-arrow-half-width: 4px;
  --ck-balloon-arrow-height: 4px;
  --ck-tooltip-text-padding: 4px;
  --ck-color-panel-background: var(--ck-color-tooltip-background);
  padding: 0 var(--ck-spacing-medium);
  /* Reset balloon panel styles */
  box-shadow: none;
}
.ck.ck-balloon-panel.ck-tooltip .ck-tooltip__text {
  font-size: 0.9em;
  line-height: 1.5;
  color: var(--ck-color-tooltip-text);
}
.ck.ck-balloon-panel.ck-tooltip.ck-tooltip_multi-line .ck-tooltip__text {
  white-space: break-spaces;
  display: inline-block;
  padding: var(--ck-tooltip-text-padding) 0;
  max-width: 200px;
}
/* Hide the default shadow of the .ck-balloon-panel tip */
.ck.ck-balloon-panel.ck-tooltip::before {
  display: none;
}
/* Editor */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
  border-radius: 0;
  border: 1px solid var(--ck-color-base-border);
  border-bottom-width: 0;
}
.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content,
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-sticky-panel__content_sticky {
  border-bottom-width: 1px;
}
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-menu-bar {
  border: 0;
  border-bottom: 1px solid var(--ck-color-base-border);
}
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar {
  border: 0;
}
/* Note: Use ck-editor__main to make sure these styles don't apply to other editor types */
.ck.ck-editor__main > .ck-editor__editable {
  /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/113 */
  background: var(--ck-color-base-background);
  border-radius: 0;
}
.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable,
.ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
  border-color: var(--ck-color-base-border);
}
/* Plugins */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-clipboard-drop-target-dot-width: 12px;
  --ck-clipboard-drop-target-dot-height: 8px;
  --ck-clipboard-drop-target-color: var(--ck-color-focus-border);
}
/*
	 * Vertical drop target (in text).
	 */
.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span {
  bottom: calc(-0.5 * var(--ck-clipboard-drop-target-dot-height));
  top: calc(-0.5 * var(--ck-clipboard-drop-target-dot-height));
  border: 1px solid var(--ck-clipboard-drop-target-color);
  background: var(--ck-clipboard-drop-target-color);
  margin-left: -1px;
  /* The triangle above the marker */
}
.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span::after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  left: 50%;
  top: calc(-0.5 * var(--ck-clipboard-drop-target-dot-height));
  transform: translateX(-50%);
  border-color: var(--ck-clipboard-drop-target-color) transparent transparent transparent;
  border-width: calc(var(--ck-clipboard-drop-target-dot-height)) calc(0.5 * var(--ck-clipboard-drop-target-dot-width)) 0 calc(0.5 * var(--ck-clipboard-drop-target-dot-width));
  border-style: solid;
}
/*
	 * Styles of the widget that it a drop target.
	 */
.ck.ck-editor__editable .ck-widget.ck-clipboard-drop-target-range {
  outline: var(--ck-widget-outline-thickness) solid var(--ck-clipboard-drop-target-color) !important;
}
/*
	 * Styles of the widget being dragged (its preview).
	 */
.ck.ck-editor__editable .ck-widget:-webkit-drag {
  zoom: 0.6;
  outline: none !important;
}
.ck.ck-clipboard-drop-target-line {
  height: 0;
  border: 1px solid var(--ck-clipboard-drop-target-color);
  background: var(--ck-clipboard-drop-target-color);
  margin-top: -1px;
}
.ck.ck-clipboard-drop-target-line::before {
  content: "";
  position: absolute;
  top: calc(-0.5 * var(--ck-clipboard-drop-target-dot-width));
  width: 0;
  height: 0;
  border-style: solid;
}
[dir=ltr] .ck.ck-clipboard-drop-target-line::before {
  left: -1px;
  border-width: calc(0.5 * var(--ck-clipboard-drop-target-dot-width)) 0 calc(0.5 * var(--ck-clipboard-drop-target-dot-width)) var(--ck-clipboard-drop-target-dot-height);
  border-color: transparent transparent transparent var(--ck-clipboard-drop-target-color);
}
[dir=rtl] .ck.ck-clipboard-drop-target-line::before {
  right: -1px;
  border-width: calc(0.5 * var(--ck-clipboard-drop-target-dot-width)) var(--ck-clipboard-drop-target-dot-height) calc(0.5 * var(--ck-clipboard-drop-target-dot-width)) 0;
  border-color: transparent var(--ck-clipboard-drop-target-color) transparent transparent;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-color-code-block-label-background: hsl(0, 0%, 46%);
}
.ck.ck-editor__editable pre[data-language]::after {
  top: -1px;
  right: 10px;
  background: var(--ck-color-code-block-label-background);
  font-size: 10px;
  font-family: var(--ck-font-face);
  line-height: 16px;
  padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
  color: hsl(0, 0%, 100%);
  white-space: nowrap;
}
.ck.ck-code-block-dropdown .ck-dropdown__panel {
  /* There could be dozens of languages available. Use scroll to prevent a 10e6px dropdown. */
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/* See ckeditor/ckeditor5#936. */
@media (forced-colors: active) {
.ck.ck-placeholder, .ck .ck-placeholder {
    /*
     * This is needed for Edge on Windows to use the right color for the placeholder content (::before).
     * See https://github.com/ckeditor/ckeditor5/issues/14907.
     */
    forced-color-adjust: preserve-parent-color;
}
}
.ck.ck-placeholder::before, .ck .ck-placeholder::before {
  cursor: text;
}
@media (forced-colors: none) {
.ck.ck-placeholder::before, .ck .ck-placeholder::before {
    color: var(--ck-color-engine-placeholder-text);
}
}
@media (forced-colors: active) {
.ck.ck-placeholder::before, .ck .ck-placeholder::before {
    /*
     * In the high contrast mode there is no telling between regular and placeholder text. Using
     * italic text to address that issue. See https://github.com/ckeditor/ckeditor5/issues/14907.
     */
    font-style: italic;
    /*
     * Without this margin, the caret will not show up and blink when the user puts the selection
     * in the placeholder (Edge on Windows). See https://github.com/ckeditor/ckeditor5/issues/14907.
     */
    margin-left: 1px;
}
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-find-and-replace-form {
  width: 400px;
  /*
   * The <form> needs tabindex="-1" for proper Esc handling after being clicked
   * but the side effect is that this creates a nasty focus outline in some browsers.
   */
}
.ck.ck-find-and-replace-form:focus {
  outline: none;
}
/* Generic styles for the form inputs and actions. */
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs,
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions {
  flex: 1 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  align-content: stretch;
  padding: var(--ck-spacing-large);
  margin: 0;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button {
  flex: 0 0 auto;
}
[dir=ltr] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > * + *, [dir=ltr] .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > * + * {
  margin-left: var(--ck-spacing-standard);
}
[dir=rtl] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > * + *, [dir=rtl] .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > * + * {
  margin-right: var(--ck-spacing-standard);
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-labeled-field-view, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions .ck-labeled-field-view {
  flex: 1 1 auto;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-labeled-field-view .ck-input, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions .ck-labeled-field-view .ck-input {
  width: 100%;
  min-width: 50px;
}
/* Styles specific for inputs area. */
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs {
  /* To display all controls in line when there's an error under the input */
  align-items: flex-start;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button-prev > .ck-icon {
  transform: rotate(90deg);
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button-next > .ck-icon {
  transform: rotate(-90deg);
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {
  top: 50%;
  transform: translateY(-50%);
  color: var(--ck-color-base-border);
}
[dir=ltr] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {
  right: var(--ck-spacing-standard);
}
[dir=rtl] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {
  left: var(--ck-spacing-standard);
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace {
  flex: 0 0 100%;
  padding-top: var(--ck-spacing-standard);
}
[dir=ltr] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace {
  margin-left: 0;
}
[dir=rtl] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace {
  margin-right: 0;
}
/* Styles specific for actions area. */
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: calc(-1 * var(--ck-spacing-large));
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button-find {
  font-weight: bold;
  /* Beef the find button up a little. It's the main action button in the form */
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button-find .ck-button__label {
  padding-left: var(--ck-spacing-large);
  padding-right: var(--ck-spacing-large);
}
.ck.ck-find-and-replace-form .ck-switchbutton {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 600px) {
.ck.ck-find-and-replace-form {
    width: 300px;
    /* Don't let the form overflow from the dialog (https://github.com/cksource/ckeditor5-commercial/issues/5913) */
    max-width: 100%;
    /* Styles specific for inputs area. */
}
.ck.ck-find-and-replace-form.ck-find-and-replace-form__input {
    flex-wrap: wrap;
}
.ck.ck-find-and-replace-form.ck-find-and-replace-form__input .ck-labeled-field-view {
    flex: 1 0 auto;
    width: 100%;
    margin-bottom: var(--ck-spacing-standard);
}
.ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button {
    text-align: center;
}
.ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type {
    flex: 1 1 auto;
}
[dir=ltr] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type {
    margin-left: 0;
}
[dir=rtl] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type {
    margin-right: 0;
}
.ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type .ck-button__label {
    width: 100%;
    text-align: center;
}
  /* Styles specific for actions area. */
.ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) {
    flex-wrap: wrap;
    flex: 1 1 auto;
}
.ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button {
    text-align: center;
}
.ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type {
    flex: 1 1 auto;
}
[dir=ltr] .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type {
    margin-left: 0;
}
[dir=rtl] .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type {
    margin-right: 0;
}
.ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button .ck-button__label {
    width: 100%;
    text-align: center;
}
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/* Resize dropdown's button label. */
.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label {
  width: 8em;
}
.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__panel .ck-list__item {
  min-width: 18em;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Note: This file should contain the wireframe styles only. But since there are no such styles,
 * it acts as a message to the builder telling that it should look for the corresponding styles
 * **in the theme** when compiling the editor.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-html-embed-content-width: calc(100% - 1.5 * var(--ck-icon-size));
  --ck-html-embed-source-height: 10em;
  --ck-html-embed-unfocused-outline-width: 1px;
  --ck-html-embed-content-min-height: calc(var(--ck-icon-size) + var(--ck-spacing-standard));
  --ck-html-embed-source-disabled-background: var(--ck-color-base-foreground);
  --ck-html-embed-source-disabled-color: hsl(0deg 0% 45%);
}
/* The feature container. */
.ck-widget.raw-html-embed {
  font-size: var(--ck-font-size-base);
  background-color: var(--ck-color-base-foreground);
}
.ck-widget.raw-html-embed:not(.ck-widget_selected):not(:hover) {
  outline: var(--ck-html-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border);
}
/* HTML embed widget itself should respect UI language direction */
.ck-widget.raw-html-embed[dir=ltr] {
  text-align: left;
}
.ck-widget.raw-html-embed[dir=rtl] {
  text-align: right;
}
/* ----- Embed label in the upper left corner ----------------------------------------------- */
.ck-widget.raw-html-embed::before {
  content: attr(data-html-embed-label);
  top: calc(-1 * var(--ck-html-embed-unfocused-outline-width));
  left: var(--ck-spacing-standard);
  background: hsl(0deg 0% 60%);
  transition: background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
  padding: calc(var(--ck-spacing-tiny) + var(--ck-html-embed-unfocused-outline-width)) var(--ck-spacing-small) var(--ck-spacing-tiny);
  border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);
  color: var(--ck-color-base-background);
  font-size: var(--ck-font-size-tiny);
  font-family: var(--ck-font-face);
}
.ck-widget.raw-html-embed[dir=rtl]::before {
  left: auto;
  right: var(--ck-spacing-standard);
}
/* Make space for label but it only collides in LTR languages */
.ck-widget.raw-html-embed[dir=ltr] .ck-widget__type-around .ck-widget__type-around__button.ck-widget__type-around__button_before {
  margin-left: 50px;
}
.ck.ck-editor__editable.ck-blurred .ck-widget.raw-html-embed.ck-widget_selected::before {
  top: 0px;
  padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
}
.ck.ck-editor__editable:not(.ck-blurred) .ck-widget.raw-html-embed.ck-widget_selected::before {
  top: 0;
  padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
  background: var(--ck-color-focus-border);
}
.ck.ck-editor__editable .ck-widget.raw-html-embed:not(.ck-widget_selected):hover::before {
  top: 0px;
  padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
}
/* ----- Emebed internals --------------------------------------------------------------------- */
.ck-widget.raw-html-embed .raw-html-embed__content-wrapper {
  padding: var(--ck-spacing-standard);
}
/* The switch mode button wrapper. */
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper {
  top: var(--ck-spacing-standard);
  right: var(--ck-spacing-standard);
}
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__save-button {
  color: var(--ck-color-button-save);
}
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__cancel-button {
  color: var(--ck-color-button-cancel);
}
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button:not(:first-child) {
  margin-top: var(--ck-spacing-small);
}
.ck-widget.raw-html-embed[dir=rtl] .raw-html-embed__buttons-wrapper {
  left: var(--ck-spacing-standard);
  right: auto;
}
/* The edit source element. */
.ck-widget.raw-html-embed .raw-html-embed__source {
  box-sizing: border-box;
  height: var(--ck-html-embed-source-height);
  width: var(--ck-html-embed-content-width);
  resize: none;
  min-width: 0;
  padding: var(--ck-spacing-standard);
  font-family: monospace;
  tab-size: 4;
  white-space: pre-wrap;
  font-size: var(--ck-font-size-base); /* Safari needs this. */
  /* HTML code is direction–agnostic. */
  text-align: left;
  direction: ltr;
}
.ck-widget.raw-html-embed .raw-html-embed__source[disabled] {
  background: var(--ck-html-embed-source-disabled-background);
  color: var(--ck-html-embed-source-disabled-color);
  /* Safari needs this for the proper text color in disabled input (https://github.com/ckeditor/ckeditor5/issues/8320). */
  -webkit-text-fill-color: var(--ck-html-embed-source-disabled-color);
  opacity: 1;
}
/* The preview data container. */
.ck-widget.raw-html-embed .raw-html-embed__preview {
  min-height: var(--ck-html-embed-content-min-height);
  width: var(--ck-html-embed-content-width);
  /* Disable all mouse interaction as long as the editor is not read–only. */
}
.ck-editor__editable:not(.ck-read-only) .ck-widget.raw-html-embed .raw-html-embed__preview {
  pointer-events: none;
}
.ck-widget.raw-html-embed .raw-html-embed__preview-content {
  box-sizing: border-box;
  background-color: var(--ck-color-base-foreground);
}
.ck-widget.raw-html-embed .raw-html-embed__preview-content > * {
  margin-left: auto;
  margin-right: auto;
}
.ck-widget.raw-html-embed .raw-html-embed__preview-placeholder {
  color: var(--ck-html-embed-source-disabled-color);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-image-insert-insert-by-url-width: 250px;
}
.ck.ck-image-insert-url {
  --ck-input-width: 100%;
}
.ck.ck-image-insert-url .ck-image-insert-url__action-row {
  grid-column-gap: var(--ck-spacing-large);
  margin-top: var(--ck-spacing-large);
}
.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-save,
.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-cancel {
  justify-content: center;
  min-width: auto;
}
.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button .ck-button__label {
  color: var(--ck-color-text);
}
.ck.ck-image-insert-form > .ck.ck-button {
  display: block;
  width: 100%;
}
[dir=ltr] .ck.ck-image-insert-form > .ck.ck-button {
  text-align: left;
}
[dir=rtl] .ck.ck-image-insert-form > .ck.ck-button {
  text-align: right;
}
.ck.ck-image-insert-form > .ck.ck-collapsible {
  min-width: var(--ck-image-insert-insert-by-url-width);
}
.ck.ck-image-insert-form > .ck.ck-collapsible:not(:first-child) {
  border-top: 1px solid var(--ck-color-base-border);
}
.ck.ck-image-insert-form > .ck.ck-collapsible:not(:last-child) {
  border-bottom: 1px solid var(--ck-color-base-border);
}
/* This is the case when there are no other integrations configured than insert by URL */
.ck.ck-image-insert-form > .ck.ck-image-insert-url {
  min-width: var(--ck-image-insert-insert-by-url-width);
  padding: var(--ck-spacing-large);
}
.ck.ck-image-insert-form:focus {
  outline: none;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-color-image-upload-icon: hsl(0, 0%, 100%);
  --ck-color-image-upload-icon-background: hsl(120, 100%, 27%);
  /* Match the icon size with the linked image indicator brought by the link image feature. */
  --ck-image-upload-icon-size: 20;
  --ck-image-upload-icon-width: 2px;
  --ck-image-upload-icon-is-visible: clamp(0px, 100% - 50px, 1px);
}
.ck-image-upload-complete-icon {
  opacity: 0;
  background: var(--ck-color-image-upload-icon-background);
  animation-name: ck-upload-complete-icon-show, ck-upload-complete-icon-hide;
  animation-fill-mode: forwards, forwards;
  animation-duration: 500ms, 500ms;
  /* To make animation scalable. */
  font-size: calc(1px * var(--ck-image-upload-icon-size));
  /* Hide completed upload icon after 3 seconds. */
  animation-delay: 0ms, 3000ms;
  /*
   * Use CSS math to simulate container queries.
   * https://css-tricks.com/the-raven-technique-one-step-closer-to-container-queries/#what-about-showing-and-hiding-things
   */
  overflow: hidden;
  width: calc(var(--ck-image-upload-icon-is-visible) * var(--ck-image-upload-icon-size));
  height: calc(var(--ck-image-upload-icon-is-visible) * var(--ck-image-upload-icon-size));
  /* This is check icon element made from border-width mixed with animations. */
}
.ck-image-upload-complete-icon::after {
  /* Because of border transformation we need to "hard code" left position. */
  left: 25%;
  top: 50%;
  opacity: 0;
  height: 0;
  width: 0;
  transform: scaleX(-1) rotate(135deg);
  transform-origin: left top;
  border-top: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);
  border-right: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);
  animation-name: ck-upload-complete-icon-check;
  animation-duration: 500ms;
  animation-delay: 500ms;
  animation-fill-mode: forwards;
  /* #1095. While reset is not providing proper box-sizing for pseudoelements, we need to handle it. */
  box-sizing: border-box;
}
@media (prefers-reduced-motion: reduce) {
.ck-image-upload-complete-icon {
    animation-duration: 0ms;
}
.ck-image-upload-complete-icon::after {
    animation: none;
    opacity: 1;
    width: 0.3em;
    height: 0.45em;
}
}
@keyframes ck-upload-complete-icon-show {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes ck-upload-complete-icon-hide {
from {
    opacity: 1;
}
to {
    opacity: 0;
}
}
@keyframes ck-upload-complete-icon-check {
0% {
    opacity: 1;
    width: 0;
    height: 0;
}
33% {
    width: 0.3em;
    height: 0;
}
100% {
    opacity: 1;
    width: 0.3em;
    height: 0.45em;
}
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-color-upload-placeholder-loader: hsl(0, 0%, 70%);
  --ck-upload-placeholder-loader-size: 32px;
  --ck-upload-placeholder-image-aspect-ratio: 2.8;
}
.ck .ck-image-upload-placeholder {
  /* We need to control the full width of the SVG gray background. */
  width: 100%;
  margin: 0;
}
.ck .ck-image-upload-placeholder.image-inline {
  width: calc(2 * var(--ck-upload-placeholder-loader-size) * var(--ck-upload-placeholder-image-aspect-ratio));
}
.ck .ck-image-upload-placeholder img {
  /*
   * This is an arbitrary aspect for a 1x1 px GIF to display to the user. Not too tall, not too short.
   * There's nothing special about this number except that it should make the image placeholder look like
   * a real image during this short period after the upload started and before the image was read from the
   * file system (and a rich preview was loaded).
   */
  aspect-ratio: var(--ck-upload-placeholder-image-aspect-ratio);
}
.ck .ck-upload-placeholder-loader {
  width: 100%;
  height: 100%;
}
.ck .ck-upload-placeholder-loader::before {
  width: var(--ck-upload-placeholder-loader-size);
  height: var(--ck-upload-placeholder-loader-size);
  border-radius: 50%;
  border-top: 3px solid var(--ck-color-upload-placeholder-loader);
  border-right: 2px solid transparent;
  animation: ck-upload-placeholder-loader 1s linear infinite;
}
@keyframes ck-upload-placeholder-loader {
to {
    transform: rotate(360deg);
}
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/* Showing animation. */
.ck.ck-editor__editable .image.ck-appear, .ck.ck-editor__editable .image-inline.ck-appear {
  animation: fadeIn 700ms;
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-editor__editable .image.ck-appear, .ck.ck-editor__editable .image-inline.ck-appear {
    opacity: 1;
    animation: none;
}
}
/* Upload progress bar. */
.ck.ck-editor__editable .image .ck-progress-bar,
.ck.ck-editor__editable .image-inline .ck-progress-bar {
  height: 2px;
  width: 0;
  background: var(--ck-color-upload-bar-background);
  transition: width 100ms;
}
@keyframes fadeIn {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/* Class added to span element surrounding currently selected link. */
.ck .ck-link_selected {
  background: var(--ck-color-link-selected-background);
  /* Give linked inline images some outline to let the user know they are also part of the link. */
}
.ck .ck-link_selected span.image-inline {
  outline: var(--ck-widget-outline-thickness) solid var(--ck-color-link-selected-background);
}
/*
 * Classes used by the "fake visual selection" displayed in the content when an input
 * in the link UI has focus (the browser does not render the native selection in this state).
 */
.ck .ck-fake-link-selection {
  background: var(--ck-color-link-fake-selection);
}
/* A collapsed fake visual selection. */
.ck .ck-fake-link-selection_collapsed {
  height: 100%;
  border-right: 1px solid var(--ck-color-base-text);
  margin-right: -1px;
  outline: solid 1px hsla(0, 0%, 100%, 0.5);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Makes element unselectable.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A visual style of focused element's border.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-link-actions .ck-button.ck-link-actions__preview {
  padding-left: 0;
  padding-right: 0;
}
.ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label {
  padding: 0 var(--ck-spacing-medium);
  color: var(--ck-color-link-default);
  text-overflow: ellipsis;
  cursor: pointer;
  /* Match the box model of the link editor form's input so the balloon
  does not change width when moving between actions and the form. */
  max-width: var(--ck-input-width);
  min-width: 3em;
  text-align: center;
}
.ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label:hover {
  text-decoration: underline;
}
.ck.ck-link-actions .ck-button.ck-link-actions__preview,
.ck.ck-link-actions .ck-button.ck-link-actions__preview:hover,
.ck.ck-link-actions .ck-button.ck-link-actions__preview:focus,
.ck.ck-link-actions .ck-button.ck-link-actions__preview:active {
  background: none;
}
.ck.ck-link-actions .ck-button.ck-link-actions__preview:active {
  box-shadow: none;
}
.ck.ck-link-actions .ck-button.ck-link-actions__preview:focus .ck-button__label {
  text-decoration: underline;
}
[dir=ltr] .ck.ck-link-actions .ck-button:not(:first-child) {
  margin-left: var(--ck-spacing-standard);
}
[dir=rtl] .ck.ck-link-actions .ck-button:not(:last-child) {
  margin-left: var(--ck-spacing-standard);
}
@media screen and (max-width: 600px) {
.ck.ck-link-actions .ck-button.ck-link-actions__preview {
    margin: var(--ck-spacing-standard) var(--ck-spacing-standard) 0;
}
.ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label {
    min-width: 0;
    max-width: 100%;
}
[dir=ltr] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) {
    margin-left: 0;
}
[dir=rtl] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) {
    margin-left: 0;
}
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Style link form differently when manual decorators are available.
 * See: https://github.com/ckeditor/ckeditor5-link/issues/186.
 */
.ck.ck-link-form_layout-vertical {
  padding: 0;
  min-width: var(--ck-input-width);
}
.ck.ck-link-form_layout-vertical .ck-labeled-field-view {
  margin: var(--ck-spacing-large) var(--ck-spacing-large) var(--ck-spacing-small);
}
.ck.ck-link-form_layout-vertical .ck-labeled-field-view .ck-input-text {
  min-width: 0;
  width: 100%;
}
.ck.ck-link-form_layout-vertical > .ck-button {
  padding: var(--ck-spacing-standard);
  margin: 0;
  width: 50%;
  border-radius: 0;
}
.ck.ck-link-form_layout-vertical > .ck-button:not(:focus) {
  border-top: 1px solid var(--ck-color-base-border);
}
[dir=ltr] .ck.ck-link-form_layout-vertical > .ck-button {
  margin-left: 0;
}
[dir=rtl] .ck.ck-link-form_layout-vertical > .ck-button {
  margin-left: 0;
}
[dir=rtl] .ck.ck-link-form_layout-vertical > .ck-button:last-of-type {
  border-right: 1px solid var(--ck-color-base-border);
}
/* Using additional `.ck` class for stronger CSS specificity than `.ck.ck-link-form > :not(:first-child)`. */
.ck.ck-link-form_layout-vertical .ck.ck-list {
  margin: 0 var(--ck-spacing-large);
}
.ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton {
  padding: 0;
  width: 100%;
}
.ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton:hover {
  background: none;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  /* Match the icon size with the upload indicator brought by the image upload feature. */
  --ck-link-image-indicator-icon-size: 20;
  --ck-link-image-indicator-icon-is-visible: clamp(0px, 100% - 50px, 1px);
}
/* Linked image indicator */
.ck.ck-editor__editable figure.image > a::after, .ck.ck-editor__editable a span.image-inline::after {
  content: "";
  /*
   * Smaller images should have the icon closer to the border.
   * Match the icon position with the upload indicator brought by the image upload feature.
   */
  top: min(var(--ck-spacing-medium), 6%);
  right: min(var(--ck-spacing-medium), 6%);
  background-color: hsla(0, 0%, 0%, 0.4);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTExLjA3NyAxNSAuOTkxLTEuNDE2YS43NS43NSAwIDEgMSAxLjIyOS44NmwtMS4xNDggMS42NGEuNzQ4Ljc0OCAwIDAgMS0uMjE3LjIwNiA1LjI1MSA1LjI1MSAwIDAgMS04LjUwMy01Ljk1NS43NDEuNzQxIDAgMCAxIC4xMi0uMjc0bDEuMTQ3LTEuNjM5YS43NS43NSAwIDEgMSAxLjIyOC44Nkw0LjkzMyAxMC43bC4wMDYuMDAzYTMuNzUgMy43NSAwIDAgMCA2LjEzMiA0LjI5NGwuMDA2LjAwNHptNS40OTQtNS4zMzVhLjc0OC43NDggMCAwIDEtLjEyLjI3NGwtMS4xNDcgMS42MzlhLjc1Ljc1IDAgMSAxLTEuMjI4LS44NmwuODYtMS4yM2EzLjc1IDMuNzUgMCAwIDAtNi4xNDQtNC4zMDFsLS44NiAxLjIyOWEuNzUuNzUgMCAwIDEtMS4yMjktLjg2bDEuMTQ4LTEuNjRhLjc0OC43NDggMCAwIDEgLjIxNy0uMjA2IDUuMjUxIDUuMjUxIDAgMCAxIDguNTAzIDUuOTU1em0tNC41NjMtMi41MzJhLjc1Ljc1IDAgMCAxIC4xODQgMS4wNDVsLTMuMTU1IDQuNTA1YS43NS43NSAwIDEgMS0xLjIyOS0uODZsMy4xNTUtNC41MDZhLjc1Ljc1IDAgMCAxIDEuMDQ1LS4xODR6Ii8+PC9zdmc+");
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 100%;
  /*
  * Use CSS math to simulate container queries.
  * https://css-tricks.com/the-raven-technique-one-step-closer-to-container-queries/#what-about-showing-and-hiding-things
  */
  overflow: hidden;
  width: calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size));
  height: calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size));
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/* When there are no list styles and there is no collapsible. */
.ck.ck-list-properties.ck-list-properties_without-styles {
  padding: var(--ck-spacing-large);
}
.ck.ck-list-properties.ck-list-properties_without-styles > * {
  min-width: 14em;
}
.ck.ck-list-properties.ck-list-properties_without-styles > * + * {
  margin-top: var(--ck-spacing-standard);
}
/*
	 * When the numbered list property fields (start at, reversed) should be displayed,
	 * more horizontal space is needed. Reconfigure the style grid to create that space.
	 */
.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-list-styles-list {
  grid-template-columns: repeat(4, auto);
}
/* When list styles are rendered and property fields are in a collapsible. */
.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible {
  border-top: 1px solid var(--ck-color-base-border);
}
.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible > .ck-collapsible__children > * {
  width: 100%;
}
.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible > .ck-collapsible__children > * + * {
  margin-top: var(--ck-spacing-standard);
}
.ck.ck-list-properties .ck.ck-numbered-list-properties__start-index .ck-input {
  min-width: auto;
  width: 100%;
}
.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order {
  background: transparent;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: calc(-1 * var(--ck-spacing-tiny));
}
.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:active, .ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:hover {
  box-shadow: none;
  border-color: transparent;
  background: none;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-list-style-button-size: 44px;
}
.ck.ck-list-styles-list {
  grid-template-columns: repeat(3, auto);
  row-gap: var(--ck-spacing-medium);
  column-gap: var(--ck-spacing-medium);
  padding: var(--ck-spacing-large);
}
.ck.ck-list-styles-list .ck-button {
  /* Make the button look like a thumbnail (the icon "takes it all"). */
  width: var(--ck-list-style-button-size);
  height: var(--ck-list-style-button-size);
  padding: 0;
  /*
   * Buttons are aligned by the grid so disable default button margins to not collide with the
   * gaps in the grid.
   */
  margin: 0;
  /*
   * Make sure the button border (which is displayed on focus, BTW) does not steal pixels
   * from the button dimensions and, as a result, decrease the size of the icon
   * (which becomes blurry as it scales down).
   */
  box-sizing: content-box;
}
.ck.ck-list-styles-list .ck-button .ck-icon {
  width: var(--ck-list-style-button-size);
  height: var(--ck-list-style-button-size);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-media-embed-placeholder-icon-size: 3em;
  --ck-color-media-embed-placeholder-url-text: hsl(0, 0%, 46%);
  --ck-color-media-embed-placeholder-url-text-hover: var(--ck-color-base-text);
}
.ck-media__wrapper {
  margin: 0 auto;
}
.ck-media__wrapper .ck-media__placeholder {
  padding: calc(3 * var(--ck-spacing-standard));
  background: var(--ck-color-base-foreground);
}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon {
  min-width: var(--ck-media-embed-placeholder-icon-size);
  height: var(--ck-media-embed-placeholder-icon-size);
  margin-bottom: var(--ck-spacing-large);
  background-position: center;
  background-size: cover;
}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon .ck-icon {
  width: 100%;
  height: 100%;
}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text {
  color: var(--ck-color-media-embed-placeholder-url-text);
  white-space: nowrap;
  text-align: center;
  font-style: italic;
  text-overflow: ellipsis;
}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text:hover {
  color: var(--ck-color-media-embed-placeholder-url-text-hover);
  cursor: pointer;
  text-decoration: underline;
}
.ck-media__wrapper[data-oembed-url*="open.spotify.com"] {
  max-width: 300px;
  max-height: 380px;
}
.ck-media__wrapper[data-oembed-url*="google.com/maps"] .ck-media__placeholder__icon,
.ck-media__wrapper[data-oembed-url*="goo.gl/maps"] .ck-media__placeholder__icon,
.ck-media__wrapper[data-oembed-url*="maps.google.com"] .ck-media__placeholder__icon,
.ck-media__wrapper[data-oembed-url*="maps.app.goo.gl"] .ck-media__placeholder__icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAuMzc4IiBoZWlnaHQ9IjI1NC4xNjciIHZpZXdCb3g9IjAgMCA2Ni4yNDYgNjcuMjQ4Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTcyLjUzMSAtMjE4LjQ1NSkgc2NhbGUoLjk4MDEyKSI+PHJlY3Qgcnk9IjUuMjM4IiByeD0iNS4yMzgiIHk9IjIzMS4zOTkiIHg9IjE3Ni4wMzEiIGhlaWdodD0iNjAuMDk5IiB3aWR0aD0iNjAuMDk5IiBmaWxsPSIjMzRhNjY4IiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxwYXRoIGQ9Ik0yMDYuNDc3IDI2MC45bC0yOC45ODcgMjguOTg3YTUuMjE4IDUuMjE4IDAgMCAwIDMuNzggMS42MWg0OS42MjFjMS42OTQgMCAzLjE5LS43OTggNC4xNDYtMi4wMzd6IiBmaWxsPSIjNWM4OGM1Ii8+PHBhdGggZD0iTTIyNi43NDIgMjIyLjk4OGMtOS4yNjYgMC0xNi43NzcgNy4xNy0xNi43NzcgMTYuMDE0LjAwNyAyLjc2Mi42NjMgNS40NzQgMi4wOTMgNy44NzUuNDMuNzAzLjgzIDEuNDA4IDEuMTkgMi4xMDcuMzMzLjUwMi42NSAxLjAwNS45NSAxLjUwOC4zNDMuNDc3LjY3My45NTcuOTg4IDEuNDQgMS4zMSAxLjc2OSAyLjUgMy41MDIgMy42MzcgNS4xNjguNzkzIDEuMjc1IDEuNjgzIDIuNjQgMi40NjYgMy45OSAyLjM2MyA0LjA5NCA0LjAwNyA4LjA5MiA0LjYgMTMuOTE0di4wMTJjLjE4Mi40MTIuNTE2LjY2Ni44NzkuNjY3LjQwMy0uMDAxLjc2OC0uMzE0LjkzLS43OTkuNjAzLTUuNzU2IDIuMjM4LTkuNzI5IDQuNTg1LTEzLjc5NC43ODItMS4zNSAxLjY3My0yLjcxNSAyLjQ2NS0zLjk5IDEuMTM3LTEuNjY2IDIuMzI4LTMuNCAzLjYzOC01LjE2OS4zMTUtLjQ4Mi42NDUtLjk2Mi45ODgtMS40MzkuMy0uNTAzLjYxNy0xLjAwNi45NS0xLjUwOC4zNTktLjcuNzYtMS40MDQgMS4xOS0yLjEwNyAxLjQyNi0yLjQwMiAyLTUuMTE0IDIuMDA0LTcuODc1IDAtOC44NDQtNy41MTEtMTYuMDE0LTE2Ljc3Ni0xNi4wMTR6IiBmaWxsPSIjZGQ0YjNlIiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxlbGxpcHNlIHJ5PSI1LjU2NCIgcng9IjUuODI4IiBjeT0iMjM5LjAwMiIgY3g9IjIyNi43NDIiIGZpbGw9IiM4MDJkMjciIHBhaW50LW9yZGVyPSJtYXJrZXJzIHN0cm9rZSBmaWxsIi8+PHBhdGggZD0iTTE5MC4zMDEgMjM3LjI4M2MtNC42NyAwLTguNDU3IDMuODUzLTguNDU3IDguNjA2czMuNzg2IDguNjA3IDguNDU3IDguNjA3YzMuMDQzIDAgNC44MDYtLjk1OCA2LjMzNy0yLjUxNiAxLjUzLTEuNTU3IDIuMDg3LTMuOTEzIDIuMDg3LTYuMjkgMC0uMzYyLS4wMjMtLjcyMi0uMDY0LTEuMDc5aC04LjI1N3YzLjA0M2g0Ljg1Yy0uMTk3Ljc1OS0uNTMxIDEuNDUtMS4wNTggMS45ODYtLjk0Mi45NTgtMi4wMjggMS41NDgtMy45MDEgMS41NDgtMi44NzYgMC01LjIwOC0yLjM3Mi01LjIwOC01LjI5OSAwLTIuOTI2IDIuMzMyLTUuMjk5IDUuMjA4LTUuMjk5IDEuMzk5IDAgMi42MTguNDA3IDMuNTg0IDEuMjkzbDIuMzgxLTIuMzhjMC0uMDAyLS4wMDMtLjAwNC0uMDA0LS4wMDUtMS41ODgtMS41MjQtMy42Mi0yLjIxNS01Ljk1NS0yLjIxNXptNC40MyA1LjY2bC4wMDMuMDA2di0uMDAzeiIgZmlsbD0iI2ZmZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJNMjE1LjE4NCAyNTEuOTI5bC03Ljk4IDcuOTc5IDI4LjQ3NyAyOC40NzVjLjI4Ny0uNjQ5LjQ0OS0xLjM2Ni40NDktMi4xMjN2LTMxLjE2NWMtLjQ2OS42NzUtLjkzNCAxLjM0OS0xLjM4MiAyLjAwNS0uNzkyIDEuMjc1LTEuNjgyIDIuNjQtMi40NjUgMy45OS0yLjM0NyA0LjA2NS0zLjk4MiA4LjAzOC00LjU4NSAxMy43OTQtLjE2Mi40ODUtLjUyNy43OTgtLjkzLjc5OS0uMzYzLS4wMDEtLjY5Ny0uMjU1LS44NzktLjY2N3YtLjAxMmMtLjU5My01LjgyMi0yLjIzNy05LjgyLTQuNi0xMy45MTQtLjc4My0xLjM1LTEuNjczLTIuNzE1LTIuNDY2LTMuOTktMS4xMzctMS42NjYtMi4zMjctMy40LTMuNjM3LTUuMTY5bC0uMDAyLS4wMDN6IiBmaWxsPSIjYzNjM2MzIi8+PHBhdGggZD0iTTIxMi45ODMgMjQ4LjQ5NWwtMzYuOTUyIDM2Ljk1M3YuODEyYTUuMjI3IDUuMjI3IDAgMCAwIDUuMjM4IDUuMjM4aDEuMDE1bDM1LjY2Ni0zNS42NjZhMTM2LjI3NSAxMzYuMjc1IDAgMCAwLTIuNzY0LTMuOSAzNy41NzUgMzcuNTc1IDAgMCAwLS45ODktMS40NGMtLjI5OS0uNTAzLS42MTYtMS4wMDYtLjk1LTEuNTA4LS4wODMtLjE2Mi0uMTc2LS4zMjYtLjI2NC0uNDg5eiIgZmlsbD0iI2ZkZGM0ZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJNMjExLjk5OCAyNjEuMDgzbC02LjE1MiA2LjE1MSAyNC4yNjQgMjQuMjY0aC43ODFhNS4yMjcgNS4yMjcgMCAwIDAgNS4yMzktNS4yMzh2LTEuMDQ1eiIgZmlsbD0iI2ZmZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48L2c+PC9zdmc+);
}
.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder {
  background: hsl(220, 46%, 48%);
}
.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__icon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMDI0cHgiIGhlaWdodD0iMTAyNHB4IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPkZpbGwgMTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImZMb2dvX1doaXRlIiBmaWxsPSIjRkZGRkZFIj4gICAgICAgICAgICA8cGF0aCBkPSJNOTY3LjQ4NCwwIEw1Ni41MTcsMCBDMjUuMzA0LDAgMCwyNS4zMDQgMCw1Ni41MTcgTDAsOTY3LjQ4MyBDMCw5OTguNjk0IDI1LjI5NywxMDI0IDU2LjUyMiwxMDI0IEw1NDcsMTAyNCBMNTQ3LDYyOCBMNDE0LDYyOCBMNDE0LDQ3MyBMNTQ3LDQ3MyBMNTQ3LDM1OS4wMjkgQzU0NywyMjYuNzY3IDYyNy43NzMsMTU0Ljc0NyA3NDUuNzU2LDE1NC43NDcgQzgwMi4yNjksMTU0Ljc0NyA4NTAuODQyLDE1OC45NTUgODY1LDE2MC44MzYgTDg2NSwyOTkgTDc4My4zODQsMjk5LjAzNyBDNzE5LjM5MSwyOTkuMDM3IDcwNywzMjkuNTI5IDcwNywzNzQuMjczIEw3MDcsNDczIEw4NjAuNDg3LDQ3MyBMODQwLjUwMSw2MjggTDcwNyw2MjggTDcwNywxMDI0IEw5NjcuNDg0LDEwMjQgQzk5OC42OTcsMTAyNCAxMDI0LDk5OC42OTcgMTAyNCw5NjcuNDg0IEwxMDI0LDU2LjUxNSBDMTAyNCwyNS4zMDMgOTk4LjY5NywwIDk2Ny40ODQsMCIgaWQ9IkZpbGwtMSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
}
.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text {
  color: hsl(220, 100%, 90%);
}
.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover {
  color: hsl(0, 0%, 100%);
}
.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder {
  background: linear-gradient(-135deg, hsl(246, 100%, 39%), hsl(302, 100%, 36%), hsl(0, 100%, 48%));
}
.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__icon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1MDRweCIgaGVpZ2h0PSI1MDRweCIgdmlld0JveD0iMCAwIDUwNCA1MDQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+Z2x5cGgtbG9nb19NYXkyMDE2PC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSIwIDAuMTU5IDUwMy44NDEgMC4xNTkgNTAzLjg0MSA1MDMuOTQgMCA1MDMuOTQiPjwvcG9seWdvbj4gICAgPC9kZWZzPiAgICA8ZyBpZD0iZ2x5cGgtbG9nb19NYXkyMDE2IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJHcm91cC0zIj4gICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+ICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+ICAgICAgICAgICAgPC9tYXNrPiAgICAgICAgICAgIDxnIGlkPSJDbGlwLTIiPjwvZz4gICAgICAgICAgICA8cGF0aCBkPSJNMjUxLjkyMSwwLjE1OSBDMTgzLjUwMywwLjE1OSAxNzQuOTI0LDAuNDQ5IDE0OC4wNTQsMS42NzUgQzEyMS4yNCwyLjg5OCAxMDIuOTI3LDcuMTU3IDg2LjkwMywxMy4zODUgQzcwLjMzNywxOS44MjIgNTYuMjg4LDI4LjQzNiA0Mi4yODIsNDIuNDQxIEMyOC4yNzcsNTYuNDQ3IDE5LjY2Myw3MC40OTYgMTMuMjI2LDg3LjA2MiBDNi45OTgsMTAzLjA4NiAyLjczOSwxMjEuMzk5IDEuNTE2LDE0OC4yMTMgQzAuMjksMTc1LjA4MyAwLDE4My42NjIgMCwyNTIuMDggQzAsMzIwLjQ5NyAwLjI5LDMyOS4wNzYgMS41MTYsMzU1Ljk0NiBDMi43MzksMzgyLjc2IDYuOTk4LDQwMS4wNzMgMTMuMjI2LDQxNy4wOTcgQzE5LjY2Myw0MzMuNjYzIDI4LjI3Nyw0NDcuNzEyIDQyLjI4Miw0NjEuNzE4IEM1Ni4yODgsNDc1LjcyMyA3MC4zMzcsNDg0LjMzNyA4Ni45MDMsNDkwLjc3NSBDMTAyLjkyNyw0OTcuMDAyIDEyMS4yNCw1MDEuMjYxIDE0OC4wNTQsNTAyLjQ4NCBDMTc0LjkyNCw1MDMuNzEgMTgzLjUwMyw1MDQgMjUxLjkyMSw1MDQgQzMyMC4zMzgsNTA0IDMyOC45MTcsNTAzLjcxIDM1NS43ODcsNTAyLjQ4NCBDMzgyLjYwMSw1MDEuMjYxIDQwMC45MTQsNDk3LjAwMiA0MTYuOTM4LDQ5MC43NzUgQzQzMy41MDQsNDg0LjMzNyA0NDcuNTUzLDQ3NS43MjMgNDYxLjU1OSw0NjEuNzE4IEM0NzUuNTY0LDQ0Ny43MTIgNDg0LjE3OCw0MzMuNjYzIDQ5MC42MTYsNDE3LjA5NyBDNDk2Ljg0Myw0MDEuMDczIDUwMS4xMDIsMzgyLjc2IDUwMi4zMjUsMzU1Ljk0NiBDNTAzLjU1MSwzMjkuMDc2IDUwMy44NDEsMzIwLjQ5NyA1MDMuODQxLDI1Mi4wOCBDNTAzLjg0MSwxODMuNjYyIDUwMy41NTEsMTc1LjA4MyA1MDIuMzI1LDE0OC4yMTMgQzUwMS4xMDIsMTIxLjM5OSA0OTYuODQzLDEwMy4wODYgNDkwLjYxNiw4Ny4wNjIgQzQ4NC4xNzgsNzAuNDk2IDQ3NS41NjQsNTYuNDQ3IDQ2MS41NTksNDIuNDQxIEM0NDcuNTUzLDI4LjQzNiA0MzMuNTA0LDE5LjgyMiA0MTYuOTM4LDEzLjM4NSBDNDAwLjkxNCw3LjE1NyAzODIuNjAxLDIuODk4IDM1NS43ODcsMS42NzUgQzMyOC45MTcsMC40NDkgMzIwLjMzOCwwLjE1OSAyNTEuOTIxLDAuMTU5IFogTTI1MS45MjEsNDUuNTUgQzMxOS4xODYsNDUuNTUgMzI3LjE1NCw0NS44MDcgMzUzLjcxOCw0Ny4wMTkgQzM3OC4yOCw0OC4xMzkgMzkxLjYxOSw1Mi4yNDMgNDAwLjQ5Niw1NS42OTMgQzQxMi4yNTUsNjAuMjYzIDQyMC42NDcsNjUuNzIyIDQyOS40NjIsNzQuNTM4IEM0MzguMjc4LDgzLjM1MyA0NDMuNzM3LDkxLjc0NSA0NDguMzA3LDEwMy41MDQgQzQ1MS43NTcsMTEyLjM4MSA0NTUuODYxLDEyNS43MiA0NTYuOTgxLDE1MC4yODIgQzQ1OC4xOTMsMTc2Ljg0NiA0NTguNDUsMTg0LjgxNCA0NTguNDUsMjUyLjA4IEM0NTguNDUsMzE5LjM0NSA0NTguMTkzLDMyNy4zMTMgNDU2Ljk4MSwzNTMuODc3IEM0NTUuODYxLDM3OC40MzkgNDUxLjc1NywzOTEuNzc4IDQ0OC4zMDcsNDAwLjY1NSBDNDQzLjczNyw0MTIuNDE0IDQzOC4yNzgsNDIwLjgwNiA0MjkuNDYyLDQyOS42MjEgQzQyMC42NDcsNDM4LjQzNyA0MTIuMjU1LDQ0My44OTYgNDAwLjQ5Niw0NDguNDY2IEMzOTEuNjE5LDQ1MS45MTYgMzc4LjI4LDQ1Ni4wMiAzNTMuNzE4LDQ1Ny4xNCBDMzI3LjE1OCw0NTguMzUyIDMxOS4xOTEsNDU4LjYwOSAyNTEuOTIxLDQ1OC42MDkgQzE4NC42NSw0NTguNjA5IDE3Ni42ODQsNDU4LjM1MiAxNTAuMTIzLDQ1Ny4xNCBDMTI1LjU2MSw0NTYuMDIgMTEyLjIyMiw0NTEuOTE2IDEwMy4zNDUsNDQ4LjQ2NiBDOTEuNTg2LDQ0My44OTYgODMuMTk0LDQzOC40MzcgNzQuMzc5LDQyOS42MjEgQzY1LjU2NCw0MjAuODA2IDYwLjEwNCw0MTIuNDE0IDU1LjUzNCw0MDAuNjU1IEM1Mi4wODQsMzkxLjc3OCA0Ny45OCwzNzguNDM5IDQ2Ljg2LDM1My44NzcgQzQ1LjY0OCwzMjcuMzEzIDQ1LjM5MSwzMTkuMzQ1IDQ1LjM5MSwyNTIuMDggQzQ1LjM5MSwxODQuODE0IDQ1LjY0OCwxNzYuODQ2IDQ2Ljg2LDE1MC4yODIgQzQ3Ljk4LDEyNS43MiA1Mi4wODQsMTEyLjM4MSA1NS41MzQsMTAzLjUwNCBDNjAuMTA0LDkxLjc0NSA2NS41NjMsODMuMzUzIDc0LjM3OSw3NC41MzggQzgzLjE5NCw2NS43MjIgOTEuNTg2LDYwLjI2MyAxMDMuMzQ1LDU1LjY5MyBDMTEyLjIyMiw1Mi4yNDMgMTI1LjU2MSw0OC4xMzkgMTUwLjEyMyw0Ny4wMTkgQzE3Ni42ODcsNDUuODA3IDE4NC42NTUsNDUuNTUgMjUxLjkyMSw0NS41NSBaIiBpZD0iRmlsbC0xIiBmaWxsPSIjRkZGRkZGIiBtYXNrPSJ1cmwoI21hc2stMikiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgICAgIDxwYXRoIGQ9Ik0yNTEuOTIxLDMzNi4wNTMgQzIwNS41NDMsMzM2LjA1MyAxNjcuOTQ3LDI5OC40NTcgMTY3Ljk0NywyNTIuMDggQzE2Ny45NDcsMjA1LjcwMiAyMDUuNTQzLDE2OC4xMDYgMjUxLjkyMSwxNjguMTA2IEMyOTguMjk4LDE2OC4xMDYgMzM1Ljg5NCwyMDUuNzAyIDMzNS44OTQsMjUyLjA4IEMzMzUuODk0LDI5OC40NTcgMjk4LjI5OCwzMzYuMDUzIDI1MS45MjEsMzM2LjA1MyBaIE0yNTEuOTIxLDEyMi43MTUgQzE4MC40NzQsMTIyLjcxNSAxMjIuNTU2LDE4MC42MzMgMTIyLjU1NiwyNTIuMDggQzEyMi41NTYsMzIzLjUyNiAxODAuNDc0LDM4MS40NDQgMjUxLjkyMSwzODEuNDQ0IEMzMjMuMzY3LDM4MS40NDQgMzgxLjI4NSwzMjMuNTI2IDM4MS4yODUsMjUyLjA4IEMzODEuMjg1LDE4MC42MzMgMzIzLjM2NywxMjIuNzE1IDI1MS45MjEsMTIyLjcxNSBaIiBpZD0iRmlsbC00IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgICAgICA8cGF0aCBkPSJNNDE2LjYyNywxMTcuNjA0IEM0MTYuNjI3LDEzNC4zIDQwMy4wOTIsMTQ3LjgzNCAzODYuMzk2LDE0Ny44MzQgQzM2OS43MDEsMTQ3LjgzNCAzNTYuMTY2LDEzNC4zIDM1Ni4xNjYsMTE3LjYwNCBDMzU2LjE2NiwxMDAuOTA4IDM2OS43MDEsODcuMzczIDM4Ni4zOTYsODcuMzczIEM0MDMuMDkyLDg3LjM3MyA0MTYuNjI3LDEwMC45MDggNDE2LjYyNywxMTcuNjA0IiBpZD0iRmlsbC01IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgIDwvZz48L3N2Zz4=);
}
/* stylelint-disable-next-line no-descending-specificity */
.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text {
  color: hsl(302, 100%, 94%);
}
.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover {
  color: hsl(0, 0%, 100%);
}
.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder {
  /* Use gradient to contrast with focused widget (ckeditor/ckeditor5-media-embed#22). */
  background: linear-gradient(to right, hsl(201, 85%, 70%), hsl(201, 85%, 35%));
}
.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__icon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IldoaXRlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwMCA0MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MDAsMjAwYzAsMTEwLjUtODkuNSwyMDAtMjAwLDIwMFMwLDMxMC41LDAsMjAwUzg5LjUsMCwyMDAsMFM0MDAsODkuNSw0MDAsMjAweiBNMTYzLjQsMzA1LjVjODguNywwLDEzNy4yLTczLjUsMTM3LjItMTM3LjJjMC0yLjEsMC00LjItMC4xLTYuMmM5LjQtNi44LDE3LjYtMTUuMywyNC4xLTI1Yy04LjYsMy44LTE3LjksNi40LTI3LjcsNy42YzEwLTYsMTcuNi0xNS40LDIxLjItMjYuN2MtOS4zLDUuNS0xOS42LDkuNS0zMC42LDExLjdjLTguOC05LjQtMjEuMy0xNS4yLTM1LjItMTUuMmMtMjYuNiwwLTQ4LjIsMjEuNi00OC4yLDQ4LjJjMCwzLjgsMC40LDcuNSwxLjMsMTFjLTQwLjEtMi03NS42LTIxLjItOTkuNC01MC40Yy00LjEsNy4xLTYuNSwxNS40LTYuNSwyNC4yYzAsMTYuNyw4LjUsMzEuNSwyMS41LDQwLjFjLTcuOS0wLjItMTUuMy0yLjQtMjEuOC02YzAsMC4yLDAsMC40LDAsMC42YzAsMjMuNCwxNi42LDQyLjgsMzguNyw0Ny4zYy00LDEuMS04LjMsMS43LTEyLjcsMS43Yy0zLjEsMC02LjEtMC4zLTkuMS0wLjljNi4xLDE5LjIsMjMuOSwzMy4xLDQ1LDMzLjVjLTE2LjUsMTIuOS0zNy4zLDIwLjYtNTkuOSwyMC42Yy0zLjksMC03LjctMC4yLTExLjUtMC43QzExMC44LDI5Ny41LDEzNi4yLDMwNS41LDE2My40LDMwNS41Ii8+PC9zdmc+);
}
.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text {
  color: hsl(201, 100%, 86%);
}
.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text:hover {
  color: hsl(0, 0%, 100%);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-color-mention-background: hsla(341, 100%, 30%, 0.1);
  --ck-color-mention-text: hsl(341, 100%, 30%);
}
.ck-content .mention {
  background: var(--ck-color-mention-background);
  color: var(--ck-color-mention-text);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-color-restricted-editing-exception-background: hsla(31, 100%, 65%, .2);
  --ck-color-restricted-editing-exception-hover-background: hsla(31, 100%, 65%, .35);
  --ck-color-restricted-editing-exception-brackets: hsla(31, 100%, 40%, .4);
  --ck-color-restricted-editing-selected-exception-background: hsla(31, 100%, 65%, .5);
  --ck-color-restricted-editing-selected-exception-brackets: hsla(31, 100%, 40%, .6);
}
.ck-editor__editable .restricted-editing-exception {
  transition: 0.2s ease-in-out background;
  background-color: var(--ck-color-restricted-editing-exception-background);
  border: 1px solid;
  border-image: linear-gradient(to right, var(--ck-color-restricted-editing-exception-brackets) 0%, var(--ck-color-restricted-editing-exception-brackets) 5px, hsla(0, 0%, 0%, 0) 6px, hsla(0, 0%, 0%, 0) calc(100% - 6px), var(--ck-color-restricted-editing-exception-brackets) calc(100% - 5px), var(--ck-color-restricted-editing-exception-brackets) 100%) 1;
}
@media (prefers-reduced-motion: reduce) {
.ck-editor__editable .restricted-editing-exception {
    transition: none;
}
}
.ck-editor__editable .restricted-editing-exception.restricted-editing-exception_selected {
  background-color: var(--ck-color-restricted-editing-selected-exception-background);
  border-image: linear-gradient(to right, var(--ck-color-restricted-editing-selected-exception-brackets) 0%, var(--ck-color-restricted-editing-selected-exception-brackets) 5px, var(--ck-color-restricted-editing-selected-exception-brackets) calc(100% - 5px), var(--ck-color-restricted-editing-selected-exception-brackets) 100%) 1;
}
.ck-editor__editable .restricted-editing-exception.restricted-editing-exception_collapsed {
  /* Empty exception should have the same width as exception with at least 1 char */
  padding-left: 1ch;
}
.ck-restricted-editing_mode_restricted {
  cursor: default;
  /* We also have to override all elements inside the restricted editable to prevent cursor switching between default and text
  during the pointer movement. */
}
.ck-restricted-editing_mode_restricted * {
  cursor: default;
}
.ck-restricted-editing_mode_restricted .restricted-editing-exception {
  cursor: text;
}
.ck-restricted-editing_mode_restricted .restricted-editing-exception * {
  cursor: text;
}
.ck-restricted-editing_mode_restricted .restricted-editing-exception:hover {
  background: var(--ck-color-restricted-editing-exception-hover-background);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
:root {
  --ck-character-grid-tile-size: 24px;
}
.ck.ck-character-grid {
  overflow-y: auto;
  overflow-x: hidden;
}
.ck.ck-character-grid .ck-character-grid__tiles {
  grid-template-columns: repeat(auto-fill, minmax(var(--ck-character-grid-tile-size), 1fr));
  margin: var(--ck-spacing-standard) var(--ck-spacing-large);
  grid-gap: var(--ck-spacing-standard);
}
.ck.ck-character-grid .ck-character-grid__tile {
  width: var(--ck-character-grid-tile-size);
  height: var(--ck-character-grid-tile-size);
  min-width: var(--ck-character-grid-tile-size);
  min-height: var(--ck-character-grid-tile-size);
  font-size: 1.5em;
  padding: 0;
  transition: 0.2s ease box-shadow;
  border: 0;
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-character-grid .ck-character-grid__tile {
    transition: none;
}
}
.ck.ck-character-grid .ck-character-grid__tile:focus:not(.ck-disabled),
.ck.ck-character-grid .ck-character-grid__tile:hover:not(.ck-disabled) {
  /* Disable the default .ck-button's border ring. */
  border: 0;
  box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
}
/* Make sure the glyph is rendered in the center of the button */
.ck.ck-character-grid .ck-character-grid__tile .ck-button__label {
  line-height: var(--ck-character-grid-tile-size);
  width: 100%;
  text-align: center;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-character-info {
  padding: var(--ck-spacing-small) var(--ck-spacing-large);
  border-top: 1px solid var(--ck-color-base-border);
}
.ck.ck-character-info > * {
  text-transform: uppercase;
  font-size: var(--ck-font-size-small);
}
.ck.ck-character-info .ck-character-info__name {
  max-width: 280px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ck.ck-character-info .ck-character-info__code {
  opacity: 0.6;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-special-characters-navigation > .ck-label {
  max-width: 160px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ck.ck-special-characters-navigation > .ck-dropdown .ck-dropdown__panel {
  /* There could be dozens of categories available. Use scroll to prevent a 10e6px dropdown. */
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
}
@media screen and (max-width: 600px) {
.ck.ck-special-characters-navigation {
    max-width: 190px;
}
.ck.ck-special-characters-navigation > .ck-form__header__label {
    text-overflow: ellipsis;
    overflow: hidden;
}
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-dropdown.ck-style-dropdown.ck-style-dropdown_multiple-active > .ck-button > .ck-button__label {
  font-style: italic;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-style-panel-button-width: 120px;
  --ck-style-panel-button-height: 80px;
  --ck-style-panel-button-label-background: hsl(0, 0%, 94.1%);
  --ck-style-panel-button-hover-label-background: hsl(0, 0%, 92.1%);
  --ck-style-panel-button-hover-border-color: hsl(0, 0%, 70%);
}
.ck.ck-style-panel .ck-style-grid {
  row-gap: var(--ck-spacing-large);
  column-gap: var(--ck-spacing-large);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button {
  --ck-color-button-default-hover-background: var(--ck-color-base-background);
  --ck-color-button-default-active-background: var(--ck-color-base-background);
  padding: 0;
  width: var(--ck-style-panel-button-width);
  height: var(--ck-style-panel-button-height);
  /* Let default .ck-button :focus styles apply */
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(:focus) {
  border: 1px solid var(--ck-color-base-border);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-button__label {
  height: 22px;
  line-height: 22px;
  width: 100%;
  padding: 0 var(--ck-spacing-medium);
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0;
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-style-grid__button__preview {
  width: 100%;
  overflow: hidden;
  opacity: 0.9;
  padding: var(--ck-spacing-medium);
  background: var(--ck-color-base-background);
  border: 2px solid var(--ck-color-base-background);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled {
  --ck-color-button-default-disabled-background: var(--ck-color-base-foreground);
  /* Let default .ck-button :focus styles apply */
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled:not(:focus) {
  border-color: var(--ck-style-panel-button-label-background);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled .ck-style-grid__button__preview {
  opacity: 0.4;
  border-color: var(--ck-color-base-foreground);
  filter: saturate(0.3);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on {
  border-color: var(--ck-color-base-active);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on .ck-button__label {
  box-shadow: 0 -1px 0 var(--ck-color-base-active);
  z-index: 1; /* Stay on top of the preview with the shadow. */
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on:hover {
  border-color: var(--ck-color-base-active-focus);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(.ck-on) .ck-button__label {
  background: var(--ck-style-panel-button-label-background);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(.ck-on):hover .ck-button__label {
  background: var(--ck-style-panel-button-hover-label-background);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:hover:not(.ck-disabled):not(.ck-on) {
  border-color: var(--ck-style-panel-button-hover-border-color);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:hover:not(.ck-disabled):not(.ck-on) .ck-style-grid__button__preview {
  opacity: 1;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-style-panel .ck-style-panel__style-group > .ck-label {
  margin: var(--ck-spacing-large) 0;
}
.ck.ck-style-panel .ck-style-panel__style-group:first-child > .ck-label {
  margin-top: 0;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-style-panel-max-height: 470px;
}
.ck.ck-style-panel {
  padding: var(--ck-spacing-large);
  overflow-y: auto;
  max-height: var(--ck-style-panel-max-height);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
[dir=ltr] .ck.ck-input-color > .ck.ck-input-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
[dir=rtl] .ck.ck-input-color > .ck.ck-input-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
/* Make sure the focused input is always on top of the dropdown button so its
		   outline and border are never cropped (also when the input is read-only). */
.ck.ck-input-color > .ck.ck-input-text:focus {
  z-index: 0;
}
.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button {
  padding: 0;
}
[dir=ltr] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
[dir=ltr] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button:not(:focus) {
  border-left: 1px solid transparent;
}
[dir=rtl] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
[dir=rtl] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button:not(:focus) {
  border-right: 1px solid transparent;
}
.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button.ck-disabled {
  background: var(--ck-color-input-disabled-background);
}
.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview {
  border-radius: 0;
  width: 20px;
  height: 20px;
  border: 1px solid var(--ck-color-input-border);
}
.ck-rounded-corners .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview,
.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}
.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview > .ck.ck-input-color__button__preview__no-color-indicator {
  top: -30%;
  left: 50%;
  height: 150%;
  width: 8%;
  background: hsl(0, 100%, 50%);
  border-radius: 2px;
  transform: rotate(45deg);
  transform-origin: 50%;
}
.ck.ck-input-color .ck.ck-input-color__remove-color {
  width: 100%;
  padding: calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ck.ck-input-color .ck.ck-input-color__remove-color:not(:focus) {
  border-bottom: 1px solid var(--ck-color-input-border);
}
[dir=ltr] .ck.ck-input-color .ck.ck-input-color__remove-color {
  border-top-right-radius: 0;
}
[dir=rtl] .ck.ck-input-color .ck.ck-input-color__remove-color {
  border-top-left-radius: 0;
}
.ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon {
  margin-right: var(--ck-spacing-standard);
}
[dir=rtl] .ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon {
  margin-right: 0;
  margin-left: var(--ck-spacing-standard);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-form {
  padding: 0 0 var(--ck-spacing-large);
}
.ck.ck-form:focus {
  /* See: https://github.com/ckeditor/ckeditor5/issues/4773 */
  outline: none;
}
.ck.ck-form .ck.ck-input-text {
  min-width: 100%;
  width: 0;
}
.ck.ck-form .ck.ck-dropdown {
  min-width: 100%;
}
.ck.ck-form .ck.ck-dropdown .ck-dropdown__button:not(:focus) {
  border: 1px solid var(--ck-color-base-border);
}
.ck.ck-form .ck.ck-dropdown .ck-dropdown__button .ck-button__label {
  width: 100%;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-form__row {
  padding: var(--ck-spacing-standard) var(--ck-spacing-large) 0;
  /* Ignore labels that work as fieldset legends */
}
[dir=ltr] .ck.ck-form__row > *:not(.ck-label) + * {
  margin-left: var(--ck-spacing-large);
}
[dir=rtl] .ck.ck-form__row > *:not(.ck-label) + * {
  margin-right: var(--ck-spacing-large);
}
.ck.ck-form__row > .ck-label {
  width: 100%;
  min-width: 100%;
}
.ck.ck-form__row.ck-table-form__action-row {
  margin-top: var(--ck-spacing-large);
}
.ck.ck-form__row.ck-table-form__action-row .ck-button .ck-button__label {
  color: var(--ck-color-text);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-insert-table-dropdown-padding: 10px;
  --ck-insert-table-dropdown-box-height: 11px;
  --ck-insert-table-dropdown-box-width: 12px;
  --ck-insert-table-dropdown-box-margin: 1px;
}
.ck .ck-insert-table-dropdown__grid {
  /* The width of a container should match 10 items in a row so there will be a 10x10 grid. */
  width: calc(var(--ck-insert-table-dropdown-box-width) * 10 + var(--ck-insert-table-dropdown-box-margin) * 20 + var(--ck-insert-table-dropdown-padding) * 2);
  padding: var(--ck-insert-table-dropdown-padding) var(--ck-insert-table-dropdown-padding) 0;
}
.ck .ck-insert-table-dropdown__label,
.ck[dir=rtl] .ck-insert-table-dropdown__label {
  text-align: center;
}
.ck .ck-insert-table-dropdown-grid-box {
  min-width: var(--ck-insert-table-dropdown-box-width);
  min-height: var(--ck-insert-table-dropdown-box-height);
  margin: var(--ck-insert-table-dropdown-box-margin);
  border: 1px solid var(--ck-color-base-border);
  border-radius: 1px;
  outline: none;
  transition: none;
}
@media (prefers-reduced-motion: reduce) {
.ck .ck-insert-table-dropdown-grid-box {
    transition: none;
}
}
.ck .ck-insert-table-dropdown-grid-box:focus {
  box-shadow: none;
}
.ck .ck-insert-table-dropdown-grid-box.ck-on {
  border-color: var(--ck-color-focus-border);
  background: var(--ck-color-focus-outer-shadow);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-table-cell-properties-form {
  width: 320px;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__padding-row {
  align-self: flex-end;
  padding: 0;
  width: 25%;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar {
  background: none;
  /* Compensate for missing input label that would push the margin (toolbar has no inputs). */
  margin-top: var(--ck-spacing-standard);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-color-selector-focused-cell-background: hsla(212, 90%, 80%, .3);
}
/**
		 * While setting outline is fine, the border should not be modified here
		 * because it overrides the default table cell border color which is not expected.
		 * So do not use `@mixin ck-focus-ring;` here, or any other border styles.
		 * See more: https://github.com/ckeditor/ckeditor5/issues/16979
		 */
.ck-widget.table td.ck-editor__nested-editable.ck-editor__nested-editable_focused,
.ck-widget.table th.ck-editor__nested-editable.ck-editor__nested-editable_focused,
.ck-widget.table td.ck-editor__nested-editable:focus,
.ck-widget.table th.ck-editor__nested-editable:focus {
  /* A very slight background to highlight the focused cell */
  background: var(--ck-color-selector-focused-cell-background);
  outline: 1px solid var(--ck-color-focus-border);
  outline-offset: -1px; /* progressive enhancement - no IE support */
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
:root {
  --ck-table-properties-error-arrow-size: 6px;
  --ck-table-properties-min-error-width: 150px;
}
.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-labeled-field-view > .ck-label {
  font-size: var(--ck-font-size-tiny);
  text-align: center;
}
.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-style,
.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-width {
  width: 80px;
  min-width: 80px;
  max-width: 80px;
}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row {
  padding: 0;
}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__width,
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__height {
  margin: 0;
}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator {
  align-self: flex-end;
  display: inline-block;
  height: var(--ck-ui-component-min-height);
  line-height: var(--ck-ui-component-min-height);
  margin: 0 var(--ck-spacing-small);
}
.ck.ck-table-form .ck.ck-labeled-field-view {
  padding-top: var(--ck-spacing-standard);
}
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
  border-radius: 0;
  background: var(--ck-color-base-error);
  color: var(--ck-color-base-background);
  padding: var(--ck-spacing-small) var(--ck-spacing-medium);
  min-width: var(--ck-table-properties-min-error-width);
  text-align: center;
  animation: ck-table-form-labeled-view-status-appear 0.15s ease both;
}
.ck-rounded-corners .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status,
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}
/* The arrow pointing towards the field. */
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status::after {
  border-color: transparent transparent var(--ck-color-base-error) transparent;
  border-width: 0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size);
  border-style: solid;
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
    animation: none;
}
}
/* Hide the error balloon when the field is blurred. Makes the experience much more clear. */
.ck.ck-table-form .ck.ck-labeled-field-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status {
  display: none;
}
@keyframes ck-table-form-labeled-view-status-appear {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-table-properties-form {
  width: 320px;
}
.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row {
  align-self: flex-end;
  padding: 0;
}
.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar {
  background: none;
  /* Compensate for missing input label that would push the margin (toolbar has no inputs). */
  margin-top: var(--ck-spacing-standard);
}
.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items > * {
  width: 40px;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-table-selected-cell-background: hsla(208, 90%, 80%, .3);
}
.ck.ck-editor__editable .table table td.ck-editor__editable_selected,
.ck.ck-editor__editable .table table th.ck-editor__editable_selected {
  position: relative;
  caret-color: transparent;
  outline: unset;
  box-shadow: unset;
  /* https://github.com/ckeditor/ckeditor5/issues/6446 */
}
.ck.ck-editor__editable .table table td.ck-editor__editable_selected:after, .ck.ck-editor__editable .table table th.ck-editor__editable_selected:after {
  content: "";
  pointer-events: none;
  background-color: var(--ck-table-selected-cell-background);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ck.ck-editor__editable .table table td.ck-editor__editable_selected ::selection,
.ck.ck-editor__editable .table table th.ck-editor__editable_selected ::selection,
.ck.ck-editor__editable .table table td.ck-editor__editable_selected:focus,
.ck.ck-editor__editable .table table th.ck-editor__editable_selected:focus {
  background-color: transparent;
}
/*
		 * To reduce the amount of noise, all widgets in the table selection have no outline and no selection handle.
		 * See https://github.com/ckeditor/ckeditor5/issues/9491.
		 */
.ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget, .ck.ck-editor__editable .table table th.ck-editor__editable_selected .ck-widget {
  outline: unset;
}
.ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget > .ck-widget__selection-handle, .ck.ck-editor__editable .table table th.ck-editor__editable_selected .ck-widget > .ck-widget__selection-handle {
  display: none;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A visual style of focused element's border.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-widget-outline-thickness: 3px;
  --ck-widget-handler-icon-size: 16px;
  --ck-widget-handler-animation-duration: 200ms;
  --ck-widget-handler-animation-curve: ease;
  --ck-color-widget-blurred-border: hsl(0, 0%, 87%);
  --ck-color-widget-hover-border: hsl(43, 100%, 62%);
  --ck-color-widget-editable-focus-background: var(--ck-color-base-background);
  --ck-color-widget-drag-handler-icon-color: var(--ck-color-base-background);
}
.ck .ck-widget {
  outline-width: var(--ck-widget-outline-thickness);
  outline-style: solid;
  outline-color: transparent;
  transition: outline-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
}
@media (prefers-reduced-motion: reduce) {
.ck .ck-widget {
    transition: none;
}
}
.ck .ck-widget.ck-widget_selected,
.ck .ck-widget.ck-widget_selected:hover {
  outline: var(--ck-widget-outline-thickness) solid var(--ck-color-focus-border);
}
.ck .ck-widget:hover {
  outline-color: var(--ck-color-widget-hover-border);
}
.ck .ck-editor__nested-editable {
  border: 1px solid transparent;
  /* The :focus style is applied before .ck-editor__nested-editable_focused class is rendered in the view.
  These styles show a different border for a blink of an eye, so `:focus` need to have same styles applied. */
}
.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused,
.ck .ck-editor__nested-editable:focus {
  box-shadow: var(--ck-inner-shadow), 0 0;
}
@media (forced-colors: none) {
.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused, .ck .ck-editor__nested-editable:focus {
    background-color: var(--ck-color-widget-editable-focus-background);
}
}
/**
		 * Focus border should not be applied to table cells because it overrides the default table cell border color.
		 * In other words - in some scenarios, the part of the table cell border has focus color style, which is not expected behavior
		 * because it should be the same as the table cell border color.
		 */
.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused:not(td, th), .ck .ck-editor__nested-editable:focus:not(td, th) {
  /* Disable native outline. */
  outline: none;
  border: var(--ck-focus-ring);
}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
  padding: 4px;
  box-sizing: border-box;
  /* Background and opacity will be animated as the handler shows up or the widget gets selected. */
  background-color: transparent;
  opacity: 0;
  /* Transition:
     * background-color for the .ck-widget_selected state change,
     * visibility for hiding the handler,
     * opacity for the proper look of the icon when the handler disappears. */
  transition: background-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve), visibility var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve), opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
  /* Make only top corners round. */
  border-radius: var(--ck-border-radius) var(--ck-border-radius) 0 0;
  /* Place the drag handler outside the widget wrapper. */
  transform: translateY(-100%);
  left: calc(0px - var(--ck-widget-outline-thickness));
  top: 0;
}
@media (prefers-reduced-motion: reduce) {
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
    transition: none;
}
}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon {
  /* Make sure the dimensions of the icon are independent of the fon-size of the content. */
  width: var(--ck-widget-handler-icon-size);
  height: var(--ck-widget-handler-icon-size);
  color: var(--ck-color-widget-drag-handler-icon-color);
  /* The "selected" part of the icon is invisible by default */
}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator {
  opacity: 0;
  /* Note: The animation is longer on purpose. Simply feels better. */
  transition: opacity 300ms var(--ck-widget-handler-animation-curve);
}
@media (prefers-reduced-motion: reduce) {
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator {
    transition: none;
}
}
/* Advertise using the look of the icon that once clicked the handler, the widget will be selected. */
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover .ck-icon .ck-icon__selected-indicator {
  opacity: 1;
}
/* Show the selection handler on mouse hover over the widget, but not for nested widgets. */
.ck .ck-widget.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle {
  opacity: 1;
  background-color: var(--ck-color-widget-hover-border);
}
/* Show the selection handler when the widget is selected, but not for nested widgets. */
.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle {
  opacity: 1;
  background-color: var(--ck-color-focus-border);
  /* When the widget is selected, notify the user using the proper look of the icon. */
}
.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator, .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator {
  opacity: 1;
}
/* In a RTL environment, align the selection handler to the right side of the widget */
/* stylelint-disable-next-line no-descending-specificity */
.ck[dir=rtl] .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
  left: auto;
  right: calc(0px - var(--ck-widget-outline-thickness));
}
/* https://github.com/ckeditor/ckeditor5/issues/6415 */
.ck.ck-editor__editable.ck-read-only .ck-widget {
  /* Prevent the :hover outline from showing up because of the used outline-color transition. */
  transition: none;
}
.ck.ck-editor__editable.ck-read-only .ck-widget:not(.ck-widget_selected) {
  /* Disable visual effects of hover/active widget when CKEditor is in readOnly mode.
   * See: https://github.com/ckeditor/ckeditor5/issues/1261
   *
   * Leave the unit because this custom property is used in calc() by other features.
   * See: https://github.com/ckeditor/ckeditor5/issues/6775
   */
  --ck-widget-outline-thickness: 0px;
}
.ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle,
.ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover {
  background: var(--ck-color-widget-blurred-border);
}
/* Style the widget when it's selected but the editable it belongs to lost focus. */
/* stylelint-disable-next-line no-descending-specificity */
.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected,
.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover {
  outline-color: var(--ck-color-widget-blurred-border);
}
.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle > .ck-widget__selection-handle,
.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle,
.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle > .ck-widget__selection-handle:hover,
.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle:hover {
  background: var(--ck-color-widget-blurred-border);
}
.ck.ck-editor__editable > .ck-widget.ck-widget_with-selection-handle:first-child,
.ck.ck-editor__editable blockquote > .ck-widget.ck-widget_with-selection-handle:first-child {
  /* Do not crop selection handler if a widget is a first-child in the blockquote or in the root editable.
  In fact, anything with overflow: hidden.
  https://github.com/ckeditor/ckeditor5-block-quote/issues/28
  https://github.com/ckeditor/ckeditor5-widget/issues/44
  https://github.com/ckeditor/ckeditor5-widget/issues/66 */
  margin-top: calc(1em + var(--ck-widget-handler-icon-size));
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-resizer-size: 10px;
  /* Set the resizer with a 50% offset. */
  --ck-resizer-offset: calc( ( var(--ck-resizer-size) / -2 ) - 2px);
  --ck-resizer-border-width: 1px;
}
.ck .ck-widget__resizer {
  outline: 1px solid var(--ck-color-resizer);
}
.ck .ck-widget__resizer__handle {
  width: var(--ck-resizer-size);
  height: var(--ck-resizer-size);
  background: var(--ck-color-focus-border);
  border: var(--ck-resizer-border-width) solid hsl(0, 0%, 100%);
  border-radius: var(--ck-resizer-border-radius);
}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left {
  top: var(--ck-resizer-offset);
  left: var(--ck-resizer-offset);
}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right {
  top: var(--ck-resizer-offset);
  right: var(--ck-resizer-offset);
}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right {
  bottom: var(--ck-resizer-offset);
  right: var(--ck-resizer-offset);
}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left {
  bottom: var(--ck-resizer-offset);
  left: var(--ck-resizer-offset);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-widget-type-around-button-size: 20px;
  --ck-color-widget-type-around-button-active: var(--ck-color-focus-border);
  --ck-color-widget-type-around-button-hover: var(--ck-color-widget-hover-border);
  --ck-color-widget-type-around-button-blurred-editable: var(--ck-color-widget-blurred-border);
  --ck-color-widget-type-around-button-radar-start-alpha: 0;
  --ck-color-widget-type-around-button-radar-end-alpha: .3;
  --ck-color-widget-type-around-button-icon: var(--ck-color-base-background);
}
/*
	 * Styles of the type around buttons
	 */
.ck .ck-widget .ck-widget__type-around__button {
  width: var(--ck-widget-type-around-button-size);
  height: var(--ck-widget-type-around-button-size);
  background: var(--ck-color-widget-type-around-button);
  border-radius: 100px;
  transition: opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve), background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
  opacity: 0;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
.ck .ck-widget .ck-widget__type-around__button {
    transition: none;
}
}
.ck .ck-widget .ck-widget__type-around__button svg {
  width: 10px;
  height: 8px;
  transform: translate(-50%, -50%);
  transition: transform 0.5s ease;
  margin-top: 1px;
}
@media (prefers-reduced-motion: reduce) {
.ck .ck-widget .ck-widget__type-around__button svg {
    transition: none;
}
}
.ck .ck-widget .ck-widget__type-around__button svg * {
  stroke-dasharray: 10;
  stroke-dashoffset: 0;
  fill: none;
  stroke: var(--ck-color-widget-type-around-button-icon);
  stroke-width: 1.5px;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ck .ck-widget .ck-widget__type-around__button svg line {
  stroke-dasharray: 7;
}
.ck .ck-widget .ck-widget__type-around__button:hover {
  /*
   * Display the "sonar" around the button when hovered.
   */
  animation: ck-widget-type-around-button-sonar 1s ease infinite;
  /*
   * Animate active button's icon.
   */
}
.ck .ck-widget .ck-widget__type-around__button:hover svg polyline {
  animation: ck-widget-type-around-arrow-dash 2s linear;
}
.ck .ck-widget .ck-widget__type-around__button:hover svg line {
  animation: ck-widget-type-around-arrow-tip-dash 2s linear;
}
@media (prefers-reduced-motion: reduce) {
.ck .ck-widget .ck-widget__type-around__button:hover {
    animation: none;
}
.ck .ck-widget .ck-widget__type-around__button:hover svg polyline {
    animation: none;
}
.ck .ck-widget .ck-widget__type-around__button:hover svg line {
    animation: none;
}
}
/*
	 * Show type around buttons when the widget gets selected or being hovered.
	 */
.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button, .ck .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__button {
  opacity: 1;
  pointer-events: auto;
}
/*
	 * Styles for the buttons when the widget is NOT selected (but the buttons are visible
	 * and still can be hovered).
	 */
.ck .ck-widget:not(.ck-widget_selected) > .ck-widget__type-around > .ck-widget__type-around__button {
  background: var(--ck-color-widget-type-around-button-hover);
}
/*
	 * Styles for the buttons when:
	 * - the widget is selected,
	 * - or the button is being hovered (regardless of the widget state).
	 */
.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button,
.ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover {
  background: var(--ck-color-widget-type-around-button-active);
}
.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button::after, .ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover::after {
  width: calc(var(--ck-widget-type-around-button-size) - 2px);
  height: calc(var(--ck-widget-type-around-button-size) - 2px);
  border-radius: 100px;
  background: linear-gradient(135deg, hsla(0, 0%, 100%, 0) 0%, hsla(0, 0%, 100%, 0.3) 100%);
}
/*
	 * Styles for the "before" button when the widget has a selection handle. Because some space
	 * is consumed by the handle, the button must be moved slightly to the right to let it breathe.
	 */
.ck .ck-widget.ck-widget_with-selection-handle > .ck-widget__type-around > .ck-widget__type-around__button_before {
  margin-left: 20px;
}
/*
	 * Styles for the horizontal "fake caret" which is displayed when the user navigates using the keyboard.
	 */
.ck .ck-widget .ck-widget__type-around__fake-caret {
  pointer-events: none;
  height: 1px;
  animation: ck-widget-type-around-fake-caret-pulse linear 1s infinite normal forwards;
  /*
   * The semi-transparent-outline+background combo improves the contrast
   * when the background underneath the fake caret is dark.
   */
  outline: solid 1px hsla(0, 0%, 100%, 0.5);
  background: var(--ck-color-base-text);
}
/*
	 * Styles of the widget when the "fake caret" is blinking (e.g. upon keyboard navigation).
	 * Despite the widget being physically selected in the model, its outline should disappear.
	 */
.ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_before,
.ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_after {
  outline-color: transparent;
}
/*
		 * When the "fake caret" is visible we simulate that the widget is not selected
		 * (despite being physically selected), so the outline color should be for the
		 * unselected widget.
		 */
.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected:hover, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected:hover {
  outline-color: var(--ck-color-widget-hover-border);
}
/*
		 * Styles of the type around buttons when the "fake caret" is blinking (e.g. upon keyboard navigation).
		 * In this state, the type around buttons would collide with the fake carets so they should disappear.
		 */
.ck .ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__button, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__button {
  opacity: 0;
  pointer-events: none;
}
/*
		 * Fake horizontal caret integration with the selection handle. When the caret is visible, simply
		 * hide the handle because it intersects with the caret (and does not make much sense anyway).
		 */
.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle {
  opacity: 0;
}
/*
		 * Fake horizontal caret integration with the resize UI. When the caret is visible, simply
		 * hide the resize UI because it creates too much noise. It can be visible when the user
		 * hovers the widget, though.
		 */
.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected.ck-widget_with-resizer > .ck-widget__resizer, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected.ck-widget_with-resizer > .ck-widget__resizer {
  opacity: 0;
}
/*
 * Styles for the "before" button when the widget has a selection handle in an RTL environment.
 * The selection handler is aligned to the right side of the widget so there is no need to create
 * additional space for it next to the "before" button.
 */
.ck[dir=rtl] .ck-widget.ck-widget_with-selection-handle .ck-widget__type-around > .ck-widget__type-around__button_before {
  margin-left: 0;
  margin-right: 20px;
}
/*
 * Hide type around buttons when the widget is selected as a child of a selected
 * nested editable (e.g. mulit-cell table selection).
 *
 * See https://github.com/ckeditor/ckeditor5/issues/7263.
 */
.ck-editor__nested-editable.ck-editor__editable_selected .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button, .ck-editor__nested-editable.ck-editor__editable_selected .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__button {
  opacity: 0;
  pointer-events: none;
}
/*
 * Styles for the buttons when the widget is selected but the user clicked outside of the editor (blurred the editor).
 */
.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button:not(:hover) {
  background: var(--ck-color-widget-type-around-button-blurred-editable);
}
.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button:not(:hover) svg * {
  stroke: hsl(0, 0%, 60%);
}
@keyframes ck-widget-type-around-arrow-dash {
0% {
    stroke-dashoffset: 10;
}
20%, 100% {
    stroke-dashoffset: 0;
}
}
@keyframes ck-widget-type-around-arrow-tip-dash {
0%, 20% {
    stroke-dashoffset: 7;
}
40%, 100% {
    stroke-dashoffset: 0;
}
}
@keyframes ck-widget-type-around-button-sonar {
0% {
    box-shadow: 0 0 0 0 hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-start-alpha));
}
50% {
    box-shadow: 0 0 0 5px hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-end-alpha));
}
100% {
    box-shadow: 0 0 0 5px hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-start-alpha));
}
}
@keyframes ck-widget-type-around-fake-caret-pulse {
0% {
    opacity: 1;
}
49% {
    opacity: 1;
}
50% {
    opacity: 0;
}
99% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck-content code {
  background-color: hsla(0, 0%, 78%, 0.3);
  padding: 0.15em;
  border-radius: 2px;
}
.ck.ck-editor__editable .ck-code_selected {
  background-color: hsla(0, 0%, 78%, 0.5);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck-content blockquote {
  /* See #12 */
  overflow: hidden;
  /* https://github.com/ckeditor/ckeditor5-block-quote/issues/15 */
  padding-right: 1.5em;
  padding-left: 1.5em;
  margin-left: 0;
  margin-right: 0;
  font-style: italic;
  border-left: solid 5px hsl(0, 0%, 80%);
}
.ck-content[dir=rtl] blockquote {
  border-left: 0;
  border-right: solid 5px hsl(0, 0%, 80%);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  /* Based on default CKBox theme colors */
  --ck-image-processing-highlight-color: hsl(220, 10%, 98%);
  --ck-image-processing-background-color: hsl(220, 10%, 90%);
}
.ck.ck-editor__editable .image.image-processing {
  position: relative;
}
.ck.ck-editor__editable .image.image-processing:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, var(--ck-image-processing-background-color), var(--ck-image-processing-highlight-color), var(--ck-image-processing-background-color));
  background-size: 200% 100%;
  animation: ck-image-processing-animation 2s linear infinite;
}
.ck.ck-editor__editable .image.image-processing img {
  height: 100%;
}
@keyframes ck-image-processing-animation {
0% {
    background-position: 200% 0;
}
100% {
    background-position: -200% 0;
}
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
	 * Vertical drop target (in text).
	 */
.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position {
  display: inline;
  position: relative;
  pointer-events: none;
}
.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span {
  position: absolute;
  width: 0;
}
/*
	 * Styles of the widget being dragged (its preview).
	 */
.ck.ck-editor__editable .ck-widget:-webkit-drag > .ck-widget__selection-handle {
  display: none;
}
.ck.ck-editor__editable .ck-widget:-webkit-drag > .ck-widget__type-around {
  display: none;
}
.ck.ck-clipboard-drop-target-line {
  position: absolute;
  pointer-events: none;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck-content pre {
  padding: 1em;
  color: hsl(0, 0%, 20.8%);
  background: hsla(0, 0%, 78%, 0.3);
  border: 1px solid hsl(0, 0%, 77%);
  border-radius: 2px;
  /* Code block are language direction–agnostic. */
  text-align: left;
  direction: ltr;
  tab-size: 4;
  white-space: pre-wrap;
  /* Don't inherit the style, e.g. when in a block quote. */
  font-style: normal;
  /* Don't let the code be squashed e.g. when in a table cell. */
  min-width: 200px;
}
.ck-content pre code {
  background: unset;
  padding: 0;
  border-radius: 0;
}
.ck.ck-editor__editable pre {
  position: relative;
}
.ck.ck-editor__editable pre[data-language]::after {
  content: attr(data-language);
  position: absolute;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-editor {
  /* All the elements within `.ck-editor` are positioned relatively to it.
   If any element needs to be positioned with respect to the <body>, etc.,
   it must land outside of the `.ck-editor` in DOM. */
  position: relative;
}
.ck.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar {
  /* https://github.com/ckeditor/ckeditor5-editor-classic/issues/62 */
  z-index: var(--ck-z-panel);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-menu-bar {
  border: none;
  border-bottom: 1px solid var(--ck-color-toolbar-border);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/* See ckeditor/ckeditor5#936. */
.ck.ck-placeholder,
.ck .ck-placeholder {
  position: relative;
}
.ck.ck-placeholder::before, .ck .ck-placeholder::before {
  position: absolute;
  left: 0;
  right: 0;
  content: attr(data-placeholder);
  /* See ckeditor/ckeditor5#469. */
  pointer-events: none;
}
/* See ckeditor/ckeditor5#1987. */
.ck.ck-read-only .ck-placeholder::before {
  display: none;
}
/*
 * Rules for the `ck-placeholder` are loaded before the rules for `ck-reset_all` in the base CKEditor 5 DLL build.
 * This fix overwrites the incorrectly set `position: static` from `ck-reset_all`.
 * See https://github.com/ckeditor/ckeditor5/issues/11418.
 */
.ck.ck-reset_all .ck-placeholder {
  position: relative;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/* Elements marked by the Renderer as hidden should be invisible in the editor. */
.ck.ck-editor__editable span[data-ck-unsafe-element] {
  display: none;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck-find-result {
  background: var(--ck-color-highlight-background);
  color: var(--ck-color-text);
}
.ck-find-result_selected {
  background: hsl(29, 100%, 60%);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-find-and-replace-form {
  max-width: 100%;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions {
  display: flex;
  /* The inputs area styles */
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs.ck-find-and-replace-form__inputs .ck-results-counter, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions.ck-find-and-replace-form__inputs .ck-results-counter {
  position: absolute;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/* The values should be synchronized with the "FONT_SIZE_PRESET_UNITS" object in the "/src/fontsize/utils.js" file. */
/* Styles should be prefixed with the `.ck-content` class.
See https://github.com/ckeditor/ckeditor5/issues/6636 */
.ck-content .text-tiny {
  font-size: 0.7em;
}
.ck-content .text-small {
  font-size: 0.85em;
}
.ck-content .text-big {
  font-size: 1.4em;
}
.ck-content .text-huge {
  font-size: 1.8em;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-heading_heading1 .ck-button__label {
  font-size: 20px;
}
.ck.ck-heading_heading2 .ck-button__label {
  font-size: 17px;
}
.ck.ck-heading_heading3 .ck-button__label {
  font-size: 14px;
}
.ck[class*=ck-heading_heading] {
  font-weight: bold;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-highlight-marker-yellow: hsl(60, 97%, 73%);
  --ck-highlight-marker-green: hsl(120, 93%, 68%);
  --ck-highlight-marker-pink: hsl(345, 96%, 73%);
  --ck-highlight-marker-blue: hsl(201, 97%, 72%);
  --ck-highlight-pen-red: hsl(0, 85%, 49%);
  --ck-highlight-pen-green: hsl(112, 100%, 27%);
}
.ck-content .marker-yellow {
  background-color: var(--ck-highlight-marker-yellow);
}
.ck-content .marker-green {
  background-color: var(--ck-highlight-marker-green);
}
.ck-content .marker-pink {
  background-color: var(--ck-highlight-marker-pink);
}
.ck-content .marker-blue {
  background-color: var(--ck-highlight-marker-blue);
}
.ck-content .pen-red {
  color: var(--ck-highlight-pen-red);
  /* Override default yellow background of `<mark>` from user agent stylesheet */
  background-color: transparent;
}
.ck-content .pen-green {
  color: var(--ck-highlight-pen-green);
  /* Override default yellow background of `<mark>` from user agent stylesheet */
  background-color: transparent;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck-editor__editable .ck-horizontal-line {
  /* Necessary to render properly next to floated objects, e.g. side image case. */
  display: flow-root;
}
.ck-content hr {
  margin: 15px 0;
  height: 4px;
  background: hsl(0, 0%, 87%);
  border: 0;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/* The feature container. */
.ck-widget.raw-html-embed {
  /* Give the embed some air. */
  /* The first value should be equal to --ck-spacing-large variable if used in the editor context
  to avoid the content jumping (See https://github.com/ckeditor/ckeditor5/issues/9825). */
  margin: 0.9em auto;
  position: relative;
  display: flow-root;
  /* Give the html embed some minimal width in the content to prevent them
  from being "squashed" in tight spaces, e.g. in table cells (https://github.com/ckeditor/ckeditor5/issues/8331) */
  min-width: 15em;
  /* Don't inherit the style, e.g. when in a block quote. */
  font-style: normal;
  /* ----- Emebed label in the upper left corner ----------------------------------------------- */
}
.ck-widget.raw-html-embed::before {
  position: absolute;
  /* Make sure the content does not cover the label. */
  z-index: 1;
}
/* ----- Emebed internals --------------------------------------------------------------------- */
/* The switch mode button wrapper. */
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper {
  position: absolute;
  display: flex;
  flex-direction: column;
}
.ck-widget.raw-html-embed .raw-html-embed__preview {
  position: relative;
  overflow: hidden;
  display: flex;
}
.ck-widget.raw-html-embed .raw-html-embed__preview-content {
  width: 100%;
  position: relative;
  margin: auto;
  /* Gives spacing to the small renderable elements, so they always cover the placeholder. */
  display: table;
  border-collapse: separate;
  border-spacing: 7px;
}
.ck-widget.raw-html-embed .raw-html-embed__preview-placeholder {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-html-object-embed-unfocused-outline-width: 1px;
}
.ck-widget.html-object-embed {
  font-size: var(--ck-font-size-base);
  background-color: var(--ck-color-base-foreground);
  padding: var(--ck-spacing-small);
  /* Leave space for label */
  padding-top: calc(var(--ck-font-size-tiny) + var(--ck-spacing-large));
  min-width: calc(76px + var(--ck-spacing-standard));
}
.ck-widget.html-object-embed:not(.ck-widget_selected):not(:hover) {
  outline: var(--ck-html-object-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border);
}
.ck-widget.html-object-embed::before {
  font-weight: normal;
  font-style: normal;
  position: absolute;
  content: attr(data-html-object-embed-label);
  top: 0;
  left: var(--ck-spacing-standard);
  background: hsl(0deg 0% 60%);
  transition: background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
  padding: calc(var(--ck-spacing-tiny) + var(--ck-html-object-embed-unfocused-outline-width)) var(--ck-spacing-small) var(--ck-spacing-tiny);
  border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);
  color: var(--ck-color-base-background);
  font-size: var(--ck-font-size-tiny);
  font-family: var(--ck-font-face);
}
/* Make space for label. */
.ck-widget.html-object-embed .ck-widget__type-around .ck-widget__type-around__button.ck-widget__type-around__button_before {
  margin-left: 50px;
}
.ck-widget.html-object-embed .html-object-embed__content {
  /* Disable user interaction with embed content */
  pointer-events: none;
}
div.ck-widget.html-object-embed {
  margin: 1em auto;
}
span.ck-widget.html-object-embed {
  display: inline-block;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-color-image-caption-background: hsl(0, 0%, 97%);
  --ck-color-image-caption-text: hsl(0, 0%, 20%);
  --ck-color-image-caption-highlighted-background: hsl(52deg 100% 50%);
}
/* Content styles */
.ck-content .image > figcaption {
  display: table-caption;
  caption-side: bottom;
  word-break: break-word;
  color: var(--ck-color-image-caption-text);
  background-color: var(--ck-color-image-caption-background);
  padding: 0.6em;
  font-size: 0.75em;
  outline-offset: -1px;
  /* Improve placeholder rendering in high-constrast mode (https://github.com/ckeditor/ckeditor5/issues/14907). */
}
@media (forced-colors: active) {
.ck-content .image > figcaption {
    background-color: unset;
    color: unset;
}
}
/* Editing styles */
@media (forced-colors: none) {
.ck.ck-editor__editable .image > figcaption.image__caption_highlighted {
    animation: ck-image-caption-highlight 0.6s ease-out;
}
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-editor__editable .image > figcaption.image__caption_highlighted {
    animation: none;
}
}
@keyframes ck-image-caption-highlight {
0% {
    background-color: var(--ck-color-image-caption-highlighted-background);
}
100% {
    background-color: var(--ck-color-image-caption-background);
}
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-image-insert-url {
  width: 400px;
  padding: var(--ck-spacing-large) var(--ck-spacing-large) 0;
}
.ck.ck-image-insert-url .ck-image-insert-url__action-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/* Preserve aspect ratio of the resized image after introducing image height attribute. */
.ck-content img.image_resized {
  height: auto;
}
.ck-content .image.image_resized {
  max-width: 100%;
  /*
  The `<figure>` element for resized images must not use `display:table` as browsers do not support `max-width` for it well.
  See https://stackoverflow.com/questions/4019604/chrome-safari-ignoring-max-width-in-table/14420691#14420691 for more.
  Fortunately, since we control the width, there is no risk that the image will look bad.
  */
  display: block;
  box-sizing: border-box;
}
.ck-content .image.image_resized img {
  /* For resized images it is the `<figure>` element that determines the image width. */
  width: 100%;
}
.ck-content .image.image_resized > figcaption {
  /* The `<figure>` element uses `display:block`, so `<figcaption>` also has to. */
  display: block;
}
/* The resized inline image nested in the table should respect its parent size.
	See https://github.com/ckeditor/ckeditor5/issues/9117. */
.ck.ck-editor__editable td .image-inline.image_resized img, .ck.ck-editor__editable th .image-inline.image_resized img {
  max-width: 100%;
}
[dir=ltr] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
  margin-right: var(--ck-spacing-standard);
}
[dir=rtl] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
  margin-left: var(--ck-spacing-standard);
}
.ck.ck-dropdown .ck-button.ck-resize-image-button .ck-button__label {
  width: 4em;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-image-custom-resize-form {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
}
.ck.ck-image-custom-resize-form .ck-labeled-field-view {
  display: inline-block;
}
.ck.ck-image-custom-resize-form .ck-label {
  display: none;
}
@media screen and (max-width: 600px) {
.ck.ck-image-custom-resize-form {
    flex-wrap: wrap;
}
.ck.ck-image-custom-resize-form .ck-labeled-field-view {
    flex-basis: 100%;
}
.ck.ck-image-custom-resize-form .ck-button {
    flex-basis: 50%;
}
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-image-style-spacing: 1.5em;
  --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
}
/* See: https://github.com/ckeditor/ckeditor5/issues/16317 */
/* Provides a minimal side margin for the left and right aligned images, so that the user has a visual feedback
		confirming successful application of the style if image width exceeds the editor's size.
		See https://github.com/ckeditor/ckeditor5/issues/9342 */
.ck-content .image.image-style-block-align-left,
.ck-content .image.image-style-block-align-right {
  max-width: calc(100% - var(--ck-image-style-spacing));
}
/* Allows displaying multiple floating images in the same line.
		See https://github.com/ckeditor/ckeditor5/issues/9183#issuecomment-804988132 */
.ck-content .image.image-style-align-left,
.ck-content .image.image-style-align-right {
  clear: none;
}
.ck-content .image.image-style-side {
  float: right;
  margin-left: var(--ck-image-style-spacing);
  max-width: 50%;
}
.ck-content .image.image-style-align-left {
  float: left;
  margin-right: var(--ck-image-style-spacing);
}
.ck-content .image.image-style-align-right {
  float: right;
  margin-left: var(--ck-image-style-spacing);
}
.ck-content .image.image-style-block-align-right {
  margin-right: 0;
  margin-left: auto;
}
.ck-content .image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.ck-content .image-style-align-center {
  margin-left: auto;
  margin-right: auto;
}
.ck-content .image-style-align-left {
  float: left;
  margin-right: var(--ck-image-style-spacing);
}
.ck-content .image-style-align-right {
  float: right;
  margin-left: var(--ck-image-style-spacing);
}
/* Simulates margin collapsing with the preceding paragraph, which does not work for the floating elements. */
.ck-content p + .image.image-style-align-left,
.ck-content p + .image.image-style-align-right,
.ck-content p + .image.image-style-side {
  margin-top: 0;
}
.ck-content .image-inline.image-style-align-left,
.ck-content .image-inline.image-style-align-right {
  margin-top: var(--ck-inline-image-style-spacing);
  margin-bottom: var(--ck-inline-image-style-spacing);
}
.ck-content .image-inline.image-style-align-left {
  margin-right: var(--ck-inline-image-style-spacing);
}
.ck-content .image-inline.image-style-align-right {
  margin-left: var(--ck-inline-image-style-spacing);
}
/* The button should display as a regular drop-down if the action button
	is forced to fire the same action as the arrow button. */
.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__action:not(.ck-disabled),
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__action:not(.ck-disabled),
.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled),
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled),
.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover),
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover) {
  background-color: var(--ck-color-button-on-background);
}
.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__action:not(.ck-disabled)::after, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__action:not(.ck-disabled)::after, .ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, .ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover)::after, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover)::after {
  display: none;
}
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__action:not(.ck-disabled),
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__arrow:not(.ck-disabled),
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover) {
  background-color: var(--ck-color-button-on-hover-background);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-text-alternative-form {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.ck.ck-text-alternative-form .ck-labeled-field-view {
  display: inline-block;
}
.ck.ck-text-alternative-form .ck-label {
  display: none;
}
@media screen and (max-width: 600px) {
.ck.ck-text-alternative-form {
    flex-wrap: wrap;
}
.ck.ck-text-alternative-form .ck-labeled-field-view {
    flex-basis: 100%;
}
.ck.ck-text-alternative-form .ck-button {
    flex-basis: 50%;
}
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-editor__editable .image,
.ck.ck-editor__editable .image-inline {
  position: relative;
}
/* Upload progress bar. */
.ck.ck-editor__editable .image .ck-progress-bar,
.ck.ck-editor__editable .image-inline .ck-progress-bar {
  position: absolute;
  top: 0;
  left: 0;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck-image-upload-complete-icon {
  display: block;
  position: absolute;
  /*
   * Smaller images should have the icon closer to the border.
   * Match the icon position with the linked image indicator brought by the link image feature.
   */
  top: min(var(--ck-spacing-medium), 6%);
  right: min(var(--ck-spacing-medium), 6%);
  border-radius: 50%;
  z-index: 1;
}
.ck-image-upload-complete-icon::after {
  content: "";
  position: absolute;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck .ck-upload-placeholder-loader {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
}
.ck .ck-upload-placeholder-loader::before {
  content: "";
  position: relative;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck-content .image {
  display: table;
  clear: both;
  text-align: center;
  /* Make sure there is some space between the content and the image. Center image by default. */
  /* The first value should be equal to --ck-spacing-large variable if used in the editor context
  	to avoid the content jumping (See https://github.com/ckeditor/ckeditor5/issues/9825). */
  margin: 0.9em auto;
  /* Make sure the caption will be displayed properly (See: https://github.com/ckeditor/ckeditor5/issues/1870). */
  min-width: 50px;
}
.ck-content .image img {
  /* Prevent unnecessary margins caused by line-height (see #44). */
  display: block;
  /* Center the image if its width is smaller than the content's width. */
  margin: 0 auto;
  /* Make sure the image never exceeds the size of the parent container (ckeditor/ckeditor5-ui#67). */
  max-width: 100%;
  /* Make sure the image is never smaller than the parent container (See: https://github.com/ckeditor/ckeditor5/issues/9300). */
  min-width: 100%;
  /* Keep proportions of the block image if the height is set and the image is wider than the editor width.
  See https://github.com/ckeditor/ckeditor5/issues/14542. */
  height: auto;
}
.ck-content .image-inline {
  /*
   * Normally, the .image-inline would have "display: inline-block" and "img { width: 100% }" (to follow the wrapper while resizing).
   * Unfortunately, together with "srcset", it gets automatically stretched up to the width of the editing root.
   * This strange behavior does not happen with inline-flex.
   */
  display: inline-flex;
  /* While being resized, don't allow the image to exceed the width of the editing root. */
  max-width: 100%;
  /* This is required by Safari to resize images in a sensible way. Without this, the browser breaks the ratio. */
  align-items: flex-start;
  /* When the picture is present it must act as a flex container to let the img resize properly */
}
.ck-content .image-inline picture {
  display: flex;
}
/* When the picture is present, it must act like a resizable img. */
.ck-content .image-inline picture,
.ck-content .image-inline img {
  /* This is necessary for the img to span the entire .image-inline wrapper and to resize properly. */
  flex-grow: 1;
  flex-shrink: 1;
  /* Prevents overflowing the editing root boundaries when an inline image is very wide. */
  max-width: 100%;
}
/*
	 * Inhertit the content styles padding of the <figcaption> in case the integration overrides `text-align: center`
	 * of `.image` (e.g. to the left/right). This ensures the placeholder stays at the padding just like the native
	 * caret does, and not at the edge of <figcaption>.
	 */
.ck.ck-editor__editable .image > figcaption.ck-placeholder::before {
  padding-left: inherit;
  padding-right: inherit;
  /*
   * Make sure the image caption placeholder doesn't overflow the placeholder area.
   * See https://github.com/ckeditor/ckeditor5/issues/9162.
   */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*
	 * See https://github.com/ckeditor/ckeditor5/issues/15115.
	 */
.ck.ck-editor__editable .image {
  z-index: 1;
  /*
   * Make sure the selected image always stays on top of its siblings.
   * See https://github.com/ckeditor/ckeditor5/issues/9108.
   */
}
.ck.ck-editor__editable .image.ck-widget_selected {
  z-index: 2;
}
/*
	 * See https://github.com/ckeditor/ckeditor5/issues/15115.
	 */
.ck.ck-editor__editable .image-inline {
  z-index: 1;
  /*
   * Make sure the selected inline image always stays on top of its siblings.
   * See https://github.com/ckeditor/ckeditor5/issues/9108.
   */
}
.ck.ck-editor__editable .image-inline.ck-widget_selected {
  z-index: 2;
  /*
   * Make sure the native browser selection style is not displayed.
   * Inline image widgets have their own styles for the selected state and
   * leaving this up to the browser is asking for a visual collision.
   */
}
.ck.ck-editor__editable .image-inline.ck-widget_selected ::selection {
  display: none;
}
/* Keep proportions of the inline image if the height is set and the image is wider than the editor width.
	See https://github.com/ckeditor/ckeditor5/issues/14542. */
.ck.ck-editor__editable .image-inline img {
  height: auto;
}
/* The inline image nested in the table should have its original size if not resized.
	See https://github.com/ckeditor/ckeditor5/issues/9117. */
.ck.ck-editor__editable td .image-inline img, .ck.ck-editor__editable th .image-inline img {
  max-width: none;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-editor__editable img.image_placeholder {
  background-size: 100% 100%;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/* Linked image indicator */
.ck.ck-editor__editable figure.image > a::after, .ck.ck-editor__editable a span.image-inline::after {
  display: block;
  position: absolute;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-link-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.ck.ck-link-actions .ck-link-actions__preview {
  display: inline-block;
}
.ck.ck-link-actions .ck-link-actions__preview .ck-button__label {
  overflow: hidden;
}
@media screen and (max-width: 600px) {
.ck.ck-link-actions {
    flex-wrap: wrap;
}
.ck.ck-link-actions .ck-link-actions__preview {
    flex-basis: 100%;
}
.ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) {
    flex-basis: 50%;
}
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-link-form {
  display: flex;
  align-items: flex-start;
}
.ck.ck-link-form .ck-label {
  display: none;
}
@media screen and (max-width: 600px) {
.ck.ck-link-form {
    flex-wrap: wrap;
}
.ck.ck-link-form .ck-labeled-field-view {
    flex-basis: 100%;
}
.ck.ck-link-form .ck-button {
    flex-basis: 50%;
}
}
/*
 * Style link form differently when manual decorators are available.
 * See: https://github.com/ckeditor/ckeditor5-link/issues/186.
 */
.ck.ck-link-form_layout-vertical {
  display: block;
  /*
   * Whether the form is in the responsive mode or not, if there are decorator buttons
   * keep the top margin of action buttons medium.
   */
}
.ck.ck-link-form_layout-vertical .ck-button.ck-button-save,
.ck.ck-link-form_layout-vertical .ck-button.ck-button-cancel {
  margin-top: var(--ck-spacing-medium);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck-editor__editable .ck-list-bogus-paragraph {
  display: block;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-list-styles-list {
  display: grid;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck-content ol {
  list-style-type: decimal;
}
.ck-content ol ol {
  list-style-type: lower-latin;
}
.ck-content ol ol ol {
  list-style-type: lower-roman;
}
.ck-content ol ol ol ol {
  list-style-type: upper-latin;
}
.ck-content ol ol ol ol ol {
  list-style-type: upper-roman;
}
.ck-content ul {
  list-style-type: disc;
}
.ck-content ul ul {
  list-style-type: circle;
}
.ck-content ul ul ul {
  list-style-type: square;
}
.ck-content ul ul ul ul {
  list-style-type: square;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-todo-list-checkmark-size: 16px;
}
/*
 * To-do list content styles.
 */
.ck-content .todo-list {
  list-style: none;
}
.ck-content .todo-list li {
  position: relative;
  margin-bottom: 5px;
}
.ck-content .todo-list li .todo-list {
  margin-top: 5px;
}
.ck-content .todo-list .todo-list__label > input {
  -webkit-appearance: none;
  display: inline-block;
  position: relative;
  width: var(--ck-todo-list-checkmark-size);
  height: var(--ck-todo-list-checkmark-size);
  vertical-align: middle;
  /* Needed on iOS */
  border: 0;
  /* LTR styles */
  left: -25px;
  margin-right: -15px;
  right: 0;
  margin-left: 0;
  /* RTL styles */
}
.ck-content[dir=rtl] .todo-list .todo-list__label > input {
  left: 0;
  margin-right: 0;
  right: -25px;
  margin-left: -15px;
}
.ck-content .todo-list .todo-list__label > input::before {
  display: block;
  position: absolute;
  box-sizing: border-box;
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid hsl(0, 0%, 20%);
  border-radius: 2px;
  transition: 250ms ease-in-out box-shadow;
}
@media (prefers-reduced-motion: reduce) {
.ck-content .todo-list .todo-list__label > input::before {
    transition: none;
}
}
.ck-content .todo-list .todo-list__label > input::after {
  display: block;
  position: absolute;
  box-sizing: content-box;
  pointer-events: none;
  content: "";
  /* Calculate tick position, size and border-width proportional to the checkmark size. */
  left: calc(var(--ck-todo-list-checkmark-size) / 3);
  top: calc(var(--ck-todo-list-checkmark-size) / 5.3);
  width: calc(var(--ck-todo-list-checkmark-size) / 5.3);
  height: calc(var(--ck-todo-list-checkmark-size) / 2.6);
  border-style: solid;
  border-color: transparent;
  border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0;
  transform: rotate(45deg);
}
.ck-content .todo-list .todo-list__label > input[checked]::before {
  background: hsl(126, 64%, 41%);
  border-color: hsl(126, 64%, 41%);
}
.ck-content .todo-list .todo-list__label > input[checked]::after {
  border-color: hsl(0, 0%, 100%);
}
.ck-content .todo-list .todo-list__label .todo-list__label__description {
  vertical-align: middle;
}
.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox] {
  position: absolute;
}
/*
 * To-do list editing view styles.
 */
/*
	 * To-do list should be interactive only during the editing
	 * (https://github.com/ckeditor/ckeditor5/issues/2090).
	 */
.ck-editor__editable.ck-content .todo-list .todo-list__label > input,
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input {
  cursor: pointer;
}
.ck-editor__editable.ck-content .todo-list .todo-list__label > input:hover::before, .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input:hover::before {
  box-shadow: 0 0 0 5px hsla(0, 0%, 0%, 0.1);
}
/*
	 * Document Lists - editing view has an additional span around checkbox.
	 */
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input {
  -webkit-appearance: none;
  display: inline-block;
  position: relative;
  width: var(--ck-todo-list-checkmark-size);
  height: var(--ck-todo-list-checkmark-size);
  vertical-align: middle;
  /* Needed on iOS */
  border: 0;
  /* LTR styles */
  left: -25px;
  margin-right: -15px;
  right: 0;
  margin-left: 0;
  /* RTL styles */
}
.ck-editor__editable.ck-content[dir=rtl] .todo-list .todo-list__label > span[contenteditable=false] > input {
  left: 0;
  margin-right: 0;
  right: -25px;
  margin-left: -15px;
}
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::before {
  display: block;
  position: absolute;
  box-sizing: border-box;
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid hsl(0, 0%, 20%);
  border-radius: 2px;
  transition: 250ms ease-in-out box-shadow;
}
@media (prefers-reduced-motion: reduce) {
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::before {
    transition: none;
}
}
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::after {
  display: block;
  position: absolute;
  box-sizing: content-box;
  pointer-events: none;
  content: "";
  /* Calculate tick position, size and border-width proportional to the checkmark size. */
  left: calc(var(--ck-todo-list-checkmark-size) / 3);
  top: calc(var(--ck-todo-list-checkmark-size) / 5.3);
  width: calc(var(--ck-todo-list-checkmark-size) / 5.3);
  height: calc(var(--ck-todo-list-checkmark-size) / 2.6);
  border-style: solid;
  border-color: transparent;
  border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0;
  transform: rotate(45deg);
}
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input[checked]::before {
  background: hsl(126, 64%, 41%);
  border-color: hsl(126, 64%, 41%);
}
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input[checked]::after {
  border-color: hsl(0, 0%, 100%);
}
.ck-editor__editable.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox] {
  position: absolute;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck-content .media {
  /* Don't allow floated content overlap the media.
  https://github.com/ckeditor/ckeditor5-media-embed/issues/53 */
  clear: both;
  /* Make sure there is some space between the content and the media. */
  /* The first value should be equal to --ck-spacing-large variable if used in the editor context
  to avoid the content jumping (See https://github.com/ckeditor/ckeditor5/issues/9825). */
  margin: 0.9em 0;
  /* Make sure media is not overriden with Bootstrap default `flex` value.
  See: https://github.com/ckeditor/ckeditor5/issues/1373. */
  display: block;
  /* Give the media some minimal width in the content to prevent them
  from being "squashed" in tight spaces, e.g. in table cells (#44) */
  min-width: 15em;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck-media__wrapper .ck-media__placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url {
  /* Otherwise the URL will overflow when the content is very narrow. */
  max-width: 100%;
  position: relative;
}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url .ck-media__placeholder__url__text {
  overflow: hidden;
  display: block;
}
.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="google.com/maps"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="goo.gl/maps"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="maps.google.com"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="maps.app.goo.gl"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder__icon * {
  display: none;
}
/* Disable all mouse interaction as long as the editor is not read–only.
   https://github.com/ckeditor/ckeditor5-media-embed/issues/58 */
.ck-editor__editable:not(.ck-read-only) .ck-media__wrapper > *:not(.ck-media__placeholder) {
  pointer-events: none;
}
/* Disable all mouse interaction when the widget is not selected (e.g. to avoid opening links by accident).
   https://github.com/ckeditor/ckeditor5-media-embed/issues/18 */
.ck-editor__editable:not(.ck-read-only) .ck-widget:not(.ck-widget_selected) .ck-media__placeholder {
  pointer-events: none;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck-vertical-form .ck-button::after {
  content: "";
  width: 0;
  position: absolute;
  right: -1px;
  top: -1px;
  bottom: -1px;
  z-index: 1;
}
.ck-vertical-form .ck-button:focus::after {
  display: none;
}
@media screen and (max-width: 600px) {
.ck.ck-responsive-form .ck-button::after {
    content: "";
    width: 0;
    position: absolute;
    right: -1px;
    top: -1px;
    bottom: -1px;
    z-index: 1;
}
.ck.ck-responsive-form .ck-button:focus::after {
    display: none;
}
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-media-form {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 400px;
}
.ck.ck-media-form .ck-labeled-field-view {
  display: inline-block;
  width: 100%;
}
.ck.ck-media-form .ck-label {
  display: none;
}
.ck.ck-media-form .ck-input {
  width: 100%;
}
@media screen and (max-width: 600px) {
.ck.ck-media-form {
    flex-wrap: wrap;
}
.ck.ck-media-form .ck-labeled-field-view {
    flex-basis: 100%;
}
.ck.ck-media-form .ck-button {
    flex-basis: 50%;
}
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-mention-list-max-height: 300px;
}
.ck.ck-mentions {
  max-height: var(--ck-mention-list-max-height);
  overflow-y: auto;
  /* Prevent unnecessary horizontal scrollbar in Safari
  https://github.com/ckeditor/ckeditor5-mention/issues/41 */
  overflow-x: hidden;
  overscroll-behavior: contain;
  /* Prevent unnecessary vertical scrollbar in Safari
  https://github.com/ckeditor/ckeditor5-mention/issues/41 */
}
.ck.ck-mentions > .ck-list__item {
  overflow: hidden;
  flex-shrink: 0;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-color-minimap-tracker-background: 208, 0%, 51%;
  --ck-color-minimap-iframe-outline: hsl(0deg 0% 75%);
  --ck-color-minimap-iframe-shadow: hsl(0deg 0% 0% / 11%);
  --ck-color-minimap-progress-background: hsl(0,0%,40%);
}
.ck.ck-minimap {
  position: absolute;
  user-select: none;
  background: var(--ck-color-base-background);
}
.ck.ck-minimap,
.ck.ck-minimap iframe {
  width: 100%;
  height: 100%;
}
.ck.ck-minimap iframe {
  border: 0;
  pointer-events: none;
  position: relative;
  outline: 1px solid var(--ck-color-minimap-iframe-outline);
  box-shadow: 0 2px 5px var(--ck-color-minimap-iframe-shadow);
  margin: 0;
}
.ck.ck-minimap .ck.ck-minimap__position-tracker {
  position: absolute;
  width: 100%;
  top: 0;
  background: hsla(var(--ck-color-minimap-tracker-background), 0.2);
  z-index: 1;
  transition: background 100ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-minimap .ck.ck-minimap__position-tracker {
    transition: none;
}
}
.ck.ck-minimap .ck.ck-minimap__position-tracker:hover {
  background: hsla(var(--ck-color-minimap-tracker-background), 0.3);
}
.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging,
.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:hover {
  background: hsla(var(--ck-color-minimap-tracker-background), 0.4);
}
.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging::after, .ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:hover::after {
  opacity: 1;
}
.ck.ck-minimap .ck.ck-minimap__position-tracker::after {
  content: attr(data-progress) "%";
  position: absolute;
  top: 5px;
  right: 5px;
  background: var(--ck-color-minimap-progress-background);
  color: var(--ck-color-base-background);
  border: 1px solid var(--ck-color-base-background);
  padding: 2px 4px;
  font-size: 10px;
  border-radius: 3px;
  opacity: 0;
  transition: opacity 100ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-minimap .ck.ck-minimap__position-tracker::after {
    transition: none;
}
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck-content .page-break {
  position: relative;
  clear: both;
  padding: 5px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ck-content .page-break::after {
  content: "";
  position: absolute;
  border-bottom: 2px dashed hsl(0, 0%, 77%);
  width: 100%;
}
.ck-content .page-break__label {
  position: relative;
  z-index: 1;
  padding: 0.3em 0.6em;
  display: block;
  text-transform: uppercase;
  border: 1px solid hsl(0, 0%, 77%);
  border-radius: 2px;
  font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
  font-size: 0.75em;
  font-weight: bold;
  color: hsl(0, 0%, 20%);
  background: hsl(0, 0%, 100%);
  box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);
  /* Disable the possibility to select the label text by the user. */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Do not show the page break element inside the print preview window. */
@media print {
.ck-content .page-break {
    padding: 0;
}
.ck-content .page-break::after {
    display: none;
}
  /*
   * From time to time placing page-break directly after a block element with margin causes appending a new blank page in pagination mode.
   * Removing margin-bottom from the block element fixes that issue and the margin is not being moved to the next blank page.
   *
   * Keep this in sync with the pagination plugins.
   */
.ck-content *:has(+ .page-break) {
    margin-bottom: 0;
}
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-show-blocks-border-color: hsl(0, 0%, 46%);
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {
  background-repeat: no-repeat;
  padding-top: 15px;
  /* Fix for Multi-root editor
  https://github.com/ckeditor/ckeditor5/issues/15969 */
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ADDRESS</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ADDRESS</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ADDRESS</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ADDRESS</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {
  background-repeat: no-repeat;
  padding-top: 15px;
  /* Fix for Multi-root editor
  https://github.com/ckeditor/ckeditor5/issues/15969 */
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ASIDE</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ASIDE</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ASIDE</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ASIDE</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {
  background-repeat: no-repeat;
  padding-top: 15px;
  /* Fix for Multi-root editor
  https://github.com/ckeditor/ckeditor5/issues/15969 */
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>BLOCKQUOTE</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>BLOCKQUOTE</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>BLOCKQUOTE</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>BLOCKQUOTE</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {
  background-repeat: no-repeat;
  padding-top: 15px;
  /* Fix for Multi-root editor
  https://github.com/ckeditor/ckeditor5/issues/15969 */
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DETAILS</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DETAILS</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DETAILS</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DETAILS</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) {
  background-repeat: no-repeat;
  padding-top: 15px;
  /* Fix for Multi-root editor
  https://github.com/ckeditor/ckeditor5/issues/15969 */
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DIV</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DIV</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *):not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DIV</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DIV</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {
  background-repeat: no-repeat;
  padding-top: 15px;
  /* Fix for Multi-root editor
  https://github.com/ckeditor/ckeditor5/issues/15969 */
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FOOTER</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FOOTER</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FOOTER</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FOOTER</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {
  background-repeat: no-repeat;
  padding-top: 15px;
  /* Fix for Multi-root editor
  https://github.com/ckeditor/ckeditor5/issues/15969 */
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H1</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H1</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H1</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H1</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {
  background-repeat: no-repeat;
  padding-top: 15px;
  /* Fix for Multi-root editor
  https://github.com/ckeditor/ckeditor5/issues/15969 */
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H2</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H2</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H2</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H2</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {
  background-repeat: no-repeat;
  padding-top: 15px;
  /* Fix for Multi-root editor
  https://github.com/ckeditor/ckeditor5/issues/15969 */
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H3</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H3</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H3</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H3</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {
  background-repeat: no-repeat;
  padding-top: 15px;
  /* Fix for Multi-root editor
  https://github.com/ckeditor/ckeditor5/issues/15969 */
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H4</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H4</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H4</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H4</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {
  background-repeat: no-repeat;
  padding-top: 15px;
  /* Fix for Multi-root editor
  https://github.com/ckeditor/ckeditor5/issues/15969 */
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H5</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H5</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H5</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H5</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {
  background-repeat: no-repeat;
  padding-top: 15px;
  /* Fix for Multi-root editor
  https://github.com/ckeditor/ckeditor5/issues/15969 */
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H6</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H6</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H6</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H6</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {
  background-repeat: no-repeat;
  padding-top: 15px;
  /* Fix for Multi-root editor
  https://github.com/ckeditor/ckeditor5/issues/15969 */
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>HEADER</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>HEADER</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>HEADER</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>HEADER</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {
  background-repeat: no-repeat;
  padding-top: 15px;
  /* Fix for Multi-root editor
  https://github.com/ckeditor/ckeditor5/issues/15969 */
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>MAIN</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>MAIN</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>MAIN</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>MAIN</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {
  background-repeat: no-repeat;
  padding-top: 15px;
  /* Fix for Multi-root editor
  https://github.com/ckeditor/ckeditor5/issues/15969 */
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>NAV</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>NAV</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>NAV</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>NAV</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {
  background-repeat: no-repeat;
  padding-top: 15px;
  /* Fix for Multi-root editor
  https://github.com/ckeditor/ckeditor5/issues/15969 */
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>PRE</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>PRE</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>PRE</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>PRE</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {
  background-repeat: no-repeat;
  padding-top: 15px;
  /* Fix for Multi-root editor
  https://github.com/ckeditor/ckeditor5/issues/15969 */
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>OL</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>OL</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>OL</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>OL</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {
  background-repeat: no-repeat;
  padding-top: 15px;
  /* Fix for Multi-root editor
  https://github.com/ckeditor/ckeditor5/issues/15969 */
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>UL</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>UL</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>UL</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>UL</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {
  background-repeat: no-repeat;
  padding-top: 15px;
  /* Fix for Multi-root editor
  https://github.com/ckeditor/ckeditor5/issues/15969 */
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>P</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>P</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>P</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>P</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {
  background-repeat: no-repeat;
  padding-top: 15px;
  /* Fix for Multi-root editor
  https://github.com/ckeditor/ckeditor5/issues/15969 */
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>SECTION</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>SECTION</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>SECTION</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>SECTION</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption {
  background-repeat: no-repeat;
  padding-top: 15px;
  /* Fix for Multi-root editor
  https://github.com/ckeditor/ckeditor5/issues/15969 */
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FIGCAPTION</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FIGCAPTION</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FIGCAPTION</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FIGCAPTION</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A visual style of focused element's border.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
.ck-source-editing-area {
  position: relative;
  overflow: hidden;
}
.ck-source-editing-area::after,
.ck-source-editing-area textarea {
  padding: var(--ck-spacing-large);
  margin: 0;
  border: 1px solid transparent;
  line-height: var(--ck-line-height-base);
  font-size: var(--ck-font-size-normal);
  font-family: monospace;
  white-space: pre-wrap;
}
.ck-source-editing-area::after {
  content: attr(data-value) " ";
  visibility: hidden;
  display: block;
}
.ck-source-editing-area textarea {
  position: absolute;
  width: 100%;
  height: 100%;
  resize: none;
  outline: none;
  overflow: hidden;
  box-sizing: border-box;
  border-color: var(--ck-color-base-border);
  border-radius: 0;
}
.ck-rounded-corners .ck-source-editing-area textarea,
.ck-source-editing-area textarea.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ck-source-editing-area textarea:not([readonly]):focus {
  /* Disable native outline. */
  outline: none;
  border: var(--ck-focus-ring);
  box-shadow: var(--ck-inner-shadow), 0 0;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-character-grid {
  max-width: 100%;
}
.ck.ck-character-grid .ck-character-grid__tiles {
  display: grid;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-character-info {
  display: flex;
  justify-content: space-between;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Note: This file should contain the wireframe styles only. But since there are no such styles,
 * it acts as a message to the builder telling that it should look for the corresponding styles
 * **in the theme** when compiling the editor.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-special-characters > .ck-dialog__content > div {
  width: 350px;
  max-width: 100%;
  height: 100%;
  display: grid;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories {
  grid-area: 1/1/2/2;
  padding: var(--ck-spacing-medium) var(--ck-spacing-large);
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view {
  padding-top: var(--ck-spacing-standard);
  width: 100%;
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status {
  background: var(--ck-color-base-error);
  color: var(--ck-color-base-background);
  padding: var(--ck-spacing-small) var(--ck-spacing-medium);
  min-width: var(--ck-table-properties-min-error-width);
  text-align: center;
  animation: ck-table-form-labeled-view-status-appear 0.15s ease both;
  /* The arrow pointing towards the field. */
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status::after {
  border-color: transparent transparent var(--ck-color-base-error) transparent;
  border-width: 0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size);
  border-style: solid;
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status {
    animation: none;
}
}
/* Hide the error balloon when the field is blurred. Makes the experience much more clear. */
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status {
  display: none;
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view > .ck-label {
  font-size: var(--ck-font-size-tiny);
  text-align: center;
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown {
  display: block;
  width: 100%;
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown > button:not(:focus) {
  border: 1px solid var(--ck-color-base-border);
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown > button > span {
  width: 100%;
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-grid {
  grid-area: 2/1/3/2;
  max-height: 200px;
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-info {
  grid-area: 3/1/4/2;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-style-panel-columns: 3;
}
.ck.ck-style-panel .ck-style-grid {
  display: grid;
  grid-template-columns: repeat(var(--ck-style-panel-columns), auto);
  justify-content: start;
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-style-grid__button__preview {
  display: flex;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 1;
  flex-basis: 100%;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck-content .table {
  /* Give the table widget some air and center it horizontally */
  /* The first value should be equal to --ck-spacing-large variable if used in the editor context
  to avoid the content jumping (See https://github.com/ckeditor/ckeditor5/issues/9825). */
  margin: 0.9em auto;
  display: table;
}
.ck-content .table table {
  /* The table cells should have slight borders */
  border-collapse: collapse;
  border-spacing: 0;
  /* Table width and height are set on the parent <figure>. Make sure the table inside stretches
  to the full dimensions of the container (https://github.com/ckeditor/ckeditor5/issues/6186). */
  width: 100%;
  height: 100%;
  /* The outer border of the table should be slightly darker than the inner lines.
  Also see https://github.com/ckeditor/ckeditor5-table/issues/50. */
  border: 1px double hsl(0, 0%, 70%);
}
.ck-content .table table td,
.ck-content .table table th {
  min-width: 2em;
  padding: 0.4em;
  /* The border is inherited from .ck-editor__nested-editable styles, so theoretically it's not necessary here.
  However, the border is a content style, so it should use .ck-content (so it works outside the editor).
  Hence, the duplication. See https://github.com/ckeditor/ckeditor5/issues/6314 */
  border: 1px solid hsl(0, 0%, 75%);
}
.ck-content .table table th {
  font-weight: bold;
  background: hsla(0, 0%, 0%, 5%);
}
/**
 * Expanding the table to the full height of the parent container is necessary because tables
 * are rendered inside <figure> elements, which is kinda buggy in table height calculation.
 * While setting `height: 100%` fixes the issue in the editing mode described here:
 * https://github.com/ckeditor/ckeditor5/issues/6186
 *
 * it's causing another issue with the table height in the print preview mode here:
 * https://github.com/ckeditor/ckeditor5/issues/16856
 *
 * For now, resetting the height to `initial` in the print mode works as a workaround.
 */
@media print {
.ck-content .table table {
    height: initial;
}
}
/* Text alignment of the table header should match the editor settings and override the native browser styling,
when content is available outside the editor. See https://github.com/ckeditor/ckeditor5/issues/6638 */
.ck-content[dir=rtl] .table th {
  text-align: right;
}
.ck-content[dir=ltr] .table th {
  text-align: left;
}
.ck-editor__editable .ck-table-bogus-paragraph {
  /*
   * Use display:inline-block to force Chrome/Safari to limit text mutations to this element.
   * See https://github.com/ckeditor/ckeditor5/issues/6062.
   */
  display: inline-block;
  /*
   * Inline HTML elements nested in the span should always be dimensioned in relation to the whole cell width.
   * See https://github.com/ckeditor/ckeditor5/issues/9117.
   */
  width: 100%;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck .ck-insert-table-dropdown__grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-form__row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  /* Ignore labels that work as fieldset legends */
}
.ck.ck-form__row > *:not(.ck-label) {
  flex-grow: 1;
}
.ck.ck-form__row.ck-table-form__action-row .ck-button-save,
.ck.ck-form__row.ck-table-form__action-row .ck-button-cancel {
  justify-content: center;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row {
  flex-wrap: wrap;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:first-of-type {
  /* 4 buttons out of 7 (h-alignment + v-alignment) = 0.57 */
  flex-grow: 0.57;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:last-of-type {
  /* 3 buttons out of 7 (h-alignment + v-alignment) = 0.43 */
  flex-grow: 0.43;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar .ck-button {
  flex-grow: 1;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-input-color {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
}
.ck.ck-input-color > input.ck.ck-input-text {
  min-width: auto;
  flex-grow: 1;
}
.ck.ck-input-color > div.ck.ck-dropdown {
  min-width: auto;
  /* This dropdown has no arrow but a color preview instead. */
}
.ck.ck-input-color > div.ck.ck-dropdown > .ck-input-color__button .ck-dropdown__arrow {
  display: none;
}
.ck.ck-input-color .ck.ck-input-color__button {
  /* Resolving issue with misaligned buttons on Safari (see #10589) */
  display: flex;
}
.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview {
  position: relative;
  overflow: hidden;
}
.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview > .ck.ck-input-color__button__preview__no-color-indicator {
  position: absolute;
  display: block;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-table-form .ck-form__row.ck-table-form__border-row {
  flex-wrap: wrap;
}
.ck.ck-table-form .ck-form__row.ck-table-form__background-row {
  flex-wrap: wrap;
}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row {
  flex-wrap: wrap;
  align-items: center;
}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view .ck.ck-dropdown {
  flex-grow: 0;
}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator {
  flex-grow: 0;
}
.ck.ck-table-form .ck.ck-labeled-field-view {
  /* Allow absolute positioning of the status (error) balloons. */
  position: relative;
}
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
  position: absolute;
  left: 50%;
  bottom: calc(-1 * var(--ck-table-properties-error-arrow-size));
  transform: translate(-50%, 100%);
  /* Make sure the balloon status stays on top of other form elements. */
  z-index: 1;
  /* The arrow pointing towards the field. */
}
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status::after {
  content: "";
  position: absolute;
  top: calc(-1 * var(--ck-table-properties-error-arrow-size));
  left: 50%;
  transform: translateX(-50%);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row {
  flex-wrap: wrap;
  flex-basis: 0;
  align-content: baseline;
}
.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items {
  flex-wrap: nowrap;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-color-selector-caption-background: hsl(0, 0%, 97%);
  --ck-color-selector-caption-text: hsl(0, 0%, 20%);
  --ck-color-selector-caption-highlighted-background: hsl(52deg 100% 50%);
}
/* Content styles */
.ck-content .table > figcaption {
  display: table-caption;
  caption-side: top;
  word-break: break-word;
  text-align: center;
  color: var(--ck-color-selector-caption-text);
  background-color: var(--ck-color-selector-caption-background);
  padding: 0.6em;
  font-size: 0.75em;
  outline-offset: -1px;
  /* Improve placeholder rendering in high-constrast mode (https://github.com/ckeditor/ckeditor5/issues/14907). */
}
@media (forced-colors: active) {
.ck-content .table > figcaption {
    background-color: unset;
    color: unset;
}
}
/* Editing styles */
@media (forced-colors: none) {
.ck.ck-editor__editable .table > figcaption.table__caption_highlighted {
    animation: ck-table-caption-highlight 0.6s ease-out;
}
}
.ck.ck-editor__editable .table > figcaption.ck-placeholder::before {
  padding-left: inherit;
  padding-right: inherit;
  /*
   * Make sure the table caption placeholder doesn't overflow the placeholder area.
   * See https://github.com/ckeditor/ckeditor5/issues/9162.
   */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@keyframes ck-table-caption-highlight {
0% {
    background-color: var(--ck-color-selector-caption-highlighted-background);
}
100% {
    background-color: var(--ck-color-selector-caption-background);
}
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-color-selector-column-resizer-hover: var(--ck-color-base-active);
  --ck-table-column-resizer-width: 7px;
  /* The offset used for absolute positioning of the resizer element, so that it is placed exactly above the cell border.
     The value is: minus half the width of the resizer decreased additionaly by the half the width of the border (0.5px). */
  --ck-table-column-resizer-position-offset: calc(var(--ck-table-column-resizer-width) * -0.5 - 0.5px);
}
.ck-content .table .ck-table-resized {
  table-layout: fixed;
}
.ck-content .table table {
  overflow: hidden;
}
.ck-content .table td,
.ck-content .table th {
  /* To prevent text overflowing beyond its cell when columns are resized by resize handler
  (https://github.com/ckeditor/ckeditor5/pull/14379#issuecomment-1589460978). */
  overflow-wrap: break-word;
  position: relative;
}
.ck.ck-editor__editable .table .ck-table-column-resizer {
  position: absolute;
  top: 0;
  bottom: 0;
  right: var(--ck-table-column-resizer-position-offset);
  width: var(--ck-table-column-resizer-width);
  cursor: col-resize;
  user-select: none;
  z-index: var(--ck-z-default);
}
.ck.ck-editor__editable.ck-column-resize_disabled .table .ck-table-column-resizer {
  display: none;
}
/* The resizer elements, which are extended to an extremely high height, break the drag & drop feature in Chrome. To make it work again,
   all resizers must be hidden while the table is dragged. */
.ck.ck-editor__editable .table[draggable] .ck-table-column-resizer {
  display: none;
}
.ck.ck-editor__editable .table .ck-table-column-resizer:hover,
.ck.ck-editor__editable .table .ck-table-column-resizer__active {
  background-color: var(--ck-color-selector-column-resizer-hover);
  opacity: 0.25;
  /* The resizer element resides in each cell so to occupy the entire height of the table, which is unknown from a CSS point of view,
     it is extended to an extremely high height. Even for screens with a very high pixel density, the resizer will fulfill its role as
     it should, i.e. for a screen of 476 ppi the total height of the resizer will take over 350 sheets of A4 format, which is totally
     unrealistic height for a single table. */
  top: -999999px;
  bottom: -999999px;
}
.ck.ck-editor__editable[dir=rtl] .table .ck-table-column-resizer {
  left: var(--ck-table-column-resizer-position-offset);
  right: unset;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A class which hides an element in DOM.
 */
.ck-hidden {
  /* Override selector specificity. Otherwise, all elements with some display
  style defined will override this one, which is not a desired result. */
  display: none !important;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-z-default: 1;
  --ck-z-panel: calc( var(--ck-z-default) + 999 );
  --ck-z-dialog: 9999;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * A class that disables all transitions of the element and its children.
 */
.ck-transitions-disabled,
.ck-transitions-disabled * {
  transition: none !important;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-powered-by-line-height: 10px;
  --ck-powered-by-padding-vertical: 2px;
  --ck-powered-by-padding-horizontal: 4px;
  --ck-powered-by-text-color: hsl(0, 0%, 31%);
  --ck-powered-by-border-radius: var(--ck-border-radius);
  --ck-powered-by-background: hsl(0, 0%, 100%);
  --ck-powered-by-border-color: var(--ck-color-focus-border);
}
.ck.ck-balloon-panel.ck-powered-by-balloon {
  --ck-border-radius: var(--ck-powered-by-border-radius);
  box-shadow: none;
  background: var(--ck-powered-by-background);
  min-height: unset;
  z-index: calc(var(--ck-z-panel) - 1);
}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by {
  line-height: var(--ck-powered-by-line-height);
}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by a {
  cursor: pointer;
  display: flex;
  align-items: center;
  opacity: 0.66;
  filter: grayscale(80%);
  line-height: var(--ck-powered-by-line-height);
  padding: var(--ck-powered-by-padding-vertical) var(--ck-powered-by-padding-horizontal);
}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-powered-by__label {
  font-size: 7.5px;
  letter-spacing: -0.2px;
  padding-left: 2px;
  text-transform: uppercase;
  font-weight: bold;
  margin-right: 4px;
  cursor: pointer;
  line-height: normal;
  color: var(--ck-powered-by-text-color);
}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-icon {
  display: block;
  cursor: pointer;
}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by:hover a {
  filter: grayscale(0%);
  opacity: 1;
}
.ck.ck-balloon-panel.ck-powered-by-balloon[class*=position_inside] {
  border-color: transparent;
}
.ck.ck-balloon-panel.ck-powered-by-balloon[class*=position_border] {
  border: var(--ck-focus-ring);
  border-color: var(--ck-powered-by-border-color);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Makes element unselectable.
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-button,
a.ck.ck-button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  display: inline-flex;
  align-items: center;
}
[dir=ltr] .ck.ck-button, [dir=ltr] a.ck.ck-button {
  justify-content: left;
}
[dir=rtl] .ck.ck-button, [dir=rtl] a.ck.ck-button {
  justify-content: right;
}
.ck.ck-button .ck-button__label, a.ck.ck-button .ck-button__label {
  display: none;
}
.ck.ck-button.ck-button_with-text .ck-button__label, a.ck.ck-button.ck-button_with-text .ck-button__label {
  display: inline-block;
}
/* Center the icon horizontally in a button without text. */
.ck.ck-button:not(.ck-button_with-text), a.ck.ck-button:not(.ck-button_with-text) {
  justify-content: center;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-button.ck-switchbutton .ck-button__toggle {
  display: block;
}
.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
  display: block;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-list-item-button {
  min-height: unset;
  width: 100%;
  border-radius: 0;
}
[dir=ltr] .ck.ck-list-item-button {
  text-align: left;
}
[dir=rtl] .ck.ck-list-item-button {
  text-align: right;
}
[dir=ltr] .ck.ck-list-item-button.ck-list-item-button_toggleable {
  padding-left: var(--ck-spacing-small);
}
[dir=rtl] .ck.ck-list-item-button.ck-list-item-button_toggleable {
  padding-right: var(--ck-spacing-small);
}
.ck.ck-list-item-button .ck-list-item-button__check-holder {
  display: inline-flex;
  width: 0.9em;
  height: 0.9em;
}
[dir=ltr] .ck.ck-list-item-button .ck-list-item-button__check-holder {
  margin-right: var(--ck-spacing-small);
}
[dir=rtl] .ck.ck-list-item-button .ck-list-item-button__check-holder {
  margin-left: var(--ck-spacing-small);
}
.ck.ck-list-item-button .ck-list-item-button__check-icon {
  height: 100%;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-collapsible.ck-collapsible_collapsed > .ck-collapsible__children {
  display: none;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-color-grid {
  display: grid;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.color-picker-hex-input {
  width: max-content;
}
.color-picker-hex-input .ck.ck-input {
  min-width: unset;
}
.ck.ck-color-picker__row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: var(--ck-spacing-large) 0 0;
  width: unset;
}
.ck.ck-color-picker__row .ck.ck-labeled-field-view {
  padding-top: unset;
}
.ck.ck-color-picker__row .ck.ck-input-text {
  width: unset;
}
.ck.ck-color-picker__row .ck-color-picker__hash-view {
  padding-top: var(--ck-spacing-tiny);
  padding-right: var(--ck-spacing-medium);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/* View fragment with color grids. */
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color,
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {
  display: flex;
  align-items: center;
}
[dir=rtl] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color, [dir=rtl] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {
  justify-content: flex-start;
}
/* View fragment with a color picker. */
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-save,
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-cancel {
  flex: 1;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-dialog .ck.ck-dialog__actions {
  display: flex;
  justify-content: flex-end;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-dialog-overlay {
  user-select: none;
  overscroll-behavior: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.ck.ck-dialog-overlay.ck-dialog-overlay__transparent {
  pointer-events: none;
  animation: none;
  background: none;
}
.ck.ck-dialog {
  overscroll-behavior: none;
  width: fit-content;
  position: absolute;
}
.ck.ck-dialog .ck.ck-form__header {
  flex-shrink: 0;
}
/* Modals should not be draggable. */
.ck.ck-dialog:not(.ck-dialog_modal) .ck.ck-form__header .ck-form__header__label {
  cursor: grab;
}
.ck.ck-dialog-overlay.ck-dialog-overlay__transparent .ck.ck-dialog {
  pointer-events: all;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-dropdown-max-width: 75vw;
}
.ck.ck-dropdown {
  display: inline-block;
  position: relative;
}
.ck.ck-dropdown .ck-dropdown__arrow {
  pointer-events: none;
  z-index: var(--ck-z-default);
}
/* Dropdown button should span horizontally, e.g. in vertical toolbars */
.ck.ck-dropdown .ck-button.ck-dropdown__button {
  width: 100%;
}
.ck.ck-dropdown .ck-dropdown__panel {
  display: none;
  z-index: var(--ck-z-panel);
  max-width: var(--ck-dropdown-max-width);
  position: absolute;
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel-visible {
  display: inline-block;
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme {
  bottom: 100%;
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s {
  /*
   * Using transform: translate3d( 0, 100%, 0 ) causes blurry dropdown on Chrome 67-78+ on non-retina displays.
   * See https://github.com/ckeditor/ckeditor5/issues/1053.
   */
  top: 100%;
  bottom: auto;
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {
  left: 0px;
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw {
  right: 0px;
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n {
  /* Positioning panels relative to the center of the button */
  left: 50%;
  transform: translateX(-50%);
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw {
  /* Positioning panels relative to the middle-west of the button */
  left: 75%;
  transform: translateX(-75%);
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme {
  /* Positioning panels relative to the middle-east of the button */
  left: 25%;
  transform: translateX(-25%);
}
/*
 * Toolbar dropdown panels should be always above the UI (eg. other dropdown panels) from the editor's content.
 * See https://github.com/ckeditor/ckeditor5/issues/7874
 */
.ck.ck-toolbar .ck-dropdown__panel {
  z-index: calc(var(--ck-z-panel) + 1);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-splitbutton {
  /* Enable font size inheritance, which allows fluid UI scaling. */
  font-size: inherit;
}
.ck.ck-splitbutton .ck-splitbutton__action:focus {
  z-index: calc(var(--ck-z-default) + 1);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-toolbar-dropdown-max-width: 60vw;
}
.ck.ck-toolbar-dropdown > .ck-dropdown__panel {
  /* https://github.com/ckeditor/ckeditor5/issues/5586 */
  width: max-content;
  max-width: var(--ck-toolbar-dropdown-max-width);
}
.ck.ck-toolbar-dropdown > .ck-dropdown__panel .ck-button:focus {
  z-index: calc(var(--ck-z-default) + 1);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
  pointer-events: none;
  z-index: var(--ck-z-default);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel {
  position: absolute;
  max-height: 314px; /* With the default settings, this is equal to 10 menu items. */
  overflow-y: auto;
  z-index: calc(var(--ck-z-panel) + 1);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-dropdown-menu-list__nested-menu {
  display: block;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-aria-live-announcer {
  position: absolute;
  left: -10000px;
  top: -10000px;
}
.ck.ck-aria-live-region-list {
  list-style-type: none;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-form__header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}
.ck.ck-form__header h2.ck-form__header__label {
  flex-grow: 1;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-icon {
  vertical-align: middle;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-label {
  display: block;
}
.ck.ck-voice-label {
  display: none;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper {
  display: flex;
  position: relative;
}
.ck.ck-labeled-field-view .ck.ck-label {
  display: block;
  position: absolute;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Makes element unselectable.
 */
.ck.ck-list {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  flex-direction: column;
}
.ck.ck-list .ck-list__item,
.ck.ck-list .ck-list__separator {
  display: block;
}
/* Make sure that whatever child of the list item gets focus, it remains on the
	top. Thanks to that, styles like box-shadow, outline, etc. are not masked by
	adjacent list items. */
.ck.ck-list .ck-list__item > *:focus {
  position: relative;
  z-index: var(--ck-z-default);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  /* Make sure the balloon arrow does not float over its children. */
  --ck-balloon-panel-arrow-z-index: calc(var(--ck-z-default) - 3);
}
.ck.ck-balloon-panel {
  display: none;
  position: absolute;
  z-index: var(--ck-z-panel);
}
.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before,
.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after {
  content: "";
  position: absolute;
}
.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before {
  z-index: var(--ck-balloon-panel-arrow-z-index);
}
.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after {
  z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
}
.ck.ck-balloon-panel[class*=arrow_n]::before {
  z-index: var(--ck-balloon-panel-arrow-z-index);
}
.ck.ck-balloon-panel[class*=arrow_n]::after {
  z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
}
.ck.ck-balloon-panel[class*=arrow_s]::before {
  z-index: var(--ck-balloon-panel-arrow-z-index);
}
.ck.ck-balloon-panel[class*=arrow_s]::after {
  z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
}
.ck.ck-balloon-panel.ck-balloon-panel_visible {
  display: block;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck .ck-balloon-rotator__navigation {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Buttons inside a toolbar should be centered when rotator bar is wider.
 * See: https://github.com/ckeditor/ckeditor5-ui/issues/495
 */
.ck .ck-balloon-rotator__content .ck-toolbar {
  justify-content: center;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck .ck-fake-panel {
  position: absolute;
  /* Fake panels should be placed under main balloon content. */
  z-index: calc(var(--ck-z-panel) - 1);
}
.ck .ck-fake-panel div {
  position: absolute;
}
.ck .ck-fake-panel div:nth-child(1) {
  z-index: 2;
}
.ck .ck-fake-panel div:nth-child(2) {
  z-index: 1;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
  z-index: var(--ck-z-panel); /* #315 */
  position: fixed;
  top: 0;
}
.ck.ck-sticky-panel .ck-sticky-panel__content_sticky_bottom-limit {
  top: auto;
  position: absolute;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-autocomplete {
  position: relative;
}
.ck.ck-autocomplete > .ck-search__results {
  position: absolute;
  z-index: var(--ck-z-panel);
}
.ck.ck-autocomplete > .ck-search__results.ck-search__results_n {
  bottom: 100%;
}
.ck.ck-autocomplete > .ck-search__results.ck-search__results_s {
  top: 100%;
  bottom: auto;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
[dir=ltr] .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
  left: var(--ck-spacing-medium);
}
[dir=rtl] .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
  right: var(--ck-spacing-medium);
}
.ck.ck-search > .ck-labeled-field-view .ck-search__reset {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.ck.ck-search > .ck-search__results > .ck-search__info > span:first-child {
  display: block;
}
/* Hide the filtered view when nothing was found */
.ck.ck-search > .ck-search__results > .ck-search__info:not(.ck-hidden) ~ * {
  display: none;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-highlighted-text mark {
  background: var(--ck-color-highlight-background);
  vertical-align: initial;
  font-weight: inherit;
  line-height: inherit;
  font-size: inherit;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Makes element unselectable.
 */
.ck.ck-balloon-panel.ck-tooltip {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: calc(var(--ck-z-dialog) + 100);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-toolbar-spinner-size: 18px;
}
.ck.ck-spinner-container {
  display: block;
  position: relative;
}
.ck.ck-spinner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  z-index: 1;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/**
 * Makes element unselectable.
 */
.ck.ck-toolbar {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.ck.ck-toolbar > .ck-toolbar__items {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  flex-grow: 1;
}
.ck.ck-toolbar .ck.ck-toolbar__separator {
  display: inline-block;
  /*
   * A leading or trailing separator makes no sense (separates from nothing on one side).
   * For instance, it can happen when toolbar items (also separators) are getting grouped one by one and
   * moved to another toolbar in the dropdown.
   */
}
.ck.ck-toolbar .ck.ck-toolbar__separator:first-child,
.ck.ck-toolbar .ck.ck-toolbar__separator:last-child {
  display: none;
}
.ck.ck-toolbar .ck-toolbar__line-break {
  flex-basis: 100%;
}
.ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {
  flex-wrap: nowrap;
}
.ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items {
  flex-direction: column;
}
.ck.ck-toolbar.ck-toolbar_floating > .ck-toolbar__items {
  flex-wrap: nowrap;
}
.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck-dropdown__button .ck-dropdown__arrow {
  display: none;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-block-toolbar-button {
  position: absolute;
  z-index: var(--ck-z-default);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
  pointer-events: none;
  z-index: var(--ck-z-default);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-menu-bar-menu-max-width: 75vw;
  --ck-menu-bar-nested-menu-horizontal-offset: 5px;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {
  z-index: var(--ck-z-panel);
  max-width: var(--ck-menu-bar-menu-max-width);
  position: absolute;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw {
  bottom: 100%;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw {
  top: 100%;
  bottom: auto;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se {
  left: 0px;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw {
  right: 0px;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en {
  left: calc(100% - var(--ck-menu-bar-nested-menu-horizontal-offset));
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es {
  top: 0px;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en {
  bottom: 0px;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn {
  right: calc(100% - var(--ck-menu-bar-nested-menu-horizontal-offset));
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws {
  top: 0px;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn {
  bottom: 0px;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck.ck-menu-bar__menu {
  display: block;
  position: relative;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
  --ck-color-resizer: var(--ck-color-focus-border);
  --ck-color-resizer-tooltip-background: hsl(0, 0%, 15%);
  --ck-color-resizer-tooltip-text: hsl(0, 0%, 95%);
  --ck-resizer-border-radius: var(--ck-border-radius);
  --ck-resizer-tooltip-offset: 10px;
  --ck-resizer-tooltip-height: calc(var(--ck-spacing-small) * 2 + 10px);
}
.ck .ck-widget {
  /* This is neccessary for type around UI to be positioned properly. */
  position: relative;
}
.ck .ck-widget.ck-widget_with-selection-handle {
  /* Make the widget wrapper a relative positioning container for the drag handle. */
  position: relative;
}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
  position: absolute;
}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon {
  /* Make sure the icon in not a subject to font-size or line-height to avoid
  unnecessary spacing around it. */
  display: block;
}
/* Show the selection handle on mouse hover over the widget, but not for nested widgets. */
.ck .ck-widget.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle {
  visibility: visible;
}
/* Show the selection handle when the widget is selected, but not for nested widgets. */
.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle {
  visibility: visible;
}
.ck .ck-size-view {
  background: var(--ck-color-resizer-tooltip-background);
  color: var(--ck-color-resizer-tooltip-text);
  border: 1px solid var(--ck-color-resizer-tooltip-text);
  border-radius: var(--ck-resizer-border-radius);
  font-size: var(--ck-font-size-tiny);
  display: block;
  padding: 0 var(--ck-spacing-small);
  height: var(--ck-resizer-tooltip-height);
  line-height: var(--ck-resizer-tooltip-height);
}
.ck .ck-size-view.ck-orientation-top-left,
.ck .ck-size-view.ck-orientation-top-right,
.ck .ck-size-view.ck-orientation-bottom-right,
.ck .ck-size-view.ck-orientation-bottom-left,
.ck .ck-size-view.ck-orientation-above-center {
  position: absolute;
}
.ck .ck-size-view.ck-orientation-top-left {
  top: var(--ck-resizer-tooltip-offset);
  left: var(--ck-resizer-tooltip-offset);
}
.ck .ck-size-view.ck-orientation-top-right {
  top: var(--ck-resizer-tooltip-offset);
  right: var(--ck-resizer-tooltip-offset);
}
.ck .ck-size-view.ck-orientation-bottom-right {
  bottom: var(--ck-resizer-tooltip-offset);
  right: var(--ck-resizer-tooltip-offset);
}
.ck .ck-size-view.ck-orientation-bottom-left {
  bottom: var(--ck-resizer-tooltip-offset);
  left: var(--ck-resizer-tooltip-offset);
}
/* Class applied if the widget is too small to contain the size label */
.ck .ck-size-view.ck-orientation-above-center {
  top: calc(var(--ck-resizer-tooltip-height) * -1);
  left: 50%;
  transform: translate(-50%);
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
.ck .ck-widget_with-resizer {
  /* Make the widget wrapper a relative positioning container for the drag handle. */
  position: relative;
}
.ck .ck-widget__resizer {
  display: none;
  position: absolute;
  /* The wrapper itself should not interfere with the pointer device, only the handles should. */
  pointer-events: none;
  left: 0;
  top: 0;
}
.ck-focused .ck-widget_with-resizer.ck-widget_selected > .ck-widget__resizer {
  display: block;
}
.ck .ck-widget__resizer__handle {
  position: absolute;
  /* Resizers are the only UI elements that should interfere with a pointer device. */
  pointer-events: all;
}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left,
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right {
  cursor: nwse-resize;
}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right,
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left {
  cursor: nesw-resize;
}
/*
 * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
/*
	 * Styles of the type around buttons
	 */
.ck .ck-widget .ck-widget__type-around__button {
  display: block;
  position: absolute;
  overflow: hidden;
  z-index: var(--ck-z-default);
}
.ck .ck-widget .ck-widget__type-around__button svg {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: calc(var(--ck-z-default) + 2);
}
.ck .ck-widget .ck-widget__type-around__button.ck-widget__type-around__button_before {
  /* Place it in the middle of the outline */
  top: calc(-0.5 * var(--ck-widget-outline-thickness));
  left: min(10%, 30px);
  transform: translateY(-50%);
}
.ck .ck-widget .ck-widget__type-around__button.ck-widget__type-around__button_after {
  /* Place it in the middle of the outline */
  bottom: calc(-0.5 * var(--ck-widget-outline-thickness));
  right: min(10%, 30px);
  transform: translateY(50%);
}
/*
	 * Styles for the buttons when:
	 * - the widget is selected,
	 * - or the button is being hovered (regardless of the widget state).
	 */
.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button::after, .ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover::after {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: calc(var(--ck-z-default) + 1);
}
/*
	 * Styles for the horizontal "fake caret" which is displayed when the user navigates using the keyboard.
	 */
.ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
}
/*
	 * When the widget is hovered the "fake caret" would normally be narrower than the
	 * extra outline displayed around the widget. Let's extend the "fake caret" to match
	 * the full width of the widget.
	 */
.ck .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
  left: calc(-1 * var(--ck-widget-outline-thickness));
  right: calc(-1 * var(--ck-widget-outline-thickness));
}
/*
	 * Styles for the horizontal "fake caret" when it should be displayed before the widget (backward keyboard navigation).
	 */
.ck .ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
  top: calc(-1 * var(--ck-widget-outline-thickness) - 1px);
  display: block;
}
/*
	 * Styles for the horizontal "fake caret" when it should be displayed after the widget (forward keyboard navigation).
	 */
.ck .ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
  bottom: calc(-1 * var(--ck-widget-outline-thickness) - 1px);
  display: block;
}
/*
 * Integration with the read-only mode of the editor.
 */
.ck.ck-editor__editable.ck-read-only .ck-widget__type-around {
  display: none;
}
/*
 * Integration with the restricted editing mode (feature) of the editor.
 */
.ck.ck-editor__editable.ck-restricted-editing_mode_restricted .ck-widget__type-around {
  display: none;
}
/*
 * Integration with the #isEnabled property of the WidgetTypeAround plugin.
 */
.ck.ck-editor__editable.ck-widget__type-around_disabled .ck-widget__type-around {
  display: none;
}
/* Overrides of ckeditor5/ckeditor5.css */
:root {
  --ck-z-panel: 6002;
}
.ck.ck-editor__editable.ck-focused[data-v-e87ff6a9]:not(.ck-editor__nested-editable) {
  border-color: var(--q-primary);
}
[data-v-e87ff6a9] .cke {
  border-color: #f7f7f7;
  transition: 0.3s border-color;
}
[data-v-e87ff6a9] .cke_bottom {
  border-top-color: #f1f1f1;
  background: transparent;
}
[data-v-e87ff6a9] .cke_top {
  transition: 0.3s opacity;
  opacity: 0.3;
}
[data-v-e87ff6a9] .cke_focus.cke {
  border-color: #d1d1d1;
}
[data-v-e87ff6a9] .cke_focus .cke_top {
  opacity: 1;
}
[data-v-e87ff6a9] .ck:has(.ck-focused) .ck-toolbar {
  position: sticky;
  top: 0;
}
[data-v-e87ff6a9] .aff-link {
  background: var(--ck-color-link-selected-background);
  position: relative;
  padding: 0 5px 0 30px;
}
[data-v-e87ff6a9] .aff-link:before {
  content: "";
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z"/></svg>') left center no-repeat;
  display: inline-block;
  height: 1rem;
  margin-left: 0.3rem;
  position: absolute;
  top: 10%;
  width: 20px;
  left: 0;
}
[data-v-e87ff6a9] .cke_source {
  min-height: 15rem;
}
[data-v-e87ff6a9] .ck-editor__editable_inline {
  min-height: var(--e87ff6a9-editableMinHeight);
}
[data-v-e87ff6a9] .ck-editor__editable {
  min-height: var(--e87ff6a9-editableMinHeight);
}
[data-v-e87ff6a9] .ck-editor__editable body {
  font-family: "Roboto", sans-serif;
  line-height: 1.5;
  margin-top: 0;
}
[data-v-e87ff6a9] .ck-editor__editable p {
  font-size: 16px;
  margin-bottom: 0.5rem;
  margin-top: 0;
  line-height: 1.5rem;
}
[data-v-e87ff6a9] .ck-editor__editable h2 {
  font-size: 22px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 2.25rem;
}
[data-v-e87ff6a9] .ck-editor__editable h3 {
  font-size: 20px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.75rem;
}
[data-v-e87ff6a9] .ck-editor__editable * a {
  color: #008385;
  margin-top: 0;
}
.word-label[data-v-e87ff6a9] {
  white-space: nowrap;
  color: var(--text-black);
  font-family: "Roboto";
  padding-top: 0.5rem;
  text-align: right;
  font-size: 0.75rem;
  display: block;
}
.text-small[data-v-e87ff6a9] {
  font-size: 0.875rem;
}
@media (max-width: 590px) {
[data-v-adf6febf] .state-search {
    margin-left: 0;
}
}
.big[data-v-14e38ca0] {
  max-height: 32px;
}
.remove-icon[data-v-14e38ca0] {
  position: absolute;
  background: var(--q-primary);
  min-width: 24px;
  height: 24px;
  border-radius: 50%;
  cursor: pointer;
  top: -8px;
  right: -8px;
}
.article-kicker[data-v-587d439e] {
  color: var(--q-primary);
}
.article-detail[data-v-587d439e] {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  flex: 1;
}
.article-box-action-button[data-v-587d439e] {
  width: 40px;
  height: 32px;
  padding: 0 !important;
  border-color: #000;
}
.article-box-action-button[data-v-587d439e] i {
  color: var(--q-primary);
}
.article-wrapper[data-v-587d439e] {
  display: flex;
  align-items: center;
  max-height: 140px;
  position: relative;
}
.teaser-preview[data-v-587d439e] {
  position: relative;
  margin-right: 4px; /* Space between the image and text content */
}
.play-btn[data-v-587d439e] {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 4px;
  right: 4px;
  z-index: 2;
}
.play-btn[data-v-587d439e]:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='18.33' height='18.33'%3E%3Ccircle cx='10' cy='10' r='9.166' fill='black' stroke='white' stroke-width='1.667'/%3E%3Cpolygon points='7.5,5.5 14,10 7.5,14.5' fill='white'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}
.invalid[data-v-587d439e] {
  border: 2px solid var(--q-negative) !important;
}
.display-date[data-v-587d439e] {
  font-size: 12px;
  color: #666;
}
.truncate-1-special[data-v-587d439e] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.ghost[data-v-8109ce88] {
  background-color: #ececec;
  opacity: 0.8;
  border: 1px solid #aaa;
}
.custom-icon-color[data-v-8109ce88] q-icon {
  color: var(--q-primary);
}
.list-columns-space[data-v-8109ce88] {
  height: 500px;
}
.scrollable-section-article-offer[data-v-8109ce88] {
  height: calc(100vh - 295px); /* Subtract header, footer, pagination and top form controls and give rest of the view area */
  overflow-y: auto;
}
.scrollable-section-article-list[data-v-8109ce88] {
  height: calc(100vh - 316px); /* Subtract header, footer and top form controls and give rest of the view area */
  overflow-y: auto;
}
.button-selector[data-v-8109ce88] {
  border: 1px dashed #ccc; /* Visible dashed border when the area is empty */
}
.disabled[data-v-8109ce88],
.disabled[data-v-8109ce88] * {
  pointer-events: none;
}
.disabled-cursor[data-v-8109ce88] {
  cursor: not-allowed !important;
}
.push-banner[data-v-9f0dcb41] {
  display: inline-block;
  background-color: var(--btn-hover-bg);
}
.article-push-modal .q-layout-container[data-v-4d4a6062] {
  max-height: 600px;
  max-width: 570px;
}
.article-push-modal .banner-message[data-v-4d4a6062] {
  background-color: var(--btn-hover-bg);
}
.q-header[data-v-69d95c78] {
  background-color: var(--app-bg);
}
.q-page-container[data-v-69d95c78] {
  padding-top: 56px;
  padding-bottom: 72px;
}
.q-footer[data-v-69d95c78] {
  background-color: var(--form-footer-bg);
}
.tooltip-text[data-v-69d95c78] {
  white-space: pre-line;
}
.disable-table-row[data-v-06b776df] td {
  background: var(--app-bg);
  cursor: not-allowed;
}
.invalid[data-v-3d598313] {
  border: 2px solid var(--q-negative);
}
.related-article-title-wrapper[data-v-3d598313] {
  padding: 0;
}
.article-box-action-button-wrapper[data-v-3d598313] {
  padding-left: var(-q-pl-xs, 10px) !important;
}
.article-box-action-button[data-v-3d598313] {
  width: 40px;
  height: 32px;
  padding: 0 !important;
  border-color: #000;
}
.article-box-action-button[data-v-3d598313] i {
  color: var(--q-primary);
}
.articles-box-selector-button[data-v-3d598313] {
  font-weight: normal;
  border: 1px dashed rgba(0, 0, 0, 0.54);
  text-transform: capitalize;
  width: 100%;
  height: 56px;
  color: rgba(0, 0, 0, 0.54) !important;
}
.articles-box-selector-button[data-v-3d598313]:before {
  border: none;
}
.articles-box-selector-button[data-v-3d598313] .q-btn__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: unset;
}
.assembler-preview-cta-button-image-wrapper[data-v-b421d498] {
  border: 1px solid #e0e0e0;
  padding: 1rem 1rem 2rem;
}
.cta-button[data-v-b421d498] {
  position: relative;
  bottom: 1.25rem;
}
.instagram-icon[data-v-151c61bc] {
  display: block;
}
.youtube-video-container[data-v-934a7cb6] {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.youtube-video-container iframe[data-v-934a7cb6] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.ca-article-preview-body h1,
.ca-article-preview-body h2,
.ca-article-preview-body h3,
.ca-article-preview-body h4,
.ca-article-preview-body h5,
.ca-article-preview-body h6 {
  size: 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 400;
}
.ca-article-preview-body blockquote:not(.tiktok-embed):not(.twitter-tweet):not(.instagram-media) {
  background: rgb(248, 248, 248);
  border-left: 4px solid rgb(238, 0, 28);
  padding: 1em;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.info-icon-style[data-v-5117dda9] {
  margin-bottom: 10px;
  margin-left: 5px;
  color: rgb(147, 146, 146);
}
.info-text-style[data-v-5117dda9] {
  font-size: 0.75rem;
}
.assembler-doc-partner-name.active[data-v-1e3c2ea7]:hover {
  text-decoration: underline !important;
}
.icon-style[data-v-1e3c2ea7] {
  margin-bottom: 10px;
  margin-left: 5px;
}
#kim-preview-body-container[data-v-1c3497af] {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.kim-import-stepper[data-v-5b9a47a9] {
  width: 900px;
  max-width: 80vw;
}
.article-links-card {
  max-width: 1400px;
  min-width: 800px;
  width: 80%;
}
.new-partner-content-partner-list-selector {
  width: 350px;
}
.menuBackground {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}
.menuContentWrapper {
  position: relative;
  z-index: 1;
}
.assembler-doc-title[data-v-478e2c25],
.assembler-doc-lead-text[data-v-478e2c25] {
  text-wrap: wrap;
  white-space: pre-wrap;
}
.assembler-grid-style[data-v-f7586f5d] {
  height: calc(100vh - 63px - 88px - 62px);
  overflow-y: auto;
}
.assembler-card-summary-style[data-v-f7586f5d] {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  height: 100%;
  width: 400px;
}
.assembler-card-summary-style.card-no-partner[data-v-f7586f5d] {
  opacity: 0.33;
}
.assembler-card-summary-style.card-breaking-news[data-v-f7586f5d] {
  background-color: #fee2dc;
}
.assembler-doc-title[data-v-1423cb9a],
.assembler-doc-lead-text[data-v-1423cb9a] {
  text-wrap: wrap;
  white-space: pre-wrap;
}
.truncate-1[data-v-1423cb9a] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.assembler-list-style[data-v-ec0d4a46] {
  height: calc(100vh - 63px - 88px - 62px);
}
.assembler-list-style .col-no-partner[data-v-ec0d4a46] {
  opacity: 0.33;
}
.assembler-list-style .col-breaking-news[data-v-ec0d4a46] {
  background-color: #fee2dc;
}
.assembler-list-style .assembler-list-summary[data-v-ec0d4a46] {
  min-height: 50px;
  align-content: center;
}
.assembler-doc-title[data-v-f76490ce],
.assembler-doc-lead-text[data-v-f76490ce] {
  text-wrap: wrap;
  white-space: pre-wrap;
}
.assembler-table-style[data-v-aedf9bbe] {
  height: calc(100vh - 63px - 88px - 62px);
}
.assembler-table-style .col-no-partner[data-v-aedf9bbe] {
  opacity: 0.33;
}
.assembler-table-style .col-breaking-news[data-v-aedf9bbe] {
  background-color: #fee2dc;
}
.ca-preview-bottom-toolbar[data-v-8ec82866] {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--q-primary) 30%, white), transparent 5%);
}
.article-type-style[data-v-c7cd476b] {
  min-width: 10rem;
}
.content-type-style[data-v-acc3cbc3] {
  min-width: 10rem;
}
.btn-hovered[data-v-aea46ca5] {
  cursor: pointer;
}
.feedly-panel[data-v-aea46ca5],
.table-panel[data-v-aea46ca5] {
  transition: width 1s;
}
.assembler-table-style[data-v-aea46ca5] {
  height: calc(100vh - 63px - 88px - 62px);
}
[data-v-aea46ca5] .q-page {
  min-height: calc(100vh - 63px - 88px - 12px) !important;
}
@keyframes spin-aea46ca5 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.rotate[data-v-aea46ca5] {
  animation: spin-aea46ca5 1s linear infinite;
}
.ca-article-detail-card[data-v-189c35ff] {
  max-width: 800px;
  min-width: 500px;
  width: 70%;
  margin: 0 auto;
}
#assembler-details-preview-body-container[data-v-189c35ff] {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.selector-style[data-v-dff24485] {
  min-width: 13rem;
}
.wrap-text[data-v-b0897323] {
  text-wrap: wrap;
  white-space: pre-wrap;
}
.brand-selector-style[data-v-b0897323] {
  min-width: 10rem;
}
.expansion-item-style[data-v-afa08a14] {
  border-style: solid;
  border-color: #d1d1d1;
  border-width: thin;
  border-radius: 4px;
}
.icon-style[data-v-afa08a14] {
  margin-bottom: 10px;
  margin-left: 5px;
}
.preview-body {
  padding: 0 !important;
}
.preview-wrapper {
  margin: 0 30% 0 30%;
}
.text-list-wrapper[data-v-f4ec7c63] {
  border: 1px solid var(--border) !important;
  border-style: solid;
  border-radius: 4px;
  padding: 5px 10px;
  margin-bottom: 20px;
}
.label-style[data-v-f4ec7c63] {
  color: var(--text-muted);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.list-style[data-v-f4ec7c63] {
  height: 140px;
  overflow: scroll;
  padding-left: 10px;
}
.item-label-style[data-v-f4ec7c63] {
  overflow: auto;
}
.newValueInput-style[data-v-f4ec7c63] {
  width: 100%;
}
.item-style[data-v-f4ec7c63] {
  padding: 8px 0px !important;
}
.newValueInput-wrapper[data-v-f4ec7c63] {
  display: flex;
  padding-left: 10px;
}
.content-fetch-schedules-list .label[data-v-e39941a9] {
  color: var(--text-muted);
}
.content-fetch-schedules-list .heading[data-v-e39941a9] {
  font-weight: 700;
}
.block-separator-dragging[data-v-74ea3463] {
  position: absolute;
  bottom: -32px;
  width: 100%;
}
.button-group {
> .q-btn {
&[data-v-74ea3463] {
      border-radius: 0;
      padding: 0 4px;
      margin-left: -1px;
}
&[data-v-74ea3463]:first-child {
      border-radius: 4px 0 0 4px;
}
&[data-v-74ea3463]:last-child {
      border-radius: 0 4px 4px 0;
}
}
}
.active[data-v-74ea3463] {
  pointer-events: none;
}
.q-icon[data-v-74ea3463] {
  font-size: 20px !important;
}
.none[data-v-74ea3463] {
  pointer-events: all;
}
.block-content[data-v-74ea3463] {
  width: 100%;
}
.q-btn--outline[data-v-74ea3463]:before {
  opacity: 0.6;
}
.palceholder-image-selector-style[data-v-bcffd466] .custom-image {
  height: 150px;
}
.none-right-margin[data-v-bcffd466] {
  margin-right: 0 !important;
}
.wrapper-max-height[data-v-bcffd466] {
  height: 100%;
}
:root {
  --attribute-name-color: rgb(61, 133, 35);
  --attribute-value-color: rgb(42, 83, 207);
  --tag-name-color: rgb(207, 42, 42);
  --tag-content-color: #000;
  --remark-color: rgb(134, 134, 134);
}
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */
code[class*=language-],
pre[class*=language-] {
  color: black;
  background: none;
  text-shadow: 0 1px white;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
pre[class*=language-]::-moz-selection, pre[class*=language-] ::-moz-selection,
code[class*=language-]::-moz-selection, code[class*=language-] ::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}
pre[class*=language-]::selection, pre[class*=language-] ::selection,
code[class*=language-]::selection, code[class*=language-] ::selection {
  text-shadow: none;
  background: #b3d4fc;
}
@media print {
code[class*=language-],
  pre[class*=language-] {
    text-shadow: none;
}
}
/* Code blocks */
pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}
:not(pre) > code[class*=language-],
pre[class*=language-] {
  background: #f5f2f0;
}
/* Inline code */
:not(pre) > code[class*=language-] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: slategray;
}
.token.punctuation {
  color: #999;
}
.token.namespace {
  opacity: 0.7;
}
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
  color: #905;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #690;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #9a6e3a;
  /* This background color was intended by the author of this theme. */
  background: hsla(0, 0%, 100%, 0.5);
}
.token.atrule,
.token.attr-value,
.token.keyword {
  color: #07a;
}
.token.function,
.token.class-name {
  color: #DD4A68;
}
.token.regex,
.token.important,
.token.variable {
  color: #e90;
}
.token.important,
.token.bold {
  font-weight: bold;
}
.token.italic {
  font-style: italic;
}
.token.entity {
  cursor: help;
}
pre.html-render {
  overflow-x: auto;
}
pre.html-render code.language-markup.wrap-on {
  white-space: break-spaces;
}
pre.html-render code.language-markup span.tag {
  display: inline;
}
.element {
  display: flex;
  flex-wrap: nowrap;
}
.attribute {
  display: flex;
  padding: 0 5px;
}
.attribute .attribute__name {
  color: var(--attribute-name-color);
}
.attribute .attribute__value {
  color: var(--attribute-value-color);
}
.element {
  display: inline-flex;
  flex-wrap: nowrap;
}
.element .element__attributes {
  display: flex;
  flex-direction: column;
}
.element .element__bracket--close {
  display: flex;
  align-items: flex-end;
}
.element .element__name {
  padding-left: 0.1rem;
  cursor: pointer;
}
.element .element__name,
.element .element__bracket--close,
.element .element__bracket {
  color: var(--tag-name-color);
}
.tag {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.tag .tag__child,
.tag .tag__content {
  padding-left: 1rem;
}
.tag--short {
  flex-direction: row;
}
.tag--short .tag__child,
.tag--short .tag__content {
  padding-left: 0.2rem;
}
.tag .tag__content {
  color: var(--tag-content-color);
}
.remark {
  padding-left: 1rem;
  color: var(--remark-color);
}
.remark .remark__content {
  display: inline;
}
[data-v-27e564b8] tr {
  cursor: pointer;
}
.bordered[data-v-d1e1ed87] {
  border: 1px solid #bfbfbf;
}
.article-kicker[data-v-6f03b5f1] {
  color: var(--q-primary);
}
.switch-article-button[data-v-6f03b5f1] {
  max-width: 150px;
  max-height: 32px;
  margin-top: 8px;
}
.custom-article-wrapper[data-v-6f03b5f1] {
  height: 100%;
}
.teaser-preview[data-v-6f03b5f1] {
  position: relative;
}
.teaser-image[data-v-6f03b5f1] {
  width: 140px;
  height: 140px;
  max-width: 140px;
  max-height: 140px;
  overflow: hidden;
}
.article-detail[data-v-6f03b5f1] {
  display: flex;
  flex-direction: column;
  margin: 16px;
  justify-content: center;
}
.selector-wrapper[data-v-6f03b5f1] {
  margin-top: 15px;
}
.article-wrapper[data-v-6f03b5f1] {
  display: flex;
  flex-direction: row;
  max-height: 140px;
}
.article-wrapper .play-btn[data-v-6f03b5f1] {
  position: absolute;
  width: 140px;
  height: 140px;
}
.article-wrapper .play-btn[data-v-6f03b5f1]:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' xmlns:v='https://vecta.io/nano'%3E%3Cg fill='%23000'%3E%3Crect width='40' height='40' rx='20' fill-opacity='.8'/%3E%3Cpath fill-rule='evenodd' d='M20 1.667C9.875 1.667 1.667 9.875 1.667 20S9.875 38.333 20 38.333 38.333 30.125 38.333 20 30.125 1.667 20 1.667zM20 5c8.284 0 15 6.716 15 15s-6.716 15-15 15S5 28.284 5 20 11.716 5 20 5zm-5 21.114V15.003a1.67 1.67 0 0 1 2.591-1.387l8.333 5.556a1.67 1.67 0 0 1 0 2.773l-8.333 5.556A1.67 1.67 0 0 1 15 26.114z'/%3E%3C/g%3E%3Cmask id='A' maskUnits='userSpaceOnUse' x='1' y='1' width='38' height='38'%3E%3Cpath fill-rule='evenodd' d='M20 1.667C9.875 1.667 1.667 9.875 1.667 20S9.875 38.333 20 38.333 38.333 30.125 38.333 20 30.125 1.667 20 1.667zM20 5c8.284 0 15 6.716 15 15s-6.716 15-15 15S5 28.284 5 20 11.716 5 20 5zm-5 21.114V15.003a1.67 1.67 0 0 1 2.591-1.387l8.333 5.556a1.67 1.67 0 0 1 0 2.773l-8.333 5.556A1.67 1.67 0 0 1 15 26.114z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23A)'%3E%3Cpath fill='%23fff' d='M0 0h40v40H0z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 0 0;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  top: 50%;
  z-index: 2;
}
.cat-iframe[data-v-a7248090] {
  width: 100%;
  min-height: calc(100vh - 50px - 16px);
}
.checkboxes-row[data-v-1fec9537] {
  margin-top: -32px;
}
.checkboxes-row[data-v-50bb58bc] {
  margin-top: -32px;
}
.drag-btns-collapsed .drag-btn-label[data-v-1656f3c5] {
  display: none;
}
.selection-footer[data-v-1656f3c5] {
  border-top: 1px solid var(--q-primary);
}
@media (min-height: 785px) {
.selection-wrapper[data-v-1656f3c5] {
    position: sticky;
    top: 0;
}
.selection-footer[data-v-1656f3c5] {
    position: fixed;
    bottom: 90px;
    background-color: #fff;
    width: 270px;
    margin-left: -32px;
}
.selection-collapse[data-v-1656f3c5] {
    border-radius: 4px;
}
}
.mb-12[data-v-1656f3c5] {
  margin-bottom: 12px;
}
.px-32[data-v-1656f3c5] {
  padding-left: 32px;
  padding-right: 32px;
}
.mx-n32[data-v-1656f3c5] {
  margin-right: -32px;
  margin-left: -32px;
}
.w-drawer[data-v-1656f3c5] {
  min-width: 270px !important;
}
[data-v-90dcd9c4] .q-field {
  padding-bottom: 0;
}
.channel-block-button-group[data-v-aab2b094] .q-btn {
  width: 32px;
  height: 32px;
  color: var(--aqua-70, #00636c);
  border-right: 1px solid currentColor;
}
.channel-block-button-group[data-v-aab2b094] .q-btn:last-child {
  border-right: none;
}
.banner_colors[data-v-75d7876e] {
  background-color: hsl(176, 39%, 93%);
  color: hsl(177, 100%, 32%);
}
.order[data-v-487a6bec] {
  color: var(--editor-border-dark, #777);
}
.handle[data-v-487a6bec] {
  cursor: grab;
}
.link-box-buttons-section[data-v-487a6bec] {
  padding: 0;
}
.link-box-buttons[data-v-487a6bec] {
  border: 1px solid #000;
}
.link-box-buttons[data-v-487a6bec] .q-btn {
  width: 32px;
  height: 32px;
  color: var(--aqua-70, #00636c);
  border-right: 1px solid currentColor;
}
.link-box-buttons[data-v-487a6bec] .q-btn:last-child {
  border-right: none;
}
.link-box-placement[data-v-c99b620e] {
  min-height: 200px;
  border-style: dashed;
}
.v-sheet[data-v-9e22bb2a] {
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
.channel-wrapper[data-v-9e22bb2a] {
  position: relative;
}
.clear-button[data-v-9e22bb2a] {
  top: -20px;
  right: -20px;
  position: absolute;
}
.v-sheet[data-v-aac3a386] {
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
.channel-wrapper[data-v-aac3a386] {
  position: relative;
}
.clear-button[data-v-aac3a386] {
  top: -20px;
  right: -20px;
  position: absolute;
}
[data-v-aac3a386] .q-footer {
  flex-direction: column;
  align-items: center;
  padding: 16px 0 0;
}
[data-v-aac3a386] .list-footer {
  width: 100%;
}
[data-v-aac3a386] .q-pagination {
  margin-bottom: 16px;
}
.dialog-footer[data-v-aac3a386] {
  width: 100%;
  height: 64px;
  display: flex;
  justify-content: space-between;
  background-color: var(--form-footer-bg);
}
[data-v-aac3a386] .closeButton {
  display: none;
}
.top-channel-title[data-v-e5df66a9] {
  color: #302c2c;
}
[data-v-e5df66a9] tr {
  cursor: pointer;
}
[data-v-2138daf8] .truncate {
  max-width: 440px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-crop-container[data-v-285db5d8] {
  height: 58px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.text-crop[data-v-285db5d8] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.clickable[data-v-285db5d8]:hover {
  background-color: rgba(0, 0, 0, 0.03);
  cursor: pointer;
}
.invalid[data-v-285db5d8] {
  border: 2px solid var(--q-negative);
}
.cta-button-selector-button[data-v-285db5d8] {
  font-weight: normal;
  border: 1px dashed rgba(0, 0, 0, 0.54);
  text-transform: capitalize;
  width: 100%;
  color: rgba(0, 0, 0, 0.54) !important;
}
.cta-button-selector-button[data-v-285db5d8]:before {
  border: none;
}
.cta-button-selector-button[data-v-285db5d8] .q-btn__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: unset;
}
.infoPopup[data-v-9f0fb4b6] {
  position: absolute;
  color: white;
  background-color: black;
  border-radius: 3px;
  padding: 8px;
  width: auto;
  bottom: 40px;
  left: 0;
  display: none;
}
.infoIcon[data-v-9f0fb4b6] {
  height: 16px;
  width: 16px;
  margin-bottom: 3px;
}
.infoIcon:hover + .infoPopup[data-v-9f0fb4b6] {
  display: block;
}
.text-crop-container[data-v-e4fe2556] {
  height: 58px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.text-crop[data-v-e4fe2556] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.invalid[data-v-e4fe2556] {
  border: 2px solid var(--q-negative);
}
.cwc-widget-selector-button[data-v-e4fe2556] {
  font-weight: normal;
  border: 1px dashed rgba(0, 0, 0, 0.54);
  text-transform: capitalize;
  width: 100%;
  color: rgba(0, 0, 0, 0.54) !important;
}
.cwc-widget-selector-button[data-v-e4fe2556]:before {
  border: none;
}
.cwc-widget-selector-button[data-v-e4fe2556] .q-btn__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: unset;
}
.gallery-carousel[data-v-1a2589dd] {
  background-color: transparent;
}
.gallery-carousel__slide[data-v-1a2589dd] {
  display: flex;
  gap: 4px;
}
[data-v-1a2589dd] .q-carousel__control {
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
}
[data-v-1a2589dd] .q-carousel__control button {
  width: 100%;
  height: 100%;
  border-radius: 0;
}
[data-v-1a2589dd] .q-carousel__control.q-carousel__prev-arrow--horizontal {
  left: 0;
}
[data-v-1a2589dd] .q-carousel__control.q-carousel__next-arrow--horizontal {
  right: 0;
}
.gallery-overlay-icon[data-v-2771ada6] {
  font-size: 16px;
}
.gallery-overlay[data-v-2771ada6] {
  width: 400px;
  background: rgba(0, 0, 0, 0.47);
}
.gallery-overlay-label[data-v-2771ada6] {
  background: #fff;
  font-size: 12px;
  padding: 0 8px;
  border-radius: 2px;
}
.invalid[data-v-b2f94fe4] {
  border: 2px solid var(--q-negative);
}
.gallery--wrapper[data-v-b2f94fe4],
.gallery--description[data-v-b2f94fe4] {
  display: flex;
}
.required[data-v-b2f94fe4]:after {
  content: " *";
  color: var(--q-primary);
}
.border-item[data-v-b2f94fe4] {
  margin: 0;
  min-height: 122px;
}
.border-item--dashed[data-v-b2f94fe4] {
  border: 1px dashed var(--border) !important;
  border-radius: 4px;
}
.kicker[data-v-1bdd2537] {
  color: #00636c;
}
.title[data-v-1bdd2537] {
  width: 60%;
}
.filters[data-v-1bdd2537] {
  padding-left: 12px;
  padding-right: 4px;
}
.truncate[data-v-1bdd2537] {
  max-width: 580px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-v-1bdd2537] tr {
  cursor: pointer;
}
.gallery-list-footer[data-v-1bdd2537] {
  width: inherit;
  display: flex;
  justify-content: space-between;
  background-color: var(--form-footer-bg);
}
[data-v-1bdd2537] .q-footer {
  flex-direction: column;
  align-items: center;
  padding: 16px 0 0;
}
[data-v-1bdd2537] .q-footer .list-footer {
  width: 100%;
}
[data-v-1bdd2537] .q-pagination {
  margin-bottom: 16px;
}
.related-gallery-remove-button[data-v-e79ff9a0] {
  border: 1.5px solid black;
  height: 30px;
  width: 30px;
  display: flex;
  padding: 0 !important;
  color: var(--q-primary);
  position: absolute;
  right: 8px;
  top: 25%;
}
.related-gallery-wrapper[data-v-e79ff9a0] {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  border: 1px solid #bfbfbf;
  width: 480px;
  height: 60px;
}
.related-gallery-carousel[data-v-e79ff9a0] {
  margin-right: 8px;
}
.related-gallery-info[data-v-e79ff9a0] {
  max-width: 35%;
  display: flex;
  flex-direction: column;
}
.related-gallery-kicker[data-v-e79ff9a0] {
  font-size: 14px;
  color: #008385;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 18px;
}
.related-gallery-title[data-v-e79ff9a0] {
  font-size: 14px;
  color: black;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 18px;
}
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  grid-auto-rows: 1fr;
  gap: 1rem;
  min-height: 240px;
}
.gallery-item .container-wrapper {
  flex: 1;
  /* NEW */
  display: flex;
  flex-wrap: wrap;
  height: 250px;
}
.gallery-item .c-btn {
  align-self: flex-end;
}
.gallery-item .image-list-content {
  align-self: flex-start;
  width: 100%;
  min-height: 45px;
}
.gallery-item .border-item {
  margin: 0;
  height: 254px;
}
.gallery-item .custom-add-image {
  padding: 90px 0;
}
.gallery-item .image-list-licence {
  align-self: flex-end;
}
.linkGalleriesWrapper {
  display: flex;
  flex-direction: column;
}
.placeholder[data-v-a0c1365f] {
  background: #f4f4f4;
  position: relative;
  height: 100%;
  width: 100%;
}
.placeholder[data-v-a0c1365f]:before {
  background: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1021_12093)'%3E%3Cpath d='M40.0007 50.6666C45.8917 50.6666 50.6673 45.891 50.6673 40C50.6673 34.1089 45.8917 29.3333 40.0007 29.3333C34.1096 29.3333 29.334 34.1089 29.334 40C29.334 45.891 34.1096 50.6666 40.0007 50.6666Z' fill='%239F9F9F'/%3E%3Cpath d='M29.9993 6.66669L23.8993 13.3334H13.3327C9.66602 13.3334 6.66602 16.3334 6.66602 20V60C6.66602 63.6667 9.66602 66.6667 13.3327 66.6667H66.666C70.3327 66.6667 73.3327 63.6667 73.3327 60V20C73.3327 16.3334 70.3327 13.3334 66.666 13.3334H56.0993L49.9993 6.66669H29.9993ZM39.9993 56.6667C30.7993 56.6667 23.3327 49.2 23.3327 40C23.3327 30.8 30.7993 23.3334 39.9993 23.3334C49.1993 23.3334 56.666 30.8 56.666 40C56.666 49.2 49.1993 56.6667 39.9993 56.6667Z' fill='%239F9F9F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1021_12093'%3E%3Crect width='80' height='80' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") center center/cover;
  content: "";
  display: block;
  height: 25px;
  width: 22px;
}
.image-overlay-icon[data-v-e7f2728b] {
  font-size: 16px;
}
.image-overlay-label[data-v-e7f2728b] {
  background: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  padding: 0 8px;
  border-radius: 2px;
}
.image-description[data-v-cbca6f57] {
  padding: 16px 12px;
}
.image-list-content[data-v-cbca6f57] {
  padding-bottom: 8px;
}
.text-negative[data-v-cbca6f57] {
  color: var(--q-negative);
}
.border-item[data-v-cbca6f57] {
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-radius: 4px;
}
.invalid[data-v-cbca6f57] {
  border: 2px solid var(--q-negative) !important;
}
.image-badge[data-v-cbca6f57] {
  background: var(--editor-border-dark, #777) !important;
}
.custom-image-wrapper[data-v-cbca6f57] {
  cursor: pointer;
}
.square[data-v-cbca6f57] {
  max-width: 120px !important;
  min-height: 120px !important;
}
.word-wrap[data-v-cbca6f57] {
  white-space: initial;
}
.text-wrap[data-v-cbca6f57] {
  white-space: pre-wrap;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.custom-image[data-v-cbca6f57] {
  height: 120px;
  width: 100%;
}
.required[data-v-cbca6f57]:after {
  content: " *";
  color: var(--q-primary);
}
.border-item[data-v-cbca6f57] {
  margin: 0;
  min-height: 122px;
}
.border-item--dashed[data-v-cbca6f57] {
  border: 1px dashed var(--border) !important;
  border-radius: 4px;
}
.image-wrapper[data-v-8bb31d18] {
  position: relative;
  max-width: 100%;
}
.description-right[data-v-8bb31d18],
.description-bottom[data-v-8bb31d18] {
  border: 1px solid var(--border);
  display: flex;
}
.description-bottom[data-v-8bb31d18] {
  flex-direction: column;
  text-align: center;
}
.image-inner[data-v-8bb31d18] {
  position: relative;
  width: 100%;
}
.play-button-icon[data-v-8bb31d18] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.9);
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  transition: background-color 0.3s ease-in-out;
}
.play-button-icon .v-icon[data-v-8bb31d18] {
  margin: 0;
}
.play-button-icon[data-v-8bb31d18]:hover {
  background-color: var(--text-black);
}
.remove-button[data-v-8bb31d18] {
  top: -5px;
  right: -5px;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
  height: 24px !important;
  min-width: 24px !important;
  padding: 0 !important;
  z-index: 1;
}
.placeholder[data-v-8bb31d18] {
  background: #f4f4f4;
  position: relative;
  height: 100%;
  width: 100%;
}
.placeholder[data-v-8bb31d18]:before {
  background: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1021_12093)'%3E%3Cpath d='M40.0007 50.6666C45.8917 50.6666 50.6673 45.891 50.6673 40C50.6673 34.1089 45.8917 29.3333 40.0007 29.3333C34.1096 29.3333 29.334 34.1089 29.334 40C29.334 45.891 34.1096 50.6666 40.0007 50.6666Z' fill='%239F9F9F'/%3E%3Cpath d='M29.9993 6.66669L23.8993 13.3334H13.3327C9.66602 13.3334 6.66602 16.3334 6.66602 20V60C6.66602 63.6667 9.66602 66.6667 13.3327 66.6667H66.666C70.3327 66.6667 73.3327 63.6667 73.3327 60V20C73.3327 16.3334 70.3327 13.3334 66.666 13.3334H56.0993L49.9993 6.66669H29.9993ZM39.9993 56.6667C30.7993 56.6667 23.3327 49.2 23.3327 40C23.3327 30.8 30.7993 23.3334 39.9993 23.3334C49.1993 23.3334 56.666 30.8 56.666 40C56.666 49.2 49.1993 56.6667 39.9993 56.6667Z' fill='%239F9F9F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1021_12093'%3E%3Crect width='80' height='80' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") center center/cover;
  content: "";
  display: block;
  height: 25px;
  width: 22px;
}
.overlay-slot-wrapper[data-v-8bb31d18] {
  position: relative;
}
.hover-bottom[data-v-8bb31d18] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.8);
  line-height: 1.25;
}
.error-label[data-v-8bb31d18] {
  background-color: var(--v-primary-base);
  padding: 0.125rem 0.5rem;
  font-size: 0.875rem;
}
.expired-overlay[data-v-8bb31d18] {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.68);
  border-radius: 2px;
  top: 4px;
  left: 4px;
}
.image-card[data-v-bcecfa83] {
  border: 1px solid var(--border);
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.image-card-selected[data-v-bcecfa83] {
  background-color: var(--app-bg);
}
.image-card-disabled[data-v-bcecfa83] {
  background-color: var(--app-bg);
  cursor: not-allowed;
}
.image-inner[data-v-bcecfa83] {
  max-width: 145px;
  position: relative;
  width: 100%;
  min-height: 145px;
  min-width: 145px;
}
.expired-overlay[data-v-bcecfa83] {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  background-color: rgba(255, 255, 255, 0.68);
  border-radius: 2px;
  top: 4px;
  left: 4px;
}
.image-description[data-v-bcecfa83] {
  overflow: hidden;
}
.image-description[data-v-bcecfa83] > * {
  margin: 0.125rem 0;
}
.no-edit[data-v-bcecfa83] {
  position: absolute;
  bottom: 4px;
  left: 4px;
  background: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  border-radius: 2px;
  width: 24px;
  height: 24px;
  padding: 2px;
}
.image-list-footer[data-v-9b847668] {
  width: inherit;
  display: flex;
  justify-content: space-between;
  background-color: var(--form-footer-bg);
}
[data-v-9b847668] .q-footer {
  flex-direction: column;
  align-items: center;
  padding: 16px 0 0;
}
[data-v-9b847668] .q-footer .list-footer {
  width: 100%;
}
[data-v-9b847668] .q-pagination {
  margin-bottom: 16px;
}
.image-preview[data-v-7b1ddc6a] {
  border: 1px solid var(--border);
  display: flex;
  box-sizing: border-box;
}
.image-wrapper[data-v-7b1ddc6a] {
  max-width: 120px;
}
.image-wrapper-wide[data-v-7b1ddc6a] {
  max-width: 213px;
}
.image-wrapper-ultrawide[data-v-7b1ddc6a] {
  max-width: 280px;
}
.banner_colors[data-v-bd31ba69] {
  background-color: hsl(176, 39%, 93%);
  color: hsl(177, 100%, 32%);
}
.banner_content[data-v-bd31ba69] {
  font-size: 0.875rem !important;
  line-height: 1.25 !important;
  margin: 8px 0px;
  /* margin: 16px ; */
}
[data-v-bd31ba69] .q-banner {
  min-height: 0px;
}
.aspect-ratio-preview-container[data-v-bd31ba69] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  min-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.drop-area[data-v-456ca676] {
  border: 1px dashed var(--border);
  border-radius: 4px;
  min-height: 20rem;
}
.input-label[data-v-456ca676] {
  width: 100%;
  display: block;
  text-align: center;
}
.q-file_helper[data-v-456ca676] {
  position: relative;
  padding: 7rem;
  cursor: pointer;
}
[data-v-456ca676] .q-field__label {
  width: 100%;
  position: absolute !important;
  white-space: pre-wrap;
}
[data-v-456ca676] .q-field--float .q-field__label {
  transform: none;
  transition: none;
}
.required[data-v-456ca676]:after {
  content: " *";
  color: var(--q-primary);
}
.image-focal[data-v-e3d97f3a] {
  border: 1px solid var(--border);
  display: inline-block;
}
.image-inner[data-v-e3d97f3a] {
  position: relative;
  display: inline-block;
}
.image-inner .image-preview[data-v-e3d97f3a] {
  max-width: 100%;
  max-height: 324px;
  width: auto;
  object-fit: contain;
}
.focal-point-pointer[data-v-e3d97f3a] {
  position: absolute !important;
  pointer-events: none;
  fill: white;
  z-index: 1;
}
.focal-point-pointer[data-v-e3d97f3a] path {
  fill: white !important;
}
.clear-button-gallery[data-v-e3d97f3a] {
  top: -5px;
  right: -5px;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
  height: 24px !important;
  min-width: 24px !important;
  padding: 0 !important;
  z-index: 1;
}
.base_button[data-v-e3d97f3a] {
  font-weight: 400;
  font-size: 0.875rem;
}
.image-upload[data-v-d5fa552d] {
  min-height: 20rem;
}
.image-upload-multi[data-v-d5fa552d] {
  min-height: 232px;
  width: 180px !important;
  justify-content: start;
}
.image-upload-loaded[data-v-d5fa552d] {
  border: 0;
  width: auto !important;
}
.edit-image-main[data-v-d5fa552d] {
  max-width: 50%;
  display: flex;
  flex-direction: column;
  padding-right: 1rem;
}
.edit-image-upload[data-v-d5fa552d] {
  margin-right: 15px;
  max-width: 50%;
}
.image-drop-area[data-v-d5fa552d] {
  min-width: 500px;
}
.edit-image-multi[data-v-d5fa552d] {
  flex-grow: 1;
}
.edit-image-description[data-v-d5fa552d] {
  max-width: 500px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.row.q-mb-lg[data-v-d5fa552d] {
  align-items: stretch;
}
.preview-image[data-v-d5fa552d] {
  object-fit: cover;
  width: 180px !important;
  height: 180px;
}
.image-wrapper[data-v-d5fa552d] {
  position: relative;
  max-width: 100%;
  border: 1px solid var(--border);
  text-align: center;
  margin: 0.5rem;
  box-sizing: border-box;
}
.image-wrapper-placeholder[data-v-d5fa552d] {
  border-style: dashed;
  border-radius: 4px;
  min-height: 232px;
  width: 180px;
}
.banner_colors[data-v-d5fa552d] {
  background-color: hsl(176, 39%, 93%);
  color: hsl(177, 100%, 32%);
}
.banner_content[data-v-d5fa552d] {
  font-size: 0.875rem !important;
  line-height: 1.25 !important;
  margin: 8px 0;
  /* margin: 16px ; */
}
[data-v-d5fa552d] .q-field__bottom {
  padding-top: 4px !important;
}
.preview[data-v-ff6229f4] {
  border: 1px dashed var(--border);
  min-width: 500px;
  min-height: 200px;
}
.q-preview_helper[data-v-ff6229f4] {
  padding: 7rem;
  margin: 0 auto;
}
.q-preview_helper .text-secondary[data-v-ff6229f4] {
  margin: 0 auto;
  display: block;
}
.disable-table-row[data-v-771872fd] td {
  background: var(--app-bg);
  cursor: not-allowed;
}
.invalid[data-v-b30ca7c6] {
  border: 2px solid var(--q-negative);
}
.invalid[data-v-b30ca7c6] {
  border: 2px solid var(--q-negative);
}
.inpage-button-selector-button[data-v-b30ca7c6] {
  font-weight: normal;
  border: 1px dashed rgba(0, 0, 0, 0.54);
  text-transform: capitalize;
  width: 100%;
  color: rgba(0, 0, 0, 0.54) !important;
}
.inpage-button-selector-button[data-v-b30ca7c6]:before {
  border: none;
}
.inpage-button-selector-button[data-v-b30ca7c6] .q-btn__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: unset;
}
.v-sheet[data-v-d52b5f9b] {
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
.job-wrapper[data-v-d52b5f9b] {
  position: relative;
}
.clear-button[data-v-d52b5f9b] {
  top: -20px;
  right: -20px;
  position: absolute;
}
.kim-iframe[data-v-677762bd] {
  overflow-x: hidden;
  overflow-y: hidden;
  height: 100%;
  width: 100%;
  position: absolute;
}
.v-sheet[data-v-eb01025e] {
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
.channel-wrapper[data-v-eb01025e] {
  position: relative;
}
.clear-button[data-v-eb01025e] {
  top: -20px;
  right: -20px;
  position: absolute;
}
[data-v-eb01025e] .q-footer {
  flex-direction: column;
  align-items: center;
  padding: 16px 0 0;
}
[data-v-eb01025e] .q-footer .list-footer {
  width: 100%;
}
[data-v-eb01025e] .q-pagination {
  margin-bottom: 16px;
}
.dialog-footer[data-v-eb01025e] {
  width: inherit;
  height: 64px;
  display: flex;
  justify-content: space-between;
  background-color: var(--form-footer-bg);
}
[data-v-eb01025e] .closeButton {
  display: none;
}
.custom-style[data-v-8791c642] {
  min-width: 0;
}
.feed-source[data-v-53da0162] {
  border: 1px solid var(--border);
}
.cvd-tag-modal .q-layout-container[data-v-042fd3ee] {
  max-height: 600px;
}
.device-iframe[data-v-44a082a1] {
  justify-content: center;
  box-sizing: content-box;
  border: solid 8px #000000;
  background-color: #fff;
  border-radius: 48px;
}
.desktop-view[data-v-44a082a1] {
  border: 0;
  border-radius: 0;
  padding: 0;
}
.iphone-home[data-v-44a082a1] {
  position: relative;
  bottom: 40px;
  left: 50%;
  transform: translate(-50%);
}
h3[data-v-c4fb5150] {
  margin-bottom: 5px;
}
.subtitle[data-v-c4fb5150] {
  font-size: 1rem;
  line-height: 1.125;
  font-weight: 700;
}
.tooltip-text[data-v-c4fb5150] {
  max-width: 470px;
}
.icon[data-v-c4fb5150] {
  margin-bottom: 4px;
}
.button-align-right[data-v-61e2a712] {
  text-align: right;
}
.block-separator-dragging[data-v-fdf5d90d] {
  position: absolute;
  bottom: -32px;
  width: 100%;
}
.button-group > .q-btn[data-v-fdf5d90d] {
  border-radius: 0;
  padding: 0 4px;
  margin-left: -1px;
}
.button-group > .q-btn[data-v-fdf5d90d]:first-child {
  border-radius: 4px 0 0 4px;
}
.button-group > .q-btn[data-v-fdf5d90d]:last-child {
  border-radius: 0 4px 4px 0;
}
.active[data-v-fdf5d90d] {
  pointer-events: none;
}
.q-icon[data-v-fdf5d90d] {
  font-size: 20px !important;
}
.none[data-v-fdf5d90d] {
  pointer-events: all;
}
.block-content[data-v-fdf5d90d] {
  width: 100%;
}
.q-btn--outline[data-v-fdf5d90d]:before {
  opacity: 0.6;
}
.banner_colors[data-v-1d5ad964] {
  background-color: hsl(176, 39%, 93%);
  color: hsl(177, 100%, 32%);
}
.small[data-v-49f477f5] {
  height: 16px;
}
.big[data-v-49f477f5] {
  height: 32px;
}
[data-v-5be6bb0b] .truncate {
  max-width: 580px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-v-5be6bb0b] .q-table tbody td {
  font-size: 14px;
}
[data-v-5be6bb0b] tr {
  cursor: pointer;
}
.q-tab-panel > .q-layout-container[data-v-5be6bb0b] {
  height: 100% !important;
}
.tab-bar[data-v-4b279306] {
  background-color: white;
  height: 5% !important;
  border-radius: 4px 4px 0px 0px;
}
.close-button[data-v-4b279306] {
  margin-right: 1rem;
}
.q-tabs[data-v-4b279306] {
  width: 50% !important;
  height: 100%;
  margin-right: auto;
}
.q-dialog__inner[data-v-4b279306] {
  justify-content: start !important;
}
.q-tab[data-v-4b279306] {
  border-radius: 0px;
}
.q-tab-panels[data-v-4b279306] {
  height: 95% !important;
  border-radius: 0px 0px 4px 4px;
}
.q-tab-panel[data-v-4b279306] {
  padding: 0px;
  padding-top: 16px;
}
.q-layout-container[data-v-4b279306] {
  height: 100% !important;
}
.v-sheet[data-v-f5a9359c] {
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
.channel-wrapper[data-v-f5a9359c] {
  position: relative;
}
.clear-button[data-v-f5a9359c] {
  top: -20px;
  right: -20px;
  position: absolute;
}
[data-v-f5a9359c] .q-footer {
  flex-direction: column;
  align-items: center;
  padding: 16px 0 0;
}
[data-v-f5a9359c] .q-footer .list-footer {
  width: 100%;
}
[data-v-f5a9359c] .q-pagination {
  margin-bottom: 16px;
}
.dialog-footer[data-v-f5a9359c] {
  width: inherit;
  height: 64px;
  display: flex;
  justify-content: space-between;
  background-color: var(--form-footer-bg);
}
[data-v-f5a9359c] .closeButton {
  display: none;
}
.v-sheet[data-v-27976829] {
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
.clear-button[data-v-27976829] {
  top: -20px;
  right: -20px;
  position: absolute;
}
[data-v-27976829] .q-pagination {
  margin-bottom: 16px;
}
[data-v-27976829] .closeButton {
  display: none;
}
.brand-icon-section[data-v-f2741c85] {
  width: 40px;
}
.brand-icon-section .small[data-v-f2741c85] {
  max-height: unset;
  width: 30px;
}
.invalid[data-v-288aeff0] {
  border: 2px solid var(--q-negative);
}
.newsletter-title-wrapper[data-v-288aeff0] {
  padding: 0;
}
.newsletter-selector-button[data-v-288aeff0] {
  font-weight: normal;
  border: 1px dashed rgba(0, 0, 0, 0.54);
  text-transform: capitalize;
  width: 100%;
  height: 56px;
  color: rgba(0, 0, 0, 0.54) !important;
}
.newsletter-selector-button[data-v-288aeff0]:before {
  border: none;
}
.newsletter-selector-button[data-v-288aeff0] .q-btn__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: unset;
}
.expansion-item-style[data-v-78730011] {
  border-style: solid;
  border-color: #d1d1d1;
  border-width: thin;
  border-radius: 4px;
}
.icon-style[data-v-78730011] {
  margin-bottom: 10px;
  margin-left: 5px;
}
.bordered[data-v-5d84bf3c] {
  border: 1px solid #bfbfbf;
}
.fixed-height[data-v-5d84bf3c] {
  height: 48px;
}
.dummy[data-v-bb24fda1] {
  min-width: 0;
}
.invalid[data-v-21ef170c] {
  border: 2px solid var(--q-negative);
}
.clickable[data-v-21ef170c]:hover {
  background-color: rgba(0, 0, 0, 0.03);
  cursor: pointer;
}
.reusable-text-button-selector-button[data-v-21ef170c] {
  font-weight: normal;
  border: 1px dashed rgba(0, 0, 0, 0.54);
  text-transform: capitalize;
  width: 100%;
  color: rgba(0, 0, 0, 0.54) !important;
}
.reusable-text-button-selector-button[data-v-21ef170c]:before {
  border: none;
}
.reusable-text-button-selector-button[data-v-21ef170c] .q-btn__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: unset;
}
.reusable-text-title[data-v-21ef170c] {
  font-size: 1rem;
  font-weight: 600;
  color: #a1a1a1;
}
.reusable-text-content[data-v-21ef170c] {
  font-size: 1rem;
}
.banner[data-v-63c6c94f] {
  color: #00a19a;
  background-color: rgba(0, 161, 154, 0.2);
}
.placeholder-embed[data-v-aa5f62b9] {
  background: #f4f4f4;
  position: relative;
  height: 100%;
  width: 100%;
}
.placeholder-embed[data-v-aa5f62b9]:before {
  background: url("data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M34.25 12.5H65.75C77.75 12.5 87.5 22.25 87.5 34.25V65.75C87.5 77.7622 77.7622 87.5 65.75 87.5H34.25C22.25 87.5 12.5 77.75 12.5 65.75V34.25C12.5 22.2378 22.2378 12.5 34.25 12.5ZM33.5 20C26.0442 20 20 26.0442 20 33.5V66.5C20 73.9625 26.0375 80 33.5 80H66.5C73.9558 80 80 73.9558 80 66.5V33.5C80 26.0375 73.9625 20 66.5 20H33.5ZM74.375 30.3125C74.375 27.7237 72.2763 25.625 69.6875 25.625C67.0987 25.625 65 27.7237 65 30.3125C65 32.9013 67.0987 35 69.6875 35C72.2763 35 74.375 32.9013 74.375 30.3125ZM50 31.25C60.3553 31.25 68.75 39.6447 68.75 50C68.75 60.3553 60.3553 68.75 50 68.75C39.6447 68.75 31.25 60.3553 31.25 50C31.25 39.6447 39.6447 31.25 50 31.25ZM38.75 50C38.75 43.7868 43.7868 38.75 50 38.75C56.2132 38.75 61.25 43.7868 61.25 50C61.25 56.2132 56.2132 61.25 50 61.25C43.7868 61.25 38.75 56.2132 38.75 50Z' fill='%23999999'/%3e%3cmask id='mask0_1250_12529' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='12' y='12' width='76' height='76'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M34.25 12.5H65.75C77.75 12.5 87.5 22.25 87.5 34.25V65.75C87.5 77.7622 77.7622 87.5 65.75 87.5H34.25C22.25 87.5 12.5 77.75 12.5 65.75V34.25C12.5 22.2378 22.2378 12.5 34.25 12.5ZM33.5 20C26.0442 20 20 26.0442 20 33.5V66.5C20 73.9625 26.0375 80 33.5 80H66.5C73.9558 80 80 73.9558 80 66.5V33.5C80 26.0375 73.9625 20 66.5 20H33.5ZM74.375 30.3125C74.375 27.7237 72.2763 25.625 69.6875 25.625C67.0987 25.625 65 27.7237 65 30.3125C65 32.9013 67.0987 35 69.6875 35C72.2763 35 74.375 32.9013 74.375 30.3125ZM50 31.25C60.3553 31.25 68.75 39.6447 68.75 50C68.75 60.3553 60.3553 68.75 50 68.75C39.6447 68.75 31.25 60.3553 31.25 50C31.25 39.6447 39.6447 31.25 50 31.25ZM38.75 50C38.75 43.7868 43.7868 38.75 50 38.75C56.2132 38.75 61.25 43.7868 61.25 50C61.25 56.2132 56.2132 61.25 50 61.25C43.7868 61.25 38.75 56.2132 38.75 50Z' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_1250_12529)'%3e%3crect width='100' height='100' fill='%23999999'/%3e%3c/g%3e%3c/svg%3e") center center/cover;
  content: "";
  display: block;
  height: 25px;
  width: 22px;
}
.placeholder-embed[data-v-3e88e2d1] {
  position: relative;
  overflow: hidden;
  height: 120px;
  width: 212px;
  background: #e0e0e0;
}
.button-group[data-v-a5eb107d] .q-btn {
  width: 32px;
  height: 32px;
  color: var(--aqua-70, #00636c);
  border-right: 1px solid currentColor;
}
.button-group[data-v-a5eb107d] .q-btn:last-child {
  border-right: none;
}
.rule-button-group[data-v-2a32cb1c] .q-btn {
  width: 32px;
  height: 32px;
  color: var(--aqua-70, #00636c);
  border-right: 1px solid currentColor;
}
.rule-button-group[data-v-2a32cb1c] .q-btn:last-child {
  border-right: none;
}
.linkTagsButton[data-v-aca36880] {
  height: 0.25rem;
  padding: 0 1rem;
  margin-bottom: 1rem;
  width: fit-content;
}
.relatedTagPill[data-v-e43c3e8d] {
  display: flex;
  background-color: grey;
  border: none;
  color: white;
  padding: 1px 10px;
  text-align: center;
  text-decoration: none;
  margin: 4px 2px;
  border-radius: 16px;
  width: fit-content;
}
.relatedTagContainer[data-v-522ebe38] {
  display: flex;
  flex-direction: row;
  align-items: left;
  justify-content: left;
  height: 60px;
  border: 1px solid #8c8c8c;
  width: 25vw;
  border-radius: 5px;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
}
.relatedTagImage[data-v-522ebe38] {
  height: 59px;
  width: 59px;
}
.relatedTagMiddle[data-v-522ebe38] {
  max-width: 250px;
}
.relatedTagTitle[data-v-522ebe38] {
  color: var(--q-primary);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.relatedTagDetails[data-v-522ebe38] {
  width: 8rem;
  display: flex;
  flex-direction: row;
  justify-content: end;
  align-items: center;
}
.custom-image[data-v-522ebe38] {
  border-radius: 5px 0px 0px 5px;
}
.relatedTagRemoveButton[data-v-522ebe38] {
  border: 1.5px solid black;
  height: 30px;
  width: 30px;
  display: flex;
  padding: 0 !important;
  color: var(--q-primary);
}
.relatedTagContainer[data-v-41176420] {
  display: flex;
  flex-direction: row;
  align-items: left;
  justify-content: left;
  height: 60px;
  border: 1px solid #8c8c8c;
  width: 25vw;
  border-radius: 5px;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
}
.relatedTagImage[data-v-41176420] {
  height: 59px;
  width: 59px;
}
.relatedTagMiddle[data-v-41176420] {
  max-width: 250px;
}
.relatedTagTitle[data-v-41176420] {
  color: var(--q-primary);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.relatedTagDetails[data-v-41176420] {
  width: 8rem;
  display: flex;
  flex-direction: row;
  justify-content: end;
  align-items: center;
}
.custom-image[data-v-41176420] {
  border-radius: 5px 0px 0px 5px;
}
.relatedTagRemoveButton[data-v-41176420] {
  border: 1.5px solid black;
  height: 30px;
  width: 30px;
  display: flex;
  padding: 0 !important;
  color: var(--q-primary);
}
.selectButton[data-v-5f2b14ae] {
  margin-left: auto;
  margin-right: 3rem;
  height: 40px;
}
.selectIcon[data-v-5f2b14ae] {
  margin-right: 1rem;
}
[data-v-5f2b14ae] .truncate {
  max-width: 580px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-v-5f2b14ae] .q-table tbody td {
  font-size: 14px;
}
[data-v-5f2b14ae] tr {
  cursor: pointer;
}
.linkTagsButton[data-v-134b4c29] {
  height: 0.25rem;
  padding: 0 1rem;
  margin-bottom: 1rem;
  width: 9rem;
}
.selected[data-v-134b4c29] {
  background-color: #e5f2f2 !important;
  border: 3px solid var(--q-primary);
}
.subtitle[data-v-8d703c45] {
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.section[data-v-8d703c45] {
  margin-bottom: 0.5rem;
  border-bottom: 1px solid grey;
}
.input[data-v-8d703c45] {
  width: 50% !important;
  margin-bottom: 0.5rem;
  padding-right: 0.5rem;
}
.full-row[data-v-8d703c45] {
  width: 100%;
}
.autoGeneratePath[data-v-8d703c45] {
  width: 25% !important;
  margin-bottom: 0.5rem;
  padding-right: 0.5rem;
}
.borderTopBottom[data-v-8d703c45] {
  border-top: 1px solid grey;
  border-bottom: 1px solid grey;
  width: 100%;
  position: relative;
}
.relatedTagWrapper[data-v-8d703c45] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.infoIcon[data-v-8d703c45] {
  height: 16px;
  width: 16px;
  margin-bottom: 3px;
}
.infoPopup[data-v-8d703c45] {
  position: absolute;
  color: white;
  background-color: black;
  border-radius: 3px;
  padding: 8px;
  width: auto;
  bottom: 40px;
  left: 0;
  display: none;
}
.infoIcon:hover + .infoPopup[data-v-8d703c45] {
  display: block;
}
.block-separator-dragging[data-v-241a269f] {
  position: absolute;
  bottom: -32px;
  width: 100%;
}
.button-group > .q-btn[data-v-241a269f] {
  border-radius: 0;
  padding: 0 4px;
  margin-left: -1px;
}
.button-group > .q-btn[data-v-241a269f]:first-child {
  border-radius: 4px 0 0 4px;
}
.button-group > .q-btn[data-v-241a269f]:last-child {
  border-radius: 0 4px 4px 0;
}
.active[data-v-241a269f] {
  pointer-events: none;
}
.q-icon[data-v-241a269f] {
  font-size: 20px !important;
}
.none[data-v-241a269f] {
  pointer-events: all;
}
.block-content[data-v-241a269f] {
  width: 100%;
}
.q-btn--outline[data-v-241a269f]:before {
  opacity: 0.6;
}
.banner_colors[data-v-da7a70e0] {
  background-color: hsl(176, 39%, 93%);
  color: hsl(177, 100%, 32%);
}
.subtitle[data-v-98f621c7] {
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.linkTagsButton[data-v-98f621c7] {
  height: 0.25rem;
  padding: 0 1rem;
  border: 0.5px solid black;
  margin-bottom: 1rem;
  width: 9rem;
}
.section[data-v-98f621c7] {
  margin-bottom: 0.5rem;
  border-bottom: 1px solid grey;
}
.input[data-v-98f621c7] {
  width: 50% !important;
  margin-bottom: 0.5rem;
  padding-right: 0.5rem;
}
.full-row[data-v-98f621c7] {
  width: 100%;
}
.borderTopBottom[data-v-98f621c7] {
  border-top: 1px solid grey;
  border-bottom: 1px solid grey;
  width: 100%;
}
.status-icons[data-v-273e5e0a] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  top: 4px;
  left: 4px;
}
.icon-wrapper[data-v-273e5e0a] {
  background-color: rgba(255, 255, 255, 0.68);
  border-radius: 2px;
  padding: 0 2px;
  margin-right: 4px;
}
.overlay-padding[data-v-273e5e0a] {
  padding-top: 2px;
}
.video-wrapper[data-v-1825e9e6] {
  position: relative;
  max-width: 212px;
  min-width: 212px;
  max-height: 120px;
  overflow: hidden;
}
.video-wrapper .play-btn[data-v-1825e9e6] {
  position: absolute;
  width: 212px;
  height: 120px;
}
.video-wrapper .play-btn[data-v-1825e9e6]:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' xmlns:v='https://vecta.io/nano'%3E%3Cg fill='%23000'%3E%3Crect width='40' height='40' rx='20' fill-opacity='.8'/%3E%3Cpath fill-rule='evenodd' d='M20 1.667C9.875 1.667 1.667 9.875 1.667 20S9.875 38.333 20 38.333 38.333 30.125 38.333 20 30.125 1.667 20 1.667zM20 5c8.284 0 15 6.716 15 15s-6.716 15-15 15S5 28.284 5 20 11.716 5 20 5zm-5 21.114V15.003a1.67 1.67 0 0 1 2.591-1.387l8.333 5.556a1.67 1.67 0 0 1 0 2.773l-8.333 5.556A1.67 1.67 0 0 1 15 26.114z'/%3E%3C/g%3E%3Cmask id='A' maskUnits='userSpaceOnUse' x='1' y='1' width='38' height='38'%3E%3Cpath fill-rule='evenodd' d='M20 1.667C9.875 1.667 1.667 9.875 1.667 20S9.875 38.333 20 38.333 38.333 30.125 38.333 20 30.125 1.667 20 1.667zM20 5c8.284 0 15 6.716 15 15s-6.716 15-15 15S5 28.284 5 20 11.716 5 20 5zm-5 21.114V15.003a1.67 1.67 0 0 1 2.591-1.387l8.333 5.556a1.67 1.67 0 0 1 0 2.773l-8.333 5.556A1.67 1.67 0 0 1 15 26.114z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23A)'%3E%3Cpath fill='%23fff' d='M0 0h40v40H0z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 0 0;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  top: 50%;
  z-index: 2;
  cursor: pointer;
}
.video-wrapper .video-preview[data-v-1825e9e6] {
  position: relative;
  overflow: hidden;
  height: 120px;
  width: 212px;
  background: #e0e0e0;
}
.video-wrapper img[data-v-1825e9e6] {
  left: 50%;
  height: 100%;
  transform: translate(-50%);
  display: block;
  position: relative;
  max-width: inherit;
  aspect-ratio: attr(width)/attr(height);
}
.description-right[data-v-1825e9e6],
.description-bottom[data-v-1825e9e6] {
  border: 1px solid var(--border);
  display: flex;
}
.description-bottom[data-v-1825e9e6] {
  flex-direction: column;
  text-align: center;
}
.play-button-icon[data-v-1825e9e6] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.9);
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  transition: background-color 0.3s ease-in-out;
}
.play-button-icon .v-icon[data-v-1825e9e6] {
  margin: 0;
}
.play-button-icon[data-v-1825e9e6]:hover {
  background-color: var(--text-black);
}
.remove-button[data-v-1825e9e6] {
  top: -5px;
  right: -5px;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
  height: 24px !important;
  min-width: 24px !important;
  padding: 0 !important;
  z-index: 1;
}
.overlay-slot-wrapper[data-v-1825e9e6] {
  position: relative;
}
.hover-bottom[data-v-1825e9e6] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.8);
  line-height: 1.25;
}
.error-label[data-v-1825e9e6] {
  background-color: var(--v-primary-base);
  padding: 0.125rem 0.5rem;
  font-size: 0.875rem;
}
.expired-overlay[data-v-1825e9e6] {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.68);
  border-radius: 2px;
  top: 4px;
  left: 4px;
}
.video-preview[data-v-1825e9e6] {
  position: relative;
}
.play-btn-close[data-v-1825e9e6] {
  position: relative;
  cursor: pointer;
  display: none;
}
.play-btn-close .btn-close[data-v-1825e9e6] {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 10000;
  margin: 0;
  background: rgba(0, 0, 0, 0.5);
}
.videoActive .video-preview[data-v-1825e9e6] {
  display: none;
}
.videoActive .play-btn-close[data-v-1825e9e6] {
  display: block;
}
.video-placeholder[data-v-11785185] {
  background: #f4f4f4;
  position: relative;
  height: 100%;
  width: 100%;
}
.video-placeholder[data-v-11785185]:before {
  background: url("data:image/svg+xml,%3csvg width='92' height='93' viewBox='0 0 92 93' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M33.5 61.7207V33.9429C33.5 30.615 37.2089 28.63 39.9779 30.476L60.8113 44.3649C63.2852 46.0142 63.2852 49.6494 60.8113 51.2986L39.9779 65.1875C37.2089 67.0335 33.5 65.0486 33.5 61.7207Z' fill='%23999999'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M46 0.602539C20.687 0.602539 0.166672 21.1228 0.166672 46.4359C0.166672 71.7489 20.687 92.2692 46 92.2692C71.3131 92.2692 91.8333 71.7489 91.8333 46.4359C91.8333 21.1228 71.3131 0.602539 46 0.602539ZM46 8.93587C66.7107 8.93587 83.5 25.7252 83.5 46.4359C83.5 67.1466 66.7107 83.9359 46 83.9359C25.2893 83.9359 8.50001 67.1466 8.50001 46.4359C8.50001 25.7252 25.2893 8.93587 46 8.93587Z' fill='%23999999'/%3e%3cpath d='M33.5 61.7207V33.9429C33.5 30.615 37.2089 28.63 39.9779 30.476L60.8113 44.3649C63.2852 46.0142 63.2852 49.6494 60.8113 51.2986L39.9779 65.1875C37.2089 67.0335 33.5 65.0486 33.5 61.7207Z' fill='%23999999'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M46 0.602539C20.687 0.602539 0.166672 21.1228 0.166672 46.4359C0.166672 71.7489 20.687 92.2692 46 92.2692C71.3131 92.2692 91.8333 71.7489 91.8333 46.4359C91.8333 21.1228 71.3131 0.602539 46 0.602539ZM46 8.93587C66.7107 8.93587 83.5 25.7252 83.5 46.4359C83.5 67.1466 66.7107 83.9359 46 83.9359C25.2893 83.9359 8.50001 67.1466 8.50001 46.4359C8.50001 25.7252 25.2893 8.93587 46 8.93587Z' fill='%23999999'/%3e%3c/svg%3e") center center/cover;
  content: "";
  display: block;
  height: 25px;
  width: 25px;
}
.video-description[data-v-77cda947] {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  padding: 0px 12px;
}
.video-description p[data-v-77cda947] {
  line-height: 17.5px;
  margin-bottom: 8px;
}
.video-container[data-v-77cda947] {
  display: flex;
  white-space: initial;
}
.video-container .video-toggle-controls[data-v-77cda947] {
  margin-top: 3px;
  margin-right: 3px;
}
.video-container .video-toggle-controls .spotted-container[data-v-77cda947] {
  display: flex;
}
.video-container .video-toggle-controls .spotted-container .spotted-child[data-v-77cda947] {
  flex: 1;
}
.video-container .video-toggle-controls .spotted-container .spotted-child[data-v-77cda947]:first-child {
  flex-grow: 9;
}
.custom-video-wrapper[data-v-77cda947] {
  cursor: pointer;
}
.text-negative[data-v-77cda947] {
  color: var(--q-negative);
}
.invalid[data-v-77cda947] {
  border: 2px solid var(--q-negative);
}
.required[data-v-77cda947]:after {
  content: " *";
  color: var(--q-primary);
}
.border-item[data-v-77cda947] {
  border: 1px solid var(--border) !important;
  border-radius: 4px;
  margin: 0;
  min-height: 122px;
}
.border-item--dashed[data-v-77cda947] {
  border: 1px dashed var(--border) !important;
}
.custom-border__dashed[data-v-33dd15af] {
  border: 1px dashed hsla(0, 0%, 0%, 0.25);
  border-radius: 4px;
}
.icon-wrapper[data-v-98723890] {
  background-color: rgba(255, 255, 255, 0.68);
  border-radius: 2px;
}
.time-wrapper[data-v-98723890] {
  background: rgba(0, 0, 0, 0.7);
  border-radius: 2px;
  color: #ffffff;
  padding: 2px 4px;
  font-size: 12px;
  line-height: 14px;
}
.label-time[data-v-98723890] {
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.label-ai-icon[data-v-98723890] {
  position: absolute;
  top: 4px;
  right: 4px;
}
.ai-icon-green[data-v-98723890] {
  color: var(--aqua-70, #00636c);
  padding: 2px 4px;
  width: 16px;
  height: 16px;
}
.video-card[data-v-98723890] {
  border: 1px solid var(--border);
  display: flex;
  align-items: flex-start;
}
.video-inner[data-v-98723890] {
  position: relative;
  max-height: 120px;
}
.expired-overlay[data-v-98723890] {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  top: 4px;
  left: 4px;
}
.label-background[data-v-98723890] {
  background-color: rgba(255, 255, 255, 0.68);
  border-radius: 2px;
  padding: 2px 4px;
}
.video-description[data-v-98723890] {
  overflow: hidden;
  width: 100%;
}
.video-description[data-v-98723890] > * {
  margin: 0.125rem 0;
}
.video-description .headline[data-v-98723890] {
  color: var(--q-primary);
}
.partnerLogos[data-v-98723890] {
  width: 75px;
  height: 32px;
}
.video-transcript-preview[data-v-123bab38] {
  width: 900px;
  max-width: 80vw;
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('/assets/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ-B4kXtcVA.woff2') format('woff2'), url('/assets/flUhRq6tzZclQEJ-Vdg-IuiaDsNa-Dr0goTwe.woff') format('woff');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(/assets/KFOkCnqEu92Fr1MmgVxIIzQ-C5u4Lasg.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(/assets/KFOlCnqEu92Fr1MmSU5fBBc--CDXAfhRl.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/KFOmCnqEu92Fr1Mu4mxM-CEBEUyyq.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(/assets/KFOlCnqEu92Fr1MmEU9fBBc--j0ba7u44.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(/assets/KFOlCnqEu92Fr1MmWUlfBBc--7z0HfM8a.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url(/assets/KFOlCnqEu92Fr1MmYUtfBBc--Yv75Cvt_.woff) format('woff');
}
/* * Normalizing -- forked from Normalize.css v8
 * */
*, *:before, *:after {
  box-sizing: inherit;
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent;
}
html, body, #q-app {
  width: 100%;
  direction: ltr;
}
body.platform-ios.within-iframe, body.platform-ios.within-iframe #q-app {
  width: 100px;
  min-width: 100%;
}
html, body {
  margin: 0;
  box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
/* * line 1: Remove the bottom border in Firefox 39-.
 * * lines 2,3: Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 * */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
/**
 * * Remove the border on images inside links in IE 10.
 * */
img {
  border-style: none;
}
/* * line 1: Correct the inheritance and scaling of font size in all browsers.
 * * line 2: Correct the odd `em` font sizing in all browsers.
 * */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* * lines 1,2: Add the correct box sizing in Firefox.
 * * line 3: Show the overflow in Edge and IE.
 * */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
/* * Change font properties to `inherit` in all browsers (opinionated).
 * */
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  font-family: inherit;
  margin: 0;
}
/* * Restore the font weight unset by the previous rule.
 * */
optgroup {
  font-weight: bold;
}
/* * Show the overflow in IE.
 * *  input: Show the overflow in Edge.
 * *  select: Show the overflow in Edge, Firefox, and IE.
 * * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * *  select: Remove the inheritance of text transform in Firefox.
 * */
button,
input,
select {
  overflow: visible;
  text-transform: none;
}
/* * Remove the inner border and padding in Firefox.
 * */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* * Restore the focus styles unset by the previous rule.
 * */
button:-moz-focusring, input:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * * Correct the padding in Firefox.
 * */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * * lines 1,3,4,6: Correct the text wrapping in Edge and IE.
 * * line 2: Correct the color inheritance from `fieldset` elements in IE.
 * * line 5: Remove the padding so developers are not caught out when they zero out
 * *    `fieldset` elements in all browsers.
 * */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
/**
 * * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 * */
progress {
  vertical-align: baseline;
}
/* * Remove the default vertical scrollbar in IE 10+.
 * */
textarea {
  overflow: auto;
}
/* * Remove the inner padding and cancel buttons in Chrome on OS X and
 * * Safari on OS X.
 * */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.q-icon {
  line-height: 1;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  text-align: center;
  position: relative;
  box-sizing: content-box;
  fill: currentColor;
}
.q-icon:before, .q-icon:after {
  width: 100%;
  height: 100%;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.q-icon > svg,
.q-icon > img {
  width: 100%;
  height: 100%;
}
.q-icon > div {
  box-sizing: border-box;
}
.q-icon,
.material-icons,
.material-icons-outlined,
.material-icons-round,
.material-icons-sharp,
.material-symbols-outlined,
.material-symbols-rounded,
.material-symbols-sharp {
  user-select: none;
  cursor: inherit;
  font-size: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}
/* Composables */
.q-panel {
  height: 100%;
  width: 100%;
}
.q-panel > div {
  height: 100%;
  width: 100%;
}
.q-panel-parent {
  overflow: hidden;
  position: relative;
}
/* Components */
.q-loading-bar {
  position: fixed;
  z-index: 9998;
  transition: transform 0.5s cubic-bezier(0, 0, 0.2, 1), opacity 0.5s;
  background: #f44336;
}
.q-loading-bar--top {
  left: 0 /* rtl:ignore */;
  right: 0 /* rtl:ignore */;
  top: 0;
  width: 100%;
}
.q-loading-bar--bottom {
  left: 0 /* rtl:ignore */;
  right: 0 /* rtl:ignore */;
  bottom: 0;
  width: 100%;
}
.q-loading-bar--right {
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
}
.q-loading-bar--left {
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}
.q-avatar {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  border-radius: 50%;
  font-size: 48px;
  height: 1em;
  width: 1em;
}
.q-avatar__content {
  font-size: 0.5em;
  line-height: 0.5em;
}
.q-avatar__content, .q-avatar img:not(.q-icon):not(.q-img__image) {
  border-radius: inherit;
  height: inherit;
  width: inherit;
}
.q-avatar--square {
  border-radius: 0;
}
.q-badge {
  background-color: var(--q-primary);
  color: #fff;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1;
  min-height: 12px;
  font-weight: normal;
  vertical-align: baseline;
}
.q-badge--single-line {
  white-space: nowrap;
}
.q-badge--multi-line {
  word-break: break-all;
  word-wrap: break-word;
}
.q-badge--floating {
  position: absolute;
  top: -4px;
  right: -3px;
  cursor: inherit;
}
.q-badge--transparent {
  opacity: 0.8;
}
.q-badge--outline {
  background-color: transparent;
  border: 1px solid currentColor;
}
.q-badge--rounded {
  border-radius: 1em;
}
.q-banner {
  min-height: 54px;
  padding: 8px 16px;
  background: #fff;
}
.q-banner--top-padding {
  padding-top: 14px;
}
.q-banner__avatar {
  min-width: 1px !important;
}
.q-banner__avatar > .q-avatar {
  font-size: 46px;
}
.q-banner__avatar > .q-icon {
  font-size: 40px;
}
.q-banner__avatar:not(:empty) + .q-banner__content {
  padding-left: 16px;
}
.q-banner__actions.col-auto {
  padding-left: 16px;
}
.q-banner__actions.col-all .q-btn-item {
  margin: 4px 0 0 4px;
}
.q-banner--dense {
  min-height: 32px;
  padding: 8px;
}
.q-banner--dense.q-banner--top-padding {
  padding-top: 12px;
}
.q-banner--dense .q-banner__avatar > .q-avatar, .q-banner--dense .q-banner__avatar > .q-icon {
  font-size: 28px;
}
.q-banner--dense .q-banner__avatar:not(:empty) + .q-banner__content {
  padding-left: 8px;
}
.q-banner--dense .q-banner__actions.col-auto {
  padding-left: 8px;
}
.q-bar {
  background: rgba(0, 0, 0, 0.2);
}
.q-bar > .q-icon {
  margin-left: 2px;
}
.q-bar > div, .q-bar > div + .q-icon {
  margin-left: 8px;
}
.q-bar > .q-btn {
  margin-left: 2px;
}
.q-bar > .q-icon:first-child, .q-bar > .q-btn:first-child, .q-bar > div:first-child {
  margin-left: 0;
}
.q-bar--standard {
  padding: 0 12px;
  height: 32px;
  font-size: 18px;
}
.q-bar--standard > div {
  font-size: 16px;
}
.q-bar--standard .q-btn {
  font-size: 11px;
}
.q-bar--dense {
  padding: 0 8px;
  height: 24px;
  font-size: 14px;
}
.q-bar--dense .q-btn {
  font-size: 8px;
}
.q-bar--dark {
  background: rgba(255, 255, 255, 0.15);
}
.q-breadcrumbs__el {
  color: inherit;
}
.q-breadcrumbs__el-icon {
  font-size: 125%;
}
.q-breadcrumbs__el-icon--with-label {
  margin-right: 8px;
}
[dir=rtl] .q-breadcrumbs__separator .q-icon {
  transform: scaleX(-1) /* rtl:ignore */;
}
.q-btn {
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  position: relative;
  outline: 0;
  border: 0;
  vertical-align: middle;
  font-size: 14px;
  line-height: 1.715em;
  text-decoration: none;
  color: inherit;
  background: transparent;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  width: auto;
  height: auto;
  cursor: default;
  padding: 4px 16px;
  min-height: 2.572em;
}
.q-btn .q-icon, .q-btn .q-spinner {
  font-size: 1.715em;
}
.q-btn.disabled {
  opacity: 0.7 !important;
}
.q-btn:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: inherit;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}
.q-btn--actionable {
  cursor: pointer;
}
.q-btn--actionable.q-btn--standard:before {
  transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.q-btn--actionable.q-btn--standard:active:before, .q-btn--actionable.q-btn--standard.q-btn--active:before {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.14), 0 1px 14px rgba(0, 0, 0, 0.12);
}
.q-btn--no-uppercase {
  text-transform: none;
}
.q-btn--rectangle {
  border-radius: 3px;
}
.q-btn--outline {
  background: transparent !important;
}
.q-btn--outline:before {
  border: 1px solid currentColor;
}
.q-btn--push {
  border-radius: 7px;
}
.q-btn--push:before {
  border-bottom: 3px solid rgba(0, 0, 0, 0.15);
}
.q-btn--push.q-btn--actionable {
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.q-btn--push.q-btn--actionable:before {
  transition: border-width 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.q-btn--push.q-btn--actionable:active, .q-btn--push.q-btn--actionable.q-btn--active {
  transform: translateY(2px);
}
.q-btn--push.q-btn--actionable:active:before, .q-btn--push.q-btn--actionable.q-btn--active:before {
  border-bottom-width: 0;
}
.q-btn--rounded {
  border-radius: 28px;
}
.q-btn--round {
  border-radius: 50%;
  padding: 0;
  min-width: 3em;
  min-height: 3em;
}
.q-btn--square {
  border-radius: 0;
}
.q-btn--flat:before, .q-btn--outline:before, .q-btn--unelevated:before {
  box-shadow: none;
}
.q-btn--dense {
  padding: 0.285em;
  min-height: 2em;
}
.q-btn--dense.q-btn--round {
  padding: 0;
  min-height: 2.4em;
  min-width: 2.4em;
}
.q-btn--dense .on-left {
  margin-right: 6px;
}
.q-btn--dense .on-right {
  margin-left: 6px;
}
.q-btn--fab .q-icon, .q-btn--fab-mini .q-icon {
  font-size: 24px;
}
.q-btn--fab {
  padding: 16px;
  min-height: 56px;
  min-width: 56px;
}
.q-btn--fab .q-icon {
  margin: auto;
}
.q-btn--fab-mini {
  padding: 8px;
  min-height: 40px;
  min-width: 40px;
}
.q-btn__content {
  transition: opacity 0.3s;
  z-index: 0;
}
.q-btn__content--hidden {
  opacity: 0;
  pointer-events: none;
}
.q-btn__progress {
  border-radius: inherit;
  z-index: 0;
}
.q-btn__progress-indicator {
  z-index: -1;
  transform: translateX(-100%);
  background: rgba(255, 255, 255, 0.25);
}
.q-btn__progress--dark .q-btn__progress-indicator {
  background: rgba(0, 0, 0, 0.2);
}
.q-btn--flat .q-btn__progress-indicator, .q-btn--outline .q-btn__progress-indicator {
  opacity: 0.2;
  background: currentColor;
}
.q-btn-dropdown--split .q-btn-dropdown__arrow-container {
  padding: 0 4px;
}
.q-btn-dropdown--split .q-btn-dropdown__arrow-container.q-btn--outline {
  border-left: 1px solid currentColor;
}
.q-btn-dropdown--split .q-btn-dropdown__arrow-container:not(.q-btn--outline) {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.q-btn-dropdown--simple * + .q-btn-dropdown__arrow {
  margin-left: 8px;
}
.q-btn-dropdown__arrow {
  transition: transform 0.28s;
}
.q-btn-dropdown--current {
  flex-grow: 1;
}
.q-btn-group {
  border-radius: 3px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  vertical-align: middle;
}
.q-btn-group > .q-btn-item {
  border-radius: inherit;
  align-self: stretch;
}
.q-btn-group > .q-btn-item:before {
  box-shadow: none;
}
.q-btn-group > .q-btn-item .q-badge--floating {
  right: 0;
}
.q-btn-group > .q-btn-group {
  box-shadow: none;
}
.q-btn-group > .q-btn-group:first-child > .q-btn:first-child {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}
.q-btn-group > .q-btn-group:last-child > .q-btn:last-child {
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}
.q-btn-group > .q-btn-group:not(:first-child) > .q-btn:first-child:before {
  border-left: 0;
}
.q-btn-group > .q-btn-group:not(:last-child) > .q-btn:last-child:before {
  border-right: 0;
}
.q-btn-group > .q-btn-item:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.q-btn-group > .q-btn-item:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.q-btn-group > .q-btn-item.q-btn--standard:before {
  z-index: -1;
}
.q-btn-group--push {
  border-radius: 7px;
}
.q-btn-group--push > .q-btn--push.q-btn--actionable {
  transform: none;
}
.q-btn-group--push > .q-btn--push.q-btn--actionable .q-btn__content {
  transition: margin-top 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), margin-bottom 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.q-btn-group--push > .q-btn--push.q-btn--actionable:active .q-btn__content, .q-btn-group--push > .q-btn--push.q-btn--actionable.q-btn--active .q-btn__content {
  margin-top: 2px;
  margin-bottom: -2px;
}
.q-btn-group--rounded {
  border-radius: 28px;
}
.q-btn-group--square {
  border-radius: 0;
}
.q-btn-group--flat, .q-btn-group--outline, .q-btn-group--unelevated {
  box-shadow: none;
}
.q-btn-group--outline > .q-separator {
  display: none;
}
.q-btn-group--outline > .q-btn-item + .q-btn-item:before {
  border-left: 0;
}
.q-btn-group--outline > .q-btn-item:not(:last-child):before {
  border-right: 0;
}
.q-btn-group--stretch {
  align-self: stretch;
  border-radius: 0;
}
.q-btn-group--glossy > .q-btn-item {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)) !important;
}
.q-btn-group--spread > .q-btn-group {
  display: flex !important;
}
.q-btn-group--spread > .q-btn-item, .q-btn-group--spread > .q-btn-group > .q-btn-item:not(.q-btn-dropdown__arrow-container) {
  width: auto;
  min-width: 0;
  max-width: 100%;
  flex: 10000 1 0%;
}
.q-btn-toggle {
  position: relative;
}
.q-card {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  vertical-align: top;
  background: #fff;
  position: relative;
}
.q-card > div:not(.q--avoid-card-border),
.q-card > img:not(.q--avoid-card-border) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.q-card > div:nth-child(1 of :not(.q--avoid-card-border)),
.q-card > img:nth-child(1 of :not(.q--avoid-card-border)) {
  border-top: 0;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.q-card > div:nth-last-child(1 of :not(.q--avoid-card-border)),
.q-card > img:nth-last-child(1 of :not(.q--avoid-card-border)) {
  border-bottom: 0;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.q-card > div:not(.q--avoid-card-border) {
  border-left: 0;
  border-right: 0;
  box-shadow: none;
}
.q-card--bordered {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.q-card--dark {
  border-color: rgba(255, 255, 255, 0.28);
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
}
.q-card__section {
  position: relative;
}
.q-card__section--vert {
  padding: 16px;
}
.q-card__section--horiz > div:not(.q--avoid-card-border),
.q-card__section--horiz > img:not(.q--avoid-card-border) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.q-card__section--horiz > div:nth-child(1 of :not(.q--avoid-card-border)),
.q-card__section--horiz > img:nth-child(1 of :not(.q--avoid-card-border)) {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}
.q-card__section--horiz > div:nth-last-child(1 of :not(.q--avoid-card-border)),
.q-card__section--horiz > img:nth-last-child(1 of :not(.q--avoid-card-border)) {
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}
.q-card__section--horiz > div:not(.q--avoid-card-border) {
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
}
.q-card__actions {
  padding: 8px;
  align-items: center;
}
.q-card__actions .q-btn--rectangle {
  padding: 0 8px;
}
.q-card__actions--horiz > .q-btn-item + .q-btn-item,
.q-card__actions--horiz > .q-btn-group + .q-btn-item,
.q-card__actions--horiz > .q-btn-item + .q-btn-group {
  margin-left: 8px;
}
.q-card__actions--vert > .q-btn-item.q-btn--round {
  align-self: center;
}
.q-card__actions--vert > .q-btn-item + .q-btn-item,
.q-card__actions--vert > .q-btn-group + .q-btn-item,
.q-card__actions--vert > .q-btn-item + .q-btn-group {
  margin-top: 4px;
}
.q-card__actions--vert > .q-btn-group > .q-btn-item {
  flex-grow: 1;
}
.q-card > img {
  display: block;
  width: 100%;
  max-width: 100%;
  border: 0;
}
.q-carousel {
  background-color: #fff;
  height: 400px;
}
.q-carousel__slide {
  min-height: 100%;
  background-size: cover;
  background-position: 50%;
}
.q-carousel__slide, .q-carousel .q-carousel--padding {
  padding: 16px;
}
.q-carousel__slides-container {
  height: 100%;
}
.q-carousel__control {
  color: #fff;
}
.q-carousel__arrow {
  pointer-events: none;
}
.q-carousel__arrow .q-icon {
  font-size: 28px;
}
.q-carousel__arrow .q-btn {
  pointer-events: all;
}
.q-carousel__prev-arrow--horizontal, .q-carousel__next-arrow--horizontal {
  top: 16px;
  bottom: 16px;
}
.q-carousel__prev-arrow--horizontal {
  left: 16px;
}
.q-carousel__next-arrow--horizontal {
  right: 16px;
}
.q-carousel__prev-arrow--vertical, .q-carousel__next-arrow--vertical {
  left: 16px;
  right: 16px;
}
.q-carousel__prev-arrow--vertical {
  top: 16px;
}
.q-carousel__next-arrow--vertical {
  bottom: 16px;
}
.q-carousel__navigation--top, .q-carousel__navigation--bottom {
  left: 16px;
  right: 16px;
  overflow-x: auto;
  overflow-y: hidden;
}
.q-carousel__navigation--top {
  top: 16px;
}
.q-carousel__navigation--bottom {
  bottom: 16px;
}
.q-carousel__navigation--left, .q-carousel__navigation--right {
  top: 16px;
  bottom: 16px;
  overflow-x: hidden;
  overflow-y: auto;
}
.q-carousel__navigation--left > .q-carousel__navigation-inner, .q-carousel__navigation--right > .q-carousel__navigation-inner {
  flex-direction: column;
}
.q-carousel__navigation--left {
  left: 16px;
}
.q-carousel__navigation--right {
  right: 16px;
}
.q-carousel__navigation-inner {
  flex: 1 1 auto;
}
.q-carousel__navigation .q-btn {
  margin: 6px 4px;
  padding: 5px;
}
.q-carousel__navigation-icon--inactive {
  opacity: 0.7;
}
.q-carousel .q-carousel__thumbnail {
  margin: 2px;
  height: 50px;
  width: auto;
  display: inline-block;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  vertical-align: middle;
  opacity: 0.7;
  transition: opacity 0.3s;
}
.q-carousel .q-carousel__thumbnail:hover,
.q-carousel .q-carousel__thumbnail--active {
  opacity: 1;
}
.q-carousel .q-carousel__thumbnail--active {
  border-color: currentColor;
  cursor: default;
}
.q-carousel--navigation-top.q-carousel--with-padding .q-carousel__slide, .q-carousel--navigation-top .q-carousel--padding, .q-carousel--arrows-vertical.q-carousel--with-padding .q-carousel__slide, .q-carousel--arrows-vertical .q-carousel--padding {
  padding-top: 60px;
}
.q-carousel--navigation-bottom.q-carousel--with-padding .q-carousel__slide, .q-carousel--navigation-bottom .q-carousel--padding, .q-carousel--arrows-vertical.q-carousel--with-padding .q-carousel__slide, .q-carousel--arrows-vertical .q-carousel--padding {
  padding-bottom: 60px;
}
.q-carousel--navigation-left.q-carousel--with-padding .q-carousel__slide, .q-carousel--navigation-left .q-carousel--padding, .q-carousel--arrows-horizontal.q-carousel--with-padding .q-carousel__slide, .q-carousel--arrows-horizontal .q-carousel--padding {
  padding-left: 60px;
}
.q-carousel--navigation-right.q-carousel--with-padding .q-carousel__slide, .q-carousel--navigation-right .q-carousel--padding, .q-carousel--arrows-horizontal.q-carousel--with-padding .q-carousel__slide, .q-carousel--arrows-horizontal .q-carousel--padding {
  padding-right: 60px;
}
.q-carousel.fullscreen {
  height: 100%;
}
.q-message-name {
  font-size: small;
}
.q-message-label {
  margin: 24px 0;
  text-align: center;
  font-size: small;
}
.q-message-stamp {
  color: inherit;
  margin-top: 4px;
  opacity: 0.6;
  display: none;
  font-size: small;
}
.q-message-avatar {
  border-radius: 50%;
  width: 48px;
  height: 48px;
  min-width: 48px;
}
.q-message {
  margin-bottom: 8px;
}
.q-message:first-child .q-message-label {
  margin-top: 0;
}
.q-message-avatar--received {
  margin-right: 8px;
}
.q-message-text--received {
  color: #81c784;
  border-radius: 4px 4px 4px 0;
}
.q-message-text--received:last-child:before {
  right: 100%;
  border-right: 0 solid transparent;
  border-left: 8px solid transparent;
  border-bottom: 8px solid currentColor;
}
.q-message-text-content--received {
  color: #000;
}
.q-message-name--sent {
  text-align: right;
}
.q-message-avatar--sent {
  margin-left: 8px;
}
.q-message-container--sent {
  flex-direction: row-reverse;
}
.q-message-text--sent {
  color: #e0e0e0;
  border-radius: 4px 4px 0 4px;
}
.q-message-text--sent:last-child:before {
  left: 100%;
  border-left: 0 solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid currentColor;
}
.q-message-text-content--sent {
  color: #000;
}
.q-message-text {
  background: currentColor;
  padding: 8px;
  line-height: 1.2;
  word-break: break-word;
  position: relative;
}
.q-message-text + .q-message-text {
  margin-top: 3px;
}
.q-message-text:last-child {
  min-height: 48px;
}
.q-message-text:last-child .q-message-stamp {
  display: block;
}
.q-message-text:last-child:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
}
.q-checkbox {
  vertical-align: middle;
}
.q-checkbox__native {
  width: 1px;
  height: 1px;
}
.q-checkbox__bg, .q-checkbox__icon-container {
  user-select: none;
}
.q-checkbox__bg {
  top: 25%;
  left: 25%;
  width: 50%;
  height: 50%;
  border: 2px solid currentColor;
  border-radius: 2px;
  transition: background 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms;
  -webkit-print-color-adjust: exact;
}
.q-checkbox__icon {
  color: currentColor;
  font-size: 0.5em;
}
.q-checkbox__svg {
  color: #fff;
}
.q-checkbox__truthy {
  stroke: currentColor;
  stroke-width: 3.12px;
  stroke-dashoffset: 29.78334;
  stroke-dasharray: 29.78334;
}
.q-checkbox__indet {
  fill: currentColor;
  transform-origin: 50% 50%;
  transform: rotate(-280deg) scale(0);
}
.q-checkbox__inner {
  font-size: 40px;
  width: 1em;
  min-width: 1em;
  height: 1em;
  outline: 0;
  border-radius: 50%;
  color: rgba(0, 0, 0, 0.54);
}
.q-checkbox__inner--truthy, .q-checkbox__inner--indet {
  color: var(--q-primary);
}
.q-checkbox__inner--truthy .q-checkbox__bg, .q-checkbox__inner--indet .q-checkbox__bg {
  background: currentColor;
}
.q-checkbox__inner--truthy path {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 0.18s cubic-bezier(0.4, 0, 0.6, 1) 0ms;
}
.q-checkbox__inner--indet .q-checkbox__indet {
  transform: rotate(0) scale(1);
  transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms;
}
.q-checkbox.disabled {
  opacity: 0.75 !important;
}
.q-checkbox--dark .q-checkbox__inner {
  color: rgba(255, 255, 255, 0.7);
}
.q-checkbox--dark .q-checkbox__inner:before {
  opacity: 0.32 !important;
}
.q-checkbox--dark .q-checkbox__inner--truthy, .q-checkbox--dark .q-checkbox__inner--indet {
  color: var(--q-primary);
}
.q-checkbox--dense .q-checkbox__inner {
  width: 0.5em;
  min-width: 0.5em;
  height: 0.5em;
}
.q-checkbox--dense .q-checkbox__bg {
  left: 5%;
  top: 5%;
  width: 90%;
  height: 90%;
}
.q-checkbox--dense .q-checkbox__label {
  padding-left: 0.5em;
}
.q-checkbox--dense.reverse .q-checkbox__label {
  padding-left: 0;
  padding-right: 0.5em;
}
body.desktop .q-checkbox:not(.disabled) .q-checkbox__inner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.12;
  transform: scale3d(0, 0, 1);
  transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1);
}
body.desktop .q-checkbox:not(.disabled):focus .q-checkbox__inner:before, body.desktop .q-checkbox:not(.disabled):hover .q-checkbox__inner:before {
  transform: scale3d(1, 1, 1);
}
body.desktop .q-checkbox--dense:not(.disabled):focus .q-checkbox__inner:before, body.desktop .q-checkbox--dense:not(.disabled):hover .q-checkbox__inner:before {
  transform: scale3d(1.4, 1.4, 1);
}
.q-chip {
  vertical-align: middle;
  border-radius: 16px;
  outline: 0;
  position: relative;
  height: 2em;
  max-width: 100%;
  margin: 4px;
  background: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
  padding: 0.5em 0.9em;
}
.q-chip--colored .q-chip__icon, .q-chip--dark .q-chip__icon {
  color: inherit;
}
.q-chip .q-avatar {
  font-size: 2em;
  margin-left: -0.45em;
  margin-right: 0.2em;
  border-radius: 16px;
}
.q-chip--outline {
  background: transparent !important;
  border: 1px solid currentColor;
}
.q-chip--outline .q-avatar {
  margin-left: calc(-0.45em - 1px);
}
.q-chip--selected .q-avatar {
  display: none;
}
.q-chip__icon {
  color: rgba(0, 0, 0, 0.54);
  font-size: 1.5em;
  margin: -0.2em;
}
.q-chip__icon--left {
  margin-right: 0.2em;
}
.q-chip__icon--right {
  margin-left: 0.2em;
}
.q-chip__icon--remove {
  margin-left: 0.1em;
  margin-right: -0.5em;
  opacity: 0.6;
  outline: 0;
}
.q-chip__icon--remove:hover, .q-chip__icon--remove:focus {
  opacity: 1;
}
.q-chip__content {
  white-space: nowrap;
}
.q-chip--dense {
  border-radius: 12px;
  padding: 0 0.4em;
  height: 1.5em;
}
.q-chip--dense .q-avatar {
  font-size: 1.5em;
  margin-left: -0.27em;
  margin-right: 0.1em;
  border-radius: 12px;
}
.q-chip--dense .q-chip__icon {
  font-size: 1.25em;
}
.q-chip--dense .q-chip__icon--left {
  margin-right: 0.195em;
}
.q-chip--dense .q-chip__icon--remove {
  margin-right: -0.25em;
}
.q-chip--square {
  border-radius: 4px;
}
.q-chip--square .q-avatar {
  border-radius: 3px 0 0 3px;
}
body.desktop .q-chip--clickable:focus {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
body.desktop.body--dark .q-chip--clickable:focus {
  box-shadow: 0 1px 3px rgba(255, 255, 255, 0.2), 0 1px 1px rgba(255, 255, 255, 0.14), 0 2px 1px -1px rgba(255, 255, 255, 0.12);
}
.q-circular-progress {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  line-height: 1;
}
.q-circular-progress.q-focusable {
  border-radius: 50%;
}
.q-circular-progress__svg {
  width: 100%;
  height: 100%;
}
.q-circular-progress__text {
  font-size: 0.25em;
}
.q-circular-progress--indeterminate .q-circular-progress__svg {
  transform-origin: 50% 50%;
  animation: q-spin 2s linear infinite /* rtl:ignore */;
}
.q-circular-progress--indeterminate .q-circular-progress__circle {
  stroke-dasharray: 1 400;
  stroke-dashoffset: 0;
  animation: q-circular-progress-circle 1.5s ease-in-out infinite /* rtl:ignore */;
}
@keyframes q-circular-progress-circle {
0% {
    stroke-dasharray: 1, 400;
    stroke-dashoffset: 0;
}
50% {
    stroke-dasharray: 400, 400;
    stroke-dashoffset: -100;
}
100% {
    stroke-dasharray: 400, 400;
    stroke-dashoffset: -300;
}
}
.q-color-picker {
  overflow: hidden;
  background: #fff;
  max-width: 350px;
  vertical-align: top;
  min-width: 180px;
  border-radius: 4px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  /* Saturation Tab */
  /* Tune Tab */
  /* Palette Tab */
  /* Generic  */
}
.q-color-picker .q-tab {
  padding: 0 !important;
}
.q-color-picker--bordered {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.q-color-picker__header-tabs {
  height: 32px;
}
.q-color-picker__header-banner {
  height: 36px;
}
.q-color-picker__header input {
  line-height: 24px;
  border: 0;
}
.q-color-picker__header .q-tab {
  min-height: 32px !important;
  height: 32px !important;
}
.q-color-picker__header .q-tab--inactive {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0.1));
}
.q-color-picker__error-icon {
  bottom: 2px;
  right: 2px;
  font-size: 24px;
  opacity: 0;
  transition: opacity 0.3s ease-in;
}
.q-color-picker__header-content {
  position: relative;
  background: #fff;
}
.q-color-picker__header-content--light {
  color: #000;
}
.q-color-picker__header-content--dark {
  color: #fff;
}
.q-color-picker__header-content--dark .q-tab--inactive:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.2);
}
.q-color-picker__header-banner {
  height: 36px;
}
.q-color-picker__header-bg {
  background: #fff;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAH0lEQVQoU2NkYGAwZkAFZ5G5jPRRgOYEVDeB3EBjBQBOZwTVugIGyAAAAABJRU5ErkJggg==") !important;
}
.q-color-picker__footer {
  height: 36px;
}
.q-color-picker__footer .q-tab {
  min-height: 36px !important;
  height: 36px !important;
}
.q-color-picker__footer .q-tab--inactive {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0.1));
}
.q-color-picker__spectrum {
  width: 100%;
  height: 100%;
}
.q-color-picker__spectrum-tab {
  padding: 0 !important;
}
.q-color-picker__spectrum-white {
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}
.q-color-picker__spectrum-black {
  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}
.q-color-picker__spectrum-circle {
  width: 10px;
  height: 10px;
  box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  transform: translate(-5px, -5px);
}
.q-color-picker__hue .q-slider__track {
  background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%) !important;
  opacity: 1;
}
.q-color-picker__alpha .q-slider__track-container {
  padding-top: 0;
}
.q-color-picker__alpha .q-slider__track:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), #757575);
}
.q-color-picker__sliders {
  padding: 0 16px;
}
.q-color-picker__sliders .q-slider__thumb {
  color: #424242;
}
.q-color-picker__sliders .q-slider__thumb path {
  stroke-width: 2px;
  fill: transparent;
}
.q-color-picker__sliders .q-slider--active path {
  stroke-width: 3px;
}
.q-color-picker__tune-tab .q-slider {
  margin-left: 18px;
  margin-right: 18px;
}
.q-color-picker__tune-tab input {
  font-size: 11px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  width: 3.5em;
}
.q-color-picker__palette-tab {
  padding: 0 !important;
}
.q-color-picker__palette-rows--editable .q-color-picker__cube {
  cursor: pointer;
}
.q-color-picker__cube {
  padding-bottom: 10%;
  width: 10% !important;
}
.q-color-picker input {
  color: inherit;
  background: transparent;
  outline: 0;
  text-align: center;
}
.q-color-picker .q-tabs {
  overflow: hidden;
}
.q-color-picker .q-tab--active {
  box-shadow: 0 0 14px 3px rgba(0, 0, 0, 0.2);
}
.q-color-picker .q-tab--active .q-focus-helper {
  display: none;
}
.q-color-picker .q-tab__indicator {
  display: none;
}
.q-color-picker .q-tab-panels {
  background: inherit;
}
.q-color-picker--dark {
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
}
.q-color-picker--dark .q-color-picker__tune-tab input {
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.q-color-picker--dark .q-slider__thumb {
  color: #fafafa;
}
.q-date {
  display: inline-flex;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  background: #fff;
  width: 290px;
  min-width: 290px;
  max-width: 100%;
}
.q-date--bordered {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.q-date__header {
  border-top-left-radius: inherit;
  color: #fff;
  background-color: var(--q-primary);
  padding: 16px;
}
.q-date__actions {
  padding: 0 16px 16px;
}
.q-date__content, .q-date__main {
  outline: 0;
}
.q-date__content .q-btn {
  font-weight: normal;
}
.q-date__header-link {
  opacity: 0.64;
  outline: 0;
  transition: opacity 0.3s ease-out;
}
.q-date__header-link--active, .q-date__header-link:hover, .q-date__header-link:focus {
  opacity: 1;
}
.q-date__header-subtitle {
  font-size: 14px;
  line-height: 1.75;
  letter-spacing: 0.00938em;
}
.q-date__header-title-label {
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: 0.00735em;
}
.q-date__view {
  height: 100%;
  width: 100%;
  min-height: 290px;
  padding: 16px;
}
.q-date__navigation {
  height: 12.5%;
}
.q-date__navigation > div:first-child {
  width: 8%;
  min-width: 24px;
  justify-content: flex-end;
}
.q-date__navigation > div:last-child {
  width: 8%;
  min-width: 24px;
  justify-content: flex-start;
}
.q-date__calendar-weekdays {
  height: 12.5%;
}
.q-date__calendar-weekdays > div {
  opacity: 0.38;
  font-size: 12px;
}
.q-date__calendar-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  width: 14.285% !important;
  height: 12.5% !important;
  position: relative;
  padding: 1px;
}
.q-date__calendar-item:after {
  content: "";
  position: absolute;
  pointer-events: none;
  top: 1px;
  right: 0;
  bottom: 1px;
  left: 0;
  border-style: dashed;
  border-color: transparent;
  border-width: 1px;
}
.q-date__calendar-item > div, .q-date__calendar-item button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.q-date__calendar-item > div {
  line-height: 30px;
  text-align: center;
}
.q-date__calendar-item > button {
  line-height: 22px;
}
.q-date__calendar-item--out {
  opacity: 0.18;
}
.q-date__calendar-item--fill {
  visibility: hidden;
}
.q-date__range:before, .q-date__range-from:before, .q-date__range-to:before {
  content: "";
  background-color: currentColor;
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: 0;
  right: 0;
  opacity: 0.3;
}
.q-date__range:nth-child(7n-6):before, .q-date__range-from:nth-child(7n-6):before, .q-date__range-to:nth-child(7n-6):before {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.q-date__range:nth-child(7n):before, .q-date__range-from:nth-child(7n):before, .q-date__range-to:nth-child(7n):before {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.q-date__range-from:before {
  left: 50%;
}
.q-date__range-to:before {
  right: 50%;
}
.q-date__edit-range:after {
  border-color: currentColor transparent;
}
.q-date__edit-range:nth-child(7n-6):after {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.q-date__edit-range:nth-child(7n):after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.q-date__edit-range-from:after, .q-date__edit-range-from-to:after {
  left: 4px;
  border-left-color: currentColor;
  border-top-color: currentColor;
  border-bottom-color: currentColor;
  border-top-left-radius: 28px;
  border-bottom-left-radius: 28px;
}
.q-date__edit-range-to:after, .q-date__edit-range-from-to:after {
  right: 4px;
  border-right-color: currentColor;
  border-top-color: currentColor;
  border-bottom-color: currentColor;
  border-top-right-radius: 28px;
  border-bottom-right-radius: 28px;
}
.q-date__calendar-days-container {
  height: 75%;
  min-height: 192px;
}
.q-date__calendar-days > div {
  height: 16.66% !important;
}
.q-date__event {
  position: absolute;
  bottom: 2px;
  left: 50%;
  height: 5px;
  width: 8px;
  border-radius: 5px;
  background-color: var(--q-secondary);
  transform: translate3d(-50%, 0, 0);
}
.q-date__today {
  box-shadow: 0 0 1px 0 currentColor;
}
.q-date__years-content {
  padding: 0 8px;
}
.q-date__years-item, .q-date__months-item {
  flex: 0 0 33.3333%;
}
.q-date.disabled .q-date__header, .q-date.disabled .q-date__content, .q-date--readonly .q-date__header, .q-date--readonly .q-date__content {
  pointer-events: none;
}
.q-date--readonly .q-date__navigation {
  display: none;
}
.q-date--portrait {
  flex-direction: column;
}
.q-date--portrait-standard .q-date__content {
  height: calc(100% - 86px);
}
.q-date--portrait-standard .q-date__header {
  border-top-right-radius: inherit;
  height: 86px;
}
.q-date--portrait-standard .q-date__header-title {
  align-items: center;
  height: 30px;
}
.q-date--portrait-minimal .q-date__content {
  height: 100%;
}
.q-date--landscape {
  flex-direction: row;
  align-items: stretch;
  min-width: 420px;
}
.q-date--landscape > div {
  display: flex;
  flex-direction: column;
}
.q-date--landscape .q-date__content {
  height: 100%;
}
.q-date--landscape-standard {
  min-width: 420px;
}
.q-date--landscape-standard .q-date__header {
  border-bottom-left-radius: inherit;
  min-width: 110px;
  width: 110px;
}
.q-date--landscape-standard .q-date__header-title {
  flex-direction: column;
}
.q-date--landscape-standard .q-date__header-today {
  margin-top: 12px;
  margin-left: -8px;
}
.q-date--landscape-minimal {
  width: 310px;
}
.q-date--dark {
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.28);
}
.q-dialog__title {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.0125em;
}
.q-dialog__progress {
  font-size: 4rem;
}
.q-dialog__inner {
  outline: 0;
}
.q-dialog__inner > div {
  pointer-events: all;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
  border-radius: 4px;
}
.q-dialog__inner--square > div {
  border-radius: 0 !important;
}
.q-dialog__inner > .q-card > .q-card__actions .q-btn--rectangle {
  min-width: 64px;
}
.q-dialog__inner--minimized {
  padding: 24px;
}
.q-dialog__inner--minimized > div {
  max-height: calc(100vh - 48px);
}
.q-dialog__inner--maximized > div {
  height: 100%;
  width: 100%;
  max-height: 100vh;
  max-width: 100vw;
  border-radius: 0 !important;
  top: 0 !important;
  left: 0 !important;
}
.q-dialog__inner--top, .q-dialog__inner--bottom {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.q-dialog__inner--right, .q-dialog__inner--left {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.q-dialog__inner--left:not(.q-dialog__inner--animating) > div, .q-dialog__inner--top:not(.q-dialog__inner--animating) > div {
  border-top-left-radius: 0;
}
.q-dialog__inner--right:not(.q-dialog__inner--animating) > div, .q-dialog__inner--top:not(.q-dialog__inner--animating) > div {
  border-top-right-radius: 0;
}
.q-dialog__inner--left:not(.q-dialog__inner--animating) > div, .q-dialog__inner--bottom:not(.q-dialog__inner--animating) > div {
  border-bottom-left-radius: 0;
}
.q-dialog__inner--right:not(.q-dialog__inner--animating) > div, .q-dialog__inner--bottom:not(.q-dialog__inner--animating) > div {
  border-bottom-right-radius: 0;
}
.q-dialog__inner--fullwidth > div {
  width: 100% !important;
  max-width: 100% !important;
}
.q-dialog__inner--fullheight > div {
  height: 100% !important;
  max-height: 100% !important;
}
.q-dialog__backdrop {
  z-index: -1;
  pointer-events: all;
  outline: 0;
  background: rgba(0, 0, 0, 0.4);
}
body.platform-ios .q-dialog__inner--minimized > div, body.platform-android:not(.native-mobile) .q-dialog__inner--minimized > div {
  max-height: calc(100vh - 108px);
}
body.q-ios-padding .q-dialog__inner {
  padding-top: 20px !important;
  padding-top: env(safe-area-inset-top) !important;
  padding-bottom: env(safe-area-inset-bottom) !important;
}
body.q-ios-padding .q-dialog__inner > div {
  max-height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
}
@media (max-width: 599.98px) {
.q-dialog__inner--top, .q-dialog__inner--bottom {
    padding-left: 0;
    padding-right: 0;
}
.q-dialog__inner--top > div, .q-dialog__inner--bottom > div {
    width: 100% !important;
}
}
@media (min-width: 600px) {
.q-dialog__inner--minimized > div {
    max-width: 560px;
}
}
.q-body--dialog {
  overflow: hidden;
}
.q-editor {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  background-color: #fff;
}
.q-editor.disabled {
  border-style: dashed;
}
.q-editor > div:first-child, .q-editor__toolbars-container, .q-editor__toolbars-container > div:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.q-editor__content {
  outline: 0;
  padding: 10px;
  min-height: 10em;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  overflow: auto;
  max-width: 100%;
}
.q-editor__content pre {
  white-space: pre-wrap;
}
.q-editor__content hr {
  border: 0;
  outline: 0;
  margin: 1px;
  height: 1px;
  background: rgba(0, 0, 0, 0.12);
}
.q-editor__content:empty:not(:focus):before {
  content: attr(placeholder);
  opacity: 0.7;
}
.q-editor__toolbar {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  min-height: 32px;
}
.q-editor__toolbars-container {
  max-width: 100%;
}
.q-editor .q-btn {
  margin: 4px;
}
.q-editor__toolbar-group {
  position: relative;
  margin: 0 4px;
}
.q-editor__toolbar-group + .q-editor__toolbar-group:before {
  content: "";
  position: absolute;
  left: -4px;
  top: 4px;
  bottom: 4px;
  width: 1px;
  background: rgba(0, 0, 0, 0.12);
}
.q-editor__link-input {
  color: inherit;
  text-decoration: none;
  text-transform: none;
  border: none;
  border-radius: 0;
  background: none;
  outline: 0;
}
.q-editor--flat, .q-editor--flat .q-editor__toolbar {
  border: 0;
}
.q-editor--dense .q-editor__toolbar-group {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.q-editor--dark {
  border-color: rgba(255, 255, 255, 0.28);
}
.q-editor--dark .q-editor__content hr {
  background: rgba(255, 255, 255, 0.28);
}
.q-editor--dark .q-editor__toolbar {
  border-color: rgba(255, 255, 255, 0.28);
}
.q-editor--dark .q-editor__toolbar-group + .q-editor__toolbar-group:before {
  background: rgba(255, 255, 255, 0.28);
}
.q-expansion-item__border {
  opacity: 0;
}
.q-expansion-item__toggle-icon {
  position: relative;
  transition: transform 0.3s;
}
.q-expansion-item__toggle-icon--rotated {
  transform: rotate(180deg);
}
.q-expansion-item__toggle-focus {
  width: 1em !important;
  height: 1em !important;
  position: relative !important;
}
.q-expansion-item__toggle-focus + .q-expansion-item__toggle-icon {
  margin-top: -1em;
}
.q-expansion-item--standard.q-expansion-item--expanded > div > .q-expansion-item__border {
  opacity: 1;
}
.q-expansion-item--popup {
  transition: padding 0.5s;
}
.q-expansion-item--popup > .q-expansion-item__container {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.q-expansion-item--popup > .q-expansion-item__container > .q-separator {
  display: none;
}
.q-expansion-item--popup.q-expansion-item--collapsed {
  padding: 0 15px;
}
.q-expansion-item--popup.q-expansion-item--expanded {
  padding: 15px 0;
}
.q-expansion-item--popup.q-expansion-item--expanded + .q-expansion-item--popup.q-expansion-item--expanded {
  padding-top: 0;
}
.q-expansion-item--popup.q-expansion-item--collapsed:not(:first-child) > .q-expansion-item__container {
  border-top-width: 0;
}
.q-expansion-item--popup.q-expansion-item--expanded + .q-expansion-item--popup.q-expansion-item--collapsed > .q-expansion-item__container {
  border-top-width: 1px;
}
.q-expansion-item__content > .q-card {
  box-shadow: none;
  border-radius: 0;
}
.q-expansion-item:first-child > div > .q-expansion-item__border--top {
  opacity: 0;
}
.q-expansion-item:last-child > div > .q-expansion-item__border--bottom {
  opacity: 0;
}
.q-expansion-item--expanded + .q-expansion-item--expanded > div > .q-expansion-item__border--top {
  opacity: 0;
}
.q-expansion-item--expanded .q-textarea--autogrow textarea {
  animation: q-expansion-done 0s;
}
/* needed for compilation */
@keyframes q-expansion-done {
0% {
    --q-exp-done: 1;
}
}
.z-fab {
  z-index: 990;
}
.q-fab {
  position: relative;
  vertical-align: middle;
}
.q-fab > .q-btn {
  width: 100%;
}
.q-fab--form-rounded {
  border-radius: 28px;
}
.q-fab--form-square {
  border-radius: 4px;
}
.q-fab__icon, .q-fab__active-icon {
  transition: opacity 0.4s, transform 0.4s;
}
.q-fab__icon {
  opacity: 1;
  transform: rotate(0deg);
}
.q-fab__active-icon {
  opacity: 0;
  transform: rotate(-180deg);
}
.q-fab__label--external {
  position: absolute;
  padding: 0 8px;
  transition: opacity 0.18s cubic-bezier(0.65, 0.815, 0.735, 0.395);
}
.q-fab__label--external-hidden {
  opacity: 0;
  pointer-events: none;
}
.q-fab__label--external-left {
  top: 50%;
  left: -12px;
  transform: translate(-100%, -50%);
}
.q-fab__label--external-right {
  top: 50%;
  right: -12px;
  transform: translate(100%, -50%);
}
.q-fab__label--external-bottom {
  bottom: -12px;
  left: 50%;
  transform: translate(-50%, 100%);
}
.q-fab__label--external-top {
  top: -12px;
  left: 50%;
  transform: translate(-50%, -100%);
}
.q-fab__label--internal {
  padding: 0;
  transition: font-size 0.12s cubic-bezier(0.65, 0.815, 0.735, 0.395), max-height 0.12s cubic-bezier(0.65, 0.815, 0.735, 0.395), opacity 0.07s cubic-bezier(0.65, 0.815, 0.735, 0.395);
  max-height: 30px;
}
.q-fab__label--internal-hidden {
  font-size: 0;
  opacity: 0;
}
.q-fab__label--internal-top {
  padding-bottom: 0.12em;
}
.q-fab__label--internal-bottom {
  padding-top: 0.12em;
}
.q-fab__label--internal-top.q-fab__label--internal-hidden, .q-fab__label--internal-bottom.q-fab__label--internal-hidden {
  max-height: 0;
}
.q-fab__label--internal-left {
  padding-left: 0.285em;
  padding-right: 0.571em;
}
.q-fab__label--internal-right {
  padding-right: 0.285em;
  padding-left: 0.571em;
}
.q-fab__icon-holder {
  min-width: 24px;
  min-height: 24px;
  position: relative;
}
.q-fab__icon-holder--opened .q-fab__icon {
  transform: rotate(180deg);
  opacity: 0;
}
.q-fab__icon-holder--opened .q-fab__active-icon {
  transform: rotate(0deg);
  opacity: 1;
}
.q-fab__actions {
  position: absolute;
  opacity: 0;
  transition: transform 0.18s ease-in, opacity 0.18s ease-in;
  pointer-events: none;
  align-items: center;
  justify-content: center;
  align-self: center;
  padding: 3px;
}
.q-fab__actions .q-btn {
  margin: 5px;
}
.q-fab__actions--right {
  transform-origin: 0 50%;
  transform: scale(0.4) translateX(-62px);
  height: 56px;
  left: 100%;
  margin-left: 9px;
}
.q-fab__actions--left {
  transform-origin: 100% 50%;
  transform: scale(0.4) translateX(62px);
  height: 56px;
  right: 100%;
  margin-right: 9px;
  flex-direction: row-reverse;
}
.q-fab__actions--up {
  transform-origin: 50% 100%;
  transform: scale(0.4) translateY(62px);
  width: 56px;
  bottom: 100%;
  margin-bottom: 9px;
  flex-direction: column-reverse;
}
.q-fab__actions--down {
  transform-origin: 50% 0;
  transform: scale(0.4) translateY(-62px);
  width: 56px;
  top: 100%;
  margin-top: 9px;
  flex-direction: column;
}
.q-fab__actions--up, .q-fab__actions--down {
  left: 50%;
  margin-left: -28px;
}
.q-fab__actions--opened {
  opacity: 1;
  transform: scale(1) translate(0.1px, 0);
  pointer-events: all;
}
.q-fab--align-left > .q-fab__actions--up, .q-fab--align-left > .q-fab__actions--down {
  align-items: flex-start;
  left: 28px;
}
.q-fab--align-right > .q-fab__actions--up, .q-fab--align-right > .q-fab__actions--down {
  align-items: flex-end;
  left: auto;
  right: 0;
}
.q-field {
  font-size: 14px;
}
.q-field ::-ms-clear,
.q-field ::-ms-reveal {
  display: none;
}
.q-field--with-bottom {
  padding-bottom: 20px;
}
.q-field__marginal {
  height: 56px;
  color: rgba(0, 0, 0, 0.54);
  font-size: 24px;
}
.q-field__marginal > * + * {
  margin-left: 2px;
}
.q-field__marginal .q-avatar {
  font-size: 32px;
}
.q-field__before, .q-field__prepend {
  padding-right: 12px;
}
.q-field__after, .q-field__append {
  padding-left: 12px;
}
.q-field__after:empty, .q-field__append:empty {
  display: none;
}
.q-field__append + .q-field__append {
  padding-left: 2px;
}
.q-field__inner {
  text-align: left;
}
.q-field__bottom {
  font-size: 12px;
  min-height: 20px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.54);
  padding: 8px 12px 0;
  backface-visibility: hidden;
}
.q-field__bottom--animated {
  transform: translateY(100%);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.q-field__messages {
  line-height: 1;
}
.q-field__messages > div {
  word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.q-field__messages > div + div {
  margin-top: 4px;
}
.q-field__counter {
  padding-left: 8px;
  line-height: 1;
}
.q-field--item-aligned {
  padding: 8px 16px;
}
.q-field--item-aligned .q-field__before {
  min-width: 56px;
}
.q-field__control-container {
  height: inherit;
}
.q-field__control {
  color: var(--q-primary);
  height: 56px;
  max-width: 100%;
  outline: none;
}
.q-field__control:before, .q-field__control:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.q-field__control:before {
  border-radius: inherit;
}
.q-field__shadow {
  top: 8px;
  opacity: 0;
  overflow: hidden;
  white-space: pre-wrap;
  transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}
.q-field__shadow + .q-field__native::placeholder {
  transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}
.q-field__shadow + .q-field__native:focus::placeholder {
  opacity: 0;
}
.q-field__native, .q-field__prefix, .q-field__suffix, .q-field__input {
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.00937em;
  text-decoration: inherit;
  text-transform: inherit;
  border: none;
  border-radius: 0;
  background: none;
  color: rgba(0, 0, 0, 0.87);
  outline: 0;
  padding: 6px 0;
}
.q-field__native, .q-field__input {
  width: 100%;
  min-width: 0;
  outline: 0 !important;
  user-select: auto;
}
.q-field__native:-webkit-autofill, .q-field__input:-webkit-autofill {
  -webkit-animation-name: q-autofill;
  -webkit-animation-fill-mode: both;
}
.q-field__native:-webkit-autofill + .q-field__label, .q-field__input:-webkit-autofill + .q-field__label {
  transform: translateY(-40%) scale(0.75);
}
.q-field__native[type=color] + .q-field__label, .q-field__native[type=date] + .q-field__label, .q-field__native[type=datetime-local] + .q-field__label, .q-field__native[type=month] + .q-field__label, .q-field__native[type=time] + .q-field__label, .q-field__native[type=week] + .q-field__label, .q-field__input[type=color] + .q-field__label, .q-field__input[type=date] + .q-field__label, .q-field__input[type=datetime-local] + .q-field__label, .q-field__input[type=month] + .q-field__label, .q-field__input[type=time] + .q-field__label, .q-field__input[type=week] + .q-field__label {
  transform: translateY(-40%) scale(0.75);
}
.q-field__native:invalid, .q-field__input:invalid {
  box-shadow: none;
}
.q-field__native[type=file] {
  line-height: 1em;
}
.q-field__input {
  padding: 0;
  height: 0;
  min-height: 24px;
  line-height: 24px;
}
.q-field__prefix, .q-field__suffix {
  transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
}
.q-field__prefix {
  padding-right: 4px;
}
.q-field__suffix {
  padding-left: 4px;
}
.q-field--readonly .q-placeholder, .q-field--disabled .q-placeholder {
  opacity: 1 !important;
}
.q-field--readonly.q-field--labeled .q-field__native, .q-field--readonly.q-field--labeled .q-field__input {
  cursor: default;
}
.q-field--readonly.q-field--float .q-field__native, .q-field--readonly.q-field--float .q-field__input {
  cursor: text;
}
.q-field--disabled .q-field__inner {
  cursor: not-allowed;
}
.q-field--disabled .q-field__control {
  pointer-events: none;
}
.q-field--disabled .q-field__control > div {
  opacity: 0.6 !important;
}
.q-field--disabled .q-field__control > div,
.q-field--disabled .q-field__control > div * {
  outline: 0 !important;
}
.q-field__label {
  left: 0;
  top: 18px;
  max-width: 100%;
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
  letter-spacing: 0.00937em;
  text-decoration: inherit;
  text-transform: inherit;
  transform-origin: left top;
  transition: transform 0.36s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.324s cubic-bezier(0.4, 0, 0.2, 1);
  backface-visibility: hidden;
}
.q-field--float .q-field__label {
  max-width: 133%;
  transform: translateY(-40%) scale(0.75);
  transition: transform 0.36s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.396s cubic-bezier(0.4, 0, 0.2, 1);
}
.q-field--highlighted .q-field__label {
  color: currentColor;
}
.q-field--highlighted .q-field__shadow {
  opacity: 0.5;
}
.q-field--filled .q-field__control {
  padding: 0 12px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 4px 4px 0 0;
}
.q-field--filled .q-field__control:before {
  background: rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.42);
  opacity: 0;
  transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1), background 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}
.q-field--filled .q-field__control:hover:before {
  opacity: 1;
}
.q-field--filled .q-field__control:after {
  height: 2px;
  top: auto;
  transform-origin: center bottom;
  transform: scale3d(0, 1, 1);
  background: currentColor;
  transition: transform 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}
.q-field--filled.q-field--rounded .q-field__control {
  border-radius: 28px 28px 0 0;
}
.q-field--filled.q-field--highlighted .q-field__control:before {
  opacity: 1;
  background: rgba(0, 0, 0, 0.12);
}
.q-field--filled.q-field--highlighted .q-field__control:after {
  transform: scale3d(1, 1, 1);
}
.q-field--filled.q-field--dark .q-field__control, .q-field--filled.q-field--dark .q-field__control:before {
  background: rgba(255, 255, 255, 0.07);
}
.q-field--filled.q-field--dark.q-field--highlighted .q-field__control:before {
  background: rgba(255, 255, 255, 0.1);
}
.q-field--filled.q-field--readonly .q-field__control:before {
  opacity: 1;
  background: transparent;
  border-bottom-style: dashed;
}
.q-field--outlined .q-field__control {
  border-radius: 4px;
  padding: 0 12px;
}
.q-field--outlined .q-field__control:before {
  border: 1px solid rgba(0, 0, 0, 0.24);
  transition: border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}
.q-field--outlined .q-field__control:hover:before {
  border-color: #000;
}
.q-field--outlined .q-field__control:after {
  height: inherit;
  border-radius: inherit;
  border: 2px solid transparent;
  transition: border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}
.q-field--outlined .q-field__native:-webkit-autofill,
.q-field--outlined .q-field__input:-webkit-autofill {
  margin-top: 1px;
  margin-bottom: 1px;
}
.q-field--outlined.q-field--rounded .q-field__control {
  border-radius: 28px;
}
.q-field--outlined.q-field--highlighted .q-field__control:hover:before {
  border-color: transparent;
}
.q-field--outlined.q-field--highlighted .q-field__control:after {
  border-color: currentColor;
  border-width: 2px;
  transform: scale3d(1, 1, 1);
}
.q-field--outlined.q-field--readonly .q-field__control:before {
  border-style: dashed;
}
.q-field--standard .q-field__control:before {
  border-bottom: 1px solid rgba(0, 0, 0, 0.24);
  transition: border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}
.q-field--standard .q-field__control:hover:before {
  border-color: #000;
}
.q-field--standard .q-field__control:after {
  height: 2px;
  top: auto;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  transform-origin: center bottom;
  transform: scale3d(0, 1, 1);
  background: currentColor;
  transition: transform 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}
.q-field--standard.q-field--highlighted .q-field__control:after {
  transform: scale3d(1, 1, 1);
}
.q-field--standard.q-field--readonly .q-field__control:before {
  border-bottom-style: dashed;
}
.q-field--dark .q-field__control:before {
  border-color: rgba(255, 255, 255, 0.6);
}
.q-field--dark .q-field__control:hover:before {
  border-color: #fff;
}
.q-field--dark .q-field__native, .q-field--dark .q-field__prefix, .q-field--dark .q-field__suffix, .q-field--dark .q-field__input {
  color: #fff;
}
.q-field--dark:not(.q-field--highlighted) .q-field__label, .q-field--dark .q-field__marginal, .q-field--dark .q-field__bottom {
  color: rgba(255, 255, 255, 0.7);
}
.q-field--standout .q-field__control {
  padding: 0 12px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  transition: box-shadow 0.36s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}
.q-field--standout .q-field__control:before {
  background: rgba(0, 0, 0, 0.07);
  opacity: 0;
  transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1), background 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}
.q-field--standout .q-field__control:hover:before {
  opacity: 1;
}
.q-field--standout.q-field--rounded .q-field__control {
  border-radius: 28px;
}
.q-field--standout.q-field--highlighted .q-field__control {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  background: #000;
}
.q-field--standout.q-field--highlighted .q-field__native, .q-field--standout.q-field--highlighted .q-field__prefix, .q-field--standout.q-field--highlighted .q-field__suffix, .q-field--standout.q-field--highlighted .q-field__prepend, .q-field--standout.q-field--highlighted .q-field__append, .q-field--standout.q-field--highlighted .q-field__input {
  color: #fff;
}
.q-field--standout.q-field--readonly .q-field__control:before {
  opacity: 1;
  background: transparent;
  border: 1px dashed rgba(0, 0, 0, 0.24);
}
.q-field--standout.q-field--dark .q-field__control {
  background: rgba(255, 255, 255, 0.07);
}
.q-field--standout.q-field--dark .q-field__control:before {
  background: rgba(255, 255, 255, 0.07);
}
.q-field--standout.q-field--dark.q-field--highlighted .q-field__control {
  background: #fff;
}
.q-field--standout.q-field--dark.q-field--highlighted .q-field__native, .q-field--standout.q-field--dark.q-field--highlighted .q-field__prefix, .q-field--standout.q-field--dark.q-field--highlighted .q-field__suffix, .q-field--standout.q-field--dark.q-field--highlighted .q-field__prepend, .q-field--standout.q-field--dark.q-field--highlighted .q-field__append, .q-field--standout.q-field--dark.q-field--highlighted .q-field__input {
  color: #000;
}
.q-field--standout.q-field--dark.q-field--readonly .q-field__control:before {
  border-color: rgba(255, 255, 255, 0.24);
}
.q-field--labeled .q-field__native, .q-field--labeled .q-field__prefix, .q-field--labeled .q-field__suffix {
  line-height: 24px;
  padding-top: 24px;
  padding-bottom: 8px;
}
.q-field--labeled .q-field__shadow {
  top: 0;
}
.q-field--labeled:not(.q-field--float) .q-field__prefix, .q-field--labeled:not(.q-field--float) .q-field__suffix {
  opacity: 0;
}
.q-field--labeled:not(.q-field--float) .q-field__native::-webkit-input-placeholder, .q-field--labeled:not(.q-field--float) .q-field__input::-webkit-input-placeholder {
  color: transparent;
}
.q-field--labeled:not(.q-field--float) .q-field__native::-moz-placeholder, .q-field--labeled:not(.q-field--float) .q-field__input::-moz-placeholder {
  color: transparent;
}
.q-field--labeled:not(.q-field--float) .q-field__native:-ms-input-placeholder, .q-field--labeled:not(.q-field--float) .q-field__input:-ms-input-placeholder {
  color: transparent !important;
}
.q-field--labeled:not(.q-field--float) .q-field__native::-ms-input-placeholder, .q-field--labeled:not(.q-field--float) .q-field__input::-ms-input-placeholder {
  color: transparent;
}
.q-field--labeled:not(.q-field--float) .q-field__native::placeholder, .q-field--labeled:not(.q-field--float) .q-field__input::placeholder {
  color: transparent;
}
.q-field--labeled.q-field--dense .q-field__native, .q-field--labeled.q-field--dense .q-field__prefix, .q-field--labeled.q-field--dense .q-field__suffix {
  padding-top: 14px;
  padding-bottom: 2px;
}
.q-field--dense .q-field--with-bottom {
  padding-bottom: 19px;
}
.q-field--dense .q-field__shadow {
  top: 0;
}
.q-field--dense .q-field__control, .q-field--dense .q-field__marginal {
  height: 40px;
}
.q-field--dense .q-field__bottom {
  font-size: 11px;
}
.q-field--dense .q-field__label {
  font-size: 14px;
  top: 10px;
}
.q-field--dense .q-field__before, .q-field--dense .q-field__prepend {
  padding-right: 6px;
}
.q-field--dense .q-field__after, .q-field--dense .q-field__append {
  padding-left: 6px;
}
.q-field--dense .q-field__append + .q-field__append {
  padding-left: 2px;
}
.q-field--dense .q-field__marginal .q-avatar {
  font-size: 24px;
}
.q-field--dense.q-field--float .q-field__label {
  transform: translateY(-30%) scale(0.75);
}
.q-field--dense .q-field__native:-webkit-autofill + .q-field__label, .q-field--dense .q-field__input:-webkit-autofill + .q-field__label {
  transform: translateY(-30%) scale(0.75);
}
.q-field--dense .q-field__native[type=color] + .q-field__label, .q-field--dense .q-field__native[type=date] + .q-field__label, .q-field--dense .q-field__native[type=datetime-local] + .q-field__label, .q-field--dense .q-field__native[type=month] + .q-field__label, .q-field--dense .q-field__native[type=time] + .q-field__label, .q-field--dense .q-field__native[type=week] + .q-field__label, .q-field--dense .q-field__input[type=color] + .q-field__label, .q-field--dense .q-field__input[type=date] + .q-field__label, .q-field--dense .q-field__input[type=datetime-local] + .q-field__label, .q-field--dense .q-field__input[type=month] + .q-field__label, .q-field--dense .q-field__input[type=time] + .q-field__label, .q-field--dense .q-field__input[type=week] + .q-field__label {
  transform: translateY(-30%) scale(0.75);
}
.q-field--borderless .q-field__bottom, .q-field--borderless.q-field--dense .q-field__control, .q-field--standard .q-field__bottom, .q-field--standard.q-field--dense .q-field__control {
  padding-left: 0;
  padding-right: 0;
}
.q-field--error .q-field__label {
  animation: q-field-label 0.36s;
}
.q-field--error .q-field__bottom {
  color: var(--q-negative);
}
.q-field__focusable-action {
  opacity: 0.6;
  cursor: pointer;
  outline: 0 !important;
  border: 0;
  color: inherit;
  background: transparent;
  padding: 0;
}
.q-field__focusable-action:hover, .q-field__focusable-action:focus {
  opacity: 1;
}
.q-field--auto-height .q-field__control {
  height: auto;
}
.q-field--auto-height .q-field__control, .q-field--auto-height .q-field__native {
  min-height: 56px;
}
.q-field--auto-height .q-field__native {
  align-items: center;
}
.q-field--auto-height .q-field__control-container {
  padding-top: 0;
}
.q-field--auto-height .q-field__native, .q-field--auto-height .q-field__prefix, .q-field--auto-height .q-field__suffix {
  line-height: 18px;
}
.q-field--auto-height.q-field--labeled .q-field__control-container {
  padding-top: 24px;
}
.q-field--auto-height.q-field--labeled .q-field__shadow {
  top: 24px;
}
.q-field--auto-height.q-field--labeled .q-field__native, .q-field--auto-height.q-field--labeled .q-field__prefix, .q-field--auto-height.q-field--labeled .q-field__suffix {
  padding-top: 0;
}
.q-field--auto-height.q-field--labeled .q-field__native {
  min-height: 24px;
}
.q-field--auto-height.q-field--dense .q-field__control, .q-field--auto-height.q-field--dense .q-field__native {
  min-height: 40px;
}
.q-field--auto-height.q-field--dense.q-field--labeled .q-field__control-container {
  padding-top: 14px;
}
.q-field--auto-height.q-field--dense.q-field--labeled .q-field__shadow {
  top: 14px;
}
.q-field--auto-height.q-field--dense.q-field--labeled .q-field__native {
  min-height: 24px;
}
.q-field--square .q-field__control {
  border-radius: 0 !important;
}
.q-transition--field-message-enter-active, .q-transition--field-message-leave-active {
  transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.6s cubic-bezier(0.86, 0, 0.07, 1);
}
.q-transition--field-message-enter-from, .q-transition--field-message-leave-to {
  opacity: 0;
  transform: translateY(-10px);
}
.q-transition--field-message-leave-from, .q-transition--field-message-leave-active {
  position: absolute;
}
@keyframes q-field-label {
40% {
    margin-left: 2px;
}
60%, 80% {
    margin-left: -2px;
}
70%, 90% {
    margin-left: 2px;
}
}
@keyframes q-autofill {
to {
    background: transparent;
    color: inherit;
}
}
.q-file .q-field__native {
  word-break: break-all;
  overflow: hidden;
}
.q-file .q-field__input {
  opacity: 0 !important;
}
.q-file .q-field__input::-webkit-file-upload-button {
  cursor: pointer;
}
.q-file__filler {
  visibility: hidden;
  width: 100%;
  border: none;
  padding: 0;
}
.q-file__dnd {
  outline: 1px dashed currentColor;
  outline-offset: -4px;
}
.q-form {
  position: relative;
}
.q-img {
  position: relative;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}
.q-img__loading .q-spinner {
  font-size: 50px;
}
.q-img__container {
  border-radius: inherit;
  font-size: 0;
}
.q-img__image {
  border-radius: inherit;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.q-img__image--with-transition {
  transition: opacity 0.28s ease-in;
}
.q-img__image--loaded {
  opacity: 1;
}
.q-img__content {
  border-radius: inherit;
  pointer-events: none;
}
.q-img__content > div {
  pointer-events: all;
  position: absolute;
  padding: 16px;
  color: #fff;
  background: rgba(0, 0, 0, 0.47);
}
.q-img--no-menu .q-img__image,
.q-img--no-menu .q-img__placeholder {
  pointer-events: none;
}
.q-inner-loading {
  background: rgba(255, 255, 255, 0.6);
  border-radius: inherit;
}
.q-inner-loading--dark {
  background: rgba(0, 0, 0, 0.4);
}
.q-inner-loading__label {
  margin-top: 8px;
}
.q-textarea .q-field__control {
  min-height: 56px;
  height: auto;
}
.q-textarea .q-field__control-container {
  padding-top: 2px;
  padding-bottom: 2px;
}
.q-textarea .q-field__shadow {
  top: 2px;
  bottom: 2px;
}
.q-textarea .q-field__native, .q-textarea .q-field__prefix, .q-textarea .q-field__suffix {
  line-height: 18px;
}
.q-textarea .q-field__native {
  resize: vertical;
  padding-top: 17px;
  min-height: 52px;
}
.q-textarea.q-field--labeled .q-field__control-container {
  padding-top: 26px;
}
.q-textarea.q-field--labeled .q-field__shadow {
  top: 26px;
}
.q-textarea.q-field--labeled .q-field__native, .q-textarea.q-field--labeled .q-field__prefix, .q-textarea.q-field--labeled .q-field__suffix {
  padding-top: 0;
}
.q-textarea.q-field--labeled .q-field__native {
  min-height: 26px;
  padding-top: 1px;
}
.q-textarea--autogrow .q-field__native {
  resize: none;
}
.q-textarea.q-field--dense .q-field__control, .q-textarea.q-field--dense .q-field__native {
  min-height: 36px;
}
.q-textarea.q-field--dense .q-field__native {
  padding-top: 9px;
}
.q-textarea.q-field--dense.q-field--labeled .q-field__control-container {
  padding-top: 14px;
}
.q-textarea.q-field--dense.q-field--labeled .q-field__shadow {
  top: 14px;
}
.q-textarea.q-field--dense.q-field--labeled .q-field__native {
  min-height: 24px;
  padding-top: 3px;
}
.q-textarea.q-field--dense.q-field--labeled .q-field__prefix, .q-textarea.q-field--dense.q-field--labeled .q-field__suffix {
  padding-top: 2px;
}
body.mobile .q-textarea .q-field__native,
.q-textarea.disabled .q-field__native {
  resize: none;
}
.q-intersection {
  position: relative;
}
.q-item {
  min-height: 48px;
  padding: 8px 16px;
  color: inherit;
  transition: color 0.3s, background-color 0.3s;
}
.q-item__section--side {
  color: #757575;
  align-items: flex-start;
  padding-right: 16px;
  width: auto;
  min-width: 0;
  max-width: 100%;
}
.q-item__section--side > .q-icon {
  font-size: 24px;
}
.q-item__section--side > .q-avatar {
  font-size: 40px;
}
.q-item__section--avatar {
  color: inherit;
  min-width: 56px;
}
.q-item__section--thumbnail img {
  width: 100px;
  height: 56px;
}
.q-item__section--nowrap {
  white-space: nowrap;
}
.q-item > .q-item__section--thumbnail:first-child,
.q-item > .q-focus-helper + .q-item__section--thumbnail {
  margin-left: -16px;
}
.q-item > .q-item__section--thumbnail:last-of-type {
  margin-right: -16px;
}
.q-item__label {
  line-height: 1.2em !important;
  max-width: 100%;
}
.q-item__label--overline {
  color: rgba(0, 0, 0, 0.7);
}
.q-item__label--caption {
  color: rgba(0, 0, 0, 0.54);
}
.q-item__label--header {
  color: #757575;
  padding: 16px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.01786em;
}
.q-separator--spaced + .q-item__label--header, .q-list--padding .q-item__label--header {
  padding-top: 8px;
}
.q-item__label + .q-item__label {
  margin-top: 4px;
}
.q-item__section--main {
  width: auto;
  min-width: 0;
  max-width: 100%;
  flex: 10000 1 0%;
}
.q-item__section--main + .q-item__section--main {
  margin-left: 8px;
}
.q-item__section--main ~ .q-item__section--side {
  align-items: flex-end;
  padding-right: 0;
  padding-left: 16px;
}
.q-item__section--main.q-item__section--thumbnail {
  margin-left: 0;
  margin-right: -16px;
}
.q-list--bordered {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.q-list--separator > .q-item-type + .q-item-type,
.q-list--separator > .q-virtual-scroll__content > .q-item-type + .q-item-type {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.q-list--padding {
  padding: 8px 0;
}
.q-list--dense > .q-item, .q-item--dense {
  min-height: 32px;
  padding: 2px 16px;
}
.q-list--dark.q-list--separator > .q-item-type + .q-item-type,
.q-list--dark.q-list--separator > .q-virtual-scroll__content > .q-item-type + .q-item-type {
  border-top-color: rgba(255, 255, 255, 0.28);
}
.q-list--dark, .q-item--dark {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.28);
}
.q-list--dark .q-item__section--side:not(.q-item__section--avatar), .q-item--dark .q-item__section--side:not(.q-item__section--avatar) {
  color: rgba(255, 255, 255, 0.7);
}
.q-list--dark .q-item__label--header, .q-item--dark .q-item__label--header {
  color: rgba(255, 255, 255, 0.64);
}
.q-list--dark .q-item__label--overline, .q-list--dark .q-item__label--caption, .q-item--dark .q-item__label--overline, .q-item--dark .q-item__label--caption {
  color: rgba(255, 255, 255, 0.8);
}
.q-item {
  position: relative;
}
.q-item.q-router-link--active, .q-item--active {
  color: var(--q-primary);
}
.q-knob {
  font-size: 48px;
}
.q-knob--editable {
  cursor: pointer;
  outline: 0;
}
.q-knob--editable:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  box-shadow: none;
  transition: box-shadow 0.24s ease-in-out;
}
.q-knob--editable:focus:before {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}
body.body--dark .q-knob--editable:focus:before {
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
}
.q-layout {
  width: 100%;
  outline: 0;
}
.q-layout-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.q-layout-container .q-layout {
  min-height: 100%;
}
.q-layout-container > div {
  transform: translate3d(0, 0, 0);
}
.q-layout-container > div > div {
  min-height: 0;
  max-height: 100%;
}
.q-layout__shadow {
  width: 100%;
}
.q-layout__shadow:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2), 0 0px 10px rgba(0, 0, 0, 0.24);
}
.q-layout__section--marginal {
  background-color: var(--q-primary);
  color: #fff;
}
.q-header--hidden {
  transform: translateY(-110%);
}
.q-header--bordered {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.q-header .q-layout__shadow {
  bottom: -10px;
}
.q-header .q-layout__shadow:after {
  bottom: 10px;
}
.q-footer--hidden {
  transform: translateY(110%);
}
.q-footer--bordered {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.q-footer .q-layout__shadow {
  top: -10px;
}
.q-footer .q-layout__shadow:after {
  top: 10px;
}
.q-header, .q-footer {
  z-index: 2000;
}
.q-drawer {
  position: absolute;
  top: 0;
  bottom: 0;
  background: #fff;
  z-index: 1000;
}
.q-drawer--on-top {
  z-index: 3000;
}
.q-drawer--left {
  left: 0;
  transform: translateX(-100%);
}
.q-drawer--left.q-drawer--bordered {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.q-drawer--left .q-layout__shadow {
  left: 10px;
  right: -10px;
}
.q-drawer--left .q-layout__shadow:after {
  right: 10px;
}
.q-drawer--right {
  right: 0;
  transform: translateX(100%);
}
.q-drawer--right.q-drawer--bordered {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.q-drawer--right .q-layout__shadow {
  left: -10px;
}
.q-drawer--right .q-layout__shadow:after {
  left: 10px;
}
.q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini {
  padding: 0 !important;
}
.q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item, .q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item__section {
  text-align: center;
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
  min-width: 0;
}
.q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item__label, .q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item__section--main, .q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item__section--side ~ .q-item__section--side {
  display: none;
}
.q-drawer--mini .q-mini-drawer-hide, .q-drawer--mini .q-expansion-item__content {
  display: none;
}
.q-drawer--mini-animate .q-drawer__content {
  overflow-x: hidden !important;
  white-space: nowrap;
}
.q-drawer--standard .q-mini-drawer-only {
  display: none;
}
.q-drawer--mobile .q-mini-drawer-only, .q-drawer--mobile .q-mini-drawer-hide {
  display: none;
}
.q-drawer__backdrop {
  z-index: 2999 !important;
  will-change: background-color;
}
.q-drawer__opener {
  z-index: 2001;
  height: 100%;
  width: 15px;
  user-select: none;
}
.q-layout, .q-header, .q-footer, .q-page {
  position: relative;
}
.q-page-sticky--shrink {
  pointer-events: none;
}
.q-page-sticky--shrink > div {
  display: inline-block;
  pointer-events: auto;
}
body.q-ios-padding .q-layout--standard .q-header > .q-toolbar:nth-child(1),
body.q-ios-padding .q-layout--standard .q-header > .q-tabs:nth-child(1) .q-tabs__content,
body.q-ios-padding .q-layout--standard .q-drawer--top-padding .q-drawer__content {
  padding-top: 20px;
  min-height: 70px;
  padding-top: env(safe-area-inset-top);
  min-height: calc(env(safe-area-inset-top) + 50px);
}
body.q-ios-padding .q-layout--standard .q-footer > .q-toolbar:last-child,
body.q-ios-padding .q-layout--standard .q-footer > .q-tabs:nth-last-child(1 of :not(.q-layout__shadow)) .q-tabs__content,
body.q-ios-padding .q-layout--standard .q-drawer--top-padding .q-drawer__content {
  padding-bottom: env(safe-area-inset-bottom);
  min-height: calc(env(safe-area-inset-bottom) + 50px);
}
.q-body--layout-animate .q-drawer__backdrop {
  transition: background-color 0.12s !important;
}
.q-body--layout-animate .q-drawer {
  transition: transform 0.12s, width 0.12s, top 0.12s, bottom 0.12s !important;
}
.q-body--layout-animate .q-layout__section--marginal {
  transition: transform 0.12s, left 0.12s, right 0.12s !important;
}
.q-body--layout-animate .q-page-container {
  transition: padding-top 0.12s, padding-right 0.12s, padding-bottom 0.12s, padding-left 0.12s !important;
}
.q-body--layout-animate .q-page-sticky {
  transition: transform 0.12s, left 0.12s, right 0.12s, top 0.12s, bottom 0.12s !important;
}
body:not(.q-body--layout-animate) .q-layout--prevent-focus {
  visibility: hidden;
}
.q-body--drawer-toggle {
  overflow-x: hidden !important;
}
@media (max-width: 599.98px) {
.q-layout-padding {
    padding: 8px;
}
}
@media (min-width: 600px) and (max-width: 1439.98px) {
.q-layout-padding {
    padding: 16px;
}
}
@media (min-width: 1440px) {
.q-layout-padding {
    padding: 24px;
}
}
body.body--dark .q-header, body.body--dark .q-footer, body.body--dark .q-drawer {
  border-color: rgba(255, 255, 255, 0.28);
}
body.body--dark .q-layout__shadow:after {
  box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.2), 0 0px 10px rgba(255, 255, 255, 0.24);
}
body.platform-ios .q-layout--containerized {
  position: unset !important;
}
.q-linear-progress {
  --q-linear-progress-speed: .3s;
  position: relative;
  width: 100%;
  overflow: hidden;
  font-size: 4px;
  height: 1em;
  color: var(--q-primary);
  transform: scale3d(1, 1, 1);
}
.q-linear-progress__model, .q-linear-progress__track {
  transform-origin: 0 0;
}
.q-linear-progress__model--with-transition, .q-linear-progress__track--with-transition {
  transition: transform var(--q-linear-progress-speed);
}
.q-linear-progress--reverse .q-linear-progress__model, .q-linear-progress--reverse .q-linear-progress__track {
  transform-origin: 0 100%;
}
.q-linear-progress__model--determinate {
  background: currentColor;
}
.q-linear-progress__model--indeterminate, .q-linear-progress__model--query {
  transition: none;
}
.q-linear-progress__model--indeterminate:before, .q-linear-progress__model--indeterminate:after, .q-linear-progress__model--query:before, .q-linear-progress__model--query:after {
  background: currentColor;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform-origin: 0 0;
}
.q-linear-progress__model--indeterminate:before, .q-linear-progress__model--query:before {
  animation: q-linear-progress--indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.q-linear-progress__model--indeterminate:after, .q-linear-progress__model--query:after {
  transform: translate3d(-101%, 0, 0) scale3d(1, 1, 1);
  animation: q-linear-progress--indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  animation-delay: 1.15s;
}
.q-linear-progress__track {
  opacity: 0.4;
}
.q-linear-progress__track--light {
  background: rgba(0, 0, 0, 0.26);
}
.q-linear-progress__track--dark {
  background: rgba(255, 255, 255, 0.6);
}
.q-linear-progress__stripe {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0)) !important;
  background-size: 40px 40px !important;
}
.q-linear-progress__stripe--with-transition {
  transition: width var(--q-linear-progress-speed);
}
@keyframes q-linear-progress--indeterminate {
0% {
    transform: translate3d(-35%, 0, 0) scale3d(0.35, 1, 1);
}
60% {
    transform: translate3d(100%, 0, 0) scale3d(0.9, 1, 1);
}
100% {
    transform: translate3d(100%, 0, 0) scale3d(0.9, 1, 1);
}
}
@keyframes q-linear-progress--indeterminate-short {
0% {
    transform: translate3d(-101%, 0, 0) scale3d(1, 1, 1);
}
60% {
    transform: translate3d(107%, 0, 0) scale3d(0.01, 1, 1);
}
100% {
    transform: translate3d(107%, 0, 0) scale3d(0.01, 1, 1);
}
}
.q-menu {
  position: fixed !important;
  display: inline-block;
  max-width: 95vw;
  max-height: 65vh;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  background: #fff;
  border-radius: 4px;
  overflow-y: auto;
  overflow-x: hidden;
  outline: 0;
  z-index: 6000;
}
.q-menu--square {
  border-radius: 0;
}
.q-menu--dark {
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
}
.q-option-group--inline > div {
  display: inline-block;
}
.q-pagination input {
  text-align: center;
  -moz-appearance: textfield;
}
.q-pagination input::-webkit-outer-spin-button,
.q-pagination input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.q-pagination__content {
  --q-pagination-gutter-parent: -2px;
  --q-pagination-gutter-child: 2px;
  margin-top: var(--q-pagination-gutter-parent);
  margin-left: var(--q-pagination-gutter-parent);
}
.q-pagination__content > .q-btn, .q-pagination__content > .q-input, .q-pagination__middle > .q-btn {
  margin-top: var(--q-pagination-gutter-child);
  margin-left: var(--q-pagination-gutter-child);
}
.q-parallax {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: inherit;
}
.q-parallax__media > img, .q-parallax__media > video {
  position: absolute;
  left: 50% /* rtl:ignore */;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  will-change: transform;
  display: none;
}
.q-popup-edit {
  padding: 8px 16px;
}
.q-popup-edit__buttons {
  margin-top: 8px;
}
.q-popup-edit__buttons .q-btn + .q-btn {
  margin-left: 8px;
}
.q-pull-to-refresh {
  position: relative;
}
.q-pull-to-refresh__puller {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  color: var(--q-primary);
  background: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
}
.q-pull-to-refresh__puller--animating {
  transition: transform 0.3s, opacity 0.3s;
}
.q-radio {
  vertical-align: middle;
}
.q-radio__native {
  width: 1px;
  height: 1px;
}
.q-radio__bg, .q-radio__icon-container {
  user-select: none;
}
.q-radio__bg {
  top: 25%;
  left: 25%;
  width: 50%;
  height: 50%;
  -webkit-print-color-adjust: exact;
}
.q-radio__bg path {
  fill: currentColor;
}
.q-radio__icon {
  color: currentColor;
  font-size: 0.5em;
}
.q-radio__check {
  transform-origin: 50% 50%;
  transform: scale3d(0, 0, 1);
  transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms;
}
.q-radio__inner {
  font-size: 40px;
  width: 1em;
  min-width: 1em;
  height: 1em;
  outline: 0;
  border-radius: 50%;
  color: rgba(0, 0, 0, 0.54);
}
.q-radio__inner--truthy {
  color: var(--q-primary);
}
.q-radio__inner--truthy .q-radio__check {
  transform: scale3d(1, 1, 1);
}
.q-radio.disabled {
  opacity: 0.75 !important;
}
.q-radio--dark .q-radio__inner {
  color: rgba(255, 255, 255, 0.7);
}
.q-radio--dark .q-radio__inner:before {
  opacity: 0.32 !important;
}
.q-radio--dark .q-radio__inner--truthy {
  color: var(--q-primary);
}
.q-radio--dense .q-radio__inner {
  width: 0.5em;
  min-width: 0.5em;
  height: 0.5em;
}
.q-radio--dense .q-radio__bg {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.q-radio--dense .q-radio__label {
  padding-left: 0.5em;
}
.q-radio--dense.reverse .q-radio__label {
  padding-left: 0;
  padding-right: 0.5em;
}
body.desktop .q-radio:not(.disabled) .q-radio__inner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.12;
  transform: scale3d(0, 0, 1);
  transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms;
}
body.desktop .q-radio:not(.disabled):focus .q-radio__inner:before, body.desktop .q-radio:not(.disabled):hover .q-radio__inner:before {
  transform: scale3d(1, 1, 1);
}
body.desktop .q-radio--dense:not(.disabled):focus .q-radio__inner:before, body.desktop .q-radio--dense:not(.disabled):hover .q-radio__inner:before {
  transform: scale3d(1.5, 1.5, 1);
}
.q-rating {
  color: #ffeb3b;
  vertical-align: middle;
}
.q-rating__icon-container {
  height: 1em;
  outline: 0;
}
.q-rating__icon-container + .q-rating__icon-container {
  margin-left: 2px;
}
.q-rating__icon {
  color: currentColor;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  position: relative;
  opacity: 0.4;
  transition: transform 0.2s ease-in, opacity 0.2s ease-in, color 0.2s ease-in;
}
.q-rating__icon--hovered {
  transform: scale(1.3);
}
.q-rating__icon--active {
  opacity: 1;
}
.q-rating__icon--exselected {
  opacity: 0.7;
}
.q-rating--no-dimming .q-rating__icon {
  opacity: 1;
}
.q-rating--editable .q-rating__icon-container {
  cursor: pointer;
}
.q-responsive {
  position: relative;
  max-width: 100%;
  max-height: 100%;
}
.q-responsive__filler {
  width: inherit;
  max-width: inherit;
  height: inherit;
  max-height: inherit;
}
.q-responsive__content {
  border-radius: inherit;
}
.q-responsive__content > * {
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  max-width: 100% !important;
}
.q-scrollarea {
  position: relative;
  contain: strict;
}
.q-scrollarea__bar, .q-scrollarea__thumb {
  opacity: 0.2;
  transition: opacity 0.3s;
  will-change: opacity;
  cursor: grab;
}
.q-scrollarea__bar--v, .q-scrollarea__thumb--v {
  right: 0;
  width: 10px;
}
.q-scrollarea__bar--h, .q-scrollarea__thumb--h {
  bottom: 0;
  height: 10px;
}
.q-scrollarea__bar--invisible, .q-scrollarea__thumb--invisible {
  opacity: 0 !important;
  pointer-events: none;
}
.q-scrollarea__thumb {
  background: #000;
  border-radius: 3px;
}
.q-scrollarea__thumb:hover {
  opacity: 0.3;
}
.q-scrollarea__thumb:active {
  opacity: 0.5;
}
.q-scrollarea__content {
  min-height: 100%;
  min-width: 100%;
}
.q-scrollarea--dark .q-scrollarea__thumb {
  background: #fff;
}
.q-select--without-input .q-field__control {
  cursor: pointer;
}
.q-select--with-input .q-field__control {
  cursor: text;
}
.q-select .q-field__input {
  min-width: 50px !important;
  cursor: text;
}
.q-select .q-field__input--padding {
  padding-left: 4px;
}
.q-select__focus-target, .q-select__autocomplete-input {
  position: absolute;
  outline: 0 !important;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  opacity: 0;
}
.q-select__dropdown-icon {
  cursor: pointer;
  transition: transform 0.28s;
}
.q-select.q-field--readonly .q-field__control, .q-select.q-field--readonly .q-select__dropdown-icon {
  cursor: default;
}
.q-select__dialog {
  width: 90vw !important;
  max-width: 90vw !important;
  max-height: calc(100vh - 70px) !important;
  background: #fff;
  display: flex;
  flex-direction: column;
}
.q-select__dialog > .scroll {
  position: relative;
  background: inherit;
}
body.mobile:not(.native-mobile) .q-select__dialog {
  max-height: calc(100vh - 108px) !important;
}
body.platform-android.native-mobile .q-dialog__inner--top .q-select__dialog {
  max-height: calc(100vh - 24px) !important;
}
body.platform-android:not(.native-mobile) .q-dialog__inner--top .q-select__dialog {
  max-height: calc(100vh - 80px) !important;
}
body.platform-ios.native-mobile .q-dialog__inner--top > div {
  border-radius: 4px;
}
body.platform-ios.native-mobile .q-dialog__inner--top .q-select__dialog--focused {
  max-height: 47vh !important;
}
body.platform-ios:not(.native-mobile) .q-dialog__inner--top .q-select__dialog--focused {
  max-height: 50vh !important;
}
.q-separator {
  border: 0;
  background: rgba(0, 0, 0, 0.12);
  margin: 0;
  transition: background 0.3s, opacity 0.3s;
  flex-shrink: 0;
}
.q-separator--dark {
  background: rgba(255, 255, 255, 0.28);
}
.q-separator--horizontal {
  display: block;
  height: 1px;
}
.q-separator--horizontal-inset {
  margin-left: 16px;
  margin-right: 16px;
}
.q-separator--horizontal-item-inset {
  margin-left: 72px;
  margin-right: 0;
}
.q-separator--horizontal-item-thumbnail-inset {
  margin-left: 116px;
  margin-right: 0;
}
.q-separator--vertical {
  width: 1px;
  height: auto;
  align-self: stretch;
}
.q-separator--vertical-inset {
  margin-top: 8px;
  margin-bottom: 8px;
}
.q-skeleton {
  --q-skeleton-speed: 1500ms;
  background: rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  /* maintain size even with border
  * for types that have height specified
  * */
  box-sizing: border-box;
}
.q-skeleton--anim {
  cursor: wait;
}
.q-skeleton:before {
  content: " ";
}
.q-skeleton--type-text {
  transform: scale(1, 0.5);
}
.q-skeleton--type-circle, .q-skeleton--type-QAvatar {
  height: 48px;
  width: 48px;
  border-radius: 50%;
}
.q-skeleton--type-QBtn {
  width: 90px;
  height: 36px;
}
.q-skeleton--type-QBadge {
  width: 70px;
  height: 16px;
}
.q-skeleton--type-QChip {
  width: 90px;
  height: 28px;
  border-radius: 16px;
}
.q-skeleton--type-QToolbar {
  height: 50px;
}
.q-skeleton--type-QCheckbox, .q-skeleton--type-QRadio {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.q-skeleton--type-QToggle {
  width: 56px;
  height: 40px;
  border-radius: 7px;
}
.q-skeleton--type-QSlider, .q-skeleton--type-QRange {
  height: 40px;
}
.q-skeleton--type-QInput {
  height: 56px;
}
.q-skeleton--bordered {
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.q-skeleton--square {
  border-radius: 0;
}
.q-skeleton--anim-fade {
  animation: q-skeleton--fade var(--q-skeleton-speed) linear 0.5s infinite;
}
.q-skeleton--anim-pulse {
  animation: q-skeleton--pulse var(--q-skeleton-speed) ease-in-out 0.5s infinite;
}
.q-skeleton--anim-pulse-x {
  animation: q-skeleton--pulse-x var(--q-skeleton-speed) ease-in-out 0.5s infinite;
}
.q-skeleton--anim-pulse-y {
  animation: q-skeleton--pulse-y var(--q-skeleton-speed) ease-in-out 0.5s infinite;
}
.q-skeleton--anim-wave, .q-skeleton--anim-blink, .q-skeleton--anim-pop {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.q-skeleton--anim-wave:after, .q-skeleton--anim-blink:after, .q-skeleton--anim-pop:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.q-skeleton--anim-blink:after {
  background: rgba(255, 255, 255, 0.7);
  animation: q-skeleton--fade var(--q-skeleton-speed) linear 0.5s infinite;
}
.q-skeleton--anim-wave:after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  animation: q-skeleton--wave var(--q-skeleton-speed) linear 0.5s infinite;
}
.q-skeleton--dark {
  background: rgba(255, 255, 255, 0.05);
}
.q-skeleton--dark.q-skeleton--bordered {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
.q-skeleton--dark.q-skeleton--anim-wave:after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
}
.q-skeleton--dark.q-skeleton--anim-blink:after {
  background: rgba(255, 255, 255, 0.2);
}
@keyframes q-skeleton--fade {
0% {
    opacity: 1;
}
50% {
    opacity: 0.4;
}
100% {
    opacity: 1;
}
}
@keyframes q-skeleton--pulse {
0% {
    transform: scale(1);
}
50% {
    transform: scale(0.85);
}
100% {
    transform: scale(1);
}
}
@keyframes q-skeleton--pulse-x {
0% {
    transform: scaleX(1);
}
50% {
    transform: scaleX(0.75);
}
100% {
    transform: scaleX(1);
}
}
@keyframes q-skeleton--pulse-y {
0% {
    transform: scaleY(1);
}
50% {
    transform: scaleY(0.75);
}
100% {
    transform: scaleY(1);
}
}
@keyframes q-skeleton--wave {
0% {
    transform: translateX(-100%);
}
100% {
    transform: translateX(100%);
}
}
.q-slide-item {
  position: relative;
  background: white;
}
.q-slide-item__left, .q-slide-item__right, .q-slide-item__top, .q-slide-item__bottom {
  visibility: hidden;
  font-size: 14px;
  color: #fff;
}
.q-slide-item__left .q-icon, .q-slide-item__right .q-icon, .q-slide-item__top .q-icon, .q-slide-item__bottom .q-icon {
  font-size: 1.714em;
}
.q-slide-item__left {
  background: #4caf50;
  padding: 8px 16px;
}
.q-slide-item__left > div {
  transform-origin: left center;
}
.q-slide-item__right {
  background: #ff9800;
  padding: 8px 16px;
}
.q-slide-item__right > div {
  transform-origin: right center;
}
.q-slide-item__top {
  background: #2196f3;
  padding: 16px 8px;
}
.q-slide-item__top > div {
  transform-origin: top center;
}
.q-slide-item__bottom {
  background: #9c27b0;
  padding: 16px 8px;
}
.q-slide-item__bottom > div {
  transform-origin: bottom center;
}
.q-slide-item__content {
  background: inherit;
  transition: transform 0.2s ease-in;
  user-select: none;
  cursor: pointer;
}
.q-slider {
  position: relative;
}
.q-slider--h {
  width: 100%;
}
.q-slider--v {
  height: 200px;
}
.q-slider--editable .q-slider__track-container {
  cursor: grab;
}
.q-slider__track-container {
  outline: 0;
}
.q-slider__track-container--h {
  width: 100%;
  padding: 12px 0;
}
.q-slider__track-container--h .q-slider__selection {
  will-change: width, left;
}
.q-slider__track-container--v {
  height: 100%;
  padding: 0 12px;
}
.q-slider__track-container--v .q-slider__selection {
  will-change: height, top;
}
.q-slider__track {
  color: var(--q-primary);
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  width: inherit;
  height: inherit;
}
.q-slider__inner {
  background: rgba(0, 0, 0, 0.1);
  border-radius: inherit;
  width: 100%;
  height: 100%;
}
.q-slider__selection {
  background: currentColor;
  border-radius: inherit;
  width: 100%;
  height: 100%;
}
.q-slider__markers {
  color: rgba(0, 0, 0, 0.3);
  border-radius: inherit;
  width: 100%;
  height: 100%;
}
.q-slider__markers:after {
  content: "";
  position: absolute;
  background: currentColor;
}
.q-slider__markers--h {
  background-image: repeating-linear-gradient(to right, currentColor, currentColor 2px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0));
}
.q-slider__markers--h:after {
  height: 100%;
  width: 2px;
  top: 0;
  right: 0;
}
.q-slider__markers--v {
  background-image: repeating-linear-gradient(to bottom, currentColor, currentColor 2px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0));
}
.q-slider__markers--v:after {
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0;
}
.q-slider__marker-labels-container {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 24px;
  min-width: 24px;
}
.q-slider__marker-labels {
  position: absolute;
}
.q-slider__marker-labels--h-standard {
  top: 0;
}
.q-slider__marker-labels--h-switched {
  bottom: 0;
}
.q-slider__marker-labels--h-ltr {
  transform: translateX(-50%) /* rtl:ignore */;
}
.q-slider__marker-labels--h-rtl {
  transform: translateX(50%) /* rtl:ignore */;
}
.q-slider__marker-labels--v-standard {
  left: 4px;
}
.q-slider__marker-labels--v-switched {
  right: 4px;
}
.q-slider__marker-labels--v-ltr {
  transform: translateY(-50%) /* rtl:ignore */;
}
.q-slider__marker-labels--v-rtl {
  transform: translateY(50%) /* rtl:ignore */;
}
.q-slider__thumb {
  z-index: 1;
  outline: 0;
  color: var(--q-primary);
  transition: transform 0.18s ease-out, fill 0.18s ease-out, stroke 0.18s ease-out;
}
.q-slider__thumb.q-slider--focus {
  opacity: 1 !important;
}
.q-slider__thumb--h {
  top: 50%;
  will-change: left;
}
.q-slider__thumb--h-ltr {
  transform: scale(1) translate(-50%, -50%) /* rtl:ignore */;
}
.q-slider__thumb--h-rtl {
  transform: scale(1) translate(50%, -50%) /* rtl:ignore */;
}
.q-slider__thumb--v {
  left: 50% /* rtl:ignore */;
  will-change: top;
}
.q-slider__thumb--v-ltr {
  transform: scale(1) translate(-50%, -50%) /* rtl:ignore */;
}
.q-slider__thumb--v-rtl {
  transform: scale(1) translate(-50%, 50%) /* rtl:ignore */;
}
.q-slider__thumb-shape {
  top: 0;
  left: 0;
  stroke-width: 3.5;
  stroke: currentColor;
  transition: transform 0.28s;
}
.q-slider__thumb-shape path {
  stroke: currentColor;
  fill: currentColor;
}
.q-slider__focus-ring {
  border-radius: 50%;
  opacity: 0;
  transition: transform 266.67ms ease-out, opacity 266.67ms ease-out, background-color 266.67ms ease-out;
  transition-delay: 0.14s;
}
.q-slider__pin {
  opacity: 0;
  white-space: nowrap;
  transition: opacity 0.28s ease-out;
  transition-delay: 0.14s;
}
.q-slider__pin:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
}
.q-slider__pin--h:before {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  left: 50%;
  transform: translateX(-50%);
}
.q-slider__pin--h-standard {
  bottom: 100%;
}
.q-slider__pin--h-standard:before {
  bottom: 2px;
  border-top: 6px solid currentColor;
}
.q-slider__pin--h-switched {
  top: 100%;
}
.q-slider__pin--h-switched:before {
  top: 2px;
  border-bottom: 6px solid currentColor;
}
.q-slider__pin--v {
  top: 0;
}
.q-slider__pin--v:before {
  top: 50%;
  transform: translateY(-50%);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
.q-slider__pin--v-standard {
  left: 100%;
}
.q-slider__pin--v-standard:before {
  left: 2px;
  border-right: 6px solid currentColor;
}
.q-slider__pin--v-switched {
  right: 100%;
}
.q-slider__pin--v-switched:before {
  right: 2px;
  border-left: 6px solid currentColor;
}
.q-slider__label {
  z-index: 1;
  white-space: nowrap;
  position: absolute;
}
.q-slider__label--h {
  left: 50%;
  transform: translateX(-50%);
}
.q-slider__label--h-standard {
  bottom: 7px;
}
.q-slider__label--h-switched {
  top: 7px;
}
.q-slider__label--v {
  top: 50%;
  transform: translateY(-50%);
}
.q-slider__label--v-standard {
  left: 7px;
}
.q-slider__label--v-switched {
  right: 7px;
}
.q-slider__text-container {
  min-height: 25px;
  padding: 2px 8px;
  border-radius: 4px;
  background: currentColor;
  position: relative;
  text-align: center;
}
.q-slider__text {
  color: #fff;
  font-size: 12px;
}
.q-slider--no-value .q-slider__thumb,
.q-slider--no-value .q-slider__inner,
.q-slider--no-value .q-slider__selection {
  opacity: 0;
}
.q-slider--focus .q-slider__focus-ring, body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__focus-ring {
  background: currentColor;
  transform: scale3d(1.55, 1.55, 1);
  opacity: 0.25;
}
.q-slider--focus .q-slider__thumb,
.q-slider--focus .q-slider__inner,
.q-slider--focus .q-slider__selection, body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__thumb,
body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__inner,
body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__selection {
  opacity: 1;
}
.q-slider--inactive .q-slider__thumb--h {
  transition: left 0.28s, right 0.28s;
}
.q-slider--inactive .q-slider__thumb--v {
  transition: top 0.28s, bottom 0.28s;
}
.q-slider--inactive .q-slider__selection {
  transition: width 0.28s, left 0.28s, right 0.28s, height 0.28s, top 0.28s, bottom 0.28s;
}
.q-slider--inactive .q-slider__text-container {
  transition: transform 0.28s;
}
.q-slider--active {
  cursor: grabbing;
}
.q-slider--active .q-slider__thumb-shape {
  transform: scale(1.5);
}
.q-slider--active .q-slider__focus-ring, .q-slider--active.q-slider--label .q-slider__thumb-shape {
  transform: scale(0) !important;
}
body.desktop .q-slider.q-slider--enabled .q-slider__track-container:hover .q-slider__pin {
  opacity: 1;
}
.q-slider--label.q-slider--active .q-slider__pin,
.q-slider--label .q-slider--focus .q-slider__pin, .q-slider--label.q-slider--label-always .q-slider__pin {
  opacity: 1;
}
.q-slider--dark .q-slider__track {
  background: rgba(255, 255, 255, 0.1);
}
.q-slider--dark .q-slider__inner {
  background: rgba(255, 255, 255, 0.1);
}
.q-slider--dark .q-slider__markers {
  color: rgba(255, 255, 255, 0.3);
}
.q-slider--dense .q-slider__track-container--h {
  padding: 6px 0;
}
.q-slider--dense .q-slider__track-container--v {
  padding: 0 6px;
}
.q-space {
  flex-grow: 1 !important;
}
.q-spinner {
  vertical-align: middle;
}
.q-spinner-mat {
  animation: q-spin 2s linear infinite;
  transform-origin: center center;
}
.q-spinner-mat .path {
  stroke-dasharray: 1, 200 /* rtl:ignore */;
  stroke-dashoffset: 0 /* rtl:ignore */;
  animation: q-mat-dash 1.5s ease-in-out infinite;
}
@keyframes q-spin {
0% {
    transform: rotate3d(0, 0, 1, 0deg) /* rtl:ignore */;
}
25% {
    transform: rotate3d(0, 0, 1, 90deg) /* rtl:ignore */;
}
50% {
    transform: rotate3d(0, 0, 1, 180deg) /* rtl:ignore */;
}
75% {
    transform: rotate3d(0, 0, 1, 270deg) /* rtl:ignore */;
}
100% {
    transform: rotate3d(0, 0, 1, 359deg) /* rtl:ignore */;
}
}
@keyframes q-mat-dash {
0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
}
50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
}
100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
}
}
.q-splitter__panel {
  position: relative;
  z-index: 0;
}
.q-splitter__panel > .q-splitter {
  width: 100%;
  height: 100%;
}
.q-splitter__separator {
  background-color: rgba(0, 0, 0, 0.12);
  user-select: none;
  position: relative;
  z-index: 1;
}
.q-splitter__separator-area > * {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.q-splitter--dark .q-splitter__separator {
  background-color: rgba(255, 255, 255, 0.28);
}
.q-splitter--vertical > .q-splitter__panel {
  height: 100%;
}
.q-splitter--vertical.q-splitter--active {
  cursor: col-resize;
}
.q-splitter--vertical > .q-splitter__separator {
  width: 1px;
}
.q-splitter--vertical > .q-splitter__separator > div {
  left: -6px;
  right: -6px;
}
.q-splitter--vertical.q-splitter--workable > .q-splitter__separator {
  cursor: col-resize;
}
.q-splitter--horizontal > .q-splitter__panel {
  width: 100%;
}
.q-splitter--horizontal.q-splitter--active {
  cursor: row-resize;
}
.q-splitter--horizontal > .q-splitter__separator {
  height: 1px;
}
.q-splitter--horizontal > .q-splitter__separator > div {
  top: -6px;
  bottom: -6px;
}
.q-splitter--horizontal.q-splitter--workable > .q-splitter__separator {
  cursor: row-resize;
}
.q-splitter__before, .q-splitter__after {
  overflow: auto;
}
.q-stepper {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  background: #fff;
}
.q-stepper__title {
  font-size: 14px;
  line-height: 1.285714;
  letter-spacing: 0.1px;
}
.q-stepper__caption {
  font-size: 12px;
  line-height: 1.16667;
}
.q-stepper__dot {
  contain: layout;
  margin-right: 8px;
  font-size: 14px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  border-radius: 50%;
  background: currentColor;
}
.q-stepper__dot span {
  color: #fff;
}
.q-stepper__tab {
  padding: 8px 24px;
  font-size: 14px;
  color: #9e9e9e;
  flex-direction: row;
}
.q-stepper--dark {
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
}
.q-stepper--dark .q-stepper__dot span {
  color: #000;
}
.q-stepper__tab--navigation {
  user-select: none;
  cursor: pointer;
}
.q-stepper__tab--active, .q-stepper__tab--done {
  color: var(--q-primary);
}
.q-stepper__tab--active .q-stepper__dot, .q-stepper__tab--active .q-stepper__label, .q-stepper__tab--done .q-stepper__dot, .q-stepper__tab--done .q-stepper__label {
  text-shadow: 0 0 0 currentColor;
}
.q-stepper__tab--disabled .q-stepper__dot {
  background: rgba(0, 0, 0, 0.22);
}
.q-stepper__tab--disabled .q-stepper__label {
  color: rgba(0, 0, 0, 0.32);
}
.q-stepper__tab--error {
  color: var(--q-negative);
}
.q-stepper__tab--error-with-icon .q-stepper__dot {
  background: transparent !important;
}
.q-stepper__tab--error-with-icon .q-stepper__dot span {
  color: currentColor;
  font-size: 24px;
}
.q-stepper__header {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.q-stepper__header--border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.q-stepper__header--standard-labels .q-stepper__tab {
  min-height: 72px;
  justify-content: center;
}
.q-stepper__header--standard-labels .q-stepper__tab:first-child {
  justify-content: flex-start;
}
.q-stepper__header--standard-labels .q-stepper__tab:last-child {
  justify-content: flex-end;
}
.q-stepper__header--standard-labels .q-stepper__tab:only-child {
  justify-content: center;
}
.q-stepper__header--standard-labels .q-stepper__dot:after {
  display: none;
}
.q-stepper__header--alternative-labels .q-stepper__tab {
  min-height: 104px;
  padding: 24px 32px;
  flex-direction: column;
  justify-content: flex-start;
}
.q-stepper__header--alternative-labels .q-stepper__dot {
  margin-right: 0;
}
.q-stepper__header--alternative-labels .q-stepper__label {
  margin-top: 8px;
  text-align: center;
}
.q-stepper__header--alternative-labels .q-stepper__label:before, .q-stepper__header--alternative-labels .q-stepper__label:after {
  display: none;
}
.q-stepper__header--contracted {
  min-height: 72px;
}
.q-stepper__header--contracted.q-stepper__header--alternative-labels .q-stepper__tab {
  min-height: 72px;
}
.q-stepper__header--contracted.q-stepper__header--alternative-labels .q-stepper__tab:first-child {
  align-items: flex-start;
}
.q-stepper__header--contracted.q-stepper__header--alternative-labels .q-stepper__tab:last-child {
  align-items: flex-end;
}
.q-stepper__header--contracted .q-stepper__tab {
  padding: 24px 0;
}
.q-stepper__header--contracted .q-stepper__tab:first-child .q-stepper__dot {
  transform: translateX(24px);
}
.q-stepper__header--contracted .q-stepper__tab:last-child .q-stepper__dot {
  transform: translateX(-24px);
}
.q-stepper__header--contracted .q-stepper__tab:not(:last-child) .q-stepper__dot:after {
  display: block !important;
}
.q-stepper__header--contracted .q-stepper__dot {
  margin: 0;
}
.q-stepper__header--contracted .q-stepper__label {
  display: none;
}
.q-stepper__nav {
  padding-top: 24px;
}
.q-stepper--flat {
  box-shadow: none;
}
.q-stepper--bordered {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.q-stepper--horizontal .q-stepper__step-inner {
  padding: 24px;
}
.q-stepper--horizontal .q-stepper__tab:first-child {
  border-top-left-radius: inherit;
}
.q-stepper--horizontal .q-stepper__tab:last-child {
  border-top-right-radius: inherit;
}
.q-stepper--horizontal .q-stepper__tab:first-child .q-stepper__dot:before,
.q-stepper--horizontal .q-stepper__tab:last-child .q-stepper__label:after,
.q-stepper--horizontal .q-stepper__tab:last-child .q-stepper__dot:after {
  display: none;
}
.q-stepper--horizontal .q-stepper__tab {
  overflow: hidden;
}
.q-stepper--horizontal .q-stepper__line {
  contain: layout;
}
.q-stepper--horizontal .q-stepper__line:before, .q-stepper--horizontal .q-stepper__line:after {
  position: absolute;
  top: 50%;
  height: 1px;
  width: 100vw;
  background: rgba(0, 0, 0, 0.12);
}
.q-stepper--horizontal .q-stepper__label:after, .q-stepper--horizontal .q-stepper__dot:after {
  content: "";
  left: 100%;
  margin-left: 8px;
}
.q-stepper--horizontal .q-stepper__dot:before {
  content: "";
  right: 100%;
  margin-right: 8px;
}
.q-stepper--horizontal > .q-stepper__nav {
  padding: 0 24px 24px;
}
.q-stepper--vertical {
  padding: 16px 0;
}
.q-stepper--vertical .q-stepper__tab {
  padding: 12px 24px;
}
.q-stepper--vertical .q-stepper__title {
  line-height: 18px;
}
.q-stepper--vertical .q-stepper__step-inner {
  padding: 0 24px 32px 60px;
}
.q-stepper--vertical > .q-stepper__nav {
  padding: 24px 24px 0;
}
.q-stepper--vertical .q-stepper__step {
  overflow: hidden;
}
.q-stepper--vertical .q-stepper__dot {
  margin-right: 12px;
}
.q-stepper--vertical .q-stepper__dot:before, .q-stepper--vertical .q-stepper__dot:after {
  content: "";
  position: absolute;
  left: 50%;
  width: 1px;
  height: 99999px;
  background: rgba(0, 0, 0, 0.12);
}
.q-stepper--vertical .q-stepper__dot:before {
  bottom: 100%;
  margin-bottom: 8px;
}
.q-stepper--vertical .q-stepper__dot:after {
  top: 100%;
  margin-top: 8px;
}
.q-stepper--vertical .q-stepper__step:first-child .q-stepper__dot:before,
.q-stepper--vertical .q-stepper__step:last-child .q-stepper__dot:after {
  display: none;
}
.q-stepper--vertical .q-stepper__step:last-child .q-stepper__step-inner {
  padding-bottom: 8px;
}
.q-stepper--dark.q-stepper--bordered,
.q-stepper--dark .q-stepper__header--border {
  border-color: rgba(255, 255, 255, 0.28);
}
.q-stepper--dark.q-stepper--horizontal .q-stepper__line:before, .q-stepper--dark.q-stepper--horizontal .q-stepper__line:after {
  background: rgba(255, 255, 255, 0.28);
}
.q-stepper--dark.q-stepper--vertical .q-stepper__dot:before, .q-stepper--dark.q-stepper--vertical .q-stepper__dot:after {
  background: rgba(255, 255, 255, 0.28);
}
.q-stepper--dark .q-stepper__tab--disabled {
  color: rgba(255, 255, 255, 0.28);
}
.q-stepper--dark .q-stepper__tab--disabled .q-stepper__dot {
  background: rgba(255, 255, 255, 0.28);
}
.q-stepper--dark .q-stepper__tab--disabled .q-stepper__label {
  color: rgba(255, 255, 255, 0.54);
}
.q-tab-panels {
  background: #fff;
}
.q-tab-panel {
  padding: 16px;
}
.q-markup-table {
  overflow: auto;
  background: #fff;
}
.q-table {
  width: 100%;
  max-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.q-table thead tr, .q-table tbody td {
  height: 48px;
}
.q-table th {
  font-weight: 500;
  font-size: 12px;
  user-select: none;
}
.q-table th.sortable {
  cursor: pointer;
}
.q-table th.sortable:hover .q-table__sort-icon {
  opacity: 0.64;
}
.q-table th.sorted .q-table__sort-icon {
  opacity: 0.86 !important;
}
.q-table th.sort-desc .q-table__sort-icon {
  transform: rotate(180deg);
}
.q-table th, .q-table td {
  padding: 7px 16px;
  background-color: inherit;
}
.q-table thead, .q-table td, .q-table th {
  border-style: solid;
  border-width: 0;
}
.q-table tbody td {
  font-size: 13px;
}
.q-table__card {
  color: #000;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}
.q-table__card .q-table__middle {
  flex: 1 1 auto;
}
.q-table__card .q-table__top,
.q-table__card .q-table__bottom {
  flex: 0 0 auto;
}
.q-table__container {
  position: relative;
}
.q-table__container > div:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.q-table__container > div:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.q-table__container > .q-inner-loading {
  border-radius: inherit !important;
}
.q-table__top {
  padding: 12px 16px;
}
.q-table__top .q-table__control {
  flex-wrap: wrap;
}
.q-table__title {
  font-size: 20px;
  letter-spacing: 0.005em;
  font-weight: 400;
}
.q-table__separator {
  min-width: 8px !important;
}
.q-table__progress {
  height: 0 !important;
}
.q-table__progress th {
  padding: 0 !important;
  border: 0 !important;
}
.q-table__progress .q-linear-progress {
  position: absolute;
  bottom: 0;
}
.q-table__middle {
  max-width: 100%;
}
.q-table__bottom {
  min-height: 50px;
  padding: 4px 14px 4px 16px;
  font-size: 12px;
}
.q-table__bottom .q-table__control {
  min-height: 24px;
}
.q-table__bottom-nodata-icon {
  font-size: 200%;
  margin-right: 8px;
}
.q-table__bottom-item {
  margin-right: 16px;
}
.q-table__control {
  display: flex;
  align-items: center;
}
.q-table__sort-icon {
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  opacity: 0;
  font-size: 120%;
}
.q-table__sort-icon--left, .q-table__sort-icon--center {
  margin-left: 4px;
}
.q-table__sort-icon--right {
  margin-right: 4px;
}
.q-table--col-auto-width {
  width: 1px;
}
.q-table__card--dark,
.q-table--dark {
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
}
.q-table--flat {
  box-shadow: none;
}
.q-table--bordered {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.q-table--square {
  border-radius: 0;
}
.q-table__linear-progress {
  height: 2px;
}
.q-table--no-wrap th, .q-table--no-wrap td {
  white-space: nowrap;
}
.q-table--grid {
  box-shadow: none;
  border-radius: 4px;
}
.q-table--grid .q-table__top {
  padding-bottom: 4px;
}
.q-table--grid .q-table__middle {
  min-height: 2px;
  margin-bottom: 4px;
}
.q-table--grid .q-table__middle thead, .q-table--grid .q-table__middle thead th {
  border: 0 !important;
}
.q-table--grid .q-table__linear-progress {
  bottom: 0;
}
.q-table--grid .q-table__bottom {
  border-top: 0;
}
.q-table--grid .q-table__grid-content {
  flex: 1 1 auto;
}
.q-table--grid.fullscreen {
  background: inherit;
}
.q-table__grid-item-card {
  vertical-align: top;
  padding: 12px;
}
.q-table__grid-item-card .q-separator {
  margin: 12px 0;
}
.q-table__grid-item-row + .q-table__grid-item-row {
  margin-top: 8px;
}
.q-table__grid-item-title {
  opacity: 0.54;
  font-weight: 500;
  font-size: 12px;
}
.q-table__grid-item-value {
  font-size: 13px;
}
.q-table__grid-item {
  padding: 4px;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.q-table__grid-item--selected {
  transform: scale(0.95);
}
/* * Separators
 * */
.q-table--horizontal-separator thead th, .q-table--horizontal-separator tbody tr:not(:last-child) > td, .q-table--cell-separator thead th, .q-table--cell-separator tbody tr:not(:last-child) > td {
  border-bottom-width: 1px;
}
.q-table--vertical-separator td, .q-table--vertical-separator th, .q-table--cell-separator td, .q-table--cell-separator th {
  border-left-width: 1px;
}
.q-table--vertical-separator thead tr:last-child th, .q-table--vertical-separator.q-table--loading tr:nth-last-child(2) th, .q-table--cell-separator thead tr:last-child th, .q-table--cell-separator.q-table--loading tr:nth-last-child(2) th {
  border-bottom-width: 1px;
}
.q-table--vertical-separator td:first-child, .q-table--vertical-separator th:first-child, .q-table--cell-separator td:first-child, .q-table--cell-separator th:first-child {
  border-left: 0;
}
.q-table--vertical-separator .q-table__top, .q-table--cell-separator .q-table__top {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
/* * dense size
 * */
.q-table--dense .q-table__top {
  padding: 6px 16px;
}
.q-table--dense .q-table__bottom {
  min-height: 33px;
}
.q-table--dense .q-table__sort-icon {
  font-size: 110%;
}
.q-table--dense .q-table th, .q-table--dense .q-table td {
  padding: 4px 8px;
}
.q-table--dense .q-table thead tr, .q-table--dense .q-table tbody tr, .q-table--dense .q-table tbody td {
  height: 28px;
}
.q-table--dense .q-table th:first-child, .q-table--dense .q-table td:first-child {
  padding-left: 16px;
}
.q-table--dense .q-table th:last-child, .q-table--dense .q-table td:last-child {
  padding-right: 16px;
}
.q-table--dense .q-table__bottom-item {
  margin-right: 8px;
}
.q-table--dense .q-table__select .q-field__control, .q-table--dense .q-table__select .q-field__native {
  min-height: 24px;
  padding: 0;
}
.q-table--dense .q-table__select .q-field__marginal {
  height: 24px;
}
/* * On light background
 * */
.q-table__bottom:not(.q-table__bottom--nodata) {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.q-table thead, .q-table tr, .q-table th, .q-table td {
  border-color: rgba(0, 0, 0, 0.12);
}
.q-table tbody td {
  position: relative;
}
.q-table tbody td:before, .q-table tbody td:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.q-table tbody td:before {
  background: rgba(0, 0, 0, 0.03);
}
.q-table tbody td:after {
  background: rgba(0, 0, 0, 0.06);
}
.q-table tbody tr.selected td:after {
  content: "";
}
body.desktop .q-table > tbody > tr:not(.q-tr--no-hover):hover > td:not(.q-td--no-hover):before {
  content: "";
}
/* * On dark background
 * */
.q-table__card--dark,
.q-table--dark {
  border-color: rgba(255, 255, 255, 0.28);
}
.q-table--dark .q-table__bottom, .q-table--dark thead, .q-table--dark tr, .q-table--dark th, .q-table--dark td {
  border-color: rgba(255, 255, 255, 0.28);
}
.q-table--dark tbody td:before {
  background: rgba(255, 255, 255, 0.07);
}
.q-table--dark tbody td:after {
  background: rgba(255, 255, 255, 0.1);
}
.q-table--dark.q-table--vertical-separator .q-table__top, .q-table--dark.q-table--cell-separator .q-table__top {
  border-color: rgba(255, 255, 255, 0.28);
}
.q-tab {
  padding: 0 16px;
  min-height: 48px;
  transition: color 0.3s, background-color 0.3s;
  text-transform: uppercase;
  white-space: nowrap;
  color: inherit;
  text-decoration: none;
}
.q-tab--full {
  min-height: 72px;
}
.q-tab--no-caps {
  text-transform: none;
}
.q-tab__content {
  height: inherit;
  padding: 4px 0;
  min-width: 40px;
}
.q-tab__content--inline .q-tab__icon + .q-tab__label {
  padding-left: 8px;
}
.q-tab__content .q-chip--floating {
  top: 0;
  right: -16px;
}
.q-tab__icon {
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.q-tab__label {
  font-size: 14px;
  line-height: 1.715em;
  font-weight: 500;
}
.q-tab .q-badge {
  top: 3px;
  right: -12px;
}
.q-tab__alert, .q-tab__alert-icon {
  position: absolute;
}
.q-tab__alert {
  top: 7px;
  right: -9px;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: currentColor;
}
.q-tab__alert-icon {
  top: 2px;
  right: -12px;
  font-size: 18px;
}
.q-tab__indicator {
  opacity: 0;
  height: 2px;
  background: currentColor;
}
.q-tab--active .q-tab__indicator {
  opacity: 1;
  transform-origin: left /* rtl:ignore */;
}
.q-tab--inactive {
  opacity: 0.85;
}
.q-tabs {
  position: relative;
  transition: color 0.3s, background-color 0.3s;
}
.q-tabs--scrollable.q-tabs__arrows--outside.q-tabs--horizontal {
  padding-left: 36px;
  padding-right: 36px;
}
.q-tabs--scrollable.q-tabs__arrows--outside.q-tabs--vertical {
  padding-top: 36px;
  padding-bottom: 36px;
}
.q-tabs--scrollable.q-tabs__arrows--outside .q-tabs__arrow--faded {
  opacity: 0.3;
  pointer-events: none;
}
.q-tabs--scrollable.q-tabs__arrows--inside .q-tabs__arrow--faded {
  display: none;
}
.q-tabs--not-scrollable.q-tabs__arrows--outside, body.mobile .q-tabs--scrollable.q-tabs--mobile-without-arrows.q-tabs__arrows--outside {
  padding-left: 0;
  padding-right: 0;
}
.q-tabs--not-scrollable .q-tabs__arrow, body.mobile .q-tabs--scrollable.q-tabs--mobile-without-arrows .q-tabs__arrow {
  display: none;
}
.q-tabs--not-scrollable .q-tabs__content, body.mobile .q-tabs--scrollable.q-tabs--mobile-without-arrows .q-tabs__content {
  border-radius: inherit;
}
.q-tabs__arrow {
  cursor: pointer;
  font-size: 32px;
  min-width: 36px;
  text-shadow: 0 0 3px #fff, 0 0 1px #fff, 0 0 1px #000;
  transition: opacity 0.3s;
}
.q-tabs__content {
  overflow: hidden;
  flex: 1 1 auto;
}
.q-tabs__content--align-center {
  justify-content: center;
}
.q-tabs__content--align-right {
  justify-content: flex-end;
}
.q-tabs__content--align-justify .q-tab {
  flex: 1 1 auto;
}
.q-tabs__offset {
  display: none;
}
.q-tabs--horizontal .q-tabs__arrow {
  height: 100%;
}
.q-tabs--horizontal .q-tabs__arrow--left {
  top: 0;
  left: 0 /* rtl:ignore */;
  bottom: 0;
}
.q-tabs--horizontal .q-tabs__arrow--right {
  top: 0;
  right: 0 /* rtl:ignore */;
  bottom: 0;
}
.q-tabs--vertical {
  display: block !important;
  height: 100%;
}
.q-tabs--vertical .q-tabs__content {
  display: block !important;
  height: 100%;
}
.q-tabs--vertical .q-tabs__arrow {
  width: 100%;
  height: 36px;
  text-align: center;
}
.q-tabs--vertical .q-tabs__arrow--left {
  top: 0;
  left: 0;
  right: 0;
}
.q-tabs--vertical .q-tabs__arrow--right {
  left: 0;
  right: 0;
  bottom: 0;
}
.q-tabs--vertical .q-tab {
  padding: 0 8px;
}
.q-tabs--vertical .q-tab__indicator {
  height: unset;
  width: 2px;
}
.q-tabs--vertical.q-tabs--not-scrollable .q-tabs__content {
  height: 100%;
}
.q-tabs--vertical.q-tabs--dense .q-tab__content {
  min-width: 24px;
}
.q-tabs--dense .q-tab {
  min-height: 36px;
}
.q-tabs--dense .q-tab--full {
  min-height: 52px;
}
.q-time {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  background: #fff;
  outline: 0;
  width: 290px;
  min-width: 290px;
  max-width: 100%;
}
.q-time--bordered {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.q-time__header {
  border-top-left-radius: inherit;
  color: #fff;
  background-color: var(--q-primary);
  padding: 16px;
  font-weight: 300;
}
.q-time__actions {
  padding: 0 16px 16px;
}
.q-time__header-label {
  font-size: 28px;
  line-height: 1;
  letter-spacing: -0.00833em;
}
.q-time__header-label > div + div {
  margin-left: 4px;
}
.q-time__link {
  opacity: 0.56;
  outline: 0;
  transition: opacity 0.3s ease-out;
}
.q-time__link--active, .q-time__link:hover, .q-time__link:focus {
  opacity: 1;
}
.q-time__header-ampm {
  font-size: 16px;
  letter-spacing: 0.1em;
}
.q-time__content {
  padding: 16px;
}
.q-time__content:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.q-time__container-parent {
  padding: 16px;
}
.q-time__container-child {
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.12);
}
.q-time__clock {
  padding: 24px;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  font-size: 14px;
}
.q-time__clock-circle {
  position: relative;
}
.q-time__clock-center {
  height: 6px;
  width: 6px;
  margin: auto;
  border-radius: 50%;
  min-height: 0;
  background: currentColor;
}
.q-time__clock-pointer {
  width: 2px;
  height: 50%;
  transform-origin: 0 0 /* rtl:ignore */;
  min-height: 0;
  position: absolute;
  left: 50%;
  right: 0;
  bottom: 0;
  color: var(--q-primary);
  background: currentColor;
  transform: translateX(-50%);
}
.q-time__clock-pointer:before, .q-time__clock-pointer:after {
  content: "";
  position: absolute;
  left: 50%;
  border-radius: 50%;
  background: currentColor;
  transform: translateX(-50%);
}
.q-time__clock-pointer:before {
  bottom: -4px;
  width: 8px;
  height: 8px;
}
.q-time__clock-pointer:after {
  top: -3px;
  height: 6px;
  width: 6px;
}
.q-time__clock-position {
  position: absolute;
  min-height: 32px;
  width: 32px;
  height: 32px;
  font-size: 12px;
  line-height: 32px;
  margin: 0;
  padding: 0;
  transform: translate(-50%, -50%) /* rtl:ignore */;
  border-radius: 50%;
}
.q-time__clock-position--disable {
  opacity: 0.4;
}
.q-time__clock-position--active {
  background-color: var(--q-primary);
  color: #fff;
}
.q-time__clock-pos-0 {
  top: 0%;
  left: 50% /* rtl:ignore */;
}
.q-time__clock-pos-1 {
  top: 6.7%;
  left: 75% /* rtl:ignore */;
}
.q-time__clock-pos-2 {
  top: 25%;
  left: 93.3% /* rtl:ignore */;
}
.q-time__clock-pos-3 {
  top: 50%;
  left: 100% /* rtl:ignore */;
}
.q-time__clock-pos-4 {
  top: 75%;
  left: 93.3% /* rtl:ignore */;
}
.q-time__clock-pos-5 {
  top: 93.3%;
  left: 75% /* rtl:ignore */;
}
.q-time__clock-pos-6 {
  top: 100%;
  left: 50% /* rtl:ignore */;
}
.q-time__clock-pos-7 {
  top: 93.3%;
  left: 25% /* rtl:ignore */;
}
.q-time__clock-pos-8 {
  top: 75%;
  left: 6.7% /* rtl:ignore */;
}
.q-time__clock-pos-9 {
  top: 50%;
  left: 0% /* rtl:ignore */;
}
.q-time__clock-pos-10 {
  top: 25%;
  left: 6.7% /* rtl:ignore */;
}
.q-time__clock-pos-11 {
  top: 6.7%;
  left: 25% /* rtl:ignore */;
}
.q-time__clock-pos-12 {
  top: 15%;
  left: 50% /* rtl:ignore */;
}
.q-time__clock-pos-13 {
  top: 19.69%;
  left: 67.5% /* rtl:ignore */;
}
.q-time__clock-pos-14 {
  top: 32.5%;
  left: 80.31% /* rtl:ignore */;
}
.q-time__clock-pos-15 {
  top: 50%;
  left: 85% /* rtl:ignore */;
}
.q-time__clock-pos-16 {
  top: 67.5%;
  left: 80.31% /* rtl:ignore */;
}
.q-time__clock-pos-17 {
  top: 80.31%;
  left: 67.5% /* rtl:ignore */;
}
.q-time__clock-pos-18 {
  top: 85%;
  left: 50% /* rtl:ignore */;
}
.q-time__clock-pos-19 {
  top: 80.31%;
  left: 32.5% /* rtl:ignore */;
}
.q-time__clock-pos-20 {
  top: 67.5%;
  left: 19.69% /* rtl:ignore */;
}
.q-time__clock-pos-21 {
  top: 50%;
  left: 15% /* rtl:ignore */;
}
.q-time__clock-pos-22 {
  top: 32.5%;
  left: 19.69% /* rtl:ignore */;
}
.q-time__clock-pos-23 {
  top: 19.69%;
  left: 32.5% /* rtl:ignore */;
}
.q-time__now-button {
  background-color: var(--q-primary);
  color: #fff;
  top: 12px;
  right: 12px;
}
.q-time.disabled .q-time__header-ampm, .q-time.disabled .q-time__content, .q-time--readonly .q-time__header-ampm, .q-time--readonly .q-time__content {
  pointer-events: none;
}
.q-time--portrait {
  display: inline-flex;
  flex-direction: column;
}
.q-time--portrait .q-time__header {
  border-top-right-radius: inherit;
  min-height: 86px;
}
.q-time--portrait .q-time__header-ampm {
  margin-left: 12px;
}
.q-time--portrait.q-time--bordered .q-time__content {
  margin: 1px 0;
}
.q-time--landscape {
  display: inline-flex;
  align-items: stretch;
  min-width: 420px;
}
.q-time--landscape > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.q-time--landscape .q-time__header {
  border-bottom-left-radius: inherit;
  min-width: 156px;
}
.q-time--landscape .q-time__header-ampm {
  margin-top: 12px;
}
.q-time--dark {
  border-color: rgba(255, 255, 255, 0.28);
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
}
.q-timeline {
  padding: 0;
  width: 100%;
  list-style: none;
}
.q-timeline h6 {
  line-height: inherit;
}
.q-timeline--dark {
  color: #fff;
}
.q-timeline--dark .q-timeline__subtitle {
  opacity: 0.7;
}
.q-timeline__content {
  padding-bottom: 24px;
}
.q-timeline__title {
  margin-top: 0;
  margin-bottom: 16px;
}
.q-timeline__subtitle {
  font-size: 12px;
  margin-bottom: 8px;
  opacity: 0.6;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}
.q-timeline__dot {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 15px;
}
.q-timeline__dot:before, .q-timeline__dot:after {
  content: "";
  background: currentColor;
  display: block;
  position: absolute;
}
.q-timeline__dot:before {
  border: 3px solid transparent;
  border-radius: 100%;
  height: 15px;
  width: 15px;
  top: 4px;
  left: 0;
  transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}
.q-timeline__dot:after {
  width: 3px;
  opacity: 0.4;
  top: 24px;
  bottom: 0;
  left: 6px;
}
.q-timeline__dot .q-icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 16px;
  height: 38px;
  line-height: 38px;
  width: 100%;
  color: #fff;
}
.q-timeline__dot .q-icon > svg,
.q-timeline__dot .q-icon > img {
  width: 1em;
  height: 1em;
}
.q-timeline__dot-img {
  position: absolute;
  top: 4px;
  left: 0;
  right: 0;
  height: 31px;
  width: 31px;
  background: currentColor;
  border-radius: 50%;
}
.q-timeline__heading {
  position: relative;
}
.q-timeline__heading:first-child .q-timeline__heading-title {
  padding-top: 0;
}
.q-timeline__heading:last-child .q-timeline__heading-title {
  padding-bottom: 0;
}
.q-timeline__heading-title {
  padding: 32px 0;
  margin: 0;
}
.q-timeline__entry {
  position: relative;
  line-height: 22px;
}
.q-timeline__entry:last-child {
  padding-bottom: 0 !important;
}
.q-timeline__entry:last-child .q-timeline__dot:after {
  content: none;
}
.q-timeline__entry--icon .q-timeline__dot {
  width: 31px;
}
.q-timeline__entry--icon .q-timeline__dot:before {
  height: 31px;
  width: 31px;
}
.q-timeline__entry--icon .q-timeline__dot:after {
  top: 41px;
  left: 14px;
}
.q-timeline__entry--icon .q-timeline__subtitle {
  padding-top: 8px;
}
.q-timeline--dense--right .q-timeline__entry {
  padding-left: 40px;
}
.q-timeline--dense--right .q-timeline__entry--icon .q-timeline__dot {
  left: -8px;
}
.q-timeline--dense--right .q-timeline__dot {
  left: 0;
}
.q-timeline--dense--left .q-timeline__heading {
  text-align: right;
}
.q-timeline--dense--left .q-timeline__entry {
  padding-right: 40px;
}
.q-timeline--dense--left .q-timeline__entry--icon .q-timeline__dot {
  right: -8px;
}
.q-timeline--dense--left .q-timeline__content, .q-timeline--dense--left .q-timeline__title, .q-timeline--dense--left .q-timeline__subtitle {
  text-align: right;
}
.q-timeline--dense--left .q-timeline__dot {
  right: 0;
}
.q-timeline--comfortable {
  display: table;
}
.q-timeline--comfortable .q-timeline__heading {
  display: table-row;
  font-size: 200%;
}
.q-timeline--comfortable .q-timeline__heading > div {
  display: table-cell;
}
.q-timeline--comfortable .q-timeline__entry {
  display: table-row;
  padding: 0;
}
.q-timeline--comfortable .q-timeline__entry--icon .q-timeline__content {
  padding-top: 8px;
}
.q-timeline--comfortable .q-timeline__subtitle, .q-timeline--comfortable .q-timeline__dot, .q-timeline--comfortable .q-timeline__content {
  display: table-cell;
  vertical-align: top;
}
.q-timeline--comfortable .q-timeline__subtitle {
  width: 35%;
}
.q-timeline--comfortable .q-timeline__dot {
  position: relative;
  min-width: 31px;
}
.q-timeline--comfortable--right .q-timeline__heading .q-timeline__heading-title {
  margin-left: -50px;
}
.q-timeline--comfortable--right .q-timeline__subtitle {
  text-align: right;
  padding-right: 30px;
}
.q-timeline--comfortable--right .q-timeline__content {
  padding-left: 30px;
}
.q-timeline--comfortable--right .q-timeline__entry--icon .q-timeline__dot {
  left: -8px;
}
.q-timeline--comfortable--left .q-timeline__heading {
  text-align: right;
}
.q-timeline--comfortable--left .q-timeline__heading .q-timeline__heading-title {
  margin-right: -50px;
}
.q-timeline--comfortable--left .q-timeline__subtitle {
  padding-left: 30px;
}
.q-timeline--comfortable--left .q-timeline__content {
  padding-right: 30px;
}
.q-timeline--comfortable--left .q-timeline__content, .q-timeline--comfortable--left .q-timeline__title {
  text-align: right;
}
.q-timeline--comfortable--left .q-timeline__entry--icon .q-timeline__dot {
  right: 0;
}
.q-timeline--comfortable--left .q-timeline__dot {
  right: -8px;
}
.q-timeline--loose .q-timeline__heading-title {
  text-align: center;
  margin-left: 0;
}
.q-timeline--loose .q-timeline__entry, .q-timeline--loose .q-timeline__subtitle, .q-timeline--loose .q-timeline__dot, .q-timeline--loose .q-timeline__content {
  display: block;
  margin: 0;
  padding: 0;
}
.q-timeline--loose .q-timeline__dot {
  position: absolute;
  left: 50%;
  margin-left: -7.15px;
}
.q-timeline--loose .q-timeline__entry {
  padding-bottom: 24px;
  overflow: hidden;
}
.q-timeline--loose .q-timeline__entry--icon .q-timeline__dot {
  margin-left: -15px;
}
.q-timeline--loose .q-timeline__entry--icon .q-timeline__subtitle {
  line-height: 38px;
}
.q-timeline--loose .q-timeline__entry--icon .q-timeline__content {
  padding-top: 8px;
}
.q-timeline--loose .q-timeline__entry--left .q-timeline__content, .q-timeline--loose .q-timeline__entry--right .q-timeline__subtitle {
  float: left;
  padding-right: 30px;
  text-align: right;
}
.q-timeline--loose .q-timeline__entry--left .q-timeline__subtitle, .q-timeline--loose .q-timeline__entry--right .q-timeline__content {
  float: right;
  text-align: left;
  padding-left: 30px;
}
.q-timeline--loose .q-timeline__subtitle, .q-timeline--loose .q-timeline__content {
  width: 50%;
}
.q-toggle {
  vertical-align: middle;
}
.q-toggle__native {
  width: 1px;
  height: 1px;
}
.q-toggle__track {
  height: 0.35em;
  border-radius: 0.175em;
  opacity: 0.38;
  background: currentColor;
}
.q-toggle__thumb {
  top: 0.25em;
  left: 0.25em;
  width: 0.5em;
  height: 0.5em;
  transition: left 0.22s cubic-bezier(0.4, 0, 0.2, 1);
  user-select: none;
  z-index: 0;
}
.q-toggle__thumb:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.q-toggle__thumb .q-icon {
  font-size: 0.3em;
  min-width: 1em;
  color: #000;
  opacity: 0.54;
  z-index: 1;
}
.q-toggle__inner {
  font-size: 40px;
  width: 1.4em;
  min-width: 1.4em;
  height: 1em;
  padding: 0.325em 0.3em;
  -webkit-print-color-adjust: exact;
}
.q-toggle__inner--indet .q-toggle__thumb {
  left: 0.45em;
}
.q-toggle__inner--truthy {
  color: var(--q-primary);
}
.q-toggle__inner--truthy .q-toggle__track {
  opacity: 0.54;
}
.q-toggle__inner--truthy .q-toggle__thumb {
  left: 0.65em;
}
.q-toggle__inner--truthy .q-toggle__thumb:after {
  background-color: currentColor;
}
.q-toggle__inner--truthy .q-toggle__thumb .q-icon {
  color: #fff;
  opacity: 1;
}
.q-toggle.disabled {
  opacity: 0.75 !important;
}
.q-toggle--dark .q-toggle__inner {
  color: #fff;
}
.q-toggle--dark .q-toggle__inner--truthy {
  color: var(--q-primary);
}
.q-toggle--dark .q-toggle__thumb:after {
  box-shadow: none;
}
.q-toggle--dark .q-toggle__thumb:before {
  opacity: 0.32 !important;
}
.q-toggle--dense .q-toggle__inner {
  width: 0.8em;
  min-width: 0.8em;
  height: 0.5em;
  padding: 0.07625em 0;
}
.q-toggle--dense .q-toggle__thumb {
  top: 0;
  left: 0;
}
.q-toggle--dense .q-toggle__inner--indet .q-toggle__thumb {
  left: 0.15em;
}
.q-toggle--dense .q-toggle__inner--truthy .q-toggle__thumb {
  left: 0.3em;
}
.q-toggle--dense .q-toggle__label {
  padding-left: 0.5em;
}
.q-toggle--dense.reverse .q-toggle__label {
  padding-left: 0;
  padding-right: 0.5em;
}
body.desktop .q-toggle:not(.disabled) .q-toggle__thumb:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.12;
  transform: scale3d(0, 0, 1);
  transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1);
}
body.desktop .q-toggle:not(.disabled):focus .q-toggle__thumb:before, body.desktop .q-toggle:not(.disabled):hover .q-toggle__thumb:before {
  transform: scale3d(2, 2, 1);
}
body.desktop .q-toggle--dense:not(.disabled):focus .q-toggle__thumb:before, body.desktop .q-toggle--dense:not(.disabled):hover .q-toggle__thumb:before {
  transform: scale3d(1.5, 1.5, 1);
}
.q-toolbar {
  position: relative;
  padding: 0 12px;
  min-height: 50px;
  width: 100%;
}
.q-toolbar--inset {
  padding-left: 58px;
}
.q-toolbar .q-avatar {
  font-size: 38px;
}
.q-toolbar__title {
  flex: 1 1 0%;
  min-width: 1px;
  max-width: 100%;
  font-size: 21px;
  font-weight: normal;
  letter-spacing: 0.01em;
  padding: 0 12px;
}
.q-toolbar__title:first-child {
  padding-left: 0;
}
.q-toolbar__title:last-child {
  padding-right: 0;
}
.q-tooltip--style {
  font-size: 10px;
  color: #fafafa;
  background: #757575;
  border-radius: 4px;
  text-transform: none;
  font-weight: normal;
}
.q-tooltip {
  z-index: 9000;
  position: fixed !important;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 6px 10px;
  max-width: 95vw;
  max-height: 65vh;
}
@media (max-width: 599.98px) {
.q-tooltip {
    font-size: 14px;
    padding: 8px 16px;
}
}
.q-tree {
  position: relative;
  color: #9e9e9e;
}
.q-tree__node {
  padding: 0 0 3px 22px;
}
.q-tree__node:after {
  content: "";
  position: absolute;
  top: -3px;
  bottom: 0;
  width: 2px;
  right: auto;
  left: -13px;
  border-left: 1px solid currentColor;
}
.q-tree__node:last-child:after {
  display: none;
}
.q-tree__node--disabled {
  pointer-events: none;
}
.q-tree__node--disabled .disabled {
  opacity: 1 !important;
}
.q-tree__node--disabled > div,
.q-tree__node--disabled > i,
.q-tree__node--disabled > .disabled {
  opacity: 0.6 !important;
}
.q-tree__node--disabled > div .q-tree__node--disabled > div,
.q-tree__node--disabled > div .q-tree__node--disabled > i,
.q-tree__node--disabled > div .q-tree__node--disabled > .disabled,
.q-tree__node--disabled > i .q-tree__node--disabled > div,
.q-tree__node--disabled > i .q-tree__node--disabled > i,
.q-tree__node--disabled > i .q-tree__node--disabled > .disabled,
.q-tree__node--disabled > .disabled .q-tree__node--disabled > div,
.q-tree__node--disabled > .disabled .q-tree__node--disabled > i,
.q-tree__node--disabled > .disabled .q-tree__node--disabled > .disabled {
  opacity: 1 !important;
}
.q-tree__node-header:before {
  content: "";
  position: absolute;
  top: -3px;
  bottom: 50%;
  width: 31px;
  left: -35px;
  border-left: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
}
.q-tree__children {
  padding-left: 25px;
}
.q-tree__node-body {
  padding: 5px 0 8px 5px;
}
.q-tree__node--parent {
  padding-left: 2px;
}
.q-tree__node--parent > .q-tree__node-header:before {
  width: 15px;
  left: -15px;
}
.q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body {
  padding: 5px 0 8px 27px;
}
.q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body:after {
  content: "";
  position: absolute;
  top: 0;
  width: 2px;
  height: 100%;
  right: auto;
  left: 12px;
  border-left: 1px solid currentColor;
  bottom: 50px;
}
.q-tree__node--link {
  cursor: pointer;
}
.q-tree__node-header {
  padding: 4px;
  margin-top: 3px;
  border-radius: 4px;
  outline: 0;
}
.q-tree__node-header-content {
  color: #000;
  transition: color 0.3s;
}
.q-tree__node--selected .q-tree__node-header-content {
  color: #9e9e9e;
}
.q-tree__icon, .q-tree__node-header-content .q-icon {
  font-size: 21px;
}
.q-tree__img {
  height: 42px;
  border-radius: 2px;
}
.q-tree__avatar, .q-tree__node-header-content .q-avatar {
  font-size: 28px;
  border-radius: 50%;
  width: 28px;
  height: 28px;
}
.q-tree__arrow, .q-tree__spinner {
  font-size: 16px;
  margin-right: 4px;
}
.q-tree__arrow {
  transition: transform 0.3s;
}
.q-tree__arrow--rotate {
  transform: rotate3d(0, 0, 1, 90deg);
}
.q-tree__tickbox {
  margin-right: 4px;
}
.q-tree > .q-tree__node {
  padding: 0;
}
.q-tree > .q-tree__node:after, .q-tree > .q-tree__node > .q-tree__node-header:before {
  display: none;
}
.q-tree > .q-tree__node--child > .q-tree__node-header {
  padding-left: 24px;
}
.q-tree--dark .q-tree__node-header-content {
  color: #fff;
}
.q-tree--no-connectors .q-tree__node:after,
.q-tree--no-connectors .q-tree__node-header:before,
.q-tree--no-connectors .q-tree__node-body:after {
  display: none !important;
}
.q-tree--dense > .q-tree__node--child > .q-tree__node-header {
  padding-left: 1px;
}
.q-tree--dense .q-tree__arrow, .q-tree--dense .q-tree__spinner {
  margin-right: 1px;
}
.q-tree--dense .q-tree__img {
  height: 32px;
}
.q-tree--dense .q-tree__tickbox {
  margin-right: 3px;
}
.q-tree--dense .q-tree__node {
  padding: 0;
}
.q-tree--dense .q-tree__node:after {
  top: 0;
  left: -8px;
}
.q-tree--dense .q-tree__node-header {
  margin-top: 0;
  padding: 1px;
}
.q-tree--dense .q-tree__node-header:before {
  top: 0;
  left: -8px;
  width: 8px;
}
.q-tree--dense .q-tree__node--child {
  padding-left: 17px;
}
.q-tree--dense .q-tree__node--child > .q-tree__node-header:before {
  left: -25px;
  width: 21px;
}
.q-tree--dense .q-tree__node-body {
  padding: 0 0 2px;
}
.q-tree--dense .q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body {
  padding: 0 0 2px 20px;
}
.q-tree--dense .q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body:after {
  left: 8px;
}
.q-tree--dense .q-tree__children {
  padding-left: 16px;
}
[dir=rtl] .q-tree__arrow {
  transform: rotate3d(0, 0, 1, 180deg) /* rtl:ignore */;
}
[dir=rtl] .q-tree__arrow--rotate {
  transform: rotate3d(0, 0, 1, 90deg) /* rtl:ignore */;
}
.q-uploader {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  vertical-align: top;
  background: #fff;
  position: relative;
  width: 320px;
  max-height: 320px;
}
.q-uploader--bordered {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.q-uploader__input {
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer !important;
  z-index: 1;
}
.q-uploader__input::-webkit-file-upload-button {
  cursor: pointer;
}
.q-uploader__file:before {
  content: "";
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background: currentColor;
  opacity: 0.04;
}
.q-uploader__header {
  position: relative;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  background-color: var(--q-primary);
  color: #fff;
  width: 100%;
}
.q-uploader__spinner {
  font-size: 24px;
  margin-right: 4px;
}
.q-uploader__header-content {
  padding: 8px;
}
.q-uploader__dnd {
  outline: 1px dashed currentColor;
  outline-offset: -4px;
  background: rgba(255, 255, 255, 0.6);
}
.q-uploader__overlay {
  font-size: 36px;
  color: #000;
  background-color: rgba(255, 255, 255, 0.6);
}
.q-uploader__list {
  position: relative;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  padding: 8px;
  min-height: 60px;
  flex: 1 1 auto;
}
.q-uploader__file {
  border-radius: 4px 4px 0 0;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.q-uploader__file .q-circular-progress {
  font-size: 24px;
}
.q-uploader__file--img {
  color: #fff;
  height: 200px;
  min-width: 200px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.q-uploader__file--img:before {
  content: none;
}
.q-uploader__file--img .q-circular-progress {
  color: #fff;
}
.q-uploader__file--img .q-uploader__file-header {
  padding-bottom: 24px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 20%, rgba(255, 255, 255, 0));
}
.q-uploader__file + .q-uploader__file {
  margin-top: 8px;
}
.q-uploader__file-header {
  position: relative;
  padding: 4px 8px;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.q-uploader__file-header-content {
  padding-right: 8px;
}
.q-uploader__file-status {
  font-size: 24px;
  margin-right: 4px;
}
.q-uploader__title {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.285714;
  word-break: break-word;
}
.q-uploader__subtitle {
  font-size: 12px;
  line-height: 1.5;
}
.q-uploader--disable .q-uploader__header, .q-uploader--disable .q-uploader__list {
  pointer-events: none;
}
.q-uploader--dark {
  border-color: rgba(255, 255, 255, 0.28);
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
}
.q-uploader--dark .q-uploader__file {
  border-color: rgba(255, 255, 255, 0.28);
}
.q-uploader--dark .q-uploader__dnd, .q-uploader--dark .q-uploader__overlay {
  background: rgba(255, 255, 255, 0.3);
}
.q-uploader--dark .q-uploader__overlay {
  color: #fff;
}
img.responsive {
  max-width: 100%;
  height: auto;
}
.q-video {
  position: relative;
  overflow: hidden;
  border-radius: inherit;
}
.q-video iframe,
.q-video object,
.q-video embed {
  width: 100%;
  height: 100%;
}
.q-video--responsive {
  height: 0;
}
.q-video--responsive iframe,
.q-video--responsive object,
.q-video--responsive embed {
  position: absolute;
  top: 0;
  left: 0;
}
.q-virtual-scroll:focus {
  outline: 0;
}
.q-virtual-scroll__content {
  outline: none;
  contain: content;
}
.q-virtual-scroll__content > * {
  overflow-anchor: none;
}
.q-virtual-scroll__content > [data-q-vs-anchor] {
  overflow-anchor: auto;
}
.q-virtual-scroll__padding {
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 20%, rgba(128, 128, 128, 0.03) 20%, rgba(128, 128, 128, 0.08) 50%, rgba(128, 128, 128, 0.03) 80%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0)) /* rtl:ignore */;
  background-size: var(--q-virtual-scroll-item-width, 100%) var(--q-virtual-scroll-item-height, 50px) /* rtl:ignore */;
}
.q-table .q-virtual-scroll__padding tr {
  height: 0 !important;
}
.q-table .q-virtual-scroll__padding td {
  padding: 0 !important;
}
.q-virtual-scroll--horizontal {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
}
.q-virtual-scroll--horizontal .q-virtual-scroll__content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.q-virtual-scroll--horizontal .q-virtual-scroll__padding, .q-virtual-scroll--horizontal .q-virtual-scroll__content, .q-virtual-scroll--horizontal .q-virtual-scroll__content > * {
  flex: 0 0 auto;
}
.q-virtual-scroll--horizontal .q-virtual-scroll__padding {
  background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 20%, rgba(128, 128, 128, 0.03) 20%, rgba(128, 128, 128, 0.08) 50%, rgba(128, 128, 128, 0.03) 80%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0)) /* rtl:ignore */;
  background-size: var(--q-virtual-scroll-item-width, 50px) var(--q-virtual-scroll-item-height, 100%) /* rtl:ignore */;
}
/* Directives */
.q-ripple {
  position: absolute;
  top: 0;
  left: 0 /* rtl:ignore */;
  width: 100%;
  height: 100%;
  color: inherit;
  border-radius: inherit;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  contain: strict;
}
.q-ripple__inner {
  position: absolute;
  top: 0;
  left: 0 /* rtl:ignore */;
  opacity: 0;
  color: inherit;
  border-radius: 50%;
  background: currentColor;
  pointer-events: none;
  will-change: transform, opacity;
}
.q-ripple__inner--enter {
  transition: transform 0.225s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.q-ripple__inner--leave {
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.q-morph--invisible,
.q-morph--internal {
  opacity: 0 !important;
  pointer-events: none !important;
  position: fixed !important;
  right: 200vw !important;
  bottom: 200vh !important;
}
/* Plugins */
.q-bottom-sheet {
  padding-bottom: 8px;
}
.q-bottom-sheet__avatar {
  border-radius: 50%;
}
.q-bottom-sheet--list {
  width: 400px;
}
.q-bottom-sheet--list .q-icon, .q-bottom-sheet--list img {
  font-size: 24px;
  width: 24px;
  height: 24px;
}
.q-bottom-sheet--grid {
  width: 700px;
}
.q-bottom-sheet--grid .q-bottom-sheet__item {
  padding: 8px;
  text-align: center;
  min-width: 100px;
}
.q-bottom-sheet--grid .q-icon, .q-bottom-sheet--grid img, .q-bottom-sheet--grid .q-bottom-sheet__empty-icon {
  font-size: 48px;
  width: 48px;
  height: 48px;
  margin-bottom: 8px;
}
.q-bottom-sheet--grid .q-separator {
  margin: 12px 0;
}
.q-bottom-sheet__item {
  flex: 0 0 33.3333%;
}
@media (min-width: 600px) {
.q-bottom-sheet__item {
    flex: 0 0 25%;
}
}
.q-dialog-plugin {
  width: 400px;
}
.q-dialog-plugin__form {
  max-height: 50vh;
}
.q-dialog-plugin .q-card__section + .q-card__section {
  padding-top: 0;
}
.q-dialog-plugin--progress {
  text-align: center;
}
.q-loading {
  color: #000;
  position: fixed !important;
}
.q-loading__backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  z-index: -1;
  background-color: #000;
  transition: background-color 0.28s;
}
.q-loading__box {
  border-radius: 4px;
  padding: 18px;
  color: #fff;
  max-width: 450px;
}
.q-loading__message {
  margin: 40px 20px 0;
  text-align: center;
}
.q-notifications__list {
  z-index: 9500;
  pointer-events: none;
  left: 0;
  right: 0;
  margin-bottom: 10px;
  position: relative;
}
.q-notifications__list--center {
  top: 0;
  bottom: 0;
}
.q-notifications__list--top {
  top: 0;
}
.q-notifications__list--bottom {
  bottom: 0;
}
body.q-ios-padding .q-notifications__list--center, body.q-ios-padding .q-notifications__list--top {
  top: 20px;
  top: env(safe-area-inset-top);
}
body.q-ios-padding .q-notifications__list--center, body.q-ios-padding .q-notifications__list--bottom {
  bottom: env(safe-area-inset-bottom);
}
.q-notification {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  pointer-events: all;
  display: inline-flex;
  margin: 10px 10px 0;
  transition: transform 1s, opacity 1s;
  z-index: 9500;
  flex-shrink: 0;
  max-width: 95vw;
  background: #323232;
  color: #fff;
  font-size: 14px;
}
.q-notification__icon {
  font-size: 24px;
  flex: 0 0 1em;
}
.q-notification__icon--additional {
  margin-right: 16px;
}
.q-notification__avatar {
  font-size: 32px;
}
.q-notification__avatar--additional {
  margin-right: 8px;
}
.q-notification__spinner {
  font-size: 32px;
}
.q-notification__spinner--additional {
  margin-right: 8px;
}
.q-notification__message {
  padding: 8px 0;
}
.q-notification__caption {
  font-size: 0.9em;
  opacity: 0.7;
}
.q-notification__actions {
  color: var(--q-primary);
}
.q-notification__badge {
  animation: q-notif-badge 0.42s;
  padding: 4px 8px;
  position: absolute;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  background-color: var(--q-negative);
  color: #fff;
  border-radius: 4px;
  font-size: 12px;
  line-height: 12px;
}
.q-notification__badge--top-left, .q-notification__badge--top-right {
  top: -6px;
}
.q-notification__badge--bottom-left, .q-notification__badge--bottom-right {
  bottom: -6px;
}
.q-notification__badge--top-left, .q-notification__badge--bottom-left {
  left: -22px;
}
.q-notification__badge--top-right, .q-notification__badge--bottom-right {
  right: -22px;
}
.q-notification__progress {
  z-index: -1;
  position: absolute;
  height: 3px;
  bottom: 0;
  left: -10px;
  right: -10px;
  animation: q-notif-progress linear;
  background: currentColor;
  opacity: 0.3;
  border-radius: 4px 4px 0 0;
  transform-origin: 0 50%;
  transform: scaleX(0);
}
.q-notification--standard {
  padding: 0 16px;
  min-height: 48px;
}
.q-notification--standard .q-notification__actions {
  padding: 6px 0 6px 8px;
  margin-right: -8px;
}
.q-notification--multi-line {
  min-height: 68px;
  padding: 8px 16px;
}
.q-notification--multi-line .q-notification__badge--top-left, .q-notification--multi-line .q-notification__badge--top-right {
  top: -15px;
}
.q-notification--multi-line .q-notification__badge--bottom-left, .q-notification--multi-line .q-notification__badge--bottom-right {
  bottom: -15px;
}
.q-notification--multi-line .q-notification__progress {
  bottom: -8px;
}
.q-notification--multi-line .q-notification__actions {
  padding: 0;
}
.q-notification--multi-line .q-notification__actions--with-media {
  padding-left: 25px;
}
.q-notification--top-left-enter-from, .q-notification--top-left-leave-to, .q-notification--top-enter-from, .q-notification--top-leave-to, .q-notification--top-right-enter-from, .q-notification--top-right-leave-to {
  opacity: 0;
  transform: translateY(-50px);
  z-index: 9499;
}
.q-notification--left-enter-from, .q-notification--left-leave-to, .q-notification--center-enter-from, .q-notification--center-leave-to, .q-notification--right-enter-from, .q-notification--right-leave-to {
  opacity: 0;
  transform: rotateX(90deg);
  z-index: 9499;
}
.q-notification--bottom-left-enter-from, .q-notification--bottom-left-leave-to, .q-notification--bottom-enter-from, .q-notification--bottom-leave-to, .q-notification--bottom-right-enter-from, .q-notification--bottom-right-leave-to {
  opacity: 0;
  transform: translateY(50px);
  z-index: 9499;
}
.q-notification--top-left-leave-active, .q-notification--top-leave-active, .q-notification--top-right-leave-active, .q-notification--left-leave-active, .q-notification--center-leave-active, .q-notification--right-leave-active, .q-notification--bottom-left-leave-active, .q-notification--bottom-leave-active, .q-notification--bottom-right-leave-active {
  position: absolute;
  z-index: 9499;
  margin-left: 0;
  margin-right: 0;
}
.q-notification--top-leave-active, .q-notification--center-leave-active {
  top: 0;
}
.q-notification--bottom-left-leave-active, .q-notification--bottom-leave-active, .q-notification--bottom-right-leave-active {
  bottom: 0;
}
@media (min-width: 600px) {
.q-notification {
    max-width: 65vw;
}
}
@keyframes q-notif-badge {
15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
}
@keyframes q-notif-progress {
0% {
    transform: scaleX(1);
}
100% {
    transform: scaleX(0);
}
}
/* Core */
/* * Animate.css additions
 * * Adapted from: https://github.com/animate-css/animate.css/blob/6828621a01e145119db6194dc9b4d37325b48aa5/source/_base.css
 * */
:root {
  --animate-duration: 0.3s;
  --animate-delay: 0.3s;
  --animate-repeat: 1;
}
.animated {
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}
.animated.infinite {
  animation-iteration-count: infinite;
}
.animated.hinge {
  animation-duration: 2s;
}
.animated.repeat-1 {
  animation-iteration-count: var(--animate-repeat);
}
.animated.repeat-2 {
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animated.repeat-3 {
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animated.delay-1s {
  animation-delay: var(--animate-delay);
}
.animated.delay-2s {
  animation-delay: calc(var(--animate-delay) * 2);
}
.animated.delay-3s {
  animation-delay: calc(var(--animate-delay) * 3);
}
.animated.delay-4s {
  animation-delay: calc(var(--animate-delay) * 4);
}
.animated.delay-5s {
  animation-delay: calc(var(--animate-delay) * 5);
}
.animated.faster {
  animation-duration: calc(var(--animate-duration) / 2);
}
.animated.fast {
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animated.slow {
  animation-duration: calc(var(--animate-duration) * 2);
}
.animated.slower {
  animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
.animated {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    animation-iteration-count: 1 !important;
}
.animated[class*=Out] {
    opacity: 0;
}
}
/* * Quasar animations
 * */
.q-animate--scale {
  animation: q-scale 0.15s;
  animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
}
@keyframes q-scale {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.04);
}
100% {
    transform: scale(1);
}
}
.q-animate--fade {
  animation: q-fade 0.2s /* rtl:ignore */;
}
@keyframes q-fade {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
:root {
  --q-primary: #008385;
  --q-secondary: #333333;
  --q-accent: #82b1ff;
  --q-positive: #4caf50;
  --q-negative: #bb2d29;
  --q-info: #2196f3;
  --q-warning: #ffc107;
  --q-dark: #1D1D1D;
  --q-dark-page: #121212;
}
.text-dark {
  color: var(--q-dark) !important;
}
.bg-dark {
  background: var(--q-dark) !important;
}
.text-primary {
  color: var(--q-primary) !important;
}
.bg-primary {
  background: var(--q-primary) !important;
}
.text-secondary {
  color: var(--q-secondary) !important;
}
.bg-secondary {
  background: var(--q-secondary) !important;
}
.text-accent {
  color: var(--q-accent) !important;
}
.bg-accent {
  background: var(--q-accent) !important;
}
.text-positive {
  color: var(--q-positive) !important;
}
.bg-positive {
  background: var(--q-positive) !important;
}
.text-negative {
  color: var(--q-negative) !important;
}
.bg-negative {
  background: var(--q-negative) !important;
}
.text-info {
  color: var(--q-info) !important;
}
.bg-info {
  background: var(--q-info) !important;
}
.text-warning {
  color: var(--q-warning) !important;
}
.bg-warning {
  background: var(--q-warning) !important;
}
.text-white {
  color: #fff !important;
}
.bg-white {
  background: #fff !important;
}
.text-black {
  color: #000 !important;
}
.bg-black {
  background: #000 !important;
}
.text-transparent {
  color: transparent !important;
}
.bg-transparent {
  background: transparent !important;
}
.text-separator {
  color: rgba(0, 0, 0, 0.12) !important;
}
.bg-separator {
  background: rgba(0, 0, 0, 0.12) !important;
}
.text-dark-separator {
  color: rgba(255, 255, 255, 0.28) !important;
}
.bg-dark-separator {
  background: rgba(255, 255, 255, 0.28) !important;
}
.text-red {
  color: #f44336 !important;
}
.text-red-1 {
  color: #ffebee !important;
}
.text-red-2 {
  color: #ffcdd2 !important;
}
.text-red-3 {
  color: #ef9a9a !important;
}
.text-red-4 {
  color: #e57373 !important;
}
.text-red-5 {
  color: #ef5350 !important;
}
.text-red-6 {
  color: #f44336 !important;
}
.text-red-7 {
  color: #e53935 !important;
}
.text-red-8 {
  color: #d32f2f !important;
}
.text-red-9 {
  color: #c62828 !important;
}
.text-red-10 {
  color: #b71c1c !important;
}
.text-red-11 {
  color: #ff8a80 !important;
}
.text-red-12 {
  color: #ff5252 !important;
}
.text-red-13 {
  color: #ff1744 !important;
}
.text-red-14 {
  color: #d50000 !important;
}
.text-pink {
  color: #e91e63 !important;
}
.text-pink-1 {
  color: #fce4ec !important;
}
.text-pink-2 {
  color: #f8bbd0 !important;
}
.text-pink-3 {
  color: #f48fb1 !important;
}
.text-pink-4 {
  color: #f06292 !important;
}
.text-pink-5 {
  color: #ec407a !important;
}
.text-pink-6 {
  color: #e91e63 !important;
}
.text-pink-7 {
  color: #d81b60 !important;
}
.text-pink-8 {
  color: #c2185b !important;
}
.text-pink-9 {
  color: #ad1457 !important;
}
.text-pink-10 {
  color: #880e4f !important;
}
.text-pink-11 {
  color: #ff80ab !important;
}
.text-pink-12 {
  color: #ff4081 !important;
}
.text-pink-13 {
  color: #f50057 !important;
}
.text-pink-14 {
  color: #c51162 !important;
}
.text-purple {
  color: #9c27b0 !important;
}
.text-purple-1 {
  color: #f3e5f5 !important;
}
.text-purple-2 {
  color: #e1bee7 !important;
}
.text-purple-3 {
  color: #ce93d8 !important;
}
.text-purple-4 {
  color: #ba68c8 !important;
}
.text-purple-5 {
  color: #ab47bc !important;
}
.text-purple-6 {
  color: #9c27b0 !important;
}
.text-purple-7 {
  color: #8e24aa !important;
}
.text-purple-8 {
  color: #7b1fa2 !important;
}
.text-purple-9 {
  color: #6a1b9a !important;
}
.text-purple-10 {
  color: #4a148c !important;
}
.text-purple-11 {
  color: #ea80fc !important;
}
.text-purple-12 {
  color: #e040fb !important;
}
.text-purple-13 {
  color: #d500f9 !important;
}
.text-purple-14 {
  color: #aa00ff !important;
}
.text-deep-purple {
  color: #673ab7 !important;
}
.text-deep-purple-1 {
  color: #ede7f6 !important;
}
.text-deep-purple-2 {
  color: #d1c4e9 !important;
}
.text-deep-purple-3 {
  color: #b39ddb !important;
}
.text-deep-purple-4 {
  color: #9575cd !important;
}
.text-deep-purple-5 {
  color: #7e57c2 !important;
}
.text-deep-purple-6 {
  color: #673ab7 !important;
}
.text-deep-purple-7 {
  color: #5e35b1 !important;
}
.text-deep-purple-8 {
  color: #512da8 !important;
}
.text-deep-purple-9 {
  color: #4527a0 !important;
}
.text-deep-purple-10 {
  color: #311b92 !important;
}
.text-deep-purple-11 {
  color: #b388ff !important;
}
.text-deep-purple-12 {
  color: #7c4dff !important;
}
.text-deep-purple-13 {
  color: #651fff !important;
}
.text-deep-purple-14 {
  color: #6200ea !important;
}
.text-indigo {
  color: #3f51b5 !important;
}
.text-indigo-1 {
  color: #e8eaf6 !important;
}
.text-indigo-2 {
  color: #c5cae9 !important;
}
.text-indigo-3 {
  color: #9fa8da !important;
}
.text-indigo-4 {
  color: #7986cb !important;
}
.text-indigo-5 {
  color: #5c6bc0 !important;
}
.text-indigo-6 {
  color: #3f51b5 !important;
}
.text-indigo-7 {
  color: #3949ab !important;
}
.text-indigo-8 {
  color: #303f9f !important;
}
.text-indigo-9 {
  color: #283593 !important;
}
.text-indigo-10 {
  color: #1a237e !important;
}
.text-indigo-11 {
  color: #8c9eff !important;
}
.text-indigo-12 {
  color: #536dfe !important;
}
.text-indigo-13 {
  color: #3d5afe !important;
}
.text-indigo-14 {
  color: #304ffe !important;
}
.text-blue {
  color: #2196f3 !important;
}
.text-blue-1 {
  color: #e3f2fd !important;
}
.text-blue-2 {
  color: #bbdefb !important;
}
.text-blue-3 {
  color: #90caf9 !important;
}
.text-blue-4 {
  color: #64b5f6 !important;
}
.text-blue-5 {
  color: #42a5f5 !important;
}
.text-blue-6 {
  color: #2196f3 !important;
}
.text-blue-7 {
  color: #1e88e5 !important;
}
.text-blue-8 {
  color: #1976d2 !important;
}
.text-blue-9 {
  color: #1565c0 !important;
}
.text-blue-10 {
  color: #0d47a1 !important;
}
.text-blue-11 {
  color: #82b1ff !important;
}
.text-blue-12 {
  color: #448aff !important;
}
.text-blue-13 {
  color: #2979ff !important;
}
.text-blue-14 {
  color: #2962ff !important;
}
.text-light-blue {
  color: #03a9f4 !important;
}
.text-light-blue-1 {
  color: #e1f5fe !important;
}
.text-light-blue-2 {
  color: #b3e5fc !important;
}
.text-light-blue-3 {
  color: #81d4fa !important;
}
.text-light-blue-4 {
  color: #4fc3f7 !important;
}
.text-light-blue-5 {
  color: #29b6f6 !important;
}
.text-light-blue-6 {
  color: #03a9f4 !important;
}
.text-light-blue-7 {
  color: #039be5 !important;
}
.text-light-blue-8 {
  color: #0288d1 !important;
}
.text-light-blue-9 {
  color: #0277bd !important;
}
.text-light-blue-10 {
  color: #01579b !important;
}
.text-light-blue-11 {
  color: #80d8ff !important;
}
.text-light-blue-12 {
  color: #40c4ff !important;
}
.text-light-blue-13 {
  color: #00b0ff !important;
}
.text-light-blue-14 {
  color: #0091ea !important;
}
.text-cyan {
  color: #00bcd4 !important;
}
.text-cyan-1 {
  color: #e0f7fa !important;
}
.text-cyan-2 {
  color: #b2ebf2 !important;
}
.text-cyan-3 {
  color: #80deea !important;
}
.text-cyan-4 {
  color: #4dd0e1 !important;
}
.text-cyan-5 {
  color: #26c6da !important;
}
.text-cyan-6 {
  color: #00bcd4 !important;
}
.text-cyan-7 {
  color: #00acc1 !important;
}
.text-cyan-8 {
  color: #0097a7 !important;
}
.text-cyan-9 {
  color: #00838f !important;
}
.text-cyan-10 {
  color: #006064 !important;
}
.text-cyan-11 {
  color: #84ffff !important;
}
.text-cyan-12 {
  color: #18ffff !important;
}
.text-cyan-13 {
  color: #00e5ff !important;
}
.text-cyan-14 {
  color: #00b8d4 !important;
}
.text-teal {
  color: #009688 !important;
}
.text-teal-1 {
  color: #e0f2f1 !important;
}
.text-teal-2 {
  color: #b2dfdb !important;
}
.text-teal-3 {
  color: #80cbc4 !important;
}
.text-teal-4 {
  color: #4db6ac !important;
}
.text-teal-5 {
  color: #26a69a !important;
}
.text-teal-6 {
  color: #009688 !important;
}
.text-teal-7 {
  color: #00897b !important;
}
.text-teal-8 {
  color: #00796b !important;
}
.text-teal-9 {
  color: #00695c !important;
}
.text-teal-10 {
  color: #004d40 !important;
}
.text-teal-11 {
  color: #a7ffeb !important;
}
.text-teal-12 {
  color: #64ffda !important;
}
.text-teal-13 {
  color: #1de9b6 !important;
}
.text-teal-14 {
  color: #00bfa5 !important;
}
.text-green {
  color: #4caf50 !important;
}
.text-green-1 {
  color: #e8f5e9 !important;
}
.text-green-2 {
  color: #c8e6c9 !important;
}
.text-green-3 {
  color: #a5d6a7 !important;
}
.text-green-4 {
  color: #81c784 !important;
}
.text-green-5 {
  color: #66bb6a !important;
}
.text-green-6 {
  color: #4caf50 !important;
}
.text-green-7 {
  color: #43a047 !important;
}
.text-green-8 {
  color: #388e3c !important;
}
.text-green-9 {
  color: #2e7d32 !important;
}
.text-green-10 {
  color: #1b5e20 !important;
}
.text-green-11 {
  color: #b9f6ca !important;
}
.text-green-12 {
  color: #69f0ae !important;
}
.text-green-13 {
  color: #00e676 !important;
}
.text-green-14 {
  color: #00c853 !important;
}
.text-light-green {
  color: #8bc34a !important;
}
.text-light-green-1 {
  color: #f1f8e9 !important;
}
.text-light-green-2 {
  color: #dcedc8 !important;
}
.text-light-green-3 {
  color: #c5e1a5 !important;
}
.text-light-green-4 {
  color: #aed581 !important;
}
.text-light-green-5 {
  color: #9ccc65 !important;
}
.text-light-green-6 {
  color: #8bc34a !important;
}
.text-light-green-7 {
  color: #7cb342 !important;
}
.text-light-green-8 {
  color: #689f38 !important;
}
.text-light-green-9 {
  color: #558b2f !important;
}
.text-light-green-10 {
  color: #33691e !important;
}
.text-light-green-11 {
  color: #ccff90 !important;
}
.text-light-green-12 {
  color: #b2ff59 !important;
}
.text-light-green-13 {
  color: #76ff03 !important;
}
.text-light-green-14 {
  color: #64dd17 !important;
}
.text-lime {
  color: #cddc39 !important;
}
.text-lime-1 {
  color: #f9fbe7 !important;
}
.text-lime-2 {
  color: #f0f4c3 !important;
}
.text-lime-3 {
  color: #e6ee9c !important;
}
.text-lime-4 {
  color: #dce775 !important;
}
.text-lime-5 {
  color: #d4e157 !important;
}
.text-lime-6 {
  color: #cddc39 !important;
}
.text-lime-7 {
  color: #c0ca33 !important;
}
.text-lime-8 {
  color: #afb42b !important;
}
.text-lime-9 {
  color: #9e9d24 !important;
}
.text-lime-10 {
  color: #827717 !important;
}
.text-lime-11 {
  color: #f4ff81 !important;
}
.text-lime-12 {
  color: #eeff41 !important;
}
.text-lime-13 {
  color: #c6ff00 !important;
}
.text-lime-14 {
  color: #aeea00 !important;
}
.text-yellow {
  color: #ffeb3b !important;
}
.text-yellow-1 {
  color: #fffde7 !important;
}
.text-yellow-2 {
  color: #fff9c4 !important;
}
.text-yellow-3 {
  color: #fff59d !important;
}
.text-yellow-4 {
  color: #fff176 !important;
}
.text-yellow-5 {
  color: #ffee58 !important;
}
.text-yellow-6 {
  color: #ffeb3b !important;
}
.text-yellow-7 {
  color: #fdd835 !important;
}
.text-yellow-8 {
  color: #fbc02d !important;
}
.text-yellow-9 {
  color: #f9a825 !important;
}
.text-yellow-10 {
  color: #f57f17 !important;
}
.text-yellow-11 {
  color: #ffff8d !important;
}
.text-yellow-12 {
  color: #ffff00 !important;
}
.text-yellow-13 {
  color: #ffea00 !important;
}
.text-yellow-14 {
  color: #ffd600 !important;
}
.text-amber {
  color: #ffc107 !important;
}
.text-amber-1 {
  color: #fff8e1 !important;
}
.text-amber-2 {
  color: #ffecb3 !important;
}
.text-amber-3 {
  color: #ffe082 !important;
}
.text-amber-4 {
  color: #ffd54f !important;
}
.text-amber-5 {
  color: #ffca28 !important;
}
.text-amber-6 {
  color: #ffc107 !important;
}
.text-amber-7 {
  color: #ffb300 !important;
}
.text-amber-8 {
  color: #ffa000 !important;
}
.text-amber-9 {
  color: #ff8f00 !important;
}
.text-amber-10 {
  color: #ff6f00 !important;
}
.text-amber-11 {
  color: #ffe57f !important;
}
.text-amber-12 {
  color: #ffd740 !important;
}
.text-amber-13 {
  color: #ffc400 !important;
}
.text-amber-14 {
  color: #ffab00 !important;
}
.text-orange {
  color: #ff9800 !important;
}
.text-orange-1 {
  color: #fff3e0 !important;
}
.text-orange-2 {
  color: #ffe0b2 !important;
}
.text-orange-3 {
  color: #ffcc80 !important;
}
.text-orange-4 {
  color: #ffb74d !important;
}
.text-orange-5 {
  color: #ffa726 !important;
}
.text-orange-6 {
  color: #ff9800 !important;
}
.text-orange-7 {
  color: #fb8c00 !important;
}
.text-orange-8 {
  color: #f57c00 !important;
}
.text-orange-9 {
  color: #ef6c00 !important;
}
.text-orange-10 {
  color: #e65100 !important;
}
.text-orange-11 {
  color: #ffd180 !important;
}
.text-orange-12 {
  color: #ffab40 !important;
}
.text-orange-13 {
  color: #ff9100 !important;
}
.text-orange-14 {
  color: #ff6d00 !important;
}
.text-deep-orange {
  color: #ff5722 !important;
}
.text-deep-orange-1 {
  color: #fbe9e7 !important;
}
.text-deep-orange-2 {
  color: #ffccbc !important;
}
.text-deep-orange-3 {
  color: #ffab91 !important;
}
.text-deep-orange-4 {
  color: #ff8a65 !important;
}
.text-deep-orange-5 {
  color: #ff7043 !important;
}
.text-deep-orange-6 {
  color: #ff5722 !important;
}
.text-deep-orange-7 {
  color: #f4511e !important;
}
.text-deep-orange-8 {
  color: #e64a19 !important;
}
.text-deep-orange-9 {
  color: #d84315 !important;
}
.text-deep-orange-10 {
  color: #bf360c !important;
}
.text-deep-orange-11 {
  color: #ff9e80 !important;
}
.text-deep-orange-12 {
  color: #ff6e40 !important;
}
.text-deep-orange-13 {
  color: #ff3d00 !important;
}
.text-deep-orange-14 {
  color: #dd2c00 !important;
}
.text-brown {
  color: #795548 !important;
}
.text-brown-1 {
  color: #efebe9 !important;
}
.text-brown-2 {
  color: #d7ccc8 !important;
}
.text-brown-3 {
  color: #bcaaa4 !important;
}
.text-brown-4 {
  color: #a1887f !important;
}
.text-brown-5 {
  color: #8d6e63 !important;
}
.text-brown-6 {
  color: #795548 !important;
}
.text-brown-7 {
  color: #6d4c41 !important;
}
.text-brown-8 {
  color: #5d4037 !important;
}
.text-brown-9 {
  color: #4e342e !important;
}
.text-brown-10 {
  color: #3e2723 !important;
}
.text-brown-11 {
  color: #d7ccc8 !important;
}
.text-brown-12 {
  color: #bcaaa4 !important;
}
.text-brown-13 {
  color: #8d6e63 !important;
}
.text-brown-14 {
  color: #5d4037 !important;
}
.text-grey {
  color: #9e9e9e !important;
}
.text-grey-1 {
  color: #fafafa !important;
}
.text-grey-2 {
  color: #f5f5f5 !important;
}
.text-grey-3 {
  color: #eeeeee !important;
}
.text-grey-4 {
  color: #e0e0e0 !important;
}
.text-grey-5 {
  color: #bdbdbd !important;
}
.text-grey-6 {
  color: #9e9e9e !important;
}
.text-grey-7 {
  color: #757575 !important;
}
.text-grey-8 {
  color: #616161 !important;
}
.text-grey-9 {
  color: #424242 !important;
}
.text-grey-10 {
  color: #212121 !important;
}
.text-grey-11 {
  color: #f5f5f5 !important;
}
.text-grey-12 {
  color: #eeeeee !important;
}
.text-grey-13 {
  color: #bdbdbd !important;
}
.text-grey-14 {
  color: #616161 !important;
}
.text-blue-grey {
  color: #607d8b !important;
}
.text-blue-grey-1 {
  color: #eceff1 !important;
}
.text-blue-grey-2 {
  color: #cfd8dc !important;
}
.text-blue-grey-3 {
  color: #b0bec5 !important;
}
.text-blue-grey-4 {
  color: #90a4ae !important;
}
.text-blue-grey-5 {
  color: #78909c !important;
}
.text-blue-grey-6 {
  color: #607d8b !important;
}
.text-blue-grey-7 {
  color: #546e7a !important;
}
.text-blue-grey-8 {
  color: #455a64 !important;
}
.text-blue-grey-9 {
  color: #37474f !important;
}
.text-blue-grey-10 {
  color: #263238 !important;
}
.text-blue-grey-11 {
  color: #cfd8dc !important;
}
.text-blue-grey-12 {
  color: #b0bec5 !important;
}
.text-blue-grey-13 {
  color: #78909c !important;
}
.text-blue-grey-14 {
  color: #455a64 !important;
}
.bg-red {
  background: #f44336 !important;
}
.bg-red-1 {
  background: #ffebee !important;
}
.bg-red-2 {
  background: #ffcdd2 !important;
}
.bg-red-3 {
  background: #ef9a9a !important;
}
.bg-red-4 {
  background: #e57373 !important;
}
.bg-red-5 {
  background: #ef5350 !important;
}
.bg-red-6 {
  background: #f44336 !important;
}
.bg-red-7 {
  background: #e53935 !important;
}
.bg-red-8 {
  background: #d32f2f !important;
}
.bg-red-9 {
  background: #c62828 !important;
}
.bg-red-10 {
  background: #b71c1c !important;
}
.bg-red-11 {
  background: #ff8a80 !important;
}
.bg-red-12 {
  background: #ff5252 !important;
}
.bg-red-13 {
  background: #ff1744 !important;
}
.bg-red-14 {
  background: #d50000 !important;
}
.bg-pink {
  background: #e91e63 !important;
}
.bg-pink-1 {
  background: #fce4ec !important;
}
.bg-pink-2 {
  background: #f8bbd0 !important;
}
.bg-pink-3 {
  background: #f48fb1 !important;
}
.bg-pink-4 {
  background: #f06292 !important;
}
.bg-pink-5 {
  background: #ec407a !important;
}
.bg-pink-6 {
  background: #e91e63 !important;
}
.bg-pink-7 {
  background: #d81b60 !important;
}
.bg-pink-8 {
  background: #c2185b !important;
}
.bg-pink-9 {
  background: #ad1457 !important;
}
.bg-pink-10 {
  background: #880e4f !important;
}
.bg-pink-11 {
  background: #ff80ab !important;
}
.bg-pink-12 {
  background: #ff4081 !important;
}
.bg-pink-13 {
  background: #f50057 !important;
}
.bg-pink-14 {
  background: #c51162 !important;
}
.bg-purple {
  background: #9c27b0 !important;
}
.bg-purple-1 {
  background: #f3e5f5 !important;
}
.bg-purple-2 {
  background: #e1bee7 !important;
}
.bg-purple-3 {
  background: #ce93d8 !important;
}
.bg-purple-4 {
  background: #ba68c8 !important;
}
.bg-purple-5 {
  background: #ab47bc !important;
}
.bg-purple-6 {
  background: #9c27b0 !important;
}
.bg-purple-7 {
  background: #8e24aa !important;
}
.bg-purple-8 {
  background: #7b1fa2 !important;
}
.bg-purple-9 {
  background: #6a1b9a !important;
}
.bg-purple-10 {
  background: #4a148c !important;
}
.bg-purple-11 {
  background: #ea80fc !important;
}
.bg-purple-12 {
  background: #e040fb !important;
}
.bg-purple-13 {
  background: #d500f9 !important;
}
.bg-purple-14 {
  background: #aa00ff !important;
}
.bg-deep-purple {
  background: #673ab7 !important;
}
.bg-deep-purple-1 {
  background: #ede7f6 !important;
}
.bg-deep-purple-2 {
  background: #d1c4e9 !important;
}
.bg-deep-purple-3 {
  background: #b39ddb !important;
}
.bg-deep-purple-4 {
  background: #9575cd !important;
}
.bg-deep-purple-5 {
  background: #7e57c2 !important;
}
.bg-deep-purple-6 {
  background: #673ab7 !important;
}
.bg-deep-purple-7 {
  background: #5e35b1 !important;
}
.bg-deep-purple-8 {
  background: #512da8 !important;
}
.bg-deep-purple-9 {
  background: #4527a0 !important;
}
.bg-deep-purple-10 {
  background: #311b92 !important;
}
.bg-deep-purple-11 {
  background: #b388ff !important;
}
.bg-deep-purple-12 {
  background: #7c4dff !important;
}
.bg-deep-purple-13 {
  background: #651fff !important;
}
.bg-deep-purple-14 {
  background: #6200ea !important;
}
.bg-indigo {
  background: #3f51b5 !important;
}
.bg-indigo-1 {
  background: #e8eaf6 !important;
}
.bg-indigo-2 {
  background: #c5cae9 !important;
}
.bg-indigo-3 {
  background: #9fa8da !important;
}
.bg-indigo-4 {
  background: #7986cb !important;
}
.bg-indigo-5 {
  background: #5c6bc0 !important;
}
.bg-indigo-6 {
  background: #3f51b5 !important;
}
.bg-indigo-7 {
  background: #3949ab !important;
}
.bg-indigo-8 {
  background: #303f9f !important;
}
.bg-indigo-9 {
  background: #283593 !important;
}
.bg-indigo-10 {
  background: #1a237e !important;
}
.bg-indigo-11 {
  background: #8c9eff !important;
}
.bg-indigo-12 {
  background: #536dfe !important;
}
.bg-indigo-13 {
  background: #3d5afe !important;
}
.bg-indigo-14 {
  background: #304ffe !important;
}
.bg-blue {
  background: #2196f3 !important;
}
.bg-blue-1 {
  background: #e3f2fd !important;
}
.bg-blue-2 {
  background: #bbdefb !important;
}
.bg-blue-3 {
  background: #90caf9 !important;
}
.bg-blue-4 {
  background: #64b5f6 !important;
}
.bg-blue-5 {
  background: #42a5f5 !important;
}
.bg-blue-6 {
  background: #2196f3 !important;
}
.bg-blue-7 {
  background: #1e88e5 !important;
}
.bg-blue-8 {
  background: #1976d2 !important;
}
.bg-blue-9 {
  background: #1565c0 !important;
}
.bg-blue-10 {
  background: #0d47a1 !important;
}
.bg-blue-11 {
  background: #82b1ff !important;
}
.bg-blue-12 {
  background: #448aff !important;
}
.bg-blue-13 {
  background: #2979ff !important;
}
.bg-blue-14 {
  background: #2962ff !important;
}
.bg-light-blue {
  background: #03a9f4 !important;
}
.bg-light-blue-1 {
  background: #e1f5fe !important;
}
.bg-light-blue-2 {
  background: #b3e5fc !important;
}
.bg-light-blue-3 {
  background: #81d4fa !important;
}
.bg-light-blue-4 {
  background: #4fc3f7 !important;
}
.bg-light-blue-5 {
  background: #29b6f6 !important;
}
.bg-light-blue-6 {
  background: #03a9f4 !important;
}
.bg-light-blue-7 {
  background: #039be5 !important;
}
.bg-light-blue-8 {
  background: #0288d1 !important;
}
.bg-light-blue-9 {
  background: #0277bd !important;
}
.bg-light-blue-10 {
  background: #01579b !important;
}
.bg-light-blue-11 {
  background: #80d8ff !important;
}
.bg-light-blue-12 {
  background: #40c4ff !important;
}
.bg-light-blue-13 {
  background: #00b0ff !important;
}
.bg-light-blue-14 {
  background: #0091ea !important;
}
.bg-cyan {
  background: #00bcd4 !important;
}
.bg-cyan-1 {
  background: #e0f7fa !important;
}
.bg-cyan-2 {
  background: #b2ebf2 !important;
}
.bg-cyan-3 {
  background: #80deea !important;
}
.bg-cyan-4 {
  background: #4dd0e1 !important;
}
.bg-cyan-5 {
  background: #26c6da !important;
}
.bg-cyan-6 {
  background: #00bcd4 !important;
}
.bg-cyan-7 {
  background: #00acc1 !important;
}
.bg-cyan-8 {
  background: #0097a7 !important;
}
.bg-cyan-9 {
  background: #00838f !important;
}
.bg-cyan-10 {
  background: #006064 !important;
}
.bg-cyan-11 {
  background: #84ffff !important;
}
.bg-cyan-12 {
  background: #18ffff !important;
}
.bg-cyan-13 {
  background: #00e5ff !important;
}
.bg-cyan-14 {
  background: #00b8d4 !important;
}
.bg-teal {
  background: #009688 !important;
}
.bg-teal-1 {
  background: #e0f2f1 !important;
}
.bg-teal-2 {
  background: #b2dfdb !important;
}
.bg-teal-3 {
  background: #80cbc4 !important;
}
.bg-teal-4 {
  background: #4db6ac !important;
}
.bg-teal-5 {
  background: #26a69a !important;
}
.bg-teal-6 {
  background: #009688 !important;
}
.bg-teal-7 {
  background: #00897b !important;
}
.bg-teal-8 {
  background: #00796b !important;
}
.bg-teal-9 {
  background: #00695c !important;
}
.bg-teal-10 {
  background: #004d40 !important;
}
.bg-teal-11 {
  background: #a7ffeb !important;
}
.bg-teal-12 {
  background: #64ffda !important;
}
.bg-teal-13 {
  background: #1de9b6 !important;
}
.bg-teal-14 {
  background: #00bfa5 !important;
}
.bg-green {
  background: #4caf50 !important;
}
.bg-green-1 {
  background: #e8f5e9 !important;
}
.bg-green-2 {
  background: #c8e6c9 !important;
}
.bg-green-3 {
  background: #a5d6a7 !important;
}
.bg-green-4 {
  background: #81c784 !important;
}
.bg-green-5 {
  background: #66bb6a !important;
}
.bg-green-6 {
  background: #4caf50 !important;
}
.bg-green-7 {
  background: #43a047 !important;
}
.bg-green-8 {
  background: #388e3c !important;
}
.bg-green-9 {
  background: #2e7d32 !important;
}
.bg-green-10 {
  background: #1b5e20 !important;
}
.bg-green-11 {
  background: #b9f6ca !important;
}
.bg-green-12 {
  background: #69f0ae !important;
}
.bg-green-13 {
  background: #00e676 !important;
}
.bg-green-14 {
  background: #00c853 !important;
}
.bg-light-green {
  background: #8bc34a !important;
}
.bg-light-green-1 {
  background: #f1f8e9 !important;
}
.bg-light-green-2 {
  background: #dcedc8 !important;
}
.bg-light-green-3 {
  background: #c5e1a5 !important;
}
.bg-light-green-4 {
  background: #aed581 !important;
}
.bg-light-green-5 {
  background: #9ccc65 !important;
}
.bg-light-green-6 {
  background: #8bc34a !important;
}
.bg-light-green-7 {
  background: #7cb342 !important;
}
.bg-light-green-8 {
  background: #689f38 !important;
}
.bg-light-green-9 {
  background: #558b2f !important;
}
.bg-light-green-10 {
  background: #33691e !important;
}
.bg-light-green-11 {
  background: #ccff90 !important;
}
.bg-light-green-12 {
  background: #b2ff59 !important;
}
.bg-light-green-13 {
  background: #76ff03 !important;
}
.bg-light-green-14 {
  background: #64dd17 !important;
}
.bg-lime {
  background: #cddc39 !important;
}
.bg-lime-1 {
  background: #f9fbe7 !important;
}
.bg-lime-2 {
  background: #f0f4c3 !important;
}
.bg-lime-3 {
  background: #e6ee9c !important;
}
.bg-lime-4 {
  background: #dce775 !important;
}
.bg-lime-5 {
  background: #d4e157 !important;
}
.bg-lime-6 {
  background: #cddc39 !important;
}
.bg-lime-7 {
  background: #c0ca33 !important;
}
.bg-lime-8 {
  background: #afb42b !important;
}
.bg-lime-9 {
  background: #9e9d24 !important;
}
.bg-lime-10 {
  background: #827717 !important;
}
.bg-lime-11 {
  background: #f4ff81 !important;
}
.bg-lime-12 {
  background: #eeff41 !important;
}
.bg-lime-13 {
  background: #c6ff00 !important;
}
.bg-lime-14 {
  background: #aeea00 !important;
}
.bg-yellow {
  background: #ffeb3b !important;
}
.bg-yellow-1 {
  background: #fffde7 !important;
}
.bg-yellow-2 {
  background: #fff9c4 !important;
}
.bg-yellow-3 {
  background: #fff59d !important;
}
.bg-yellow-4 {
  background: #fff176 !important;
}
.bg-yellow-5 {
  background: #ffee58 !important;
}
.bg-yellow-6 {
  background: #ffeb3b !important;
}
.bg-yellow-7 {
  background: #fdd835 !important;
}
.bg-yellow-8 {
  background: #fbc02d !important;
}
.bg-yellow-9 {
  background: #f9a825 !important;
}
.bg-yellow-10 {
  background: #f57f17 !important;
}
.bg-yellow-11 {
  background: #ffff8d !important;
}
.bg-yellow-12 {
  background: #ffff00 !important;
}
.bg-yellow-13 {
  background: #ffea00 !important;
}
.bg-yellow-14 {
  background: #ffd600 !important;
}
.bg-amber {
  background: #ffc107 !important;
}
.bg-amber-1 {
  background: #fff8e1 !important;
}
.bg-amber-2 {
  background: #ffecb3 !important;
}
.bg-amber-3 {
  background: #ffe082 !important;
}
.bg-amber-4 {
  background: #ffd54f !important;
}
.bg-amber-5 {
  background: #ffca28 !important;
}
.bg-amber-6 {
  background: #ffc107 !important;
}
.bg-amber-7 {
  background: #ffb300 !important;
}
.bg-amber-8 {
  background: #ffa000 !important;
}
.bg-amber-9 {
  background: #ff8f00 !important;
}
.bg-amber-10 {
  background: #ff6f00 !important;
}
.bg-amber-11 {
  background: #ffe57f !important;
}
.bg-amber-12 {
  background: #ffd740 !important;
}
.bg-amber-13 {
  background: #ffc400 !important;
}
.bg-amber-14 {
  background: #ffab00 !important;
}
.bg-orange {
  background: #ff9800 !important;
}
.bg-orange-1 {
  background: #fff3e0 !important;
}
.bg-orange-2 {
  background: #ffe0b2 !important;
}
.bg-orange-3 {
  background: #ffcc80 !important;
}
.bg-orange-4 {
  background: #ffb74d !important;
}
.bg-orange-5 {
  background: #ffa726 !important;
}
.bg-orange-6 {
  background: #ff9800 !important;
}
.bg-orange-7 {
  background: #fb8c00 !important;
}
.bg-orange-8 {
  background: #f57c00 !important;
}
.bg-orange-9 {
  background: #ef6c00 !important;
}
.bg-orange-10 {
  background: #e65100 !important;
}
.bg-orange-11 {
  background: #ffd180 !important;
}
.bg-orange-12 {
  background: #ffab40 !important;
}
.bg-orange-13 {
  background: #ff9100 !important;
}
.bg-orange-14 {
  background: #ff6d00 !important;
}
.bg-deep-orange {
  background: #ff5722 !important;
}
.bg-deep-orange-1 {
  background: #fbe9e7 !important;
}
.bg-deep-orange-2 {
  background: #ffccbc !important;
}
.bg-deep-orange-3 {
  background: #ffab91 !important;
}
.bg-deep-orange-4 {
  background: #ff8a65 !important;
}
.bg-deep-orange-5 {
  background: #ff7043 !important;
}
.bg-deep-orange-6 {
  background: #ff5722 !important;
}
.bg-deep-orange-7 {
  background: #f4511e !important;
}
.bg-deep-orange-8 {
  background: #e64a19 !important;
}
.bg-deep-orange-9 {
  background: #d84315 !important;
}
.bg-deep-orange-10 {
  background: #bf360c !important;
}
.bg-deep-orange-11 {
  background: #ff9e80 !important;
}
.bg-deep-orange-12 {
  background: #ff6e40 !important;
}
.bg-deep-orange-13 {
  background: #ff3d00 !important;
}
.bg-deep-orange-14 {
  background: #dd2c00 !important;
}
.bg-brown {
  background: #795548 !important;
}
.bg-brown-1 {
  background: #efebe9 !important;
}
.bg-brown-2 {
  background: #d7ccc8 !important;
}
.bg-brown-3 {
  background: #bcaaa4 !important;
}
.bg-brown-4 {
  background: #a1887f !important;
}
.bg-brown-5 {
  background: #8d6e63 !important;
}
.bg-brown-6 {
  background: #795548 !important;
}
.bg-brown-7 {
  background: #6d4c41 !important;
}
.bg-brown-8 {
  background: #5d4037 !important;
}
.bg-brown-9 {
  background: #4e342e !important;
}
.bg-brown-10 {
  background: #3e2723 !important;
}
.bg-brown-11 {
  background: #d7ccc8 !important;
}
.bg-brown-12 {
  background: #bcaaa4 !important;
}
.bg-brown-13 {
  background: #8d6e63 !important;
}
.bg-brown-14 {
  background: #5d4037 !important;
}
.bg-grey {
  background: #9e9e9e !important;
}
.bg-grey-1 {
  background: #fafafa !important;
}
.bg-grey-2 {
  background: #f5f5f5 !important;
}
.bg-grey-3 {
  background: #eeeeee !important;
}
.bg-grey-4 {
  background: #e0e0e0 !important;
}
.bg-grey-5 {
  background: #bdbdbd !important;
}
.bg-grey-6 {
  background: #9e9e9e !important;
}
.bg-grey-7 {
  background: #757575 !important;
}
.bg-grey-8 {
  background: #616161 !important;
}
.bg-grey-9 {
  background: #424242 !important;
}
.bg-grey-10 {
  background: #212121 !important;
}
.bg-grey-11 {
  background: #f5f5f5 !important;
}
.bg-grey-12 {
  background: #eeeeee !important;
}
.bg-grey-13 {
  background: #bdbdbd !important;
}
.bg-grey-14 {
  background: #616161 !important;
}
.bg-blue-grey {
  background: #607d8b !important;
}
.bg-blue-grey-1 {
  background: #eceff1 !important;
}
.bg-blue-grey-2 {
  background: #cfd8dc !important;
}
.bg-blue-grey-3 {
  background: #b0bec5 !important;
}
.bg-blue-grey-4 {
  background: #90a4ae !important;
}
.bg-blue-grey-5 {
  background: #78909c !important;
}
.bg-blue-grey-6 {
  background: #607d8b !important;
}
.bg-blue-grey-7 {
  background: #546e7a !important;
}
.bg-blue-grey-8 {
  background: #455a64 !important;
}
.bg-blue-grey-9 {
  background: #37474f !important;
}
.bg-blue-grey-10 {
  background: #263238 !important;
}
.bg-blue-grey-11 {
  background: #cfd8dc !important;
}
.bg-blue-grey-12 {
  background: #b0bec5 !important;
}
.bg-blue-grey-13 {
  background: #78909c !important;
}
.bg-blue-grey-14 {
  background: #455a64 !important;
}
.shadow-transition {
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.shadow-1 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.shadow-up-1 {
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2), 0 -1px 1px rgba(0, 0, 0, 0.14), 0 -2px 1px -1px rgba(0, 0, 0, 0.12);
}
.shadow-2 {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}
.shadow-up-2 {
  box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2), 0 -2px 2px rgba(0, 0, 0, 0.14), 0 -3px 1px -2px rgba(0, 0, 0, 0.12);
}
.shadow-3 {
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2), 0 3px 4px rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12);
}
.shadow-up-3 {
  box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.2), 0 -3px 4px rgba(0, 0, 0, 0.14), 0 -3px 3px -2px rgba(0, 0, 0, 0.12);
}
.shadow-4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12);
}
.shadow-up-4 {
  box-shadow: 0 -2px 4px -1px rgba(0, 0, 0, 0.2), 0 -4px 5px rgba(0, 0, 0, 0.14), 0 -1px 10px rgba(0, 0, 0, 0.12);
}
.shadow-5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.14), 0 1px 14px rgba(0, 0, 0, 0.12);
}
.shadow-up-5 {
  box-shadow: 0 -3px 5px -1px rgba(0, 0, 0, 0.2), 0 -5px 8px rgba(0, 0, 0, 0.14), 0 -1px 14px rgba(0, 0, 0, 0.12);
}
.shadow-6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12);
}
.shadow-up-6 {
  box-shadow: 0 -3px 5px -1px rgba(0, 0, 0, 0.2), 0 -6px 10px rgba(0, 0, 0, 0.14), 0 -1px 18px rgba(0, 0, 0, 0.12);
}
.shadow-7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.shadow-up-7 {
  box-shadow: 0 -4px 5px -2px rgba(0, 0, 0, 0.2), 0 -7px 10px 1px rgba(0, 0, 0, 0.14), 0 -2px 16px 1px rgba(0, 0, 0, 0.12);
}
.shadow-8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.shadow-up-8 {
  box-shadow: 0 -5px 5px -3px rgba(0, 0, 0, 0.2), 0 -8px 10px 1px rgba(0, 0, 0, 0.14), 0 -3px 14px 2px rgba(0, 0, 0, 0.12);
}
.shadow-9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.shadow-up-9 {
  box-shadow: 0 -5px 6px -3px rgba(0, 0, 0, 0.2), 0 -9px 12px 1px rgba(0, 0, 0, 0.14), 0 -3px 16px 2px rgba(0, 0, 0, 0.12);
}
.shadow-10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.shadow-up-10 {
  box-shadow: 0 -6px 6px -3px rgba(0, 0, 0, 0.2), 0 -10px 14px 1px rgba(0, 0, 0, 0.14), 0 -4px 18px 3px rgba(0, 0, 0, 0.12);
}
.shadow-11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.shadow-up-11 {
  box-shadow: 0 -6px 7px -4px rgba(0, 0, 0, 0.2), 0 -11px 15px 1px rgba(0, 0, 0, 0.14), 0 -4px 20px 3px rgba(0, 0, 0, 0.12);
}
.shadow-12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.shadow-up-12 {
  box-shadow: 0 -7px 8px -4px rgba(0, 0, 0, 0.2), 0 -12px 17px 2px rgba(0, 0, 0, 0.14), 0 -5px 22px 4px rgba(0, 0, 0, 0.12);
}
.shadow-13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.shadow-up-13 {
  box-shadow: 0 -7px 8px -4px rgba(0, 0, 0, 0.2), 0 -13px 19px 2px rgba(0, 0, 0, 0.14), 0 -5px 24px 4px rgba(0, 0, 0, 0.12);
}
.shadow-14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.shadow-up-14 {
  box-shadow: 0 -7px 9px -4px rgba(0, 0, 0, 0.2), 0 -14px 21px 2px rgba(0, 0, 0, 0.14), 0 -5px 26px 4px rgba(0, 0, 0, 0.12);
}
.shadow-15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.shadow-up-15 {
  box-shadow: 0 -8px 9px -5px rgba(0, 0, 0, 0.2), 0 -15px 22px 2px rgba(0, 0, 0, 0.14), 0 -6px 28px 5px rgba(0, 0, 0, 0.12);
}
.shadow-16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.shadow-up-16 {
  box-shadow: 0 -8px 10px -5px rgba(0, 0, 0, 0.2), 0 -16px 24px 2px rgba(0, 0, 0, 0.14), 0 -6px 30px 5px rgba(0, 0, 0, 0.12);
}
.shadow-17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.shadow-up-17 {
  box-shadow: 0 -8px 11px -5px rgba(0, 0, 0, 0.2), 0 -17px 26px 2px rgba(0, 0, 0, 0.14), 0 -6px 32px 5px rgba(0, 0, 0, 0.12);
}
.shadow-18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.shadow-up-18 {
  box-shadow: 0 -9px 11px -5px rgba(0, 0, 0, 0.2), 0 -18px 28px 2px rgba(0, 0, 0, 0.14), 0 -7px 34px 6px rgba(0, 0, 0, 0.12);
}
.shadow-19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.shadow-up-19 {
  box-shadow: 0 -9px 12px -6px rgba(0, 0, 0, 0.2), 0 -19px 29px 2px rgba(0, 0, 0, 0.14), 0 -7px 36px 6px rgba(0, 0, 0, 0.12);
}
.shadow-20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.shadow-up-20 {
  box-shadow: 0 -10px 13px -6px rgba(0, 0, 0, 0.2), 0 -20px 31px 3px rgba(0, 0, 0, 0.14), 0 -8px 38px 7px rgba(0, 0, 0, 0.12);
}
.shadow-21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.shadow-up-21 {
  box-shadow: 0 -10px 13px -6px rgba(0, 0, 0, 0.2), 0 -21px 33px 3px rgba(0, 0, 0, 0.14), 0 -8px 40px 7px rgba(0, 0, 0, 0.12);
}
.shadow-22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.shadow-up-22 {
  box-shadow: 0 -10px 14px -6px rgba(0, 0, 0, 0.2), 0 -22px 35px 3px rgba(0, 0, 0, 0.14), 0 -8px 42px 7px rgba(0, 0, 0, 0.12);
}
.shadow-23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.shadow-up-23 {
  box-shadow: 0 -11px 14px -7px rgba(0, 0, 0, 0.2), 0 -23px 36px 3px rgba(0, 0, 0, 0.14), 0 -9px 44px 8px rgba(0, 0, 0, 0.12);
}
.shadow-24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.shadow-up-24 {
  box-shadow: 0 -11px 15px -7px rgba(0, 0, 0, 0.2), 0 -24px 38px 3px rgba(0, 0, 0, 0.14), 0 -9px 46px 8px rgba(0, 0, 0, 0.12);
}
.inset-shadow {
  box-shadow: 0 7px 9px -7px rgba(0, 0, 0, 0.7) inset;
}
.inset-shadow-down {
  box-shadow: 0 -7px 9px -7px rgba(0, 0, 0, 0.7) inset;
}
body.body--dark .shadow-1 {
  box-shadow: 0 1px 3px rgba(255, 255, 255, 0.2), 0 1px 1px rgba(255, 255, 255, 0.14), 0 2px 1px -1px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-1 {
  box-shadow: 0 -1px 3px rgba(255, 255, 255, 0.2), 0 -1px 1px rgba(255, 255, 255, 0.14), 0 -2px 1px -1px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-2 {
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-2 {
  box-shadow: 0 -1px 5px rgba(255, 255, 255, 0.2), 0 -2px 2px rgba(255, 255, 255, 0.14), 0 -3px 1px -2px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-3 {
  box-shadow: 0 1px 8px rgba(255, 255, 255, 0.2), 0 3px 4px rgba(255, 255, 255, 0.14), 0 3px 3px -2px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-3 {
  box-shadow: 0 -1px 8px rgba(255, 255, 255, 0.2), 0 -3px 4px rgba(255, 255, 255, 0.14), 0 -3px 3px -2px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-4 {
  box-shadow: 0 2px 4px -1px rgba(255, 255, 255, 0.2), 0 4px 5px rgba(255, 255, 255, 0.14), 0 1px 10px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-4 {
  box-shadow: 0 -2px 4px -1px rgba(255, 255, 255, 0.2), 0 -4px 5px rgba(255, 255, 255, 0.14), 0 -1px 10px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-5 {
  box-shadow: 0 3px 5px -1px rgba(255, 255, 255, 0.2), 0 5px 8px rgba(255, 255, 255, 0.14), 0 1px 14px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-5 {
  box-shadow: 0 -3px 5px -1px rgba(255, 255, 255, 0.2), 0 -5px 8px rgba(255, 255, 255, 0.14), 0 -1px 14px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-6 {
  box-shadow: 0 3px 5px -1px rgba(255, 255, 255, 0.2), 0 6px 10px rgba(255, 255, 255, 0.14), 0 1px 18px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-6 {
  box-shadow: 0 -3px 5px -1px rgba(255, 255, 255, 0.2), 0 -6px 10px rgba(255, 255, 255, 0.14), 0 -1px 18px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-7 {
  box-shadow: 0 4px 5px -2px rgba(255, 255, 255, 0.2), 0 7px 10px 1px rgba(255, 255, 255, 0.14), 0 2px 16px 1px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-7 {
  box-shadow: 0 -4px 5px -2px rgba(255, 255, 255, 0.2), 0 -7px 10px 1px rgba(255, 255, 255, 0.14), 0 -2px 16px 1px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-8 {
  box-shadow: 0 5px 5px -3px rgba(255, 255, 255, 0.2), 0 8px 10px 1px rgba(255, 255, 255, 0.14), 0 3px 14px 2px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-8 {
  box-shadow: 0 -5px 5px -3px rgba(255, 255, 255, 0.2), 0 -8px 10px 1px rgba(255, 255, 255, 0.14), 0 -3px 14px 2px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-9 {
  box-shadow: 0 5px 6px -3px rgba(255, 255, 255, 0.2), 0 9px 12px 1px rgba(255, 255, 255, 0.14), 0 3px 16px 2px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-9 {
  box-shadow: 0 -5px 6px -3px rgba(255, 255, 255, 0.2), 0 -9px 12px 1px rgba(255, 255, 255, 0.14), 0 -3px 16px 2px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-10 {
  box-shadow: 0 6px 6px -3px rgba(255, 255, 255, 0.2), 0 10px 14px 1px rgba(255, 255, 255, 0.14), 0 4px 18px 3px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-10 {
  box-shadow: 0 -6px 6px -3px rgba(255, 255, 255, 0.2), 0 -10px 14px 1px rgba(255, 255, 255, 0.14), 0 -4px 18px 3px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-11 {
  box-shadow: 0 6px 7px -4px rgba(255, 255, 255, 0.2), 0 11px 15px 1px rgba(255, 255, 255, 0.14), 0 4px 20px 3px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-11 {
  box-shadow: 0 -6px 7px -4px rgba(255, 255, 255, 0.2), 0 -11px 15px 1px rgba(255, 255, 255, 0.14), 0 -4px 20px 3px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-12 {
  box-shadow: 0 7px 8px -4px rgba(255, 255, 255, 0.2), 0 12px 17px 2px rgba(255, 255, 255, 0.14), 0 5px 22px 4px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-12 {
  box-shadow: 0 -7px 8px -4px rgba(255, 255, 255, 0.2), 0 -12px 17px 2px rgba(255, 255, 255, 0.14), 0 -5px 22px 4px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-13 {
  box-shadow: 0 7px 8px -4px rgba(255, 255, 255, 0.2), 0 13px 19px 2px rgba(255, 255, 255, 0.14), 0 5px 24px 4px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-13 {
  box-shadow: 0 -7px 8px -4px rgba(255, 255, 255, 0.2), 0 -13px 19px 2px rgba(255, 255, 255, 0.14), 0 -5px 24px 4px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-14 {
  box-shadow: 0 7px 9px -4px rgba(255, 255, 255, 0.2), 0 14px 21px 2px rgba(255, 255, 255, 0.14), 0 5px 26px 4px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-14 {
  box-shadow: 0 -7px 9px -4px rgba(255, 255, 255, 0.2), 0 -14px 21px 2px rgba(255, 255, 255, 0.14), 0 -5px 26px 4px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-15 {
  box-shadow: 0 8px 9px -5px rgba(255, 255, 255, 0.2), 0 15px 22px 2px rgba(255, 255, 255, 0.14), 0 6px 28px 5px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-15 {
  box-shadow: 0 -8px 9px -5px rgba(255, 255, 255, 0.2), 0 -15px 22px 2px rgba(255, 255, 255, 0.14), 0 -6px 28px 5px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-16 {
  box-shadow: 0 8px 10px -5px rgba(255, 255, 255, 0.2), 0 16px 24px 2px rgba(255, 255, 255, 0.14), 0 6px 30px 5px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-16 {
  box-shadow: 0 -8px 10px -5px rgba(255, 255, 255, 0.2), 0 -16px 24px 2px rgba(255, 255, 255, 0.14), 0 -6px 30px 5px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-17 {
  box-shadow: 0 8px 11px -5px rgba(255, 255, 255, 0.2), 0 17px 26px 2px rgba(255, 255, 255, 0.14), 0 6px 32px 5px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-17 {
  box-shadow: 0 -8px 11px -5px rgba(255, 255, 255, 0.2), 0 -17px 26px 2px rgba(255, 255, 255, 0.14), 0 -6px 32px 5px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-18 {
  box-shadow: 0 9px 11px -5px rgba(255, 255, 255, 0.2), 0 18px 28px 2px rgba(255, 255, 255, 0.14), 0 7px 34px 6px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-18 {
  box-shadow: 0 -9px 11px -5px rgba(255, 255, 255, 0.2), 0 -18px 28px 2px rgba(255, 255, 255, 0.14), 0 -7px 34px 6px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-19 {
  box-shadow: 0 9px 12px -6px rgba(255, 255, 255, 0.2), 0 19px 29px 2px rgba(255, 255, 255, 0.14), 0 7px 36px 6px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-19 {
  box-shadow: 0 -9px 12px -6px rgba(255, 255, 255, 0.2), 0 -19px 29px 2px rgba(255, 255, 255, 0.14), 0 -7px 36px 6px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-20 {
  box-shadow: 0 10px 13px -6px rgba(255, 255, 255, 0.2), 0 20px 31px 3px rgba(255, 255, 255, 0.14), 0 8px 38px 7px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-20 {
  box-shadow: 0 -10px 13px -6px rgba(255, 255, 255, 0.2), 0 -20px 31px 3px rgba(255, 255, 255, 0.14), 0 -8px 38px 7px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-21 {
  box-shadow: 0 10px 13px -6px rgba(255, 255, 255, 0.2), 0 21px 33px 3px rgba(255, 255, 255, 0.14), 0 8px 40px 7px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-21 {
  box-shadow: 0 -10px 13px -6px rgba(255, 255, 255, 0.2), 0 -21px 33px 3px rgba(255, 255, 255, 0.14), 0 -8px 40px 7px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-22 {
  box-shadow: 0 10px 14px -6px rgba(255, 255, 255, 0.2), 0 22px 35px 3px rgba(255, 255, 255, 0.14), 0 8px 42px 7px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-22 {
  box-shadow: 0 -10px 14px -6px rgba(255, 255, 255, 0.2), 0 -22px 35px 3px rgba(255, 255, 255, 0.14), 0 -8px 42px 7px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-23 {
  box-shadow: 0 11px 14px -7px rgba(255, 255, 255, 0.2), 0 23px 36px 3px rgba(255, 255, 255, 0.14), 0 9px 44px 8px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-23 {
  box-shadow: 0 -11px 14px -7px rgba(255, 255, 255, 0.2), 0 -23px 36px 3px rgba(255, 255, 255, 0.14), 0 -9px 44px 8px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-24 {
  box-shadow: 0 11px 15px -7px rgba(255, 255, 255, 0.2), 0 24px 38px 3px rgba(255, 255, 255, 0.14), 0 9px 46px 8px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-24 {
  box-shadow: 0 -11px 15px -7px rgba(255, 255, 255, 0.2), 0 -24px 38px 3px rgba(255, 255, 255, 0.14), 0 -9px 46px 8px rgba(255, 255, 255, 0.12);
}
body.body--dark .inset-shadow {
  box-shadow: 0 7px 9px -7px rgba(255, 255, 255, 0.7) inset;
}
body.body--dark .inset-shadow-down {
  box-shadow: 0 -7px 9px -7px rgba(255, 255, 255, 0.7) inset;
}
.no-shadow, .shadow-0 {
  box-shadow: none !important;
}
.z-marginals {
  z-index: 2000;
}
.z-notify {
  z-index: 9500;
}
.z-fullscreen {
  z-index: 6000;
}
.z-inherit {
  z-index: inherit !important;
}
.row, .column, .flex {
  display: flex;
  flex-wrap: wrap;
}
.row.inline, .column.inline, .flex.inline {
  display: inline-flex;
}
.row.reverse {
  flex-direction: row-reverse;
}
.column {
  flex-direction: column;
}
.column.reverse {
  flex-direction: column-reverse;
}
.wrap {
  flex-wrap: wrap;
}
.no-wrap {
  flex-wrap: nowrap;
}
.reverse-wrap {
  flex-wrap: wrap-reverse;
}
.order-first {
  order: -10000;
}
.order-last {
  order: 10000;
}
.order-none {
  order: 0;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center, .flex-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-evenly {
  justify-content: space-evenly;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center, .flex-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.content-start {
  align-content: flex-start;
}
.content-end {
  align-content: flex-end;
}
.content-center {
  align-content: center;
}
.content-stretch {
  align-content: stretch;
}
.content-between {
  align-content: space-between;
}
.content-around {
  align-content: space-around;
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.self-baseline {
  align-self: baseline;
}
.self-stretch {
  align-self: stretch;
}
.q-gutter-x-none, .q-gutter-none {
  margin-left: 0;
}
.q-gutter-x-none > *, .q-gutter-none > * {
  margin-left: 0;
}
.q-gutter-y-none, .q-gutter-none {
  margin-top: 0;
}
.q-gutter-y-none > *, .q-gutter-none > * {
  margin-top: 0;
}
.q-col-gutter-x-none, .q-col-gutter-none {
  margin-left: 0;
}
.q-col-gutter-x-none > *, .q-col-gutter-none > * {
  padding-left: 0;
}
.q-col-gutter-y-none, .q-col-gutter-none {
  margin-top: 0;
}
.q-col-gutter-y-none > *, .q-col-gutter-none > * {
  padding-top: 0;
}
.q-gutter-x-xs, .q-gutter-xs {
  margin-left: -4px;
}
.q-gutter-x-xs > *, .q-gutter-xs > * {
  margin-left: 4px;
}
.q-gutter-y-xs, .q-gutter-xs {
  margin-top: -4px;
}
.q-gutter-y-xs > *, .q-gutter-xs > * {
  margin-top: 4px;
}
.q-col-gutter-x-xs, .q-col-gutter-xs {
  margin-left: -4px;
}
.q-col-gutter-x-xs > *, .q-col-gutter-xs > * {
  padding-left: 4px;
}
.q-col-gutter-y-xs, .q-col-gutter-xs {
  margin-top: -4px;
}
.q-col-gutter-y-xs > *, .q-col-gutter-xs > * {
  padding-top: 4px;
}
.q-gutter-x-sm, .q-gutter-sm {
  margin-left: -8px;
}
.q-gutter-x-sm > *, .q-gutter-sm > * {
  margin-left: 8px;
}
.q-gutter-y-sm, .q-gutter-sm {
  margin-top: -8px;
}
.q-gutter-y-sm > *, .q-gutter-sm > * {
  margin-top: 8px;
}
.q-col-gutter-x-sm, .q-col-gutter-sm {
  margin-left: -8px;
}
.q-col-gutter-x-sm > *, .q-col-gutter-sm > * {
  padding-left: 8px;
}
.q-col-gutter-y-sm, .q-col-gutter-sm {
  margin-top: -8px;
}
.q-col-gutter-y-sm > *, .q-col-gutter-sm > * {
  padding-top: 8px;
}
.q-gutter-x-md, .q-gutter-md {
  margin-left: -16px;
}
.q-gutter-x-md > *, .q-gutter-md > * {
  margin-left: 16px;
}
.q-gutter-y-md, .q-gutter-md {
  margin-top: -16px;
}
.q-gutter-y-md > *, .q-gutter-md > * {
  margin-top: 16px;
}
.q-col-gutter-x-md, .q-col-gutter-md {
  margin-left: -16px;
}
.q-col-gutter-x-md > *, .q-col-gutter-md > * {
  padding-left: 16px;
}
.q-col-gutter-y-md, .q-col-gutter-md {
  margin-top: -16px;
}
.q-col-gutter-y-md > *, .q-col-gutter-md > * {
  padding-top: 16px;
}
.q-gutter-x-lg, .q-gutter-lg {
  margin-left: -24px;
}
.q-gutter-x-lg > *, .q-gutter-lg > * {
  margin-left: 24px;
}
.q-gutter-y-lg, .q-gutter-lg {
  margin-top: -24px;
}
.q-gutter-y-lg > *, .q-gutter-lg > * {
  margin-top: 24px;
}
.q-col-gutter-x-lg, .q-col-gutter-lg {
  margin-left: -24px;
}
.q-col-gutter-x-lg > *, .q-col-gutter-lg > * {
  padding-left: 24px;
}
.q-col-gutter-y-lg, .q-col-gutter-lg {
  margin-top: -24px;
}
.q-col-gutter-y-lg > *, .q-col-gutter-lg > * {
  padding-top: 24px;
}
.q-gutter-x-xl, .q-gutter-xl {
  margin-left: -48px;
}
.q-gutter-x-xl > *, .q-gutter-xl > * {
  margin-left: 48px;
}
.q-gutter-y-xl, .q-gutter-xl {
  margin-top: -48px;
}
.q-gutter-y-xl > *, .q-gutter-xl > * {
  margin-top: 48px;
}
.q-col-gutter-x-xl, .q-col-gutter-xl {
  margin-left: -48px;
}
.q-col-gutter-x-xl > *, .q-col-gutter-xl > * {
  padding-left: 48px;
}
.q-col-gutter-y-xl, .q-col-gutter-xl {
  margin-top: -48px;
}
.q-col-gutter-y-xl > *, .q-col-gutter-xl > * {
  padding-top: 48px;
}
@media (min-width: 0) {
.row > .col, .flex > .col, .row > .col-auto, .flex > .col-auto, .row > .col-grow, .flex > .col-grow, .row > .col-shrink, .flex > .col-shrink, .row > .col-xs, .flex > .col-xs, .row > .col-xs-auto, .row > .col-12, .row > .col-xs-12, .row > .col-11, .row > .col-xs-11, .row > .col-10, .row > .col-xs-10, .row > .col-9, .row > .col-xs-9, .row > .col-8, .row > .col-xs-8, .row > .col-7, .row > .col-xs-7, .row > .col-6, .row > .col-xs-6, .row > .col-5, .row > .col-xs-5, .row > .col-4, .row > .col-xs-4, .row > .col-3, .row > .col-xs-3, .row > .col-2, .row > .col-xs-2, .row > .col-1, .row > .col-xs-1, .row > .col-0, .row > .col-xs-0, .flex > .col-xs-auto, .flex > .col-12, .flex > .col-xs-12, .flex > .col-11, .flex > .col-xs-11, .flex > .col-10, .flex > .col-xs-10, .flex > .col-9, .flex > .col-xs-9, .flex > .col-8, .flex > .col-xs-8, .flex > .col-7, .flex > .col-xs-7, .flex > .col-6, .flex > .col-xs-6, .flex > .col-5, .flex > .col-xs-5, .flex > .col-4, .flex > .col-xs-4, .flex > .col-3, .flex > .col-xs-3, .flex > .col-2, .flex > .col-xs-2, .flex > .col-1, .flex > .col-xs-1, .flex > .col-0, .flex > .col-xs-0, .row > .col-xs-grow, .flex > .col-xs-grow, .row > .col-xs-shrink, .flex > .col-xs-shrink {
    width: auto;
    min-width: 0;
    max-width: 100%;
}
.column > .col, .flex > .col, .column > .col-auto, .flex > .col-auto, .column > .col-grow, .flex > .col-grow, .column > .col-shrink, .flex > .col-shrink, .column > .col-xs, .flex > .col-xs, .column > .col-xs-auto, .column > .col-12, .column > .col-xs-12, .column > .col-11, .column > .col-xs-11, .column > .col-10, .column > .col-xs-10, .column > .col-9, .column > .col-xs-9, .column > .col-8, .column > .col-xs-8, .column > .col-7, .column > .col-xs-7, .column > .col-6, .column > .col-xs-6, .column > .col-5, .column > .col-xs-5, .column > .col-4, .column > .col-xs-4, .column > .col-3, .column > .col-xs-3, .column > .col-2, .column > .col-xs-2, .column > .col-1, .column > .col-xs-1, .column > .col-0, .column > .col-xs-0, .flex > .col-xs-auto, .flex > .col-12, .flex > .col-xs-12, .flex > .col-11, .flex > .col-xs-11, .flex > .col-10, .flex > .col-xs-10, .flex > .col-9, .flex > .col-xs-9, .flex > .col-8, .flex > .col-xs-8, .flex > .col-7, .flex > .col-xs-7, .flex > .col-6, .flex > .col-xs-6, .flex > .col-5, .flex > .col-xs-5, .flex > .col-4, .flex > .col-xs-4, .flex > .col-3, .flex > .col-xs-3, .flex > .col-2, .flex > .col-xs-2, .flex > .col-1, .flex > .col-xs-1, .flex > .col-0, .flex > .col-xs-0, .column > .col-xs-grow, .flex > .col-xs-grow, .column > .col-xs-shrink, .flex > .col-xs-shrink {
    height: auto;
    min-height: 0;
    max-height: 100%;
}
.col, .col-xs {
    flex: 10000 1 0%;
}
.col-auto, .col-xs-auto, .col-12, .col-xs-12, .col-11, .col-xs-11, .col-10, .col-xs-10, .col-9, .col-xs-9, .col-8, .col-xs-8, .col-7, .col-xs-7, .col-6, .col-xs-6, .col-5, .col-xs-5, .col-4, .col-xs-4, .col-3, .col-xs-3, .col-2, .col-xs-2, .col-1, .col-xs-1, .col-0, .col-xs-0 {
    flex: 0 0 auto;
}
.col-grow, .col-xs-grow {
    flex: 1 0 auto;
}
.col-shrink, .col-xs-shrink {
    flex: 0 1 auto;
}
.row > .col-0, .row > .col-xs-0 {
    height: auto;
    width: 0%;
}
.row > .offset-0, .row > .offset-xs-0 {
    margin-left: 0%;
}
.column > .col-0, .column > .col-xs-0 {
    height: 0%;
    width: auto;
}
.row > .col-1, .row > .col-xs-1 {
    height: auto;
    width: 8.3333%;
}
.row > .offset-1, .row > .offset-xs-1 {
    margin-left: 8.3333%;
}
.column > .col-1, .column > .col-xs-1 {
    height: 8.3333%;
    width: auto;
}
.row > .col-2, .row > .col-xs-2 {
    height: auto;
    width: 16.6667%;
}
.row > .offset-2, .row > .offset-xs-2 {
    margin-left: 16.6667%;
}
.column > .col-2, .column > .col-xs-2 {
    height: 16.6667%;
    width: auto;
}
.row > .col-3, .row > .col-xs-3 {
    height: auto;
    width: 25%;
}
.row > .offset-3, .row > .offset-xs-3 {
    margin-left: 25%;
}
.column > .col-3, .column > .col-xs-3 {
    height: 25%;
    width: auto;
}
.row > .col-4, .row > .col-xs-4 {
    height: auto;
    width: 33.3333%;
}
.row > .offset-4, .row > .offset-xs-4 {
    margin-left: 33.3333%;
}
.column > .col-4, .column > .col-xs-4 {
    height: 33.3333%;
    width: auto;
}
.row > .col-5, .row > .col-xs-5 {
    height: auto;
    width: 41.6667%;
}
.row > .offset-5, .row > .offset-xs-5 {
    margin-left: 41.6667%;
}
.column > .col-5, .column > .col-xs-5 {
    height: 41.6667%;
    width: auto;
}
.row > .col-6, .row > .col-xs-6 {
    height: auto;
    width: 50%;
}
.row > .offset-6, .row > .offset-xs-6 {
    margin-left: 50%;
}
.column > .col-6, .column > .col-xs-6 {
    height: 50%;
    width: auto;
}
.row > .col-7, .row > .col-xs-7 {
    height: auto;
    width: 58.3333%;
}
.row > .offset-7, .row > .offset-xs-7 {
    margin-left: 58.3333%;
}
.column > .col-7, .column > .col-xs-7 {
    height: 58.3333%;
    width: auto;
}
.row > .col-8, .row > .col-xs-8 {
    height: auto;
    width: 66.6667%;
}
.row > .offset-8, .row > .offset-xs-8 {
    margin-left: 66.6667%;
}
.column > .col-8, .column > .col-xs-8 {
    height: 66.6667%;
    width: auto;
}
.row > .col-9, .row > .col-xs-9 {
    height: auto;
    width: 75%;
}
.row > .offset-9, .row > .offset-xs-9 {
    margin-left: 75%;
}
.column > .col-9, .column > .col-xs-9 {
    height: 75%;
    width: auto;
}
.row > .col-10, .row > .col-xs-10 {
    height: auto;
    width: 83.3333%;
}
.row > .offset-10, .row > .offset-xs-10 {
    margin-left: 83.3333%;
}
.column > .col-10, .column > .col-xs-10 {
    height: 83.3333%;
    width: auto;
}
.row > .col-11, .row > .col-xs-11 {
    height: auto;
    width: 91.6667%;
}
.row > .offset-11, .row > .offset-xs-11 {
    margin-left: 91.6667%;
}
.column > .col-11, .column > .col-xs-11 {
    height: 91.6667%;
    width: auto;
}
.row > .col-12, .row > .col-xs-12 {
    height: auto;
    width: 100%;
}
.row > .offset-12, .row > .offset-xs-12 {
    margin-left: 100%;
}
.column > .col-12, .column > .col-xs-12 {
    height: 100%;
    width: auto;
}
.row > .col-all {
    height: auto;
    flex: 0 0 100%;
}
}
@media (min-width: 600px) {
.row > .col-sm, .flex > .col-sm, .row > .col-sm-auto, .row > .col-sm-12, .row > .col-sm-11, .row > .col-sm-10, .row > .col-sm-9, .row > .col-sm-8, .row > .col-sm-7, .row > .col-sm-6, .row > .col-sm-5, .row > .col-sm-4, .row > .col-sm-3, .row > .col-sm-2, .row > .col-sm-1, .row > .col-sm-0, .flex > .col-sm-auto, .flex > .col-sm-12, .flex > .col-sm-11, .flex > .col-sm-10, .flex > .col-sm-9, .flex > .col-sm-8, .flex > .col-sm-7, .flex > .col-sm-6, .flex > .col-sm-5, .flex > .col-sm-4, .flex > .col-sm-3, .flex > .col-sm-2, .flex > .col-sm-1, .flex > .col-sm-0, .row > .col-sm-grow, .flex > .col-sm-grow, .row > .col-sm-shrink, .flex > .col-sm-shrink {
    width: auto;
    min-width: 0;
    max-width: 100%;
}
.column > .col-sm, .flex > .col-sm, .column > .col-sm-auto, .column > .col-sm-12, .column > .col-sm-11, .column > .col-sm-10, .column > .col-sm-9, .column > .col-sm-8, .column > .col-sm-7, .column > .col-sm-6, .column > .col-sm-5, .column > .col-sm-4, .column > .col-sm-3, .column > .col-sm-2, .column > .col-sm-1, .column > .col-sm-0, .flex > .col-sm-auto, .flex > .col-sm-12, .flex > .col-sm-11, .flex > .col-sm-10, .flex > .col-sm-9, .flex > .col-sm-8, .flex > .col-sm-7, .flex > .col-sm-6, .flex > .col-sm-5, .flex > .col-sm-4, .flex > .col-sm-3, .flex > .col-sm-2, .flex > .col-sm-1, .flex > .col-sm-0, .column > .col-sm-grow, .flex > .col-sm-grow, .column > .col-sm-shrink, .flex > .col-sm-shrink {
    height: auto;
    min-height: 0;
    max-height: 100%;
}
.col-sm {
    flex: 10000 1 0%;
}
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-sm-0 {
    flex: 0 0 auto;
}
.col-sm-grow {
    flex: 1 0 auto;
}
.col-sm-shrink {
    flex: 0 1 auto;
}
.row > .col-sm-0 {
    height: auto;
    width: 0%;
}
.row > .offset-sm-0 {
    margin-left: 0%;
}
.column > .col-sm-0 {
    height: 0%;
    width: auto;
}
.row > .col-sm-1 {
    height: auto;
    width: 8.3333%;
}
.row > .offset-sm-1 {
    margin-left: 8.3333%;
}
.column > .col-sm-1 {
    height: 8.3333%;
    width: auto;
}
.row > .col-sm-2 {
    height: auto;
    width: 16.6667%;
}
.row > .offset-sm-2 {
    margin-left: 16.6667%;
}
.column > .col-sm-2 {
    height: 16.6667%;
    width: auto;
}
.row > .col-sm-3 {
    height: auto;
    width: 25%;
}
.row > .offset-sm-3 {
    margin-left: 25%;
}
.column > .col-sm-3 {
    height: 25%;
    width: auto;
}
.row > .col-sm-4 {
    height: auto;
    width: 33.3333%;
}
.row > .offset-sm-4 {
    margin-left: 33.3333%;
}
.column > .col-sm-4 {
    height: 33.3333%;
    width: auto;
}
.row > .col-sm-5 {
    height: auto;
    width: 41.6667%;
}
.row > .offset-sm-5 {
    margin-left: 41.6667%;
}
.column > .col-sm-5 {
    height: 41.6667%;
    width: auto;
}
.row > .col-sm-6 {
    height: auto;
    width: 50%;
}
.row > .offset-sm-6 {
    margin-left: 50%;
}
.column > .col-sm-6 {
    height: 50%;
    width: auto;
}
.row > .col-sm-7 {
    height: auto;
    width: 58.3333%;
}
.row > .offset-sm-7 {
    margin-left: 58.3333%;
}
.column > .col-sm-7 {
    height: 58.3333%;
    width: auto;
}
.row > .col-sm-8 {
    height: auto;
    width: 66.6667%;
}
.row > .offset-sm-8 {
    margin-left: 66.6667%;
}
.column > .col-sm-8 {
    height: 66.6667%;
    width: auto;
}
.row > .col-sm-9 {
    height: auto;
    width: 75%;
}
.row > .offset-sm-9 {
    margin-left: 75%;
}
.column > .col-sm-9 {
    height: 75%;
    width: auto;
}
.row > .col-sm-10 {
    height: auto;
    width: 83.3333%;
}
.row > .offset-sm-10 {
    margin-left: 83.3333%;
}
.column > .col-sm-10 {
    height: 83.3333%;
    width: auto;
}
.row > .col-sm-11 {
    height: auto;
    width: 91.6667%;
}
.row > .offset-sm-11 {
    margin-left: 91.6667%;
}
.column > .col-sm-11 {
    height: 91.6667%;
    width: auto;
}
.row > .col-sm-12 {
    height: auto;
    width: 100%;
}
.row > .offset-sm-12 {
    margin-left: 100%;
}
.column > .col-sm-12 {
    height: 100%;
    width: auto;
}
}
@media (min-width: 1024px) {
.row > .col-md, .flex > .col-md, .row > .col-md-auto, .row > .col-md-12, .row > .col-md-11, .row > .col-md-10, .row > .col-md-9, .row > .col-md-8, .row > .col-md-7, .row > .col-md-6, .row > .col-md-5, .row > .col-md-4, .row > .col-md-3, .row > .col-md-2, .row > .col-md-1, .row > .col-md-0, .flex > .col-md-auto, .flex > .col-md-12, .flex > .col-md-11, .flex > .col-md-10, .flex > .col-md-9, .flex > .col-md-8, .flex > .col-md-7, .flex > .col-md-6, .flex > .col-md-5, .flex > .col-md-4, .flex > .col-md-3, .flex > .col-md-2, .flex > .col-md-1, .flex > .col-md-0, .row > .col-md-grow, .flex > .col-md-grow, .row > .col-md-shrink, .flex > .col-md-shrink {
    width: auto;
    min-width: 0;
    max-width: 100%;
}
.column > .col-md, .flex > .col-md, .column > .col-md-auto, .column > .col-md-12, .column > .col-md-11, .column > .col-md-10, .column > .col-md-9, .column > .col-md-8, .column > .col-md-7, .column > .col-md-6, .column > .col-md-5, .column > .col-md-4, .column > .col-md-3, .column > .col-md-2, .column > .col-md-1, .column > .col-md-0, .flex > .col-md-auto, .flex > .col-md-12, .flex > .col-md-11, .flex > .col-md-10, .flex > .col-md-9, .flex > .col-md-8, .flex > .col-md-7, .flex > .col-md-6, .flex > .col-md-5, .flex > .col-md-4, .flex > .col-md-3, .flex > .col-md-2, .flex > .col-md-1, .flex > .col-md-0, .column > .col-md-grow, .flex > .col-md-grow, .column > .col-md-shrink, .flex > .col-md-shrink {
    height: auto;
    min-height: 0;
    max-height: 100%;
}
.col-md {
    flex: 10000 1 0%;
}
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-md-0 {
    flex: 0 0 auto;
}
.col-md-grow {
    flex: 1 0 auto;
}
.col-md-shrink {
    flex: 0 1 auto;
}
.row > .col-md-0 {
    height: auto;
    width: 0%;
}
.row > .offset-md-0 {
    margin-left: 0%;
}
.column > .col-md-0 {
    height: 0%;
    width: auto;
}
.row > .col-md-1 {
    height: auto;
    width: 8.3333%;
}
.row > .offset-md-1 {
    margin-left: 8.3333%;
}
.column > .col-md-1 {
    height: 8.3333%;
    width: auto;
}
.row > .col-md-2 {
    height: auto;
    width: 16.6667%;
}
.row > .offset-md-2 {
    margin-left: 16.6667%;
}
.column > .col-md-2 {
    height: 16.6667%;
    width: auto;
}
.row > .col-md-3 {
    height: auto;
    width: 25%;
}
.row > .offset-md-3 {
    margin-left: 25%;
}
.column > .col-md-3 {
    height: 25%;
    width: auto;
}
.row > .col-md-4 {
    height: auto;
    width: 33.3333%;
}
.row > .offset-md-4 {
    margin-left: 33.3333%;
}
.column > .col-md-4 {
    height: 33.3333%;
    width: auto;
}
.row > .col-md-5 {
    height: auto;
    width: 41.6667%;
}
.row > .offset-md-5 {
    margin-left: 41.6667%;
}
.column > .col-md-5 {
    height: 41.6667%;
    width: auto;
}
.row > .col-md-6 {
    height: auto;
    width: 50%;
}
.row > .offset-md-6 {
    margin-left: 50%;
}
.column > .col-md-6 {
    height: 50%;
    width: auto;
}
.row > .col-md-7 {
    height: auto;
    width: 58.3333%;
}
.row > .offset-md-7 {
    margin-left: 58.3333%;
}
.column > .col-md-7 {
    height: 58.3333%;
    width: auto;
}
.row > .col-md-8 {
    height: auto;
    width: 66.6667%;
}
.row > .offset-md-8 {
    margin-left: 66.6667%;
}
.column > .col-md-8 {
    height: 66.6667%;
    width: auto;
}
.row > .col-md-9 {
    height: auto;
    width: 75%;
}
.row > .offset-md-9 {
    margin-left: 75%;
}
.column > .col-md-9 {
    height: 75%;
    width: auto;
}
.row > .col-md-10 {
    height: auto;
    width: 83.3333%;
}
.row > .offset-md-10 {
    margin-left: 83.3333%;
}
.column > .col-md-10 {
    height: 83.3333%;
    width: auto;
}
.row > .col-md-11 {
    height: auto;
    width: 91.6667%;
}
.row > .offset-md-11 {
    margin-left: 91.6667%;
}
.column > .col-md-11 {
    height: 91.6667%;
    width: auto;
}
.row > .col-md-12 {
    height: auto;
    width: 100%;
}
.row > .offset-md-12 {
    margin-left: 100%;
}
.column > .col-md-12 {
    height: 100%;
    width: auto;
}
}
@media (min-width: 1440px) {
.row > .col-lg, .flex > .col-lg, .row > .col-lg-auto, .row > .col-lg-12, .row > .col-lg-11, .row > .col-lg-10, .row > .col-lg-9, .row > .col-lg-8, .row > .col-lg-7, .row > .col-lg-6, .row > .col-lg-5, .row > .col-lg-4, .row > .col-lg-3, .row > .col-lg-2, .row > .col-lg-1, .row > .col-lg-0, .flex > .col-lg-auto, .flex > .col-lg-12, .flex > .col-lg-11, .flex > .col-lg-10, .flex > .col-lg-9, .flex > .col-lg-8, .flex > .col-lg-7, .flex > .col-lg-6, .flex > .col-lg-5, .flex > .col-lg-4, .flex > .col-lg-3, .flex > .col-lg-2, .flex > .col-lg-1, .flex > .col-lg-0, .row > .col-lg-grow, .flex > .col-lg-grow, .row > .col-lg-shrink, .flex > .col-lg-shrink {
    width: auto;
    min-width: 0;
    max-width: 100%;
}
.column > .col-lg, .flex > .col-lg, .column > .col-lg-auto, .column > .col-lg-12, .column > .col-lg-11, .column > .col-lg-10, .column > .col-lg-9, .column > .col-lg-8, .column > .col-lg-7, .column > .col-lg-6, .column > .col-lg-5, .column > .col-lg-4, .column > .col-lg-3, .column > .col-lg-2, .column > .col-lg-1, .column > .col-lg-0, .flex > .col-lg-auto, .flex > .col-lg-12, .flex > .col-lg-11, .flex > .col-lg-10, .flex > .col-lg-9, .flex > .col-lg-8, .flex > .col-lg-7, .flex > .col-lg-6, .flex > .col-lg-5, .flex > .col-lg-4, .flex > .col-lg-3, .flex > .col-lg-2, .flex > .col-lg-1, .flex > .col-lg-0, .column > .col-lg-grow, .flex > .col-lg-grow, .column > .col-lg-shrink, .flex > .col-lg-shrink {
    height: auto;
    min-height: 0;
    max-height: 100%;
}
.col-lg {
    flex: 10000 1 0%;
}
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-lg-0 {
    flex: 0 0 auto;
}
.col-lg-grow {
    flex: 1 0 auto;
}
.col-lg-shrink {
    flex: 0 1 auto;
}
.row > .col-lg-0 {
    height: auto;
    width: 0%;
}
.row > .offset-lg-0 {
    margin-left: 0%;
}
.column > .col-lg-0 {
    height: 0%;
    width: auto;
}
.row > .col-lg-1 {
    height: auto;
    width: 8.3333%;
}
.row > .offset-lg-1 {
    margin-left: 8.3333%;
}
.column > .col-lg-1 {
    height: 8.3333%;
    width: auto;
}
.row > .col-lg-2 {
    height: auto;
    width: 16.6667%;
}
.row > .offset-lg-2 {
    margin-left: 16.6667%;
}
.column > .col-lg-2 {
    height: 16.6667%;
    width: auto;
}
.row > .col-lg-3 {
    height: auto;
    width: 25%;
}
.row > .offset-lg-3 {
    margin-left: 25%;
}
.column > .col-lg-3 {
    height: 25%;
    width: auto;
}
.row > .col-lg-4 {
    height: auto;
    width: 33.3333%;
}
.row > .offset-lg-4 {
    margin-left: 33.3333%;
}
.column > .col-lg-4 {
    height: 33.3333%;
    width: auto;
}
.row > .col-lg-5 {
    height: auto;
    width: 41.6667%;
}
.row > .offset-lg-5 {
    margin-left: 41.6667%;
}
.column > .col-lg-5 {
    height: 41.6667%;
    width: auto;
}
.row > .col-lg-6 {
    height: auto;
    width: 50%;
}
.row > .offset-lg-6 {
    margin-left: 50%;
}
.column > .col-lg-6 {
    height: 50%;
    width: auto;
}
.row > .col-lg-7 {
    height: auto;
    width: 58.3333%;
}
.row > .offset-lg-7 {
    margin-left: 58.3333%;
}
.column > .col-lg-7 {
    height: 58.3333%;
    width: auto;
}
.row > .col-lg-8 {
    height: auto;
    width: 66.6667%;
}
.row > .offset-lg-8 {
    margin-left: 66.6667%;
}
.column > .col-lg-8 {
    height: 66.6667%;
    width: auto;
}
.row > .col-lg-9 {
    height: auto;
    width: 75%;
}
.row > .offset-lg-9 {
    margin-left: 75%;
}
.column > .col-lg-9 {
    height: 75%;
    width: auto;
}
.row > .col-lg-10 {
    height: auto;
    width: 83.3333%;
}
.row > .offset-lg-10 {
    margin-left: 83.3333%;
}
.column > .col-lg-10 {
    height: 83.3333%;
    width: auto;
}
.row > .col-lg-11 {
    height: auto;
    width: 91.6667%;
}
.row > .offset-lg-11 {
    margin-left: 91.6667%;
}
.column > .col-lg-11 {
    height: 91.6667%;
    width: auto;
}
.row > .col-lg-12 {
    height: auto;
    width: 100%;
}
.row > .offset-lg-12 {
    margin-left: 100%;
}
.column > .col-lg-12 {
    height: 100%;
    width: auto;
}
}
@media (min-width: 1920px) {
.row > .col-xl, .flex > .col-xl, .row > .col-xl-auto, .row > .col-xl-12, .row > .col-xl-11, .row > .col-xl-10, .row > .col-xl-9, .row > .col-xl-8, .row > .col-xl-7, .row > .col-xl-6, .row > .col-xl-5, .row > .col-xl-4, .row > .col-xl-3, .row > .col-xl-2, .row > .col-xl-1, .row > .col-xl-0, .flex > .col-xl-auto, .flex > .col-xl-12, .flex > .col-xl-11, .flex > .col-xl-10, .flex > .col-xl-9, .flex > .col-xl-8, .flex > .col-xl-7, .flex > .col-xl-6, .flex > .col-xl-5, .flex > .col-xl-4, .flex > .col-xl-3, .flex > .col-xl-2, .flex > .col-xl-1, .flex > .col-xl-0, .row > .col-xl-grow, .flex > .col-xl-grow, .row > .col-xl-shrink, .flex > .col-xl-shrink {
    width: auto;
    min-width: 0;
    max-width: 100%;
}
.column > .col-xl, .flex > .col-xl, .column > .col-xl-auto, .column > .col-xl-12, .column > .col-xl-11, .column > .col-xl-10, .column > .col-xl-9, .column > .col-xl-8, .column > .col-xl-7, .column > .col-xl-6, .column > .col-xl-5, .column > .col-xl-4, .column > .col-xl-3, .column > .col-xl-2, .column > .col-xl-1, .column > .col-xl-0, .flex > .col-xl-auto, .flex > .col-xl-12, .flex > .col-xl-11, .flex > .col-xl-10, .flex > .col-xl-9, .flex > .col-xl-8, .flex > .col-xl-7, .flex > .col-xl-6, .flex > .col-xl-5, .flex > .col-xl-4, .flex > .col-xl-3, .flex > .col-xl-2, .flex > .col-xl-1, .flex > .col-xl-0, .column > .col-xl-grow, .flex > .col-xl-grow, .column > .col-xl-shrink, .flex > .col-xl-shrink {
    height: auto;
    min-height: 0;
    max-height: 100%;
}
.col-xl {
    flex: 10000 1 0%;
}
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-xl-0 {
    flex: 0 0 auto;
}
.col-xl-grow {
    flex: 1 0 auto;
}
.col-xl-shrink {
    flex: 0 1 auto;
}
.row > .col-xl-0 {
    height: auto;
    width: 0%;
}
.row > .offset-xl-0 {
    margin-left: 0%;
}
.column > .col-xl-0 {
    height: 0%;
    width: auto;
}
.row > .col-xl-1 {
    height: auto;
    width: 8.3333%;
}
.row > .offset-xl-1 {
    margin-left: 8.3333%;
}
.column > .col-xl-1 {
    height: 8.3333%;
    width: auto;
}
.row > .col-xl-2 {
    height: auto;
    width: 16.6667%;
}
.row > .offset-xl-2 {
    margin-left: 16.6667%;
}
.column > .col-xl-2 {
    height: 16.6667%;
    width: auto;
}
.row > .col-xl-3 {
    height: auto;
    width: 25%;
}
.row > .offset-xl-3 {
    margin-left: 25%;
}
.column > .col-xl-3 {
    height: 25%;
    width: auto;
}
.row > .col-xl-4 {
    height: auto;
    width: 33.3333%;
}
.row > .offset-xl-4 {
    margin-left: 33.3333%;
}
.column > .col-xl-4 {
    height: 33.3333%;
    width: auto;
}
.row > .col-xl-5 {
    height: auto;
    width: 41.6667%;
}
.row > .offset-xl-5 {
    margin-left: 41.6667%;
}
.column > .col-xl-5 {
    height: 41.6667%;
    width: auto;
}
.row > .col-xl-6 {
    height: auto;
    width: 50%;
}
.row > .offset-xl-6 {
    margin-left: 50%;
}
.column > .col-xl-6 {
    height: 50%;
    width: auto;
}
.row > .col-xl-7 {
    height: auto;
    width: 58.3333%;
}
.row > .offset-xl-7 {
    margin-left: 58.3333%;
}
.column > .col-xl-7 {
    height: 58.3333%;
    width: auto;
}
.row > .col-xl-8 {
    height: auto;
    width: 66.6667%;
}
.row > .offset-xl-8 {
    margin-left: 66.6667%;
}
.column > .col-xl-8 {
    height: 66.6667%;
    width: auto;
}
.row > .col-xl-9 {
    height: auto;
    width: 75%;
}
.row > .offset-xl-9 {
    margin-left: 75%;
}
.column > .col-xl-9 {
    height: 75%;
    width: auto;
}
.row > .col-xl-10 {
    height: auto;
    width: 83.3333%;
}
.row > .offset-xl-10 {
    margin-left: 83.3333%;
}
.column > .col-xl-10 {
    height: 83.3333%;
    width: auto;
}
.row > .col-xl-11 {
    height: auto;
    width: 91.6667%;
}
.row > .offset-xl-11 {
    margin-left: 91.6667%;
}
.column > .col-xl-11 {
    height: 91.6667%;
    width: auto;
}
.row > .col-xl-12 {
    height: auto;
    width: 100%;
}
.row > .offset-xl-12 {
    margin-left: 100%;
}
.column > .col-xl-12 {
    height: 100%;
    width: auto;
}
}
.rounded-borders {
  border-radius: 4px;
}
.border-radius-inherit {
  border-radius: inherit;
}
.no-transition {
  transition: none !important;
}
.transition-0 {
  transition: 0s !important;
}
.glossy {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)) !important;
}
.q-placeholder::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.7;
}
.q-placeholder::-moz-placeholder {
  color: inherit;
  opacity: 0.7;
}
.q-placeholder:-ms-input-placeholder {
  color: inherit !important;
  opacity: 0.7 !important;
}
.q-placeholder::-ms-input-placeholder {
  color: inherit;
  opacity: 0.7;
}
.q-placeholder::placeholder {
  color: inherit;
  opacity: 0.7;
}
/* body */
.q-body--fullscreen-mixin, .q-body--prevent-scroll {
  position: fixed !important;
}
.q-body--force-scrollbar-x {
  overflow-x: scroll;
}
.q-body--force-scrollbar-y {
  overflow-y: scroll;
}
.q-no-input-spinner {
  -moz-appearance: textfield !important;
}
.q-no-input-spinner::-webkit-outer-spin-button, .q-no-input-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.q-link {
  outline: 0;
  text-decoration: none;
}
.q-link--focusable:focus-visible {
  text-decoration: underline dashed currentColor 1px;
}
body.electron .q-electron-drag {
  -webkit-user-select: none;
  -webkit-app-region: drag;
}
body.electron .q-electron-drag .q-btn-item, body.electron .q-electron-drag--exception {
  -webkit-app-region: no-drag;
}
img.responsive {
  max-width: 100%;
  height: auto;
}
.non-selectable {
  user-select: none !important;
}
.scroll,
body.mobile .scroll--mobile {
  overflow: auto;
}
.scroll, .scroll-x, .scroll-y {
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}
.scroll-x {
  overflow-x: auto;
}
.scroll-y {
  overflow-y: auto;
}
.no-scroll {
  overflow: hidden !important;
}
.no-pointer-events,
.no-pointer-events--children,
.no-pointer-events--children * {
  pointer-events: none !important;
}
.all-pointer-events {
  pointer-events: all !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.cursor-not-allowed {
  cursor: not-allowed !important;
}
.cursor-inherit {
  cursor: inherit !important;
}
.cursor-none {
  cursor: none !important;
}
[aria-busy=true] {
  cursor: progress;
}
[aria-controls] {
  cursor: pointer;
}
[aria-disabled=true] {
  cursor: default;
}
.rotate-45 {
  transform: rotate(45deg) /* rtl:ignore */;
}
.rotate-90 {
  transform: rotate(90deg) /* rtl:ignore */;
}
.rotate-135 {
  transform: rotate(135deg) /* rtl:ignore */;
}
.rotate-180 {
  transform: rotate(180deg) /* rtl:ignore */;
}
.rotate-225 {
  transform: rotate(225deg) /* rtl:ignore */;
}
.rotate-270 {
  transform: rotate(270deg) /* rtl:ignore */;
}
.rotate-315 {
  transform: rotate(315deg) /* rtl:ignore */;
}
.flip-horizontal {
  transform: scaleX(-1);
}
.flip-vertical {
  transform: scaleY(-1);
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.relative-position {
  position: relative;
}
.fixed,
.fixed-full,
.fullscreen,
.fixed-center,
.fixed-bottom,
.fixed-left,
.fixed-right,
.fixed-top,
.fixed-top-left,
.fixed-top-right,
.fixed-bottom-left,
.fixed-bottom-right {
  position: fixed;
}
.absolute,
.absolute-full,
.absolute-center,
.absolute-bottom,
.absolute-left,
.absolute-right,
.absolute-top,
.absolute-top-left,
.absolute-top-right,
.absolute-bottom-left,
.absolute-bottom-right {
  position: absolute;
}
.fixed-top, .absolute-top {
  top: 0;
  left: 0;
  right: 0;
}
.fixed-right, .absolute-right {
  top: 0;
  right: 0;
  bottom: 0;
}
.fixed-bottom, .absolute-bottom {
  right: 0;
  bottom: 0;
  left: 0;
}
.fixed-left, .absolute-left {
  top: 0;
  bottom: 0;
  left: 0;
}
.fixed-top-left, .absolute-top-left {
  top: 0;
  left: 0;
}
.fixed-top-right, .absolute-top-right {
  top: 0;
  right: 0;
}
.fixed-bottom-left, .absolute-bottom-left {
  bottom: 0;
  left: 0;
}
.fixed-bottom-right, .absolute-bottom-right {
  bottom: 0;
  right: 0;
}
.fullscreen {
  z-index: 6000;
  border-radius: 0 !important;
  max-width: 100vw;
  max-height: 100vh;
}
body.q-ios-padding .fullscreen {
  padding-top: 20px !important;
  padding-top: env(safe-area-inset-top) !important;
  padding-bottom: env(safe-area-inset-bottom) !important;
}
.absolute-full, .fullscreen, .fixed-full {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.fixed-center, .absolute-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.vertical-top {
  vertical-align: top !important;
}
.vertical-middle {
  vertical-align: middle !important;
}
.vertical-bottom {
  vertical-align: bottom !important;
}
.on-left {
  margin-right: 12px;
}
.on-right {
  margin-left: 12px;
}
/* internal: */
.q-position-engine {
  margin-top: var(--q-pe-top, 0) !important;
  margin-left: var(--q-pe-left, 0) !important;
  will-change: auto;
  visibility: collapse;
}
:root {
  --q-size-xs: 0;
  --q-size-sm: 600px;
  --q-size-md: 1024px;
  --q-size-lg: 1440px;
  --q-size-xl: 1920px;
}
.fit {
  width: 100% !important;
  height: 100% !important;
}
.full-height {
  height: 100% !important;
}
.full-width {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.window-height {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  height: 100vh !important;
}
.window-width {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100vw !important;
}
.block {
  display: block !important;
}
.inline-block {
  display: inline-block !important;
}
.q-pa-none {
  padding: 0 0;
}
.q-pl-none {
  padding-left: 0;
}
.q-pr-none {
  padding-right: 0;
}
.q-pt-none {
  padding-top: 0;
}
.q-pb-none {
  padding-bottom: 0;
}
.q-px-none {
  padding-left: 0;
  padding-right: 0;
}
.q-py-none {
  padding-top: 0;
  padding-bottom: 0;
}
.q-ma-none {
  margin: 0 0;
}
.q-ml-none {
  margin-left: 0;
}
.q-mr-none {
  margin-right: 0;
}
.q-mt-none {
  margin-top: 0;
}
.q-mb-none {
  margin-bottom: 0;
}
.q-mx-none {
  margin-left: 0;
  margin-right: 0;
}
.q-my-none {
  margin-top: 0;
  margin-bottom: 0;
}
.q-pa-xs {
  padding: 4px 4px;
}
.q-pl-xs {
  padding-left: 4px;
}
.q-pr-xs {
  padding-right: 4px;
}
.q-pt-xs {
  padding-top: 4px;
}
.q-pb-xs {
  padding-bottom: 4px;
}
.q-px-xs {
  padding-left: 4px;
  padding-right: 4px;
}
.q-py-xs {
  padding-top: 4px;
  padding-bottom: 4px;
}
.q-ma-xs {
  margin: 4px 4px;
}
.q-ml-xs {
  margin-left: 4px;
}
.q-mr-xs {
  margin-right: 4px;
}
.q-mt-xs {
  margin-top: 4px;
}
.q-mb-xs {
  margin-bottom: 4px;
}
.q-mx-xs {
  margin-left: 4px;
  margin-right: 4px;
}
.q-my-xs {
  margin-top: 4px;
  margin-bottom: 4px;
}
.q-pa-sm {
  padding: 8px 8px;
}
.q-pl-sm {
  padding-left: 8px;
}
.q-pr-sm {
  padding-right: 8px;
}
.q-pt-sm {
  padding-top: 8px;
}
.q-pb-sm {
  padding-bottom: 8px;
}
.q-px-sm {
  padding-left: 8px;
  padding-right: 8px;
}
.q-py-sm {
  padding-top: 8px;
  padding-bottom: 8px;
}
.q-ma-sm {
  margin: 8px 8px;
}
.q-ml-sm {
  margin-left: 8px;
}
.q-mr-sm {
  margin-right: 8px;
}
.q-mt-sm {
  margin-top: 8px;
}
.q-mb-sm {
  margin-bottom: 8px;
}
.q-mx-sm {
  margin-left: 8px;
  margin-right: 8px;
}
.q-my-sm {
  margin-top: 8px;
  margin-bottom: 8px;
}
.q-pa-md {
  padding: 16px 16px;
}
.q-pl-md {
  padding-left: 16px;
}
.q-pr-md {
  padding-right: 16px;
}
.q-pt-md {
  padding-top: 16px;
}
.q-pb-md {
  padding-bottom: 16px;
}
.q-px-md {
  padding-left: 16px;
  padding-right: 16px;
}
.q-py-md {
  padding-top: 16px;
  padding-bottom: 16px;
}
.q-ma-md {
  margin: 16px 16px;
}
.q-ml-md {
  margin-left: 16px;
}
.q-mr-md {
  margin-right: 16px;
}
.q-mt-md {
  margin-top: 16px;
}
.q-mb-md {
  margin-bottom: 16px;
}
.q-mx-md {
  margin-left: 16px;
  margin-right: 16px;
}
.q-my-md {
  margin-top: 16px;
  margin-bottom: 16px;
}
.q-pa-lg {
  padding: 24px 24px;
}
.q-pl-lg {
  padding-left: 24px;
}
.q-pr-lg {
  padding-right: 24px;
}
.q-pt-lg {
  padding-top: 24px;
}
.q-pb-lg {
  padding-bottom: 24px;
}
.q-px-lg {
  padding-left: 24px;
  padding-right: 24px;
}
.q-py-lg {
  padding-top: 24px;
  padding-bottom: 24px;
}
.q-ma-lg {
  margin: 24px 24px;
}
.q-ml-lg {
  margin-left: 24px;
}
.q-mr-lg {
  margin-right: 24px;
}
.q-mt-lg {
  margin-top: 24px;
}
.q-mb-lg {
  margin-bottom: 24px;
}
.q-mx-lg {
  margin-left: 24px;
  margin-right: 24px;
}
.q-my-lg {
  margin-top: 24px;
  margin-bottom: 24px;
}
.q-pa-xl {
  padding: 48px 48px;
}
.q-pl-xl {
  padding-left: 48px;
}
.q-pr-xl {
  padding-right: 48px;
}
.q-pt-xl {
  padding-top: 48px;
}
.q-pb-xl {
  padding-bottom: 48px;
}
.q-px-xl {
  padding-left: 48px;
  padding-right: 48px;
}
.q-py-xl {
  padding-top: 48px;
  padding-bottom: 48px;
}
.q-ma-xl {
  margin: 48px 48px;
}
.q-ml-xl {
  margin-left: 48px;
}
.q-mr-xl {
  margin-right: 48px;
}
.q-mt-xl {
  margin-top: 48px;
}
.q-mb-xl {
  margin-bottom: 48px;
}
.q-mx-xl {
  margin-left: 48px;
  margin-right: 48px;
}
.q-my-xl {
  margin-top: 48px;
  margin-bottom: 48px;
}
.q-mt-auto, .q-my-auto {
  margin-top: auto;
}
.q-ml-auto {
  margin-left: auto;
}
.q-mb-auto, .q-my-auto {
  margin-bottom: auto;
}
.q-mr-auto {
  margin-right: auto;
}
.q-mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.q-touch {
  user-select: none;
  user-drag: none;
  -khtml-user-drag: none;
  -webkit-user-drag: none;
}
.q-touch-x {
  touch-action: pan-x;
}
.q-touch-y {
  touch-action: pan-y;
}
:root {
  --q-transition-duration: .3s;
}
.q-transition--slide-right-enter-active, .q-transition--slide-right-leave-active, .q-transition--slide-left-enter-active, .q-transition--slide-left-leave-active, .q-transition--slide-up-enter-active, .q-transition--slide-up-leave-active, .q-transition--slide-down-enter-active, .q-transition--slide-down-leave-active, .q-transition--jump-right-enter-active, .q-transition--jump-right-leave-active, .q-transition--jump-left-enter-active, .q-transition--jump-left-leave-active, .q-transition--jump-up-enter-active, .q-transition--jump-up-leave-active, .q-transition--jump-down-enter-active, .q-transition--jump-down-leave-active, .q-transition--fade-enter-active, .q-transition--fade-leave-active, .q-transition--scale-enter-active, .q-transition--scale-leave-active, .q-transition--rotate-enter-active, .q-transition--rotate-leave-active, .q-transition--flip-enter-active, .q-transition--flip-leave-active {
  --q-transition-duration: .3s;
  --q-transition-easing: cubic-bezier(0.215,0.61,0.355,1);
}
.q-transition--slide-right-leave-active, .q-transition--slide-left-leave-active, .q-transition--slide-up-leave-active, .q-transition--slide-down-leave-active, .q-transition--jump-right-leave-active, .q-transition--jump-left-leave-active, .q-transition--jump-up-leave-active, .q-transition--jump-down-leave-active, .q-transition--fade-leave-active, .q-transition--scale-leave-active, .q-transition--rotate-leave-active, .q-transition--flip-leave-active {
  position: absolute;
}
.q-transition--slide-right-enter-active, .q-transition--slide-right-leave-active, .q-transition--slide-left-enter-active, .q-transition--slide-left-leave-active, .q-transition--slide-up-enter-active, .q-transition--slide-up-leave-active, .q-transition--slide-down-enter-active, .q-transition--slide-down-leave-active {
  transition: transform var(--q-transition-duration) var(--q-transition-easing);
}
.q-transition--slide-right-enter-from {
  transform: translate3d(-100%, 0, 0);
}
.q-transition--slide-right-leave-to {
  transform: translate3d(100%, 0, 0);
}
.q-transition--slide-left-enter-from {
  transform: translate3d(100%, 0, 0);
}
.q-transition--slide-left-leave-to {
  transform: translate3d(-100%, 0, 0);
}
.q-transition--slide-up-enter-from {
  transform: translate3d(0, 100%, 0);
}
.q-transition--slide-up-leave-to {
  transform: translate3d(0, -100%, 0);
}
.q-transition--slide-down-enter-from {
  transform: translate3d(0, -100%, 0);
}
.q-transition--slide-down-leave-to {
  transform: translate3d(0, 100%, 0);
}
.q-transition--jump-right-enter-active, .q-transition--jump-right-leave-active, .q-transition--jump-left-enter-active, .q-transition--jump-left-leave-active, .q-transition--jump-up-enter-active, .q-transition--jump-up-leave-active, .q-transition--jump-down-enter-active, .q-transition--jump-down-leave-active {
  transition: opacity var(--q-transition-duration), transform var(--q-transition-duration);
}
.q-transition--jump-right-enter-from, .q-transition--jump-right-leave-to, .q-transition--jump-left-enter-from, .q-transition--jump-left-leave-to, .q-transition--jump-up-enter-from, .q-transition--jump-up-leave-to, .q-transition--jump-down-enter-from, .q-transition--jump-down-leave-to {
  opacity: 0;
}
.q-transition--jump-right-enter-from {
  transform: translate3d(-15px, 0, 0);
}
.q-transition--jump-right-leave-to {
  transform: translate3d(15px, 0, 0);
}
.q-transition--jump-left-enter-from {
  transform: translate3d(15px, 0, 0);
}
.q-transition--jump-left-leave-to {
  transform: translateX(-15px);
}
.q-transition--jump-up-enter-from {
  transform: translate3d(0, 15px, 0);
}
.q-transition--jump-up-leave-to {
  transform: translate3d(0, -15px, 0);
}
.q-transition--jump-down-enter-from {
  transform: translate3d(0, -15px, 0);
}
.q-transition--jump-down-leave-to {
  transform: translate3d(0, 15px, 0);
}
.q-transition--fade-enter-active, .q-transition--fade-leave-active {
  transition: opacity var(--q-transition-duration) ease-out;
}
.q-transition--fade-enter-from, .q-transition--fade-leave-to {
  opacity: 0;
}
.q-transition--scale-enter-active, .q-transition--scale-leave-active {
  transition: opacity var(--q-transition-duration), transform var(--q-transition-duration) var(--q-transition-easing);
}
.q-transition--scale-enter-from, .q-transition--scale-leave-to {
  opacity: 0;
  transform: scale3d(0, 0, 1);
}
.q-transition--rotate-enter-active, .q-transition--rotate-leave-active {
  transition: opacity var(--q-transition-duration), transform var(--q-transition-duration) var(--q-transition-easing);
  transform-style: preserve-3d;
}
.q-transition--rotate-enter-from, .q-transition--rotate-leave-to {
  opacity: 0;
  transform: scale3d(0, 0, 1) rotate3d(0, 0, 1, 90deg);
}
.q-transition--flip-right-enter-active, .q-transition--flip-right-leave-active, .q-transition--flip-left-enter-active, .q-transition--flip-left-leave-active, .q-transition--flip-up-enter-active, .q-transition--flip-up-leave-active, .q-transition--flip-down-enter-active, .q-transition--flip-down-leave-active {
  transition: transform var(--q-transition-duration);
  backface-visibility: hidden;
}
.q-transition--flip-right-enter-to, .q-transition--flip-right-leave-from, .q-transition--flip-left-enter-to, .q-transition--flip-left-leave-from, .q-transition--flip-up-enter-to, .q-transition--flip-up-leave-from, .q-transition--flip-down-enter-to, .q-transition--flip-down-leave-from {
  transform: perspective(400px) rotate3d(1, 1, 0, 0deg);
}
.q-transition--flip-right-enter-from {
  transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
}
.q-transition--flip-right-leave-to {
  transform: perspective(400px) rotate3d(0, 1, 0, 180deg);
}
.q-transition--flip-left-enter-from {
  transform: perspective(400px) rotate3d(0, 1, 0, 180deg);
}
.q-transition--flip-left-leave-to {
  transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
}
.q-transition--flip-up-enter-from {
  transform: perspective(400px) rotate3d(1, 0, 0, -180deg);
}
.q-transition--flip-up-leave-to {
  transform: perspective(400px) rotate3d(1, 0, 0, 180deg);
}
.q-transition--flip-down-enter-from {
  transform: perspective(400px) rotate3d(1, 0, 0, 180deg);
}
.q-transition--flip-down-leave-to {
  transform: perspective(400px) rotate3d(1, 0, 0, -180deg);
}
body {
  min-width: 100px;
  min-height: 100%;
  font-family: "Roboto", "-apple-system", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  line-height: 1.5;
  font-size: 14px;
}
h1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 6rem;
  letter-spacing: -0.01562em;
}
h2 {
  font-size: 3.75rem;
  font-weight: 300;
  line-height: 3.75rem;
  letter-spacing: -0.00833em;
}
h3 {
  font-size: 3rem;
  font-weight: 400;
  line-height: 3.125rem;
  letter-spacing: normal;
}
h4 {
  font-size: 2.125rem;
  font-weight: 400;
  line-height: 2.5rem;
  letter-spacing: 0.00735em;
}
h5 {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
  letter-spacing: normal;
}
h6 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: 0.0125em;
}
p {
  margin: 0 0 16px;
}
.text-h1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 6rem;
  letter-spacing: -0.01562em;
}
.text-h2 {
  font-size: 3.75rem;
  font-weight: 300;
  line-height: 3.75rem;
  letter-spacing: -0.00833em;
}
.text-h3 {
  font-size: 3rem;
  font-weight: 400;
  line-height: 3.125rem;
  letter-spacing: normal;
}
.text-h4 {
  font-size: 2.125rem;
  font-weight: 400;
  line-height: 2.5rem;
  letter-spacing: 0.00735em;
}
.text-h5 {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
  letter-spacing: normal;
}
.text-h6 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: 0.0125em;
}
.text-subtitle1 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75rem;
  letter-spacing: 0.00937em;
}
.text-subtitle2 {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: 0.00714em;
}
.text-body1 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.03125em;
}
.text-body2 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.01786em;
}
.text-overline {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: 0.16667em;
}
.text-caption {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.03333em;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
  hyphens: auto;
}
.text-italic {
  font-style: italic;
}
.text-bold {
  font-weight: bold;
}
.text-no-wrap {
  white-space: nowrap;
}
.text-strike {
  text-decoration: line-through;
}
.text-weight-thin {
  font-weight: 100;
}
.text-weight-light {
  font-weight: 300;
}
.text-weight-regular {
  font-weight: 400;
}
.text-weight-medium {
  font-weight: 500;
}
.text-weight-bold {
  font-weight: 700;
}
.text-weight-bolder {
  font-weight: 900;
}
small {
  font-size: 80%;
}
big {
  font-size: 170%;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
.no-margin {
  margin: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.no-border {
  border: 0 !important;
}
.no-border-radius {
  border-radius: 0 !important;
}
.no-box-shadow {
  box-shadow: none !important;
}
.no-outline {
  outline: 0 !important;
}
.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ellipsis-2-lines, .ellipsis-3-lines {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.ellipsis-2-lines {
  -webkit-line-clamp: 2;
}
.ellipsis-3-lines {
  -webkit-line-clamp: 3;
}
.readonly {
  cursor: default !important;
}
.disabled,
.disabled *, [disabled],
[disabled] * {
  outline: 0 !important;
  cursor: not-allowed !important;
}
.disabled, [disabled] {
  opacity: 0.6 !important;
}
.hidden {
  display: none !important;
}
.invisible, .invisible * {
  visibility: hidden !important;
  transition: none !important;
  animation: none !important;
}
.transparent {
  background: transparent !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-hidden-y {
  overflow-y: hidden !important;
}
.hide-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.dimmed:after, .light-dimmed:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0 /* rtl:ignore */;
  bottom: 0;
  left: 0 /* rtl:ignore */;
}
.dimmed:after {
  background: rgba(0, 0, 0, 0.4) !important;
}
.light-dimmed:after {
  background: rgba(255, 255, 255, 0.6) !important;
}
.z-top {
  z-index: 7000 !important;
}
.z-max {
  z-index: 9998 !important;
}
body:not(.desktop) .desktop-only,
body.desktop .desktop-hide {
  display: none !important;
}
body:not(.mobile) .mobile-only,
body.mobile .mobile-hide {
  display: none !important;
}
body:not(.native-mobile) .native-mobile-only,
body.native-mobile .native-mobile-hide {
  display: none !important;
}
body:not(.cordova) .cordova-only,
body.cordova .cordova-hide {
  display: none !important;
}
body:not(.capacitor) .capacitor-only,
body.capacitor .capacitor-hide {
  display: none !important;
}
body:not(.electron) .electron-only,
body.electron .electron-hide {
  display: none !important;
}
body:not(.touch) .touch-only,
body.touch .touch-hide {
  display: none !important;
}
body:not(.within-iframe) .within-iframe-only,
body.within-iframe .within-iframe-hide {
  display: none !important;
}
body:not(.platform-ios) .platform-ios-only,
body.platform-ios .platform-ios-hide {
  display: none !important;
}
body:not(.platform-android) .platform-android-only,
body.platform-android .platform-android-hide {
  display: none !important;
}
@media all and (orientation: portrait) {
.orientation-landscape {
    display: none !important;
}
}
@media all and (orientation: landscape) {
.orientation-portrait {
    display: none !important;
}
}
@media screen {
.print-only {
    display: none !important;
}
}
@media print {
.print-hide {
    display: none !important;
}
}
@media (max-width: 599.98px) {
.xs-hide, .gt-xs, .sm, .gt-sm, .md, .gt-md, .lg, .gt-lg, .xl {
    display: none !important;
}
}
@media (min-width: 600px) and (max-width: 1023.98px) {
.sm-hide, .xs, .lt-sm, .gt-sm, .md, .gt-md, .lg, .gt-lg, .xl {
    display: none !important;
}
}
@media (min-width: 1024px) and (max-width: 1439.98px) {
.md-hide, .xs, .lt-sm, .sm, .lt-md, .gt-md, .lg, .gt-lg, .xl {
    display: none !important;
}
}
@media (min-width: 1440px) and (max-width: 1919.98px) {
.lg-hide, .xs, .lt-sm, .sm, .lt-md, .md, .lt-lg, .gt-lg, .xl {
    display: none !important;
}
}
@media (min-width: 1920px) {
.xl-hide, .xs, .lt-sm, .sm, .lt-md, .md, .lt-lg, .lg, .lt-xl {
    display: none !important;
}
}
.q-focus-helper, .q-focusable, .q-manual-focusable, .q-hoverable {
  outline: 0;
}
body.desktop .q-focus-helper {
  position: absolute;
  top: 0;
  left: 0 /* rtl:ignore */;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border-radius: inherit;
  opacity: 0;
  transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.5, 1);
}
body.desktop .q-focus-helper:before, body.desktop .q-focus-helper:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0 /* rtl:ignore */;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: inherit;
  transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.6s cubic-bezier(0.25, 0.8, 0.5, 1);
}
body.desktop .q-focus-helper:before {
  background: #000;
}
body.desktop .q-focus-helper:after {
  background: #fff;
}
body.desktop .q-focus-helper--rounded {
  border-radius: 4px;
}
body.desktop .q-focus-helper--round {
  border-radius: 50%;
}
body.desktop .q-focusable:focus > .q-focus-helper, body.desktop .q-manual-focusable--focused > .q-focus-helper, body.desktop .q-hoverable:hover > .q-focus-helper {
  background: currentColor;
  opacity: 0.15;
}
body.desktop .q-focusable:focus > .q-focus-helper:before, body.desktop .q-manual-focusable--focused > .q-focus-helper:before, body.desktop .q-hoverable:hover > .q-focus-helper:before {
  opacity: 0.1;
}
body.desktop .q-focusable:focus > .q-focus-helper:after, body.desktop .q-manual-focusable--focused > .q-focus-helper:after, body.desktop .q-hoverable:hover > .q-focus-helper:after {
  opacity: 0.4;
}
body.desktop .q-focusable:focus > .q-focus-helper, body.desktop .q-manual-focusable--focused > .q-focus-helper {
  opacity: 0.22;
}
body.body--dark {
  color: #fff;
  background: var(--q-dark-page);
}
.q-dark {
  color: #fff;
  background: var(--q-dark);
}
.q-notification__actions {
  gap: 10px;
}
.q-notification.warning .q-btn {
  color: var(--q-dark);
  box-shadow: inset 0 0 0 1px var(--q-dark);
}
.q-notification.info .q-btn, .q-notification.ongoing .q-btn, .q-notification.positive .q-btn, .q-notification.negative .q-btn {
  color: var(--text-white);
  box-shadow: inset 0 0 0 1px var(--text-white);
}
.icon[data-v-a15c86ad] {
  max-height: 24px;
  max-width: 24px;
}
.small[data-v-0dcc3bfb] {
  max-height: 16px;
}
.big[data-v-0dcc3bfb] {
  max-height: 32px;
}
.text-length-info[data-v-02c9ac9f] {
  display: flex;
  align-items: center;
  gap: 3px;
  justify-content: end;
}
.text-length-info__message[data-v-02c9ac9f] {
  font-size: 12px;
}
.perfect[data-v-02c9ac9f] {
  color: #155724;
  font-weight: bold;
}
.okay[data-v-02c9ac9f] {
  color: #5b8f56;
}
.normal[data-v-02c9ac9f] {
  color: var(--text-black);
}
.long[data-v-02c9ac9f] {
  color: var(--ck-color-base-error);
  font-weight: bold;
}
.big[data-v-e078404a] {
  max-height: 32px;
}
.text-crop-container[data-v-f4141885] {
  height: 58px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.text-crop[data-v-f4141885] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.clickable[data-v-f4141885]:hover {
  background-color: rgba(0, 0, 0, 0.03);
  cursor: pointer;
}
.datetime-picker-wrapper[data-v-9b929417] {
  min-height: 338px;
}
.q-time[data-v-9b929417] {
  border-radius: 0;
}
[data-v-9b929417] .q-time__header {
  min-height: 100%;
  padding: 10px;
}
.banner[data-v-3701f0e8] {
  color: #00a19a;
  background-color: rgba(0, 161, 154, 0.2);
  display: inline-flex;
}
.button-group[data-v-3701f0e8] {
  display: flex;
  gap: 10px;
}
.custom-button[data-v-3701f0e8] {
  color: var(--text-black);
  border-color: var(--text-black);
  padding: 4px 12px;
}
.toggle-button[data-v-0a80f376] {
  height: 32px;
}
.toggle-button[data-v-0a80f376] .q-btn {
  min-width: 112px;
}
.toggle-button[data-v-0a80f376] .q-btn:not(:last-child):before {
  border-right: 1px solid currentColor;
}
.toggle-button[data-v-0a80f376] .q-btn:not(:first-child):before {
  border-left: 1px solid currentColor;
}
.toggle-button[data-v-0a80f376] .text-primary:before {
  border: 2px solid currentColor;
  background: var(--btn-hover-bg);
}
/* Card sizing: fixed frame with header & footer; body is the only scroll area */
.changes-dialog[data-v-4446f4ac] {
  display: flex;
  flex-direction: column;
}
.changes-dialog--diff-shown[data-v-4446f4ac] {
  min-width: 80vw;
  max-width: 95vw;
}
/* Header/Footer don’t shrink; stay visible */
.changes-header[data-v-4446f4ac],
.changes-footer[data-v-4446f4ac] {
  flex: 0 0 auto;
}
/* Scroll only the middle body */
.changes-body[data-v-4446f4ac] {
  flex: 1 1 auto; /* let it take the remaining space */
  min-height: 0; /* IMPORTANT: allow flex child to shrink for scroll */
  overflow: auto; /* the scroll container */
  -webkit-overflow-scrolling: touch;
  padding: 0 16px 16px; /* optional spacing */
}
/* Make sure the diff content can expand nicely */
.changes-body[data-v-4446f4ac] .diff-view {
  width: 100%;
}
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: "";
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role=button] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden=until-found])) {
  display: none;
}
.diff-tailwindcss-wrapper .container {
  width: 100%;
}
@media (min-width: 640px) {
.diff-tailwindcss-wrapper .container {
    max-width: 640px;
}
}
@media (min-width: 768px) {
.diff-tailwindcss-wrapper .container {
    max-width: 768px;
}
}
@media (min-width: 1024px) {
.diff-tailwindcss-wrapper .container {
    max-width: 1024px;
}
}
@media (min-width: 1280px) {
.diff-tailwindcss-wrapper .container {
    max-width: 1280px;
}
}
@media (min-width: 1536px) {
.diff-tailwindcss-wrapper .container {
    max-width: 1536px;
}
}
.diff-tailwindcss-wrapper .invisible {
  visibility: hidden;
}
.diff-tailwindcss-wrapper .absolute {
  position: absolute;
}
.diff-tailwindcss-wrapper .relative {
  position: relative;
}
.diff-tailwindcss-wrapper .sticky {
  position: sticky;
}
.diff-tailwindcss-wrapper .left-0 {
  left: 0px;
}
.diff-tailwindcss-wrapper .left-\[100\%\] {
  left: 100%;
}
.diff-tailwindcss-wrapper .right-\[100\%\] {
  right: 100%;
}
.diff-tailwindcss-wrapper .top-\[1px\] {
  top: 1px;
}
.diff-tailwindcss-wrapper .z-\[1\] {
  z-index: 1;
}
.diff-tailwindcss-wrapper .ml-\[-1\.5em\] {
  margin-left: -1.5em;
}
.diff-tailwindcss-wrapper .block {
  display: block;
}
.diff-tailwindcss-wrapper .inline-block {
  display: inline-block;
}
.diff-tailwindcss-wrapper .flex {
  display: flex;
}
.diff-tailwindcss-wrapper .table {
  display: table;
}
.diff-tailwindcss-wrapper .hidden {
  display: none;
}
.diff-tailwindcss-wrapper .h-full {
  height: 100%;
}
.diff-tailwindcss-wrapper .min-h-\[28px\] {
  min-height: 28px;
}
.diff-tailwindcss-wrapper .w-\[1\%\] {
  width: 1%;
}
.diff-tailwindcss-wrapper .w-\[1\.5em\] {
  width: 1.5em;
}
.diff-tailwindcss-wrapper .w-\[1\.5px\] {
  width: 1.5px;
}
.diff-tailwindcss-wrapper .w-\[10px\] {
  width: 10px;
}
.diff-tailwindcss-wrapper .w-\[50\%\] {
  width: 50%;
}
.diff-tailwindcss-wrapper .w-full {
  width: 100%;
}
.diff-tailwindcss-wrapper .min-w-\[100px\] {
  min-width: 100px;
}
.diff-tailwindcss-wrapper .min-w-\[40px\] {
  min-width: 40px;
}
.diff-tailwindcss-wrapper .shrink-0 {
  flex-shrink: 0;
}
.diff-tailwindcss-wrapper .basis-\[50\%\] {
  flex-basis: 50%;
}
.diff-tailwindcss-wrapper .table-fixed {
  table-layout: fixed;
}
.diff-tailwindcss-wrapper .border-collapse {
  border-collapse: collapse;
}
.diff-tailwindcss-wrapper .border-spacing-0 {
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.diff-tailwindcss-wrapper .origin-center {
  transform-origin: center;
}
.diff-tailwindcss-wrapper .translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.diff-tailwindcss-wrapper .translate-x-\[50\%\] {
  --tw-translate-x: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.diff-tailwindcss-wrapper .cursor-pointer {
  cursor: pointer;
}
.diff-tailwindcss-wrapper .select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.diff-tailwindcss-wrapper .items-center, .diff-tailwindcss-wrapper .flex-center {
  align-items: center;
}
.diff-tailwindcss-wrapper .justify-center, .diff-tailwindcss-wrapper .flex-center {
  justify-content: center;
}
.diff-tailwindcss-wrapper .overflow-x-auto {
  overflow-x: auto;
}
.diff-tailwindcss-wrapper .overflow-y-hidden {
  overflow-y: hidden;
}
.diff-tailwindcss-wrapper .whitespace-nowrap {
  white-space: nowrap;
}
.diff-tailwindcss-wrapper .break-all {
  word-break: break-all;
}
.diff-tailwindcss-wrapper .rounded-\[0\.2em\] {
  border-radius: 0.2em;
}
.diff-tailwindcss-wrapper .rounded-\[2px\] {
  border-radius: 2px;
}
.diff-tailwindcss-wrapper .rounded-md {
  border-radius: 0.375rem;
}
.diff-tailwindcss-wrapper .border-l-\[1px\] {
  border-left-width: 1px;
}
.diff-tailwindcss-wrapper .fill-current {
  fill: currentColor;
}
.diff-tailwindcss-wrapper .p-0 {
  padding: 0px;
}
.diff-tailwindcss-wrapper .p-\[1px\] {
  padding: 1px;
}
.diff-tailwindcss-wrapper .py-\[2px\] {
  padding-top: 2px;
  padding-bottom: 2px;
}
.diff-tailwindcss-wrapper .py-\[6px\] {
  padding-top: 6px;
  padding-bottom: 6px;
}
.diff-tailwindcss-wrapper .pl-\[1\.5em\] {
  padding-left: 1.5em;
}
.diff-tailwindcss-wrapper .pl-\[10px\] {
  padding-left: 10px;
}
.diff-tailwindcss-wrapper .pl-\[2\.0em\] {
  padding-left: 2em;
}
.diff-tailwindcss-wrapper .pr-\[10px\] {
  padding-right: 10px;
}
.diff-tailwindcss-wrapper .text-right {
  text-align: right;
}
.diff-tailwindcss-wrapper .indent-\[0\.2em\] {
  text-indent: 0.2em;
}
.diff-tailwindcss-wrapper .align-top {
  vertical-align: top;
}
.diff-tailwindcss-wrapper .align-middle {
  vertical-align: middle;
}
.diff-tailwindcss-wrapper .text-\[1\.2em\] {
  font-size: 1.2em;
}
.diff-tailwindcss-wrapper .leading-\[1\.4\] {
  line-height: 1.4;
}
.diff-tailwindcss-wrapper .\!text-red-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(239 68 68/var(--tw-text-opacity, 1)) !important;
}
.diff-tailwindcss-wrapper .opacity-\[0\.5\] {
  opacity: 0.5;
}
.diff-tailwindcss-wrapper .transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.diff-tailwindcss-wrapper * {
  box-sizing: border-box;
}
.diff-tailwindcss-wrapper[data-theme=light] .diff-style-root {
  --diff-border--: #dedede;
  --diff-add-content--: #e6ffec;
  --diff-del-content--: #ffebe9;
  --diff-add-lineNumber--: #ccffd8;
  --diff-del-lineNumber--: #ffd7d5;
  --diff-plain-content--: #ffffff;
  --diff-expand-content--: #fafafa;
  --diff-plain-lineNumber--: #fafafa;
  --diff-expand-lineNumber--: #fafafa;
  --diff-plain-lineNumber-color--: #555555;
  --diff-expand-lineNumber-color--: #555555;
  --diff-hunk-content--: #ddf4ff;
  --diff-hunk-lineNumber--: #c7ecff;
  --diff-hunk-lineNumber-hover--: #0969da;
  --diff-add-content-highlight--: #abf2bc;
  --diff-del-content-highlight--: #ffb3ad;
  --diff-add-widget--: #0969d2;
  --diff-add-widget-color--: #ffffff;
  --diff-empty-content--: #fafafa;
  --diff-hunk-content-color--: #777777;
  color: black;
}
.diff-tailwindcss-wrapper .diff-style-root .diff-line-syntax-raw *,
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw * {
  color: var(--diff-view-light, inherit);
  font-weight: var(--diff-view-light-font-weight, inherit);
}
.diff-tailwindcss-wrapper[data-theme=dark] .diff-style-root {
  --diff-border--: #3d444d;
  --diff-add-content--: #14261f;
  --diff-del-content--: #311b1f;
  --diff-add-lineNumber--: #1f4429;
  --diff-del-lineNumber--: #552527;
  --diff-plain-content--: #0d1117;
  --diff-expand-content--: #161b22;
  --diff-plain-lineNumber--: #161b22;
  --diff-expand-lineNumber--: #161b22;
  --diff-plain-lineNumber-color--: #a0aaab;
  --diff-expand-lineNumber-color--: #a0aaab;
  --diff-hunk-content--: #131d2e;
  --diff-hunk-lineNumber--: #204274;
  --diff-hunk-lineNumber-hover--: #1f6feb;
  --diff-add-content-highlight--: #1f572d;
  --diff-del-content-highlight--: #80312f;
  --diff-add-widget--: #0969d2;
  --diff-add-widget-color--: #ffffff;
  --diff-empty-content--: #161b22;
  --diff-hunk-content-color--: #9298a0;
  color: white;
}
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw * {
  color: var(--diff-view-dark, inherit);
  font-weight: var(--diff-view-dark-font-weight, inherit);
}
.diff-tailwindcss-wrapper table,
.diff-tailwindcss-wrapper tr,
.diff-tailwindcss-wrapper td {
  border-color: transparent;
  border-width: 0px;
  text-align: left;
}
.diff-tailwindcss-wrapper .diff-line-old-num,
.diff-tailwindcss-wrapper .diff-line-new-num,
.diff-tailwindcss-wrapper .diff-line-num {
  text-align: right;
}
.diff-tailwindcss-wrapper .diff-style-root tr {
  content-visibility: auto;
}
.diff-tailwindcss-wrapper .diff-add-widget-wrapper {
  transform-origin: center;
  transform: translateX(-50%) !important;
}
.diff-tailwindcss-wrapper .diff-line-old-content .diff-add-widget-wrapper,
.diff-tailwindcss-wrapper .diff-line-new-content .diff-add-widget-wrapper {
  transform: translateX(50%) !important;
}
.diff-tailwindcss-wrapper .diff-add-widget-wrapper:hover {
  transform: translateX(-50%) scale(1.1) !important;
}
.diff-tailwindcss-wrapper .diff-line-old-content .diff-add-widget-wrapper:hover,
.diff-tailwindcss-wrapper .diff-line-new-content .diff-add-widget-wrapper:hover {
  transform: translateX(50%) scale(1.1) !important;
}
.diff-tailwindcss-wrapper .diff-widget-tooltip {
  position: relative;
}
.diff-tailwindcss-wrapper .diff-add-widget,
.diff-tailwindcss-wrapper .diff-widget-tooltip {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  text-transform: none;
  border-width: 0px;
  background-color: transparent;
  background-image: none;
}
.diff-tailwindcss-wrapper .diff-widget-tooltip::after {
  display: none;
  box-sizing: border-box;
  background-color: #555555;
  position: absolute;
  content: attr(data-title);
  font-size: 11px;
  padding: 1px 2px;
  border-radius: 4px;
  overflow: hidden;
  top: 50%;
  white-space: nowrap;
  transform: translateY(-50%);
  left: calc(100% + 8px);
  color: #ffffff;
}
.diff-tailwindcss-wrapper .diff-widget-tooltip::before {
  display: none;
  box-sizing: border-box;
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% - 2px);
  transform: translateY(-50%);
  border: 6px solid transparent;
  border-right-color: #555555;
}
.diff-tailwindcss-wrapper .diff-widget-tooltip:hover {
  background-color: var(--diff-hunk-lineNumber-hover--);
  color: white;
}
.diff-tailwindcss-wrapper .diff-widget-tooltip:hover::before {
  display: block;
}
.diff-tailwindcss-wrapper .diff-widget-tooltip:hover::after {
  display: block;
}
.diff-line-extend-wrapper * {
  color: initial;
}
.diff-line-widget-wrapper * {
  color: initial;
}
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
}
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw code.hljs {
  padding: 3px 5px;
}
/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs {
  color: #24292e;
  background: #ffffff;
}
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-doctag,
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-keyword,
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-meta .hljs-keyword,
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-template-tag,
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-template-variable,
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-type,
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-variable.language_ {
  /* prettylights-syntax-keyword */
  color: #d73a49;
}
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-title,
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-title.class_,
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-title.class_.inherited__,
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-title.function_ {
  /* prettylights-syntax-entity */
  color: #6f42c1;
}
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-attr,
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-attribute,
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-literal,
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-meta,
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-number,
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-operator,
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-variable,
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-selector-attr,
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-selector-class,
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-selector-id {
  /* prettylights-syntax-constant */
  color: #005cc5;
}
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-regexp,
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-string,
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-meta .hljs-string {
  /* prettylights-syntax-string */
  color: #032f62;
}
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-built_in,
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-symbol {
  /* prettylights-syntax-variable */
  color: #e36209;
}
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-comment,
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-code,
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-formula {
  /* prettylights-syntax-comment */
  color: #6a737d;
}
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-name,
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-quote,
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-selector-tag,
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-selector-pseudo {
  /* prettylights-syntax-entity-tag */
  color: #22863a;
}
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-subst {
  /* prettylights-syntax-storage-modifier-import */
  color: #24292e;
}
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-section {
  /* prettylights-syntax-markup-heading */
  color: #005cc5;
  font-weight: bold;
}
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-bullet {
  /* prettylights-syntax-markup-list */
  color: #735c0f;
}
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-emphasis {
  /* prettylights-syntax-markup-italic */
  color: #24292e;
  font-style: italic;
}
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-strong {
  /* prettylights-syntax-markup-bold */
  color: #24292e;
  font-weight: bold;
}
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-addition {
  /* prettylights-syntax-markup-inserted */
  color: #22863a;
  background-color: #f0fff4;
}
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-deletion {
  /* prettylights-syntax-markup-deleted */
  color: #b31d28;
  background-color: #ffeef0;
}
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-char.escape_,
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-link,
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-params,
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-property,
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-punctuation,
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-tag {
  /* purposely ignored */
}
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
}
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw code.hljs {
  padding: 3px 5px;
}
/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs {
  color: #c9d1d9;
  background: #0d1117;
}
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-doctag,
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-keyword,
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-meta .hljs-keyword,
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-template-tag,
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-template-variable,
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-type,
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-variable.language_ {
  /* prettylights-syntax-keyword */
  color: #ff7b72;
}
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-title,
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-title.class_,
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-title.class_.inherited__,
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-title.function_ {
  /* prettylights-syntax-entity */
  color: #d2a8ff;
}
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-attr,
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-attribute,
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-literal,
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-meta,
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-number,
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-operator,
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-variable,
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-selector-attr,
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-selector-class,
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-selector-id {
  /* prettylights-syntax-constant */
  color: #79c0ff;
}
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-regexp,
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-string,
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-meta .hljs-string {
  /* prettylights-syntax-string */
  color: #a5d6ff;
}
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-built_in,
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-symbol {
  /* prettylights-syntax-variable */
  color: #ffa657;
}
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-comment,
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-code,
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-formula {
  /* prettylights-syntax-comment */
  color: #8b949e;
}
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-name,
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-quote,
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-selector-tag,
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-selector-pseudo {
  /* prettylights-syntax-entity-tag */
  color: #7ee787;
}
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-subst {
  /* prettylights-syntax-storage-modifier-import */
  color: #c9d1d9;
}
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-section {
  /* prettylights-syntax-markup-heading */
  color: #1f6feb;
  font-weight: bold;
}
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-bullet {
  /* prettylights-syntax-markup-list */
  color: #f2cc60;
}
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-emphasis {
  /* prettylights-syntax-markup-italic */
  color: #c9d1d9;
  font-style: italic;
}
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-strong {
  /* prettylights-syntax-markup-bold */
  color: #c9d1d9;
  font-weight: bold;
}
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-addition {
  /* prettylights-syntax-markup-inserted */
  color: #aff5b4;
  background-color: #033a16;
}
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-deletion {
  /* prettylights-syntax-markup-deleted */
  color: #ffdcd7;
  background-color: #67060c;
}
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-char.escape_,
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-link,
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-params,
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-property,
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-punctuation,
.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-tag {
  /* purposely ignored */
}
.diff-tailwindcss-wrapper .hover\:scale-110:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.diff-tailwindcss-wrapper .group:hover .group-hover\:visible {
  visibility: visible;
}
[data-v-f9532c89] .q-drawer--left {
  border-right: 1px solid var(--q-primary);
}
[data-v-f9532c89] .q-drawer--right {
  border-left: 1px solid var(--q-primary);
}
.drawer-footer[data-v-f9532c89] {
  width: 100%;
  border-top: 1px solid var(--q-primary);
  position: absolute;
  bottom: 0;
}
.layout-header[data-v-9c3c75f9] {
  background-color: var(--app-bg);
  color: var(--text-black);
  justify-content: space-between;
}
.layout-footer[data-v-9c3c75f9] {
  display: flex;
  justify-content: space-between;
  background-color: var(--form-footer-bg);
}
.custom-back-button[data-v-9c3c75f9] {
  height: 32px;
  font-size: 0.875rem;
  font-weight: 400;
}
.clear-filters-btn[data-v-28a0154a] {
  text-decoration: underline;
  font-size: 14px;
  font-weight: bold;
  color: var(--v-primary-base);
  cursor: pointer;
}
.layout-btn[data-v-28a0154a] {
  height: 40px;
}
.bf-style[data-v-ff80674d] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 6;
  pointer-events: none;
}
.bf-style-logo[data-v-ff80674d] {
  position: absolute;
  top: 54px;
  left: 0;
  width: 256px;
  text-align: center;
  display: flex;
  justify-content: center;
}
.bf-style-logo img[data-v-ff80674d] {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}
.bf-style-logo-open[data-v-ff80674d] {
  top: 26px;
  width: 48px;
}
.btn-border {
  outline: 2px solid white;
}
.badge-container {
  margin-left: 45px;
}
.badge-env {
  font-size: 14px;
  padding: 6px 8px;
}
.bg-ctf-red {
  color: #ffffff;
  background: #bb2d29;
}
.bg-ctf-blue {
  color: #ffffff;
  background: #2196f3;
}
.bg-ctf-orange {
  color: #000;
  background: #f6c143;
}
.text-ctf-outline-blue {
  color: #2196f3;
  background: #ffffff;
  border: 2px solid #2196f3;
}
.sidebar {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  background: #00636c;
  color: #fff;
}
.sidebar__permission-info {
  align-self: center;
}
.sidebar__link {
  min-height: 44px !important;
  transition: background-color ease 0.25s;
  font-size: 1rem;
}
.sidebar__link .q-item__label,
.sidebar__link .q-btn__content > * {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sidebar__link .q-btn__content > * {
  max-width: 200px;
}
.sidebar__link .q-item__section {
  padding: 0;
}
.sidebar__link .q-item__section--avatar {
  min-width: 35px;
}
.sidebar__link .q-focus-helper {
  display: none;
}
.sidebar__link:hover {
  background-color: #95c11f;
  color: #fff;
}
.sidebar__link--hover {
  background-color: #95c11f !important;
  color: #fff;
}
.sidebar__link.sidebar__link--active {
  position: relative;
  background-color: #004a51;
  color: #fff;
}
.sidebar__link.sidebar__link--active:hover {
  background-color: #004a51;
  color: #fff;
}
.sidebar__link.sidebar__link--active:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 4px;
  content: "";
  background: #95c11f;
}
.sidebar__item-expandable--shortened {
  background-color: #008385;
}
.sidebar__item-expandable .sidebar__link {
  background-color: #008385;
}
.sidebar__item-expandable .sidebar__link:hover {
  background-color: #95c11f;
}
.sidebar__item-expandable .sidebar__link--active {
  background-color: #00a19a;
}
.sidebar__item-expandable .sidebar__link--active:before {
  background-color: #95c11f;
}
.sidebar__item-expandable .sidebar__link--active:hover {
  background-color: #00a19a;
}
.sidebar__item-divided {
  border-top: 1px solid #00a19a;
}
.sidebar__bottom {
  font-size: 0.8rem;
  margin-top: auto;
}
[data-v-5a2a5a0e] .q-drawer__content {
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}
[data-v-5a2a5a0e] .q-drawer__content::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}
.topbar[data-v-5a2a5a0e] {
  background: #00636c;
}
html {
  --app-bg: #f4f5f5;
  --form-footer-bg: rgba(229, 242, 242, 0.9);
  --border: #bfbfbf;
  --btn-hover-bg: #e5f2f2;
  --input-height: 40px;
  --input-height-lg: 48px;
  --text-black: #000;
  --text-white: #fff;
  --text-placeholder: #999;
  --text-muted: #777;
  --icon-base: #777;
  --table-row-hover: rgb(0, 99, 108, 0.05);
  --channel-bg: #fff;
  --banner-bg: hsl(176, 39%, 93%);
  --banner-color: hsl(176, 39%, 64%);
  --tooltip-bg: rgb(0, 0, 0, 0.8);
}
.theme--light.v-application {
  color: var(--text-black);
}
.page-title {
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 500;
  margin: 0;
  padding: 0.875rem 0 1rem;
  text-transform: uppercase;
  border-bottom: 4px solid var(--q-primary);
}
.form-title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
  margin: 0 0 0.5rem;
}
.text-small {
  font-size: 0.875rem;
  line-height: 1.25;
}
.text-xsmall {
  font-size: 0.75rem;
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.font-medium {
  font-weight: 500;
}
.truncate-1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.truncate-2 {
  /* autoprefixer: off */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.truncate-3 {
  /* autoprefixer: off */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.truncate-4 {
  /* autoprefixer: off */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.fill-height {
  height: 100%;
}
.text-muted {
  color: var(--text-muted);
}
/*
 All this styles below rewrites default styles of quasar or layout
 which we need for special edit view where we have
 dizajn with sidebar -> minimum until we do not using drawers from quasar js
 */
.relative {
  position: relative;
}
.image-xxs {
  width: 40px;
  height: 40px;
}
.image-xs {
  width: 56px;
  height: 56px;
}
.image-sm {
  width: 90px;
  height: 90px;
}
.dropdown-btn {
  height: 32px;
  min-width: 40px;
  font-size: 0.875rem;
  padding: 0 6px;
  color: #008385;
  border: 1px solid #777;
}
.dropdown-btn-clicked {
  border: 3px solid #008385;
}
.block-column-wrapper {
  width: 740px !important;
}
.block-column-sidebar {
  min-height: 100vh;
  margin: -25px -20px -110px 0;
  border-left: 1px solid var(--q-primary);
}
/* Quasar default has readonly input dashed rewrite to solid */
:deep(.q-field--outlined.q-field--readonly .q-field__control:before) {
  border-style: solid !important;
}
/* Quasar default has readonly input dashed rewrite to solid */
:deep(.q-field--outlined.q-field--readonly .q-field__control:before) {
  border-style: solid !important;
}
.drag-btns-collapsed .drag-btn-label {
  display: none;
}
.selection-footer {
  border-top: 1px solid var(--q-primary);
}
@media (min-height: 785px) {
.selection-wrapper {
    position: sticky;
    top: 0;
}
.selection-footer {
    position: fixed;
    bottom: 90px;
    background-color: #fff;
    width: 270px;
    margin-left: -32px;
}
.selection-collapse {
    border-radius: 4px;
}
}
.mb-12 {
  margin-bottom: 12px;
}
.px-32 {
  padding-left: 32px;
  padding-right: 32px;
}
.mx-n32 {
  margin-right: -32px;
  margin-left: -32px;
}
.ml-n8 {
  margin-left: -8px;
}
.w-drawer {
  min-width: 270px;
}
.draggable-container {
  min-height: 100px;
}
/*  [buttons]  */
.q-btn:before {
  box-shadow: none;
}
.q-btn {
  line-height: 14px;
  padding: 8px 16px;
}
.q-btn-dropdown-in-table {
  padding: 0;
}
.q-btn[clickable=false] {
  cursor: auto;
}
.q-btn[clickable=false] .q-ripple,
.q-btn[clickable=false] .q-focus-helper {
  display: none;
}
.required .q-field__label:after {
  content: " *";
  color: var(--q-primary);
}
[required] ~ .q-field__label:after {
  content: " *";
  color: var(--q-primary);
}
body:not(.q-body--layout-animate) .q-layout--prevent-focus {
  display: none;
  height: 0 !important;
}
.no-wrap .q-notification--multi-line * {
  white-space: initial;
}
.q-tab__indicator.absolute-bottom {
  border-bottom: 4px solid #008385;
}
.layout-header.q-layout-padding {
  padding-bottom: 0;
}.placeholder[data-v-29ebfd22] {
  background: #f4f4f4;
  position: relative;
  height: 100%;
  width: 100%;
}
.placeholder[data-v-29ebfd22]:before {
  background: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1021_12093)'%3E%3Cpath d='M40.0007 50.6666C45.8917 50.6666 50.6673 45.891 50.6673 40C50.6673 34.1089 45.8917 29.3333 40.0007 29.3333C34.1096 29.3333 29.334 34.1089 29.334 40C29.334 45.891 34.1096 50.6666 40.0007 50.6666Z' fill='%239F9F9F'/%3E%3Cpath d='M29.9993 6.66669L23.8993 13.3334H13.3327C9.66602 13.3334 6.66602 16.3334 6.66602 20V60C6.66602 63.6667 9.66602 66.6667 13.3327 66.6667H66.666C70.3327 66.6667 73.3327 63.6667 73.3327 60V20C73.3327 16.3334 70.3327 13.3334 66.666 13.3334H56.0993L49.9993 6.66669H29.9993ZM39.9993 56.6667C30.7993 56.6667 23.3327 49.2 23.3327 40C23.3327 30.8 30.7993 23.3334 39.9993 23.3334C49.1993 23.3334 56.666 30.8 56.666 40C56.666 49.2 49.1993 56.6667 39.9993 56.6667Z' fill='%239F9F9F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1021_12093'%3E%3Crect width='80' height='80' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") center center/cover;
  content: "";
  display: block;
  height: 25px;
  width: 22px;
}