/* helpers */
/* colors variables */
/* line 1, app/assets/stylesheets/main/colors/palette.css.scss */
:root {
  --color-white: #fff;
  --color-black: #000;
  --color-gray-25: #eeecec;
  --color-gray-50: #f9f9f9;
  --color-gray-75: #fefefe;
  --color-gray-100: #f2f2f2;
  --color-gray-200-rgb: 217, 217, 217;
  --color-gray-200: #e9e9e9;
  --color-gray-300: #d9d9d9;
  --color-gray-400: #a6a6a6;
  --color-gray-500: #a5b3bf;
  --color-gray-550: #888787;
  --color-gray-600-rgb: 116, 116, 116;
  --color-gray-600: #747474;
  --color-gray-650: #949494;
  --color-gray-675: #5c5a57;
  --color-gray-700: #494949;
  --color-gray-750: #3a3938;
  --color-gray-800: #37352f;
  --color-red-50: #fef4f5;
  --color-red-200: #fdc6cf;
  --color-red-300: #f99ead;
  --color-red-400: #e46f6c;
  --color-red-600: #FF5B5B;
  --color-red-700-rgb: 247, 109, 133;
  --color-red-700: #f76d85;
  --color-red-800: #db1b1b;
  --color-red-900: #9d0000;
  --color-pink-600: #F769B0;
  --color-pink-700-rgb: 243, 122, 180;
  --color-pink-700: #f37ab4;
  --color-pink-750: #ea519d;
  --color-pink-800: #e544ff;
  --color-orange-50: #fbf8f3;
  --color-orange-75: #f3ede5;
  --color-orange-100: #dbd5ce;
  --color-orange-150: #fff1e1;
  --color-orange-200: #ffd7aa;
  --color-orange-800: #f79625;
  --color-orange-900: #ff8939;
  --color-yellow-50: #F6EFE0;
  --color-yellow-100: #f1efe6;
  --color-yellow-700: #e3b800;
  --color-yellow-800-rgb: 198, 160, 0;
  --color-yellow-800: #c6a000;
  --color-yellow-900: #ffce00;
  --color-green-25: #effff3;
  --color-green-50: #eafff0;
  --color-green-100: #cfffdc;
  --color-green-500-rgb: 93, 173, 56;
  --color-green-500: #5dad38;
  --color-green-600-rgb: 83, 186, 143;
  --color-green-600: #53ba8f;
  --color-green-700: #23d6a0;
  --color-green-800: #4cd071;
  --color-olive-800-rgb: 172, 186, 83;
  --color-olive-800: #acba53;
  --color-blue-400: #a4c1fb;
  --color-blue-600-rgb: 76, 177, 208;
  --color-blue-600: #4cb1d0;
  --color-blue-800: #4983f8;
  --color-blue-900: #0C6FF9;
}

/* line 1, app/assets/stylesheets/main/colors/general.css.scss */
:root {
  --default-c: var(--color-gray-800);
  --secondary-c: var(--color-gray-600);
  --light-c: var(--color-white);
  --dark-c: var(--color-black);
  --primary-bg: var(--color-white);
  --secondary-bg: var(--color-gray-50);
  --border-primary-c: var(--color-gray-100);
  --border-secondary-c: var(--color-gray-200);
  --scrollbar-track-bg: transparent;
  --scrollbar-thumb-bg: rgb(189, 193, 198, 1);
  --patter-border-opacity: 0.14;
  --patter-border-bg-opacity: 0.3;
  --pattern-primary-border-c: #e5f3f8;
  --pattern-primary-bg: #c8e7f0;
  --pattern-danger-border-c: #fdecf4;
  --pattern-danger-bg: #fbd6e8;
  --pattern-success-border-c: #e6f5ef;
  --pattern-success-bg: #cbeadd;
  --pattern-warning-border-c: #f3f5e6;
  --pattern-warning-bg: #e5eacb;
  --pattern-neutral-border-c: #f9f9f9;
  --pattern-neutral-bg: #f3f3f3;
  --pattern-secondary-border-c: #ebebeb;
  --pattern-secondary-bg: #d5d5d5;
  --gradient-angle: 135deg;
  --gradient-bg: var(--light-c);
  --gradient-primary: linear-gradient(
    var(--gradient-angle),
    var(--gradient-bg) 25%,
    var(--pattern-primary-bg) 25%,
    var(--pattern-primary-bg) 50%,
    var(--gradient-bg) 50%,
    var(--gradient-bg) 75%,
    var(--pattern-primary-bg) 75%
  );
  --gradient-danger: linear-gradient(
    var(--gradient-angle),
    var(--gradient-bg) 25%,
    var(--pattern-danger-bg) 25%,
    var(--pattern-danger-bg) 50%,
    var(--gradient-bg) 50%,
    var(--gradient-bg) 75%,
    var(--pattern-danger-bg) 75%
  );
  --gradient-success: linear-gradient(
    var(--gradient-angle),
    var(--gradient-bg) 25%,
    var(--pattern-success-bg) 25%,
    var(--pattern-success-bg) 50%,
    var(--gradient-bg) 50%,
    var(--gradient-bg) 75%,
    var(--pattern-success-bg) 75%
  );
  --gradient-warning: linear-gradient(
    var(--gradient-angle),
    var(--gradient-bg) 25%,
    var(--pattern-warning-bg) 25%,
    var(--pattern-warning-bg) 50%,
    var(--gradient-bg) 50%,
    var(--gradient-bg) 75%,
    var(--pattern-warning-bg) 75%
  );
  --gradient-neutral: linear-gradient(
    var(--gradient-angle),
    var(--gradient-bg) 25%,
    var(--pattern-neutral-bg) 25%,
    var(--pattern-neutral-bg) 50%,
    var(--gradient-bg) 50%,
    var(--gradient-bg) 75%,
    var(--pattern-neutral-bg) 75%
  );
  --gradient-secondary: linear-gradient(
    var(--gradient-angle),
    var(--gradient-bg) 25%,
    var(--pattern-secondary-bg) 25%,
    var(--pattern-secondary-bg) 50%,
    var(--gradient-bg) 50%,
    var(--gradient-bg) 75%,
    var(--pattern-secondary-bg) 75%
  );
}

/* line 1, app/assets/stylesheets/main/colors/icon.css.scss */
:root {
  --icon-primary-c: var(--color-gray-800);
  --icon-secondary-c: var(--color-gray-600);
  --icon-success-c: var(--color-green-800);
  --icon-danger-c: var(--color-red-800);
  --icon-warning-c: var(--color-orange-800);
  --icon-disabled-c: var(--color-gray-300);
  --icon-light-c: var(--light-c);
}

/* line 1, app/assets/stylesheets/main/colors/button.css.scss */
:root {
  --button-primary-c: var(--light-c);
  --button-primary-bg: var(--color-gray-800);
  --button-primary-hover-bg: var(--color-gray-700);
  --button-primary-focus-border-c: var(--color-gray-600);
  --button-primary-focus-bg: var(--color-gray-500);
  --button-primary-active-bg: var(--dark-c);
  --button-primary-disabled-c: var(--light-c);
  --button-primary-disabled-bg: var(--color-gray-600);
  --button-secondary-c: var(--color-gray-800);
  --button-secondary-border-c: var(--color-gray-200);
  --button-secondary-bg: var(--light-c);
  --button-secondary-hover-c: var(--color-gray-700);
  --button-secondary-hover-border-c: var(--color-gray-400);
  --button-secondary-focus-border-c: var(--color-gray-400);
  --button-secondary-active-c: var(--dark-c);
  --button-secondary-active-border-c: var(--dark-c);
  --button-secondary-disabled-c: var(--color-gray-300);
  --button-secondary-disabled-border-c: var(--color-gray-300);
  --button-tertiary-c: var(--color-gray-800);
  --button-tertiary-border-c: var(--light-c);
  --button-tertiary-bg: var(--light-c);
  --button-tertiary-hover-c: var(--color-gray-600);
  --button-tertiary-hover-border-c: var(--light-c);
  --button-tertiary-hover-bg: var(--light-c);
  --button-tertiary-focus-border-c: var(--light-c);
  --button-tertiary-active-c: var(--color-black);
  --button-tertiary-active-border-c: var(--light-c);
  --button-tertiary-active-bg: var(--light-c);
  --button-tertiary-disabled-c: var(--color-gray-300);
  --button-tertiary-disabled-border-c: var(--light-c);
  --button-tertiary-disabled-bg: var(--color-gray-200);
  --button-quaternary-c: var(--button-secondary-c);
  --button-quaternary-border-c: var(--color-gray-800);
  --button-quaternary-bg: var(--button-secondary-bg);
  --button-quaternary-hover-c: var(--color-gray-600);
  --button-quaternary-hover-border-c: var(--button-secondary-hover-border-c);
  --button-quaternary-focus-border-c: var(--button-secondary-focus-border-c);
  --button-quaternary-active-c: var(--button-secondary-active-c);
  --button-quaternary-active-border-c: var(--button-secondary-active-border-c);
  --button-quaternary-disabled-c: var(--button-secondary-disabled-c);
  --button-quaternary-disabled-border-c: var(--button-secondary-disabled-border-c);
  --button-quinary-c: var(--color-gray-800);
  --button-quinary-border-c: var(--color-gray-200);
  --button-quinary-bg: var(--color-gray-200);
  --button-quinary-hover-c: var(--color-gray-700);
  --button-quinary-hover-border-c: var(--color-gray-50);
  --button-quinary-hover-bg: var(--color-gray-100);
  --button-quinary-focus-border-c: var(--color-gray-200);
  --button-quinary-focus-bg: var(--color-gray-200);
  --button-quinary-active-c: var(--color-gray-600);
  --button-quinary-active-border-c: var(--color-gray-300);
  --button-quinary-active-bg: var(--color-gray-300);
  --button-quinary-disabled-c: var(--color-gray-100);
  --button-quinary-disabled-border-c: var(--color-gray-50);
  --button-quinary-disabled-bg: var(--color-gray-50);
  --button-senary-c: var(--color-gray-800);
  --button-senary-border-c: var(--color-gray-50);
  --button-senary-bg: var(--color-gray-50);
  --button-senary-hover-c: var(--color-gray-700);
  --button-senary-hover-border-c: var(--color-gray-100);
  --button-senary-hover-bg: var(--color-gray-100);
  --button-senary-focus-border-c: var(--color-gray-100);
  --button-senary-focus-bg: var(--color-gray-100);
  --button-senary-active-c: var(--color-gray-600);
  --button-senary-active-border-c: var(--color-gray-200);
  --button-senary-active-bg: var(--color-gray-200);
  --button-senary-disabled-c: var(--color-gray-100);
  --button-senary-disabled-border-c: var(--color-gray-50);
  --button-senary-disabled-bg: var(--color-gray-50);
  --button-septenary-c: var(--color-gray-550);
  --button-septenary-border-c: transparent;
  --button-septenary-bg: transparent;
  --button-septenary-hover-c: var(--color-gray-700);
  --button-septenary-active-c: var(--color-gray-600);
  --button-septenary-disabled-c: var(--color-gray-100);
  --button-octonary-c: var(--color-gray-800);
  --button-octonary-border-c: var(--color-gray-200);
  --button-octonary-bg: var(--color-gray-50);
  --button-octonary-hover-c: var(--color-gray-700);
  --button-octonary-hover-border-c: var(--color-gray-300);
  --button-octonary-hover-bg: var(--color-gray-100);
  --button-octonary-focus-border-c: var(--color-gray-300);
  --button-octonary-focus-bg: var(--color-gray-100);
  --button-octonary-active-c: var(--color-gray-600);
  --button-octonary-active-border-c: var(--color-gray-400);
  --button-octonary-active-bg: var(--color-gray-200);
  --button-octonary-disabled-c: var(--color-gray-100);
  --button-octonary-disabled-border-c: var(--color-gray-50);
  --button-octonary-disabled-bg: var(--color-gray-50);
  --button-nonary-c: var(--color-gray-800);
  --button-nonary-border-c: transparent;
  --button-nonary-bg: transparent;
  --button-nonary-hover-c: var(--color-gray-600);
  --button-nonary-hover-border-c: transparent;
  --button-nonary-hover-bg: transparent;
  --button-nonary-focus-border-c: transparent;
  --button-nonary-active-c: var(--color-black);
  --button-nonary-active-border-c: transparent;
  --button-nonary-active-bg: transparent;
  --button-nonary-disabled-c: var(--color-gray-300);
  --button-nonary-disabled-border-c: transparent;
  --button-nonary-disabled-bg: var(--color-gray-200);
  --button-denary-c: var(--color-gray-600);
  --button-denary-border-c: var(--color-gray-200);
  --button-denary-bg: var(--light-c);
  --button-denary-hover-c: var(--color-gray-800);
  --button-denary-hover-border-c: var(--color-gray-400);
  --button-denary-hover-bg: var(--light-c);
  --button-denary-focus-border-c: var(--color-gray-300);
  --button-denary-active-c: var(--color-black);
  --button-denary-active-border-c: var(--color-gray-500);
  --button-denary-active-bg: var(--light-c);
  --button-denary-disabled-c: var(--color-gray-300);
  --button-denary-disabled-border-c: var(--light-c);
  --button-denary-disabled-bg: var(--color-gray-200);
  --button-duodenary-c: var(--color-gray-600);
  --button-duodenary-border-c: var(--color-gray-200);
  --button-duodenary-bg: var(--color-gray-100);
  --button-duodenary-hover-c: var(--color-gray-800);
  --button-duodenary-hover-border-c: var(--color-gray-400);
  --button-duodenary-hover-bg: var(--light-c);
  --button-duodenary-focus-border-c: var(--color-gray-300);
  --button-duodenary-active-c: var(--color-black);
  --button-duodenary-active-border-c: var(--color-gray-500);
  --button-duodenary-active-bg: var(--light-c);
  --button-duodenary-disabled-c: var(--color-gray-300);
  --button-duodenary-disabled-border-c: var(--light-c);
  --button-duodenary-disabled-bg: var(--color-gray-200);
  --button-danger-c: var(--light-c);
  --button-danger-border-c: var(--color-red-700);
  --button-danger-bg: var(--color-red-800);
  --button-danger-hover-bg: var(--color-red-700);
  --button-danger-focus-border-c: var(--color-red-700);
  --button-danger-focus-bg: var(--color-red-400);
  --button-danger-active-bg: var(--color-red-800);
  --button-danger-disabled-c: var(--light-c);
  --button-danger-disabled-bg: var(--color-red-300);
  --button-auth-c: var(--color-gray-800);
  --button-auth-border-c: var(--color-gray-200);
  --button-auth-bg: var(--light-c);
  --button-auth-hover-c: var(--color-gray-700);
  --button-auth-hover-border-c: var(--color-gray-400);
  --button-auth-hover-bg: var(--light-c);
  --button-auth-focus-border-c: var(--color-gray-300);
  --button-auth-active-c: var(--color-black);
  --button-auth-active-border-c: var(--color-gray-500);
  --button-auth-active-bg: var(--light-c);
  --button-auth-disabled-c: var(--color-gray-300);
  --button-auth-disabled-border-c: var(--light-c);
  --button-auth-disabled-bg: var(--color-gray-200);
}

/* line 1, app/assets/stylesheets/main/colors/text.css.scss */
:root {
  --text-primary-c: var(--color-gray-800);
  --text-secondary-c: var(--color-gray-600);
  --text-success-c: var(--color-green-500);
  --text-ternary-c: var(--color-gray-400);
  --text-light-c: var(--light-c);
}

/* line 1, app/assets/stylesheets/main/colors/sidebar.css.scss */
:root {
  --sidebar-link-hover-c: var(--dark-c);
  --sidebar-link-active-c: var(--dark-c);
  --sidebar-section-bg: var(--color-gray-50);
}

/* line 1, app/assets/stylesheets/main/colors/header.css.scss */
:root {
  --header-bg-c: var(--color-gray-100);
  --header-link-active-bg-c: var(--light-c);
  --header-link-active-c: var(--dark-c);
  --header-link-hover-c: var(--color-gray-600);
  --header-link-indicator-bg-c: var(--color-gray-300);
  --header-link-active-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.06);
}

/* line 1, app/assets/stylesheets/main/colors/flash.css.scss */
:root {
  --flash-bg: var(--light-c);
  --flash-box-shadow: var(--box-shadow-md);
  --flash-primary-c: var(--color-gray-800);
  --flash-primary-icon-c: var(--color-gray-800);
  --flash-primary-border-c: var(--color-gray-100);
  --flash-icon-primary-bg: var(--color-gray-100);
  --flash-success-c: var(--color-gray-800);
  --flash-success-icon-c: var(--color-green-800);
  --flash-success-border-c: var(--color-green-800);
  --flash-icon-success-bg: var(--color-green-100);
  --flash-failure-c: var(--color-red-800);
  --flash-failure-icon-c: var(--color-red-800);
  --flash-failure-border-c: var(--color-red-800);
  --flash-icon-failure-bg: var(--color-red-200);
  --flash-warning-c: var(--color-orange-800);
  --flash-warning-icon-c: var(--color-orange-800);
  --flash-warning-border-c: var(--color-orange-800);
  --flash-icon-warning-bg: var(--color-orange-200);
}

/* line 1, app/assets/stylesheets/main/colors/modal.css.scss */
:root {
  --tab-link-white: var(--light-c);
  --main-black: var(--color-gray-800);
  --tab-link-gray: var(--color-gray-400);
  --tab-link-hover-black: var(--color-black);
  --modal-border: var(--color-gray-300);
  --modal-bg-gray: var(--color-gray-100);
  --modal-overlay-bg: rgba(0, 0, 0, 0.32);
  --modal-bg: var(--color-orange-75);
  --modal-sidebar-bg: var(--color-orange-50);
  --modal-border-c: var(--color-orange-100);
  --modal-light-bg: var(--light-c);
  --modal-warning-icon-c: var(--color-orange-900);
  --modal-delete-icon-c: var(--color-red-800);
}

/* line 1, app/assets/stylesheets/main/colors/avatar.css.scss */
:root {
  --avatar-bg-c: var(--color-gray-200);
  --avatar-c: var(--dark-c);
  --avatar-box-shadow-1: rgba(0, 0, 0, 0.16);
  --avatar-box-shadow-2: rgba(0, 0, 0, 0.13);
}

/* line 1, app/assets/stylesheets/main/colors/datepicker.css.scss */
:root {
  --datepicker-main: var(--color-gray-300);
  --datepicker-label: var(--color-gray-600);
  --datepicker-border: var(--color-gray-300);
}

/* line 1, app/assets/stylesheets/main/colors/user-avatar-list.css.scss */
:root {
  --user-avatar-list-border-c: var(--light-c);
}

/* line 1, app/assets/stylesheets/main/colors/user-avatar-dropdown.css.scss */
:root {
  --user-avatar-dropdown-trigger-hover-c: var(--color-yellow-800);
}

/* line 1, app/assets/stylesheets/main/colors/user-details-dropdown.css.scss */
:root {
  --user-details-dropdown-border-c: var(--color-orange-800);
}

/* line 1, app/assets/stylesheets/main/colors/user-accessibility.css.scss */
:root {
  --user-accessibility-bg-c: var(--color-gray-50);
  --user-accessibility-available-bg: var(--color-green-700);
  --user-accessibility-vacation-bg: var(--color-blue-600);
  --user-accessibility-day-off-bg: var(--color-pink-800);
  --user-accessibility-sick-bg: var(--color-pink-800);
  --user-accessibility-inactive-bg: var(--color-gray-800);
  --user-accessibility-external-bg: var(--color-blue-600);
  --user-accessibility-contractexpired-bg: var(--color-gray-800);
}

/* line 1, app/assets/stylesheets/main/colors/modal-tab-link.css.scss */
:root {
  --modal-tab-link-c: var(--dark-c);
  --modal-tab-link-hover-c: var(--color-gray-600);
  --modal-tab-link-bg: transparent;
  --modal-tab-link-hover-bg: transparent;
  --modal-tab-link-active-bg: var(--light-c);
}

/* line 1, app/assets/stylesheets/main/colors/tooltip.css.scss */
:root {
  --tooltip-c: var(--light-c);
  --tooltip-bg: var(--color-gray-800);
}

/* line 1, app/assets/stylesheets/main/colors/dropdown.css.scss */
:root {
  --dropdown-c: var(--color-gray-800);
  --dropdown-bg: var(--light-c);
  --dropdown-primary-hover-c: var(--color-gray-500);
  --dropdown-primary-hover-bg: var(--color-gray-100);
  --dropdown-separator-bg: var(--color-gray-200);
}

/* line 1, app/assets/stylesheets/main/colors/office-working-day.css.scss */
:root {
  --office-working-day-bg: var(--color-gray-100);
}

/* line 1, app/assets/stylesheets/main/colors/count-badge.css.scss */
:root {
  --count-badge-primary-c: var(--light-c);
  --count-badge-primary-bg: var(--color-gray-800);
  --count-badge-secondary-c: var(--color-gray-800);
  --count-badge-secondary-bg: var(--light-c);
}

/* line 1, app/assets/stylesheets/main/colors/badge.css.scss */
:root {
  --badge-primary-bg: var(--light-c);
  --badge-primary-border-c: var(--color-gray-100);
  --badge-secondary-bg: var(--color-gray-100);
  --badge-secondary-border-c: var(--color-gray-100);
  --badge-success-bg: transparent;
  --badge-success-border-c: rgb(var(--color-green-500-rgb), var(--patter-border-opacity));
}

/* line 1, app/assets/stylesheets/main/colors/leave-type.css.scss */
:root {
  --leave-type-primary-border-c: var(--pattern-primary-border-c);
  --leave-type-primary-bg: var(--gradient-primary);
  --leave-type-secondary-border-c: var(--pattern-danger-border-c);
  --leave-type-secondary-bg: var(--gradient-danger);
  --leave-type-footer-bg: var(--secondary-bg);
  --leave-type-footer-actions-bg: var(--color-gray-300);
}

/* line 1, app/assets/stylesheets/main/colors/tab.css.scss */
:root {
  --tab-primary-active-border-c: var(--color-gray-800);
  --tab-c: var(--color-gray-800);
  --tab-hover-c: var(--color-gray-600);
  --tab-disabled-c: var(--color-gray-400);
  --tab-secondary-active-bg: var(--light-c);
}

/* line 1, app/assets/stylesheets/main/colors/tab-list.css.scss */
:root {
  --tab-list-primary-border-c: var(--border-secondary-c);
  --tab-list-secondary-bg: var(--color-gray-100);
}

/* line 1, app/assets/stylesheets/main/colors/tab-radio.css.scss */
:root {
  --tab-radio-primary-active-border-c: var(--color-gray-800);
  --tab-radio-c: var(--color-gray-800);
  --tab-radio-hover-c: var(--color-gray-600);
  --tab-radio-disabled-c: var(--color-gray-400);
  --tab-radio-active-bg: var(--light-c);
  --tab-radio-active-dot-bg: var(--dark-c);
  --tab-radio-active-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.06);
}

/* line 1, app/assets/stylesheets/main/colors/nav-bar.css.scss */
:root {
  --nav-bar-bg: var(--color-gray-100);
}

/* line 1, app/assets/stylesheets/main/colors/table.css.scss */
:root {
  --table-c: var(--color-gray-800);
  --table-body-row-bg: var(--light-c);
  --table-body-row-border-c: var(--secondary-bg);
  --table-body-row-active-bg: var(--color-gray-100);
  --table-body-row-hover-bg: var(--color-yellow-50);
  --table-th-sort-hover-c: var(--color-gray-600);
  --table-borderable-border-c: var(--color-gray-300);
  --table-borderable-selected-border-c: var(--dark-c);
}

/* line 1, app/assets/stylesheets/main/colors/loader.css.scss */
:root {
  --loader-bg: var(--color-gray-800);
  --loader-light-bg: var(--light-c);
}

/* line 1, app/assets/stylesheets/main/colors/pagination.css.scss */
:root {
  --pagination-active-c: var(--color-gray-800);
  --pagination-c: var(--color-gray-750);
  --pagination-hover-c: var(--color-gray-500);
  --pagination-active-bg: var(--color-gray-200);
}

/* line 1, app/assets/stylesheets/main/colors/forms.css.scss */
:root {
  --input-c: var(--color-black);
  --input-placeholder-c: var(--color-gray-400);
  --input-border-c: var(--light-c);
  --input-shadow-outer-c: 0 4px 8px 0 rgba(0, 0, 0, 0.07);
  --input-shadow-c: 0 1px 0 0 rgba(0, 0, 0, 0.19);
  --input-dropdown-shadow-outer-c: 0 4px 8px 0 rgba(0, 0, 0, 0.07);
  --input-dropdown-shadow-c: 0 1px 0 0 rgba(0, 0, 0, 0.19);
  --input-icon-c: var(--color-gray-500);
  --input-bg: var(--light-c);
  --input-hover-border-c: var(--color-blue-800);
  --input-focus-border-c: var(--color-blue-800);
  --input-active-border-c: var(--color-blue-800);
  --input-icon-active-c: var(--color-blue-800);
  --input-checked-border-c: var(--color-gray-650);
  --input-hover-outline-c: var(--color-gray-200);
  --input-focus-outline-c: var(--color-blue-400);
  --input-checked-bg: var(--color-gray-800);
  --select-item-hover-bg: var(--color-gray-100);
  --select-item-not-selectable-c: var(--color-gray-300);
  --select-multi-item-bg: var(--color-gray-200);
  --input-error-border-c: var(--color-red-800);
  --input-error-hover-outline-c: var(--color-red-300);
  --input-error-focus-outline-c: var(--color-red-300);
  --input-icon-error-c: var(--color-red-800);
  --input-error-bg: var(--color-red-50);
  --input-checked-error-bg: var(--color-red-800);
  --input-warning-border-c: var(--color-yellow-500);
  --input-icon-warning-c: var(--color-yellow-500);
  --input-warning-bg: var(--color-yellow-50);
  --input-success-border-c: var(--color-green-600);
  --input-success-hover-outline-c: var(--color-green-300);
  --input-success-focus-outline-c: var(--color-green-300);
  --input-icon-success-c: var(--color-green-600);
  --input-success-bg: var(--color-green-50);
  --input-checked-success-bg: var(--color-green-600);
  --input-disabled-c: var(--color-gray-500);
  --input-placeholder-disabled-c: var(--color-gray-300);
  --input-disabled-border-c: var(--color-gray-200);
  --input-icon-disabled-c: var(--color-gray-300);
  --input-disabled-bg: var(--color-gray-50);
  --input-checked-disabled-bg: var(--color-gray-200);
  --input-label-c: var(--dark-c);
  --input-optional-label-c: var(--color-gray-400);
  --input-label-info-icon-c: var(--color-orange-400);
  --input-label-disabled-c: var(--color-gray-400);
  --input-optional-label-disabled-c: var(--color-gray-300);
  --input-label-info-icon-disabled-c: var(--color-gray-400);
  --input-hint-hover-c: var(--color-blue-800);
  --radio-inner-checked-bg: var(--light-c);
  --radio-inner-checked-disabled-bg: var(--color-gray-50);
  --error-description-c: var(--color-red-800);
  --input-description-c: var(--color-gray-675);
  --checkbox-plate-border-c: var(--color-orange-100);
  --checkbox-plate-checked-bg: var(--color-yellow-900);
  --radio-plate-text-c: var(--color-gray-675);
  --select-results-option-highlighted-bg: var(--color-gray-50);
  --select-results-option-highlighted-c: var(--color-gray-700);
  --select-results-option-disabled-c: var(--color-gray-200);
  --select-results-option-selected-bg: var(--color-gray-200);
  --select-results-option-selected-c: var(--color-gray-800);
  --switcher-off-bg: var(--color-gray-300);
  --switcher-on-bg: var(--light-c);
  --switcher-off-border: var(--color-gray-300);
  --switcher-on-border: var(--color-gray-800);
  --switcher-circle-off-bg: var(--light-c);
  --switcher-circle-on-bg: var(--color-gray-800);
  --switcher-off-c: var(--color-gray-800);
  --switcher-on-c: var(--color-gray-800);
  --switcher-disabled-bg: var(--color-gray-100);
  --switcher-circle-disabled-bg: var(--color-gray-200);
  --switcher-disabled-outline-c: var(--color-gray-200);
  --switcher-off-disabled-c: var(--color-gray-300);
  --switcher-on-disabled-c: var(--color-gray-400);
  --switcher-error-outline-c: var(--color-red-50);
  --switcher-birthday-off-bg: var(--color-gray-200);
  --switcher-birthday-on-bg: var(--color-red-300);
  --switcher-birthday-circle-bg: var(--color-red-700);
  --switcher-birthday-off-border: var(--switcher-birthday-off-bg);
  --switcher-birthday-on-border: var(--switcher-birthday-on-bg);
  --switcher-birthday-c: var(--light-c);
  --date-picker-bg: var(--light-c);
  --date-picker-today-c: var(--color-gray-400);
  --date-picker-today-border-c: var(--color-yellow-700);
  --date-picker-arrow-hover-c: var(--brand-secondary-c);
  --date-picker-day-hover-bg: var(--color-gray-100);
  --date-picker-day-selected-c: var(--light-c);
  --date-picker-day-selected-bg: var(--color-pink-750);
  --date-picker-day-selected-border-c: transparent;
  --date-picker-day-fg: var(--dark-c);
  --date-picker-next-day-fg: var(--color-gray-300);
  --date-picker-day-disabled-fg: var(--color-gray-100);
  --date-picker-week-c: var(--color-gray-500);
  --date-picker-input-hover-bg: var(--color-gray-100);
  --date-picker-input-border-c: var(--color-gray-300);
  --date-picker-arrow-bg: var(--color-gray-300);
  --date-picker-arrow-hover-bg: var(--color-gray-500);
  --date-picker-shadow: var(--input-shadow-c);
  --color-picker-hover-border-c: var(--input-hover-border-c);
  --color-picker-active-border-c: var(--dark-c);
}

