@charset "UTF-8";
/* 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);
}

/* line 1, app/assets/stylesheets/landing/colors/palette.css.scss */
:root {
  --landing-color-gray-750: #3A3938;
  --landing-color-gray-600: #706e6b;
  --landing-color-orange-50: #F3EDE5;
  --landing-color-orange-800: #ff8939;
  --landing-color-dark-800: #191919;
  --landing-color-gray-800: #757575;
  --landing-color-gray-900: #5C5A57;
  --landing-color-white-50: rgba(255,255,255, .5);
  --landing-color-white-200: #FBF8F3;
  --landing-color-white: #FFF;
  --landing-color-pink: #F769B0;
  --button-transparent-c: var(--color-gray-800);
  --button-transparent-bg: transparent;
  --button-transparent-hover-bg: transparent;
  --button-transparent-hover-c: var(--color-pink-600);
  --button-transparent-focus-border-c: transparent;
  --button-transparent-focus-bg: transparent;
  --button-transparent-focus-c: var(--color-pink-700);
  --button-transparent-active-bg: transparent;
  --button-transparent-active-c: var(--color-pink-750);
  --button-transparent-disabled-c: var(--color-gray-600);
  --button-transparent-disabled-bg: transparent;
}

/* 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);
}

/* line 1, app/assets/stylesheets/landing/variables/root.css.scss */
:root {
  --header-height: 9.2rem;
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/landing/variables/root.css.scss */
  :root {
    --header-height: 4.8rem;
  }
}

/* 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/landing/layout/base.css.scss */
:root {
  --scrollbar-width: 0.8rem;
}

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

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

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

/* line 27, app/assets/stylesheets/landing/layout/base.css.scss */
body {
  min-height: 0;
  background: var(--landing-color-orange-50);
  color: var(--default-c);
  font-family: var(--font-family-tertiary);
  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: 769px) {
  /* line 27, app/assets/stylesheets/landing/layout/base.css.scss */
  body {
    padding-top: var(--header-height);
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAQKADAAQAAAABAAAAQAAAAABlmWCKAAAEBklEQVR4Ae2ZTU8TQRjHZ3a6rBSjEcIBSwlFDBeDEXlRY6ImXvwS+gG8GbxgFI/Gm144mCgkJmBi4kECmmCiB8F4MehBUUTlhCAkUqjdLt3xeWoXN6W7O9vSusWZZOl2d/rM/H/7/OdlIUQWSUASkAQkAUlAEpAEJIH/kwB1k805Z3D/EhwJOCYopTNu9XfUPRCvwcHNhbXkxstvcZ5IrcPxhRvpfrjctlPEOmYAiLxsziz1p25N1mTEQk2lpZawzkaddTem4doiUdkQCSnDlZwZbgAupifnbxj33+ze8rR3EAw3AK38l/FW7x2vJpxvYbB5wRnGCGTGh816AT1xBID9NRP6nDHwOmbOLot13wZD6QKbULJEVTYINgksDFcAMOBdTU/NXzGGpzUxArZaCCMGY0ZXo26DYY0ZgckMdwCctxKwQdLLBjbdeU8tGJ0RXemOWpkRCBiuAFCMbxvkJWC7mAODgk2yswna5L2tZllOPQGADa7BbNBnjBRgAy8Jdhg4Zij0h23MKAsMbwCcHwQbTCd7x2A28FJUxP0cGJSxJbKL3YSIA5AZJWvZEwBK2nYbeHHKwlDPd+h0r/aKaKEzpYKgePUF71M1NIgrQJG621IHnrc5t0L06xMaN8weiHl6W+LmCSIEAJe7rCtiwrxe9pKe/IobshOlalgIAKTfJ074gnKgrlT9cIxL91Rj5q06VijyhhAAbKPsNoA22ZH9hB2NYPPj+KcURTipYXdYltmAhlWitDeQ0Lk2ndaHcQXaDhn4rhTiMWZINHDGBonUgtJSFzM/C+4NBINbotnxplUltk8jqY0XJFw1BD9/CO2mBMMUVE0YQCY6bGxgbd8HAPzvDXK691d0NA57hqqs6HtQ7TFVtfWc6iX7KmwB7EGxNnAQfRdCj8KTLptoO01fGYA2gEXRd7BBs18bsJ5oWr3QweAdwzNard7JiC7jk7aLtp8LzwLWj/7MBhFfiyJaX0NQPMSoU8JVZwHkg3/1xC0d1qdvALgogv29r0WR0grrh0TqKYhesRoOyqdvACDiI6EcbSCsgR2LxmFUxwEucMU3AFTgxwaZgQ9HeRjoAqceOlQQAD82UA43EJjingfF87kPoSAAfmwQ5PRHGAUBwB+K2CDo6V8UABEbBD39iwKANoAXmjAb1GKcvCXo6Y+dLtgCGcW4N3B4U1QJ6V88AJdFUSWkf9EAMjZgyjL+Byi3sJPNa9ktbe6tQH0vzgIoRWO3Q/D21q4Kl75K015c+z+yX9+x5zxpjKYX4z+NJzOpjan5OGybsRyqBMG+3gc4CQKxmEmn4MC3t3E4xsAes/ApiyQgCUgCkoAkIAlIApKAJCAJSAKSgCQgCUgCkoAkEDACvwHCYW+bhV4LpgAAAABJRU5ErkJggg==) 4 4, auto !important;
    cursor: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+QXJ0Ym9hcmQ8L3RpdGxlPgogICAgPGcgaWQ9IkFydGJvYXJkIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNNC4wNTEyNzg0OSw3LjI3NDA4OTY1IEw4LjYyOTQwNTI2LDIxLjAwODUxMiBDOS4wNzAwODE5NiwyMi4zMzA0OTYgMTAuOTQwMDU1NCwyMi4zMzA0OTYgMTEuMzgwNzIyNCwyMS4wMDg1MTIgTDEzLjIxMTIyNDksMTUuNTE2OTg1OSBDMTMuMjU5MzY3MiwxNS4zNzI2NTUyIDEzLjM3MjU2OTUsMTUuMjU5MzU2MSAxMy41MTY4OTk5LDE1LjIxMTIxMzYgTDE5LjAwODUxMzcsMTMuMzgwNzM3MSBDMjAuMzMwNDk1NCwxMi45NDAwNTk3IDIwLjMzMDQ5NTQsMTEuMDcwMDkyOSAxOS4wMDg1MTM3LDEwLjYyOTQxNTQgTDUuMjc0MDg1MDQsNi4wNTEyODEwOCBDNC41MTgzNDY0OSw1Ljc5OTM2NDU5IDMuNzk5MzcyMDksNi41MTgzNTk1MiA0LjA1MTI3ODQ5LDcuMjc0MDg5NjUgWiIgaWQ9IlBhdGgiIHN0cm9rZT0iI0ZGRkZGRiIgZmlsbD0iI0Y3NjlCMCIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==) 4 4, auto !important;
    cursor: -webkit-image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAQKADAAQAAAABAAAAQAAAAABlmWCKAAAEBklEQVR4Ae2ZTU8TQRjHZ3a6rBSjEcIBSwlFDBeDEXlRY6ImXvwS+gG8GbxgFI/Gm144mCgkJmBi4kECmmCiB8F4MehBUUTlhCAkUqjdLt3xeWoXN6W7O9vSusWZZOl2d/rM/H/7/OdlIUQWSUASkAQkAUlAEpAEJIH/kwB1k805Z3D/EhwJOCYopTNu9XfUPRCvwcHNhbXkxstvcZ5IrcPxhRvpfrjctlPEOmYAiLxsziz1p25N1mTEQk2lpZawzkaddTem4doiUdkQCSnDlZwZbgAupifnbxj33+ze8rR3EAw3AK38l/FW7x2vJpxvYbB5wRnGCGTGh816AT1xBID9NRP6nDHwOmbOLot13wZD6QKbULJEVTYINgksDFcAMOBdTU/NXzGGpzUxArZaCCMGY0ZXo26DYY0ZgckMdwCctxKwQdLLBjbdeU8tGJ0RXemOWpkRCBiuAFCMbxvkJWC7mAODgk2yswna5L2tZllOPQGADa7BbNBnjBRgAy8Jdhg4Zij0h23MKAsMbwCcHwQbTCd7x2A28FJUxP0cGJSxJbKL3YSIA5AZJWvZEwBK2nYbeHHKwlDPd+h0r/aKaKEzpYKgePUF71M1NIgrQJG621IHnrc5t0L06xMaN8weiHl6W+LmCSIEAJe7rCtiwrxe9pKe/IobshOlalgIAKTfJ074gnKgrlT9cIxL91Rj5q06VijyhhAAbKPsNoA22ZH9hB2NYPPj+KcURTipYXdYltmAhlWitDeQ0Lk2ndaHcQXaDhn4rhTiMWZINHDGBonUgtJSFzM/C+4NBINbotnxplUltk8jqY0XJFw1BD9/CO2mBMMUVE0YQCY6bGxgbd8HAPzvDXK691d0NA57hqqs6HtQ7TFVtfWc6iX7KmwB7EGxNnAQfRdCj8KTLptoO01fGYA2gEXRd7BBs18bsJ5oWr3QweAdwzNard7JiC7jk7aLtp8LzwLWj/7MBhFfiyJaX0NQPMSoU8JVZwHkg3/1xC0d1qdvALgogv29r0WR0grrh0TqKYhesRoOyqdvACDiI6EcbSCsgR2LxmFUxwEucMU3AFTgxwaZgQ9HeRjoAqceOlQQAD82UA43EJjingfF87kPoSAAfmwQ5PRHGAUBwB+K2CDo6V8UABEbBD39iwKANoAXmjAb1GKcvCXo6Y+dLtgCGcW4N3B4U1QJ6V88AJdFUSWkf9EAMjZgyjL+Byi3sJPNa9ktbe6tQH0vzgIoRWO3Q/D21q4Kl75K015c+z+yX9+x5zxpjKYX4z+NJzOpjan5OGybsRyqBMG+3gc4CQKxmEmn4MC3t3E4xsAes/ApiyQgCUgCkoAkIAlIApKAJCAJSAKSgCQgCUgCkoAkEDACvwHCYW+bhV4LpgAAAABJRU5ErkJggg==) 2x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAQKADAAQAAAABAAAAQAAAAABlmWCKAAAEBklEQVR4Ae2ZTU8TQRjHZ3a6rBSjEcIBSwlFDBeDEXlRY6ImXvwS+gG8GbxgFI/Gm144mCgkJmBi4kECmmCiB8F4MehBUUTlhCAkUqjdLt3xeWoXN6W7O9vSusWZZOl2d/rM/H/7/OdlIUQWSUASkAQkAUlAEpAEJIH/kwB1k805Z3D/EhwJOCYopTNu9XfUPRCvwcHNhbXkxstvcZ5IrcPxhRvpfrjctlPEOmYAiLxsziz1p25N1mTEQk2lpZawzkaddTem4doiUdkQCSnDlZwZbgAupifnbxj33+ze8rR3EAw3AK38l/FW7x2vJpxvYbB5wRnGCGTGh816AT1xBID9NRP6nDHwOmbOLot13wZD6QKbULJEVTYINgksDFcAMOBdTU/NXzGGpzUxArZaCCMGY0ZXo26DYY0ZgckMdwCctxKwQdLLBjbdeU8tGJ0RXemOWpkRCBiuAFCMbxvkJWC7mAODgk2yswna5L2tZllOPQGADa7BbNBnjBRgAy8Jdhg4Zij0h23MKAsMbwCcHwQbTCd7x2A28FJUxP0cGJSxJbKL3YSIA5AZJWvZEwBK2nYbeHHKwlDPd+h0r/aKaKEzpYKgePUF71M1NIgrQJG621IHnrc5t0L06xMaN8weiHl6W+LmCSIEAJe7rCtiwrxe9pKe/IobshOlalgIAKTfJ074gnKgrlT9cIxL91Rj5q06VijyhhAAbKPsNoA22ZH9hB2NYPPj+KcURTipYXdYltmAhlWitDeQ0Lk2ndaHcQXaDhn4rhTiMWZINHDGBonUgtJSFzM/C+4NBINbotnxplUltk8jqY0XJFw1BD9/CO2mBMMUVE0YQCY6bGxgbd8HAPzvDXK691d0NA57hqqs6HtQ7TFVtfWc6iX7KmwB7EGxNnAQfRdCj8KTLptoO01fGYA2gEXRd7BBs18bsJ5oWr3QweAdwzNard7JiC7jk7aLtp8LzwLWj/7MBhFfiyJaX0NQPMSoU8JVZwHkg3/1xC0d1qdvALgogv29r0WR0grrh0TqKYhesRoOyqdvACDiI6EcbSCsgR2LxmFUxwEucMU3AFTgxwaZgQ9HeRjoAqceOlQQAD82UA43EJjingfF87kPoSAAfmwQ5PRHGAUBwB+K2CDo6V8UABEbBD39iwKANoAXmjAb1GKcvCXo6Y+dLtgCGcW4N3B4U1QJ6V88AJdFUSWkf9EAMjZgyjL+Byi3sJPNa9ktbe6tQH0vzgIoRWO3Q/D21q4Kl75K015c+z+yX9+x5zxpjKYX4z+NJzOpjan5OGybsRyqBMG+3gc4CQKxmEmn4MC3t3E4xsAes/ApiyQgCUgCkoAkIAlIApKAJCAJSAKSgCQgCUgCkoAkEDACvwHCYW+bhV4LpgAAAABJRU5ErkJggg==) 1x) 4 4, auto !important;
  }
}

@media (max-width: 767px) {
  /* line 27, app/assets/stylesheets/landing/layout/base.css.scss */
  body {
    padding-top: var(--header-height);
  }
}

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

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

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

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

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

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

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

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

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

/* line 128, app/assets/stylesheets/landing/layout/base.css.scss */
.animate-opacity {
  opacity: 0;
}

/* line 133, app/assets/stylesheets/landing/layout/base.css.scss */
.text-placeholder {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  border-radius: 2rem;
  background-color: var(--color-orange-50);
}

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

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

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

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

/* line 1, app/assets/stylesheets/main/layout/scrollbar.css.scss */
.scrollbar::-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, body::-webkit-scrollbar-button:end:increment,
.scrollbar::-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, 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, 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, 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, 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, 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, body::-webkit-scrollbar-thumb:horizontal,
.scrollbar::-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, body::-webkit-scrollbar-corner {
  background: transparent;
}

/* 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;
}

/**
 * Swiper 11.2.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 19, 2025
 */
/* FONT_START */
@font-face {
  font-style: normal;
  font-weight: 400;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-family: 'swiper-icons';
}

/* FONT_END */
/* line 22, app/assets/stylesheets/landing/vendor/swiper.css.scss */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

/* line 30, app/assets/stylesheets/landing/vendor/swiper.css.scss */
:host {
  display: block;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  z-index: 1;
}

/* line 38, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  /* Fix of Webkit flickering */
  z-index: 1;
  overflow: hidden;
  list-style: none;
}

/* line 50, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

/* line 54, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
}

/* line 65, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

/* line 71, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-horizontal {
  touch-action: pan-y;
}

/* line 75, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-vertical {
  touch-action: pan-x;
}

/* line 79, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-slide {
  display: block;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

/* line 88, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
/* line 93, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

/* line 98, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* line 103, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* 3D Effects */
/* line 110, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

/* line 114, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

/* line 118, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-3d {
  perspective: 1200px;
}

/* line 122, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */
/* line 128, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

/* line 136, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

/* line 140, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

/* line 144, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

/* line 148, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

/* line 152, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

/* line 156, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

/* line 160, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}

/* line 166, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

/* line 171, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

/* line 175, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  width: var(--swiper-centered-offset-after);
  height: 100%;
  min-height: 1px;
}

/* line 181, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

/* line 185, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
/* line 193, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  pointer-events: none;
}

/* line 212, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

/* line 216, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* line 220, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* line 224, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* line 228, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* line 232, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-lazy-preloader {
  box-sizing: border-box;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  margin-left: -21px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
  transform-origin: 50%;
}

/* line 248, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

/* line 253, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

/* line 257, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Slide styles end */
/* line 272, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-virtual .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}

/* line 277, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

/* line 285, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  width: var(--swiper-virtual-size);
  height: 1px;
}

/* line 290, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

/* line 295, app/assets/stylesheets/landing/vendor/swiper.css.scss */
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

/* line 304, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-button-prev,
.swiper-button-next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  z-index: 10;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  cursor: pointer;
}

/* line 319, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  cursor: auto;
  opacity: 0.35;
  pointer-events: none;
}

/* line 326, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  cursor: auto;
  opacity: 0;
  pointer-events: none;
}

/* line 333, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}

/* line 338, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}

/* line 346, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}

/* line 351, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  right: auto;
  left: var(--swiper-navigation-sides-offset, 10px);
}

/* line 357, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

/* line 363, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-button-lock {
  display: none;
}

/* Navigation font start */
/* line 368, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-variant: initial;
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  line-height: 1;
  letter-spacing: 0;
  text-transform: none !important;
}

/* line 378, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}

/* line 383, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

/* line 389, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}

/* Navigation font end */
/* line 395, app/assets/stylesheets/landing/vendor/swiper.css.scss */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

/* line 417, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-pagination {
  position: absolute;
  z-index: 10;
  text-align: center;
  transform: translate3d(0, 0, 0);
  transition: 300ms opacity;
}

/* line 425, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* line 429, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */
/* line 435, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  width: 100%;
  top: var(--swiper-pagination-top, auto);
  bottom: var(--swiper-pagination-bottom, 8px);
  left: 0;
}

/* Bullets */
/* line 446, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

/* line 451, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(0.33);
}

/* line 456, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

/* line 460, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

/* line 464, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

/* line 468, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

/* line 472, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

/* line 476, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

/* line 480, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-pagination-bullet {
  display: inline-block;
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

/* line 489, app/assets/stylesheets/landing/vendor/swiper.css.scss */
button.swiper-pagination-bullet {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  box-shadow: none;
}