/* line 1, app/assets/stylesheets/main/colors/page-search-textfield.css.scss */
:root {
  --page-search-textfield-bg: var(--color-gray-200);
}

/* line 1, app/assets/stylesheets/main/colors/page-filter-select.css.scss */
:root {
  --page-filter-select-bg: var(--color-gray-50);
}

/* line 1, app/assets/stylesheets/main/colors/forms-request.css.scss */
:root {
  --form-request-bg: var(--color-gray-100);
  --form-request-border-c: var(--border-secondary-c);
}

/* line 1, app/assets/stylesheets/main/colors/request-user-info.css.scss */
:root {
  --request-user-overlap-groups-bg: var(--color-gray-100);
  --request-user-overlap-event-border-bg: rgba(0, 0, 0, 0.05);
  --request-user-overlap-event-period-bg: var(--color-gray-800);
  --request-user-overlap-event-period-busy-bg: var(--color-red-600);
  --request-user-overlap-event-period-available-bg: var(--color-green-800);
  --request-user-overlap-event-period-partial-bg: var(--color-orange-800);
  --request-user-overlap-event-period-title-c: var(--color-gray-675);
}

/* line 1, app/assets/stylesheets/main/colors/request-user-overlap.css.scss */
:root {
  --request-user-info-bg: var(--color-gray-100);
  --request-user-info-border-c: var(--border-secondary-c);
}

/* line 1, app/assets/stylesheets/main/colors/burnout.css.scss */
:root {
  --burnout-success-c: #ABEF7E;
  --burnout-danger-c: #ED5565;
  --burnout-warning-c: #FF9900;
}

/* line 1, app/assets/stylesheets/main/colors/burnout-vacation-chart.css.scss */
:root {
  --burnout-vacation-chart-track-bg: var(--dark-c);
  --burnout-vacation-chart-track-icon-bg: var(--light-c);
  --burnout-vacation-chart-track-progress-bg: var(--light-c);
}

/* line 1, app/assets/stylesheets/main/colors/fullcalendar.css.scss */
:root {
  --fullcalendar-weekend-bg: var(--gradient-neutral);
  --fullcalendar-holiday-bg: var(--gradient-success);
  --fullcalendar-nonworkingday-bg: var(--gradient-danger);
  --fullcalendar-nonworkingday-border-c: var(--pattern-danger-bg);
  --fullcalendar-nonworkingday-pending-bg: var(--gradient-secondary);
  --fullcalendar-nonworkingday-pending-border-c: var(--pattern-secondary-bg);
  --fullcalendar-otherday-bg: transparent;
  --fullcalendar-vacation-bg: var(--gradient-primary);
  --fullcalendar-available-bg: var(--light-c);
  --fullcalendar-busy-bg: var(--color-gray-100);
  --fullcalendar-partial-bg:  var(--light-c);
  --fullcalendar-vacation-border-c: var(--pattern-primary-bg);
  --fullcalendar-event-border-c-hover: var(--color-gray-400);
  --fullcalendar-day-bg-c-hover: var(--color-yellow-50);
  --fullcalendar-vacation-pending-bg: var(--gradient-secondary);
  --fullcalendar-vacation-pending-border-c: var(--pattern-primary-bg);
  --fullcalendar-icon-nonworkingday-bg: var(--color-green-600);
  --fullcalendar-icon-nonworkingday-c: var(--color-pink-800);
  --fullcalendar-icon-nonworkingday-pending-c: var(--light-c);
  --fullcalendar-icon-available-c: var(--color-green-800);
  --fullcalendar-icon-busy-c: var(--color-red-600);
  --fullcalendar-icon-partial-c: var(--color-orange-800);
  --fullcalendar-icon-birthdate-bg: var(--color-red-700);
  --fullcalendar-event-nonworkingday-bg: var(--light-c);
  --fullcalendar-event-vacation-bg: var(--color-blue-600);
  --fullcalendar-event-vacation-pending-bg: var(--color-gray-600);
  --fullcalendar-event-nonworkingday-pending-bg: var(--color-gray-600);
  --fullcalendar-event-birthdate-bg: #fde9ec;
  --fullcalendar-event-birthdate-border-c: rgb(var(--color-red-700-rgb), 0.15);
  --fullcalendar-loader-bg: var(--light-c);
  --fullcalendar-highlight-c: rgba(55, 53, 47, 0.4);
  --fullcalendar-arrow-c: var(--color-gray-500);
  --fullcalendar-arrow-hover-c: var(--color-gray-600);
  --fullcalendar-today-bg: var(--color-yellow-700);
  --fullcalendar-today-other-bg: rgb(var(--color-yellow-800-rgb), 0.2);
  --fullcalendar-daygrid-more-link-border-c: transparent;
  --fullcalendar-daygrid-more-link-bg: var(--light-c);
}

/* line 1, app/assets/stylesheets/main/colors/calendar.css.scss */
:root {
  --calendar-fc-page-bg: var(--light-c);
  --calendar-daygrid-day-frame-bg: var(--color-gray-100);
  --calendar-otherday-bg: var(--color-gray-75);
  --calendar-today-bg: var(--color-yellow-100);
  --calendar-today-border-c: var(--color-gray-800);
  --calendar-today-day-number-bg: var(--color-yellow-700);
  --calendar-fc-button-bg: var(--color-gray-100);
  --calendar-fc-button-active-bg: var(--light-c);
  --calendar-fc-button-c: var(--color-gray-800);
  --calendar-fc-button-hover-c: var(--color-gray-600);
  --calendar-weekend-day-frame-bg: var(--light-c);
  --calendar-icon-c: var(--light-c);
  --calendar-loader-bg: var(--color-orange-800);
  --calendar-event-text-c: var(--color-gray-800);
}

/* line 1, app/assets/stylesheets/main/colors/calendar-one-day.css.scss */
:root {
  --calendar-one-day-bg: var(--color-gray-100);
  --calendar-one-day-pagination-button-bg: var(--light-c);
  --calendar-one-day-requests-pending-bg: var(--color-gray-200);
  --calendar-one-day-requests-item-bg: var(--light-c);
  --calendar-one-day-requests-item-border-pending-c: var(--color-orange-800);
  --calendar-one-day-requests-item-border-approved-c: var(--fullcalendar-event-vacation-bg);
  --calendar-one-day-requests-item-border-nonworkingday-c: var(--color-pink-700);
  --calendar-one-day-requests-item-border-holiday-c: var(--color-green-600);
  --calendar-one-day-requests-item-border-birthday-c: var(--color-red-300);
  --calendar-one-day-requests-item-loader-c: var(--color-orange-800);
  --calendar-one-day-requests-item-footer-border-c: var(--border-primary-c);
  --calendar-one-day-requests-item-pending-text-c: var(--color-pink-700);
  --calendar-one-day-pagination-today-bg: var(--calendar-today-day-number-bg);
}

/* line 1, app/assets/stylesheets/main/colors/progress-steps.css.scss */
:root {
  --progress-steps-bg: var(--color-gray-300);
  --progress-steps-active-bg: var(--color-gray-750);
}

/* root variables */
/* line 1, app/assets/stylesheets/main/variables/root.css.scss */
:root {
  --border-radius-none: 0;
  --border-radius-xs: 0.2rem;
  --border-radius-sm: 0.4rem;
  --border-radius-md: 0.6rem;
  --border-radius-lg: 0.8rem;
  --border-radius-xl: 1.2rem;
  --border-radius-2xl: 1.6rem;
  --border-radius-3xl: 2rem;
  --border-radius-4xl: 2.4rem;
  --border-radius-5xl: 3.2rem;
  --border-radius-full: 9999px;
  --font-size-micro: 0.8rem;
  --font-size-mini: 1rem;
  --font-size-xxs: 1.1rem;
  --font-size-xs: 1.2rem;
  --font-size-sm: 1.4rem;
  --font-size-base: 1.6rem;
  --font-size-lg: 1.8rem;
  --font-size-xl: 2rem;
  --font-size-2xl: 2.4rem;
  --font-size-3xl: 2.8rem;
  --font-size-4xl: 3.6rem;
  --font-size-5xl: 5.6rem;
  --font-family-primary: 'Inter', sans-serif;
  --font-family-secondary: 'namu1960', 'Inter', sans-serif;
  --font-family-tertiary: 'namupro', 'Inter', sans-serif;
  --font-family-quaternary: 'namu1750', 'Inter', sans-serif;
  --font-family-quinary: 'namu1930', 'Inter', sans-serif;
  --leading-none: 1;
  --leading-xxs: 1.2rem;
  --leading-xs: 1.3rem;
  --leading-sm: 1.5rem;
  --leading-base: 1.6rem;
  --leading-lg: 1.7rem;
  --leading-xl: 2rem;
  --leading-2xl: 2.5rem;
  --leading-3xl: 3.4rem;
  --leading-4xl: 4.3rem;
  --leading-5xl: 5.2rem;
  --leading-6xl: 6rem;
  --transition-colors: color, background-color, border-color, text-decoration-color, fill, stroke, box-shadow, outline;
  --transition-duration: 0.25s;
  --transition-duration-long: 0.4s;
  --box-shadow-none: 0 0 #0000;
  --box-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --box-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --box-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --box-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --box-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --box-shadow-inner: inset 0 1px 3px 0 rgb(0 0 0 / 0.05);
}

/* fonts styles */
@font-face {
  font-family: 'namupro';
  src: url(/assets/namu-pro-webfont-0ee0391ae41871ec5f7ec7b3fbd188cba0ac1ed62de8d82946abd9072cfd43e2.woff2) format("woff2"), url(/assets/namu-pro-webfont-c73a25faa0d6e3ed08d3d1d2f4b12ba0970a2ee17caf6916df893512f774f1d3.woff) format("woff");
  font-weight: 100;
  font-style: normal;
}

/* @font-face {
  font-family: 'namu1960_alt';
  src: url(/assets/namu-1960alt-webfont-4889f323c30befe62d2660b129d15bf12884cf46b8110c506d1f0a0721f44f44.woff2) format('woff2'), url(/assets/namu-1960alt-webfont-e51d54a64f89c61f84938443c474ea448972793e3c6e21585f4b18310595426f.woff) format('woff');
  font-weight: normal;
  font-style: normal;
} */
@font-face {
  font-family: 'namu1960';
  src: url(/assets/namu-1960-webfont-d5aa98e76722db9a2003ac635d33f1685251b0a0a3318b2a854086da1bd43864.woff2) format("woff2"), url(/assets/namu-1960-webfont-07ae92b6feeb37f720b2303ec6400a103016bcd4dfa0e7801d1dce4d151fb18f.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}

/* @font-face {
  font-family: 'namu1930_alt';
  src: url(/assets/namu-1930alt-webfont-600682771e809e27258837f19ff694c49e1501c0f251166889dcdcae122947e6.woff2) format('woff2'), url(/assets/namu-1930alt-webfont-f3764cba7fc7f210f7b7eb6004c35d83f72614d7258650cff0ed996d5da51d15.woff) format('woff');
  font-weight: normal;
  font-style: normal;
} */
@font-face {
  font-family: 'namu1930';
  src: url(/assets/namu-1930-webfont-1de678fc7890c79e47d1cf439b6ed27463a0d6800a3c2bcc63afdb49005bcbbf.woff2) format("woff2"), url(/assets/namu-1930-webfont-b5ae8d03c5b12d2ecf05908082b01dff46b79171f03d3b69e828416db4d058a9.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}

/* @font-face {
  font-family: 'namu1910_alt';
  src: url(/assets/namu-1910alt-webfont-2dccb3c39e098cb5e7c374df6af78a8a4828fc4a2cf8f1941bd25612704113cd.woff2) format('woff2'), url(/assets/namu-1910alt-webfont-e46531932d0153d7cedb76db7821325ce0d919126c9193fb7d6e16ebed36e200.woff) format('woff');
  font-weight: normal;
  font-style: normal;
} */
/* @font-face {
  font-family: 'namu1910';
  src: url(/assets/namu-1910-webfont-c67eb4094fda8232a05a537c3afbcd6d0a3a124d31769a7e85d6688192f8436e.woff2) format('woff2'), url(/assets/namu-1910-webfont-0538d3d953b462fbc87d9547520a817e5f5fe64ffe4ecf3bfa97fe0cceb1c521.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}

/* @font-face {
  font-family: 'namu1800';
  src: url(/assets/namu-1800-webfont-24f59ef6ac2939c8b9d8f95027dbaa38ad666fa768799d7f38fd9487fbc558a8.woff2) format('woff2'), url(/assets/namu-1800-webfont-c1b3f4eee596b2a0e7c3746bb330569a0f51ea0cc8235ac7f5457e7674988f75.woff) format('woff');
  font-weight: normal;
  font-style: normal;
} */
/* @font-face {
  font-family: 'namu1500';
  src: url(/assets/namu-1500_tmp-webfont-471471fd3214b548d85e9b7e35b26ed0ba7f79974fbbe0be3f2fdb782e25fd61.woff2) format('woff2'), url(/assets/namu-1500_tmp-webfont-d7bc9d606e46eda312f4ec9cc2abfebedddb6371c002a5f7418e40412a248c56.woff) format('woff');
  font-weight: normal;
  font-style: normal;
} */
@font-face {
  font-family: 'namu1750';
  src: url(/assets/namu-1750-webfont-30ea794f6b3edcd82e737dfe5827da27b5110ba9367d3bc12eb25d36c82ecd37.woff2) format("woff2"), url(/assets/namu-1750-webfont-50616ca3011f8e7a9c4edc6016edf45978c1335fed0510b3df83cc09d9bebb84.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}

/* base layout styles */
/* line 2, app/assets/stylesheets/main/layout/normalize.css.scss */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* line 7, app/assets/stylesheets/main/layout/normalize.css.scss */
body {
  margin: 0;
}

/* line 11, app/assets/stylesheets/main/layout/normalize.css.scss */
main {
  display: block;
}

/* line 15, app/assets/stylesheets/main/layout/normalize.css.scss */
h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

/* line 20, app/assets/stylesheets/main/layout/normalize.css.scss */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/* line 26, app/assets/stylesheets/main/layout/normalize.css.scss */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* line 31, app/assets/stylesheets/main/layout/normalize.css.scss */
a {
  background-color: transparent;
}

/* line 35, app/assets/stylesheets/main/layout/normalize.css.scss */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/* line 41, app/assets/stylesheets/main/layout/normalize.css.scss */
b,
strong {
  font-weight: bolder;
}

/* line 46, app/assets/stylesheets/main/layout/normalize.css.scss */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* line 53, app/assets/stylesheets/main/layout/normalize.css.scss */
small {
  font-size: 80%;
}

/* line 57, app/assets/stylesheets/main/layout/normalize.css.scss */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

/* line 65, app/assets/stylesheets/main/layout/normalize.css.scss */
sub {
  bottom: -0.25em;
}

/* line 69, app/assets/stylesheets/main/layout/normalize.css.scss */
sup {
  top: -0.5em;
}

/* line 73, app/assets/stylesheets/main/layout/normalize.css.scss */
img {
  border-style: none;
}

/* line 77, app/assets/stylesheets/main/layout/normalize.css.scss */
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  /* 2 */
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
}

/* line 88, app/assets/stylesheets/main/layout/normalize.css.scss */
button,
input {
  /* 1 */
  overflow: visible;
}

/* line 94, app/assets/stylesheets/main/layout/normalize.css.scss */
button,
select {
  /* 1 */
  text-transform: none;
}

/* line 100, app/assets/stylesheets/main/layout/normalize.css.scss */
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}

/* line 107, app/assets/stylesheets/main/layout/normalize.css.scss */
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/* line 115, app/assets/stylesheets/main/layout/normalize.css.scss */
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/* line 122, app/assets/stylesheets/main/layout/normalize.css.scss */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/* line 126, app/assets/stylesheets/main/layout/normalize.css.scss */
legend {
  box-sizing: border-box;
  /* 1 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  color: inherit;
  /* 2 */
  white-space: normal;
  /* 1 */
}

/* line 135, app/assets/stylesheets/main/layout/normalize.css.scss */
progress {
  vertical-align: baseline;
}

/* line 139, app/assets/stylesheets/main/layout/normalize.css.scss */
textarea {
  overflow: auto;
}

/* line 143, app/assets/stylesheets/main/layout/normalize.css.scss */
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}

/* line 148, app/assets/stylesheets/main/layout/normalize.css.scss */
[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/* line 153, app/assets/stylesheets/main/layout/normalize.css.scss */
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* line 157, app/assets/stylesheets/main/layout/normalize.css.scss */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* line 162, app/assets/stylesheets/main/layout/normalize.css.scss */
details {
  display: block;
}

/* line 166, app/assets/stylesheets/main/layout/normalize.css.scss */
summary {
  display: list-item;
}

/* line 170, app/assets/stylesheets/main/layout/normalize.css.scss */
template {
  display: none;
}

/* line 174, app/assets/stylesheets/main/layout/normalize.css.scss */
[hidden] {
  display: none;
}

/* line 1, app/assets/stylesheets/main/layout/base.css.scss */
:root {
  --scrollbar-width: 0.4rem;
  --scrollbar-height: 0.4rem;
}

/* line 6, app/assets/stylesheets/main/layout/base.css.scss */
*,
*:before,
*:after {
  box-sizing: inherit;
}

/* line 12, app/assets/stylesheets/main/layout/base.css.scss */
html {
  box-sizing: border-box;
  height: 100%;
  font-family: var(--font-family-primary);
  font-size: 10px;
}

/* line 19, app/assets/stylesheets/main/layout/base.css.scss */
html,
body {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}

/* line 26, app/assets/stylesheets/main/layout/base.css.scss */
body {
  min-height: 0;
  background: var(--primary-bg);
  color: var(--default-c);
  font-size: 1.4rem;
  line-height: 1.5;
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
  -moz-osx-font-smoothing: grayscale;
  -webkit-overflow-scrolling: touch;
  text-rendering: optimizelegibility;
}

@media (min-width: 1025px) {
  /* line 26, app/assets/stylesheets/main/layout/base.css.scss */
  body {
    overflow: hidden;
  }
}

@media (max-width: 1023px) {
  /* line 26, app/assets/stylesheets/main/layout/base.css.scss */
  body {
    padding-top: 4.8rem;
  }
}

/* line 49, app/assets/stylesheets/main/layout/base.css.scss */
body.is-modal-open {
  overflow: hidden;
}

/* line 54, app/assets/stylesheets/main/layout/base.css.scss */
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 60, app/assets/stylesheets/main/layout/base.css.scss */
button {
  padding: 0;
  border: none;
  background: transparent;
}

/* line 66, app/assets/stylesheets/main/layout/base.css.scss */
img,
picture,
svg,
video {
  display: block;
  max-width: 100%;
}

/* line 74, app/assets/stylesheets/main/layout/base.css.scss */
h1,
h2,
h3,
h4,
h5,
h6,
blockquote {
  text-wrap: balance;
}

/* line 85, app/assets/stylesheets/main/layout/base.css.scss */
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

/* line 101, app/assets/stylesheets/main/layout/base.css.scss */
p,
a {
  font-weight: 400;
  font-size: inherit;
  line-height: inherit;
}

/* line 108, app/assets/stylesheets/main/layout/base.css.scss */
a {
  color: inherit;
  text-decoration: none;
  transition: color var(--transition-duration);
}

@media (prefers-reduced-motion: reduce) {
  /* line 115, app/assets/stylesheets/main/layout/base.css.scss */
  * {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}

/* line 1, app/assets/stylesheets/main/layout/root.css.scss */
.root {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
}

/* line 8, app/assets/stylesheets/main/layout/root.css.scss */
.root__wrapper {
  display: flex;
  flex-grow: 1;
  min-height: 0;
}

/* line 14, app/assets/stylesheets/main/layout/root.css.scss */
.root__content {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  min-width: 0;
}

/* line 21, app/assets/stylesheets/main/layout/root.css.scss */
.root__main {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  position: relative;
}

@media (min-width: 1025px) {
  /* line 21, app/assets/stylesheets/main/layout/root.css.scss */
  .root__main {
    overflow-x: hidden;
    overflow-y: auto;
  }
}

/* line 1, app/assets/stylesheets/main/layout/scrollbar.css.scss */
.scrollbar::-webkit-scrollbar, .select2-container--form-select .select2-results > .select2-results__options::-webkit-scrollbar, body::-webkit-scrollbar {
  width: var(--scrollbar-width, 0.8rem);
  height: var(--scrollbar-height, 0.8rem);
}

/* line 5, app/assets/stylesheets/main/layout/scrollbar.css.scss */
.scrollbar::-webkit-scrollbar-button:end:increment, .select2-container--form-select .select2-results > .select2-results__options::-webkit-scrollbar-button:end:increment, body::-webkit-scrollbar-button:end:increment,
.scrollbar::-webkit-scrollbar-button:start:decrement,
.select2-container--form-select .select2-results > .select2-results__options::-webkit-scrollbar-button:start:decrement,
body::-webkit-scrollbar-button:start:decrement {
  display: none;
  background: transparent;
}

/* line 10, app/assets/stylesheets/main/layout/scrollbar.css.scss */
.scrollbar::-webkit-scrollbar-track-piece, .select2-container--form-select .select2-results > .select2-results__options::-webkit-scrollbar-track-piece, body::-webkit-scrollbar-track-piece {
  background: var(--scrollbar-track-bg);
}

/* line 13, app/assets/stylesheets/main/layout/scrollbar.css.scss */
.scrollbar::-webkit-scrollbar-track-piece:vertical:start, .select2-container--form-select .select2-results > .select2-results__options::-webkit-scrollbar-track-piece:vertical:start, body::-webkit-scrollbar-track-piece:vertical:start {
  border-radius: 0.8rem 0.8rem 0 0;
}

/* line 16, app/assets/stylesheets/main/layout/scrollbar.css.scss */
.scrollbar::-webkit-scrollbar-track-piece:vertical:end, .select2-container--form-select .select2-results > .select2-results__options::-webkit-scrollbar-track-piece:vertical:end, body::-webkit-scrollbar-track-piece:vertical:end {
  border-radius: 0 0 0.8rem 0.8rem;
}

/* line 19, app/assets/stylesheets/main/layout/scrollbar.css.scss */
.scrollbar::-webkit-scrollbar-track-piece:horizontal:start, .select2-container--form-select .select2-results > .select2-results__options::-webkit-scrollbar-track-piece:horizontal:start, body::-webkit-scrollbar-track-piece:horizontal:start {
  border-radius: 0.8rem 0 0 0.8rem;
}

/* line 22, app/assets/stylesheets/main/layout/scrollbar.css.scss */
.scrollbar::-webkit-scrollbar-track-piece:horizontal:end, .select2-container--form-select .select2-results > .select2-results__options::-webkit-scrollbar-track-piece:horizontal:end, body::-webkit-scrollbar-track-piece:horizontal:end {
  border-radius: 0 0.8rem 0.8rem 0;
}

/* line 25, app/assets/stylesheets/main/layout/scrollbar.css.scss */
.scrollbar::-webkit-scrollbar-thumb:horizontal, .select2-container--form-select .select2-results > .select2-results__options::-webkit-scrollbar-thumb:horizontal, body::-webkit-scrollbar-thumb:horizontal,
.scrollbar::-webkit-scrollbar-thumb:vertical,
.select2-container--form-select .select2-results > .select2-results__options::-webkit-scrollbar-thumb:vertical,
body::-webkit-scrollbar-thumb:vertical {
  display: block;
  height: 4.8rem;
  border-radius: 8px;
  background: var(--scrollbar-thumb-bg);
}

/* line 32, app/assets/stylesheets/main/layout/scrollbar.css.scss */
.scrollbar::-webkit-scrollbar-corner, .select2-container--form-select .select2-results > .select2-results__options::-webkit-scrollbar-corner, body::-webkit-scrollbar-corner {
  background: transparent;
}

/* line 1, app/assets/stylesheets/login/layout/base.css.scss */
body {
  background-color: #f3ede5;
}

/* line 5, app/assets/stylesheets/login/layout/base.css.scss */
h1 {
  font-family: var(--font-family-secondary);
}

/* import vendors libs */
/* line 17, app/assets/stylesheets/main/vendor/tippy/animations/shift-toward.css.scss */
.tippy-box[data-animation='shift-toward'][data-state='hidden'] {
  opacity: 0;
}

/* line 21, app/assets/stylesheets/main/vendor/tippy/animations/shift-toward.css.scss */
.tippy-box[data-animation='shift-toward'][data-state='hidden'][data-placement^='top'] {
  transform: translateY(-2px);
}

/* line 21, app/assets/stylesheets/main/vendor/tippy/animations/shift-toward.css.scss */
.tippy-box[data-animation='shift-toward'][data-state='hidden'][data-placement^='bottom'] {
  transform: translateY(2px);
}

/* line 21, app/assets/stylesheets/main/vendor/tippy/animations/shift-toward.css.scss */
.tippy-box[data-animation='shift-toward'][data-state='hidden'][data-placement^='left'] {
  transform: translateX(-2px);
}

/* line 21, app/assets/stylesheets/main/vendor/tippy/animations/shift-toward.css.scss */
.tippy-box[data-animation='shift-toward'][data-state='hidden'][data-placement^='right'] {
  transform: translateX(2px);
}

/* line 6, app/assets/stylesheets/main/vendor/tippy/index.css.scss */
[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

/* line 10, app/assets/stylesheets/main/vendor/tippy/index.css.scss */
.tippy-box {
  position: relative;
  border-radius: var(--border-radius-sm);
  background-color: var(--tooltip-bg);
  outline: 0;
  color: var(--tooltip-c);
  font-size: var(--font-size-xxs);
  line-height: var(--font-size-sm);
  white-space: initial;
  transition-property: transform, visibility, opacity;
}

/* line 21, app/assets/stylesheets/main/vendor/tippy/index.css.scss */
.tippy-box[data-placement^='top'] > .tippy-arrow {
  bottom: 0;
}

/* line 24, app/assets/stylesheets/main/vendor/tippy/index.css.scss */
.tippy-box[data-placement^='top'] > .tippy-arrow::before {
  bottom: -5px;
  left: 0;
  border-width: 6px 6px 0;
  border-top-color: initial;
  transform-origin: center top;
}

/* line 33, app/assets/stylesheets/main/vendor/tippy/index.css.scss */
.tippy-box[data-placement^='bottom'] > .tippy-arrow {
  top: 0;
}

/* line 36, app/assets/stylesheets/main/vendor/tippy/index.css.scss */
.tippy-box[data-placement^='bottom'] > .tippy-arrow::before {
  top: -5px;
  left: 0;
  border-width: 0 6px 6px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}

/* line 45, app/assets/stylesheets/main/vendor/tippy/index.css.scss */
.tippy-box[data-placement^='left'] > .tippy-arrow {
  right: 0;
}

/* line 48, app/assets/stylesheets/main/vendor/tippy/index.css.scss */
.tippy-box[data-placement^='left'] > .tippy-arrow::before {
  right: -5px;
  border-width: 6px 0 6px 6px;
  border-left-color: initial;
  transform-origin: center left;
}

/* line 56, app/assets/stylesheets/main/vendor/tippy/index.css.scss */
.tippy-box[data-placement^='right'] > .tippy-arrow {
  left: 0;
}

/* line 59, app/assets/stylesheets/main/vendor/tippy/index.css.scss */
.tippy-box[data-placement^='right'] > .tippy-arrow::before {
  left: -5px;
  border-width: 6px 6px 6px 0;
  border-right-color: initial;
  transform-origin: center right;
}

/* line 67, app/assets/stylesheets/main/vendor/tippy/index.css.scss */
.tippy-box[data-inertia][data-state='visible'] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

/* line 73, app/assets/stylesheets/main/vendor/tippy/index.css.scss */
.tippy-arrow {
  width: 14px;
  height: 14px;
  color: var(--tooltip-bg);
}

/* line 79, app/assets/stylesheets/main/vendor/tippy/index.css.scss */
.tippy-arrow::before {
  content: '';
  position: absolute;
  border-style: solid;
  border-color: transparent;
}

/* line 87, app/assets/stylesheets/main/vendor/tippy/index.css.scss */
.tippy-content {
  padding: 0.4rem 0.8rem;
  position: relative;
  z-index: 1;
}

/* line 92, app/assets/stylesheets/main/vendor/tippy/index.css.scss */
.tippy-content ol {
  padding-left: 2rem;
}

/* line 6, app/assets/stylesheets/main/vendor/tippy/themes/dropdown.css.scss */
.tippy-box[data-theme~='dropdown'] {
  border-radius: var(--border-radius-lg);
  background-color: var(--dropdown-bg);
  box-shadow: var(--box-shadow);
  color: var(--dropdown-c);
}

/* line 12, app/assets/stylesheets/main/vendor/tippy/themes/dropdown.css.scss */
.tippy-box[data-theme~='dropdown'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: var(--dropdown-bg);
}

/* line 16, app/assets/stylesheets/main/vendor/tippy/themes/dropdown.css.scss */
.tippy-box[data-theme~='dropdown'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: var(--dropdown-bg);
}

/* line 20, app/assets/stylesheets/main/vendor/tippy/themes/dropdown.css.scss */
.tippy-box[data-theme~='dropdown'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color: var(--dropdown-bg);
}

/* line 24, app/assets/stylesheets/main/vendor/tippy/themes/dropdown.css.scss */
.tippy-box[data-theme~='dropdown'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color: var(--dropdown-bg);
}

/* line 28, app/assets/stylesheets/main/vendor/tippy/themes/dropdown.css.scss */
.tippy-box[data-theme~='dropdown'] > .tippy-backdrop {
  background-color: var(--dropdown-bg);
}

/* line 32, app/assets/stylesheets/main/vendor/tippy/themes/dropdown.css.scss */
.tippy-box[data-theme~='dropdown'] > .tippy-svg-arrow {
  fill: var(--dropdown-bg);
}

/* line 36, app/assets/stylesheets/main/vendor/tippy/themes/dropdown.css.scss */
.tippy-box[data-theme~='dropdown'] > .tippy-content {
  min-width: 13rem;
  padding: 0;
}

/* line 1, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-calendar {
  --_date-border-radius: 1rem;
  --_date-padding: 1rem;
  --_date-bg: var(--date-picker-bg);
  --_date-today-c: var(--date-picker-today-c);
  --_date-today-border-c: var(--date-picker-today-border-c);
  --_date-arrow-hover-c: var(--date-picker-arrow-hover-c);
  --_date-day-hover-bg: var(--date-picker-day-hover-bg);
  --_date-day-width: var(--date-picker-day-width, auto);
  --_date-day-height: var(--date-picker-day-height, 2.8rem);
  --_date-day-margin: 0.2rem;
  --_date-day-padding: calc(var(--_date-day-width) / 16);
  --_date-days-width: var(--_date-day-width);
  --_date-day-selected-c: var(--date-picker-day-selected-c);
  --_date-day-selected-bg: var(--date-picker-day-selected-bg);
  --_date-day-selected-border-c: var(--date-picker-day-selected-border-c);
  --_date-day-fg: var(--date-picker-day-fg);
  --_date-next-day-fg: var(--date-picker-next-day-fg);
  --_date-day-disabled-fg: var(--date-picker-day-disabled-fg);
  --_date-font-size: var(--font-size-xs);
  --_date-day-font-weight: 500;
  --_date-week-font-weight: 500;
  --_date-week-c: var(--date-picker-week-c);
  --_date-time-font-weight: 500;
  --_date-input-hover-bg: var(--date-picker-input-hover-bg);
  --_date-input-border-c: var(--date-picker-input-border-c);
  --_date-arrow-bg: var(--date-picker-arrow-bg);
  --_date-arrow-hover-bg: var(--date-picker-arrow-hover-bg);
  box-sizing: border-box;
  display: none;
  width: calc(var(--_date-days-width) + var(--_date-padding) * 2);
  max-width: var(--date-picker-max-width, 30rem);
  padding: var(--_date-padding);
  position: absolute;
  border: 0;
  border-radius: var(--border-radius-xl);
  background: var(--_date-bg);
  box-shadow: var(--date-picker-shadow);
  font-size: var(--_date-font-size);
  direction: ltr;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
  animation: none;
  touch-action: manipulation;
}

@media (max-width: 639px) {
  /* line 1, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
  .flatpickr-calendar {
    max-width: var(--date-picker-max-width, 100%);
  }
}

/* line 54, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  max-height: 640px;
  opacity: 1;
  visibility: visible;
}

/* line 60, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

/* line 64, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-calendar.animate.open {
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

/* line 67, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 0;
}

/* line 72, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-calendar.static {
  --date-picker-day-width: 100%;
  width: 100%;
  position: absolute;
  top: calc(100% + 2px);
}

/* line 78, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-calendar.static .flatpickr-innerContainer {
  width: 100%;
}

/* line 81, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-calendar.static .flatpickr-rContainer {
  width: 100%;
}

/* line 84, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-calendar.static.open {
  display: block;
  z-index: 999;
}

/* line 88, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n + 1) .flatpickr-day.inRange:nth-child(7n + 7) {
  box-shadow: none !important;
}

/* line 91, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n + 2) .flatpickr-day.inRange:nth-child(7n + 1) {
  box-shadow: -2px 0 0 var(--_date-day-hover-bg), 5px 0 0 var(--_date-day-hover-bg);
}

/* line 94, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 100, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

/* line 103, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid var(--_date-day-hover-bg);
}

/* line 107, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

/* line 110, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 22px;
  border: solid transparent;
  pointer-events: none;
}

/* line 121, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  right: 22px;
  left: auto;
}

/* line 128, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  right: 50%;
  left: 50%;
}

/* line 133, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-calendar:before {
  margin: 0 -5px;
  border-width: 5px;
}

/* line 137, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-calendar:after {
  margin: 0 -4px;
  border-width: 4px;
}

/* line 141, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  display: none;
}

/* line 147, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

/* line 151, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: var(--_date-day-hover-bg);
}

/* line 154, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: var(--_date-bg);
}

/* line 157, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

/* line 161, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-calendar.arrowBottom:before {
  border-top-color: var(--_date-day-hover-bg);
}

/* line 164, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-calendar.arrowBottom:after {
  border-top-color: var(--_date-bg);
}

/* line 167, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-calendar:focus {
  outline: 0;
}

/* line 170, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-wrapper {
  display: inline-block;
  position: relative;
}

/* line 174, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-wrapper .tippy-box {
  border-radius: var(--border-radius-2xl);
  background-color: transparent;
}

/* line 179, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-months {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  justify-content: center;
}

/* line 185, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-months--hidden {
  display: none;
}

/* line 189, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-months .flatpickr-month {
  flex: 1;
  height: 34px;
  position: relative;
  background: transparent;
  overflow: hidden;
  color: var(--_date-day-fg);
  line-height: 1;
  text-align: center;
  user-select: none;
  fill: var(--_date-day-fg);
}

/* line 201, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.8rem;
  height: 2.8rem;
  position: absolute;
  top: 1.3rem;
  z-index: 3;
  border: 1px solid var(--datepicker-border);
  border-radius: var(--_date-border-radius);
  color: var(--_date-day-fg);
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  fill: var(--_date-day-fg);
}

/* line 219, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}

/* line 223, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}

/* line 227, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  left: 1rem;
}

/* line 232, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  right: 1rem;
}

/* line 237, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: var(--_date-today-c);
}

/* line 241, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-months .flatpickr-prev-month:hover svg path,
.flatpickr-months .flatpickr-next-month:hover svg path {
  fill: var(--_date-arrow-hover-c);
}

/* line 245, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 18px;
  height: 12px;
}

/* line 250, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  transition: fill 0.1s;
  fill: var(--_date-day-fg);
}

/* line 255, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.numInputWrapper {
  height: auto;
  position: relative;
}

/* line 259, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}

/* line 263, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.numInputWrapper input {
  width: 100%;
}

/* line 266, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.numInputWrapper input::-ms-clear {
  display: none;
}

/* line 269, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

/* line 274, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.numInputWrapper span {
  box-sizing: border-box;
  width: 14px;
  height: 1.4rem;
  padding: 0 4px 0 2px;
  position: absolute;
  right: 0;
  border-top: 1px solid var(--_date-input-border-c);
  border-bottom: 1px solid var(--_date-input-border-c);
  border-left: 1px solid var(--_date-input-border-c);
  line-height: 50%;
  cursor: pointer;
  opacity: 0;
}

/* line 288, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.numInputWrapper span:hover {
  background: var(--_date-arrow-bg);
}

/* line 291, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.numInputWrapper span:active {
  background: var(--_date-arrow-hover-bg);
}

/* line 294, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.numInputWrapper span:after {
  content: '';
  display: block;
  position: absolute;
}

/* line 299, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.numInputWrapper span.arrowUp {
  top: 0;
  border-top: 0;
  border-bottom: 0;
}

/* line 304, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.numInputWrapper span.arrowUp:after {
  top: 26%;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  border-left: 4px solid transparent;
}

/* line 310, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.numInputWrapper span.arrowDown {
  top: calc(50% - 1px);
  border-bottom: 0;
}

/* line 314, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.numInputWrapper span.arrowDown:after {
  top: 40%;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

/* line 320, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

/* line 324, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}

/* line 330, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.numInputWrapper:hover span {
  opacity: 1;
}

/* line 333, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-current-month {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  justify-content: center;
  width: 75%;
  height: 34px;
  padding: 0;
  position: absolute;
  left: 12.5%;
  color: inherit;
  font-weight: var(--font-weight-light);
  font-size: 100%;
  line-height: inherit;
  line-height: 1;
  text-align: center;
  transform: translate3d(0px, 0px, 0px);
}

/* line 351, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-current-month span.cur-month {
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
  color: inherit;
  font-weight: var(--_date-week-font-weight);
  font-family: inherit;
}

/* line 359, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

/* line 362, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-current-month .numInputWrapper {
  display: inline-block;
  width: 7rem;
  height: 2.8rem;
  border: 1px solid var(--datepicker-border);
  border-radius: var(--_date-border-radius);
}

/* line 369, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: var(--_date-day-fg);
}

/* line 372, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: var(--_date-day-fg);
}

/* line 375, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-current-month input.cur-year {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: initial;
  height: auto;
  margin: 0;
  padding: 0.4rem 1rem;
  appearance: textfield;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font-weight: var(--_date-day-font-weight);
  font-weight: 400;
  font-size: var(--font-size-base);
  line-height: var(--leading-xl);
  cursor: text;
}

/* line 393, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

/* line 396, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  background: transparent;
  color: rgba(0, 0, 0, 0.5);
  font-size: 100%;
  pointer-events: none;
}

/* line 403, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-current-month .flatpickr-monthDropdown-months {
  box-sizing: border-box;
  vertical-align: initial;
  width: auto;
  height: auto;
  height: 2.8rem;
  padding: 0;
  padding: 0rem 1rem;
  position: relative;
  appearance: menulist;
  border: none;
  border: 1px solid var(--datepicker-border);
  border-radius: var(--_date-border-radius);
  background: transparent;
  outline: none;
  color: inherit;
  font-weight: 400;
  font-family: inherit;
  font-size: var(--font-size-base);
  line-height: var(--leading-xl);
  cursor: pointer;
}

/* line 425, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}

/* line 432, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  padding: 0;
  background-color: transparent;
  outline: none;
}

/* line 437, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-weekdays {
  display: flex;
  align-items: center;
  width: 100%;
  height: 28px;
  background: transparent;
  overflow: hidden;
  text-align: center;
}

/* line 446, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: flex;
  flex: 1;
}

/* line 450, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
span.flatpickr-weekday {
  display: block;
  flex: 1;
  margin: 0;
  background: transparent;
  color: var(--_date-week-c);
  font-weight: 400;
  font-size: var(--font-size-xxs);
  line-height: 1;
  text-align: center;
  cursor: default;
}

/* line 462, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}

/* line 466, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-days {
  display: flex;
  align-items: flex-start;
  width: var(--_date-days-width);
  position: relative;
  overflow: hidden;
}

/* line 473, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-days:focus {
  outline: 0;
}

/* line 476, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.dayContainer {
  box-sizing: border-box;
  display: inline-block;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: var(--_date-days-width);
  min-width: var(--_date-days-width);
  max-width: var(--_date-days-width);
  padding: 0;
  outline: 0;
  text-align: left;
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}

/* line 491, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.dayContainer + .dayContainer {
  box-shadow: -1px 0 0 var(--_date-day-hover-bg);
}

/* line 494, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-day {
  box-sizing: border-box;
  display: inline-block;
  flex-basis: 14.2857143%;
  justify-content: center;
  width: 14.2857143%;
  max-width: var(--_date-day-width);
  height: var(--_date-day-height);
  margin: 0 0px 2px 0;
  position: relative;
  border: 1px solid transparent;
  border-radius: var(--_date-border-radius);
  background: none;
  color: var(--_date-day-fg);
  font-weight: var(--_date-day-font-weight);
  font-size: var(--font-size-xxs);
  line-height: var(--_date-day-height);
  text-align: center;
  cursor: pointer;
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 516, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  border-color: var(--_date-day-hover-bg);
  background: var(--_date-day-hover-bg);
  outline: 0;
  cursor: pointer;
}

/* line 533, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-day.today {
  border-color: var(--_date-today-border-c);
}

/* line 536, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: var(--_date-today-border-c);
  background: var(--_date-today-c);
  color: var(--_date-day-selected-c);
}

/* line 542, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  border-color: var(--_date-day-selected-border-c);
  background: var(--_date-day-selected-bg);
  box-shadow: none;
  color: var(--_date-day-selected-c);
}

/* line 565, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: var(--_date-border-radius) 0 0 var(--_date-border-radius);
}

/* line 570, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 var(--_date-border-radius) var(--_date-border-radius) 0;
}

/* line 575, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
  box-shadow: -10px 0 0 var(--_date-day-selected-bg);
}

/* line 580, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: var(--_date-border-radius);
}

/* line 585, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-day.inRange {
  border-radius: 0;
  box-shadow: -5px 0 0 var(--_date-day-hover-bg), 5px 0 0 var(--_date-day-hover-bg);
}

/* line 589, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  border-color: transparent;
  background: transparent;
  color: var(--_date-next-day-fg);
  cursor: default;
}

/* line 601, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  color: var(--_date-day-disabled-fg);
  cursor: not-allowed;
}

/* line 606, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-day.week.selected {
  border-radius: 0;
  box-shadow: -5px 0 0 var(--_date-day-selected-bg), 5px 0 0 var(--_date-day-selected-bg);
}

/* line 610, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-day.hidden {
  visibility: hidden;
}

/* line 613, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.rangeMode .flatpickr-day {
  margin-top: 1px;
}

/* line 616, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-weekwrapper {
  float: left;
}

/* line 619, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  box-shadow: 1px 0 0 var(--_date-day-hover-bg);
}

/* line 623, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-weekwrapper .flatpickr-weekday {
  width: 100%;
  float: none;
  line-height: 28px;
}

/* line 628, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  border: none;
  background: transparent;
  color: var(--_date-next-day-fg);
  cursor: default;
}

/* line 638, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-innerContainer {
  box-sizing: border-box;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* line 646, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-rContainer {
  box-sizing: border-box;
  display: inline-block;
  padding: 0;
}

/* line 651, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-time {
  box-sizing: border-box;
  display: block;
  display: flex;
  height: 0;
  max-height: 40px;
  overflow: hidden;
  outline: 0;
  line-height: 40px;
  text-align: center;
}

/* line 662, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-time:after {
  content: '';
  display: table;
  clear: both;
}

/* line 667, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-time .numInputWrapper {
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}

/* line 673, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: var(--_date-day-fg);
}

/* line 676, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: var(--_date-day-fg);
}

/* line 679, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

/* line 682, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

/* line 685, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-time input {
  box-sizing: border-box;
  height: inherit;
  margin: 0;
  padding: 0;
  position: relative;
  appearance: textfield;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--_date-day-fg);
  font-size: 14px;
  line-height: inherit;
  text-align: center;
}

/* line 701, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

/* line 704, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: var(--_date-time-font-weight);
}

/* line 708, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-time input:focus {
  border: 0;
  outline: 0;
}

/* line 712, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  align-self: center;
  width: 2%;
  height: inherit;
  float: left;
  color: var(--_date-day-fg);
  font-weight: bold;
  line-height: inherit;
  user-select: none;
}

/* line 723, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-time .flatpickr-am-pm {
  width: 18%;
  outline: 0;
  font-weight: var(--_date-time-font-weight);
  text-align: center;
  cursor: pointer;
}

/* line 730, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: var(--_date-input-hover-bg);
}

/* line 736, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-input[readonly] {
  cursor: pointer;
}

/* line 739, app/assets/stylesheets/main/vendor/flatpickr/flatpickr.css.scss */
.flatpickr-input:disabled {
  cursor: not-allowed;
}

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* line 1, app/assets/stylesheets/main/vendor/select2/select2.css.scss */
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

/* line 1, app/assets/stylesheets/main/vendor/select2/_single.css.scss */
.select2-container .select2-selection--single {
  box-sizing: border-box;
  display: block;
  height: var(--_select-height);
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}

/* line 12, app/assets/stylesheets/main/vendor/select2/_single.css.scss */
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-right: 3.6rem;
  padding-left: 1.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 22, app/assets/stylesheets/main/vendor/select2/_single.css.scss */
.select2-container .select2-selection--single .select2-selection__clear {
  border: none;
  background-color: transparent;
}

/* line 30, app/assets/stylesheets/main/vendor/select2/_single.css.scss */
.select2-container[dir='rtl'] .select2-selection--single .select2-selection__rendered {
  padding-right: 1.6rem;
  padding-left: 3.6rem;
}

/* line 1, app/assets/stylesheets/main/vendor/select2/_multiple.css.scss */
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  display: block;
  min-height: var(--_select-height);
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}

/* line 12, app/assets/stylesheets/main/vendor/select2/_multiple.css.scss */
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  padding: 0;
  list-style: none;
}

/* line 18, app/assets/stylesheets/main/vendor/select2/_multiple.css.scss */
.select2-container .select2-selection--multiple .select2-selection__clear {
  border: none;
  background-color: transparent;
}

/* line 25, app/assets/stylesheets/main/vendor/select2/_multiple.css.scss */
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  vertical-align: bottom;
  max-width: 100%;
  height: 2.4rem;
  margin-top: 1.4rem;
  margin-left: 1.6rem;
  padding: 0;
  border: none;
  overflow: hidden;
  font-family: sans-serif;
  font-size: 100%;
  font-size: var(--font-size-base);
  word-break: keep-all;
  resize: none;
}

/* line 41, app/assets/stylesheets/main/vendor/select2/_multiple.css.scss */
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/* line 45, app/assets/stylesheets/main/vendor/select2/_multiple.css.scss */
.select2-container .select2-search--inline .select2-search__field::placeholder {
  color: var(--input-placeholder-c);
}

/* line 1, app/assets/stylesheets/main/vendor/select2/_dropdown.css.scss */
.select2-dropdown {
  box-sizing: border-box;
  display: block;
  width: 100%;
  position: absolute;
  left: -100000px;
  z-index: 9999;
  border-radius: var(--border-radius-xl);
  background-color: var(--input-bg);
  box-shadow: var(--input-dropdown-shadow-outer-c);
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 15, app/assets/stylesheets/main/vendor/select2/_dropdown.css.scss */
.select2-results {
  display: block;
  border: none;
  border-radius: var(--border-radius-xl);
  box-shadow: var(--input-dropdown-shadow-c);
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 24, app/assets/stylesheets/main/vendor/select2/_dropdown.css.scss */
.select2-results__options {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 30, app/assets/stylesheets/main/vendor/select2/_dropdown.css.scss */
.select2-results__option {
  padding: 0.8rem 1.6rem;
  font-size: var(--font-size-sm);
  line-height: var(--leading-xl);
  user-select: none;
  -webkit-user-select: none;
}

/* line 39, app/assets/stylesheets/main/vendor/select2/_dropdown.css.scss */
.select2-results__option--selectable {
  cursor: pointer;
}

/* line 43, app/assets/stylesheets/main/vendor/select2/_dropdown.css.scss */
.select2-container--open .select2-dropdown {
  left: 0;
}

/* line 59, app/assets/stylesheets/main/vendor/select2/_dropdown.css.scss */
.select2-search--dropdown {
  display: block;
  padding: 4px;
}

/* line 63, app/assets/stylesheets/main/vendor/select2/_dropdown.css.scss */
.select2-search--dropdown .select2-search__field {
  box-sizing: border-box;
  width: 100%;
  padding: 4px;
}

/* line 68, app/assets/stylesheets/main/vendor/select2/_dropdown.css.scss */
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/* line 73, app/assets/stylesheets/main/vendor/select2/_dropdown.css.scss */
.select2-search--dropdown.select2-search--hide {
  display: none;
}

/* line 15, app/assets/stylesheets/main/vendor/select2/select2.css.scss */
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

/* line 36, app/assets/stylesheets/main/vendor/select2/select2.css.scss */
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/* line 1, app/assets/stylesheets/main/vendor/select2/theme/default/_single.css.scss */
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

/* line 6, app/assets/stylesheets/main/vendor/select2/theme/default/_single.css.scss */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

/* line 11, app/assets/stylesheets/main/vendor/select2/theme/default/_single.css.scss */
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}

/* line 20, app/assets/stylesheets/main/vendor/select2/theme/default/_single.css.scss */
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

/* line 24, app/assets/stylesheets/main/vendor/select2/theme/default/_single.css.scss */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

/* line 34, app/assets/stylesheets/main/vendor/select2/theme/default/_single.css.scss */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

/* line 55, app/assets/stylesheets/main/vendor/select2/theme/default/_single.css.scss */
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

/* line 59, app/assets/stylesheets/main/vendor/select2/theme/default/_single.css.scss */
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

/* line 67, app/assets/stylesheets/main/vendor/select2/theme/default/_single.css.scss */
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

/* line 71, app/assets/stylesheets/main/vendor/select2/theme/default/_single.css.scss */
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

/* line 80, app/assets/stylesheets/main/vendor/select2/theme/default/_single.css.scss */
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

/* line 1, app/assets/stylesheets/main/vendor/select2/theme/default/_multiple.css.scss */
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}

/* line 10, app/assets/stylesheets/main/vendor/select2/theme/default/_multiple.css.scss */
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}

/* line 14, app/assets/stylesheets/main/vendor/select2/theme/default/_multiple.css.scss */
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}

/* line 31, app/assets/stylesheets/main/vendor/select2/theme/default/_multiple.css.scss */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}

/* line 52, app/assets/stylesheets/main/vendor/select2/theme/default/_multiple.css.scss */
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

/* line 59, app/assets/stylesheets/main/vendor/select2/theme/default/_multiple.css.scss */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}

/* line 78, app/assets/stylesheets/main/vendor/select2/theme/default/_multiple.css.scss */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}

/* line 88, app/assets/stylesheets/main/vendor/select2/theme/default/_multiple.css.scss */
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

/* line 93, app/assets/stylesheets/main/vendor/select2/theme/default/_multiple.css.scss */
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

/* line 98, app/assets/stylesheets/main/vendor/select2/theme/default/_multiple.css.scss */
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* line 107, app/assets/stylesheets/main/vendor/select2/theme/default/_multiple.css.scss */
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}

/* line 116, app/assets/stylesheets/main/vendor/select2/theme/default/_multiple.css.scss */
.select2-container--default.select2-container--focus .select2-selection--multiple {
  outline: 0;
}

/* line 123, app/assets/stylesheets/main/vendor/select2/theme/default/_multiple.css.scss */
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

/* line 128, app/assets/stylesheets/main/vendor/select2/theme/default/_multiple.css.scss */
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

/* line 20, app/assets/stylesheets/main/vendor/select2/theme/default/layout.css.scss */
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

/* line 26, app/assets/stylesheets/main/vendor/select2/theme/default/layout.css.scss */
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

/* line 35, app/assets/stylesheets/main/vendor/select2/theme/default/layout.css.scss */
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

/* line 41, app/assets/stylesheets/main/vendor/select2/theme/default/layout.css.scss */
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

/* line 44, app/assets/stylesheets/main/vendor/select2/theme/default/layout.css.scss */
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

/* line 48, app/assets/stylesheets/main/vendor/select2/theme/default/layout.css.scss */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

/* line 52, app/assets/stylesheets/main/vendor/select2/theme/default/layout.css.scss */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

/* line 56, app/assets/stylesheets/main/vendor/select2/theme/default/layout.css.scss */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

/* line 60, app/assets/stylesheets/main/vendor/select2/theme/default/layout.css.scss */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

/* line 64, app/assets/stylesheets/main/vendor/select2/theme/default/layout.css.scss */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

/* line 75, app/assets/stylesheets/main/vendor/select2/theme/default/layout.css.scss */
.select2-container--default .select2-results__option--group {
  padding: 0;
}

/* line 79, app/assets/stylesheets/main/vendor/select2/theme/default/layout.css.scss */
.select2-container--default .select2-results__option--disabled {
  color: #999;
}

/* line 83, app/assets/stylesheets/main/vendor/select2/theme/default/layout.css.scss */
.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}

/* line 87, app/assets/stylesheets/main/vendor/select2/theme/default/layout.css.scss */
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}

/* line 92, app/assets/stylesheets/main/vendor/select2/theme/default/layout.css.scss */
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

/* base elements styles */
/* line 1, app/assets/stylesheets/main/elements/data-display/user-avatar.css.scss */
.user-avatar {
  --_user-avatar-size: var(--user-avatar-size, 2.4rem);
  --_user-avatar-border: var(--user-avatar-border, none);
  display: inline-flex;
  flex-shrink: 0;
  width: var(--_user-avatar-size);
  height: var(--_user-avatar-size);
  border: var(--_user-avatar-border);
  border-radius: 50%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: var(--avatar-bg-c);
  user-select: none;
}

/* line 17, app/assets/stylesheets/main/elements/data-display/user-avatar.css.scss */
.user-avatar--xxs {
  --user-avatar-size: 1.6rem;
}

/* line 20, app/assets/stylesheets/main/elements/data-display/user-avatar.css.scss */
.user-avatar--xs {
  --user-avatar-size: 2rem;
}

/* line 23, app/assets/stylesheets/main/elements/data-display/user-avatar.css.scss */
.user-avatar--sm {
  --user-avatar-size: 2.4rem;
}

/* line 26, app/assets/stylesheets/main/elements/data-display/user-avatar.css.scss */
.user-avatar--base {
  --user-avatar-size: 2.8rem;
}

/* line 29, app/assets/stylesheets/main/elements/data-display/user-avatar.css.scss */
.user-avatar--lg {
  --user-avatar-size: 3.2rem;
}

/* line 32, app/assets/stylesheets/main/elements/data-display/user-avatar.css.scss */
.user-avatar--xl {
  --user-avatar-size: 4.8rem;
}

/* line 35, app/assets/stylesheets/main/elements/data-display/user-avatar.css.scss */
.user-avatar--2xl {
  --user-avatar-size: 6.4rem;
}

/* line 38, app/assets/stylesheets/main/elements/data-display/user-avatar.css.scss */
.user-avatar--3xl {
  --user-avatar-size: 8rem;
}

/* line 41, app/assets/stylesheets/main/elements/data-display/user-avatar.css.scss */
.user-avatar--4xl {
  --user-avatar-size: 19.2rem;
}

/* line 44, app/assets/stylesheets/main/elements/data-display/user-avatar.css.scss */
.user-avatar--shadow {
  box-shadow: 0px 1.72414px 0px var(--avatar-box-shadow-1), 0px 3.44828px 6.89655px var(--avatar-box-shadow-2);
}

/* line 1, app/assets/stylesheets/main/elements/data-display/user-avatar-list.css.scss */
.user-avatar-list {
  display: inline-flex;
  gap: 0.8rem;
  align-items: center;
}

/* line 5, app/assets/stylesheets/main/elements/data-display/user-avatar-list.css.scss */
.user-avatar-list__list {
  display: flex;
  align-items: center;
}

/* line 9, app/assets/stylesheets/main/elements/data-display/user-avatar-list.css.scss */
.user-avatar-list__number {
  display: flex;
}

/* line 12, app/assets/stylesheets/main/elements/data-display/user-avatar-list.css.scss */
.user-avatar-list__avatar {
  display: flex;
  flex-shrink: 0;
  --user-avatar-border: 1px solid var(--user-avatar-list-border-c);
}

/* line 16, app/assets/stylesheets/main/elements/data-display/user-avatar-list.css.scss */
.user-avatar-list__avatar:not(:first-child) {
  margin-left: -0.8rem;
}

/* line 1, app/assets/stylesheets/main/elements/data-display/company-avatar.css.scss */
.company-avatar {
  --_company-avatar-size: var(--company-avatar-size, 2.4rem);
  --_company-avatar-border-radius: var(--company-avatar-border-radius, var(--border-radius-sm));
  display: inline-flex;
  flex-shrink: 0;
  width: var(--_company-avatar-size);
  height: var(--_company-avatar-size);
  border-radius: var(--_company-avatar-border-radius);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: var(--avatar-bg-c);
  user-select: none;
}

/* line 16, app/assets/stylesheets/main/elements/data-display/company-avatar.css.scss */
.company-avatar--sm {
  --company-avatar-size: 2.4rem;
  --company-avatar-border-radius: var(--border-radius-sm);
}