/* line 498, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

/* line 502, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-pagination-bullet:only-child {
  display: none !important;
}

/* line 506, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  opacity: var(--swiper-pagination-bullet-opacity, 1);
}

/* line 511, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  top: 50%;
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  transform: translate3d(0px, -50%, 0);
}

/* line 519, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
}

/* line 525, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  width: 8px;
  top: 50%;
  transform: translateY(-50%);
}

/* line 532, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

/* line 539, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

/* line 544, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  white-space: nowrap;
  transform: translateX(-50%);
}

/* line 551, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

/* line 557, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Fraction */
/* line 563, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */
/* line 568, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-pagination-progressbar {
  position: absolute;
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
}

/* line 573, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  transform: scale(0);
  transform-origin: left top;
}

/* line 584, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

/* line 588, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  top: 0;
  left: 0;
}

/* line 598, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  top: 0;
  left: 0;
}

/* line 608, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-pagination-lock {
  display: none;
}

/* line 612, app/assets/stylesheets/landing/vendor/swiper.css.scss */
:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}

/* line 626, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-scrollbar {
  position: relative;
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
  touch-action: none;
}

/* line 633, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

/* line 638, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  height: var(--swiper-scrollbar-size, 4px);
  position: absolute;
  top: var(--swiper-scrollbar-top, auto);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  left: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
}

/* line 649, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  position: absolute;
  top: var(--swiper-scrollbar-sides-offset, 1%);
  right: var(--swiper-scrollbar-right, 4px);
  left: var(--swiper-scrollbar-left, auto);
  z-index: 50;
}

/* line 660, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-scrollbar-drag {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
}

/* line 670, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-scrollbar-cursor-drag {
  cursor: move;
}

/* line 674, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-scrollbar-lock {
  display: none;
}

/* Zoom container styles start */
/* line 679, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-zoom-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
}

/* line 688, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Zoom container styles end */
/* line 697, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

/* a11y */
/* line 703, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper .swiper-notification {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1000;
  opacity: 0;
  pointer-events: none;
}

/* line 712, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out;
}

/* line 717, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

/* line 721, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-grid-column > .swiper-wrapper {
  flex-direction: column;
  flex-wrap: wrap;
}

/* line 726, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

/* line 730, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-fade .swiper-slide {
  transition-property: opacity;
  pointer-events: none;
}

/* line 735, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

/* line 739, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

/* line 743, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* line 747, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper.swiper-cube {
  overflow: visible;
}

/* line 751, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-cube .swiper-slide {
  width: 100%;
  height: 100%;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
}

/* line 762, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

/* line 766, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

/* line 770, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* line 775, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  visibility: visible;
  pointer-events: auto;
}

/* line 782, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-cube .swiper-cube-shadow {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 0;
  opacity: 0.6;
}

/* line 792, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-cube .swiper-cube-shadow:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  filter: blur(50px);
}

/* line 803, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-cube .swiper-slide-next + .swiper-slide {
  visibility: visible;
  pointer-events: auto;
}

/* Cube slide shadows start */
/* line 809, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Cube slide shadows end */
/* line 819, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper.swiper-flip {
  overflow: visible;
}

/* line 823, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-flip .swiper-slide {
  z-index: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
}

/* line 830, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

/* line 834, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* Flip slide shadows start */
/* line 840, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Flip slide shadows end */
/* line 850, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-creative .swiper-slide {
  overflow: hidden;
  transition-property: transform, opacity, height;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 857, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper.swiper-cards {
  overflow: visible;
}

/* line 861, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-cards .swiper-slide {
  overflow: hidden;
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 868, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-autoplay-progress {
  position: absolute;
  right: -1.3rem;
  bottom: -1.3rem;
  z-index: 10;
  width: 7.4rem;
  height: 7.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: var(--landing-color-gray-750);
}

@media (max-width: 767px) {
  /* line 868, app/assets/stylesheets/landing/vendor/swiper.css.scss */
  .swiper-autoplay-progress {
    right: -.8rem;
    bottom: -.8rem;
    width: 5.6rem;
    height: 5.6rem;
  }
}

/* line 889, app/assets/stylesheets/landing/vendor/swiper.css.scss */
.swiper-autoplay-progress svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 2px;
  stroke: var(--landing-color-gray-750);
  fill: none;
  stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
  stroke-dasharray: 125.6;
  transform: rotate(-90deg);
}

/* line 1, app/assets/stylesheets/landing/vendor/accordion.css.scss */
.accordion-container {
  display: flex;
  gap: 1.6rem;
  flex-direction: column;
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/landing/vendor/accordion.css.scss */
  .accordion-container {
    gap: .8rem;
  }
}

/* line 11, app/assets/stylesheets/landing/vendor/accordion.css.scss */
.accordion {
  --color-white: #fff;
  --color-light-grey: #eee;
  --color-grey: #8a8a8a;
  --color-black: #111;
  box-sizing: border-box;
  border: 1px solid var(--color-light-grey);
  border-radius: 2.2rem;
  background-color: var(--color-white);
}

@media (max-width: 767px) {
  /* line 11, app/assets/stylesheets/landing/vendor/accordion.css.scss */
  .accordion {
    border-radius: 1.2rem;
  }
}

/* line 26, app/assets/stylesheets/landing/vendor/accordion.css.scss */
.accordion .accordion-header {
  margin: 0;
  padding: 0;
}

/* line 31, app/assets/stylesheets/landing/vendor/accordion.css.scss */
.accordion .accordion-trigger {
  display: block;
  width: 100%;
  margin: 0;
  padding: 4.4rem 10rem 4.4rem 4rem;
  position: relative;
  border: 0;
  background-color: transparent;
  color: var(--landing-color-dark-800);
  font-weight: normal;
  font-family: var(--font-family-tertiary);
  font-size: 3.6rem;
  line-height: 3.8rem;
  letter-spacing: -0.01em;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.25s ease;
}

@media (max-width: 1023px) {
  /* line 31, app/assets/stylesheets/landing/vendor/accordion.css.scss */
  .accordion .accordion-trigger {
    padding: 4.4rem 6rem 4.4rem 4rem;
  }
}