/* line 20, app/assets/stylesheets/main/elements/data-display/company-avatar.css.scss */
.company-avatar--base {
  --company-avatar-size: 4rem;
  --company-avatar-border-radius: var(--border-radius-md);
}

/* line 24, app/assets/stylesheets/main/elements/data-display/company-avatar.css.scss */
.company-avatar--lg {
  --company-avatar-size: 4.8rem;
  --company-avatar-border-radius: var(--border-radius-lg);
}

/* line 28, app/assets/stylesheets/main/elements/data-display/company-avatar.css.scss */
.company-avatar--xl {
  --company-avatar-size: 6.4rem;
  --company-avatar-border-radius: var(--border-radius-xl);
}

/* line 32, app/assets/stylesheets/main/elements/data-display/company-avatar.css.scss */
.company-avatar--xxl {
  --company-avatar-size: 7.2rem;
  --company-avatar-border-radius: var(--border-radius-xl);
}

/* line 36, app/assets/stylesheets/main/elements/data-display/company-avatar.css.scss */
.company-avatar--shadow {
  box-shadow: 0px 1.72414px 0px var(--avatar-box-shadow-1), 0px 3.44828px 6.89655px var(--avatar-box-shadow-2);
}

/* line 1, app/assets/stylesheets/main/elements/data-display/office-avatar.css.scss */
.office-avatar {
  --_office-avatar-size: var(--office-avatar-size, 2.4rem);
  --_office-font-size: var(--office-font-size, var(--font-size-xs));
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: var(--_office-avatar-size);
  height: var(--_office-avatar-size);
  border-radius: 50%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: var(--avatar-bg-c);
  color: var(--avatar-c);
  font-weight: 700;
  font-family: var(--office-font-family, var(--font-family-secondary));
  font-size: var(--_office-font-size);
  line-height: 1;
  text-transform: uppercase;
  user-select: none;
}

/* line 24, app/assets/stylesheets/main/elements/data-display/office-avatar.css.scss */
.office-avatar--xss {
  --office-avatar-size: 1.6rem;
  --office-font-size: var(--font-size-micro);
}

/* line 28, app/assets/stylesheets/main/elements/data-display/office-avatar.css.scss */
.office-avatar--xs {
  --office-avatar-size: 2rem;
  --office-font-size: var(--font-size-xxs);
}

/* line 32, app/assets/stylesheets/main/elements/data-display/office-avatar.css.scss */
.office-avatar--sm {
  --office-avatar-size: 2.4rem;
  --office-font-size: var(--font-size-xs);
}

/* line 36, app/assets/stylesheets/main/elements/data-display/office-avatar.css.scss */
.office-avatar--base {
  --office-avatar-size: 4rem;
  --office-font-size: var(--font-size-xl);
}

/* line 40, app/assets/stylesheets/main/elements/data-display/office-avatar.css.scss */
.office-avatar--lg {
  --office-avatar-size: 4.8rem;
  --office-font-size: var(--font-size-2xl);
}

/* line 44, app/assets/stylesheets/main/elements/data-display/office-avatar.css.scss */
.office-avatar--xl {
  --office-avatar-size: 6.4rem;
  --office-font-size: var(--font-size-3xl);
}

/* line 48, app/assets/stylesheets/main/elements/data-display/office-avatar.css.scss */
.office-avatar--xxl {
  --office-avatar-size: 7.2rem;
  --office-font-size: var(--font-size-4xl);
}

/* line 52, app/assets/stylesheets/main/elements/data-display/office-avatar.css.scss */
.office-avatar--shadow {
  box-shadow: 0px 1.72414px 0px var(--avatar-box-shadow-1), 0px 3.44828px 6.89655px var(--avatar-box-shadow-2);
}

/* line 1, app/assets/stylesheets/main/elements/data-display/project-avatar.css.scss */
.project-avatar {
  --_project-avatar-size: var(--project-avatar-size, 2.4rem);
  --_project-avatar-border-radius: var(--project-avatar-border-radius, var(--border-radius-sm));
  display: inline-flex;
  flex-shrink: 0;
  width: var(--_project-avatar-size);
  height: var(--_project-avatar-size);
  border-radius: var(--_project-avatar-border-radius);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: var(--avatar-bg-c);
  box-shadow: 0px 1.72414px 0px var(--avatar-box-shadow-1), 0px 3.44828px 6.89655px var(--avatar-box-shadow-2);
  user-select: none;
}

/* line 17, app/assets/stylesheets/main/elements/data-display/project-avatar.css.scss */
.project-avatar--xs {
  --project-avatar-size: 2rem;
}

/* line 20, app/assets/stylesheets/main/elements/data-display/project-avatar.css.scss */
.project-avatar--sm {
  --project-avatar-size: 2.4rem;
  --project-avatar-border-radius: var(--border-radius-sm);
}

/* line 24, app/assets/stylesheets/main/elements/data-display/project-avatar.css.scss */
.project-avatar--base {
  --project-avatar-size: 4rem;
  --project-avatar-border-radius: var(--border-radius-md);
}

/* line 28, app/assets/stylesheets/main/elements/data-display/project-avatar.css.scss */
.project-avatar--lg {
  --project-avatar-size: 4.8rem;
  --project-avatar-border-radius: var(--border-radius-lg);
}

/* line 32, app/assets/stylesheets/main/elements/data-display/project-avatar.css.scss */
.project-avatar--xl {
  --project-avatar-size: 6.4rem;
  --project-avatar-border-radius: var(--border-radius-xl);
}

/* line 36, app/assets/stylesheets/main/elements/data-display/project-avatar.css.scss */
.project-avatar--2xl {
  --project-avatar-size: 8rem;
  --project-avatar-border-radius: var(--border-radius-xl);
}

/* line 40, app/assets/stylesheets/main/elements/data-display/project-avatar.css.scss */
.project-avatar--shadow {
  box-shadow: 0px 1.72414px 0px var(--avatar-box-shadow-1), 0px 3.44828px 6.89655px var(--avatar-box-shadow-2);
}

/* line 1, app/assets/stylesheets/main/elements/data-display/user-accessibility.css.scss */
.user-accessibility {
  --_user-accessibility-bg: var(--user-accessibility-bg);
  --_user-accessibility-c: var(--user-accessibility-c);
  display: inline-flex;
  gap: 0.4rem;
  flex-shrink: 0;
  align-items: center;
  padding: 0 0.65rem;
  border-radius: var(--border-radius-3xl);
  background-color: var(--_user-accessibility-bg);
  user-select: none;
}

/* line 15, app/assets/stylesheets/main/elements/data-display/user-accessibility.css.scss */
.user-accessibility--available {
  --user-accessibility-bg: var(--user-accessibility-available-bg);
}

/* line 18, app/assets/stylesheets/main/elements/data-display/user-accessibility.css.scss */
.user-accessibility--vacation {
  --user-accessibility-bg: var(--user-accessibility-vacation-bg);
}

/* line 21, app/assets/stylesheets/main/elements/data-display/user-accessibility.css.scss */
.user-accessibility--dayoff {
  --user-accessibility-bg: var(--user-accessibility-day-off-bg);
}

/* line 24, app/assets/stylesheets/main/elements/data-display/user-accessibility.css.scss */
.user-accessibility--sickleave {
  --user-accessibility-bg: var(--user-accessibility-sick-bg);
}

/* line 27, app/assets/stylesheets/main/elements/data-display/user-accessibility.css.scss */
.user-accessibility--inactive {
  --user-accessibility-bg: var(--user-accessibility-inactive-bg);
}

/* line 30, app/assets/stylesheets/main/elements/data-display/user-accessibility.css.scss */
.user-accessibility--external {
  --user-accessibility-bg: var(--user-accessibility-external-bg);
}

/* line 33, app/assets/stylesheets/main/elements/data-display/user-accessibility.css.scss */
.user-accessibility--contractexpired {
  --user-accessibility-bg: var(--user-accessibility-contractexpired-bg);
}

/* line 1, app/assets/stylesheets/main/elements/data-display/office-working-day.css.scss */
.office-working-day {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  inline-size: 2rem;
  block-size: 2rem;
  border-radius: var(--border-radius-xs);
  background-color: var(--office-working-day-bg);
}

/* line 1, app/assets/stylesheets/main/elements/data-display/office-working-list.css.scss */
.office-working-day-list {
  display: flex;
  gap: 0.2rem;
  align-items: center;
}

/* line 2, app/assets/stylesheets/main/elements/data-display/user-avatar-dropdown.css.scss */
.user-avatar-dropdown__trigger {
  --user-avatar-border: 1px solid var(--light-c);
  display: flex;
  gap: 0.5rem;
  align-items: center;
  cursor: pointer;
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 11, app/assets/stylesheets/main/elements/data-display/user-avatar-dropdown.css.scss */
.user-avatar-dropdown__trigger[aria-expanded="true"] {
  --text-color: var(--user-avatar-dropdown-trigger-hover-c);
  opacity: 0.8;
}

/* line 17, app/assets/stylesheets/main/elements/data-display/user-avatar-dropdown.css.scss */
.user-avatar-dropdown__content {
  min-inline-size: 28rem;
  padding: 1.2rem 1.6rem 1.6rem 1.6rem;
}

/* line 22, app/assets/stylesheets/main/elements/data-display/user-avatar-dropdown.css.scss */
.user-avatar-dropdown__profile {
  display: flex;
  gap: 1.2rem;
  align-items: center;
  margin-block-end: 1.2rem;
}

/* line 29, app/assets/stylesheets/main/elements/data-display/user-avatar-dropdown.css.scss */
.user-avatar-dropdown__group {
  display: flex;
  gap: 0.8rem;
  flex-direction: column;
  margin-block-end: 1.4rem;
}

/* line 36, app/assets/stylesheets/main/elements/data-display/user-avatar-dropdown.css.scss */
.user-avatar-dropdown__contacts {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 42, app/assets/stylesheets/main/elements/data-display/user-avatar-dropdown.css.scss */
.user-avatar-dropdown__links {
  display: flex;
  gap: 1rem;
  align-items: center;
}

/* line 2, app/assets/stylesheets/main/elements/data-display/user-details-dropdown.css.scss */
.user-details-dropdown__trigger {
  display: flex;
  gap: 0.5rem;
  flex-grow: 1;
  align-items: center;
  max-width: 100%;
}

/* line 9, app/assets/stylesheets/main/elements/data-display/user-details-dropdown.css.scss */
.user-details-dropdown__content {
  padding: 0.9rem 1.2rem;
  border-top: 2px solid var(--user-details-dropdown-border-c);
  border-radius: var(--border-radius-md);
}

/* line 14, app/assets/stylesheets/main/elements/data-display/user-details-dropdown.css.scss */
.user-details-dropdown__profile {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  margin-block-end: 1.2rem;
}

/* line 20, app/assets/stylesheets/main/elements/data-display/user-details-dropdown.css.scss */
.user-details-dropdown__body {
  display: flex;
  gap: 0.8rem;
  flex-direction: column;
}

/* line 25, app/assets/stylesheets/main/elements/data-display/user-details-dropdown.css.scss */
.user-details-dropdown__text {
  font-weight: 600;
  font-size: var(--font-size-xxs);
}

/* line 28, app/assets/stylesheets/main/elements/data-display/user-details-dropdown.css.scss */
.user-details-dropdown__text span {
  opacity: 0.7;
}

/* line 1, app/assets/stylesheets/main/elements/data-display/request-status.css.scss */
.request-status {
  display: inline-flex;
  gap: 0.8rem;
  flex-shrink: 0;
  align-items: center;
  --loader-bg: var(--color-orange-800);
}

/* line 1, app/assets/stylesheets/main/elements/data-display/days-without-vacation-indicator.css.scss */
.days-without-vacation-indicator {
  display: flex;
  gap: 0.4rem;
  align-items: center;
}

/* line 7, app/assets/stylesheets/main/elements/data-display/days-without-vacation-indicator.css.scss */
.days-without-vacation-indicator__icon--success {
  --icon-color: var(--burnout-success-c);
}

/* line 10, app/assets/stylesheets/main/elements/data-display/days-without-vacation-indicator.css.scss */
.days-without-vacation-indicator__icon--normal {
  --icon-color: var(--burnout-warning-c);
}

/* line 13, app/assets/stylesheets/main/elements/data-display/days-without-vacation-indicator.css.scss */
.days-without-vacation-indicator__icon--danger {
  --icon-color: var(--burnout-danger-c);
}

/* line 18, app/assets/stylesheets/main/elements/data-display/days-without-vacation-indicator.css.scss */
.days-without-vacation-indicator i {
  margin-top: -0.2rem;
}

/* line 2, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon, .select2-container--form-select .select2-selection__clear, .select2-container--form-select .select2-selection--multiple .select2-selection__choice__remove, .select2-container--form-select .select2-selection--single .select2-selection__arrow b, .form-radio-plate__input::before, .form-checkbox-plate__input::before {
  --_icon-color: var(--icon-color, var(--icon-primary-c));
  --_icon-size: var(--icon-size, 2rem);
  display: inline-flex;
  flex-shrink: 0;
  order: var(--icon-order);
  color: var(--_icon-color);
  font-size: var(--_icon-size);
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 14, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon--primary {
  --_icon-color: var(--icon-primary-c);
}

/* line 17, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon--secondary {
  --_icon-color: var(--icon-secondary-c);
}

/* line 20, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon--success {
  --_icon-color: var(--icon-success-c);
}

/* line 23, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon--danger {
  --_icon-color: var(--icon-danger-c);
}

/* line 26, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon--warning {
  --_icon-color: var(--icon-warning-c);
}

/* line 29, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon--light {
  --_icon-color: var(--icon-light-c);
}

/* line 34, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon--disabled {
  --_icon-color: var(--icon-disabled-c);
}

/* line 39, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon--xss {
  --_icon-size: 1rem;
}

/* line 42, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon--xs {
  --_icon-size: 1.2rem;
}

/* line 45, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon--sm {
  --_icon-size: 1.4rem;
}

/* line 48, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon--base {
  --_icon-size: 1.6rem;
}

/* line 51, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon--lg {
  --_icon-size: 1.8rem;
}

/* line 54, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon--xl {
  --_icon-size: 2rem;
}

/* line 57, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon--2xl {
  --_icon-size: 2.4rem;
}

@font-face {
  font-style: normal;
  font-weight: normal;
  src: url(/assets/icomoon-main/fonts/icomoon-1d7d449a6e45de154f3252f6cb711dece915982a12a874121bfdb065117e7528.eot?cv9247);
  src: url(/assets/icomoon-main/fonts/icomoon-1d7d449a6e45de154f3252f6cb711dece915982a12a874121bfdb065117e7528.eot?cv9247#iefix) format("embedded-opentype"), url(/assets/icomoon-main/fonts/icomoon-460de9fa13729006d5de4a012a413eea00e4d2f3490220c2fd19a32bd3017970.ttf?cv9247) format("truetype"), url(/assets/icomoon-main/fonts/icomoon-4e9e440dc9a9ba1f7ade8c231cab2b2e7c3ecf905ec9705ac63f3549c2aa55d4.woff?cv9247) format("woff"), url(/assets/icomoon-main/fonts/icomoon-151611a7e41768d223a2dd5988cf841bd8e76a1f0d660831f7b6b90a57f916d4.svg?cv9247#icomoon) format("svg");
  font-family: "icomoon";
  font-display: block;
}

/* line 76, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon, .select2-container--form-select .select2-selection__clear, .select2-container--form-select .select2-selection--multiple .select2-selection__choice__remove, .select2-container--form-select .select2-selection--single .select2-selection__arrow b, .form-radio-plate__input::before, .form-checkbox-plate__input::before,
[class^="icon-"],
[class*=" icon-"] {
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  line-height: 1;
  text-transform: none;
  speak: never;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 95, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-bulb:before {
  content: "\e95a";
}

/* line 98, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-support:before {
  content: "\e959";
}

/* line 101, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-google-calendar:before {
  content: "\e958";
}

/* line 104, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-minus:before {
  content: "\e957";
}

/* line 107, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-arrow-45:before {
  content: "\e950";
}

/* line 110, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-arrow-down-line:before {
  content: "\e951";
}

/* line 113, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-arrow-up-line:before {
  content: "\e952";
}

/* line 116, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-ellipse:before {
  content: "\e953";
}

/* line 119, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-email-at:before {
  content: "\e954";
}

/* line 122, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-hands:before {
  content: "\e955";
}

/* line 125, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-hash:before {
  content: "\e956";
}

/* line 128, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-info:before {
  content: "\e94f";
}

/* line 131, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-fine:before {
  content: "\e94d";
}

/* line 134, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-happy:before {
  content: "\e94e";
}

/* line 137, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-slack:before {
  content: "\e940";
}

/* line 140, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-attention:before {
  content: "\e94c";
}

/* line 143, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-telegram:before {
  content: "\e945";
}

/* line 146, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-alert:before {
  content: "\e94b";
}

/* line 149, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-angry:before {
  content: "\e900";
}

/* line 152, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-arrow-down-rounded:before, .select2-container--form-select .select2-selection--single .select2-selection__arrow b:before {
  content: "\e901";
}

/* line 155, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-arrow-down:before {
  content: "\e902";
}

/* line 158, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-arrow-drop-down-rounded:before {
  content: "\e903";
}

/* line 161, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-arrow-left-rounded:before {
  content: "\e904";
}

/* line 164, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-arrow-left:before {
  content: "\e905";
}

/* line 167, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-arrow-range-rounded:before {
  content: "\e906";
}

/* line 170, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-arrow-right-rounded:before {
  content: "\e907";
}

/* line 173, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-arrow-right:before {
  content: "\e908";
}

/* line 176, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-arrow-sort:before {
  content: "\e909";
}

/* line 179, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-arrow-up-rounded:before, .select2-container--form-select.select2-container--open .select2-selection--single .select2-selection__arrow b:before {
  content: "\e90a";
}

/* line 182, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-arrow-up:before {
  content: "\e90b";
}

/* line 185, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-bitbucket:before {
  content: "\e90c";
}

/* line 188, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-attachement:before {
  content: "\e90d";
}

/* line 191, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-bell-2:before {
  content: "\e90e";
}

/* line 194, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-bell:before {
  content: "\e90f";
}

/* line 197, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-building:before {
  content: "\e910";
}

/* line 200, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-bulb-off:before {
  content: "\e911";
}

/* line 203, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-cake:before {
  content: "\e912";
}

/* line 206, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-calendar-days:before {
  content: "\e913";
}

/* line 209, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-calendar:before {
  content: "\e914";
}

/* line 212, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-cancel:before {
  content: "\e915";
}

/* line 215, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-check:before, .form-radio-plate__input:checked:before, .form-checkbox-plate__input:checked:before {
  content: "\e916";
}

/* line 218, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-chevrons-up-down:before {
  content: "\e917";
}

/* line 221, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-circle-check-2:before {
  content: "\e918";
}

/* line 224, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-circle-check:before {
  content: "\e919";
}

/* line 227, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-circle-close-2:before {
  content: "\e91a";
}

/* line 230, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-circle-close:before {
  content: "\e91b";
}

/* line 233, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-circle:before {
  content: "\e91c";
}

/* line 236, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-clipboard-list:before {
  content: "\e91d";
}

/* line 239, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-clock:before {
  content: "\e91e";
}

/* line 242, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-close:before, .select2-container--form-select .select2-selection__clear:before, .select2-container--form-select .select2-selection--multiple .select2-selection__choice__remove:before {
  content: "\e91f";
}

/* line 245, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-compensation:before {
  content: "\e920";
}

/* line 248, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-copy:before {
  content: "\e921";
}

/* line 251, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-drag-indicator:before {
  content: "\e922";
}

/* line 254, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-dribble:before {
  content: "\e923";
}

/* line 257, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-edit-2:before {
  content: "\e924";
}

/* line 260, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-edit:before {
  content: "\e925";
}

/* line 263, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-email:before {
  content: "\e926";
}

/* line 266, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-eye-off-outline:before {
  content: "\e927";
}

/* line 269, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-eye:before {
  content: "\e928";
}

/* line 272, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-facebook:before {
  content: "\e929";
}

/* line 275, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-file-down:before {
  content: "\e92a";
}

/* line 278, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-filter:before {
  content: "\e92b";
}

/* line 281, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-flame:before {
  content: "\e92c";
}

/* line 284, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-gift:before {
  content: "\e92d";
}

/* line 287, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-github:before {
  content: "\e92e";
}

/* line 290, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-google_drive:before {
  content: "\e92f";
}

/* line 293, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-grid:before {
  content: "\e930";
}

/* line 296, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-help:before {
  content: "\e931";
}

/* line 299, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-instagram:before {
  content: "\e932";
}

/* line 302, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-jira:before {
  content: "\e933";
}

/* line 305, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-lamp-desk:before {
  content: "\e934";
}

/* line 308, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-linkedin:before {
  content: "\e935";
}

/* line 311, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-list:before {
  content: "\e936";
}

/* line 314, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-lock:before {
  content: "\e937";
}

/* line 317, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-map-pin:before {
  content: "\e938";
}

/* line 320, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-more-horizontal:before {
  content: "\e939";
}

/* line 323, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-palmtree:before {
  content: "\e93a";
}

/* line 326, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-plamtree:before {
  content: "\e93b";
}

/* line 329, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-plus:before {
  content: "\e93c";
}

/* line 332, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-search:before {
  content: "\e93d";
}

/* line 335, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-settings:before {
  content: "\e93e";
}

/* line 338, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-sick:before {
  content: "\e93f";
}

/* line 341, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-stackoverflow:before {
  content: "\e941";
}

/* line 344, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-sticky-note:before {
  content: "\e942";
}

/* line 347, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-subtract:before {
  content: "\e943";
}

/* line 350, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-swap:before {
  content: "\e944";
}

/* line 353, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-trash:before {
  content: "\e946";
}

/* line 356, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-trello:before {
  content: "\e947";
}

/* line 359, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-twitter:before {
  content: "\e948";
}

/* line 362, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-user-plus:before {
  content: "\e949";
}

/* line 365, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon-users:before {
  content: "\e94a";
}

/* line 1, app/assets/stylesheets/main/elements/indicators/badge-list.css.scss */
.badge-list {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
}

/* line 1, app/assets/stylesheets/main/elements/indicators/badge.css.scss */
.badge {
  --_badge-bg: var(--badge-bg);
  --_badge-border-c: var(--badge-border-c);
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  padding: 0.15rem 0.75rem;
  border: 1px solid var(--_badge-border-c);
  border-radius: var(--border-radius-4xl);
  background-color: var(--_badge-bg);
  user-select: none;
}

/* line 15, app/assets/stylesheets/main/elements/indicators/badge.css.scss */
.badge--primary {
  --_badge-bg: var(--badge-primary-bg);
  --_badge-border-c: var(--badge-primary-border-c);
}

/* line 19, app/assets/stylesheets/main/elements/indicators/badge.css.scss */
.badge--secondary {
  --_badge-bg: var(--badge-secondary-bg);
  --_badge-border-c: var(--badge-secondary-border-c);
}

/* line 23, app/assets/stylesheets/main/elements/indicators/badge.css.scss */
.badge--success {
  --_badge-bg: var(--badge-success-bg);
  --_badge-border-c: var(--badge-success-border-c);
}

/* line 1, app/assets/stylesheets/main/elements/indicators/count-badge.css.scss */
.count-badge {
  --_count-badge-c: var(--count-badge-color);
  --_count-badge-bg: var(--count-badge-background-color);
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  min-inline-size: 1.8rem;
  block-size: 1.8rem;
  padding: 0 0.5rem;
  border-radius: var(--border-radius-sm);
  background-color: var(--_count-badge-bg);
  color: var(--_count-badge-c);
  font-weight: 600;
  font-size: var(--leading-xxs);
  line-height: var(--leading-lg);
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 22, app/assets/stylesheets/main/elements/indicators/count-badge.css.scss */
.count-badge--primary {
  --_count-badge-c: var(--count-badge-primary-c);
  --_count-badge-bg: var(--count-badge-primary-bg);
}

/* line 27, app/assets/stylesheets/main/elements/indicators/count-badge.css.scss */
.count-badge--secondary {
  --_count-badge-c: var(--count-badge-secondary-c);
  --_count-badge-bg: var(--count-badge-secondary-bg);
}

/* line 1, app/assets/stylesheets/main/elements/indicators/dropdown.css.scss */
.dropdown {
  display: inline-flex;
  flex-shrink: 0;
  min-width: 0;
}

/* line 6, app/assets/stylesheets/main/elements/indicators/dropdown.css.scss */
.dropdown__trigger {
  display: inline-flex;
  flex-shrink: 0;
  min-width: 0;
}

/* line 13, app/assets/stylesheets/main/elements/indicators/dropdown.css.scss */
.dropdown__content--hidden {
  display: none;
}

/* line 4, app/assets/stylesheets/main/elements/indicators/dropdown-link.css.scss */
.dropdown-link:first-child > a, .dropdown-link:first-child > button, .dropdown-link:first-child > div {
  border-top-right-radius: var(--border-radius-lg);
  border-top-left-radius: var(--border-radius-lg);
}

/* line 14, app/assets/stylesheets/main/elements/indicators/dropdown-link.css.scss */
.dropdown-link:last-child > a, .dropdown-link:last-child > button, .dropdown-link:last-child > div {
  border-bottom-right-radius: var(--border-radius-lg);
  border-bottom-left-radius: var(--border-radius-lg);
}

/* line 22, app/assets/stylesheets/main/elements/indicators/dropdown-link.css.scss */
.dropdown-link > a, .dropdown-link > button, .dropdown-link > div {
  display: block;
  padding: 1rem 1.2rem;
  outline: none;
  font-weight: 400;
  font-size: var(--font-size-sm);
  line-height: var(--leading-base);
  white-space: nowrap;
  cursor: pointer;
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 36, app/assets/stylesheets/main/elements/indicators/dropdown-link.css.scss */
.dropdown-link > a:hover, .dropdown-link > button:hover, .dropdown-link > div:hover {
  border-color: var(--dropdown-primary-hover-c);
  background-color: var(--dropdown-primary-hover-bg);
}

/* line 1, app/assets/stylesheets/main/elements/indicators/dropdown-separator.css.scss */
.dropdown-separator {
  width: 100%;
  height: 1px;
  background-color: var(--dropdown-separator-bg);
}

/* line 1, app/assets/stylesheets/main/elements/indicators/tooltip.css.scss */
.tooltip {
  display: inline-flex;
  flex-shrink: 0;
  min-width: 0;
}

/* line 6, app/assets/stylesheets/main/elements/indicators/tooltip.css.scss */
.tooltip__trigger {
  display: inline-flex;
  gap: var(--tooltip-trigger-gap, 0.8rem);
  flex-shrink: 0;
  min-width: 0;
}

/* line 13, app/assets/stylesheets/main/elements/indicators/tooltip.css.scss */
.tooltip__trigger--align-center {
  align-items: center;
}

/* line 20, app/assets/stylesheets/main/elements/indicators/tooltip.css.scss */
.tooltip__content--hidden {
  display: none;
}

/* line 24, app/assets/stylesheets/main/elements/indicators/tooltip.css.scss */
.tooltip__content--wrap {
  white-space: pre-line;
}

/* line 28, app/assets/stylesheets/main/elements/indicators/tooltip.css.scss */
.tooltip__content--centered {
  text-align: center;
}

/* line 2, app/assets/stylesheets/main/elements/indicators/flash.css.scss */
.flash__container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin: 0;
  padding: 0;
  position: fixed;
  top: var(--flash-container-top, auto);
  right: var(--flash-container-right, 2.4rem);
  bottom: var(--flash-container-bottom, 0);
  left: var(--flash-container-left, auto);
  z-index: var(--flash-container-z-index, 9999);
  pointer-events: none;
}

/* line 16, app/assets/stylesheets/main/elements/indicators/flash.css.scss */
.flash__item {
  --icon-color: var(--flash-primary-icon-c);
  display: flex;
  flex-direction: row;
  align-items: center;
  width: var(--flash-width, auto);
  max-width: 48rem;
  height: var(--flash-height, auto);
  min-height: var(--flash-min-height, auto);
  margin: var(--flash-margin, 0 0 2.4rem 2.4rem);
  padding: var(--flash-padding, 0.8rem 1.2rem);
  position: relative;
  border: 1px solid var(--flash-border, var(--flash-primary-border-c));
  border-radius: var(--flash-border-radius, var(--border-radius-xl));
  background: var(--flash-bg, #fff);
  box-shadow: var(--flash-box-shadow);
  overflow: hidden;
  color: var(--flash-c, var(--flash-primary-c));
  pointer-events: all;
}

/* line 36, app/assets/stylesheets/main/elements/indicators/flash.css.scss */
.flash__item--success {
  --flash-c: var(--flash-success-c);
  --icon-color: var(--flash-success-icon-c);
  --flash-border: var(--flash-success-border-c);
  --flash-icon-bg: var(--flash-icon-success-bg);
}

/* line 42, app/assets/stylesheets/main/elements/indicators/flash.css.scss */
.flash__item--failure {
  --flash-c: var(--flash-failure-c);
  --icon-color: var(--flash-failure-icon-c);
  --flash-border: var(--flash-failure-border-c);
  --flash-icon-bg: var(--flash-icon-failure-bg);
}

/* line 48, app/assets/stylesheets/main/elements/indicators/flash.css.scss */
.flash__item--warning {
  --flash-c: var(--flash-warning-c);
  --icon-color: var(--flash-warning-icon-c);
  --flash-border: var(--flash-warning-border-c);
  --flash-icon-bg: var(--flash-icon-warning-bg);
}

/* line 55, app/assets/stylesheets/main/elements/indicators/flash.css.scss */
.flash__message {
  flex: 1 1 0%;
  padding: var(--flash-msg-padding, 0);
}

/* line 59, app/assets/stylesheets/main/elements/indicators/flash.css.scss */
.flash__toast {
  display: flex;
  align-items: center;
}

/* line 63, app/assets/stylesheets/main/elements/indicators/flash.css.scss */
.flash__icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: var(--flash-icon-size, 3.2rem);
  height: var(--flash-icon-size, 3.2rem);
  border-radius: var(--border-radius-lg);
  background-color: var(--flash-icon-bg, var(--flash-icon-primary-bg));
}

/* line 73, app/assets/stylesheets/main/elements/indicators/flash.css.scss */
.flash__text {
  margin: 0 0.8rem;
}

/* line 76, app/assets/stylesheets/main/elements/indicators/flash.css.scss */
.flash__button {
  width: var(--flash-btn-width, 1.8rem);
  height: var(--flash-btn-height, 1.8rem);
  margin-left: 1rem;
  padding: 0;
  border: 0;
  background-color: transparent;
  outline: none;
  cursor: pointer;
}

/* line 87, app/assets/stylesheets/main/elements/indicators/flash.css.scss */
.flash .transition {
  transition-property: opacity;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

/* line 92, app/assets/stylesheets/main/elements/indicators/flash.css.scss */
.flash .duration-300 {
  transition-duration: 0.3s;
}

/* line 95, app/assets/stylesheets/main/elements/indicators/flash.css.scss */
.flash .duration-100 {
  transition-duration: 0.1s;
}

/* line 98, app/assets/stylesheets/main/elements/indicators/flash.css.scss */
.flash .opacity-0 {
  opacity: 0;
}

/* line 101, app/assets/stylesheets/main/elements/indicators/flash.css.scss */
.flash .opacity-100 {
  opacity: 1;
}

/* line 1, app/assets/stylesheets/main/elements/indicators/loader.css.scss */
.loader {
  --_loader-blade-offset: -0.65rem;
  --_loader-size: var(--loader-size, 2rem);
  --_loader-blade-width: var(--loader-blade-width, 0.25rem);
  --_loader-blade-height: var(--loader-blade-height, 0.65rem);
  --_loader-blade-top: var(--loader-blade-top, 0.65rem);
  --_loader-blade-left: var(--loader-blade-top, 0.85rem);
  --_loader-bg: var(--loader-bg);
  width: var(--_loader-size);
  height: var(--_loader-size);
  position: relative;
}

/* line 14, app/assets/stylesheets/main/elements/indicators/loader.css.scss */
.loader__blade {
  width: var(--_loader-blade-width);
  height: var(--_loader-blade-height);
  position: absolute;
  top: var(--_loader-blade-top);
  left: var(--_loader-blade-left);
  border-radius: var(--border-radius-full);
  background-color: var(--_loader-bg);
  animation: iSpinnerBlade 1s linear infinite;
  will-change: opacity;
}

/* line 25, app/assets/stylesheets/main/elements/indicators/loader.css.scss */
.loader__blade:nth-child(1) {
  transform: rotate(45deg) translateY(var(--_loader-blade-offset));
  animation-delay: -1.625s;
}

/* line 29, app/assets/stylesheets/main/elements/indicators/loader.css.scss */
.loader__blade:nth-child(2) {
  transform: rotate(90deg) translateY(var(--_loader-blade-offset));
  animation-delay: -1.5s;
}

/* line 33, app/assets/stylesheets/main/elements/indicators/loader.css.scss */
.loader__blade:nth-child(3) {
  transform: rotate(135deg) translateY(var(--_loader-blade-offset));
  animation-delay: -1.375s;
}

/* line 37, app/assets/stylesheets/main/elements/indicators/loader.css.scss */
.loader__blade:nth-child(4) {
  transform: rotate(180deg) translateY(var(--_loader-blade-offset));
  animation-delay: -1.25s;
}

/* line 41, app/assets/stylesheets/main/elements/indicators/loader.css.scss */
.loader__blade:nth-child(5) {
  transform: rotate(225deg) translateY(var(--_loader-blade-offset));
  animation-delay: -1.125s;
}

/* line 45, app/assets/stylesheets/main/elements/indicators/loader.css.scss */
.loader__blade:nth-child(6) {
  transform: rotate(270deg) translateY(var(--_loader-blade-offset));
  animation-delay: -1s;
}

/* line 49, app/assets/stylesheets/main/elements/indicators/loader.css.scss */
.loader__blade:nth-child(7) {
  transform: rotate(315deg) translateY(var(--_loader-blade-offset));
  animation-delay: -0.875s;
}

/* line 53, app/assets/stylesheets/main/elements/indicators/loader.css.scss */
.loader__blade:nth-child(8) {
  transform: rotate(360deg) translateY(var(--_loader-blade-offset));
  animation-delay: -0.75s;
}

/* line 58, app/assets/stylesheets/main/elements/indicators/loader.css.scss */
.loader--xss {
  --_loader-size: 1rem;
  --_loader-blade-width: 0.1rem;
  --_loader-blade-height: 0.25rem;
  --_loader-blade-top: 0.38rem;
  --_loader-blade-offset: -0.3rem;
  --_loader-blade-left: 0.45rem;
}

/* line 66, app/assets/stylesheets/main/elements/indicators/loader.css.scss */
.loader--xs {
  --_loader-size: 1.4rem;
  --_loader-blade-width: 0.1rem;
  --_loader-blade-height: 0.25rem;
  --_loader-blade-top: 0.5rem;
  --_loader-blade-offset: -0.4rem;
  --_loader-blade-left: 0.65rem;
}

/* line 74, app/assets/stylesheets/main/elements/indicators/loader.css.scss */
.loader--sm {
  --_loader-size: 2rem;
  --_loader-blade-width: 0.2rem;
  --_loader-blade-height: 0.4rem;
  --_loader-blade-top: 0.8rem;
  --_loader-blade-offset: -0.6rem;
  --_loader-blade-left: 0.85rem;
}

/* line 82, app/assets/stylesheets/main/elements/indicators/loader.css.scss */
.loader--lg {
  --_loader-size: 3.5rem;
  --_loader-blade-width: 0.25rem;
  --_loader-blade-height: 0.6rem;
  --_loader-blade-top: 1.4rem;
  --_loader-blade-offset: -1.15rem;
  --_loader-blade-left: 1.6rem;
}

@keyframes iSpinnerBlade {
  0% {
    opacity: 0.85;
  }
  50% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.25;
  }
}

/* line 1, app/assets/stylesheets/main/elements/indicators/progress-steps.css.scss */
.progress-steps {
  display: flex;
  gap: 0.6rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  margin: var(--progress-steps-margin, 0 0 2rem 0);
}

/* line 9, app/assets/stylesheets/main/elements/indicators/progress-steps.css.scss */
.progress-steps__step {
  display: inline-flex;
  flex-shrink: 0;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 10rem;
  background-color: var(--progress-steps-bg);
}

@media (max-width: 767px) {
  /* line 9, app/assets/stylesheets/main/elements/indicators/progress-steps.css.scss */
  .progress-steps__step {
    width: 0.5rem;
    height: 0.5rem;
  }
}

/* line 22, app/assets/stylesheets/main/elements/indicators/progress-steps.css.scss */
.progress-steps__step--active {
  width: 4.4rem;
  background-color: var(--progress-steps-active-bg);
}

@media (max-width: 767px) {
  /* line 22, app/assets/stylesheets/main/elements/indicators/progress-steps.css.scss */
  .progress-steps__step--active {
    width: 3.2rem;
  }
}

/* line 1, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button {
  --_button-radius: var(--button-radius, var(--border-radius-md));
  --_button-font-weight: var(--button-font-weight, 600);
  --_button-font-size: var(--button-font-size, var(--font-size-xs));
  --_button-line-height: var(--button-line-height, var(--leading-base));
  --_button-padding: var(--button-padding);
  --_button-min-height: var(--button-min-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--_button-min-height);
  padding: var(--_button-padding);
  position: relative;
  border: 1px solid transparent;
  border-radius: var(--_button-radius);
  outline: none;
  font-weight: var(--_button-font-weight);
  font-size: var(--_button-font-size);
  line-height: var(--_button-line-height);
  white-space: nowrap;
  cursor: pointer;
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 25, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button__content {
  display: flex;
  align-items: center;
  transition: opacity var(--transition-duration);
}

/* line 31, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button__form {
  display: inline-flex;
  flex-shrink: 0;
}

/* line 37, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--xss {
  --icon-size: 1.4rem;
  --_button-font-size: var(--font-size-xs);
  --_button-line-height: var(--leading-xxs);
  --_button-padding: 0 0.75rem;
  --_button-min-height: 2.4rem;
}

/* line 44, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--xs {
  --_button-font-size: var(--font-size-xxs);
  --_button-line-height: 1.4rem;
  --icon-size: 1.6rem;
  --_button-padding: 0 0.7rem;
  --_button-min-height: 3rem;
}

/* line 51, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--sm {
  --_button-font-size: var(--font-size-xs);
  --_button-line-height: var(--leading-base);
  --icon-size: 1.8rem;
  --_button-padding: 0 1.8rem;
  --_button-min-height: 3.2rem;
}

/* line 58, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--base {
  --_button-font-size: var(--font-size-sm);
  --_button-line-height: var(--leading-base);
  --icon-size: 2rem;
  --_button-padding: 0 1.6rem;
  --_button-min-height: 4rem;
}

/* line 65, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--lg {
  --_button-font-size: var(--font-size-sm);
  --_button-line-height: var(--leading-base);
  --icon-size: 2.5rem;
  --_button-padding: 0 1.6rem;
  --_button-min-height: 4.8rem;
}

/* line 72, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--xl {
  --_button-font-size: var(--font-size-base);
  --_button-line-height: var(--leading-xl);
  --icon-size: 2.6rem;
  --_button-padding: 0 1.8rem;
  --_button-min-height: 5.6rem;
  --_button-radius: var(--border-radius-xl);
}

/* line 83, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--primary {
  --icon-color: var(--button-primary-c);
  border-color: var(--button-primary-bg);
  background-color: var(--button-primary-bg);
  color: var(--button-primary-c);
}

/* line 89, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--primary:hover {
  border-color: var(--button-primary-hover-bg);
  background-color: var(--button-primary-hover-bg);
}

/* line 94, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--primary:focus-visible:not(.button--primary:active) {
  border-color: var(--button-primary-focus-bg);
  background-color: var(--button-primary-focus-bg);
}

/* line 99, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--primary:active, [aria-expanded='true'] .button--primary {
  border-color: var(--button-primary-active-bg);
  background-color: var(--button-primary-active-bg);
}

/* line 105, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--primary:disabled, .button--primary[disabled] {
  --icon-color: var(--button-primary-disabled-c);
  border-color: var(--button-primary-disabled-bg);
  background-color: var(--button-primary-disabled-bg);
  color: var(--button-primary-disabled-c);
}

/* line 114, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--secondary {
  --icon-color: var(--button-secondary-c);
  border-color: var(--button-secondary-border-c);
  background-color: var(--button-secondary-bg);
  color: var(--button-secondary-c);
}

/* line 120, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--secondary:hover {
  --icon-color: var(--button-secondary-hover-c);
  border-color: var(--button-secondary-hover-border-c);
  color: var(--button-secondary-hover-c);
}

/* line 126, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--secondary:focus-visible:not(.button--secondary:active) {
  border-color: var(--button-secondary-focus-border-c);
}

/* line 130, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--secondary:active, [aria-expanded='true'] .button--secondary {
  --icon-color: var(--button-secondary-active-c);
  border-color: var(--button-secondary-active-border-c);
  color: var(--button-secondary-active-c);
}

/* line 137, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--secondary:disabled, .button--secondary[disabled] {
  --icon-color: var(--button-secondary-disabled-c);
  border-color: var(--button-secondary-disabled-border-c);
  color: var(--button-secondary-disabled-c);
}

/* line 145, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--tertiary {
  --icon-color: var(--button-tertiary-c);
  border-color: var(--button-tertiary-border-c);
  background-color: var(--button-tertiary-bg);
  color: var(--button-tertiary-c);
}

/* line 151, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--tertiary:hover {
  --icon-color: var(--button-tertiary-hover-c);
  border-color: var(--button-tertiary-hover-border-c);
  color: var(--button-tertiary-hover-c);
}

/* line 157, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--tertiary:focus-visible:not(.button--tertiary:active) {
  border-color: var(--button-tertiary-focus-border-c);
}

/* line 161, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--tertiary:active, [aria-expanded='true'] .button--tertiary {
  --icon-color: var(--button-tertiary-active-c);
  border-color: var(--button-tertiary-active-border-c);
  color: var(--button-tertiary-active-c);
}

/* line 168, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--tertiary:disabled, .button--tertiary[disabled] {
  --icon-color: var(--button-tertiary-disabled-c);
  border-color: var(--button-tertiary-disabled-border-c);
  color: var(--button-tertiary-disabled-c);
}

/* line 176, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--quaternary {
  --icon-color: var(--button-quaternary-c);
  border-color: var(--button-quaternary-border-c);
  background-color: var(--button-quaternary-bg);
  color: var(--button-quaternary-c);
}

/* line 182, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--quaternary:hover {
  --icon-color: var(--button-quaternary-hover-c);
  border-color: var(--button-quaternary-hover-border-c);
  color: var(--button-quaternary-hover-c);
}

/* line 188, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--quaternary:focus-visible:not(.button--quaternary:active) {
  border-color: var(--button-quaternary-focus-border-c);
}

/* line 192, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--quaternary:active, [aria-expanded='true'] .button--quaternary {
  --icon-color: var(--button-quaternary-active-c);
  border-color: var(--button-quaternary-active-border-c);
  color: var(--button-quaternary-active-c);
}

/* line 199, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--quaternary:disabled, .button--quaternary[disabled] {
  --icon-color: var(--button-quaternary-disabled-c);
  border-color: var(--button-quaternary-disabled-border-c);
  color: var(--button-quaternary-disabled-c);
}

/* line 207, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--quinary {
  --icon-color: var(--button-quinary-c);
  border-color: var(--button-quinary-border-c);
  background-color: var(--button-quinary-bg);
  color: var(--button-quinary-c);
}

/* line 213, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--quinary:hover {
  --icon-color: var(--button-quinary-hover-c);
  border-color: var(--button-quinary-hover-border-c);
  background-color: var(--button-quinary-hover-bg);
  color: var(--button-quinary-hover-c);
}

/* line 220, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--quinary:focus-visible:not(.button--quinary:active) {
  border-color: var(--button-quinary-focus-border-c);
  background-color: var(--button-quinary-focus-bg);
}

/* line 225, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--quinary:active, [aria-expanded='true'] .button--quinary {
  --icon-color: var(--button-quinary-active-c);
  border-color: var(--button-quinary-active-border-c);
  background-color: var(--button-quinary-active-bg);
  color: var(--button-quinary-active-c);
}

/* line 233, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--quinary:disabled, .button--quinary[disabled] {
  --icon-color: var(--button-quinary-disabled-c);
  border-color: var(--button-quinary-disabled-border-c);
  background-color: var(--button-quinary-disabled-bg);
  color: var(--button-quinary-disabled-c);
}

/* line 242, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--senary {
  --icon-color: var(--button-senary-c);
  border-color: var(--button-senary-border-c);
  background-color: var(--button-senary-bg);
  color: var(--button-senary-c);
}

/* line 248, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--senary:hover {
  --icon-color: var(--button-senary-hover-c);
  border-color: var(--button-senary-hover-border-c);
  background-color: var(--button-senary-hover-bg);
  color: var(--button-senary-hover-c);
}

/* line 255, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--senary:focus-visible:not(.button--senary:active) {
  border-color: var(--button-senary-focus-border-c);
  background-color: var(--button-senary-focus-bg);
}

/* line 260, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--senary:active, [aria-expanded='true'] .button--senary {
  --icon-color: var(--button-senary-active-c);
  border-color: var(--button-senary-active-border-c);
  background-color: var(--button-senary-active-bg);
  color: var(--button-senary-active-c);
}

/* line 268, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--senary:disabled, .button--senary[disabled] {
  --icon-color: var(--button-senary-disabled-c);
  border-color: var(--button-senary-disabled-border-c);
  background-color: var(--button-senary-disabled-bg);
  color: var(--button-senary-disabled-c);
}

/* line 277, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--septenary {
  --icon-color: var(--button-septenary-c);
  border-color: var(--button-septenary-border-c);
  background-color: var(--button-septenary-bg);
  color: var(--button-septenary-c);
}

/* line 283, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--septenary:hover {
  --icon-color: var(--button-senary-hover-c);
  color: var(--button-senary-hover-c);
}

/* line 288, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--septenary:active, [aria-expanded='true'] .button--septenary {
  --icon-color: var(--button-senary-active-c);
  color: var(--button-senary-active-c);
}

/* line 294, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--septenary:disabled, .button--septenary[disabled] {
  --icon-color: var(--button-senary-disabled-c);
  color: var(--button-senary-disabled-c);
}

/* line 301, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--octonary {
  --icon-color: var(--button-octonary-c);
  border-color: var(--button-octonary-border-c);
  background-color: var(--button-octonary-bg);
  color: var(--button-octonary-c);
}

/* line 307, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--octonary:hover {
  --icon-color: var(--button-octonary-hover-c);
  border-color: var(--button-octonary-hover-border-c);
  background-color: var(--button-octonary-hover-bg);
  color: var(--button-octonary-hover-c);
}

/* line 314, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--octonary:focus-visible:not(.button--octonary:active) {
  border-color: var(--button-octonary-focus-border-c);
  background-color: var(--button-octonary-focus-bg);
}

/* line 319, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--octonary:active, [aria-expanded='true'] .button--octonary {
  --icon-color: var(--button-octonary-active-c);
  border-color: var(--button-octonary-active-border-c);
  background-color: var(--button-octonary-active-bg);
  color: var(--button-octonary-active-c);
}

/* line 327, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--octonary:disabled, .button--octonary[disabled] {
  --icon-color: var(--button-octonary-disabled-c);
  border-color: var(--button-octonary-disabled-border-c);
  background-color: var(--button-octonary-disabled-bg);
  color: var(--button-octonary-disabled-c);
}

/* line 336, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--denary {
  --icon-color: var(--button-denary-c);
  border-color: var(--button-denary-border-c);
  background-color: var(--button-denary-bg);
  color: var(--button-denary-c);
}

/* line 342, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--denary:hover {
  --icon-color: var(--button-denary-hover-c);
  border-color: var(--button-denary-hover-border-c);
  color: var(--button-denary-hover-c);
}

/* line 348, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--denary:focus-visible:not(.button--denary:active) {
  border-color: var(--button-denary-focus-border-c);
}

/* line 352, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--denary:active, [aria-expanded='true'] .button--denary {
  --icon-color: var(--button-denary-active-c);
  border-color: var(--button-denary-active-border-c);
  color: var(--button-denary-active-c);
}

/* line 359, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--denary:disabled, .button--denary[disabled] {
  --icon-color: var(--button-denary-disabled-c);
  border-color: var(--button-denary-disabled-border-c);
  color: var(--button-denary-disabled-c);
}

/* line 367, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--duodenary {
  --icon-color: var(--button-duodenary-c);
  border-color: var(--button-duodenary-border-c);
  background-color: var(--button-duodenary-bg);
  color: var(--button-duodenary-c);
}

/* line 373, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--duodenary:hover {
  --icon-color: var(--button-duodenary-hover-c);
  border-color: var(--button-duodenary-hover-border-c);
  color: var(--button-duodenary-hover-c);
}

/* line 379, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--duodenary:focus-visible:not(.button--duodenary:active) {
  border-color: var(--button-duodenary-focus-border-c);
}

/* line 383, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--duodenary:active, [aria-expanded='true'] .button--duodenary {
  --icon-color: var(--button-duodenary-active-c);
  border-color: var(--button-duodenary-active-border-c);
  color: var(--button-duodenary-active-c);
}

/* line 390, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--duodenary:disabled, .button--duodenary[disabled] {
  --icon-color: var(--button-duodenary-disabled-c);
  border-color: var(--button-duodenary-disabled-border-c);
  color: var(--button-duodenary-disabled-c);
}

/* line 398, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--danger {
  --icon-color: var(--button-danger-c);
  border-color: var(--button-danger-border-c);
  background-color: var(--button-danger-bg);
  color: var(--button-danger-c);
}

/* line 404, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--danger:hover {
  border-color: var(--button-danger-hover-bg);
  background-color: var(--button-danger-hover-bg);
}

/* line 409, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--danger:focus-visible:not(.button--danger:active) {
  border-color: var(--button-danger-focus-bg);
  background-color: var(--button-danger-focus-bg);
}

/* line 414, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--danger:active, [aria-expanded='true'] .button--danger {
  border-color: var(--button-danger-active-bg);
  background-color: var(--button-danger-active-bg);
}

/* line 420, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--danger:disabled, .button--danger[disabled] {
  --icon-color: var(--button-danger-disabled-c);
  border-color: var(--button-danger-disabled-bg);
  background-color: var(--button-danger-disabled-bg);
  color: var(--button-danger-disabled-c);
}

/* line 429, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--auth {
  --icon-color: var(--button-auth-c);
  border-color: var(--button-auth-border-c);
  background-color: var(--button-auth-bg);
  color: var(--button-auth-c);
}

/* line 435, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--auth:hover {
  --icon-color: var(--button-auth-hover-c);
  border-color: var(--button-auth-hover-border-c);
  color: var(--button-auth-hover-c);
}

/* line 441, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--auth:focus-visible:not(.button--auth:active) {
  border-color: var(--button-auth-focus-border-c);
}

/* line 445, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--auth:active, [aria-expanded='true'] .button--auth {
  --icon-color: var(--button-auth-active-c);
  border-color: var(--button-auth-active-border-c);
  color: var(--button-auth-active-c);
}

/* line 452, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--auth:disabled, .button--auth[disabled] {
  --icon-color: var(--button-auth-disabled-c);
  border-color: var(--button-auth-disabled-border-c);
  color: var(--button-auth-disabled-c);
}

/* line 461, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--regular {
  --_button-font-weight: 400;
}

/* line 464, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--medium {
  --_button-font-weight: 500;
}

/* line 467, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--semibold {
  --_button-font-weight: 600;
}

/* line 470, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--bold {
  --_button-font-weight: 700;
}

/* line 475, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--radius-none {
  --_button-radius: var(--border-radius-none);
}

/* line 478, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--radius-sm {
  --_button-radius: var(--border-radius-sm);
}

/* line 481, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--radius-md {
  --_button-radius: var(--border-radius-md);
}

/* line 484, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--radius-lg {
  --_button-radius: var(--border-radius-lg);
}

/* line 487, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--radius-xl {
  --_button-radius: var(--border-radius-xl);
}

/* line 491, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--has-icon .button__content {
  gap: 0.8rem;
}

/* line 494, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--icon-right {
  --icon-order: 1;
}

/* line 497, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--has-before, .button--has-after {
  gap: 0.8rem;
  align-items: center;
}

/* line 502, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--full-width {
  width: 100%;
}

/* line 505, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--compact-horizontal {
  --_button-padding: 0;
}

/* line 508, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--compact-vertical {
  --_button-min-height: auto;
}

/* line 511, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--transform-capitalize {
  text-transform: capitalize;
}

/* line 514, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--transform-uppercase {
  text-transform: uppercase;
}

/* line 519, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--justify-start {
  justify-content: flex-start;
}

/* line 522, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button--justify-end {
  justify-content: flex-end;
}

/* line 527, app/assets/stylesheets/main/elements/buttons/button.css.scss */
.button:disabled, .button[disabled] {
  cursor: not-allowed;
}

/* line 1, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon {
  --_button-icon-size: var(--button-icon-size, 2.4rem);
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: var(--_button-icon-size);
  height: var(--_button-icon-size);
  padding: 0;
  border: none;
  border-radius: var(--_button-icon-radius);
  background: none;
  outline: none;
  cursor: pointer;
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 18, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon__form {
  display: inline-flex;
  flex-shrink: 0;
}

/* line 24, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--xs {
  --icon-size: 1rem;
  --_button-icon-size: 1.6rem;
}

/* line 28, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--sm {
  --icon-size: 1.6rem;
  --_button-icon-size: 2.4rem;
}

/* line 32, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--base {
  --icon-size: 2rem;
  --_button-icon-size: 2.4rem;
}

/* line 36, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--lg {
  --icon-size: 2.2rem;
  --_button-icon-size: 2.8rem;
}

/* line 40, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--xl {
  --icon-size: 2.4rem;
  --_button-icon-size: 3.2rem;
}

/* line 45, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--primary {
  --icon-color: var(--button-primary-c);
  border-color: var(--button-primary-border-c);
  background-color: var(--button-primary-bg);
}

/* line 50, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--primary:hover {
  --icon-color: var(--button-primary-hover-c);
  border-color: var(--button-primary-hover-border-c);
  background-color: var(--button-primary-hover-bg);
}

/* line 56, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--primary:focus-visible {
  --icon-color: var(--button-primary-focus-c);
  border-color: var(--button-primary-focus-border-c);
  background-color: var(--button-primary-focus-bg);
}

/* line 62, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--primary:active, [aria-expanded='true'] .button-icon--primary {
  --icon-color: var(--button-primary-active-c);
  border-color: var(--button-primary-active-border-c);
  background-color: var(--button-primary-active-bg);
}

/* line 69, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--primary:disabled, .button-icon--primary[disabled] {
  --icon-color: var(--button-primary-disabled-c);
  border-color: var(--button-primary-disabled-border-c);
  background-color: var(--button-primary-disabled-bg);
}

/* line 77, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--tertiary {
  --icon-color: var(--button-tertiary-c);
  border-color: var(--button-tertiary-border-c);
  background-color: var(--button-tertiary-bg);
}

/* line 82, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--tertiary:hover {
  --icon-color: var(--button-tertiary-hover-c);
  border-color: var(--button-tertiary-hover-border-c);
  background-color: var(--button-tertiary-hover-bg);
}

/* line 88, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--tertiary:focus-visible {
  --icon-color: var(--button-tertiary-focus-c);
  border-color: var(--button-tertiary-focus-border-c);
  background-color: var(--button-tertiary-focus-bg);
}

/* line 94, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--tertiary:active, [aria-expanded='true'] .button-icon--tertiary {
  --icon-color: var(--button-tertiary-active-c);
  border-color: var(--button-tertiary-active-border-c);
  background-color: var(--button-tertiary-active-bg);
}

/* line 101, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--tertiary:disabled, .button-icon--tertiary[disabled] {
  --icon-color: var(--button-tertiary-disabled-c);
  border-color: var(--button-tertiary-disabled-border-c);
  background-color: var(--button-tertiary-disabled-bg);
}

/* line 109, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--quinary {
  --icon-color: var(--button-quinary-c);
  border-color: var(--button-quinary-border-c);
  background-color: var(--button-quinary-bg);
}

/* line 114, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--quinary:hover {
  --icon-color: var(--button-quinary-hover-c);
  border-color: var(--button-quinary-hover-border-c);
  background-color: var(--button-quinary-hover-bg);
}

/* line 120, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--quinary:focus-visible {
  --icon-color: var(--button-quinary-focus-c);
  border-color: var(--button-quinary-focus-border-c);
  background-color: var(--button-quinary-focus-bg);
}

/* line 126, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--quinary:active, [aria-expanded='true'] .button-icon--quinary {
  --icon-color: var(--button-quinary-active-c);
  border-color: var(--button-quinary-active-border-c);
  background-color: var(--button-quinary-active-bg);
}

/* line 133, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--quinary:disabled, .button-icon--quinary[disabled] {
  --icon-color: var(--button-quinary-disabled-c);
  border-color: var(--button-quinary-disabled-border-c);
  background-color: var(--button-quinary-disabled-bg);
}

/* line 141, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--senary {
  --icon-color: var(--button-senary-c);
  border-color: var(--button-senary-border-c);
  background-color: var(--button-senary-bg);
}

/* line 146, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--senary:hover {
  --icon-color: var(--button-senary-hover-c);
  border-color: var(--button-senary-hover-border-c);
  background-color: var(--button-senary-hover-bg);
}

/* line 152, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--senary:focus-visible {
  --icon-color: var(--button-senary-focus-c);
  border-color: var(--button-senary-focus-border-c);
  background-color: var(--button-senary-focus-bg);
}

/* line 158, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--senary:active, [aria-expanded='true'] .button-icon--senary {
  --icon-color: var(--button-senary-active-c);
  border-color: var(--button-senary-active-border-c);
  background-color: var(--button-senary-active-bg);
}

/* line 165, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--senary:disabled, .button-icon--senary[disabled] {
  --icon-color: var(--button-senary-disabled-c);
  border-color: var(--button-senary-disabled-border-c);
  background-color: var(--button-senary-disabled-bg);
}

/* line 173, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--octonary {
  --icon-color: var(--button-octonary-c);
  border-width: 1px;
  border-style: solid;
  border-color: var(--button-octonary-border-c);
  background-color: var(--button-octonary-bg);
}

/* line 180, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--octonary:hover {
  --icon-color: var(--button-octonary-hover-c);
  border-color: var(--button-octonary-hover-border-c);
  background-color: var(--button-octonary-hover-bg);
}

/* line 186, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--octonary:focus-visible {
  --icon-color: var(--button-octonary-focus-c);
  border-color: var(--button-octonary-focus-border-c);
  background-color: var(--button-octonary-focus-bg);
}

/* line 192, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--octonary:active, [aria-expanded='true'] .button-icon--octonary {
  --icon-color: var(--button-octonary-active-c);
  border-color: var(--button-octonary-active-border-c);
  background-color: var(--button-octonary-active-bg);
}

/* line 199, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--octonary:disabled, .button-icon--octonary[disabled] {
  --icon-color: var(--button-octonary-disabled-c);
  border-color: var(--button-octonary-disabled-border-c);
  background-color: var(--button-octonary-disabled-bg);
}

/* line 207, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--nonary {
  --icon-color: var(--button-nonary-c);
  border-color: var(--button-nonary-border-c);
  background-color: var(--button-nonary-bg);
}

/* line 212, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--nonary:hover {
  --icon-color: var(--button-nonary-hover-c);
  border-color: var(--button-nonary-hover-border-c);
  background-color: var(--button-nonary-hover-bg);
}

/* line 218, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--nonary:focus-visible {
  --icon-color: var(--button-nonary-focus-c);
  border-color: var(--button-nonary-focus-border-c);
  background-color: var(--button-nonary-focus-bg);
}

/* line 224, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--nonary:active, [aria-expanded='true'] .button-icon--nonary {
  --icon-color: var(--button-nonary-active-c);
  border-color: var(--button-nonary-active-border-c);
  background-color: var(--button-nonary-active-bg);
}

/* line 231, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--nonary:disabled, .button-icon--nonary[disabled] {
  --icon-color: var(--button-nonary-disabled-c);
  border-color: var(--button-nonary-disabled-border-c);
  background-color: var(--button-nonary-disabled-bg);
}

/* line 240, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--radius-none {
  --_button-icon-radius: var(--border-icon-radius-none);
}

/* line 243, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--radius-sm {
  --_button-icon-radius: var(--border-radius-sm);
}

/* line 246, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--radius-lg {
  --_button-icon-radius: var(--border-radius-lg);
}

/* line 249, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon--radius-full {
  --_button-icon-radius: var(--border-radius-full);
}

/* line 254, app/assets/stylesheets/main/elements/buttons/button-icon.css.scss */
.button-icon:disabled, .button-icon[disabled] {
  cursor: not-allowed;
}

/* line 1, app/assets/stylesheets/main/elements/forms/form-modal.css.scss */
.form-modal {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: space-between;
}

/* line 7, app/assets/stylesheets/main/elements/forms/form-modal.css.scss */
.form-modal__fields {
  flex-shrink: 0;
  padding: 2.4rem;
}

@media (max-width: 1023px) {
  /* line 7, app/assets/stylesheets/main/elements/forms/form-modal.css.scss */
  .form-modal__fields {
    padding: 2.4rem 1.6rem;
  }
}

/* line 1, app/assets/stylesheets/main/elements/forms/form-modal-actions.css.scss */
.form-modal-actions {
  gap: 0.8rem;
  flex-shrink: 0;
  padding: 1.6rem 2.4rem;
  position: sticky;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  border-top: 1px solid var(--modal-border-c);
  background-color: var(--modal-bg);
}

@media (max-width: 1023px) {
  /* line 1, app/assets/stylesheets/main/elements/forms/form-modal-actions.css.scss */
  .form-modal-actions {
    padding: 1.6rem;
  }
}

/* line 1, app/assets/stylesheets/main/elements/forms/form-divider.css.scss */
.form-divider {
  height: 1px;
  margin-top: 0.3rem;
  margin-right: -2.4rem;
  margin-bottom: 1.6rem;
  margin-left: -2.4rem;
  border-top: 1px solid var(--modal-border-c);
}

@media (max-width: 1023px) {
  /* line 1, app/assets/stylesheets/main/elements/forms/form-divider.css.scss */
  .form-divider {
    margin-right: -1.6rem;
    margin-left: -1.6rem;
  }
}

/* line 1, app/assets/stylesheets/main/elements/forms/form-field.css.scss */
.form-field {
  flex: var(--form-field-flex);
  flex-grow: var(--form-field-flex-grow);
  flex-shrink: var(--form-field-flex-shrink);
  width: var(--form-field-width, initial);
  min-width: var(--form-field-min-width, none);
  max-width: var(--form-field-max-width, none);
  margin: var(--form-field-margin, 0 0 1.6rem 0);
  padding: var(--form-field-padding);
}

/* line 3, app/assets/stylesheets/main/elements/forms/form-label.css.scss */
.form-label {
  display: var(--form-display, flex);
  gap: 0.4rem;
  align-items: center;
  margin: var(--form-label-margin, 0 0 0.6rem 0);
  padding: var(--form-label-padding, 0 1.6rem);
  font-size: var(--font-size-sm);
  line-height: var(--leading-xl);
}

/* line 13, app/assets/stylesheets/main/elements/forms/form-label.css.scss */
.form-label--disabled .form-label__label {
  color: var(--input-label-disabled-c);
  cursor: default;
}

/* line 19, app/assets/stylesheets/main/elements/forms/form-label.css.scss */
.form-label__label {
  color: var(--input-label-c);
  cursor: pointer;
}

/* line 23, app/assets/stylesheets/main/elements/forms/form-label.css.scss */
.form-label__label abbr,
.form-label__label abr {
  color: var(--color-red-900);
  text-decoration: none;
}

/* line 1, app/assets/stylesheets/main/elements/forms/form-textarea.css.scss */
.form-textarea {
  width: 100%;
  min-height: 5.4rem;
  padding: 1.6rem;
  appearance: none;
  border: 1px solid var(--input-border-c);
  border-radius: var(--border-radius-xl);
  background-color: var(--input-bg);
  box-shadow: var(--input-shadow-c);
  color: var(--input-c);
  font-weight: 400;
  font-size: var(--font-size-sm);
  line-height: var(--leading-lg);
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
  resize: vertical;
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/main/elements/forms/form-textarea.css.scss */
  .form-textarea {
    font-size: var(--font-size-base);
    line-height: var(--leading-xl);
  }
}

/* line 23, app/assets/stylesheets/main/elements/forms/form-textarea.css.scss */
.form-textarea__container {
  display: flex;
  border-radius: var(--border-radius-xl);
  box-shadow: var(--input-shadow-outer-c);
}

/* line 29, app/assets/stylesheets/main/elements/forms/form-textarea.css.scss */
.form-textarea--invalid {
  border-color: var(--input-error-border-c);
  background: var(--input-error-bg);
}

/* line 34, app/assets/stylesheets/main/elements/forms/form-textarea.css.scss */
.form-textarea--valid {
  border-color: var(--input-success-border-c);
}

/* line 38, app/assets/stylesheets/main/elements/forms/form-textarea.css.scss */
.form-textarea--warning {
  border-color: var(--input-warning-border-c);
  background: var(--input-warning-bg);
}

/* line 43, app/assets/stylesheets/main/elements/forms/form-textarea.css.scss */
.form-textarea:focus, .form-textarea:hover {
  border-color: var(--input-focus-border-c);
  outline: none;
}

/* line 49, app/assets/stylesheets/main/elements/forms/form-textarea.css.scss */
.form-textarea:disabled {
  border-color: var(--input-disabled-border-c);
  background-color: var(--input-disabled-bg);
  color: var(--input-disabled-c);
  cursor: not-allowed;
}

/* line 55, app/assets/stylesheets/main/elements/forms/form-textarea.css.scss */
.form-textarea:disabled::placeholder {
  color: var(--input-placeholder-disabled-c);
}

/* line 60, app/assets/stylesheets/main/elements/forms/form-textarea.css.scss */
.form-textarea::placeholder {
  color: var(--input-placeholder-c);
}

/* line 1, app/assets/stylesheets/main/elements/forms/form-textfield.css.scss */
.form-textfield {
  --_input-text-padding-right: var(--input-text-padding-right, 1.6rem);
  --_input-text-padding-left:  var(--input-text-padding-left, 1.6rem);
  --_input-icon-padding-right: 0rem;
  --_input-icon-padding-left: 0rem;
  --_input-padding-right: calc(var(--_input-text-padding-right) + var(--_input-icon-padding-right));
  --_input-padding-left: calc(var(--_input-text-padding-left) + var(--_input-icon-padding-left));
  --_input-padding-y: 0;
  --_input-height: 5.6rem;
  --_input-font-size: var(--font-size-base);
  --_input-border-radius: var(--border-radius-xl);
  width: 100%;
  min-height: var(--_input-height);
  padding: var(--_input-padding-y) var(--_input-padding-right) var(--_input-padding-y) var(--_input-padding-left);
  border: 1px solid var(--input-border-c);
  border-radius: var(--_input-border-radius);
  background-color: var(--input-bg);
  box-shadow: var(--input-shadow-c);
  outline: none;
  color: var(--input-c);
  font-weight: 400;
  font-size: var(--_input-font-size);
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 28, app/assets/stylesheets/main/elements/forms/form-textfield.css.scss */
.form-textfield__container {
  display: flex;
  position: relative;
  border-radius: var(--_input-border-radius, var(--border-radius-xl));
  box-shadow: var(--input-shadow-outer-c);
}

/* line 34, app/assets/stylesheets/main/elements/forms/form-textfield.css.scss */
.form-textfield__container .icon-eye-off-outline,
.form-textfield__container .icon-eye {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.6rem;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: var(--_input-border-radius);
  cursor: pointer;
}

/* line 50, app/assets/stylesheets/main/elements/forms/form-textfield.css.scss */
.form-textfield--invalid {
  border-color: var(--input-error-border-c);
  background: var(--input-error-bg);
}

/* line 55, app/assets/stylesheets/main/elements/forms/form-textfield.css.scss */
.form-textfield--valid {
  border-color: var(--input-success-border-c);
}

/* line 59, app/assets/stylesheets/main/elements/forms/form-textfield.css.scss */
.form-textfield--warning {
  border-color: var(--input-warning-border-c);
  background: var(--input-warning-bg);
}

/* line 65, app/assets/stylesheets/main/elements/forms/form-textfield.css.scss */
.form-textfield--size-sm {
  --_input-height: 3.2rem;
  --_input-font-size: var(--font-size-xs);
  --_input-border-radius: var(--border-radius-md);
}

/* line 73, app/assets/stylesheets/main/elements/forms/form-textfield.css.scss */
.form-textfield:not(.form-textfield--read-only, .form-textfield:read-only, .form-textfield:disabled):focus, .form-textfield:not(.form-textfield--read-only, .form-textfield:read-only, .form-textfield:disabled):hover {
  border-color: var(--input-focus-border-c);
}

/* line 79, app/assets/stylesheets/main/elements/forms/form-textfield.css.scss */
.form-textfield:disabled {
  border-color: var(--input-disabled-border-c);
  background-color: var(--input-disabled-bg);
  color: var(--input-disabled-c);
  cursor: not-allowed;
}

/* line 85, app/assets/stylesheets/main/elements/forms/form-textfield.css.scss */
.form-textfield:disabled::placeholder {
  color: var(--input-placeholder-disabled-c);
}

/* line 90, app/assets/stylesheets/main/elements/forms/form-textfield.css.scss */
.form-textfield::placeholder {
  color: var(--input-placeholder-c);
}

/* line 95, app/assets/stylesheets/main/elements/forms/form-textfield.css.scss */
.form-textfield[type='search']::-webkit-search-decoration, .form-textfield[type='search']::-webkit-search-cancel-button, .form-textfield[type='search']::-webkit-search-results-button, .form-textfield[type='search']::-webkit-search-results-decoration {
  appearance: none;
}

/* line 103, app/assets/stylesheets/main/elements/forms/form-textfield.css.scss */
.form-textfield[type='number'] {
  -moz-appearance: textfield;
}

/* line 107, app/assets/stylesheets/main/elements/forms/form-textfield.css.scss */
.form-textfield--password {
  padding-right: 4.2rem;
  background-color: var(--input-bg);
}

/* line 3, app/assets/stylesheets/main/elements/forms/form-checkbox.css.scss */
.form-checkbox {
  --_checkbox-hover-outline-c: var(--input-hover-outline-c);
  --_checkbox-focus-outline-c: var(--input-focus-outline-c);
  --_checkbox-checked-bg: var(--input-checked-bg);
  display: inline-flex;
  gap: 0.8rem;
  align-items: center;
  color: var(--input-label-c);
  font-weight: 400;
  font-size: var(--font-size-xs);
  line-height: var(--leading-sm);
  cursor: pointer;
  transition: color var(--transition-duration);
}

/* line 18, app/assets/stylesheets/main/elements/forms/form-checkbox.css.scss */
.form-checkbox__input {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  margin: var(--input-checked-input-margin, 0);
  appearance: none;
  border: 1px solid var(--input-checked-border-c);
  border-radius: var(--border-radius-sm);
  background: var(--input-bg);
  outline: none;
  color: var(--input-c);
  cursor: inherit;
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 36, app/assets/stylesheets/main/elements/forms/form-checkbox.css.scss */
.form-checkbox__input::before {
  content: '';
  width: 0.8rem;
  height: 0.8rem;
  border-radius: var(--border-radius-xs);
  transition: background-color var(--transition-duration);
}

/* line 44, app/assets/stylesheets/main/elements/forms/form-checkbox.css.scss */
.form-checkbox__input:indeterminate, .form-checkbox__input:checked {
  border-color: var(--input-checked-border-c);
}

/* line 48, app/assets/stylesheets/main/elements/forms/form-checkbox.css.scss */
.form-checkbox__input:indeterminate::before, .form-checkbox__input:checked::before {
  background-color: var(--_checkbox-checked-bg);
}

/* line 56, app/assets/stylesheets/main/elements/forms/form-checkbox.css.scss */
.form-checkbox:not(.form-checkbox--disabled) .form-checkbox__input:hover {
  box-shadow: 0 0 0 0.2rem var(--_checkbox-hover-outline-c);
}

/* line 60, app/assets/stylesheets/main/elements/forms/form-checkbox.css.scss */
.form-checkbox:not(.form-checkbox--disabled) .form-checkbox__input:focus-visible {
  box-shadow: 0 0 0 0.2rem var(--_checkbox-focus-outline-c);
}

/* line 66, app/assets/stylesheets/main/elements/forms/form-checkbox.css.scss */
.form-checkbox--invalid {
  --_checkbox-hover-outline-c: var(--input-error-hover-outline-c);
  --_checkbox-focus-outline-c: var(--input-error-focus-outline-c);
  --_checkbox-checked-bg: var(--input-checked-error-bg);
}

/* line 71, app/assets/stylesheets/main/elements/forms/form-checkbox.css.scss */
.form-checkbox--invalid .form-checkbox__input {
  border-color: var(--input-error-border-c);
  background-color: var(--input-error-bg);
}

/* line 77, app/assets/stylesheets/main/elements/forms/form-checkbox.css.scss */
.form-checkbox--valid {
  --_checkbox-hover-outline-c: var(--input-success-hover-outline-c);
  --_checkbox-focus-outline-c: var(--input-success-focus-outline-c);
  --_checkbox-checked-bg: var(--input-checked-success-bg);
}

/* line 84, app/assets/stylesheets/main/elements/forms/form-checkbox.css.scss */
.form-checkbox--valid .form-checkbox__input:indeterminate, .form-checkbox--valid .form-checkbox__input:checked {
  border-color: var(--input-success-border-c);
  background-color: var(--input-success-bg);
}

/* line 92, app/assets/stylesheets/main/elements/forms/form-checkbox.css.scss */
.form-checkbox--disabled {
  --_checkbox-checked-bg: var(--input-checked-disabled-bg);
  color: var(--input-label-disabled-c);
  cursor: not-allowed;
}

/* line 97, app/assets/stylesheets/main/elements/forms/form-checkbox.css.scss */
.form-checkbox--disabled .form-checkbox__input:disabled {
  border-color: var(--input-disabled-border-c);
  cursor: inherit;
}

/* line 3, app/assets/stylesheets/main/elements/forms/form-checkbox-plate.css.scss */
.form-checkbox-plate {
  --_checkbox-plate-hover-outline-c: var(--input-hover-outline-c);
  --_checkbox-plate-focus-outline-c: var(--input-focus-outline-c);
  --_checkbox-plate-checked-bg: var(--checkbox-plate-checked-bg);
  display: flex;
  gap: 2rem;
  flex-grow: 1;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  min-width: 7.6rem;
  min-height: 8rem;
  padding: 1.1rem 1.1rem 1.3rem 1.1rem;
  border: 1px solid var(--checkbox-plate-border-c);
  border-radius: var(--border-radius-xl);
  background-color: transparent;
  box-shadow: var(--input-shadow-c);
  cursor: pointer;
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 25, app/assets/stylesheets/main/elements/forms/form-checkbox-plate.css.scss */
.form-checkbox-plate:has(.form-checkbox-plate__input:checked) {
  border-color: var(--input-bg);
  background-color: var(--input-bg);
}

/* line 29, app/assets/stylesheets/main/elements/forms/form-checkbox-plate.css.scss */
.form-checkbox-plate:hover:has(.form-checkbox-plate__input:not(:disabled)) {
  border-color: var(--input-hover-border-c);
}

/* line 33, app/assets/stylesheets/main/elements/forms/form-checkbox-plate.css.scss */
.form-checkbox-plate__input {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin: 0;
  appearance: none;
  border: 2px solid var(--checkbox-plate-border-c);
  border-radius: 100%;
  background-color: transparent;
  box-shadow: var(--input-shadow-c);
  outline: none;
  color: var(--input-c);
  cursor: inherit;
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 52, app/assets/stylesheets/main/elements/forms/form-checkbox-plate.css.scss */
.form-checkbox-plate__input::before {
  content: '';
  display: flex;
  align-items: center;
  justify-content: center;
  width: 105%;
  height: 105%;
  border-radius: 100%;
  font-size: 1.1rem;
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 72, app/assets/stylesheets/main/elements/forms/form-checkbox-plate.css.scss */
.form-checkbox-plate__input:checked:not(:disabled) {
  border-color: var(--_checkbox-plate-checked-bg);
  background-color: var(--input-bg);
}

/* line 76, app/assets/stylesheets/main/elements/forms/form-checkbox-plate.css.scss */
.form-checkbox-plate__input:checked:not(:disabled)::before {
  border-color: var(--_checkbox-plate-checked-bg);
  background-color: var(--_checkbox-plate-checked-bg);
}

/* line 83, app/assets/stylesheets/main/elements/forms/form-checkbox-plate.css.scss */
.form-checkbox-plate__label {
  color: var(--input-label-c);
  font-weight: 400;
  font-size: var(--font-size-xs);
  line-height: var(--leading-xxs);
  user-select: none;
}

/* line 91, app/assets/stylesheets/main/elements/forms/form-checkbox-plate.css.scss */
.form-checkbox-plate--invalid {
  --_checkbox-plate-hover-outline-c: var(--input-error-hover-outline-c);
  --_checkbox-plate-focus-outline-c: var(--input-error-focus-outline-c);
  --_checkbox-plate-checked-bg: var(--input-checked-error-bg);
}

/* line 96, app/assets/stylesheets/main/elements/forms/form-checkbox-plate.css.scss */
.form-checkbox-plate--invalid .form-checkbox-plate__input {
  border-color: var(--input-error-border-c);
  background-color: var(--input-error-bg);
}

/* line 102, app/assets/stylesheets/main/elements/forms/form-checkbox-plate.css.scss */
.form-checkbox-plate--valid {
  --_checkbox-plate-hover-outline-c: var(--input-success-hover-outline-c);
  --_checkbox-plate-focus-outline-c: var(--input-success-focus-outline-c);
  --_checkbox-plate-checked-bg: var(--input-checked-success-bg);
}

/* line 108, app/assets/stylesheets/main/elements/forms/form-checkbox-plate.css.scss */
.form-checkbox-plate--valid .form-checkbox-plate__input:indeterminate, .form-checkbox-plate--valid .form-checkbox-plate__input:checked {
  border-color: var(--input-success-border-c);
  background-color: var(--input-success-bg);
}

/* line 116, app/assets/stylesheets/main/elements/forms/form-checkbox-plate.css.scss */
.form-checkbox-plate--disabled {
  --_checkbox-plate-checked-bg: var(--input-checked-disabled-bg);
  cursor: not-allowed;
}

/* line 120, app/assets/stylesheets/main/elements/forms/form-checkbox-plate.css.scss */
.form-checkbox-plate--disabled .form-checkbox-plate__label {
  color: var(--input-label-disabled-c);
}

/* line 124, app/assets/stylesheets/main/elements/forms/form-checkbox-plate.css.scss */
.form-checkbox-plate--disabled .form-checkbox-plate__input:disabled {
  border-color: var(--input-disabled-border-c);
  cursor: inherit;
}

/* line 3, app/assets/stylesheets/main/elements/forms/form-radio-plate.css.scss */
.form-radio-plate {
  --_checkbox-plate-hover-outline-c: var(--input-hover-outline-c);
  --_checkbox-plate-focus-outline-c: var(--input-focus-outline-c);
  --_checkbox-plate-checked-bg: var(--checkbox-plate-checked-bg);
  display: flex;
  gap: 1.2rem;
  flex-grow: 1;
  align-items: center;
  min-width: 7.6rem;
  min-height: 6.8rem;
  padding: 1.2rem 1.6rem;
  border: 1px solid var(--checkbox-plate-border-c);
  border-radius: var(--border-radius-xl);
  background-color: transparent;
  box-shadow: var(--input-shadow-c);
  cursor: pointer;
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 23, app/assets/stylesheets/main/elements/forms/form-radio-plate.css.scss */
.form-radio-plate:has(.form-radio-plate__input:checked) {
  border-color: var(--input-bg);
  background-color: var(--input-bg);
}

/* line 27, app/assets/stylesheets/main/elements/forms/form-radio-plate.css.scss */
.form-radio-plate:hover:has(.form-radio-plate__input:not(:disabled):not(:checked)) {
  border-color: var(--input-hover-border-c);
}

/* line 30, app/assets/stylesheets/main/elements/forms/form-radio-plate.css.scss */
.form-radio-plate:hover:has(.form-radio-plate__input:not(:disabled):checked) {
  cursor: default;
}

/* line 34, app/assets/stylesheets/main/elements/forms/form-radio-plate.css.scss */
.form-radio-plate__input {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin: 0;
  appearance: none;
  border: 2px solid var(--checkbox-plate-border-c);
  border-radius: 100%;
  background-color: transparent;
  box-shadow: var(--input-shadow-c);
  outline: none;
  color: var(--input-c);
  cursor: inherit;
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 53, app/assets/stylesheets/main/elements/forms/form-radio-plate.css.scss */
.form-radio-plate__input::before {
  content: '';
  display: flex;
  align-items: center;
  justify-content: center;
  width: 105%;
  height: 105%;
  border-radius: 100%;
  font-size: 1.1rem;
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 73, app/assets/stylesheets/main/elements/forms/form-radio-plate.css.scss */
.form-radio-plate__input:checked:not(:disabled) {
  border-color: var(--_checkbox-plate-checked-bg);
  background-color: var(--input-bg);
}

/* line 77, app/assets/stylesheets/main/elements/forms/form-radio-plate.css.scss */
.form-radio-plate__input:checked:not(:disabled)::before {
  border-color: var(--_checkbox-plate-checked-bg);
  background-color: var(--_checkbox-plate-checked-bg);
}

/* line 84, app/assets/stylesheets/main/elements/forms/form-radio-plate.css.scss */
.form-radio-plate__label-container {
  display: flex;
  gap: 0.2rem;
  flex-direction: column;
  min-width: 0;
  color: var(--input-label-c);
  font-weight: 400;
  font-size: var(--font-size-sm);
  line-height: var(--leading-base);
  user-select: none;
  flex-grow: 1;
}

/* line 97, app/assets/stylesheets/main/elements/forms/form-radio-plate.css.scss */
.form-radio-plate__label {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  min-width: 0;
  justify-content: space-between;
}

/* line 105, app/assets/stylesheets/main/elements/forms/form-radio-plate.css.scss */
.form-radio-plate--invalid {
  --_checkbox-plate-hover-outline-c: var(--input-error-hover-outline-c);
  --_checkbox-plate-focus-outline-c: var(--input-error-focus-outline-c);
  --_checkbox-plate-checked-bg: var(--input-checked-error-bg);
}

/* line 110, app/assets/stylesheets/main/elements/forms/form-radio-plate.css.scss */
.form-radio-plate--invalid .form-radio-plate__input {
  border-color: var(--input-error-border-c);
  background-color: var(--input-error-bg);
}

/* line 116, app/assets/stylesheets/main/elements/forms/form-radio-plate.css.scss */
.form-radio-plate__text {
  color: var(--radio-plate-text-c);
  font-weight: 400;
  font-size: var(--font-size-sm);
  line-height: var(--leading-lg);
  user-select: none;
}

/* line 124, app/assets/stylesheets/main/elements/forms/form-radio-plate.css.scss */
.form-radio-plate--valid {
  --_checkbox-plate-hover-outline-c: var(--input-success-hover-outline-c);
  --_checkbox-plate-focus-outline-c: var(--input-success-focus-outline-c);
  --_checkbox-plate-checked-bg: var(--input-checked-success-bg);
}

/* line 130, app/assets/stylesheets/main/elements/forms/form-radio-plate.css.scss */
.form-radio-plate--valid .form-radio-plate__input:indeterminate, .form-radio-plate--valid .form-radio-plate__input:checked {
  border-color: var(--input-success-border-c);
  background-color: var(--input-success-bg);
}

/* line 138, app/assets/stylesheets/main/elements/forms/form-radio-plate.css.scss */
.form-radio-plate--disabled {
  --_checkbox-plate-checked-bg: var(--input-checked-disabled-bg);
  cursor: not-allowed;
}

/* line 142, app/assets/stylesheets/main/elements/forms/form-radio-plate.css.scss */
.form-radio-plate--disabled .form-radio-plate__label {
  color: var(--input-label-disabled-c);
}

/* line 146, app/assets/stylesheets/main/elements/forms/form-radio-plate.css.scss */
.form-radio-plate--disabled .form-radio-plate__input:disabled {
  border-color: var(--input-disabled-border-c);
  cursor: inherit;
}

/* line 4, app/assets/stylesheets/main/elements/forms/form-radio-plate-list.css.scss */
.form-radio-plate-list__list {
  --form-field-flex-grow: 1;
  display: flex;
  gap: var(--form-radio-plate-list-gap, 0.8rem);
  flex-grow: 1;
  flex-direction: var(--form-radio-plate-list-flex-direction, row);
  align-items: var(--form-radio-plate-list-align-items, center);
  min-width: 0;
}

/* line 13, app/assets/stylesheets/main/elements/forms/form-radio-plate-list.css.scss */
.form-radio-plate-list__label {
  --form-field-margin: 0;
}

/* line 15, app/assets/stylesheets/main/elements/forms/form-radio-plate-list.css.scss */
.form-radio-plate-list__label label {
  cursor: default;
}

/* line 1, app/assets/stylesheets/main/elements/forms/form-switcher.css.scss */
.form-switcher {
  --_thumb-size: 1.6rem;
  --_track-size: calc(var(--_thumb-size) * 2);
  --_track-padding: 2px;
  --_circle-color-off: var(--switcher-circle-off-bg);
  --_circle-color-on: var(--switcher-circle-on-bg);
  --_circle-color: var(--_circle-color-off);
  --_track-color-off: var(--switcher-off-bg);
  --_track-color-on: var(--switcher-on-bg);
  --_track-color: var(--_track-color-off);
  --_track-border-color-off: var(--switcher-off-border);
  --_track-border-color-on: var(--switcher-on-border);
  --_track-border-color: var(--_track-border-color-off);
  --_font-color-off: var(--switcher-off-c);
  --_font-color-on: var(--switcher-on-c);
  --_font-color: var(--_font-color-off);
  --_outline: transparent 2px solid;
  --_label-gap: 0.8rem;
  --_label-font-size: var(--switcher-label-font-size, var(--font-size-sm));
  display: inline-flex;
  gap: var(--_label-gap);
  align-items: center;
  justify-content: var(--switcher-justify-content);
  width: var(--switcher-width);
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

/* line 34, app/assets/stylesheets/main/elements/forms/form-switcher.css.scss */
.form-switcher:hover {
  --_outline: var(--input-hover-outline-c) solid 2px;
}

/* line 38, app/assets/stylesheets/main/elements/forms/form-switcher.css.scss */
.form-switcher:has(input:checked) {
  --_circle-color: var(--_circle-color-on);
  --_track-color: var(--_track-color-on);
  --_font-color: var(--_font-color-on);
  --_track-border-color: var(--_track-border-color-on);
}

/* line 45, app/assets/stylesheets/main/elements/forms/form-switcher.css.scss */
.form-switcher--indeterminate {
  --_circle-color: var(--_circle-color-on);
  --_track-color: var(--_track-color-on);
  --_track-border-color: var(--_track-border-color-on);
  --_font-color: var(--_font-color-on);
}

/* line 52, app/assets/stylesheets/main/elements/forms/form-switcher.css.scss */
.form-switcher--invalid {
  --_outline: var(--switcher-error-outline-c) solid 2px;
}

/* line 56, app/assets/stylesheets/main/elements/forms/form-switcher.css.scss */
.form-switcher--disabled {
  --_circle-color-off: var(--switcher-circle-disabled-bg);
  --_circle-color-on: var(--switcher-circle-disabled-bg);
  --_track-color-off: var(--switcher-disabled-bg);
  --_track-color-on: var(--switcher-disabled-bg);
  --_track-border-color-off: var(--switcher-disabled-bg);
  --_track-border-color-on: var(--switcher-disabled-bg);
  --_font-color-off: var(--switcher-off-disabled-c);
  --_font-color-on: var(--switcher-on-disabled-c);
  --_outline: var(--switcher-disabled-outline-c) solid 1px;
  cursor: not-allowed;
}

/* line 70, app/assets/stylesheets/main/elements/forms/form-switcher.css.scss */
.form-switcher--disabled:hover {
  --_outline: var(--switcher-disabled-outline-c) solid 1px;
}

/* line 75, app/assets/stylesheets/main/elements/forms/form-switcher.css.scss */
.form-switcher--regular {
  --_label-font-weight: 400;
}

/* line 79, app/assets/stylesheets/main/elements/forms/form-switcher.css.scss */
.form-switcher--bold {
  --_label-font-weight: 700;
}

/* line 83, app/assets/stylesheets/main/elements/forms/form-switcher.css.scss */
.form-switcher--fluid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.6rem;
}

/* line 90, app/assets/stylesheets/main/elements/forms/form-switcher.css.scss */
.form-switcher__text {
  display: inline-flex;
  gap: 0.4rem;
  color: var(--_font-color);
  font-weight: var(--_label-font-weight);
  font-size: var(--_label-font-size);
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 100, app/assets/stylesheets/main/elements/forms/form-switcher.css.scss */
.form-switcher__input {
  --thumb-position: 0%;
  box-sizing: content-box;
  display: grid;
  grid: [track] 1fr/[track] 1fr;
  flex-shrink: 0;
  align-items: center;
  width: 3.2rem;
  height: 1.6rem;
  padding: var(--_track-padding);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid;
  border-radius: var(--_track-size);
  border-color: var(--_track-border-color);
  background-color: var(--_track-color);
  outline: var(--_outline);
  transition-property: var(--transition-colors), outline-color;
  transition-duration: var(--transition-duration);
  pointer-events: none;
  touch-action: pan-y;
}

/* line 125, app/assets/stylesheets/main/elements/forms/form-switcher.css.scss */
.form-switcher__input::before {
  --highlight-size: 0;
  content: '';
  grid-area: track;
  inline-size: var(--_thumb-size);
  block-size: var(--_thumb-size);
  position: relative;
  border-radius: 50%;
  background-color: var(--_circle-color);
  cursor: pointer;
  transform: translateX(var(--thumb-position));
  transition: background-color var(--transition-duration), transform var(--transition-duration);
  pointer-events: auto;
}

/* line 141, app/assets/stylesheets/main/elements/forms/form-switcher.css.scss */
.form-switcher__input:checked {
  --thumb-position: calc(3.2rem - 100%);
}

/* line 145, app/assets/stylesheets/main/elements/forms/form-switcher.css.scss */
.form-switcher__input:indeterminate {
  --thumb-position: calc(2.4rem - 100%);
}

/* line 149, app/assets/stylesheets/main/elements/forms/form-switcher.css.scss */
.form-switcher__input:disabled {
  cursor: not-allowed;
}

/* line 152, app/assets/stylesheets/main/elements/forms/form-switcher.css.scss */
.form-switcher__input:disabled::before {
  cursor: not-allowed;
}

/* line 157, app/assets/stylesheets/main/elements/forms/form-switcher.css.scss */
.form-switcher__input:focus-visible {
  --_outline: var(--input-focus-outline-c) solid 2px;
  outline-offset: 0;
}

/* line 1, app/assets/stylesheets/main/elements/forms/form-datepicker.css.scss */
.form-datepicker {
  --_input-text-padding-right: var(--input-text-padding-right, 1.6rem);
  --_input-text-padding-left: var(--input-text-padding-left, 1.6rem);
  --_input-icon-padding-right: 0rem;
  --_input-icon-padding-left: 0rem;
  --_input-font-size: var(--font-size-base);
  --_input-height: 5.6rem;
  --_input-border-radius: var(--border-radius-xl);
  --_input-padding-right: calc(var(--_input-text-padding-right) + var(--_input-icon-padding-right));
  --_input-padding-left: calc(var(--_input-text-padding-left) + var(--_input-icon-padding-left));
  --_input-padding-y: 1rem;
  width: 100%;
  min-height: var(--_input-height);
  padding: var(--_input-padding-y) var(--_input-padding-right) var(--_input-padding-y) var(--_input-padding-left);
  border: 1px solid var(--input-border-c);
  border-radius: var(--_input-border-radius);
  background-color: var(--input-bg);
  box-shadow: var(--input-shadow-c);
  outline: none;
  color: var(--input-c);
  font-weight: 400;
  font-size: var(--_input-font-size);
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 28, app/assets/stylesheets/main/elements/forms/form-datepicker.css.scss */
.form-datepicker__container {
  display: flex;
  border-radius: var(--border-radius-xl);
  box-shadow: var(--input-shadow-outer-c);
}

/* line 34, app/assets/stylesheets/main/elements/forms/form-datepicker.css.scss */
.form-datepicker--invalid {
  border-color: var(--input-error-border-c);
  background: var(--input-error-bg);
}

/* line 39, app/assets/stylesheets/main/elements/forms/form-datepicker.css.scss */
.form-datepicker--valid {
  border-color: var(--input-success-border-c);
}

/* line 43, app/assets/stylesheets/main/elements/forms/form-datepicker.css.scss */
.form-datepicker--warning {
  border-color: var(--input-warning-border-c);
  background: var(--input-warning-bg);
}

/* line 49, app/assets/stylesheets/main/elements/forms/form-datepicker.css.scss */
.form-datepicker--size-sm {
  --_input-height: 3.2rem;
  --_input-font-size: var(--font-size-xs);
  --_input-border-radius: var(--border-radius-md);
  --_input-padding-y: 0;
}

/* line 59, app/assets/stylesheets/main/elements/forms/form-datepicker.css.scss */
.form-datepicker:not(:disabled):focus, .form-datepicker:not(:disabled):hover {
  border-color: var(--input-focus-border-c);
}

/* line 65, app/assets/stylesheets/main/elements/forms/form-datepicker.css.scss */
.form-datepicker:disabled {
  border-color: var(--input-disabled-border-c);
  background-color: var(--input-disabled-bg);
  color: var(--input-disabled-c);
  cursor: not-allowed;
}

/* line 71, app/assets/stylesheets/main/elements/forms/form-datepicker.css.scss */
.form-datepicker:disabled::placeholder {
  color: var(--input-placeholder-disabled-c);
}

/* line 76, app/assets/stylesheets/main/elements/forms/form-datepicker.css.scss */
.form-datepicker::placeholder {
  color: var(--input-placeholder-c);
}

/* line 80, app/assets/stylesheets/main/elements/forms/form-datepicker.css.scss */
.form-datepicker[type="date"]::-webkit-inner-spin-button {
  display: none;
}

/* line 84, app/assets/stylesheets/main/elements/forms/form-datepicker.css.scss */
.form-datepicker[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
  -webkit-appearance: none;
  display: none;
}

/* line 92, app/assets/stylesheets/main/elements/forms/form-datepicker.css.scss */
.form-datepicker__container .field_with_errors,
.form-datepicker__container .flatpickr-wrapper {
  width: 100%;
}

/* line 1, app/assets/stylesheets/main/elements/forms/form-colorpicker.css.scss */
.form-colorpicker {
  display: inline-flex;
  gap: 0.6rem;
  align-items: center;
}

/* line 6, app/assets/stylesheets/main/elements/forms/form-colorpicker.css.scss */
.form-colorpicker--disabled {
  cursor: not-allowed;
  pointer-events: none;
}

/* line 11, app/assets/stylesheets/main/elements/forms/form-colorpicker.css.scss */
.form-colorpicker__container {
  display: flex;
  align-items: center;
}

/* line 15, app/assets/stylesheets/main/elements/forms/form-colorpicker.css.scss */
.form-colorpicker__input {
  display: none;
}

/* line 18, app/assets/stylesheets/main/elements/forms/form-colorpicker.css.scss */
.form-colorpicker__color {
  flex-shrink: 0;
  width: 2.4rem;
  height: 2.4rem;
  border: 2px solid transparent;
  border-radius: var(--border-radius-lg);
  cursor: pointer;
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 28, app/assets/stylesheets/main/elements/forms/form-colorpicker.css.scss */
.form-colorpicker__color:hover {
  border-color: var(--color-picker-hover-border-c);
}

/* line 32, app/assets/stylesheets/main/elements/forms/form-colorpicker.css.scss */
.form-colorpicker__color--active {
  border-color: var(--color-picker-active-border-c);
  pointer-events: none;
}

/* line 37, app/assets/stylesheets/main/elements/forms/form-colorpicker.css.scss */
.form-colorpicker__dropdown-content {
  width: 15rem;
  height: 18.5rem;
  padding: 1rem 1.2rem;
}

/* line 1, app/assets/stylesheets/main/elements/forms/form-filepicker.css.scss */
.form-filepicker {
  width: 0.1px;
  height: 0.1px;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  opacity: 0;
}

/* line 9, app/assets/stylesheets/main/elements/forms/form-filepicker.css.scss */
.form-filepicker__container {
  --form-label-margin: 0;
  --form-label-padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* line 21, app/assets/stylesheets/main/elements/forms/form-filepicker.css.scss */
.form-filepicker:not(.form-filepicker--disabled, .form-filepicker:disabled) + .form-filepicker__label label:focus, .form-filepicker:not(.form-filepicker--disabled, .form-filepicker:disabled) + .form-filepicker__label label:hover {
  border-color: var(--input-focus-border-c);
}

/* line 29, app/assets/stylesheets/main/elements/forms/form-filepicker.css.scss */
.form-filepicker__label label {
  min-height: 2.4rem;
  padding: 0.1rem 1rem;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: var(--border-radius-lg);
  background: var(--input-bg);
  box-shadow: var(--input-shadow-c);
  overflow: hidden;
  font-weight: 500;
  font-size: var(--font-size-sm);
  line-height: var(--leading-xl);
  text-overflow: ellipsis;
  white-space: nowrap;
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 2, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.form-select__container {
  --_select-height: 5.6rem;
  --_select-button-height: 5.4rem;
  --_select-selection-font-size: var(--font-size-base);
  --_select-border-radius: var(--border-radius-xl);
  display: flex;
  min-height: var(--_select-height);
  border-radius: var(--_select-border-radius);
  box-shadow: var(--input-shadow-outer-c);
}

/* line 11, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.form-select__container select {
  opacity: 0;
}

/* line 16, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.form-select__container--size-sm {
  --_select-height: 3.2rem;
  --_select-button-height: 3rem;
  --_select-selection-font-size: var(--font-size-xs);
  --_select-border-radius: var(--border-radius-md);
}

/* line 2, app/assets/stylesheets/main/elements/forms/form-select/_single.css.scss */
.select2-container--form-select .select2-selection--single .select2-selection__rendered {
  color: var(--input-c);
  font-weight: 400;
  font-size: var(--_select-selection-font-size);
  line-height: var(--_select-height);
}

/* line 9, app/assets/stylesheets/main/elements/forms/form-select/_single.css.scss */
.select2-container--form-select .select2-selection--single .select2-selection__clear {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--_select-button-height);
  margin-right: 0;
  padding-right: 0;
  float: right;
  cursor: pointer;
}

/* line 20, app/assets/stylesheets/main/elements/forms/form-select/_single.css.scss */
.select2-container--form-select .select2-selection--single .select2-selection__placeholder {
  color: var(--input-placeholder-c);
}

/* line 24, app/assets/stylesheets/main/elements/forms/form-select/_single.css.scss */
.select2-container--form-select .select2-selection--single .select2-selection__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.6rem;
  height: var(--_select-button-height);
  position: absolute;
  top: 1px;
  right: 1px;
}

/* line 34, app/assets/stylesheets/main/elements/forms/form-select/_single.css.scss */
.select2-container--form-select .select2-selection--single .select2-selection__arrow b {
  --icon-color: var(--input-c);
  --icon-size: 0.8rem;
  position: absolute;
}

/* line 46, app/assets/stylesheets/main/elements/forms/form-select/_single.css.scss */
.select2-container--form-select[dir='rtl'] .select2-selection--single .select2-selection__clear {
  float: left;
}

/* line 50, app/assets/stylesheets/main/elements/forms/form-select/_single.css.scss */
.select2-container--form-select[dir='rtl'] .select2-selection--single .select2-selection__arrow {
  right: auto;
  left: 1px;
}

/* line 58, app/assets/stylesheets/main/elements/forms/form-select/_single.css.scss */
.select2-container--form-select.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

/* line 62, app/assets/stylesheets/main/elements/forms/form-select/_single.css.scss */
.select2-container--form-select.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

/* line 1, app/assets/stylesheets/main/elements/forms/form-select/_multiple.css.scss */
.select2-container--form-select .select2-selection--multiple {
  padding-right: 1.6rem;
  padding-bottom: 1.3rem;
  position: relative;
  cursor: text;
}

/* line 7, app/assets/stylesheets/main/elements/forms/form-select/_multiple.css.scss */
.select2-container--form-select .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}

/* line 11, app/assets/stylesheets/main/elements/forms/form-select/_multiple.css.scss */
.select2-container--form-select .select2-selection--multiple .select2-selection__clear {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.4rem;
  margin-top: 1.6rem;
  margin-right: 1.6rem;
  padding: 1px;
  position: absolute;
  right: 0;
  cursor: pointer;
}

/* line 24, app/assets/stylesheets/main/elements/forms/form-select/_multiple.css.scss */
.select2-container--form-select .select2-selection--multiple .select2-selection__choice {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: bottom;
  max-width: 100%;
  margin-top: 1.3rem;
  margin-left: 1.6rem;
  padding: 0;
  padding: 0.3rem 2rem 0.3rem 1rem;
  position: relative;
  border: 1px solid transparent;
  border-radius: var(--border-radius-sm);
  background-color: transparent;
  background-color: var(--input-bg);
  box-shadow: var(--input-shadow-c);
  overflow: hidden;
  color: var(--input-c);
  font-weight: 400;
  font-size: var(--font-size-sm);
  line-height: var(--leading-base);
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 48, app/assets/stylesheets/main/elements/forms/form-select/_multiple.css.scss */
.select2-container--form-select .select2-selection--multiple .select2-selection__choice__display {
  padding-right: 1.6rem;
  padding-left: 2px;
  cursor: default;
}

/* line 54, app/assets/stylesheets/main/elements/forms/form-select/_multiple.css.scss */
.select2-container--form-select .select2-selection--multiple .select2-selection__choice__remove {
  --icon-color: var(--input-icon-c);
  padding: 0 0.4rem;
  position: absolute;
  top: 50%;
  right: 0;
  border: none;
  border-top-left-radius: var(--border-radius-sm);
  border-bottom-left-radius: var(--border-radius-sm);
  background-color: transparent;
  font-size: 0;
  font-size: 0;
  cursor: pointer;
  margin-top: -0.6rem;
}

/* line 71, app/assets/stylesheets/main/elements/forms/form-select/_multiple.css.scss */
.select2-container--form-select .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--form-select .select2-selection--multiple .select2-selection__choice__remove:focus {
  outline: none;
}

/* line 76, app/assets/stylesheets/main/elements/forms/form-select/_multiple.css.scss */
.select2-container--form-select .select2-selection--multiple .select2-selection__choice__remove:hover {
  --icon-color: var(--input-icon-active-c);
}

/* line 80, app/assets/stylesheets/main/elements/forms/form-select/_multiple.css.scss */
.select2-container--form-select .select2-selection--multiple .select2-selection__choice__remove:before {
  font-size: 1rem;
}

/* line 88, app/assets/stylesheets/main/elements/forms/form-select/_multiple.css.scss */
.select2-container--form-select[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-right: auto;
  margin-left: 5px;
  padding: 0.3rem 1rem 0.3rem 2rem;
}

/* line 94, app/assets/stylesheets/main/elements/forms/form-select/_multiple.css.scss */
.select2-container--form-select[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-right: 2px;
  padding-left: 5px;
}

/* line 99, app/assets/stylesheets/main/elements/forms/form-select/_multiple.css.scss */
.select2-container--form-select[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  right: auto;
  left: 0;
  border-right: none;
  border-top-right-radius: var(--border-radius-sm);
  border-top-left-radius: 0;
  border-bottom-right-radius: var(--border-radius-sm);
  border-bottom-left-radius: 0;
}

/* line 109, app/assets/stylesheets/main/elements/forms/form-select/_multiple.css.scss */
.select2-container--form-select[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
  margin-right: auto;
  margin-left: 10px;
  float: left;
}

/* line 118, app/assets/stylesheets/main/elements/forms/form-select/_multiple.css.scss */
.select2-container--form-select.select2-container--focus .select2-selection--multiple {
  outline: 0;
}

/* line 124, app/assets/stylesheets/main/elements/forms/form-select/_multiple.css.scss */
.select2-container--form-select.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

/* line 129, app/assets/stylesheets/main/elements/forms/form-select/_multiple.css.scss */
.select2-container--form-select.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

/* line 30, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.select2-container--form-select .select2-selection {
  border: 1px solid var(--input-border-c);
  border-radius: var(--_select-border-radius);
  background-color: var(--input-bg);
  box-shadow: var(--input-shadow-c);
  outline: none;
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 41, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.select2-container--form-select.select2-container.select2-container--open:not(.select2-container--disabled) .select2-selection, .select2-container--form-select.select2-container:not(.select2-container--disabled):hover .select2-selection {
  border-color: var(--input-focus-border-c);
}

/* line 47, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.select2-container--form-select.select2-container--disabled .select2-selection {
  border-color: var(--input-disabled-border-c);
  background-color: var(--input-disabled-bg);
  color: var(--input-disabled-c);
  cursor: not-allowed;
}

/* line 53, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.select2-container--form-select.select2-container--disabled .select2-selection::placeholder {
  color: var(--input-placeholder-disabled-c);
}

/* line 58, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.select2-container--form-select .select2-search--dropdown {
  margin: 0.8rem 1.6rem;
  padding: 0;
  border-radius: var(--border-radius-xl);
  box-shadow: var(--input-dropdown-shadow-outer-c);
}

/* line 64, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.select2-container--form-select .select2-search--dropdown .select2-search__field {
  width: 100%;
  min-height: 3.8rem;
  padding: 0.5rem 1.6rem;
  border: 1px solid var(--input-border-c);
  border-radius: var(--border-radius-xl);
  background-color: var(--input-bg);
  box-shadow: var(--input-dropdown-shadow-c);
  outline: none;
  color: var(--input-c);
  font-weight: 400;
  font-size: var(--font-size-base);
  line-height: var(--leading-lg);
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 82, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.select2-container--form-select .select2-search--inline {
  display: inline;
}

/* line 84, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.select2-container--form-select .select2-search--inline .select2-search__field {
  width: auto !important;
  -webkit-appearance: textfield;
  border: none;
  background: transparent;
  box-shadow: none;
  outline: 0;
}

/* line 94, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.select2-container--form-select .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

/* line 100, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.select2-container--form-select .select2-results__option {
  cursor: pointer;
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 105, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.select2-container--form-select .select2-results__option:not(:last-child) {
  border-bottom: 1px solid var(--input-bg);
}

/* line 109, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.select2-container--form-select .select2-results__option .select2-results__option {
  padding-left: 1em;
}

/* line 112, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.select2-container--form-select .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

/* line 116, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.select2-container--form-select .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

/* line 120, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.select2-container--form-select .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

/* line 124, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.select2-container--form-select .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

/* line 128, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.select2-container--form-select .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

/* line 132, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.select2-container--form-select .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

/* line 142, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.select2-container--form-select .select2-results__option:first-child {
  border-top-right-radius: var(--border-radius-xl);
  border-top-left-radius: var(--border-radius-xl);
}

/* line 146, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.select2-container--form-select .select2-results__option:last-child {
  border-bottom-right-radius: var(--border-radius-xl);
  border-bottom-left-radius: var(--border-radius-xl);
}

/* line 154, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.select2-container--form-select .select2-search + .select2-results .select2-results__option:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

/* line 161, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.select2-container--form-select .select2-results__option--group {
  padding: 0;
}

/* line 165, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.select2-container--form-select .select2-results__option--highlighted {
  background-color: var(--select-results-option-highlighted-bg);
  color: var(--select-results-option-highlighted-c);
}

/* line 170, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.select2-container--form-select .select2-results__option--disabled {
  color: var(--select-results-option-disabled-c);
  cursor: not-allowed;
}

/* line 175, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.select2-container--form-select .select2-results__option[aria-selected='true'] {
  background-color: var(--select-results-option-selected-bg);
  color: var(--select-results-option-selected-c);
}

/* line 180, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.select2-container--form-select .select2-selection__clear {
  --icon-color: var(--input-icon-c);
  font-size: 0;
}

/* line 186, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.select2-container--form-select .select2-selection__clear:hover {
  --icon-color: var(--input-icon-active-c);
}

/* line 190, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.select2-container--form-select .select2-selection__clear:before {
  font-size: 1rem;
}

/* line 195, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.select2-container--form-select.select2-container--disabled .select2-selection__choice {
  padding: 0.3rem 1.6rem;
}

/* line 199, app/assets/stylesheets/main/elements/forms/form-select/index.css.scss */
.select2-container--form-select .select2-results__group {
  display: block;
  padding: 0.8rem 1.6rem;
  cursor: default;
}

/* line 1, app/assets/stylesheets/main/elements/forms/form-error.css.scss */
.form-error {
  max-width: var(--form-error-max-width, none);
  margin: var(--form-error-margin, 0 0 1.6rem 0);
}

/* line 5, app/assets/stylesheets/main/elements/forms/form-error.css.scss */
.form-error__description {
  background-color: var(--error-description-bg);
  color: var(--error-description-c);
  font-weight: 500;
  font-size: var(--font-size-sm);
}

/* line 12, app/assets/stylesheets/main/elements/forms/form-error.css.scss */
.form-error__error:not(:last-child) {
  margin-bottom: 0.4rem;
}

/* line 1, app/assets/stylesheets/main/elements/forms/form-hint.css.scss */
.form-hint {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}

/* line 6, app/assets/stylesheets/main/elements/forms/form-hint.css.scss */
.form-hint__icon {
  cursor: pointer;
}

/* line 9, app/assets/stylesheets/main/elements/forms/form-hint.css.scss */
.form-hint__icon:hover {
  --icon-color: var(--input-hint-hover-c);
}

/* line 14, app/assets/stylesheets/main/elements/forms/form-hint.css.scss */
.form-hint__tooltip-content {
  padding: 0.6rem 0.8rem;
  font-size: var(--font-size-xs);
  line-height: var(--leading-base);
  white-space: pre-line;
}

/* line 1, app/assets/stylesheets/main/elements/forms/form-about.css.scss */
.form-about {
  margin-bottom: 1.4rem;
  color: var(--input-description-c);
  font-size: var(--font-size-sm);
  line-height: var(--font-size-lg);
}

/* line 1, app/assets/stylesheets/main/elements/forms/form-description.css.scss */
.form-description {
  margin-top: 1.4rem;
  color: var(--input-description-c);
  font-size: var(--font-size-sm);
  line-height: var(--font-size-lg);
}

/* line 1, app/assets/stylesheets/main/elements/forms/form-delete.css.scss */
.form-delete {
  display: flex;
  gap: 0.8rem;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 2rem;
  padding: 1.6rem;
  border: 1px solid var(--input-border-c);
  border-radius: var(--border-radius-xl);
  background-color: var(--input-bg);
  box-shadow: var(--input-shadow-c);
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 15, app/assets/stylesheets/main/elements/forms/form-delete.css.scss */
.form-delete__container {
  display: flex;
  gap: 1.6rem;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

@media (max-width: 767px) {
  /* line 15, app/assets/stylesheets/main/elements/forms/form-delete.css.scss */
  .form-delete__container {
    flex-direction: column;
  }
}

/* line 26, app/assets/stylesheets/main/elements/forms/form-delete.css.scss */
.form-delete__button {
  flex-shrink: 0;
}

/* line 1, app/assets/stylesheets/main/elements/forms/form-title.css.scss */
.form-title {
  display: flex;
  gap: 1.2rem;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: 0 1.6rem;
  font-size: var(--font-size-xl);
  line-height: var(--leading-3xl);
}

/* line 10, app/assets/stylesheets/main/elements/forms/form-title.css.scss */
.form-title--centered {
  text-align: center;
}

/* line 14, app/assets/stylesheets/main/elements/forms/form-title.css.scss */
.form-title--created {
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: var(--font-size-4xl);
  line-height: var(--leading-5xl);
  justify-content: center;
}

@media (max-width: 639px) {
  /* line 14, app/assets/stylesheets/main/elements/forms/form-title.css.scss */
  .form-title--created {
    font-size: var(--font-size-2xl);
    line-height: var(--leading-3xl);
  }
}

/* line 3, app/assets/stylesheets/main/elements/forms/form-field-error.css.scss */
.form-field-error {
  display: var(--form-field-error-display, flex);
  gap: 0.4rem;
  margin: var(--form-field-error-margin, 0.6rem 0 0 0);
  padding: var(--form-field-error-padding, 0 1.6rem);
  color: var(--input-icon-error-c);
  font-size: var(--font-size-xs);
  line-height: var(--leading-base);
}

/* line 1, app/assets/stylesheets/main/elements/forms/form-range-datepicker.css.scss */
.form-range-datepicker {
  display: flex;
  gap: 0.1rem;
  position: relative;
}

/* line 6, app/assets/stylesheets/main/elements/forms/form-range-datepicker.css.scss */
.form-range-datepicker .flatpickr-day {
  margin: 0 0 0.3rem 0;
}

/* line 10, app/assets/stylesheets/main/elements/forms/form-range-datepicker.css.scss */
.form-range-datepicker .flatpickr-calendar {
  top: calc(100% + 1px);
  left: 0;
}

/* line 15, app/assets/stylesheets/main/elements/forms/form-range-datepicker.css.scss */
.form-range-datepicker .flatpickr-calendar,
.form-range-datepicker .flatpickr-rContainer {
  width: 100%;
}

/* line 20, app/assets/stylesheets/main/elements/forms/form-range-datepicker.css.scss */
.form-range-datepicker__date {
  width: 100%;
}

/* line 23, app/assets/stylesheets/main/elements/forms/form-range-datepicker.css.scss */
.form-range-datepicker__date .flatpickr-wrapper {
  position: unset;
}

/* line 28, app/assets/stylesheets/main/elements/forms/form-range-datepicker.css.scss */
.form-range-datepicker__date:first-child:not(:last-child) .form-datepicker__container,
.form-range-datepicker__date:first-child:not(:last-child) .form-datepicker {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 36, app/assets/stylesheets/main/elements/forms/form-range-datepicker.css.scss */
.form-range-datepicker__date:last-child:not(:first-child) .form-label {
  justify-content: flex-end;
}

/* line 39, app/assets/stylesheets/main/elements/forms/form-range-datepicker.css.scss */
.form-range-datepicker__date:last-child:not(:first-child) .form-datepicker__container,
.form-range-datepicker__date:last-child:not(:first-child) .form-datepicker {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  text-align: right;
}

/* line 1, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text {
  --_text-color: var(--text-color, var(--text-primary-c));
  color: var(--_text-color);
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 8, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text--primary {
  --_text-color: var(--text-primary-c);
}

/* line 11, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text--secondary {
  --_text-color: var(--text-secondary-c);
}

/* line 14, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text--ternary {
  --_text-color: var(--text-ternary-c);
}

/* line 17, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text--light {
  --_text-color: var(--text-light-c);
}

/* line 20, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text--success {
  --_text-color: var(--text-success-c);
}

/* line 25, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text--mini {
  font-size: var(--font-size-mini);
  line-height: var(--leading-base);
}

/* line 32, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text--xss {
  font-size: var(--font-size-xxs);
  line-height: var(--leading-xs);
}

/* line 39, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text--xs, .text--xs-2, .text--xs-3 {
  font-size: var(--font-size-xs);
}

/* line 44, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text--xs {
  line-height: var(--leading-sm);
}

/* line 49, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text--xs-2 {
  line-height: var(--leading-base);
}

/* line 54, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text--xs-3 {
  line-height: var(--leading-lg);
}

/* line 60, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text--sm, .text--sm-2, .text--sm-3 {
  font-size: var(--font-size-sm);
}

/* line 65, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text--sm {
  line-height: var(--leading-base);
}

/* line 70, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text--sm-2 {
  line-height: var(--leading-lg);
}

/* line 75, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text--sm-3 {
  line-height: var(--leading-xl);
}

/* line 80, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text--base {
  font-size: var(--font-size-base);
  line-height: var(--leading-xl);
}

/* line 86, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text--lg, .text--lg-2 {
  font-size: var(--font-size-lg);
}

/* line 90, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text--lg {
  line-height: var(--leading-base);
}

/* line 95, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text--lg-2 {
  line-height: var(--leading-xl);
}

/* line 100, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text--lg-3 {
  line-height: var(--leading-2xl);
}

/* line 105, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text--xl {
  font-size: var(--font-size-xl);
  line-height: var(--leading-3xl);
}

/* line 111, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text--2xl {
  font-size: var(--font-size-2xl);
  line-height: var(--leading-3xl);
}

/* line 117, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text--3xl {
  font-size: var(--font-size-3xl);
  line-height: var(--leading-3xl);
}

/* line 123, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text--5xl {
  font-size: var(--font-size-5xl);
  line-height: var(--leading-6xl);
}

/* line 130, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text--regular {
  font-weight: 400;
}

/* line 133, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text--medium {
  font-weight: 500;
}

/* line 136, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text--semibold {
  font-weight: 600;
}

/* line 139, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text--bold {
  font-weight: 700;
}

/* line 143, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text--truncated {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 148, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text--capitalized {
  text-transform: capitalize;
}

/* line 153, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text--family-secondary {
  font-family: var(--font-family-secondary);
}

/* line 156, app/assets/stylesheets/main/elements/texts/text.css.scss */
.text--family-tertiary {
  font-family: var(--font-family-tertiary);
}

/* line 3, app/assets/stylesheets/main/elements/inputs/radio-tab-list.css.scss */
.radio-tab-list {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  margin-block-end: 1.6rem;
  padding: 0.4rem;
  border-radius: var(--border-radius-lg);
  background-color: var(--tab-list-secondary-bg);
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 15, app/assets/stylesheets/main/elements/inputs/radio-tab-list.css.scss */
.radio-tab-list__container {
  --scrollbar-height: 0.1rem;
  display: flex;
  gap: 0.1rem;
  flex-grow: 1;
  flex-direction: row;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 1023px) {
  /* line 26, app/assets/stylesheets/main/elements/inputs/radio-tab-list.css.scss */
  .radio-tab-list__container::-webkit-scrollbar {
    display: none;
  }
}

/* line 3, app/assets/stylesheets/main/elements/inputs/radio-tab.css.scss */
.radio-tab {
  --_tab-text-c: var(--tab-c);
  display: inline-flex;
  align-items: center;
  position: relative;
}

/* line 9, app/assets/stylesheets/main/elements/inputs/radio-tab.css.scss */
.radio-tab input {
  display: none;
}

/* line 13, app/assets/stylesheets/main/elements/inputs/radio-tab.css.scss */
.radio-tab label {
  padding: 0.75rem 1rem;
  border-radius: var(--border-radius-lg);
  color: var(--_tab-text-c);
  font-weight: 600;
  font-size: var(--font-size-sm);
  line-height: var(--leading-lg);
  cursor: pointer;
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 26, app/assets/stylesheets/main/elements/inputs/radio-tab.css.scss */
.radio-tab.radio-tab--sm label {
  padding: 0.3rem 1.6rem;
}

/* line 32, app/assets/stylesheets/main/elements/inputs/radio-tab.css.scss */
.radio-tab input:checked + label {
  --_tab-text-c: var(--tab-c);
  background-color: var(--tab-secondary-active-bg);
  cursor: default;
  pointer-events: none;
}

/* line 38, app/assets/stylesheets/main/elements/inputs/radio-tab.css.scss */
.radio-tab input:checked + label:hover {
  --_tab-text-c: var(--tab-c);
}

/* line 45, app/assets/stylesheets/main/elements/inputs/radio-tab.css.scss */
.radio-tab--disabled input + label {
  --_tab-text-c: var(--tab-disabled-c);
  cursor: not-allowed;
  pointer-events: none;
}

/* line 53, app/assets/stylesheets/main/elements/inputs/radio-tab.css.scss */
.radio-tab:not(.radio-tab--disabled):hover {
  --_tab-text-c: var(--tab-hover-c);
}

/* line 58, app/assets/stylesheets/main/elements/inputs/radio-tab.css.scss */
.radio-tab__text {
  --icon-color: var(--_tab-text-c);
  display: flex;
  align-items: center;
  white-space: nowrap;
}

/* line 1, app/assets/stylesheets/login/elements/flash.css.scss */
.flash {
  --flash-container-right: 4rem;
  --flash-container-bottom: 2rem;
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/login/elements/flash.css.scss */
  .flash {
    --flash-container-right: 2.5rem;
    --flash-container-bottom: 0;
  }
}

/* import components styles*/
/* line 1, app/assets/stylesheets/main/components/basic/header.css.scss */
.header {
  --header-height: 4.8rem;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  width: 100%;
  height: var(--header-height, 4.8rem);
  padding: 0.8rem 1.6rem;
  position: relative;
  z-index: 10;
  background-color: var(--header-bg-c);
}

@media (max-width: 1023px) {
  /* line 1, app/assets/stylesheets/main/components/basic/header.css.scss */
  .header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
  }
}

@media (max-width: 1279px) {
  /* line 1, app/assets/stylesheets/main/components/basic/header.css.scss */
  .header {
    justify-content: space-between;
  }
}

/* line 25, app/assets/stylesheets/main/components/basic/header.css.scss */
.header__trigger-menu {
  display: none;
  width: 3rem;
  height: 3rem;
  margin-right: 0.8rem;
}

@media (max-width: 1279px) {
  /* line 25, app/assets/stylesheets/main/components/basic/header.css.scss */
  .header__trigger-menu {
    display: block;
  }
}

/* line 36, app/assets/stylesheets/main/components/basic/header.css.scss */
.header__trigger-icon {
  width: 3rem;
  height: 2rem;
  position: relative;
  top: 2px;
  cursor: pointer;
}

/* line 44, app/assets/stylesheets/main/components/basic/header.css.scss */
.header__trigger-bar {
  width: 100%;
  height: 4px;
  position: absolute;
  left: 2px;
  border-radius: 0.4rem;
  background-color: var(--header-link-active-c);
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

/* line 54, app/assets/stylesheets/main/components/basic/header.css.scss */
.header__trigger-bar:first-child {
  top: 0px;
  transform-origin: left center;
}

/* line 59, app/assets/stylesheets/main/components/basic/header.css.scss */
.header__trigger-bar:last-child {
  top: 11px;
  transform-origin: left center;
}

/* line 67, app/assets/stylesheets/main/components/basic/header.css.scss */
.header__list.is-visible + .header__controls .header__trigger-bar:first-child {
  top: -4px;
  transform: rotate(45deg);
}

/* line 72, app/assets/stylesheets/main/components/basic/header.css.scss */
.header__list.is-visible + .header__controls .header__trigger-bar:last-child {
  top: 17px;
  transform: rotate(-45deg);
}

/* line 79, app/assets/stylesheets/main/components/basic/header.css.scss */
.header__logo {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  width: 24.2rem;
}

@media (max-width: 1379px) {
  /* line 79, app/assets/stylesheets/main/components/basic/header.css.scss */
  .header__logo {
    width: 19.2rem;
  }
}

@media (max-width: 1279px) {
  /* line 79, app/assets/stylesheets/main/components/basic/header.css.scss */
  .header__logo {
    width: auto;
  }
}

/* line 94, app/assets/stylesheets/main/components/basic/header.css.scss */
.header__logo-text {
  max-width: 15.2rem;
}

/* line 98, app/assets/stylesheets/main/components/basic/header.css.scss */
.header__logo-link {
  display: flex;
  align-items: center;
  min-width: 0;
}

/* line 103, app/assets/stylesheets/main/components/basic/header.css.scss */
.header__logo-link:not(.header__logo-link--active):hover {
  --text-color: var(--header-link-hover-c);
}

/* line 107, app/assets/stylesheets/main/components/basic/header.css.scss */
.header__logo-link--active {
  cursor: default;
  pointer-events: none;
}

/* line 113, app/assets/stylesheets/main/components/basic/header.css.scss */
.header__logo-avatar {
  flex-shrink: 0;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.8rem;
}

/* line 120, app/assets/stylesheets/main/components/basic/header.css.scss */
.header__actions {
  display: none;
}

@media (max-width: 1279px) {
  /* line 120, app/assets/stylesheets/main/components/basic/header.css.scss */
  .header__actions {
    display: flex;
    padding: 1.6rem 0;
  }
}

/* line 129, app/assets/stylesheets/main/components/basic/header.css.scss */
.header__list {
  display: flex;
  flex-grow: 1;
  align-items: center;
  padding: 0 3.2rem;
}

@media (max-width: 1279px) {
  /* line 129, app/assets/stylesheets/main/components/basic/header.css.scss */
  .header__list {
    display: none;
    padding: 0;
    position: fixed;
    top: 4.8rem;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    border-top: 1px solid var(--header-link-active-bg-c);
    background-color: var(--header-link-active-bg-c);
    overflow-y: auto;
  }
  /* line 148, app/assets/stylesheets/main/components/basic/header.css.scss */
  .header__list.is-visible {
    display: block;
  }
}

/* line 154, app/assets/stylesheets/main/components/basic/header.css.scss */
.header__links {
  display: flex;
  background-color: var(--header-bg-c);
}

@media (max-width: 1279px) {
  /* line 154, app/assets/stylesheets/main/components/basic/header.css.scss */
  .header__links {
    flex-direction: column;
    padding: 1.6rem;
  }
}

/* line 164, app/assets/stylesheets/main/components/basic/header.css.scss */
.header__link {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  padding: 0.8rem 1.6rem 0.8rem 0.8rem;
  border-radius: var(--border-radius-lg);
  font-weight: 500;
  line-height: var(--leading-lg);
  white-space: nowrap;
}

/* line 174, app/assets/stylesheets/main/components/basic/header.css.scss */
.header__link:before {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.4rem;
  border-radius: 50%;
  background-color: var(--header-link-indicator-bg-c);
}

/* line 185, app/assets/stylesheets/main/components/basic/header.css.scss */
.header__link:not(.header__link--active):hover {
  color: var(--header-link-hover-c);
}

/* line 189, app/assets/stylesheets/main/components/basic/header.css.scss */
.header__link--active {
  background-color: var(--header-link-active-bg-c);
  box-shadow: var(--header-link-active-shadow);
  color: var(--header-link-active-c);
}

/* line 194, app/assets/stylesheets/main/components/basic/header.css.scss */
.header__link--active:before {
  background-color: var(--header-link-active-c);
}

/* line 200, app/assets/stylesheets/main/components/basic/header.css.scss */
.header__controls {
  gap: 0.8rem;
  flex-shrink: 0;
}

@media (min-width: 1281px) {
  /* line 200, app/assets/stylesheets/main/components/basic/header.css.scss */
  .header__controls {
    margin-right: 1.6rem;
    position: relative;
  }
}

/* line 210, app/assets/stylesheets/main/components/basic/header.css.scss */
.header__langs, .header__user, .header__controls {
  display: flex;
  align-items: center;
}

/* line 217, app/assets/stylesheets/main/components/basic/header.css.scss */
.header__user-button {
  --icon-size: 0.8rem;
  padding-right: 0.4rem;
  padding-left: 0.4rem;
}

/* line 222, app/assets/stylesheets/main/components/basic/header.css.scss */
.header__user-button i {
  margin-left: 0.4rem;
}

/* line 228, app/assets/stylesheets/main/components/basic/header.css.scss */
.header__lang svg {
  width: 2.5rem;
  height: auto;
  border-radius: 0.2rem;
}

/* line 235, app/assets/stylesheets/main/components/basic/header.css.scss */
.header__lang-button {
  --icon-size: 0.8rem;
  padding-right: 0.4rem;
  padding-left: 0.4rem;
}

/* line 240, app/assets/stylesheets/main/components/basic/header.css.scss */
.header__lang-button i {
  margin-left: 0.4rem;
}

/* line 244, app/assets/stylesheets/main/components/basic/header.css.scss */
.header__lang-button svg {
  width: 2.5rem;
  height: auto;
  border-radius: 0.2rem;
}

/* line 252, app/assets/stylesheets/main/components/basic/header.css.scss */
.tippy-content:has(.header__dropdown-lang) {
  min-width: auto !important;
}

/* line 1, app/assets/stylesheets/login/components/device-shared-links.css.scss */
.device-shared-links {
  --group-c: #5c5a57;
  display: flex;
  gap: 1rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3.5rem 0;
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/login/components/device-shared-links.css.scss */
  .device-shared-links {
    padding: 1.5rem 0;
  }
}

/* line 14, app/assets/stylesheets/login/components/device-shared-links.css.scss */
.device-shared-links__group {
  gap: 0.8rem;
  color: var(--group-c);
}

/* line 18, app/assets/stylesheets/login/components/device-shared-links.css.scss */
.device-shared-links__group a {
  padding: 0.3rem 1rem;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: var(--border-radius-lg);
  background: #fff;
  color: var(--color-black);
}

/* line 1, app/assets/stylesheets/login/components/login-overlay.css.scss */
.login-overlay {
  --input-label-c: var(--color-black);
  display: flex;
  flex-direction: column;
  inline-size: 100%;
  max-inline-size: 65rem;
  padding-inline: 9.6rem;
  padding-block-start: 5.6rem;
  padding-block-end: 5.6rem;
  border: 1px solid #e3ded6;
  border-radius: 32px;
  background: var(--color-orange-50);
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/login/components/login-overlay.css.scss */
  .login-overlay {
    --form-label-margin: 0 0 1.2rem 0;
    padding-inline: 2.5rem;
    padding-block-start: 0;
  }
}

/* line 20, app/assets/stylesheets/login/components/login-overlay.css.scss */
.login-overlay--office {
  max-inline-size: 112rem;
  padding-inline: 0;
  padding-block-start: 0;
  padding-block-end: 0;
}

/* line 26, app/assets/stylesheets/login/components/login-overlay.css.scss */
.login-overlay--success {
  align-items: center;
  justify-content: center;
  inline-size: auto;
  max-inline-size: 64rem;
  padding-inline: 3.4rem;
  padding-block-start: 4.8rem;
  padding-block-end: 4rem;
  position: relative;
}

@media (max-width: 767px) {
  /* line 26, app/assets/stylesheets/login/components/login-overlay.css.scss */
  .login-overlay--success {
    margin: 0.8rem;
    padding-inline: 3.2rem;
    padding-block-start: 3.2rem;
    padding-block-end: 1rem;
  }
}

/* line 1, app/assets/stylesheets/login/components/login-content.css.scss */
.login-content {
  --progress-steps-margin: 0 0 6rem 0;
  inline-size: 100%;
  position: relative;
  font-family: var(--font-family-tertiary);
  text-align: center;
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/login/components/login-content.css.scss */
  .login-content {
    --progress-steps-margin: 0 0 3.2rem 0;
    padding: 4rem 2.4rem 0;
  }
}

@media (max-width: 639px) {
  /* line 1, app/assets/stylesheets/login/components/login-content.css.scss */
  .login-content {
    padding: 4rem 0 0;
  }
}

/* line 17, app/assets/stylesheets/login/components/login-content.css.scss */
.login-content__company-avatar {
  margin-block-end: 4.8rem;
}

/* line 21, app/assets/stylesheets/login/components/login-content.css.scss */
.login-content h1 {
  padding-block-end: 1.2rem;
  color: #191919;
  font-weight: normal;
  font-size: var(--font-size-4xl);
  line-height: var(--leading-4xl);
  letter-spacing: -0.01em;
  text-align: center;
}

@media (max-width: 767px) {
  /* line 21, app/assets/stylesheets/login/components/login-content.css.scss */
  .login-content h1 {
    font-size: 31px;
    line-height: 37px;
  }
}

/* line 36, app/assets/stylesheets/login/components/login-content.css.scss */
.login-content a {
  text-decoration: underline;
}

/* line 40, app/assets/stylesheets/login/components/login-content.css.scss */
.login-content__description {
  color: var(--color-gray-675);
  font-size: 18px;
  line-height: 24px;
  text-align: center;
}

/* line 1, app/assets/stylesheets/login/components/login-container.css.scss */
.login-container {
  block-size: 100%;
  position: relative;
  background-image: url(/assets/login-icons/registration-preview-efdd8fe194daf34838a57a7f803a8c15d83fa53092ce7d693ba8d5b5f81c8923.svg);
  background-position: bottom 4.4rem center;
  background-size: 100%;
  background-repeat: no-repeat;
}

/* line 9, app/assets/stylesheets/login/components/login-container.css.scss */
.login-container__logo {
  --header-bg-c: transparent;
  --header-height: 7rem;
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
}

@media (max-width: 767px) {
  /* line 9, app/assets/stylesheets/login/components/login-container.css.scss */
  .login-container__logo {
    --header-height: 5.2rem;
  }
}

/* line 20, app/assets/stylesheets/login/components/login-container.css.scss */
.login-container__logo a {
  position: absolute;
  inset-inline-start: 4.8rem;
  inset-block-start: 2.4rem;
}

@media (max-width: 767px) {
  /* line 20, app/assets/stylesheets/login/components/login-container.css.scss */
  .login-container__logo a {
    display: none;
  }
}

/* line 31, app/assets/stylesheets/login/components/login-container.css.scss */
.login-container__form {
  display: flex;
  justify-content: end;
  min-block-size: 100%;
  padding-inline: 2rem;
  padding-block: 2rem;
}

@media (max-width: 767px) {
  /* line 31, app/assets/stylesheets/login/components/login-container.css.scss */
  .login-container__form {
    padding: 0;
  }
}

/* line 42, app/assets/stylesheets/login/components/login-container.css.scss */
.login-container__form:has(.login-overlay--success) {
  align-items: center;
  justify-content: center;
}

/* line 1, app/assets/stylesheets/login/components/login-form.css.scss */
.login-form {
  --office-font-family: var(--font-family-secondary);
}

/* line 4, app/assets/stylesheets/login/components/login-form.css.scss */
.login-form__overlay {
  padding-block-start: 1.6rem;
}

/* line 8, app/assets/stylesheets/login/components/login-form.css.scss */
.login-form__submit {
  margin-top: 1.5rem;
  margin-bottom: 3.2rem;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.07), 0px 1px 0px 0px rgba(0, 0, 0, 0.19), 0px 4px 8px 0px rgba(0, 0, 0, 0.07), 0px 1px 0px 0px rgba(0, 0, 0, 0.19), 0px 4px 8px 0px rgba(0, 0, 0, 0.07), 0px 1px 0px 0px rgba(0, 0, 0, 0.19);
}

/* line 16, app/assets/stylesheets/login/components/login-form.css.scss */
.login-form__avatar {
  margin-block-end: 1.5rem;
}

/* line 20, app/assets/stylesheets/login/components/login-form.css.scss */
.login-form__input-domain-container {
  position: relative;
}

@media (min-width: 641px) {
  /* line 24, app/assets/stylesheets/login/components/login-form.css.scss */
  .login-form__input-domain {
    padding-right: 13rem;
  }
}

/* line 30, app/assets/stylesheets/login/components/login-form.css.scss */
.login-form__input-domain-text {
  position: absolute;
  top: 4.35rem;
  right: 2rem;
  z-index: 1;
  opacity: 0.5;
  pointer-events: none;
}

@media (max-width: 639px) {
  /* line 30, app/assets/stylesheets/login/components/login-form.css.scss */
  .login-form__input-domain-text {
    top: 0;
  }
}

/* line 43, app/assets/stylesheets/login/components/login-form.css.scss */
.login-form__agreement {
  max-width: 30rem;
  margin: 0 auto;
  text-align: center;
}

/* line 48, app/assets/stylesheets/login/components/login-form.css.scss */
.login-form__agreement a {
  text-decoration: underline;
}

/* line 53, app/assets/stylesheets/login/components/login-form.css.scss */
.login-form__auth {
  display: flex;
  gap: 1.6rem;
  flex-direction: column;
  margin-top: 3.2rem;
}

/* line 61, app/assets/stylesheets/login/components/login-form.css.scss */
.login-form__auth-button svg {
  flex-shrink: 0;
}

/* line 66, app/assets/stylesheets/login/components/login-form.css.scss */
.login-form__divider {
  margin: var(--dwg-spacing__unit--2, 16px) 0;
  position: relative;
  clear: both;
  overflow: hidden;
  text-align: center;
}

/* line 73, app/assets/stylesheets/login/components/login-form.css.scss */
.login-form__divider:after, .login-form__divider:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  height: 1px;
  position: relative;
  background-color: #e3ded6;
}

/* line 84, app/assets/stylesheets/login/components/login-form.css.scss */
.login-form__divider:before {
  margin-left: -50%;
  right: 0;
}

/* line 89, app/assets/stylesheets/login/components/login-form.css.scss */
.login-form__divider:after {
  margin-right: -50%;
  left: 0;
}

/* line 94, app/assets/stylesheets/login/components/login-form.css.scss */
.login-form__divider span {
  margin: 0 1.6rem;
  color: var(--color-gray-675);
}

/* line 1, app/assets/stylesheets/login/components/login-upload.css.scss */
.login-upload {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 6, app/assets/stylesheets/login/components/login-upload.css.scss */
.login-upload__avatar {
  width: 7.2rem;
  height: 7.2rem;
  margin-block-start: 2rem;
  border-radius: 1.4rem;
  background-image: url(/assets/login-icons/no-company-preview-5306922bb468490b77fc6a32b6512fb4e6d83abc9d59150474d1c0d66f6877fc.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: var(--avatar-bg-c);
  box-shadow: 0px 1.72414px 0px var(--avatar-box-shadow-1), 0px 3.44828px 6.89655px var(--avatar-box-shadow-2);
  overflow: hidden;
  user-select: none;
}

/* line 21, app/assets/stylesheets/login/components/login-upload.css.scss */
.login-upload__name {
  display: flex;
  gap: 0.8rem;
  margin-block-start: 1rem;
  font-size: 1.4rem;
}

/* line 28, app/assets/stylesheets/login/components/login-upload.css.scss */
.login-upload__button {
  --form-field-min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-block-start: 1.2rem;
}

/* line 1, app/assets/stylesheets/login/components/create-office-form.css.scss */
.create-office-form {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
}

@media (max-width: 1023px) {
  /* line 1, app/assets/stylesheets/login/components/create-office-form.css.scss */
  .create-office-form {
    flex-direction: column;
  }
}

/* line 9, app/assets/stylesheets/login/components/create-office-form.css.scss */
.create-office-form__column {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  width: 50%;
  padding: 7.2rem;
}

@media (max-width: 1023px) {
  /* line 9, app/assets/stylesheets/login/components/create-office-form.css.scss */
  .create-office-form__column {
    width: 100%;
    padding: 6rem 2.4rem;
  }
}

/* line 21, app/assets/stylesheets/login/components/create-office-form.css.scss */
.create-office-form__column--first {
  display: flex;
  gap: 4.8rem;
  justify-content: space-between;
  border-top-left-radius: 3.2rem;
  border-bottom-left-radius: 3.2rem;
  background-image: url(/assets/login-icons/registration-office-pattern-40d57938b86ea28b5ab7cceee786dab0d3d74a1313bac9f188c4309448a6447e.svg);
  background-position: top;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: var(--color-orange-50);
}

/* line 33, app/assets/stylesheets/login/components/create-office-form.css.scss */
.create-office-form__column--second {
  background-color: var(--color-orange-75);
}

@media (min-width: 1025px) {
  /* line 33, app/assets/stylesheets/login/components/create-office-form.css.scss */
  .create-office-form__column--second {
    border-top-right-radius: 3.2rem;
    border-bottom-right-radius: 3.2rem;
  }
}

/* line 43, app/assets/stylesheets/login/components/create-office-form.css.scss */
.create-office-form__title {
  color: #191919;
  font-weight: normal;
  font-family: var(--font-family-secondary);
  font-size: 5.6rem;
  line-height: 108%;
  letter-spacing: -0.56px;
}

@media (max-width: 1023px) {
  /* line 43, app/assets/stylesheets/login/components/create-office-form.css.scss */
  .create-office-form__title {
    font-size: 3.2rem;
  }
}

/* line 55, app/assets/stylesheets/login/components/create-office-form.css.scss */
.create-office-form__title-container {
  display: flex;
  gap: 2.4rem;
  flex-direction: column;
}

/* line 60, app/assets/stylesheets/login/components/create-office-form.css.scss */
.create-office-form__description {
  color: var(--dark-c);
  font-style: normal;
  font-weight: 400;
  font-family: var(--font-family-secondary);
  font-size: 1.8rem;
  line-height: 132%;
}

/* line 68, app/assets/stylesheets/login/components/create-office-form.css.scss */
.create-office-form__info-container {
  display: flex;
  gap: 1.4rem;
  flex-direction: column;
}

/* line 73, app/assets/stylesheets/login/components/create-office-form.css.scss */
.create-office-form__info {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  color: var(--dark-c);
  font-weight: 400;
  font-family: var(--font-family-secondary);
  font-size: 1.8rem;
  line-height: 132%;
}

/* line 83, app/assets/stylesheets/login/components/create-office-form.css.scss */
.create-office-form__info-description {
  color: #5c5a57;
  font-style: normal;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 132%;
}

/* line 90, app/assets/stylesheets/login/components/create-office-form.css.scss */
.create-office-form__office-avatar-container {
  display: flex;
  gap: 1.6rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.4rem;
}

/* line 98, app/assets/stylesheets/login/components/create-office-form.css.scss */
.create-office-form__office-avatar-text {
  display: flex;
  gap: 0.8rem;
  flex-shrink: 0;
}

/* line 103, app/assets/stylesheets/login/components/create-office-form.css.scss */
.create-office-form__office-avatar-or {
  color: var(--input-description-c);
  font-size: var(--font-size-sm);
  line-height: var(--font-size-lg);
}

/* line 108, app/assets/stylesheets/login/components/create-office-form.css.scss */
.create-office-form__office-avatar-config-container {
  --form-field-margin: 0;
  --form-field-min-width: 0;
  display: flex;
  gap: 1.2rem;
  align-items: center;
  justify-content: center;
  margin-bottom: 3.2rem;
}

/* line 117, app/assets/stylesheets/login/components/create-office-form.css.scss */
.create-office-form__office-color-picker {
  --form-field-flex-shrink: 0;
}

/* line 1, app/assets/stylesheets/login/components/login-success.css.scss */
.login-success {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* line 7, app/assets/stylesheets/login/components/login-success.css.scss */
.login-success__icon {
  width: 6.4rem;
  height: 6.4rem;
  margin-bottom: 2.8rem;
  background-image: url(/assets/login-icons/registration-success-icon-265f4560a7a3e0af8b3df4817c0b75f1ac06061d3c0c55e87d52af2c7c16c592.svg);
  background-size: cover;
}

@media (max-width: 767px) {
  /* line 7, app/assets/stylesheets/login/components/login-success.css.scss */
  .login-success__icon {
    width: 4rem;
    height: 4rem;
  }
}

/* line 18, app/assets/stylesheets/login/components/login-success.css.scss */
.login-success__title, .login-success__description {
  font-family: var(--font-family-tertiary);
  text-align: center;
}

/* line 23, app/assets/stylesheets/login/components/login-success.css.scss */
.login-success__title {
  margin-bottom: 1.4rem;
  font-size: 5.6rem;
  line-height: 108%;
  letter-spacing: -0.56px;
}

@media (max-width: 767px) {
  /* line 23, app/assets/stylesheets/login/components/login-success.css.scss */
  .login-success__title {
    margin-bottom: 1.2rem;
    font-size: 3.2rem;
  }
}

/* line 35, app/assets/stylesheets/login/components/login-success.css.scss */
.login-success__description {
  margin-bottom: 1.2rem;
  font-style: normal;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 132%;
}

@media (max-width: 767px) {
  /* line 35, app/assets/stylesheets/login/components/login-success.css.scss */
  .login-success__description {
    margin-bottom: 0.2rem;
  }
}

/* line 46, app/assets/stylesheets/login/components/login-success.css.scss */
.login-success__close-button {
  --icon-size: 2rem;
  width: 4.8rem;
  height: 4.8rem;
  position: absolute;
  top: 2.4rem;
  right: 2.4rem;
  z-index: 0;
  border-radius: 50%;
}

@media (max-width: 767px) {
  /* line 46, app/assets/stylesheets/login/components/login-success.css.scss */
  .login-success__close-button {
    --icon-size: 1.4rem;
    width: 4rem;
    height: 4rem;
    top: 1.6rem;
    right: 1.6rem;
  }
}