@media (max-width: 767px) {
  /* line 31, app/assets/stylesheets/landing/vendor/accordion.css.scss */
  .accordion .accordion-trigger {
    padding: 1.8rem 6rem 1.8rem 1.6rem;
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}

/* line 60, app/assets/stylesheets/landing/vendor/accordion.css.scss */
.accordion .accordion-trigger:focus, .accordion .accordion-trigger:hover, .accordion .accordion-trigger:active {
  background-color: transparent;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* line 71, app/assets/stylesheets/landing/vendor/accordion.css.scss */
.accordion .accordion-trigger::after {
  content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+QXJ0Ym9hcmQ8L3RpdGxlPgogICAgPGcgaWQ9IkFydGJvYXJkIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjAwMDAwMCwgMC4wMDAwMDApIiBmaWxsPSIjM0EzOTM4IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGlkPSJTaGFwZSI+CiAgICAgICAgICAgIDxwb2x5Z29uIHBvaW50cz0iMTAgMCAxMCAxNS4zMzUgMTUuNzUgOS41ODU3ODY0NCAxNy4xNjQyMTM2IDExIDkgMTkuMTY0MjEzNiAwLjgzNTc4NjQ0IDExIDIuMjUgOS41ODU3ODY0NCA4IDE1LjMzNSA4IDAiPjwvcG9seWdvbj4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
  position: absolute;
  top: 4.4rem;
  right: 5.4rem;
  text-align: center;
  transform: rotate(0deg);
  transition: transform 0.5s;
}

@media (max-width: 1023px) {
  /* line 71, app/assets/stylesheets/landing/vendor/accordion.css.scss */
  .accordion .accordion-trigger::after {
    right: 2.8rem;
  }
}

@media (max-width: 767px) {
  /* line 71, app/assets/stylesheets/landing/vendor/accordion.css.scss */
  .accordion .accordion-trigger::after {
    top: 2rem;
  }
}

/* line 89, app/assets/stylesheets/landing/vendor/accordion.css.scss */
.accordion .accordion-panel {
  overflow: hidden;
  transition-property: height, visibility;
  transition-timing-function: ease;
}

/* line 95, app/assets/stylesheets/landing/vendor/accordion.css.scss */
.accordion .accordion-panel .accordion-text {
  margin: 0;
  padding: 0 4.4rem 4rem 4.4rem;
  color: rgba(92, 90, 87, 0.7);
  font-family: var(--font-family-tertiary);
  font-size: 2.4rem;
  line-height: 3.4rem;
}

@media (max-width: 767px) {
  /* line 95, app/assets/stylesheets/landing/vendor/accordion.css.scss */
  .accordion .accordion-panel .accordion-text {
    padding: 0 1.6rem 1.2rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}

/* line 110, app/assets/stylesheets/landing/vendor/accordion.css.scss */
.accordion.js-enabled .accordion-panel {
  visibility: hidden;
}

/* line 114, app/assets/stylesheets/landing/vendor/accordion.css.scss */
.accordion.is-active .accordion-panel {
  visibility: visible;
}

/* line 118, app/assets/stylesheets/landing/vendor/accordion.css.scss */
.accordion.is-active > .accordion-header .accordion-trigger::after {
  transform: rotateZ(180deg);
}

/* base elements styles */
/* 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/landing/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-family: var(--font-family-primary);
  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 26, app/assets/stylesheets/landing/elements/buttons/button.css.scss */
.button__content {
  display: flex;
  align-items: center;
  transition: opacity var(--transition-duration);
}

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

/* line 38, app/assets/stylesheets/landing/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 46, app/assets/stylesheets/landing/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 54, app/assets/stylesheets/landing/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 62, app/assets/stylesheets/landing/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 70, app/assets/stylesheets/landing/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.1rem;
  --_button-min-height: 4rem;
  letter-spacing: 1px;
}

/* line 79, app/assets/stylesheets/landing/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: 4.8rem;
  --_button-radius: var(--border-radius-lg);
  letter-spacing: 1.2px;
}

/* line 91, app/assets/stylesheets/landing/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);
  box-shadow: 0px 1px 0px 0px #00000030;
  color: var(--button-primary-c);
}

/* line 98, app/assets/stylesheets/landing/elements/buttons/button.css.scss */
.button--primary:hover {
  border-color: var(--color-pink-600);
  background-color: var(--color-pink-600);
}

/* line 103, app/assets/stylesheets/landing/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 108, app/assets/stylesheets/landing/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 114, app/assets/stylesheets/landing/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 124, app/assets/stylesheets/landing/elements/buttons/button.css.scss */
.button--transparent {
  --icon-color: var(--button-transparent-c);
  border-color: var(--button-transparent-bg);
  background-color: var(--button-transparent-bg);
  color: var(--button-transparent-c);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 1, app/assets/stylesheets/main/elements/containers/modal.css.scss */
.modal {
  --_modal-min-block-size: var(--modal-min-block-size, 77.6rem);
  --_modal-block-size: var(--modal-block-size, 100%);
  --_modal-max-block-size: var(--modal-max-block-size, 77.6rem);
  --_modal-max-inline-size: var(--modal-max-inline-size, 80.8rem);
  --_modal-body-padding: var(--modal-body-padding, 0);
  --_modal-radius: var(--modal-modal-radius, var(--border-radius-lg));
  --_modal-offset-top: var(--modal-offset-top, 4rem);
  --_modal-offset-right: var(--modal-offset-right, 2rem);
  --_modal-offset-bottom: var(--modal-offset-bottom, 4rem);
  --_modal-offset-left: var(--modal-offset-left, 2rem);
  --_modal-bg: var(--modal-bg);
  display: flex;
  flex-direction: column;
  position: fixed;
  inset: 0;
  z-index: var(--_modal-container-z-index, 8888);
  background-color: var(--modal-overlay-color, var(--modal-overlay-bg));
  overflow: auto;
}

@media (max-width: 1023px) {
  /* line 1, app/assets/stylesheets/main/elements/containers/modal.css.scss */
  .modal {
    flex-direction: column;
    --_modal-min-block-size: 100dvh;
    --_modal-max-block-size: 100dvh;
    --_modal-max-inline-size: 100%;
    --_modal-radius: 0;
    --_modal-offset-top: 0;
    --_modal-offset-right: 0;
    --_modal-offset-bottom: 0;
    --_modal-offset-left: 0;
    --_modal-block-size: 100%;
  }
}

/* line 35, app/assets/stylesheets/main/elements/containers/modal.css.scss */
.modal--full-height {
  --_modal-min-block-size: 100dvh;
  --_modal-max-block-size: 100dvh;
  --_modal-block-size: 100%;
}

/* line 41, app/assets/stylesheets/main/elements/containers/modal.css.scss */
.modal--full-width {
  --_modal-min-block-size: 100dvh;
  --_modal-max-block-size: 100dvh;
  --_modal-max-inline-size: 100%;
}

/* line 47, app/assets/stylesheets/main/elements/containers/modal.css.scss */
.modal--light {
  --_modal-bg: var(--modal-light-bg);
}

/* line 51, app/assets/stylesheets/main/elements/containers/modal.css.scss */
.modal__container {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--_modal-offset-top) var(--_modal-offset-right) var(--_modal-offset-bottom) var(--_modal-offset-left);
  outline: none;
  pointer-events: none;
}

@media (max-width: 767px) {
  /* line 51, app/assets/stylesheets/main/elements/containers/modal.css.scss */
  .modal__container {
    top: 2rem;
    right: 2rem;
  }
}

/* line 67, app/assets/stylesheets/main/elements/containers/modal.css.scss */
.modal__layout {
  display: flex;
  flex-direction: row;
  inline-size: 100%;
  max-inline-size: var(--_modal-max-inline-size);
  block-size: var(--_modal-block-size);
  min-block-size: var(--_modal-min-block-size);
  max-block-size: var(--_modal-max-block-size);
  position: relative;
  border-radius: var(--_modal-radius);
  background-color: var(--_modal-bg);
  box-shadow: var(--box-shadow-xl);
  overflow: hidden;
  pointer-events: all;
}

@media (max-width: 1023px) {
  /* line 67, app/assets/stylesheets/main/elements/containers/modal.css.scss */
  .modal__layout {
    flex-direction: column;
  }
}

/* line 87, app/assets/stylesheets/main/elements/containers/modal.css.scss */
.modal__sidebar {
  display: flex;
  flex-grow: var(--modal-sidebar-grow, 0);
  flex-shrink: 0;
  background-color: var(--modal-sidebar-bg);
}

@media (min-width: 1025px) {
  /* line 87, app/assets/stylesheets/main/elements/containers/modal.css.scss */
  .modal__sidebar {
    inline-size: var(--modal-sidebar-inline-size, 17.4rem);
  }
}

@media (max-width: 1023px) {
  /* line 87, app/assets/stylesheets/main/elements/containers/modal.css.scss */
  .modal__sidebar {
    block-size: 5rem;
    border-bottom: 1px solid var(--modal-border-c);
  }
  /* line 101, app/assets/stylesheets/main/elements/containers/modal.css.scss */
  .modal--closable .modal__sidebar {
    padding-right: 6rem;
  }
}

/* line 107, app/assets/stylesheets/main/elements/containers/modal.css.scss */
.modal__sidebar-container {
  display: flex;
  gap: var(--modal-sidebar-gap, 0.2rem);
  flex-grow: 1;
  flex-direction: column;
  padding: var(--modal-sidebar-spacing, 0.8rem);
  -webkit-overflow-scrolling: touch;
}

@media (min-width: 1025px) {
  /* line 107, app/assets/stylesheets/main/elements/containers/modal.css.scss */
  .modal__sidebar-container {
    overflow-x: hidden;
    overflow-y: auto;
  }
}

@media (max-width: 1023px) {
  /* line 107, app/assets/stylesheets/main/elements/containers/modal.css.scss */
  .modal__sidebar-container {
    --modal-sidebar-spacing: 0.8rem 0;
    flex-direction: row;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
  }
  /* line 125, app/assets/stylesheets/main/elements/containers/modal.css.scss */
  .modal__sidebar-container::-webkit-scrollbar {
    display: none;
  }
}

/* line 132, app/assets/stylesheets/main/elements/containers/modal.css.scss */
.modal__sidebar-mobile-placeholder {
  display: none;
}

@media (max-width: 1023px) {
  /* line 132, app/assets/stylesheets/main/elements/containers/modal.css.scss */
  .modal__sidebar-mobile-placeholder {
    display: inline-block;
    flex-shrink: 0;
    width: 1.4rem;
    height: 1px;
  }
}

/* line 142, app/assets/stylesheets/main/elements/containers/modal.css.scss */
.modal__body {
  display: flex;
  flex-grow: var(--modal-body-grow, 1);
  flex-direction: column;
  max-block-size: var(--modal-body-max-height);
  padding: var(--_modal-body-padding);
  overflow-x: hidden;
  overflow-y: auto;
}

/* line 152, app/assets/stylesheets/main/elements/containers/modal.css.scss */
.modal__closable {
  --button-icon-size: var(--modal-closable-size);
  position: absolute;
  top: var(--modal-closable-top, 1.4rem);
  right: var(--modal-closable-right, 1.4rem);
  z-index: 1;
  background-color: var(--modal-closable-bg);
}

@media (max-width: 1023px) {
  /* line 152, app/assets/stylesheets/main/elements/containers/modal.css.scss */
  .modal__closable {
    top: var(--modal-closable-top, 1.4rem);
    right: var(--modal-closable-right, 1rem);
  }
}

/* line 167, app/assets/stylesheets/main/elements/containers/modal.css.scss */
.modal * {
  min-inline-size: 0;
  min-block-size: 0;
}

/* line 2, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon {
  --_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,
[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 {
  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 {
  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 {
  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 {
  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 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/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 3, app/assets/stylesheets/landing/elements/indicators/tooltip-landing.css.scss */
.tippy-box[data-theme~='landing'] {
  border-radius: 2.2rem;
  background-color: var(--light-c);
  box-shadow: var(--box-shadow);
  color: var(--light-c);
}

/* line 9, app/assets/stylesheets/landing/elements/indicators/tooltip-landing.css.scss */
.tippy-box[data-theme~='landing'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: var(--light-c);
}

/* line 13, app/assets/stylesheets/landing/elements/indicators/tooltip-landing.css.scss */
.tippy-box[data-theme~='landing'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: var(--light-c);
}

/* line 17, app/assets/stylesheets/landing/elements/indicators/tooltip-landing.css.scss */
.tippy-box[data-theme~='landing'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color: var(--light-c);
}

/* line 21, app/assets/stylesheets/landing/elements/indicators/tooltip-landing.css.scss */
.tippy-box[data-theme~='landing'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color: var(--light-c);
}

/* line 25, app/assets/stylesheets/landing/elements/indicators/tooltip-landing.css.scss */
.tippy-box[data-theme~='landing'] > .tippy-backdrop {
  background-color: var(--light-c);
}

/* line 29, app/assets/stylesheets/landing/elements/indicators/tooltip-landing.css.scss */
.tippy-box[data-theme~='landing'] > .tippy-svg-arrow {
  fill: var(--light-c);
}

/* line 33, app/assets/stylesheets/landing/elements/indicators/tooltip-landing.css.scss */
.tippy-box[data-theme~='landing'] > .tippy-content {
  padding: 1.6rem 2.4rem;
}

@media (max-width: 1023px) {
  /* line 33, app/assets/stylesheets/landing/elements/indicators/tooltip-landing.css.scss */
  .tippy-box[data-theme~='landing'] > .tippy-content {
    padding: 1.6rem;
  }
}

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

/* line 4, app/assets/stylesheets/landing/elements/indicators/landing-company-avatar.css.scss */
.landing-company-avatar-dropdown__link {
  --icon-size: 1.2rem;
  display: flex;
  gap: 0.2rem;
  align-items: center;
  color: var(--dark-c);
  font-size: var(--font-size-base);
  line-height: var(--font-size-2xl);
  text-decoration: none;
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 16, app/assets/stylesheets/landing/elements/indicators/landing-company-avatar.css.scss */
.landing-company-avatar-dropdown__link:focus, .landing-company-avatar-dropdown__link:visited {
  color: var(--dark-c);
}

/* line 21, app/assets/stylesheets/landing/elements/indicators/landing-company-avatar.css.scss */
.landing-company-avatar-dropdown__link:hover {
  --icon-color: var(--color-blue-900);
  color: var(--color-blue-900);
}

/* line 1, app/assets/stylesheets/landing/elements/indicators/cursor.css.scss */
#cursor {
  width: 5.6rem;
  height: 5.6rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  border-radius: 100%;
  background-color: var(--color-pink-600);
  transform: translate3d(9999px, 9999px, 0px) scale(0, 0);
  mix-blend-mode: darken;
  will-change: transform;
  pointer-events: none;
  user-select: none;
}

@media (hover: none) {
  /* line 1, app/assets/stylesheets/landing/elements/indicators/cursor.css.scss */
  #cursor {
    display: none;
  }
}

/* line 1, app/assets/stylesheets/landing/elements/indicators/feature-badge.css.scss */
.feature-badge {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  padding: 0.75rem 2rem;
  border: 1px solid var(--_badge-border-c);
  border-radius: var(--border-radius-4xl);
  background-color: var(--_badge-bg);
  color: var(--light-c);
  font-family: var(--font-family-quinary);
  font-size: 1.6rem;
  line-height: 2rem;
  text-align: left;
  user-select: none;
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/landing/elements/indicators/feature-badge.css.scss */
  .feature-badge {
    padding: 0.55rem 2rem;
  }
}

/* line 20, app/assets/stylesheets/landing/elements/indicators/feature-badge.css.scss */
.feature-badge--blue {
  background: #4D4DF7;
}

/* line 24, app/assets/stylesheets/landing/elements/indicators/feature-badge.css.scss */
.feature-badge--orange {
  background: var(--color-orange-900);
}

/* line 28, app/assets/stylesheets/landing/elements/indicators/feature-badge.css.scss */
.feature-badge--pink {
  background: #f769b0;
}

/* line 32, app/assets/stylesheets/landing/elements/indicators/feature-badge.css.scss */
.feature-badge--yellow {
  background: #FFB700;
}

/* line 36, app/assets/stylesheets/landing/elements/indicators/feature-badge.css.scss */
.feature-badge--green {
  background: #32CE71;
}

/* line 1, app/assets/stylesheets/landing/elements/data-display/landing-user-avatar.css.scss */
.landing-user-avatar {
  display: inline-flex;
  flex-shrink: 0;
}

/* line 5, app/assets/stylesheets/landing/elements/data-display/landing-user-avatar.css.scss */
.landing-user-avatar__avatar {
  width: 4rem;
  height: 4rem;
  position: relative;
  border-radius: 50%;
  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;
}

@media (max-width: 1023px) {
  /* line 5, app/assets/stylesheets/landing/elements/data-display/landing-user-avatar.css.scss */
  .landing-user-avatar__avatar {
    width: 3.2rem;
    height: 3.2rem;
  }
}

/* line 19, app/assets/stylesheets/landing/elements/data-display/landing-user-avatar.css.scss */
.landing-user-avatar__img {
  flex-shrink: 0;
  width: 4.2rem;
  max-width: none;
  height: 4.2rem;
  position: relative;
  top: -0.1rem;
  left: -0.1rem;
}

@media (max-width: 1023px) {
  /* line 19, app/assets/stylesheets/landing/elements/data-display/landing-user-avatar.css.scss */
  .landing-user-avatar__img {
    width: 3.4rem;
    height: 3.4rem;
  }
}

/* line 33, app/assets/stylesheets/landing/elements/data-display/landing-user-avatar.css.scss */
.landing-user-avatar__icon {
  --icon-size: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 1rem;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  text-align: center;
}

@media (max-width: 1023px) {
  /* line 33, app/assets/stylesheets/landing/elements/data-display/landing-user-avatar.css.scss */
  .landing-user-avatar__icon {
    --icon-size: 2rem;
    top: 0.8rem;
  }
}

/* line 50, app/assets/stylesheets/landing/elements/data-display/landing-user-avatar.css.scss */
.landing-user-avatar__count {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  color: var(--light-c);
  font-weight: 700;
  font-family: var(--font-family-primary);
  font-size: var(--font-size-base);
  line-height: 1;
}

@media (max-width: 1023px) {
  /* line 50, app/assets/stylesheets/landing/elements/data-display/landing-user-avatar.css.scss */
  .landing-user-avatar__count {
    font-size: var(--font-size-sm);
  }
}

@media (max-width: 1023px) {
  /* line 68, app/assets/stylesheets/landing/elements/data-display/landing-user-avatar.css.scss */
  .landing-user-avatar__count span {
    display: none;
  }
}

/* line 74, app/assets/stylesheets/landing/elements/data-display/landing-user-avatar.css.scss */
.landing-user-avatar__link {
  --icon-size: 1.2rem;
  display: flex;
  gap: 1.2rem;
  align-items: center;
  color: var(--dark-c);
  font-size: var(--font-size-base);
  line-height: var(--font-size-2xl);
  text-decoration: none;
  white-space: nowrap;
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 87, app/assets/stylesheets/landing/elements/data-display/landing-user-avatar.css.scss */
.landing-user-avatar__link:focus, .landing-user-avatar__link:visited {
  color: var(--dark-c);
}

/* line 92, app/assets/stylesheets/landing/elements/data-display/landing-user-avatar.css.scss */
.landing-user-avatar__link:hover {
  --icon-color: var(--color-blue-900);
  color: var(--color-blue-900);
}

/* line 1, app/assets/stylesheets/landing/elements/data-display/feature-avatar.css.scss */
.feature-avatar {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-position: 50% 50%;
  background-size: cover;
}

/* line 11, app/assets/stylesheets/landing/elements/data-display/feature-avatar.css.scss */
.feature-avatar--pink, .feature-avatar--blue, .feature-avatar--orange {
  right: 9.4%;
  bottom: 16.5%;
}

/* line 18, app/assets/stylesheets/landing/elements/data-display/feature-avatar.css.scss */
.feature-avatar--green, .feature-avatar--yellow {
  top: 16.5%;
  right: 9.4%;
}

/* line 24, app/assets/stylesheets/landing/elements/data-display/feature-avatar.css.scss */
.feature-avatar__container {
  display: inline-flex;
  flex-shrink: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 2.2rem;
  background-color: var(--light-c);
  overflow: hidden;
}

@media (max-width: 767px) {
  /* line 24, app/assets/stylesheets/landing/elements/data-display/feature-avatar.css.scss */
  .feature-avatar__container {
    border-radius: 1.2rem;
  }
}

/* line 41, app/assets/stylesheets/landing/elements/data-display/feature-avatar.css.scss */
.feature-avatar__svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

/* line 2, app/assets/stylesheets/main/elements/icons/icon.css.scss */
.icon {
  --_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,
[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 {
  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 {
  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 {
  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 {
  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/navigation/pagination.css.scss */
.pagination {
  --_pagination-font-size: var(--pagination-font-size, var(--font-size-xs));
  --_pagination-padding: var(--pagination-padding, 0 1.6rem);
  --_pagination-margin: var(--pagination-margin, 4rem 0 4rem 0);
  display: flex;
  align-items: center;
  margin: var(--_pagination-margin);
  padding: var(--_pagination-padding);
  font-size: var(--_pagination-font-size);
}

/* line 12, app/assets/stylesheets/main/elements/navigation/pagination.css.scss */
.pagination__prev-page {
  display: flex;
  display: none;
  flex: 1 1 0%;
  width: 0px;
}

/* line 19, app/assets/stylesheets/main/elements/navigation/pagination.css.scss */
.pagination__next-page {
  display: flex;
  display: none;
  flex: 1 1 0%;
  justify-content: flex-end;
  width: 0px;
}

/* line 27, app/assets/stylesheets/main/elements/navigation/pagination.css.scss */
.pagination__wrapper {
  display: flex;
  gap: 0.8rem;
  align-items: center;
}

/* line 33, app/assets/stylesheets/main/elements/navigation/pagination.css.scss */
.pagination__current-page {
  background-color: var(--pagination-active-bg);
  color: var(--pagination-active-c);
  pointer-events: none;
}

/* line 39, app/assets/stylesheets/main/elements/navigation/pagination.css.scss */
.pagination__current-page, .pagination__prev-page-link, .pagination__next-page-link, .pagination__regular-page, .pagination__gap-page {
  color: var(--pagination-c);
  font-weight: 400;
  font-size: var(--font-size-sm);
  line-height: var(--leading-lg);
}

/* line 50, app/assets/stylesheets/main/elements/navigation/pagination.css.scss */
.pagination__prev-page-link, .pagination__next-page-link, .pagination__current-page, .pagination__regular-page {
  padding: 1.1rem 1.75rem;
  border-radius: var(--border-radius-lg);
}

/* line 58, app/assets/stylesheets/main/elements/navigation/pagination.css.scss */
.pagination__prev-page-link, .pagination__next-page-link, .pagination__current-page, .pagination__regular-page, .pagination__gap-page {
  display: inline-flex;
  flex-shrink: 0;
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 72, app/assets/stylesheets/main/elements/navigation/pagination.css.scss */
.pagination__prev-page-link:hover, .pagination__next-page-link:hover, .pagination__regular-page:hover {
  color: var(--pagination-hover-c);
}

/* line 1, app/assets/stylesheets/landing/elements/navigation/pagination.css.scss */
.pagination {
  --pagination-c: var(--color-gray-750);
  --pagination-hover-c: var(--color-pink-600);
  --pagination-active-bg: var(--button-primary-bg);
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/landing/elements/navigation/pagination.css.scss */
  .pagination {
    justify-content: center;
  }
}

/* line 10, app/assets/stylesheets/landing/elements/navigation/pagination.css.scss */
.pagination__current-page {
  --pagination-c: var(--button-primary-c);
  font-weight: var(--_button-font-weight);
  font-family: var(--font-family-primary);
  font-size: var(--_button-font-size);
  line-height: var(--_button-line-height);
}

/* line 18, app/assets/stylesheets/landing/elements/navigation/pagination.css.scss */
.pagination__prev-page, .pagination__next-page {
  display: flex;
}

@media (max-width: 767px) {
  /* line 18, app/assets/stylesheets/landing/elements/navigation/pagination.css.scss */
  .pagination__prev-page, .pagination__next-page {
    display: none;
  }
}

/* base elements styles */
/* line 1, app/assets/stylesheets/landing/components/basic/header.css.scss */
.header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  height: var(--header-height);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
}

/* line 12, app/assets/stylesheets/landing/components/basic/header.css.scss */
.header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 126rem;
  margin: 0 auto;
  padding: 0.5rem 2.4rem;
  position: relative;
  z-index: 1;
}

@media (min-width: 769px) {
  /* line 12, app/assets/stylesheets/landing/components/basic/header.css.scss */
  .header__container {
    border: 1px solid transparent;
    border-radius: 4.2rem;
    transition-property: var(--transition-colors);
    transition-duration: var(--transition-duration);
  }
}

@media (max-width: 1279px) {
  /* line 12, app/assets/stylesheets/landing/components/basic/header.css.scss */
  .header__container {
    padding: 0 1.2rem;
  }
}

@media (max-width: 767px) {
  /* line 12, app/assets/stylesheets/landing/components/basic/header.css.scss */
  .header__container {
    background-color: var(--landing-color-orange-50);
  }
}

@media screen and (max-width: 420px) {
  /* line 12, app/assets/stylesheets/landing/components/basic/header.css.scss */
  .header__container {
    padding: 0 1.4rem;
  }
}

@media (min-width: 769px) {
  /* line 42, app/assets/stylesheets/landing/components/basic/header.css.scss */
  .header__container--with-bg {
    border-color: #0000000D;
    background-color: var(--color-orange-50);
  }
}

/* line 50, app/assets/stylesheets/landing/components/basic/header.css.scss */
.header__logo {
  flex-shrink: 0;
}

@media (max-width: 767px) {
  /* line 53, app/assets/stylesheets/landing/components/basic/header.css.scss */
  .header__logo svg {
    width: 10.8rem;
    position: relative;
    top: 1px;
  }
}

/* line 62, app/assets/stylesheets/landing/components/basic/header.css.scss */
.header__link {
  display: flex;
  gap: 1.6rem;
  flex-shrink: 0;
  margin-left: 3.4rem;
  font-size: 2.4rem;
  line-height: 3.4rem;
  text-align: center;
}

@media (max-width: 767px) {
  /* line 62, app/assets/stylesheets/landing/components/basic/header.css.scss */
  .header__link {
    display: none;
  }
}

/* line 75, app/assets/stylesheets/landing/components/basic/header.css.scss */
.header__link--active,
.header__link a:hover,
.header__link span {
  color: var(--color-pink-600);
}

/* line 82, app/assets/stylesheets/landing/components/basic/header.css.scss */
.header__actions {
  display: flex;
  gap: 1.6rem;
  flex-grow: 1;
  align-items: center;
  justify-content: end;
}

@media (max-width: 767px) {
  /* line 82, app/assets/stylesheets/landing/components/basic/header.css.scss */
  .header__actions {
    gap: 1.2rem;
  }
}

/* line 94, app/assets/stylesheets/landing/components/basic/header.css.scss */
.header__companies {
  display: flex;
  gap: 1.2rem;
  align-items: center;
}

@media (max-width: 767px) {
  /* line 94, app/assets/stylesheets/landing/components/basic/header.css.scss */
  .header__companies {
    display: none;
  }
}

/* line 104, app/assets/stylesheets/landing/components/basic/header.css.scss */
.header__companies-dropdown {
  display: none;
  position: relative;
  z-index: 0;
}

@media (max-width: 767px) {
  /* line 104, app/assets/stylesheets/landing/components/basic/header.css.scss */
  .header__companies-dropdown {
    display: flex;
  }
}

@media screen and (max-width: 410px) {
  /* line 104, app/assets/stylesheets/landing/components/basic/header.css.scss */
  .header__companies-dropdown {
    display: none;
  }
}

/* line 122, app/assets/stylesheets/landing/components/basic/header.css.scss */
.header__companies-dropdown-content {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}

/* line 128, app/assets/stylesheets/landing/components/basic/header.css.scss */
.header__divider {
  width: 1px;
  height: 1.2rem;
  background: rgba(0, 0, 0, 0.24);
}

@media (max-width: 767px) {
  /* line 128, app/assets/stylesheets/landing/components/basic/header.css.scss */
  .header__divider {
    display: none;
  }
}

@media (max-width: 767px) {
  /* line 138, app/assets/stylesheets/landing/components/basic/header.css.scss */
  .header__cta {
    min-height: 3.2rem;
    font-size: var(--font-size-xs);
    line-height: var(--font-size-lg);
  }
}

/* line 146, app/assets/stylesheets/landing/components/basic/header.css.scss */
.header__menu-button-wrapper {
  display: none;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  margin-right: 1.2rem;
  position: relative;
  z-index: 9999;
}

@media (max-width: 767px) {
  /* line 146, app/assets/stylesheets/landing/components/basic/header.css.scss */
  .header__menu-button-wrapper {
    display: flex;
  }
}

/* line 160, app/assets/stylesheets/landing/components/basic/header.css.scss */
.header__menu-button-wrapper.open span:nth-child(1) {
  top: -4px;
  left: 0px;
  transform: rotate(45deg);
}

/* line 166, app/assets/stylesheets/landing/components/basic/header.css.scss */
.header__menu-button-wrapper.open span:nth-child(2) {
  top: 13px;
  left: 0px;
  transform: rotate(-45deg);
}

/* line 173, app/assets/stylesheets/landing/components/basic/header.css.scss */
.header__menu-button {
  width: 2.4rem;
  height: 1.4rem;
  cursor: pointer;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
}

/* line 180, app/assets/stylesheets/landing/components/basic/header.css.scss */
.header__menu-button span {
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  background-color: #3a3938;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

/* line 191, app/assets/stylesheets/landing/components/basic/header.css.scss */
.header__menu-button span:nth-child(1) {
  top: 0px;
  transform-origin: left center;
}

/* line 196, app/assets/stylesheets/landing/components/basic/header.css.scss */
.header__menu-button span:nth-child(2) {
  top: 11px;
  transform-origin: left center;
}

/* line 1, app/assets/stylesheets/landing/components/basic/footer-contacts.css.scss */
.footer-contacts {
  display: flex;
  flex-shrink: 0;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  max-width: 125rem;
  margin: 0 auto 13rem auto;
  padding: 0 1.6rem 4rem 1.6rem;
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/landing/components/basic/footer-contacts.css.scss */
  .footer-contacts {
    flex-direction: column;
    padding-bottom: 2rem;
    margin: 0 auto 1rem auto;
  }
}

/* line 17, app/assets/stylesheets/landing/components/basic/footer-contacts.css.scss */
.footer-contacts p {
  color: var(--dark-c);
  font-size: var(--font-size-xl);
  line-height: var(--font-size-2xl);
}

@media (max-width: 767px) {
  /* line 17, app/assets/stylesheets/landing/components/basic/footer-contacts.css.scss */
  .footer-contacts p {
    font-size: var(--font-size-sm);
  }
}

/* line 26, app/assets/stylesheets/landing/components/basic/footer-contacts.css.scss */
.footer-contacts p a {
  color: var(--landing-color-gray-800);
  text-decoration: none;
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 32, app/assets/stylesheets/landing/components/basic/footer-contacts.css.scss */
.footer-contacts p a:focus, .footer-contacts p a:visited {
  color: var(--landing-color-gray-800);
}

/* line 37, app/assets/stylesheets/landing/components/basic/footer-contacts.css.scss */
.footer-contacts p a:hover {
  text-decoration: underline;
}

/* line 42, app/assets/stylesheets/landing/components/basic/footer-contacts.css.scss */
.footer-contacts p a,
.footer-contacts p span {
  display: inline-block;
}

/* line 1, app/assets/stylesheets/landing/components/basic/footer.css.scss */
.footer {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 125rem;
  margin: 0 auto;
  padding: 0 1.6rem 4rem 1.6rem;
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/landing/components/basic/footer.css.scss */
  .footer {
    flex-direction: column;
    padding-bottom: 2.4rem;
  }
}

/* line 16, app/assets/stylesheets/landing/components/basic/footer.css.scss */
.footer p {
  color: var(--landing-color-gray-600);
  font-size: var(--font-size-xl);
  line-height: var(--font-size-2xl);
}

@media (max-width: 767px) {
  /* line 16, app/assets/stylesheets/landing/components/basic/footer.css.scss */
  .footer p {
    font-size: var(--font-size-sm);
  }
}

/* line 25, app/assets/stylesheets/landing/components/basic/footer.css.scss */
.footer p a {
  color: var(--dark-c);
  text-decoration: none;
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

/* line 31, app/assets/stylesheets/landing/components/basic/footer.css.scss */
.footer p a:focus, .footer p a:visited {
  color: var(--dark-c);
}

/* line 37, app/assets/stylesheets/landing/components/basic/footer.css.scss */
.footer p a,
.footer p span {
  display: inline-block;
}

@media (max-width: 767px) {
  /* line 43, app/assets/stylesheets/landing/components/basic/footer.css.scss */
  .footer svg {
    width: 11.8rem;
    margin-bottom: 1rem;
  }
}

/* line 1, app/assets/stylesheets/landing/components/basic/menu.css.scss */
.menu {
  padding-top: 90px;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: #f3ede5;
}

@media (min-width: 1025px) {
  /* line 1, app/assets/stylesheets/landing/components/basic/menu.css.scss */
  .menu {
    display: none !important;
  }
}

/* line 15, app/assets/stylesheets/landing/components/basic/menu.css.scss */
.menu__overlay {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

/* line 22, app/assets/stylesheets/landing/components/basic/menu.css.scss */
.menu ul {
  padding-left: 2.4rem;
  list-style: none;
}

/* line 26, app/assets/stylesheets/landing/components/basic/menu.css.scss */
.menu ul li {
  margin-bottom: 1.6rem;
  color: var(--landing-color-orange-800);
  font-size: 32px;
}

/* line 31, app/assets/stylesheets/landing/components/basic/menu.css.scss */
.menu ul li a {
  color: var(--dark-c);
  text-decoration: none;
}

/* line 35, app/assets/stylesheets/landing/components/basic/menu.css.scss */
.menu ul li a::hover {
  color: var(--landing-color-orange-800);
}

/* line 43, app/assets/stylesheets/landing/components/basic/menu.css.scss */
.menu__link--active {
  color: var(--landing-color-orange-800) !important;
}

/* line 48, app/assets/stylesheets/landing/components/basic/menu.css.scss */
.menu__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
}

/* line 55, app/assets/stylesheets/landing/components/basic/menu.css.scss */
.menu__footer > img {
  height: 25px;
}

/* line 59, app/assets/stylesheets/landing/components/basic/menu.css.scss */
.menu__footer > p {
  color: #706e6b;
  font-size: 14px;
  line-height: 132%;
}

/* line 64, app/assets/stylesheets/landing/components/basic/menu.css.scss */
.menu__footer > p a {
  color: var(--dark-c);
  text-decoration: none;
}

/* line 71, app/assets/stylesheets/landing/components/basic/menu.css.scss */
.menu__footer-image {
  width: 100%;
  margin-top: 40px;
}

/* line 75, app/assets/stylesheets/landing/components/basic/menu.css.scss */
.menu__footer-image svg {
  width: 100%;
}

/* line 1, app/assets/stylesheets/landing/components/basic/hero.css.scss */
.hero {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 124rem;
  margin: 0 auto;
  padding: 15.6rem 1.6rem 12.2rem 1.6rem;
}

@media (min-width: 2001px) {
  /* line 1, app/assets/stylesheets/landing/components/basic/hero.css.scss */
  .hero {
    position: relative;
  }
}

@media (max-width: 1379px) {
  /* line 1, app/assets/stylesheets/landing/components/basic/hero.css.scss */
  .hero {
    padding: 12.6rem 1.6rem 9.2rem 1.6rem;
  }
}

@media (max-width: 1279px) {
  /* line 1, app/assets/stylesheets/landing/components/basic/hero.css.scss */
  .hero {
    padding: 9.6rem 2.4rem 6.2rem 2.4rem;
  }
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/landing/components/basic/hero.css.scss */
  .hero {
    flex-direction: column;
    padding: 5.6rem 0 2.5rem 0;
  }
}

/* line 26, app/assets/stylesheets/landing/components/basic/hero.css.scss */
.hero__content-overlay {
  max-width: 84rem;
}

@media (max-width: 767px) {
  /* line 26, app/assets/stylesheets/landing/components/basic/hero.css.scss */
  .hero__content-overlay {
    flex-direction: column;
    max-width: 100%;
    padding-right: 2.4rem;
    padding-left: 2.4rem;
  }
}

/* line 37, app/assets/stylesheets/landing/components/basic/hero.css.scss */
.hero__title {
  margin-bottom: 2.7rem;
  color: #191919;
  font-family: var(--font-family-tertiary);
  font-size: 7.2rem;
  line-height: 8.4rem;
  letter-spacing: -0.01em;
}

@media (max-width: 1379px) {
  /* line 37, app/assets/stylesheets/landing/components/basic/hero.css.scss */
  .hero__title {
    font-size: 6.2rem;
    line-height: 6.4rem;
  }
}

@media (max-width: 1279px) {
  /* line 37, app/assets/stylesheets/landing/components/basic/hero.css.scss */
  .hero__title {
    font-size: 4.2rem;
    line-height: 5rem;
  }
}

@media (max-width: 767px) {
  /* line 37, app/assets/stylesheets/landing/components/basic/hero.css.scss */
  .hero__title {
    margin-bottom: 1.2rem;
    font-size: 4.4rem;
    line-height: 5.1rem;
  }
  /* line 60, app/assets/stylesheets/landing/components/basic/hero.css.scss */
  .hero__title br {
    display: none;
  }
}

@media (max-width: 374px) {
  /* line 37, app/assets/stylesheets/landing/components/basic/hero.css.scss */
  .hero__title {
    font-size: 3.6rem;
    line-height: 4rem;
  }
}

@media (min-width: 769px) {
  /* line 70, app/assets/stylesheets/landing/components/basic/hero.css.scss */
  .hero__title span {
    display: inline-block;
  }
}

/* line 77, app/assets/stylesheets/landing/components/basic/hero.css.scss */
.hero__description {
  margin-bottom: 3rem;
  position: relative;
  overflow: hidden;
  color: #5c5a57;
  font-family: var(--font-family-quaternary);
  font-size: 2.4rem;
  line-height: 3.5rem;
}

@media (max-width: 1379px) {
  /* line 77, app/assets/stylesheets/landing/components/basic/hero.css.scss */
  .hero__description {
    font-size: 2.2rem;
    line-height: 3.3rem;
  }
}

@media (max-width: 1279px) {
  /* line 77, app/assets/stylesheets/landing/components/basic/hero.css.scss */
  .hero__description {
    font-size: 1.6rem;
    line-height: 2.5rem;
  }
}

@media (max-width: 767px) {
  /* line 77, app/assets/stylesheets/landing/components/basic/hero.css.scss */
  .hero__description {
    margin-bottom: 2.1rem;
  }
}

@media (max-width: 767px) {
  /* line 77, app/assets/stylesheets/landing/components/basic/hero.css.scss */
  .hero__description {
    margin-bottom: 2.1rem;
    font-weight: 700;
    line-height: 2.4rem;
  }
  /* line 105, app/assets/stylesheets/landing/components/basic/hero.css.scss */
  .hero__description br {
    display: none;
  }
}

/* line 111, app/assets/stylesheets/landing/components/basic/hero.css.scss */
.hero__image {
  max-width: 64rem;
  position: absolute;
  top: 6rem;
  right: 0;
  z-index: -1;
  text-align: right;
}

@media (min-width: 2001px) {
  /* line 111, app/assets/stylesheets/landing/components/basic/hero.css.scss */
  .hero__image {
    top: 13rem;
    right: -7.6rem;
  }
}

@media (max-width: 1379px) {
  /* line 111, app/assets/stylesheets/landing/components/basic/hero.css.scss */
  .hero__image {
    max-width: 48rem;
    top: 8rem;
  }
}

@media (max-width: 1279px) {
  /* line 111, app/assets/stylesheets/landing/components/basic/hero.css.scss */
  .hero__image {
    max-width: 40rem;
  }
}

@media (max-width: 1023px) {
  /* line 111, app/assets/stylesheets/landing/components/basic/hero.css.scss */
  .hero__image {
    max-width: 36rem;
    top: 8rem;
  }
}

@media (max-width: 767px) {
  /* line 111, app/assets/stylesheets/landing/components/basic/hero.css.scss */
  .hero__image {
    display: flex;
    justify-content: flex-end;
    max-width: 81%;
    margin-top: 3rem;
    margin-bottom: 3.8rem;
    margin-left: auto;
    padding-left: 1.6rem;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
  }
}

/* line 152, app/assets/stylesheets/landing/components/basic/hero.css.scss */
.hero__image svg {
  width: 100%;
  height: auto;
}

/* line 158, app/assets/stylesheets/landing/components/basic/hero.css.scss */
.hero__controls {
  display: flex;
  gap: 1.6rem;
  align-items: center;
}

/* line 163, app/assets/stylesheets/landing/components/basic/hero.css.scss */
.hero__controls button {
  margin-right: 32px;
}

@media (max-width: 767px) {
  /* line 163, app/assets/stylesheets/landing/components/basic/hero.css.scss */
  .hero__controls button {
    margin-right: 11px;
  }
}

/* line 173, app/assets/stylesheets/landing/components/basic/hero.css.scss */
.hero__avatar {
  --company-avatar-size: 5.8rem;
}

@media (max-width: 1379px) {
  /* line 173, app/assets/stylesheets/landing/components/basic/hero.css.scss */
  .hero__avatar {
    --company-avatar-size: 4.8rem;
  }
}

@media (max-width: 1279px) {
  /* line 173, app/assets/stylesheets/landing/components/basic/hero.css.scss */
  .hero__avatar {
    --company-avatar-size: 4rem;
  }
}

@media (max-width: 374px) {
  /* line 173, app/assets/stylesheets/landing/components/basic/hero.css.scss */
  .hero__avatar {
    --company-avatar-size: 3rem;
  }
}

@media (max-width: 1279px) {
  /* line 189, app/assets/stylesheets/landing/components/basic/hero.css.scss */
  .hero__button-cta {
    --_button-min-height: 3.2rem;
    --_button-padding: 0.2rem 0.9rem;
    border-radius: 6px;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0;
  }
}

/* line 199, app/assets/stylesheets/landing/components/basic/hero.css.scss */
.hero__button-cta--updates {
  letter-spacing: -0.1px;
}

/* line 1, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
.inspiration {
  margin: 0 4rem;
}

@media (max-width: 1279px) {
  /* line 1, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration {
    margin: 0 2.4rem;
  }
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration {
    margin: 0;
  }
}

/* line 12, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
.inspiration__wrapper {
  width: 100%;
  max-width: 140rem;
  margin: 0 auto;
  margin-bottom: 17rem;
  padding: 11.6rem 5.1rem 4.6rem 5.1rem;
  position: relative;
  border: 1px solid #0000000D;
  border-radius: 4.2rem;
  background-color: var(--color-orange-50);
}

@media (max-width: 1379px) {
  /* line 12, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__wrapper {
    padding: 11.6rem 5.1rem 4.2rem 5.1rem;
  }
}

@media (max-width: 1279px) {
  /* line 12, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__wrapper {
    padding: 8.6rem 2.4rem 2.2rem 2.4rem;
  }
}

@media (max-width: 767px) {
  /* line 12, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__wrapper {
    margin-bottom: 2.4rem;
    padding: 2.9rem 2.4rem 1.2rem 2.4rem;
    border-radius: 1.6rem;
  }
}

/* line 38, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
.inspiration__path {
  position: absolute;
  top: 9rem;
  right: 0;
  left: 0;
  z-index: 0;
}

/* line 45, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
.inspiration__path path {
  transition: stroke-dashoffset 1s ease-in;
}

/* line 50, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
.inspiration__path.in-view path {
  stroke-dashoffset: 0 !important;
}

/* line 55, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
.inspiration__path--desktop {
  display: block;
}

@media (max-width: 767px) {
  /* line 55, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__path--desktop {
    display: none;
  }
}

/* line 63, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
.inspiration__path--mobile {
  display: none;
}

@media (max-width: 767px) {
  /* line 63, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__path--mobile {
    display: block;
    top: 8rem;
  }
}

/* line 73, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
.inspiration__container {
  position: relative;
  z-index: 1;
}

/* line 78, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
.inspiration__header {
  margin-bottom: 9rem;
}

@media (max-width: 1379px) {
  /* line 78, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__header {
    margin-bottom: 7rem;
  }
}

@media (max-width: 1279px) {
  /* line 78, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__header {
    margin-bottom: 5rem;
  }
}

@media (max-width: 767px) {
  /* line 78, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__header {
    margin-bottom: 3rem;
  }
}

@media (max-width: 374px) {
  /* line 78, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__header {
    margin-bottom: 2.4rem;
  }
}

/* line 98, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
.inspiration__title {
  margin-bottom: 2rem;
  color: var(--color-gray-675);
  font-weight: 400;
  font-family: var(--font-family-quinary);
  font-size: 2.4rem;
  line-height: 3.1rem;
  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 1379px) {
  /* line 98, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__title {
    font-size: 2rem;
    line-height: 2.9rem;
  }
}

@media (max-width: 1279px) {
  /* line 98, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__title {
    font-size: 1.8rem;
    line-height: 2.7rem;
  }
}

@media (max-width: 767px) {
  /* line 98, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__title {
    margin-bottom: 1.4rem;
    text-align: left;
  }
}

/* line 124, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
.inspiration__description {
  margin-bottom: 2.7rem;
  color: var(--color-black);
  font-family: var(--font-family-tertiary);
  font-size: 3.2rem;
  line-height: 4.4rem;
  letter-spacing: -0.01em;
  text-align: center;
}

@media (max-width: 767px) {
  /* line 124, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__description {
    font-size: 2.4rem;
    line-height: 3.2rem;
    text-align: left;
  }
}

/* line 139, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
.inspiration__description span {
  display: inline-block;
}

/* line 144, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
.inspiration__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 5.6rem;
  margin-bottom: 20rem;
  padding: 0 4rem;
}

@media (max-width: 1379px) {
  /* line 144, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__cards {
    grid-gap: 4.6rem;
    margin-bottom: 14rem;
    padding: 0 3.2rem;
  }
}

@media (max-width: 1279px) {
  /* line 144, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__cards {
    grid-gap: 3.8rem;
    margin-bottom: 12rem;
    padding: 0 2.8rem;
  }
}

@media (max-width: 767px) {
  /* line 144, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__cards {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 3.8rem;
    margin-bottom: 6.3rem;
    padding: 0;
  }
}

@media (max-width: 374px) {
  /* line 144, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__cards {
    grid-gap: 3.4rem;
  }
}

/* line 175, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
.inspiration__card-title {
  margin-bottom: 1.4rem;
  color: var(--landing-color-dark-800);
  font-weight: normal;
  font-family: var(--font-family-tertiary);
  font-size: 3.6rem;
  line-height: 3.8rem;
  letter-spacing: -0.01em;
  text-align: left;
}

@media (max-width: 1379px) {
  /* line 175, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__card-title {
    margin-bottom: 1.2rem;
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
}

@media (max-width: 1279px) {
  /* line 175, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__card-title {
    margin-bottom: 1rem;
    font-size: 2.4rem;
    line-height: 2.6rem;
  }
}

@media (max-width: 767px) {
  /* line 175, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__card-title {
    margin-bottom: 0.8rem;
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
}

@media (max-width: 374px) {
  /* line 175, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__card-title {
    margin-bottom: 0.6rem;
    font-size: 2.2rem;
    line-height: 2.4rem;
  }
}

/* line 210, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
.inspiration__card-description {
  color: var(--color-gray-675);
  font-family: var(--font-family-quaternary);
  font-size: 2.4rem;
  line-height: 3.3rem;
}

@media (max-width: 1379px) {
  /* line 210, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__card-description {
    font-size: 2rem;
    line-height: 2.9rem;
  }
}

@media (max-width: 1279px) {
  /* line 210, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__card-description {
    font-size: 1.6rem;
    line-height: 2.5rem;
  }
}

@media (max-width: 767px) {
  /* line 210, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__card-description {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}

@media (max-width: 374px) {
  /* line 210, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__card-description {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
}

/* line 237, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
.inspiration__card-image {
  width: 8rem;
  height: auto;
  margin-bottom: 3.6rem;
}

@media (max-width: 1379px) {
  /* line 237, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__card-image {
    width: 6rem;
    margin-bottom: 3.2rem;
  }
}

@media (max-width: 1279px) {
  /* line 237, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__card-image {
    width: 5rem;
    margin-bottom: 2.8rem;
  }
}

@media (max-width: 767px) {
  /* line 237, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__card-image {
    width: 5.6rem;
    margin-bottom: 2.5rem;
  }
}

@media (max-width: 374px) {
  /* line 237, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__card-image {
    width: 5rem;
  }
}

/* line 262, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
.inspiration__features {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 4.8rem;
}

@media (max-width: 1379px) {
  /* line 262, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__features {
    grid-gap: 4rem;
  }
}

@media (max-width: 1279px) {
  /* line 262, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__features {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0.6rem;
    margin: 0 -1.4rem;
  }
}

/* line 278, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
.inspiration__feature {
  padding: 4.4rem 4rem 42rem 4rem;
  position: relative;
  border-radius: 2.2rem;
  box-shadow: 0px 1px 0px 0px #00000030;
  overflow: hidden;
}

@media (max-width: 1279px) {
  /* line 278, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__feature {
    padding: 2rem 1.6rem 70% 1.6rem;
    border-radius: 1.2rem;
  }
}

/* line 290, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
.inspiration__feature--company {
  background-color: var(--color-orange-900);
}

/* line 294, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
.inspiration__feature--employee {
  background-color: var(--color-white);
}

/* line 299, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
.inspiration__feature-title {
  min-height: 22rem;
  margin-bottom: 1.2rem;
  position: relative;
  z-index: 1;
  font-weight: normal;
  font-family: var(--font-family-tertiary);
  font-size: 3.6rem;
  line-height: 3.8rem;
  letter-spacing: -0.01em;
}

@media (max-width: 1379px) {
  /* line 299, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__feature-title {
    font-size: 3.2rem;
    line-height: 3.4rem;
  }
}

@media (max-width: 1279px) {
  /* line 299, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__feature-title {
    min-height: auto;
    font-size: 2.8rem;
    line-height: 3rem;
  }
}

@media (max-width: 767px) {
  /* line 299, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__feature-title {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}

@media (max-width: 374px) {
  /* line 299, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__feature-title {
    font-size: 2.2rem;
    line-height: 2.8rem;
  }
}

/* line 334, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
.inspiration__feature-title--company span {
  display: inline-block;
  margin-bottom: 1.6rem;
}

/* line 340, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
.inspiration__feature-title--employee {
  color: var(--landing-color-dark-800);
}

/* line 343, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
.inspiration__feature-title--employee span {
  display: inline-block;
  margin-bottom: 1.6rem;
}

/* line 350, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
.inspiration__feature-image {
  width: 100%;
  height: auto;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}

/* line 360, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
.inspiration__feature-placeholder {
  right: 0;
  bottom: 0;
  left: 0;
}

/* line 365, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
.inspiration__feature-placeholder--company {
  background-color: var(--color-white);
}

/* line 369, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
.inspiration__feature-placeholder--employee {
  background-color: var(--color-orange-900);
}

/* line 374, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
.inspiration__section-description {
  font-size: 1.6rem;
  line-height: 2.4rem;
}

/* line 377, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
.inspiration__section-description b {
  font-weight: 600;
  font-family: var(--font-family-primary);
}

/* line 382, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
.inspiration__section-description li {
  margin-bottom: 0.6rem;
}

@media (max-width: 767px) {
  /* line 382, app/assets/stylesheets/landing/components/basic/inspiration.css.scss */
  .inspiration__section-description li {
    margin-bottom: 1.6rem;
  }
}

/* line 1, app/assets/stylesheets/landing/components/basic/integrations.css.scss */
.integrations {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 124rem;
  margin: 0 auto;
  padding: 0 1.6rem 12.2rem 1.6rem;
}

@media (min-width: 2001px) {
  /* line 1, app/assets/stylesheets/landing/components/basic/integrations.css.scss */
  .integrations {
    position: relative;
  }
}

@media (max-width: 1379px) {
  /* line 1, app/assets/stylesheets/landing/components/basic/integrations.css.scss */
  .integrations {
    padding: 0 1.6rem 9.2rem 1.6rem;
  }
}

@media (max-width: 1279px) {
  /* line 1, app/assets/stylesheets/landing/components/basic/integrations.css.scss */
  .integrations {
    padding: 0 2.4rem 6.2rem 2.4rem;
  }
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/landing/components/basic/integrations.css.scss */
  .integrations {
    flex-direction: column;
    padding: 0 0 2.5rem 0;
  }
}

@media (max-width: 767px) {
  /* line 26, app/assets/stylesheets/landing/components/basic/integrations.css.scss */
  .integrations__content-overlay {
    flex-direction: column;
    padding-right: 2.4rem;
    padding-left: 2.4rem;
  }
}

/* line 35, app/assets/stylesheets/landing/components/basic/integrations.css.scss */
.integrations__title {
  margin-bottom: 6.7rem;
  color: #191919;
  font-family: var(--font-family-tertiary);
  font-size: 5.6rem;
  line-height: 6rem;
  letter-spacing: -0.01em;
}

@media (max-width: 767px) {
  /* line 35, app/assets/stylesheets/landing/components/basic/integrations.css.scss */
  .integrations__title {
    margin-bottom: 1.2rem;
    font-size: 3.6rem;
    line-height: 3.8rem;
  }
}

@media (min-width: 769px) {
  /* line 49, app/assets/stylesheets/landing/components/basic/integrations.css.scss */
  .integrations__title span {
    display: inline-block;
  }
}

/* line 56, app/assets/stylesheets/landing/components/basic/integrations.css.scss */
.integrations__avatar {
  --company-avatar-size: 4.6rem;
  background-image: url(/assets/landing/slack-logo-5c972d5a4ec1d468c4594af7d5644d646d5d5b023d25581799d6676565326ec6.svg);
}

@media (max-width: 1279px) {
  /* line 56, app/assets/stylesheets/landing/components/basic/integrations.css.scss */
  .integrations__avatar {
    --company-avatar-size: 4rem;
  }
}

@media (max-width: 374px) {
  /* line 56, app/assets/stylesheets/landing/components/basic/integrations.css.scss */
  .integrations__avatar {
    --company-avatar-size: 3rem;
  }
}

/* line 69, app/assets/stylesheets/landing/components/basic/integrations.css.scss */
.integrations__sections {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 4.8rem;
}

@media (max-width: 1379px) {
  /* line 69, app/assets/stylesheets/landing/components/basic/integrations.css.scss */
  .integrations__sections {
    grid-gap: 4rem;
  }
}

@media (max-width: 1279px) {
  /* line 69, app/assets/stylesheets/landing/components/basic/integrations.css.scss */
  .integrations__sections {
    grid-gap: 3.2rem;
  }
}

@media (max-width: 767px) {
  /* line 69, app/assets/stylesheets/landing/components/basic/integrations.css.scss */
  .integrations__sections {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0.6rem;
    margin: 0 -1.4rem;
  }
}

/* line 89, app/assets/stylesheets/landing/components/basic/integrations.css.scss */
.integrations__section {
  height: 50.4rem;
  padding: 4.4rem 4rem 4rem 4rem;
  position: relative;
  border-radius: 2.2rem;
  background-color: var(--color-white);
  box-shadow: 0px 1px 0px 0px #00000030;
  overflow: hidden;
}

@media (max-width: 767px) {
  /* line 89, app/assets/stylesheets/landing/components/basic/integrations.css.scss */
  .integrations__section {
    height: auto;
    min-height: 32.4rem;
    padding: 2rem 1.6rem 2rem 1.6rem;
    border-radius: 1.2rem;
  }
}

/* line 106, app/assets/stylesheets/landing/components/basic/integrations.css.scss */
.integrations__section-title {
  margin-bottom: 4.7rem;
  font-size: 3.6rem;
  line-height: 3.8rem;
}

@media (max-width: 1379px) {
  /* line 106, app/assets/stylesheets/landing/components/basic/integrations.css.scss */
  .integrations__section-title {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
}

@media (max-width: 767px) {
  /* line 106, app/assets/stylesheets/landing/components/basic/integrations.css.scss */
  .integrations__section-title {
    margin-bottom: 1.6rem;
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}

/* line 123, app/assets/stylesheets/landing/components/basic/integrations.css.scss */
.integrations__section-description {
  font-size: 2.4rem;
  line-height: 3.2rem;
}

@media (max-width: 1379px) {
  /* line 123, app/assets/stylesheets/landing/components/basic/integrations.css.scss */
  .integrations__section-description {
    font-size: 1.8rem;
    line-height: 2.8rem;
  }
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/landing/components/basic/integrations.css.scss */
  .integrations__section-description {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}

/* line 137, app/assets/stylesheets/landing/components/basic/integrations.css.scss */
.integrations__section-description li {
  margin-bottom: 1.6rem;
}

/* line 142, app/assets/stylesheets/landing/components/basic/integrations.css.scss */
.integrations__feature-placeholder {
  right: 0;
  bottom: 0;
  left: 0;
}

/* line 1, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing {
  width: 100%;
  max-width: 133rem;
  margin: 0 auto;
  padding: 6.8rem 1.7rem 11.7rem 1.7rem;
}

@media (min-width: 2001px) {
  /* line 1, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing {
    position: relative;
  }
}

@media (max-width: 1379px) {
  /* line 1, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing {
    padding: 6.8rem 1.7rem 9.2rem 1.7rem;
  }
}

@media (max-width: 1279px) {
  /* line 1, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing {
    padding: 6.8rem 2.4rem 6.2rem 2.4rem;
  }
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing {
    padding: 4.8rem .8rem 5.6rem .8rem;
  }
}

/* line 23, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__title {
  margin-bottom: 2rem;
  color: var(--color-gray-675);
  font-weight: 400;
  font-family: var(--font-family-quinary);
  font-size: 2.4rem;
  line-height: 3.1rem;
  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 1379px) {
  /* line 23, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__title {
    font-size: 2rem;
    line-height: 2.9rem;
  }
}

@media (max-width: 1279px) {
  /* line 23, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__title {
    font-size: 1.8rem;
    line-height: 2.7rem;
  }
}

@media (max-width: 767px) {
  /* line 23, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__title {
    margin-bottom: 1rem;
    padding: 0 1.6rem;
    font-size: 1.6rem;
  }
}

/* line 50, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__description {
  margin-bottom: 1.8rem;
  color: var(--color-black);
  font-family: var(--font-family-tertiary);
  font-size: 5.6rem;
  line-height: 6.4rem;
  letter-spacing: -0.01em;
  text-align: center;
}

@media (max-width: 767px) {
  /* line 50, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__description {
    margin-bottom: 2.8rem;
    padding: 0 1.6rem;
    font-size: 3.2rem;
    line-height: 3.3rem;
  }
}

/* line 66, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__description span {
  display: inline-block;
}

/* line 71, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__tag_container {
  display: flex;
  justify-content: center;
  margin-bottom: -2.8rem;
}

@media (max-width: 767px) {
  /* line 71, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__tag_container {
    margin-bottom: -6.4rem;
  }
}

/* line 81, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__tag {
  display: inline-block;
  padding: 1rem 2.2rem;
  border-radius: 100px;
  background-color: rgba(255, 255, 255, 0.5);
  color: var(--color-gray-675);
  font-weight: 400;
  font-family: var(--font-family-quinary);
  font-size: 1.6rem;
  line-height: 2rem;
  text-align: center;
}

@media (max-width: 767px) {
  /* line 81, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__tag {
    padding: .5rem 2rem;
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
}

/* line 100, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__images {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 0 4rem;
}

@media (max-width: 767px) {
  /* line 100, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__images {
    padding: 0 1.4rem;
  }
}

/* line 111, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__image_right {
  display: flex;
  align-items: flex-end;
}

/* line 116, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__image_plus {
  position: relative;
  top: 7.8rem;
  left: 4.8rem;
}

@media (max-width: 767px) {
  /* line 116, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__image_plus {
    display: none;
  }
}

/* line 126, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__image_heart {
  position: relative;
  bottom: -2.8rem;
}

@media (max-width: 767px) {
  /* line 126, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__image_heart {
    max-width: 9.6rem;
    bottom: -1rem;
  }
}

/* line 135, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__image_heart svg {
  height: auto;
}

/* line 140, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__image_bottom {
  position: absolute;
  right: -4.5rem;
  bottom: 1.1rem;
}

@media (max-width: 767px) {
  /* line 140, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__image_bottom {
    display: none;
  }
}

/* line 149, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__image_bottom--mobile {
  display: none;
}

@media (max-width: 767px) {
  /* line 149, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__image_bottom--mobile {
    display: block;
    height: 6.4rem;
    top: 0;
    right: -8rem;
  }
  /* line 158, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__image_bottom--mobile svg {
    width: 100%;
    height: 100%;
  }
}

/* line 166, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__image_left {
  position: relative;
  top: 7rem;
}

@media (max-width: 767px) {
  /* line 166, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__image_left {
    max-width: 12rem;
  }
}

/* line 175, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__wrapper {
  padding: 4rem;
  position: relative;
  border: 1px solid #0000000D;
  border-radius: 4.2rem;
  background-color: var(--color-orange-50);
  overflow: hidden;
}

@media (max-width: 767px) {
  /* line 175, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__wrapper {
    padding: 2.4rem 1.6rem 1.6rem;
    border-radius: .8rem;
  }
}

/* line 189, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__title_price {
  display: flex;
  justify-content: space-between;
  padding-bottom: 4rem;
  position: relative;
}

@media (max-width: 767px) {
  /* line 189, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__title_price {
    flex-direction: column;
    justify-content: flex-start;
    padding-bottom: 1.6rem;
  }
}

/* line 202, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__curency, .pricing__title_team {
  color: var(--landing-color-dark-800);
  font-weight: normal;
  font-size: 3.6rem;
  letter-spacing: -0.01em;
  text-align: left;
}

@media (max-width: 1379px) {
  /* line 202, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__curency, .pricing__title_team {
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
}

@media (max-width: 1279px) {
  /* line 202, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__curency, .pricing__title_team {
    font-size: 2.4rem;
    line-height: 2.6rem;
  }
}

@media (max-width: 767px) {
  /* line 202, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__curency, .pricing__title_team {
    font-size: 3.2rem;
  }
}

@media (max-width: 374px) {
  /* line 202, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__curency, .pricing__title_team {
    font-size: 3.2rem;
    line-height: 2.4rem;
  }
}

@media (max-width: 1379px) {
  /* line 230, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__title_team {
    margin-bottom: 1.2rem;
  }
}

@media (max-width: 1279px) {
  /* line 230, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__title_team {
    margin-bottom: 1rem;
  }
}

@media (max-width: 767px) {
  /* line 230, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__title_team {
    margin-bottom: 1.8rem;
  }
}

/* line 245, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__title_price_button {
  display: flex;
  gap: 1.4rem;
  align-items: center;
  top: -.2rem;
}

/* line 252, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__title_period {
  display: flex;
  align-items: center;
  color: var(--landing-color-dark-800);
}

/* line 257, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__title_period i {
  padding: 0 .6rem;
  font-style: normal;
}

/* line 263, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__period {
  font-size: 1.6rem;
}

@media (max-width: 374px) {
  /* line 263, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__period {
    font-size: 1.4rem;
  }
}

@media (max-width: 767px) {
  /* line 271, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__button_trial {
    display: none;
  }
}

/* line 277, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__button_trial--mobile {
  display: none;
}

@media (max-width: 767px) {
  /* line 277, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__button_trial--mobile {
    display: block;
    padding-top: 1.6rem;
  }
  /* line 284, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__button_trial--mobile a {
    width: 100%;
  }
}

/* line 291, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.2rem;
  border-radius: 2.2rem;
}

@media (max-width: 767px) {
  /* line 291, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__list {
    grid-template-columns: 1fr;
    gap: .8rem;
  }
}

/* line 302, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__list li {
  display: flex;
  gap: 1.3rem;
  align-items: flex-start;
  padding: 1.5rem 2rem;
  position: relative;
  border-radius: 2.2rem;
  background-color: var(--landing-color-white-50);
}

@media (max-width: 767px) {
  /* line 302, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__list li {
    gap: .8rem;
    padding: .8rem .8rem .8rem 1.1rem;
  }
}

/* line 316, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__list li p {
  position: relative;
  z-index: 2;
  color: var(--landing-color-gray-900);
  font-size: 2.4rem;
}

@media only screen and (min-width: 768px), screen and (max-width: 1024px) {
  /* line 316, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__list li p {
    font-size: 1.8rem;
  }
}

@media (max-width: 767px) {
  /* line 316, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__list li p {
    font-size: 1.6rem;
  }
}

/* line 332, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__list li em {
  display: inline-flex;
  align-items: baseline;
  font-style: normal;
}

/* line 338, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__list li strong {
  display: inline-flex;
  color: var(--landing-color-dark-800);
  font-weight: 700;
}

/* line 343, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__list li strong span {
  color: var(--landing-color-gray-900);
  font-weight: normal;
}

/* line 348, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__list li strong + span {
  padding: 0 .5rem;
}

/* line 353, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__list li i {
  flex-shrink: 0;
  width: 2.6rem;
  padding-top: .3rem;
  position: relative;
  z-index: 2;
}

@media (max-width: 767px) {
  /* line 353, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__list li i {
    width: 1.8rem;
  }
}

/* line 364, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__list li i svg {
  height: auto;
}

/* line 371, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__item_active {
  z-index: 1;
}

/* line 374, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__item_active::before {
  content: '';
  width: calc(100% - .1rem);
  height: calc(100% - .1rem);
  position: absolute;
  top: .1rem;
  left: .1rem;
  z-index: 1;
  border-radius: 2.2rem;
  background: #fff;
}

@media (max-width: 767px) {
  /* line 374, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__item_active::before {
    display: none;
  }
}

/* line 390, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__item_active:after {
  content: "";
  position: absolute;
  inset: -.1rem;
  z-index: -1;
  border-radius: 2.2rem;
  background: linear-gradient(92.51deg, rgba(247, 105, 176, 0.4) 12.46%, rgba(247, 105, 176, 0.096) 78.22%);
}

@media (max-width: 767px) {
  /* line 390, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__item_active:after {
    display: none;
  }
}

/* line 404, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
.pricing__icon {
  min-width: 2.3rem;
  padding: 0 .3rem 0 0;
  position: relative;
  top: 0.2rem;
}

@media (max-width: 767px) {
  /* line 404, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__icon {
    top: 0.1rem;
  }
}

@media (max-width: 767px) {
  /* line 404, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__icon {
    min-width: 1.6rem;
  }
  /* line 417, app/assets/stylesheets/landing/components/basic/pricing.css.scss */
  .pricing__icon svg {
    width: 1.6rem;
    height: auto;
  }
}

/* line 3, app/assets/stylesheets/landing/components/basic/trusted-teams.css.scss */
.trusted-teams h2 {
  margin-bottom: 4.8rem;
  color: var(--color-gray-675);
  font-weight: 400;
  font-family: var(--font-family-quinary);
  font-size: 2.4rem;
  line-height: 3.1rem;
  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 1379px) {
  /* line 3, app/assets/stylesheets/landing/components/basic/trusted-teams.css.scss */
  .trusted-teams h2 {
    font-size: 2rem;
    line-height: 2.9rem;
  }
}

@media (max-width: 1279px) {
  /* line 3, app/assets/stylesheets/landing/components/basic/trusted-teams.css.scss */
  .trusted-teams h2 {
    font-size: 1.6rem;
    line-height: 2.7rem;
  }
}

@media (max-width: 767px) {
  /* line 3, app/assets/stylesheets/landing/components/basic/trusted-teams.css.scss */
  .trusted-teams h2 {
    margin-bottom: 2.8rem;
  }
}

/* line 28, app/assets/stylesheets/landing/components/basic/trusted-teams.css.scss */
.trusted-teams__wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 11.4rem;
  gap: 8rem;
}

@media (max-width: 767px) {
  /* line 28, app/assets/stylesheets/landing/components/basic/trusted-teams.css.scss */
  .trusted-teams__wrapper {
    margin-bottom: 7.4rem;
  }
}

/* line 1, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
.testimonials {
  padding: 0 2.1rem 20rem;
}

@media (max-width: 1279px) {
  /* line 1, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
  .testimonials {
    padding: 0 2.4rem 20rem;
  }
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
  .testimonials {
    padding: 0 .8rem 16rem;
  }
}

/* line 12, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
.testimonials__wrapper {
  max-width: 139.8rem;
  margin: 0 auto;
  padding: 12rem 0;
  position: relative;
  border-radius: 4.2rem;
  background: var(--landing-color-white-200);
  box-shadow: 0 1px 1px rgba(25, 25, 25, 0.05);
}

@media only screen and (min-width: 768px), screen and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
  .testimonials__wrapper {
    padding: 6rem 0;
  }
}

@media (max-width: 767px) {
  /* line 12, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
  .testimonials__wrapper {
    padding: 4.8rem 0;
    border-radius: .8rem;
  }
}

/* line 31, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
.testimonials__pattern {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* line 39, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
.testimonials__box {
  padding-bottom: .1rem;
  padding: 0 9rem .3rem;
  overflow: hidden;
}

@media (max-width: 1279px) {
  /* line 39, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
  .testimonials__box {
    padding: 0 12rem .3rem;
  }
}

@media (max-width: 767px) {
  /* line 39, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
  .testimonials__box {
    padding: 0 3.2rem .1rem;
  }
}

/* line 53, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
.testimonials__subtitle {
  margin-bottom: 2.3rem;
  position: relative;
  z-index: 2;
  color: var(--color-gray-675);
  font-weight: 400;
  font-family: var(--font-family-quinary);
  font-size: 2.4rem;
  line-height: 3.1rem;
  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 1379px) {
  /* line 53, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
  .testimonials__subtitle {
    font-size: 2rem;
    line-height: 2.9rem;
  }
}

@media (max-width: 1279px) {
  /* line 53, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
  .testimonials__subtitle {
    font-size: 1.8rem;
    line-height: 2.7rem;
  }
}

@media (max-width: 767px) {
  /* line 53, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
  .testimonials__subtitle {
    margin-bottom: .9rem;
  }
}

/* line 80, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
.testimonials__title {
  max-width: 108rem;
  padding: 0 9rem;
  margin: 0 auto 7rem;
  position: relative;
  z-index: 2;
  color: var(--color-black);
  font-family: var(--font-family-tertiary);
  font-size: 5.6rem;
  line-height: 6.2rem;
  letter-spacing: -0.01em;
  text-align: center;
}

@media (max-width: 767px) {
  /* line 80, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
  .testimonials__title {
    font-size: 3.6rem;
    line-height: 4rem;
    padding: 0 1.6rem;
    margin: 0 auto 2rem;
  }
}

/* line 101, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
.testimonials__slider {
  max-width: 90rem;
}

/* line 104, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
.testimonials__slider .swiper-button-next,
.testimonials__slider .swiper-button-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 100%;
  background-color: var(--landing-color-white);
  opacity: 1;
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

@media (max-width: 767px) {
  /* line 104, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
  .testimonials__slider .swiper-button-next,
.testimonials__slider .swiper-button-prev {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.078);
    width: 4rem;
    height: 4rem;
  }
}

/* line 123, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
.testimonials__slider .swiper-button-next.swiper-button-disabled,
.testimonials__slider .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

/* line 127, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
.testimonials__slider .swiper-button-next:hover,
.testimonials__slider .swiper-button-prev:hover {
  background-color: var(--color-gray-750);
}

/* line 130, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
.testimonials__slider .swiper-button-next:hover svg path,
.testimonials__slider .swiper-button-prev:hover svg path {
  stroke: var(--landing-color-white);
}

/* line 135, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
.testimonials__slider .swiper-button-next svg,
.testimonials__slider .swiper-button-prev svg {
  width: auto;
  height: auto;
}

/* line 139, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
.testimonials__slider .swiper-button-next svg path,
.testimonials__slider .swiper-button-prev svg path {
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

@media (max-width: 767px) {
  /* line 139, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
  .testimonials__slider .swiper-button-next svg path,
.testimonials__slider .swiper-button-prev svg path {
    fill: var(--landing-color-gray-750);
  }
}

/* line 149, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
.testimonials__slider .swiper-button-next::after,
.testimonials__slider .swiper-button-prev::after {
  display: none;
}

/* line 154, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
.testimonials__slider .swiper-button-prev {
  left: -15.7rem;
}

@media (max-width: 1279px) {
  /* line 154, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
  .testimonials__slider .swiper-button-prev {
    left: -10rem;
  }
}

@media (max-width: 767px) {
  /* line 154, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
  .testimonials__slider .swiper-button-prev {
    left: -2.7rem;
  }
}

/* line 166, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
.testimonials__slider .swiper-button-next {
  right: -15.7rem;
}

@media (max-width: 1279px) {
  /* line 166, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
  .testimonials__slider .swiper-button-next {
    right: -10rem;
  }
}

@media (max-width: 767px) {
  /* line 166, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
  .testimonials__slider .swiper-button-next {
    right: -2.7rem;
  }
}

/* line 179, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
.testimonials__slides-wrapper {
  align-items: center;
}

/* line 183, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
.testimonials .swiper-3d {
  perspective: 150px;
}

@media (max-width: 767px) {
  /* line 183, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
  .testimonials .swiper-3d {
    perspective: 15rem;
  }
}

/* line 191, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
.testimonials__slide_box {
  position: relative;
  padding: 4rem;
  opacity: 0;
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

@media (max-width: 767px) {
  /* line 191, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
  .testimonials__slide_box {
    padding: 2rem;
  }
}

/* line 203, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
.testimonials__slide {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2.2rem;
  background-color: #FDFCFA;
  color: var(--landing-color-dark-800);
  font-size: 22px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
}

/* line 214, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
.testimonials__slide.swiper-slide-active {
  background-color: #fff;
}

/* line 217, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
.testimonials__slide.swiper-slide-active .testimonials__slide_box {
  opacity: 1;
}

/* line 224, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
.testimonials__slide_title {
  margin-bottom: 3.2rem;
  color: var(--landing-color-dark-800);
  font-weight: normal;
  font-family: var(--font-family-tertiary);
  font-size: 3.6rem;
  line-height: 3.8rem;
  letter-spacing: -0.01em;
  text-align: left;
}

@media (max-width: 1379px) {
  /* line 224, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
  .testimonials__slide_title {
    margin-bottom: 1.2rem;
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
}

@media (max-width: 1279px) {
  /* line 224, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
  .testimonials__slide_title {
    margin-bottom: 1rem;
    font-size: 2.4rem;
    line-height: 2.6rem;
  }
}

@media (max-width: 767px) {
  /* line 224, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
  .testimonials__slide_title {
    margin-bottom: 0.8rem;
    font-size: 2rem;
    line-height: 2.4rem;
  }
}

@media (max-width: 374px) {
  /* line 224, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
  .testimonials__slide_title {
    margin-bottom: 0.6rem;
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}

/* line 261, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
.testimonials__slide_comments {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 267, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
.testimonials__slide_person {
  display: grid;
  column-gap: 1.6rem;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  align-items: center;
}

@media (max-width: 767px) {
  /* line 267, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
  .testimonials__slide_person {
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto auto;
    column-gap: .6rem;
  }
}

/* line 281, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
.testimonials__slide_avatar {
  min-width: 4.8rem;
  min-height: 4.8rem;
  border-radius: 100%;
  background-size: cover;
  overflow: hidden;
  grid-row: 1 / span 2;
  /* Аватар займає обидва рядки */
  grid-column: 1 / 2;
}

@media (max-width: 767px) {
  /* line 281, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
  .testimonials__slide_avatar {
    min-width: 2rem;
    min-height: 2rem;
    grid-column: 1;
    grid-row: 1 / 2;
  }
}

/* line 300, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
.testimonials__slide_person_name {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}

@media (max-width: 767px) {
  /* line 300, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
  .testimonials__slide_person_name {
    grid-column: 2;
    grid-row: 1;
  }
}

/* line 310, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
.testimonials__slide_person_position {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  color: var(--landing-color-gray-900);
}

@media (max-width: 767px) {
  /* line 310, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
  .testimonials__slide_person_position {
    grid-column: 1 / span 2;
    grid-row: 2;
  }
}

/* line 321, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
.testimonials__slide_person {
  font-size: 2rem;
  line-height: 2.6rem;
}

@media (max-width: 767px) {
  /* line 321, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
  .testimonials__slide_person {
    font-size: 1.4rem;
  }
}

/* line 330, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
.testimonials__image_bottom {
  position: absolute;
  bottom: -14.5rem;
  left: 25rem;
  z-index: -1;
}

@media (max-width: 767px) {
  /* line 330, app/assets/stylesheets/landing/components/basic/testimonials.css.scss */
  .testimonials__image_bottom {
    left: 1.8rem;
    max-width: 12rem;
    bottom: -12.8rem;
  }
}

/* line 1, app/assets/stylesheets/landing/components/basic/faq.css.scss */
.faq {
  display: flex;
  max-width: 126.8rem;
  margin: 0 auto 12rem;
  padding: 0 2.4rem;
  gap: 3rem;
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/landing/components/basic/faq.css.scss */
  .faq {
    flex-direction: column;
    gap: 1.7rem;
    margin: 0 auto 8rem;
  }
}

/* line 14, app/assets/stylesheets/landing/components/basic/faq.css.scss */
.faq__subtitle {
  margin-bottom: 2.2rem;
  color: var(--color-gray-675);
  font-weight: 400;
  font-family: var(--font-family-quinary);
  font-size: 2.4rem;
  line-height: 3.1rem;
  text-transform: uppercase;
}

@media (max-width: 1379px) {
  /* line 14, app/assets/stylesheets/landing/components/basic/faq.css.scss */
  .faq__subtitle {
    font-size: 2rem;
    line-height: 2.9rem;
  }
}

@media (max-width: 1279px) {
  /* line 14, app/assets/stylesheets/landing/components/basic/faq.css.scss */
  .faq__subtitle {
    font-size: 1.8rem;
    line-height: 2.7rem;
  }
}

@media (max-width: 767px) {
  /* line 14, app/assets/stylesheets/landing/components/basic/faq.css.scss */
  .faq__subtitle {
    margin-bottom: 1rem;
    font-size: 1.6rem;
  }
}

/* line 39, app/assets/stylesheets/landing/components/basic/faq.css.scss */
.faq__title {
  color: var(--color-black);
  font-family: var(--font-family-tertiary);
  font-size: 5.6rem;
  line-height: 6.2rem;
  letter-spacing: -0.01em;
}

@media (max-width: 767px) {
  /* line 39, app/assets/stylesheets/landing/components/basic/faq.css.scss */
  .faq__title {
    font-size: 3.6rem;
    line-height: 4rem;
  }
}

/* line 52, app/assets/stylesheets/landing/components/basic/faq.css.scss */
.faq__left {
  width: 55%;
  position: relative;
}

@media (max-width: 767px) {
  /* line 52, app/assets/stylesheets/landing/components/basic/faq.css.scss */
  .faq__left {
    width: 100%;
  }
}

/* line 61, app/assets/stylesheets/landing/components/basic/faq.css.scss */
.faq__right {
  width: 45%;
}

@media (max-width: 767px) {
  /* line 61, app/assets/stylesheets/landing/components/basic/faq.css.scss */
  .faq__right {
    width: 100%;
  }
}

/* line 69, app/assets/stylesheets/landing/components/basic/faq.css.scss */
.faq__image {
  position: absolute;
  left: 0;
  top: 50%;
}

@media (max-width: 767px) {
  /* line 69, app/assets/stylesheets/landing/components/basic/faq.css.scss */
  .faq__image {
    display: none;
  }
}

/* line 1, app/assets/stylesheets/landing/components/basic/start-trial.css.scss */
.start-trial {
  padding: 0 2.4rem 16rem;
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/landing/components/basic/start-trial.css.scss */
  .start-trial {
    padding: 0 .8rem 7rem;
  }
}

/* line 8, app/assets/stylesheets/landing/components/basic/start-trial.css.scss */
.start-trial__wrapper {
  max-width: 126.3rem;
  min-height: 66.4rem;
  margin: 0 auto;
  background: var(--landing-color-pink);
  border-radius: 2.2rem;
  padding: 8rem 0 0 0;
  text-align: center;
  overflow: hidden;
  box-shadow: 0 2px 3px rgba(92, 90, 87, 0.13);
}

@media (max-width: 767px) {
  /* line 8, app/assets/stylesheets/landing/components/basic/start-trial.css.scss */
  .start-trial__wrapper {
    min-height: 42.4rem;
    padding: 4rem 0 0 0;
    border-radius: 1.2rem;
  }
}

/* line 27, app/assets/stylesheets/landing/components/basic/start-trial.css.scss */
.start-trial__title {
  color: var(--landing-color-white);
  font-family: var(--font-family-tertiary);
  font-size: 5.6rem;
  line-height: 6.2rem;
  letter-spacing: -0.01em;
  margin-bottom: 3.3rem;
  padding: 0 2.4rem;
}

@media (max-width: 767px) {
  /* line 27, app/assets/stylesheets/landing/components/basic/start-trial.css.scss */
  .start-trial__title {
    font-size: 3.2rem;
    line-height: 3.6rem;
    padding: 0 1.6rem;
    margin-bottom: 2.2rem;
  }
}

/* line 43, app/assets/stylesheets/landing/components/basic/start-trial.css.scss */
.start-trial__title span {
  opacity: .7;
}

/* line 48, app/assets/stylesheets/landing/components/basic/start-trial.css.scss */
.start-trial__image {
  position: relative;
  bottom: -9.3rem;
  margin: 0 -9rem;
}

@media (max-width: 767px) {
  /* line 55, app/assets/stylesheets/landing/components/basic/start-trial.css.scss */
  .start-trial__image svg {
    height: auto;
  }
}

/* line 1, app/assets/stylesheets/landing/components/basic/support.css.scss */
.support-form {
  padding: 0 2.4rem 17.2rem;
}

@media (max-width: 1023px) {
  /* line 1, app/assets/stylesheets/landing/components/basic/support.css.scss */
  .support-form {
    padding: 0 2.4rem 6rem;
  }
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/landing/components/basic/support.css.scss */
  .support-form {
    padding: 0 .8rem 10.2rem;
  }
}

/* line 12, app/assets/stylesheets/landing/components/basic/support.css.scss */
.support-form__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 129.6rem;
  margin: 0 auto;
}

/* line 20, app/assets/stylesheets/landing/components/basic/support.css.scss */
.support-form__title_image {
  width: 50%;
  padding-left: 4rem;
}

@media (max-width: 1279px) {
  /* line 20, app/assets/stylesheets/landing/components/basic/support.css.scss */
  .support-form__title_image {
    padding-left: 0;
  }
}

@media only screen and (min-width: 768px), screen and (max-width: 1024px) {
  /* line 20, app/assets/stylesheets/landing/components/basic/support.css.scss */
  .support-form__title_image {
    width: 60%;
  }
}

@media (max-width: 767px) {
  /* line 20, app/assets/stylesheets/landing/components/basic/support.css.scss */
  .support-form__title_image {
    width: 100%;
    padding: 0 1.6rem;
  }
}

@media (max-width: 767px) {
  /* line 38, app/assets/stylesheets/landing/components/basic/support.css.scss */
  .support-form__small_img {
    max-width: 3.5rem;
  }
}

/* line 45, app/assets/stylesheets/landing/components/basic/support.css.scss */
.support-form__image {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  width: 50%;
  padding-right: 4rem;
  padding-bottom: 5rem;
}

@media (max-width: 1279px) {
  /* line 45, app/assets/stylesheets/landing/components/basic/support.css.scss */
  .support-form__image {
    padding-right: 0;
  }
}

@media only screen and (min-width: 768px), screen and (max-width: 1024px) {
  /* line 45, app/assets/stylesheets/landing/components/basic/support.css.scss */
  .support-form__image {
    width: 40%;
  }
}

@media (max-width: 767px) {
  /* line 45, app/assets/stylesheets/landing/components/basic/support.css.scss */
  .support-form__image {
    justify-content: center;
    order: 1;
    width: 100%;
    padding: 3rem 18% 0;
  }
  /* line 67, app/assets/stylesheets/landing/components/basic/support.css.scss */
  .support-form__image svg {
    height: auto;
  }
}

/* line 73, app/assets/stylesheets/landing/components/basic/support.css.scss */
.support-form__form {
  width: 100%;
  padding-top: 1.5rem;
}

/* line 77, app/assets/stylesheets/landing/components/basic/support.css.scss */
.support-form__form input {
  width: 100%;
  padding: 3.8rem 4rem 3.8rem 8.8rem;
  border: none;
  border-radius: 2.2rem;
  font-family: var(--font-family-quinary);
  font-size: 2.4rem;
  box-shadow: 0 2px 3px rgba(92, 90, 87, 0.13);
}

@media only screen and (min-width: 768px), screen and (max-width: 1024px) {
  /* line 77, app/assets/stylesheets/landing/components/basic/support.css.scss */
  .support-form__form input {
    padding: 2.8rem 4rem 2.8rem 8.8rem;
  }
}

@media (max-width: 767px) {
  /* line 77, app/assets/stylesheets/landing/components/basic/support.css.scss */
  .support-form__form input {
    padding: 2.4rem 5.2rem 2.2rem 4.8rem;
    font-size: 1.6rem;
  }
}

/* line 95, app/assets/stylesheets/landing/components/basic/support.css.scss */
.support-form__form input:focus-visible {
  outline: none;
}

/* line 100, app/assets/stylesheets/landing/components/basic/support.css.scss */
.support-form__form .simple_form {
  position: relative;
}

/* line 105, app/assets/stylesheets/landing/components/basic/support.css.scss */
.support-form__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.6rem;
  height: 5.6rem;
  position: absolute;
  top: 50%;
  right: 4rem;
  border-radius: 100%;
  background-color: var(--color-gray-750);
  cursor: pointer;
  transform: translateY(-50%);
  transition-property: var(--transition-colors);
  transition-duration: var(--transition-duration);
}

@media (max-width: 767px) {
  /* line 105, app/assets/stylesheets/landing/components/basic/support.css.scss */
  .support-form__button {
    width: 3.2rem;
    height: 3.2rem;
    right: 1.6rem;
  }
  /* line 126, app/assets/stylesheets/landing/components/basic/support.css.scss */
  .support-form__button svg {
    width: 100%;
    max-width: 2.4rem;
    height: auto;
  }
}

/* line 135, app/assets/stylesheets/landing/components/basic/support.css.scss */
.support-form__button svg path {
  stroke: var(--landing-color-white);
}

/* line 140, app/assets/stylesheets/landing/components/basic/support.css.scss */
.support-form__button:hover {
  background-color: var(--landing-color-orange-800);
}

/* line 145, app/assets/stylesheets/landing/components/basic/support.css.scss */
.support-form__icon_email {
  position: absolute;
  top: 50%;
  left: 4rem;
  transform: translateY(-50%);
}

@media (max-width: 767px) {
  /* line 145, app/assets/stylesheets/landing/components/basic/support.css.scss */
  .support-form__icon_email {
    left: 1.6rem;
  }
  /* line 154, app/assets/stylesheets/landing/components/basic/support.css.scss */
  .support-form__icon_email svg {
    width: 100%;
    max-width: 2.4rem;
    height: auto;
  }
}

/* line 162, app/assets/stylesheets/landing/components/basic/support.css.scss */
.support-form__terms {
  padding: 3.2rem 0 0 4rem;
  font-size: 2rem;
}

@media (max-width: 1023px) {
  /* line 162, app/assets/stylesheets/landing/components/basic/support.css.scss */
  .support-form__terms {
    padding: 3.2rem 0 0 0;
  }
}

@media (max-width: 767px) {
  /* line 162, app/assets/stylesheets/landing/components/basic/support.css.scss */
  .support-form__terms {
    font-size: 1.4rem;
    line-height: 2rem;
    padding: 1.6rem;
  }
}

/* line 176, app/assets/stylesheets/landing/components/basic/support.css.scss */
.support-form__terms i {
  display: inline-block;
  vertical-align: middle;
}

/* line 181, app/assets/stylesheets/landing/components/basic/support.css.scss */
.support-form__terms a {
  color: var(--landing-color-gray-800);
  transition: color .2s;
}

/* line 185, app/assets/stylesheets/landing/components/basic/support.css.scss */
.support-form__terms a:hover {
  color: var(--landing-color-gray-900);
}

/* line 190, app/assets/stylesheets/landing/components/basic/support.css.scss */
.support-form__terms strong,
.support-form__terms span,
.support-form__terms a,
.support-form__terms i {
  display: inline-block;
}

/* line 198, app/assets/stylesheets/landing/components/basic/support.css.scss */
.support-form__title {
  margin-bottom: 4rem;
  padding-top: 4.3rem;
  color: var(--color-black);
  font-family: var(--font-family-tertiary);
  font-size: 5.6rem;
  line-height: 6.2rem;
  letter-spacing: -0.01em;
}

@media (max-width: 1279px) {
  /* line 198, app/assets/stylesheets/landing/components/basic/support.css.scss */
  .support-form__title {
    font-size: 4.2rem;
    line-height: 5rem;
  }
}

@media (max-width: 767px) {
  /* line 198, app/assets/stylesheets/landing/components/basic/support.css.scss */
  .support-form__title {
    font-size: 3.6rem;
    line-height: 4rem;
    padding-top: 1.2rem;
    margin-bottom: 1rem;
  }
}

@media (min-width: 769px) {
  /* line 219, app/assets/stylesheets/landing/components/basic/support.css.scss */
  .support-form__title span {
    display: inline-block;
  }
}

/* line 226, app/assets/stylesheets/landing/components/basic/support.css.scss */
.support-form__span {
  color: var(--landing-color-gray-900);
}

/* line 1, app/assets/stylesheets/landing/components/pages/page-static.css.scss */
.page-static {
  --footer-height: 7rem;
  width: 100%;
  max-width: 104rem;
  min-height: calc(100vh - var(--header-height) - var(--footer-height));
  margin: 0 auto;
  padding: 15.6rem 1.6rem 12.2rem 1.6rem;
  -webkit-font-smoothing: antialiased;
}

@media (max-width: 1379px) {
  /* line 1, app/assets/stylesheets/landing/components/pages/page-static.css.scss */
  .page-static {
    padding: 12.6rem 1.6rem 9.2rem 1.6rem;
  }
}

@media (max-width: 1279px) {
  /* line 1, app/assets/stylesheets/landing/components/pages/page-static.css.scss */
  .page-static {
    padding: 9.6rem 2.4rem 6.2rem 2.4rem;
  }
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/landing/components/pages/page-static.css.scss */
  .page-static {
    --footer-height: 8.4rem;
    flex-direction: column;
    padding: 5.6rem 2.4rem 2.5rem 2.4rem;
  }
}

/* line 24, app/assets/stylesheets/landing/components/pages/page-static.css.scss */
.page-static h1 {
  margin-bottom: 4rem;
  font-family: var(--font-family-secondary);
  font-size: 7.2rem;
  line-height: 8.4rem;
  letter-spacing: -0.01em;
}

@media (max-width: 1379px) {
  /* line 24, app/assets/stylesheets/landing/components/pages/page-static.css.scss */
  .page-static h1 {
    font-size: 6.2rem;
    line-height: 6.4rem;
  }
}

@media (max-width: 1279px) {
  /* line 24, app/assets/stylesheets/landing/components/pages/page-static.css.scss */
  .page-static h1 {
    font-size: 4.2rem;
    line-height: 5rem;
  }
}

@media (max-width: 767px) {
  /* line 24, app/assets/stylesheets/landing/components/pages/page-static.css.scss */
  .page-static h1 {
    font-size: 4.4rem;
    line-height: 5.1rem;
  }
}

@media (max-width: 374px) {
  /* line 24, app/assets/stylesheets/landing/components/pages/page-static.css.scss */
  .page-static h1 {
    font-size: 3.6rem;
    line-height: 4rem;
  }
}

@media (max-width: 1023px) {
  /* line 24, app/assets/stylesheets/landing/components/pages/page-static.css.scss */
  .page-static h1 {
    margin-bottom: 2rem;
  }
}

/* line 55, app/assets/stylesheets/landing/components/pages/page-static.css.scss */
.page-static h1 span {
  display: inline-block;
}

/* line 60, app/assets/stylesheets/landing/components/pages/page-static.css.scss */
.page-static h2,
.page-static h3,
.page-static h4,
.page-static h5,
.page-static h6 {
  margin-right: 0;
  margin-bottom: 2rem;
  margin-left: 0;
  color: var(--landing-color-dark-800);
  font-size: 3.2rem;
  line-height: 3.6rem;
}

@media (max-width: 1023px) {
  /* line 60, app/assets/stylesheets/landing/components/pages/page-static.css.scss */
  .page-static h2,
.page-static h3,
.page-static h4,
.page-static h5,
.page-static h6 {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}

/* line 78, app/assets/stylesheets/landing/components/pages/page-static.css.scss */
.page-static p,
.page-static ul,
.page-static ol {
  color: var(--color-gray-675);
  font-size: 2.4rem;
  line-height: 3.3rem;
}

@media (max-width: 1023px) {
  /* line 78, app/assets/stylesheets/landing/components/pages/page-static.css.scss */
  .page-static p,
.page-static ul,
.page-static ol {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}

/* line 91, app/assets/stylesheets/landing/components/pages/page-static.css.scss */
.page-static p,
.page-static ul {
  margin-bottom: 1.4rem;
  font-size: var(--font-size-base);
  line-height: var(--leading-2xl);
}

/* line 98, app/assets/stylesheets/landing/components/pages/page-static.css.scss */
.page-static ul {
  padding-left: 2rem;
  list-style: disc;
}

/* line 103, app/assets/stylesheets/landing/components/pages/page-static.css.scss */
.page-static p + h2,
.page-static p + h3,
.page-static p + h4,
.page-static p + h5,
.page-static p + h6 {
  margin-top: 4rem;
}

/* line 111, app/assets/stylesheets/landing/components/pages/page-static.css.scss */
.page-static a {
  color: var(--landing-color-dark-800);
  text-decoration: underline;
}

/* line 3, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features {
  width: 100%;
  max-width: 133rem;
  margin: 0 auto;
  padding: 5.6rem 1.6rem 12.2rem 1.6rem;
}

@media (max-width: 1379px) {
  /* line 3, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features {
    padding: 2.6rem 1.6rem 9.2rem 1.6rem;
  }
}

@media (max-width: 1279px) {
  /* line 3, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features {
    padding: 1.6rem 2.4rem 6.2rem 2.4rem;
  }
}

@media (max-width: 767px) {
  /* line 3, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features {
    flex-direction: column;
    padding: 1.6rem 0.8rem 2.5rem 0.8rem;
  }
}

/* line 22, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features__header {
  max-width: 120rem;
  margin-right: auto;
  margin-bottom: 14rem;
  margin-left: auto;
}

@media (max-width: 1379px) {
  /* line 22, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__header {
    margin-bottom: 10rem;
  }
}

@media (max-width: 1279px) {
  /* line 22, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__header {
    margin-bottom: 8rem;
  }
}

@media (max-width: 767px) {
  /* line 22, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__header {
    margin-bottom: 3.4rem;
  }
}

/* line 41, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features__guy {
  position: absolute;
  left: -7rem;
  top: 13rem;
}

@media (max-width: 1379px) {
  /* line 41, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__guy {
    top: 5rem;
    left: -8rem;
  }
}

@media (max-width: 1279px) {
  /* line 41, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__guy {
    top: 3rem;
    left: -9rem;
  }
}

@media (max-width: 1023px) {
  /* line 41, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__guy {
    display: none;
  }
}

/* line 61, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features h1 {
  margin-bottom: 2rem;
  color: var(--color-gray-675);
  font-weight: 400;
  font-family: var(--font-family-quinary);
  font-size: 2.4rem;
  line-height: 3.2rem;
  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 1379px) {
  /* line 61, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features h1 {
    font-size: 2rem;
    line-height: 2.9rem;
  }
}

@media (max-width: 1279px) {
  /* line 61, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features h1 {
    font-size: 1.8rem;
    line-height: 2.7rem;
  }
}

@media (max-width: 767px) {
  /* line 61, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features h1 {
    margin-bottom: 1.4rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}

/* line 88, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features h2 {
  margin-bottom: 2.4rem;
  font-weight: normal;
  font-family: var(--font-family-secondary);
  font-size: 5.6rem;
  line-height: 6rem;
  letter-spacing: -0.01em;
  text-align: center;
}

@media (max-width: 1379px) {
  /* line 88, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features h2 {
    font-size: 5.2rem;
    line-height: 5.4rem;
  }
}

@media (max-width: 1279px) {
  /* line 88, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features h2 {
    font-size: 4.2rem;
    line-height: 5rem;
  }
}

@media (max-width: 767px) {
  /* line 88, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features h2 {
    font-size: 3.2rem;
    line-height: 3.4rem;
  }
}

@media (max-width: 1023px) {
  /* line 88, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features h2 {
    margin-bottom: 2rem;
  }
}

/* line 116, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features h2 span {
  display: inline-block;
}

/* line 121, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features__since_new_features_container {
  display: flex;
  justify-content: center;
}

/* line 126, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features__since_new_features {
  display: inline-block;
  padding: 1rem 2.2rem;
  border-radius: 100px;
  background-color: rgba(255, 255, 255, 0.5);
  color: var(--color-gray-675);
  font-weight: 400;
  font-family: var(--font-family-quinary);
  font-size: 1.6rem;
  line-height: 2rem;
  text-align: center;
}

/* line 140, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features__new-feature {
  display: flex;
  gap: 3.4rem;
  align-items: flex-start;
  margin-bottom: 20rem;
  padding: 2.4rem;
  border: 1px solid #0000000D;
  border-radius: 4.2rem;
  background-color: var(--color-orange-50);
}

@media (max-width: 767px) {
  /* line 140, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__new-feature {
    gap: 0;
    flex-direction: column;
    margin-bottom: 4.8rem;
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: transparent;
  }
}

/* line 161, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features__new-feature-details {
  width: 32.6%;
  min-width: 40rem;
  padding-top: 1.4rem;
}

@media (min-width: 769px) {
  /* line 161, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__new-feature-details {
    flex-shrink: 0;
  }
}

@media (max-width: 1023px) {
  /* line 161, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__new-feature-details {
    min-width: 32rem;
  }
}

@media (max-width: 767px) {
  /* line 161, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__new-feature-details {
    min-width: 100%;
    padding-top: 1.4rem;
    padding-right: 1.8rem;
    padding-left: 1.8rem;
  }
}

/* line 182, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features__new-feature-link {
  width: 100%;
  padding-bottom: 36%;
  position: relative;
}

@media (max-width: 767px) {
  /* line 182, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__new-feature-link {
    padding-bottom: 57%;
  }
}

/* line 192, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features__new-feature-date-header {
  display: flex;
  gap: 2rem;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.4rem;
}

@media (max-width: 767px) {
  /* line 192, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__new-feature-date-header {
    gap: 1.4rem;
    justify-content: initial;
    margin-bottom: 1rem;
  }
}

/* line 206, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features__new-feature-date {
  color: var(--color-gray-675);
  font-family: var(--font-family-secondary);
  font-size: 2rem;
  line-height: 2.6rem;
  text-align: left;
}

@media (max-width: 1023px) {
  /* line 206, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__new-feature-date {
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: -0.02em;
  }
}

/* line 220, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features__new-feature-title {
  display: block;
  margin-bottom: 2.4rem;
  font-weight: normal;
  font-family: var(--font-family-secondary);
  font-size: 3.6rem;
  line-height: 3.9rem;
  letter-spacing: -0.01em;
  text-align: left;
}

@media (max-width: 1023px) {
  /* line 220, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__new-feature-title {
    margin-bottom: 0.6rem;
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: -0.01em;
  }
}

/* line 237, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features__new-feature-title:hover {
  text-decoration: underline;
}

/* line 242, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features__new-feature-description {
  margin-bottom: 5.4rem;
  color: var(--color-gray-675);
  font-family: var(--font-family-secondary);
  font-size: 2.4rem;
  line-height: 3.3rem;
  text-align: left;
}

@media (max-width: 1023px) {
  /* line 242, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__new-feature-description {
    margin-bottom: 1.6rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}

@media (max-width: 1023px) {
  /* line 257, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__new-feature-read-more {
    --_button-padding: 0 1rem;
    --_button-min-height: 3.2rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0;
  }
}

/* line 268, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features__prev-feature {
  display: flex;
  gap: 3.8rem;
  align-items: flex-start;
  padding-right: 3.6rem;
  padding-bottom: 13rem;
  padding-left: 3.6rem;
  position: relative;
}

@media (max-width: 767px) {
  /* line 268, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__prev-feature {
    gap: 0;
    flex-direction: column;
    padding-right: 0;
    padding-bottom: 4.8rem;
    padding-left: 0;
  }
}

/* line 286, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features__prev-feature-container-details {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

/* line 294, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features__prev-feature-details {
  width: 37.6%;
  min-width: 42rem;
  padding-top: 0;
}

@media (min-width: 769px) {
  /* line 294, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__prev-feature-details {
    flex-shrink: 0;
  }
}

@media (max-width: 1023px) {
  /* line 294, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__prev-feature-details {
    min-width: 32rem;
  }
}

@media (max-width: 767px) {
  /* line 294, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__prev-feature-details {
    min-width: 100%;
    padding-top: 1.4rem;
    padding-right: 1.8rem;
    padding-left: 1.8rem;
  }
}

/* line 315, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features__prev-feature-link {
  width: 100%;
  margin-bottom: 3rem;
  padding-bottom: 56%;
  position: relative;
}

@media (max-width: 767px) {
  /* line 315, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__prev-feature-link {
    margin-bottom: 2rem;
    padding-bottom: 57%;
  }
}

/* line 327, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features__prev-feature-date-header {
  display: flex;
  gap: 2rem;
  align-items: center;
  margin-bottom: 0.5rem;
  position: relative;
}

@media (max-width: 767px) {
  /* line 327, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__prev-feature-date-header {
    gap: 1.4rem;
    margin-bottom: 0.6rem;
    margin-left: 1.8rem;
  }
}

/* line 340, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features__prev-feature-date-header--desktop {
  display: flex;
}

@media (max-width: 767px) {
  /* line 340, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__prev-feature-date-header--desktop {
    display: none;
  }
}

/* line 348, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features__prev-feature-date-header--mobile {
  display: none;
}

@media (max-width: 767px) {
  /* line 348, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__prev-feature-date-header--mobile {
    display: flex;
  }
}

/* line 357, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features__prev-feature-date {
  margin-left: 4.8rem;
  color: var(--color-gray-675);
  font-family: var(--font-family-secondary);
  font-size: 2rem;
  line-height: 2.6rem;
  text-align: left;
}

@media (max-width: 1023px) {
  /* line 357, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__prev-feature-date {
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: -0.02em;
  }
}

@media (max-width: 767px) {
  /* line 357, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__prev-feature-date {
    margin-left: 0;
  }
}

/* line 376, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features__prev-feature-title {
  display: block;
  margin-bottom: 2.4rem;
  margin-left: 4.8rem;
  font-weight: normal;
  font-family: var(--font-family-secondary);
  font-size: 3.6rem;
  line-height: 3.9rem;
  letter-spacing: -0.01em;
  text-align: left;
}

@media (max-width: 1023px) {
  /* line 376, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__prev-feature-title {
    margin-bottom: 0.6rem;
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: -0.01em;
  }
}

@media (max-width: 767px) {
  /* line 376, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__prev-feature-title {
    margin-left: 1.8rem;
  }
}

/* line 398, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features__prev-feature-title:hover {
  text-decoration: underline;
}

/* line 402, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features__prev-feature-title--desktop {
  display: block;
}

@media (max-width: 767px) {
  /* line 402, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__prev-feature-title--desktop {
    display: none;
  }
}

/* line 410, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features__prev-feature-title--mobile {
  display: none;
}

@media (max-width: 767px) {
  /* line 410, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__prev-feature-title--mobile {
    display: block;
  }
}

/* line 419, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features__prev-feature-description {
  margin-bottom: 2.4rem;
  color: var(--color-gray-675);
  font-family: var(--font-family-secondary);
  font-size: 2.4rem;
  line-height: 3.3rem;
  text-align: left;
}

@media (max-width: 1023px) {
  /* line 419, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__prev-feature-description {
    margin-bottom: 1.6rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}

@media (max-width: 767px) {
  /* line 419, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__prev-feature-description {
    padding-right: 1.8rem;
    padding-left: 1.8rem;
  }
}

@media (max-width: 1023px) {
  /* line 439, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__prev-feature-read-more {
    --_button-padding: 0 1rem;
    --_button-min-height: 3.2rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0;
  }
}

@media (max-width: 767px) {
  /* line 439, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__prev-feature-read-more {
    margin-left: 1.8rem;
  }
}

/* line 453, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features__prev-feature-dot {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  position: absolute;
  top: 1rem;
  left: 0.8rem;
  border-radius: 50%;
  background: rgba(255, 137, 57, 0.1);
}

@media (max-width: 767px) {
  /* line 453, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__prev-feature-dot {
    display: none;
  }
}

/* line 470, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features__prev-feature-dot-inner {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: var(--color-orange-900);
}

/* line 477, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features__prev-feature-line {
  width: 1px;
  position: absolute;
  top: 3rem;
  bottom: 0rem;
  left: 5.2rem;
  background: var(--color-orange-100);
}

@media (max-width: 767px) {
  /* line 477, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
  .page-features__prev-feature-line {
    display: none;
  }
}

/* line 489, app/assets/stylesheets/landing/components/pages/page-features.css.scss */
.page-features__prev-feature:last-child .page-features__prev-feature-line {
  display: none;
}

/* line 1, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
.page-feature {
  width: 100%;
  max-width: 133rem;
  margin: 0 auto 0 auto;
  padding: 5.8rem 1.6rem 12.2rem 1.6rem;
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
  .page-feature {
    padding: 3rem 0.8rem 10.2rem 0.8rem;
  }
}

/* line 11, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
.page-feature__nav {
  margin-bottom: 1.4rem;
  padding: 0 2.2rem;
}

@media (max-width: 767px) {
  /* line 11, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
  .page-feature__nav {
    margin-bottom: 0;
    padding: 0;
  }
}

@media (max-width: 767px) {
  /* line 20, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
  .page-feature__nav i {
    font-size: 1.4rem;
  }
}

/* line 27, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
.page-feature__header {
  margin-bottom: 7.8rem;
  padding: 0 22.8rem 0 0;
  position: relative;
  z-index: 1;
}

@media (max-width: 1023px) {
  /* line 27, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
  .page-feature__header {
    padding: 0 3.8rem;
  }
}

@media (max-width: 767px) {
  /* line 27, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
  .page-feature__header {
    margin-bottom: 4rem;
    padding: 0 1.6rem;
  }
}

/* line 43, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
.page-feature__back {
  --icon-color: #3A3938;
  color: var(--color-gray-675);
  font-weight: 400;
  font-family: var(--font-family-quinary);
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.1px;
}

@media (max-width: 767px) {
  /* line 43, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
  .page-feature__back {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}

/* line 58, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
.page-feature__title {
  margin-bottom: 3rem;
  font-weight: normal;
  font-family: var(--font-family-secondary);
  font-size: 5.6rem;
  line-height: 6rem;
  letter-spacing: -0.01em;
}

@media (max-width: 1379px) {
  /* line 58, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
  .page-feature__title {
    font-size: 5.2rem;
    line-height: 5.4rem;
  }
}

@media (max-width: 1279px) {
  /* line 58, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
  .page-feature__title {
    font-size: 4.2rem;
    line-height: 5rem;
  }
}

@media (max-width: 767px) {
  /* line 58, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
  .page-feature__title {
    font-size: 3.2rem;
    line-height: 3.4rem;
  }
}

@media (max-width: 1023px) {
  /* line 58, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
  .page-feature__title {
    margin-bottom: 2rem;
  }
}

/* line 85, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
.page-feature__title span {
  display: inline-block;
}

/* line 90, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
.page-feature__details {
  display: inline-flex;
  gap: 2rem;
  align-items: center;
}

/* line 96, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
.page-feature__date {
  color: var(--color-gray-675);
  font-family: var(--font-family-secondary);
  font-size: 2rem;
  line-height: 2.6rem;
  text-align: left;
}

@media (max-width: 1023px) {
  /* line 96, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
  .page-feature__date {
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: -0.02em;
  }
}

/* line 110, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
.page-feature__image {
  width: 100%;
  margin-bottom: 8.4rem;
  padding-bottom: 56.5%;
  position: relative;
}

@media (max-width: 767px) {
  /* line 110, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
  .page-feature__image {
    margin-bottom: 4.2rem;
  }
}

/* line 120, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
.page-feature__image .feature-avatar__container {
  border-radius: 4.2rem;
}

@media (max-width: 1023px) {
  /* line 120, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
  .page-feature__image .feature-avatar__container {
    border-radius: 1.2rem;
  }
}

/* line 129, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
.page-feature__images {
  position: relative;
  z-index: 0;
}

/* line 134, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
.page-feature__guys {
  position: absolute;
  right: 4rem;
  bottom: 100%;
  z-index: 0;
}

@media (max-width: 1023px) {
  /* line 134, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
  .page-feature__guys {
    display: none;
  }
}

/* line 145, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
.page-feature__body {
  width: 100%;
  max-width: 104rem;
  margin: 0 auto 0 auto;
  padding: 0 1.6rem 0 1.6rem;
  -webkit-font-smoothing: antialiased;
}

/* line 154, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
.page-feature__body .trix-content > div, .page-feature__body .trix-content > p, .page-feature__body .trix-content > ol {
  padding: 0 5.6rem;
}

@media (max-width: 767px) {
  /* line 154, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
  .page-feature__body .trix-content > div, .page-feature__body .trix-content > p, .page-feature__body .trix-content > ol {
    padding: 0;
  }
}

/* line 164, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
.page-feature__body .trix-content > div:has(.iframe) {
  padding: 0;
}

/* line 168, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
.page-feature__body .trix-content > h1, .page-feature__body .trix-content > h2, .page-feature__body .trix-content > h3, .page-feature__body .trix-content > h4, .page-feature__body .trix-content > h5, .page-feature__body .trix-content > h6 {
  margin-bottom: 1.6rem;
  padding: 0 5.6rem;
}

@media (max-width: 767px) {
  /* line 168, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
  .page-feature__body .trix-content > h1, .page-feature__body .trix-content > h2, .page-feature__body .trix-content > h3, .page-feature__body .trix-content > h4, .page-feature__body .trix-content > h5, .page-feature__body .trix-content > h6 {
    margin-bottom: 0.8rem;
    padding: 0;
  }
}

/* line 183, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
.page-feature__body .trix-content div,
.page-feature__body .trix-content p,
.page-feature__body .trix-content ul,
.page-feature__body .trix-content ol {
  font-size: 2.4rem;
  line-height: 3.3rem;
}

@media (max-width: 1023px) {
  /* line 183, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
  .page-feature__body .trix-content div,
.page-feature__body .trix-content p,
.page-feature__body .trix-content ul,
.page-feature__body .trix-content ol {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}

/* line 196, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
.page-feature__body .trix-content div,
.page-feature__body .trix-content p,
.page-feature__body .trix-content ul,
.page-feature__body .trix-content ol {
  color: var(--color-gray-675);
}

/* line 203, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
.page-feature__body .trix-content ul {
  list-style: disc;
}

/* line 207, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
.page-feature__body .trix-content ol,
.page-feature__body .trix-content ul {
  padding: 0 8.6rem;
}

@media (max-width: 767px) {
  /* line 207, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
  .page-feature__body .trix-content ol,
.page-feature__body .trix-content ul {
    padding: 0 0 0 1.6rem;
  }
}

/* line 215, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
.page-feature__body .trix-content ol li,
.page-feature__body .trix-content ul li {
  margin-bottom: 2.7rem;
  padding-left: 1.2rem;
}

@media (max-width: 767px) {
  /* line 215, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
  .page-feature__body .trix-content ol li,
.page-feature__body .trix-content ul li {
    margin-bottom: 1.6rem;
    padding-left: 0.6rem;
  }
}

/* line 225, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
.page-feature__body .trix-content ol ul,
.page-feature__body .trix-content ol ol,
.page-feature__body .trix-content ul ul,
.page-feature__body .trix-content ul ol {
  margin-top: 2rem;
}

@media (max-width: 767px) {
  /* line 225, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
  .page-feature__body .trix-content ol ul,
.page-feature__body .trix-content ol ol,
.page-feature__body .trix-content ul ul,
.page-feature__body .trix-content ul ol {
    margin-bottom: 1rem;
  }
}

/* line 234, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
.page-feature__body .trix-content ol ul,
.page-feature__body .trix-content ol ol,
.page-feature__body .trix-content ol li,
.page-feature__body .trix-content ul ul,
.page-feature__body .trix-content ul ol,
.page-feature__body .trix-content ul li {
  padding: 0 0 0 2.6rem;
}

@media (max-width: 767px) {
  /* line 234, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
  .page-feature__body .trix-content ol ul,
.page-feature__body .trix-content ol ol,
.page-feature__body .trix-content ol li,
.page-feature__body .trix-content ul ul,
.page-feature__body .trix-content ul ol,
.page-feature__body .trix-content ul li {
    padding: 0 0 0 1.6rem;
  }
}

/* line 245, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
.page-feature__body .trix-content h1,
.page-feature__body .trix-content h2,
.page-feature__body .trix-content h3,
.page-feature__body .trix-content h4,
.page-feature__body .trix-content h5,
.page-feature__body .trix-content h6 {
  color: var(--landing-color-dark-800);
  font-size: 3.2rem;
  line-height: 3.6rem;
}

@media (max-width: 1023px) {
  /* line 245, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
  .page-feature__body .trix-content h1,
.page-feature__body .trix-content h2,
.page-feature__body .trix-content h3,
.page-feature__body .trix-content h4,
.page-feature__body .trix-content h5,
.page-feature__body .trix-content h6 {
    font-size: 2rem;
    line-height: 3rem;
  }
}

/* line 261, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
.page-feature__body .trix-content a {
  color: var(--landing-color-dark-800);
  text-decoration: underline;
}

/* line 266, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
.page-feature__body .trix-content figcaption {
  margin-top: 1.6rem;
  padding: 0 3.6rem;
  color: var(--color-gray-675);
  font-size: 1.6rem;
  line-height: 2rem;
  text-align: center;
}

/* line 275, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
.page-feature__body .trix-content .attachment__name,
.page-feature__body .trix-content .attachment__size {
  display: none;
}

/* line 280, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
.page-feature__body .trix-content .iframe {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}

/* line 286, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
.page-feature__body .trix-content .iframe iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* line 296, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
.page-feature__body .trix-content figure img {
  height: auto;
  margin-right: auto;
  margin-left: auto;
}

/* line 305, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
.page-feature__divider {
  width: 100%;
  height: 1px;
  margin-bottom: 12rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

@media (max-width: 767px) {
  /* line 305, app/assets/stylesheets/landing/components/pages/page-feature.css.scss */
  .page-feature__divider {
    margin-bottom: 6rem;
  }
}

/* line 1, app/assets/stylesheets/landing/components/modals/modal-beta.css.scss */
.modal-beta {
  --modal-max-inline-size: 1140px;
  --modal-modal-radius: 42px;
  --modal-bg-color: #fbf8f3;
  --modal-min-block-size: 657px;
  --modal-max-block-size: 657px;
}

/* line 8, app/assets/stylesheets/landing/components/modals/modal-beta.css.scss */
.modal-beta .modal__closable {
  --icon-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 40px;
  right: 40px;
  border: 0;
  border-radius: 100px;
  background: #ffffff;
  cursor: pointer;
}

@media (min-width: 769px) and (max-width: 1023px) {
  /* line 8, app/assets/stylesheets/landing/components/modals/modal-beta.css.scss */
  .modal-beta .modal__closable {
    top: 20px;
    right: 20px;
  }
}

/* line 3, app/assets/stylesheets/landing/components/forms/form-beta.css.scss */
.form-beta__overlay {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  overflow: hidden;
}

@media (max-width: 767px) {
  /* line 3, app/assets/stylesheets/landing/components/forms/form-beta.css.scss */
  .form-beta__overlay {
    flex-direction: column;
  }
}

/* line 14, app/assets/stylesheets/landing/components/forms/form-beta.css.scss */
.form-beta__left {
  width: 100%;
  max-width: 760px;
}

/* line 19, app/assets/stylesheets/landing/components/forms/form-beta.css.scss */
.form-beta__form {
  padding: 0 72px 83px;
}

@media (min-width: 769px) and (max-width: 1023px) {
  /* line 19, app/assets/stylesheets/landing/components/forms/form-beta.css.scss */
  .form-beta__form {
    padding: 0 20px 40px;
  }
}

@media (max-width: 767px) {
  /* line 19, app/assets/stylesheets/landing/components/forms/form-beta.css.scss */
  .form-beta__form {
    padding: 0 20px 48px;
  }
}

/* line 31, app/assets/stylesheets/landing/components/forms/form-beta.css.scss */
.form-beta__content {
  padding: 80px 112px 42px;
  font-size: 56px;
  line-height: 60px;
}

@media (min-width: 769px) and (max-width: 1023px) {
  /* line 31, app/assets/stylesheets/landing/components/forms/form-beta.css.scss */
  .form-beta__content {
    padding: 20px;
    font-size: 36px;
    line-height: 40px;
  }
}

@media (max-width: 767px) {
  /* line 31, app/assets/stylesheets/landing/components/forms/form-beta.css.scss */
  .form-beta__content {
    padding: 32px;
    font-size: 36px;
    line-height: 40px;
  }
}

/* line 48, app/assets/stylesheets/landing/components/forms/form-beta.css.scss */
.form-beta__content img {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  /* line 48, app/assets/stylesheets/landing/components/forms/form-beta.css.scss */
  .form-beta__content img {
    width: 40px;
    height: 40px;
  }
}

/* line 57, app/assets/stylesheets/landing/components/forms/form-beta.css.scss */
.form-beta__content span {
  color: #757575;
}

/* line 62, app/assets/stylesheets/landing/components/forms/form-beta.css.scss */
.form-beta__right {
  width: 100%;
  max-width: 380px;
  position: relative;
  background: #f769b0;
}

@media (min-width: 769px) and (max-width: 1023px) {
  /* line 62, app/assets/stylesheets/landing/components/forms/form-beta.css.scss */
  .form-beta__right {
    max-width: 300px;
  }
}

@media (max-width: 767px) {
  /* line 62, app/assets/stylesheets/landing/components/forms/form-beta.css.scss */
  .form-beta__right {
    width: 40px;
    max-width: none;
    height: 40px;
    position: absolute;
    top: 32px;
    right: 32px;
    background: transparent;
  }
}

/* line 82, app/assets/stylesheets/landing/components/forms/form-beta.css.scss */
.form-beta__right > img {
  position: absolute;
  bottom: 0;
}

@media (min-width: 769px) and (max-width: 1023px) {
  /* line 82, app/assets/stylesheets/landing/components/forms/form-beta.css.scss */
  .form-beta__right > img {
    width: 100%;
  }
}

@media (max-width: 767px) {
  /* line 82, app/assets/stylesheets/landing/components/forms/form-beta.css.scss */
  .form-beta__right > img {
    display: none;
  }
}