html {
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    scroll-behavior: smooth;
    scrollbar-gutter: stable;
}

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

body {
    margin: initial;
    scrollbar-gutter: stable;
}

@media (prefers-reduced-motion: reduce) {
    * {
        /* stylelint-disable declaration-no-important */
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
        /* stylelint-enable declaration-no-important */
    }
}

:root {
    --system-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

button,
[type="submit"],
[type="reset"],
[type="button"] {
    display: inline-block;
    margin: 0; /* ? */
    padding: 0;  /* ? */
    font-family: inherit;
    font-size: inherit;
    line-height: 1;  /* ? */
    background-color: transparent;  /* ? */
    box-shadow: none;  /* ? */
    border: none;  /* ? */
    cursor: pointer;
    outline: none;
    text-transform: none;
    overflow: visible;
    white-space: nowrap;
    user-select: none;
    -webkit-appearance: button;
}

a {
    color: inherit;
    text-decoration: none;
    background-color: transparent;
}

@font-face {
    font-family: Manrope;
    src: url('/assets/Manrope-ExtraBold-SkjPrm6l.eot');
    src:
        local('Manrope ExtraBold'),
        local('Manrope-ExtraBold'),
        url('/assets/Manrope-ExtraBold-SkjPrm6l.eot?#iefix') format('embedded-opentype'),
        url('/assets/Manrope-ExtraBold-CGr5xnCp.woff2') format('woff2'),
        url('/assets/Manrope-ExtraBold-C487bMnc.woff') format('woff'),
        url('/assets/Manrope-ExtraBold-D3Ln11gm.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: Manrope;
    src: url('/assets/Manrope-Bold-C3xDuN8U.eot');
    src:
        local('Manrope Bold'),
        local('Manrope-Bold'),
        url('/assets/Manrope-Bold-C3xDuN8U.eot?#iefix') format('embedded-opentype'),
        url('/assets/Manrope-Bold-DBNFIFyk.woff2') format('woff2'),
        url('/assets/Manrope-Bold-B3VgaMYs.woff') format('woff'),
        url('/assets/Manrope-Bold-DMMUCuyf.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: Manrope;
    src: url('/assets/Manrope-Semibold-BJyvVVLA.eot');
    src:
        local('Manrope Semibold'),
        local('Manrope-Semibold'),
        url('/assets/Manrope-Semibold-BJyvVVLA.eot?#iefix') format('embedded-opentype'),
        url('/assets/Manrope-Semibold-C-xdgwZw.woff2') format('woff2'),
        url('/assets/Manrope-Semibold-DAt33FeQ.woff') format('woff'),
        url('/assets/Manrope-Semibold-B1RV6ui1.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: Manrope;
    src: url('/assets/Manrope-Medium-CtOhj3N-.eot');
    src:
        local('Manrope Medium'),
        local('Manrope-Medium'),
        url('/assets/Manrope-Medium-CtOhj3N-.eot?#iefix') format('embedded-opentype'),
        url('/assets/Manrope-Medium-B6tSc1So.woff2') format('woff2'),
        url('/assets/Manrope-Medium-B06codu0.woff') format('woff'),
        url('/assets/Manrope-Medium-B9NbVFZX.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: Manrope;
    src: url('/assets/Manrope-Regular-DyVuhMz7.eot');
    src:
        local('Manrope Regular'),
        local('Manrope-Regular'),
        url('/assets/Manrope-Regular-DyVuhMz7.eot?#iefix') format('embedded-opentype'),
        url('/assets/Manrope-Regular-nlNYxjcI.woff2') format('woff2'),
        url('/assets/Manrope-Regular-CFvnD1l6.woff') format('woff'),
        url('/assets/Manrope-Regular-BOMKuHcY.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Manrope;
    src: url('/assets/Manrope-Thin-B97g-7ou.eot');
    src:
        local('Manrope Thin'),
        local('Manrope-Thin'),
        url('/assets/Manrope-Thin-B97g-7ou.eot?#iefix') format('embedded-opentype'),
        url('/assets/Manrope-Thin-Cr35dL13.woff2') format('woff2'),
        url('/assets/Manrope-Thin-Dxn_GMjI.woff') format('woff'),
        url('/assets/Manrope-Thin-CmRBap9T.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

:root {
    --font-family-manrope: Manrope, sans-serif;

    --board-overlay-z-index: 10;

    --scrollbar-bg-color: transparent;
    --scrollbar-track-color: #cccccc;
    --scrollbar-track-size: 0.4rem;

    --shadow-small: 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.15);

    --default-background-color: #ffffff;
    --light-color: #ffffff;
    --danger-color: #d73027;
    --text-color: rgba(0, 0, 0, 0.8);
    --text-grey-color: #727272;
    --text-muted-color: rgba(0, 0, 0, 0.3);
    --board-frame-min-height: 85rem;
    --frame-background-color: var(--light-color);
    --card-hover-color: rgba(116, 74, 199, 0.75);
    --card-selection-color: #59a8ef;
    --linked-swot-link-color: #59a8ef;

    --linked-swot-strength-color: #93d275;
    --linked-swot-strength-area-color: #f1faed;
    --linked-swot-strength-footer-color: #84c963;
    --linked-swot-strength-footer-text-color: #3d801d;
    --linked-swot-strength-border-color: #61ab40;
    --linked-swot-strength-input-color: #c9ebb8;
    --linked-swot-strength-input-active-color: #f1f8f1;
    --linked-swot-strength-create-button-color: #dcf4d2;
    --linked-swot-strength-create-button-hover-color: #b3e59b;

    --linked-swot-weakness-color: #f0939d;
    --linked-swot-weakness-area-color: #f1faed;
    --linked-swot-weakness-footer-color: #e8808b;
    --linked-swot-weakness-footer-text-color: #9c1a29;
    --linked-swot-weakness-border-color: #d65663;
    --linked-swot-weakness-input-color: #ffcac7;
    --linked-swot-weakness-input-active-color: #fff8f8;
    --linked-swot-weakness-create-button-color: #f4d4d7;
    --linked-swot-weakness-create-button-hover-color: #f6afb6;

    --linked-swot-opportunity-color: #9ea9ff;
    --linked-swot-opportunity-area-color: #f2f4ff;
    --linked-swot-opportunity-footer-color: #8f9bfa;
    --linked-swot-opportunity-footer-text-color: #1c2db4;
    --linked-swot-opportunity-border-color: #5e6ef0;
    --linked-swot-opportunity-input-color: #c9d2f5;
    --linked-swot-opportunity-input-active-color: #f8f8ff;
    --linked-swot-opportunity-create-button-color: #daddf7;
    --linked-swot-opportunity-create-button-hover-color: #b8c0ff;

    --linked-swot-threat-color: #ff9d48;
    --linked-swot-threat-area-color: #f2f4ff;
    --linked-swot-threat-footer-color: #fb8c34;
    --linked-swot-threat-footer-text-color: #853d02;
    --linked-swot-threat-border-color: #d3650d;
    --linked-swot-threat-input-color: #ffd0a9;
    --linked-swot-threat-input-active-color: #fff9f5;
    --linked-swot-threat-create-button-color: #ffd6b2;
    --linked-swot-threat-create-button-hover-color: #ffbb80;

    --linked-swot-strategic-bet-color: #fdf3af;
    --linked-swot-strategic-bet-area-color: #fffce5;
    --linked-swot-strategic-bet-footer-color: #f6eb94;
    --linked-swot-strategic-bet-footer-text-color: #8a7b09;
    --linked-swot-strategic-bet-border-color: #e6d34b;
    --linked-swot-strategic-bet-input-color: #fffcd7;
    --linked-swot-strategic-bet-input-active-color: #fffff8;
    --linked-swot-strategic-bet-create-button-color: #fcf5c0;
    --linked-swot-strategic-bet-create-button-hover-color: #fdf3af;

    --hypothesis-mapping-goal-color: #cadf58;
    --hypothesis-mapping-goal-footer-color: #b9cf4d;
    --hypothesis-mapping-goal-input-color: #dbea97;
    --hypothesis-mapping-goal-border-color: #97b310;
    --hypothesis-mapping-goal-input-active-color: #f5faf5;

    --hypothesis-mapping-subject-motivation-border-color: #b99a0a;
    --hypothesis-mapping-subject-motivation-border-negative-color: #d9772a;

    --hypothesis-mapping-positive-subject-color: #fed358;
    --hypothesis-mapping-subject-footer-color: #f4c44a;
    --hypothesis-mapping-subject-footer-negative-color: #f6a466;
    --hypothesis-mapping-positive-subject-input-color: #fee397;
    --hypothesis-mapping-positive-subject-input-active-color: #fefaf5;
    --hypothesis-mapping-negative-subject-color: #ffc191;
    --hypothesis-mapping-negative-subject-input-color: #ffd7bb;
    --hypothesis-mapping-negative-subject-input-active-color: #fef7f9;

    --hypothesis-mapping-hypothesis-color: #fff87c;
    --hypothesis-mapping-hypothesis-footer-color: #f5ec68;
    --hypothesis-mapping-hypothesis-input-color: #fffaad;
    --hypothesis-mapping-hypothesis-input-active-color: #fefdf6;
    --hypothesis-mapping-hypothesis-input-placeholder-color: #8c8267;

    --hypothesis-mapping-task-color: #cce4ff;
    --hypothesis-mapping-task-footer-color: #b5d4f8;
    --hypothesis-mapping-task-input-active-color: #f7fbfe;

    --hypothesis-mapping-column-background-color: #f1f7fe;
}

@-moz-document url-prefix() {
    /* TODO: figure out with scrollbar styling */
    .scrollbar {
        /* for firefox: */
        scrollbar-width: thin;
        scrollbar-color: var(--scrollbar-track-color) var(--scrollbar-bg-color);
    }
}

.scrollbar::-webkit-scrollbar {
    width: var(--scrollbar-track-size);
    height: var(--scrollbar-track-size);
}

.scrollbar::-webkit-scrollbar-thumb {
    border-radius: 0.5rem;
    background-color: var(--scrollbar-track-color);
}

h2 {
    line-height: 1;
    font-size: 2.25rem;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

h3 {
    line-height: 2.125rem;
    font-size: 1.875rem;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

:root {
    --u025: 0.25rem;
    --u050: 0.5rem;
    --u075: 0.75rem;
    --u100: 1rem;
    --u125: 1.25rem;
    --u150: 1.5rem;
    --u175: 1.75rem;
    --u200: 2rem;
    --u225: 2.25rem;
    --u250: 2.5rem;
    --u300: 3rem;
    --u350: 3.5rem;
    --u400: 4rem;
    --u450: 4.5rem;
    --u500: 5rem;
    --u600: 6rem;
    --u700: 7rem;
    --u800: 8rem;
    --u900: 9rem;
    --u1000: 10rem;
}

html {
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    font-size: 16px;
    line-height: 1.5;
}

body {
    font-family: var(--font-family-manrope);
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: var(--text-color);
}

a {
    color: #1864d8;
    pointer-events: all;
}

a:hover {
    border-bottom: 1px solid #1864d8;
}

input,
textarea {
    font-family: inherit;
}
.m-025 {
    margin: var(--u025);
}

.m-050 {
    margin: var(--u050);
}

.m-075 {
    margin: var(--u075);
}

.m-100 {
    margin: var(--u100);
}

.m-125 {
    margin: var(--u125);
}

.m-150 {
    margin: var(--u150);
}

.m-175 {
    margin: var(--u175);
}

.m-200 {
    margin: var(--u200);
}

.m-225 {
    margin: var(--u225);
}

.m-250 {
    margin: var(--u250);
}

.m-300 {
    margin: var(--u300);
}

.m-350 {
    margin: var(--u350);
}

.m-400 {
    margin: var(--u400);
}

.m-450 {
    margin: var(--u450);
}

.m-500 {
    margin: var(--u500);
}

.m-600 {
    margin: var(--u600);
}

.m-700 {
    margin: var(--u700);
}

.m-800 {
    margin: var(--u800);
}

.m-900 {
    margin: var(--u900);
}

.m-1000 {
    margin: var(--u1000);
}

.mt-025 {
    margin-top: var(--u025);
}

.mt-050 {
    margin-top: var(--u050);
}

.mt-075 {
    margin-top: var(--u075);
}

.mt-100 {
    margin-top: var(--u100);
}

.mt-125 {
    margin-top: var(--u125);
}

.mt-150 {
    margin-top: var(--u150);
}

.mt-175 {
    margin-top: var(--u175);
}

.mt-200 {
    margin-top: var(--u200);
}

.mt-225 {
    margin-top: var(--u225);
}

.mt-250 {
    margin-top: var(--u250);
}

.mt-300 {
    margin-top: var(--u300);
}

.mt-350 {
    margin-top: var(--u350);
}

.mt-400 {
    margin-top: var(--u400);
}

.mt-450 {
    margin-top: var(--u450);
}

.mt-500 {
    margin-top: var(--u500);
}

.mt-600 {
    margin-top: var(--u600);
}

.mt-700 {
    margin-top: var(--u700);
}

.mt-800 {
    margin-top: var(--u800);
}

.mt-900 {
    margin-top: var(--u900);
}

.mt-1000 {
    margin-top: var(--u1000);
}

.mr-025 {
    margin-right: var(--u025);
}

.mr-050 {
    margin-right: var(--u050);
}

.mr-075 {
    margin-right: var(--u075);
}

.mr-100 {
    margin-right: var(--u100);
}

.mr-125 {
    margin-right: var(--u125);
}

.mr-150 {
    margin-right: var(--u150);
}

.mr-175 {
    margin-right: var(--u175);
}

.mr-200 {
    margin-right: var(--u200);
}

.mr-225 {
    margin-right: var(--u225);
}

.mr-250 {
    margin-right: var(--u250);
}

.mr-300 {
    margin-right: var(--u300);
}

.mr-350 {
    margin-right: var(--u350);
}

.mr-400 {
    margin-right: var(--u400);
}

.mr-450 {
    margin-right: var(--u450);
}

.mr-500 {
    margin-right: var(--u500);
}

.mr-600 {
    margin-right: var(--u600);
}

.mr-700 {
    margin-right: var(--u700);
}

.mr-800 {
    margin-right: var(--u800);
}

.mr-900 {
    margin-right: var(--u900);
}

.mr-1000 {
    margin-right: var(--u1000);
}

.mb-025 {
    margin-bottom: var(--u025);
}

.mb-050 {
    margin-bottom: var(--u050);
}

.mb-075 {
    margin-bottom: var(--u075);
}

.mb-100 {
    margin-bottom: var(--u100);
}

.mb-125 {
    margin-bottom: var(--u125);
}

.mb-150 {
    margin-bottom: var(--u150);
}

.mb-175 {
    margin-bottom: var(--u175);
}

.mb-200 {
    margin-bottom: var(--u200);
}

.mb-225 {
    margin-bottom: var(--u225);
}

.mb-250 {
    margin-bottom: var(--u250);
}

.mb-300 {
    margin-bottom: var(--u300);
}

.mb-350 {
    margin-bottom: var(--u350);
}

.mb-400 {
    margin-bottom: var(--u400);
}

.mb-450 {
    margin-bottom: var(--u450);
}

.mb-500 {
    margin-bottom: var(--u500);
}

.mb-600 {
    margin-bottom: var(--u600);
}

.mb-700 {
    margin-bottom: var(--u700);
}

.mb-800 {
    margin-bottom: var(--u800);
}

.mb-900 {
    margin-bottom: var(--u900);
}

.mb-1000 {
    margin-bottom: var(--u1000);
}

.ml-025 {
    margin-left: var(--u025);
}

.ml-050 {
    margin-left: var(--u050);
}

.ml-075 {
    margin-left: var(--u075);
}

.ml-100 {
    margin-left: var(--u100);
}

.ml-125 {
    margin-left: var(--u125);
}

.ml-150 {
    margin-left: var(--u150);
}

.ml-175 {
    margin-left: var(--u175);
}

.ml-200 {
    margin-left: var(--u200);
}

.ml-225 {
    margin-left: var(--u225);
}

.ml-250 {
    margin-left: var(--u250);
}

.ml-300 {
    margin-left: var(--u300);
}

.ml-350 {
    margin-left: var(--u350);
}

.ml-400 {
    margin-left: var(--u400);
}

.ml-450 {
    margin-left: var(--u450);
}

.ml-500 {
    margin-left: var(--u500);
}

.ml-600 {
    margin-left: var(--u600);
}

.ml-700 {
    margin-left: var(--u700);
}

.ml-800 {
    margin-left: var(--u800);
}

.ml-900 {
    margin-left: var(--u900);
}

.ml-1000 {
    margin-left: var(--u1000);
}

.mv-025 {
    margin-top: var(--u025);
    margin-bottom: var(--u025);
}

.mv-050 {
    margin-top: var(--u050);
    margin-bottom: var(--u050);
}

.mv-075 {
    margin-top: var(--u075);
    margin-bottom: var(--u075);
}

.mv-100 {
    margin-top: var(--u100);
    margin-bottom: var(--u100);
}

.mv-125 {
    margin-top: var(--u125);
    margin-bottom: var(--u125);
}

.mv-150 {
    margin-top: var(--u150);
    margin-bottom: var(--u150);
}

.mv-175 {
    margin-top: var(--u175);
    margin-bottom: var(--u175);
}

.mv-200 {
    margin-top: var(--u200);
    margin-bottom: var(--u200);
}

.mv-225 {
    margin-top: var(--u225);
    margin-bottom: var(--u225);
}

.mv-250 {
    margin-top: var(--u250);
    margin-bottom: var(--u250);
}

.mv-300 {
    margin-top: var(--u300);
    margin-bottom: var(--u300);
}

.mv-350 {
    margin-top: var(--u350);
    margin-bottom: var(--u350);
}

.mv-400 {
    margin-top: var(--u400);
    margin-bottom: var(--u400);
}

.mv-450 {
    margin-top: var(--u450);
    margin-bottom: var(--u450);
}

.mv-500 {
    margin-top: var(--u500);
    margin-bottom: var(--u500);
}

.mv-600 {
    margin-top: var(--u600);
    margin-bottom: var(--u600);
}

.mv-700 {
    margin-top: var(--u700);
    margin-bottom: var(--u700);
}

.mv-800 {
    margin-top: var(--u800);
    margin-bottom: var(--u800);
}

.mv-900 {
    margin-top: var(--u900);
    margin-bottom: var(--u900);
}

.mv-1000 {
    margin-top: var(--u1000);
    margin-bottom: var(--u1000);
}

.mh-025 {
    margin-left: var(--u025);
    margin-right: var(--u025);
}

.mh-050 {
    margin-left: var(--u050);
    margin-right: var(--u050);
}

.mh-075 {
    margin-left: var(--u075);
    margin-right: var(--u075);
}

.mh-100 {
    margin-left: var(--u100);
    margin-right: var(--u100);
}

.mh-125 {
    margin-left: var(--u125);
    margin-right: var(--u125);
}

.mh-150 {
    margin-left: var(--u150);
    margin-right: var(--u150);
}

.mh-175 {
    margin-left: var(--u175);
    margin-right: var(--u175);
}

.mh-200 {
    margin-left: var(--u200);
    margin-right: var(--u200);
}

.mh-225 {
    margin-left: var(--u225);
    margin-right: var(--u225);
}

.mh-250 {
    margin-left: var(--u250);
    margin-right: var(--u250);
}

.mh-300 {
    margin-left: var(--u300);
    margin-right: var(--u300);
}

.mh-350 {
    margin-left: var(--u350);
    margin-right: var(--u350);
}

.mh-400 {
    margin-left: var(--u400);
    margin-right: var(--u400);
}

.mh-450 {
    margin-left: var(--u450);
    margin-right: var(--u450);
}

.mh-500 {
    margin-left: var(--u500);
    margin-right: var(--u500);
}

.mh-600 {
    margin-left: var(--u600);
    margin-right: var(--u600);
}

.mh-700 {
    margin-left: var(--u700);
    margin-right: var(--u700);
}

.mh-800 {
    margin-left: var(--u800);
    margin-right: var(--u800);
}

.mh-900 {
    margin-left: var(--u900);
    margin-right: var(--u900);
}

.mh-1000 {
    margin-left: var(--u1000);
    margin-right: var(--u1000);
}

.p-025 {
    padding: var(--u025);
}

.p-050 {
    padding: var(--u050);
}

.p-075 {
    padding: var(--u075);
}

.p-100 {
    padding: var(--u100);
}

.p-125 {
    padding: var(--u125);
}

.p-150 {
    padding: var(--u150);
}

.p-175 {
    padding: var(--u175);
}

.p-200 {
    padding: var(--u200);
}

.p-225 {
    padding: var(--u225);
}

.p-250 {
    padding: var(--u250);
}

.p-300 {
    padding: var(--u300);
}

.p-350 {
    padding: var(--u350);
}

.p-400 {
    padding: var(--u400);
}

.p-450 {
    padding: var(--u450);
}

.p-500 {
    padding: var(--u500);
}

.p-600 {
    padding: var(--u600);
}

.p-700 {
    padding: var(--u700);
}

.p-800 {
    padding: var(--u800);
}

.p-900 {
    padding: var(--u900);
}

.p-1000 {
    padding: var(--u1000);
}

.pt-025 {
    padding-top: var(--u025);
}

.pt-050 {
    padding-top: var(--u050);
}

.pt-075 {
    padding-top: var(--u075);
}

.pt-100 {
    padding-top: var(--u100);
}

.pt-125 {
    padding-top: var(--u125);
}

.pt-150 {
    padding-top: var(--u150);
}

.pt-175 {
    padding-top: var(--u175);
}

.pt-200 {
    padding-top: var(--u200);
}

.pt-225 {
    padding-top: var(--u225);
}

.pt-250 {
    padding-top: var(--u250);
}

.pt-300 {
    padding-top: var(--u300);
}

.pt-350 {
    padding-top: var(--u350);
}

.pt-400 {
    padding-top: var(--u400);
}

.pt-450 {
    padding-top: var(--u450);
}

.pt-500 {
    padding-top: var(--u500);
}

.pt-600 {
    padding-top: var(--u600);
}

.pt-700 {
    padding-top: var(--u700);
}

.pt-800 {
    padding-top: var(--u800);
}

.pt-900 {
    padding-top: var(--u900);
}

.pt-1000 {
    padding-top: var(--u1000);
}

.pr-025 {
    padding-right: var(--u025);
}

.pr-050 {
    padding-right: var(--u050);
}

.pr-075 {
    padding-right: var(--u075);
}

.pr-100 {
    padding-right: var(--u100);
}

.pr-125 {
    padding-right: var(--u125);
}

.pr-150 {
    padding-right: var(--u150);
}

.pr-175 {
    padding-right: var(--u175);
}

.pr-200 {
    padding-right: var(--u200);
}

.pr-225 {
    padding-right: var(--u225);
}

.pr-250 {
    padding-right: var(--u250);
}

.pr-300 {
    padding-right: var(--u300);
}

.pr-350 {
    padding-right: var(--u350);
}

.pr-400 {
    padding-right: var(--u400);
}

.pr-450 {
    padding-right: var(--u450);
}

.pr-500 {
    padding-right: var(--u500);
}

.pr-600 {
    padding-right: var(--u600);
}

.pr-700 {
    padding-right: var(--u700);
}

.pr-800 {
    padding-right: var(--u800);
}

.pr-900 {
    padding-right: var(--u900);
}

.pr-1000 {
    padding-right: var(--u1000);
}

.pb-025 {
    padding-bottom: var(--u025);
}

.pb-050 {
    padding-bottom: var(--u050);
}

.pb-075 {
    padding-bottom: var(--u075);
}

.pb-100 {
    padding-bottom: var(--u100);
}

.pb-125 {
    padding-bottom: var(--u125);
}

.pb-150 {
    padding-bottom: var(--u150);
}

.pb-175 {
    padding-bottom: var(--u150);
}

.pb-200 {
    padding-bottom: var(--u200);
}

.pb-225 {
    padding-bottom: var(--u225);
}

.pb-250 {
    padding-bottom: var(--u250);
}

.pb-300 {
    padding-bottom: var(--u300);
}

.pb-350 {
    padding-bottom: var(--u350);
}

.pb-400 {
    padding-bottom: var(--u400);
}

.pb-450 {
    padding-bottom: var(--u450);
}

.pb-500 {
    padding-bottom: var(--u500);
}

.pb-600 {
    padding-bottom: var(--u600);
}

.pb-700 {
    padding-bottom: var(--u700);
}

.pb-800 {
    padding-bottom: var(--u800);
}

.pb-900 {
    padding-bottom: var(--u900);
}

.pb-1000 {
    padding-bottom: var(--u1000);
}

.pl-025 {
    padding-left: var(--u025);
}

.pl-050 {
    padding-left: var(--u050);
}

.pl-075 {
    padding-left: var(--u075);
}

.pl-100 {
    padding-left: var(--u100);
}

.pl-125 {
    padding-left: var(--u125);
}

.pl-150 {
    padding-left: var(--u150);
}

.pl-175 {
    padding-left: var(--u175);
}

.pl-200 {
    padding-left: var(--u200);
}

.pl-225 {
    padding-left: var(--u225);
}

.pl-250 {
    padding-left: var(--u250);
}

.pl-300 {
    padding-left: var(--u300);
}

.pl-350 {
    padding-left: var(--u350);
}

.pl-400 {
    padding-left: var(--u400);
}

.pl-450 {
    padding-left: var(--u450);
}

.pl-500 {
    padding-left: var(--u500);
}

.pl-600 {
    padding-left: var(--u600);
}

.pl-700 {
    padding-left: var(--u700);
}

.pl-800 {
    padding-left: var(--u800);
}

.pl-900 {
    padding-left: var(--u900);
}

.pl-1000 {
    padding-left: var(--u1000);
}

.pv-025 {
    padding-top: var(--u025);
    padding-bottom: var(--u025);
}

.pv-050 {
    padding-top: var(--u050);
    padding-bottom: var(--u050);
}

.pv-075 {
    padding-top: var(--u075);
    padding-bottom: var(--u075);
}

.pv-100 {
    padding-top: var(--u100);
    padding-bottom: var(--u100);
}

.pv-125 {
    padding-top: var(--u125);
    padding-bottom: var(--u125);
}

.pv-150 {
    padding-top: var(--u150);
    padding-bottom: var(--u150);
}

.pv-175 {
    padding-top: var(--u175);
    padding-bottom: var(--u175);
}

.pv-200 {
    padding-top: var(--u200);
    padding-bottom: var(--u200);
}

.pv-225 {
    padding-top: var(--u225);
    padding-bottom: var(--u225);
}

.pv-250 {
    padding-top: var(--u250);
    padding-bottom: var(--u250);
}

.pv-300 {
    padding-top: var(--u300);
    padding-bottom: var(--u300);
}

.pv-350 {
    padding-top: var(--u350);
    padding-bottom: var(--u350);
}

.pv-400 {
    padding-top: var(--u400);
    padding-bottom: var(--u400);
}

.pv-450 {
    padding-top: var(--u450);
    padding-bottom: var(--u450);
}

.pv-500 {
    padding-top: var(--u500);
    padding-bottom: var(--u500);
}

.pv-600 {
    padding-top: var(--u600);
    padding-bottom: var(--u600);
}

.pv-700 {
    padding-top: var(--u700);
    padding-bottom: var(--u700);
}

.pv-800 {
    padding-top: var(--u800);
    padding-bottom: var(--u800);
}

.pv-900 {
    padding-top: var(--u900);
    padding-bottom: var(--u900);
}

.pv-1000 {
    padding-top: var(--u1000);
    padding-bottom: var(--u1000);
}

.ph-025 {
    padding-left: var(--u025);
    padding-right: var(--u025);
}

.ph-050 {
    padding-left: var(--u050);
    padding-right: var(--u050);
}

.ph-075 {
    padding-left: var(--u075);
    padding-right: var(--u075);
}

.ph-100 {
    padding-left: var(--u100);
    padding-right: var(--u100);
}

.ph-125 {
    padding-left: var(--u125);
    padding-right: var(--u125);
}

.ph-150 {
    padding-left: var(--u150);
    padding-right: var(--u150);
}

.ph-175 {
    padding-left: var(--u175);
    padding-right: var(--u175);
}

.ph-200 {
    padding-left: var(--u200);
    padding-right: var(--u200);
}

.ph-225 {
    padding-left: var(--u225);
    padding-right: var(--u225);
}

.ph-250 {
    padding-left: var(--u250);
    padding-right: var(--u250);
}

.ph-300 {
    padding-left: var(--u300);
    padding-right: var(--u300);
}

.ph-350 {
    padding-left: var(--u350);
    padding-right: var(--u350);
}

.ph-400 {
    padding-left: var(--u400);
    padding-right: var(--u400);
}

.ph-450 {
    padding-left: var(--u450);
    padding-right: var(--u450);
}

.ph-500 {
    padding-left: var(--u500);
    padding-right: var(--u500);
}

.ph-600 {
    padding-left: var(--u600);
    padding-right: var(--u600);
}

.ph-700 {
    padding-left: var(--u700);
    padding-right: var(--u700);
}

.ph-800 {
    padding-left: var(--u800);
    padding-right: var(--u800);
}

.ph-900 {
    padding-left: var(--u900);
    padding-right: var(--u900);
}

.ph-1000 {
    padding-left: var(--u1000);
    padding-right: var(--u1000);
}
.flex--fd-row {
    flex-direction: row;
}

.flex--fd-column {
    flex-direction: column;
}

.flex--fd-row-reverse {
    flex-direction: row-reverse;
}

.flex--fd-column-reverse {
    flex-direction: column-reverse;
}

.flex--fw-nowrap {
    flex-wrap: nowrap;
}

.flex--fw-wrap {
    flex-wrap: wrap;
}

.flex--fw-wrap-reverse {
    flex-wrap: wrap-reverse;
}

.flex--jc-flex-start {
    justify-content: flex-start;
}

.flex--jc-flex-end {
    justify-content: flex-end;
}

.flex--jc-center {
    justify-content: center;
}

.flex--jc-space-between {
    justify-content: space-between;
}

.flex--jc-space-around {
    justify-content: space-around;
}

.flex--jc-space-evenly {
    justify-content: space-evenly;
}

.flex--ac-flex-start {
    align-content: flex-start;
}

.flex--ac-flex-end {
    align-content: flex-end;
}

.flex--ac-center {
    align-content: center;
}

.flex--ac-space-between {
    align-content: space-between;
}

.flex--ac-space-around {
    align-content: space-around;
}

.flex--ac-space-evenly {
    align-content: space-evenly;
}

.flex--ac-stretch {
    align-content: stretch;
}

.flex--ai-flex-start {
    align-items: flex-start;
}

.flex--ai-flex-end {
    align-items: flex-end;
}

.flex--ai-center {
    align-items: center;
}

.flex--ai-baseline {
    align-items: baseline;
}

.flex--ai-stretch {
    align-items: stretch;
}

.flex--g-025 {
    gap: var(--u025);
}

.flex--g-050 {
    gap: var(--u050);
}

.flex--g-075 {
    gap: var(--u075);
}

.flex--g-100 {
    gap: var(--u100);
}

.flex--g-125 {
    gap: var(--u125);
}

.flex--g-150 {
    gap: var(--u150);
}

.flex--g-175 {
    gap: var(--u175);
}

.flex--g-200 {
    gap: var(--u200);
}

.flex--g-225 {
    gap: var(--u225);
}

.flex--g-250 {
    gap: var(--u250);
}

.flex--g-300 {
    gap: var(--u300);
}

.flex--g-350 {
    gap: var(--u350);
}

.flex--g-400 {
    gap: var(--u400);
}

.flex--g-450 {
    gap: var(--u450);
}

.flex--g-500 {
    gap: var(--u500);
}

.flex--g-600 {
    gap: var(--u600);
}

.flex--g-700 {
    gap: var(--u700);
}

.flex--g-800 {
    gap: var(--u800);
}

.flex--g-900 {
    gap: var(--u900);
}

.flex--g-1000 {
    gap: var(--u1000);
}

.flex--rg-025 {
    row-gap: var(--u025);
}

.flex--rg-050 {
    row-gap: var(--u050);
}

.flex--rg-075 {
    row-gap: var(--u075);
}

.flex--rg-100 {
    row-gap: var(--u100);
}

.flex--rg-125 {
    row-gap: var(--u125);
}

.flex--rg-150 {
    row-gap: var(--u150);
}

.flex--rg-175 {
    row-gap: var(--u175);
}

.flex--rg-200 {
    row-gap: var(--u200);
}

.flex--rg-225 {
    row-gap: var(--u225);
}

.flex--rg-250 {
    row-gap: var(--u250);
}

.flex--rg-300 {
    row-gap: var(--u300);
}

.flex--rg-350 {
    row-gap: var(--u350);
}

.flex--rg-400 {
    row-gap: var(--u400);
}

.flex--rg-450 {
    row-gap: var(--u450);
}

.flex--rg-500 {
    row-gap: var(--u500);
}

.flex--rg-600 {
    row-gap: var(--u600);
}

.flex--rg-700 {
    row-gap: var(--u700);
}

.flex--rg-800 {
    row-gap: var(--u800);
}

.flex--rg-900 {
    row-gap: var(--u900);
}

.flex--rg-1000 {
    row-gap: var(--u1000);
}

.flex--cg-025 {
    column-gap: var(--u025);
}

.flex--cg-050 {
    column-gap: var(--u050);
}

.flex--cg-075 {
    column-gap: var(--u075);
}

.flex--cg-100 {
    column-gap: var(--u100);
}

.flex--cg-125 {
    column-gap: var(--u125);
}

.flex--cg-150 {
    column-gap: var(--u150);
}

.flex--cg-175 {
    column-gap: var(--u175);
}

.flex--cg-200 {
    column-gap: var(--u200);
}

.flex--cg-225 {
    column-gap: var(--u225);
}

.flex--cg-250 {
    column-gap: var(--u250);
}

.flex--cg-300 {
    column-gap: var(--u300);
}

.flex--cg-350 {
    column-gap: var(--u350);
}

.flex--cg-400 {
    column-gap: var(--u400);
}

.flex--cg-450 {
    column-gap: var(--u450);
}

.flex--cg-500 {
    column-gap: var(--u500);
}

.flex--cg-600 {
    column-gap: var(--u600);
}

.flex--cg-700 {
    column-gap: var(--u700);
}

.flex--cg-800 {
    column-gap: var(--u800);
}

.flex--cg-900 {
    column-gap: var(--u900);
}

.flex--cg-1000 {
    column-gap: var(--u1000);
}

.flex {
    display: flex;
}
._textEllipsis_1w1ac_1 {
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}._dragging_1w1ac_8 {
    opacity: 0.9;
    cursor: grabbing;
}

._card_1wb25_1 {
    position: relative;
    width: 14.5rem;
    min-height: 5rem;
    border-radius: 0.5rem;
}

._card_1wb25_1._public_1wb25_8,
._card_1wb25_1._public_1wb25_8:hover {
    box-shadow: none;
}

._card_1wb25_1:hover {
    box-shadow: 0 0 0 0.25rem var(--card-hover-color);
}

._dragging_1wb25_17 {
}

._selected_1wb25_21,
._selected_1wb25_21:hover,
._dragging_1wb25_17 {
    box-shadow: 0 0 0 0.25rem var(--card-selection-color) !important;
}

._muted_1wb25_27 {
    opacity: 0.4;
}

._card_1wb25_1 ol {
    margin: 0;
    padding-left: 1rem;
}
._container_1kl6n_1 {
    padding-left: 0.25rem;
    line-height: 1.2;
    font-weight: 800;
    font-size: 0.625rem;
    user-select: none;
    color: inherit;
}
._component_1ym9v_1 {
    margin-top: auto;
    padding: 0.25rem 0.75rem 0.375rem;
    border-radius: 0 0 0.5rem 0.5rem;
    color: inherit;
}
._component_11rxk_1 {
    z-index: 200;

    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;

    display: flex;
    column-gap: 1px;

    width: fit-content;
    margin: 0 auto 0.75rem;
    height: 2.5rem;
    border-radius: 0.5rem;
    background-color: #e6e6e6;
    box-shadow: var(--shadow-small);
}

._component_11rxk_1 > :first-child {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    overflow: hidden;
}

._component_11rxk_1 > :last-child {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    overflow: hidden;
}
._button_1834i_1 {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;

    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--light-color);
}

._button_1834i_1:hover {
    background-color: #e4f0fb;
}

._button_1834i_1:active {
    background-color: #d4e6f7;
}
._popoverContent_1wmtx_1 {
    z-index: 101;
    outline: none;
}
._triggerContainer_htx8f_1 {
    flex-shrink: 0;
    gap: 0.5rem;
    min-width: 2.5rem;
    min-height: 2.5rem;
    background-color: var(--light-color);
    padding: 0 0.5rem;
}

._triggerContainer_htx8f_1:hover {
    background-color: #f5f5f5;
}

._triggerContainer_htx8f_1:active {
    background-color: #f5f5f5;
}

._label_htx8f_18 {
    font-size: 0.75rem;
}

._triggerContainerActive_htx8f_22 {
    background-color: #f5f5f5;
}

._iconWrapper_htx8f_26 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
}

._contentContainer_htx8f_34 {
    z-index: 200;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;

    overflow: hidden;
    border-radius: 0.5rem;
    min-width: 10rem;
    background: #ffffff;
    box-shadow: var(--shadow-small);
}
._container_1tis1_1 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    height: 2.5rem;
    padding: 0.5rem;
    font-size: 0.75rem;
}

._iconWrapper_1tis1_11 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.25rem;
    height: 1.25rem;
}

._container_1tis1_1:hover {
    background: #f5f5f5;
}

._containerActive_1tis1_23 {
    background: #f5f5f5;
}
._container_ts14g_1 {
    height: 0.75rem;
    column-gap: 0.125rem;
    margin-right: auto;
    margin-left: 1.125rem;
    line-height: 1;
    font-weight: 500;
    font-size: 0.75rem;
    user-select: none;
    color: inherit;
}

._icon_ts14g_13 {
    color: inherit;
    opacity: 0.5;
}
._component_1m3wv_1 {
    width: 100%;
    height: max-content;
    font-size: 0.75rem;
    line-height: 1rem;
}
._component_1dshj_1 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    height: 3px;
    width: 15px;
    column-gap: 3px;
}

._ball_1dshj_11 {
    width: 3px;
    height: 3px;
    background-color: currentColor;
    border-radius: 50%;
    animation: _moveUp_1dshj_1 700ms linear infinite;
}

._ball_1dshj_11:nth-child(2) {
    animation-delay: 100ms;
}

._ball_1dshj_11:nth-child(3) {
    animation-delay: 200ms;
}

@keyframes _moveUp_1dshj_1 {
    0%,
    60% {
        transform: translateY(0);
    }

    30% {
        transform: translateY(-4px);
    }
}
._container_1lwqx_1 {
    position: absolute;
    left: -1.2rem;
    top: 0.3rem;

    width: 1.25rem;
    height: 1.25rem;
    border-radius: 0.25rem 0 0 0.25rem;
    font-weight: bolder;
    font-size: 0.9rem;
}

._container_1lwqx_1 > span {
    position: relative;
    left: 1px;
}

._hidden_1lwqx_18 {
    visibility: hidden;
}

._level1_1lwqx_22 {
    background-color: #f24725;
    border-right: 1px solid #d63f21;
    color: #670000;
}

._level2_1lwqx_28 {
    background-color: #fef444;
    border-right: 1px solid #ede43f;
    color: #997500;
}

._level3_1lwqx_34 {
    background-color: #8fd14f;
    border-right: 1px solid #83bf48;
    color: #608000;
}
._container_1iftz_1 {
    position: absolute;
    left: -1.2rem;
    bottom: 0.3rem;

    width: 1.25rem;
    height: 1.25rem;
    border-radius: 0.25rem 0 0 0.25rem;
    font-weight: bolder;
    font-size: 0.9rem;
}

._container_1iftz_1 > span {
    position: relative;
    left: 1px;
}

._hidden_1iftz_18 {
    visibility: hidden;
}

._level1_1iftz_22 {
    background-color: #f24725;
    border-right: 1px solid #d63f21;
    color: #670000;
}

._level2_1iftz_28 {
    background-color: #fef444;
    border-right: 1px solid #ede43f;
    color: #997500;
}

._level3_1iftz_34 {
    background-color: #8fd14f;
    border-right: 1px solid #83bf48;
    color: #608000;
}
._linkingTag_13lm7_1 {
    z-index: 200;

    position: absolute;
    top: -1.25rem;
    left: -1.25rem;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background-color: #000000;
}
._link_q3b8t_1,
._link_q3b8t_1:visited {
    border: 0;
    text-underline-offset: 0.125rem;
    text-decoration: none;
}

._link_q3b8t_1:hover {
    border: 0;
    text-decoration: underline;
}

._linkUnderlined_q3b8t_13,
._linkUnderlined_q3b8t_13:visited {
    text-decoration: underline;
}

._linkUnderlined_q3b8t_13:hover {
    text-decoration: none;
}
._component_14p16_1 {
    --loader-color: #255cb0;
    --loader-small-size: 1.25rem;
    --loader-small-border-size: 0.1875rem;

    display: inline-block;
    border-style: solid;
    border-color: var(--loader-color);
    border-bottom-color: transparent;
    border-radius: 50%;
    box-sizing: border-box;
    /* stylelint-disable-next-line declaration-no-important */
    animation: _loaderRotation_14p16_1 1s linear infinite !important;
}

._small_14p16_16 {
    width: var(--loader-small-size);
    height: var(--loader-small-size);
    border-width: var(--loader-small-border-size);
}

@keyframes _loaderRotation_14p16_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
._withoutScroll_hqyqt_1 {
    overflow: hidden;
    resize: none;
}
._component_1qhzn_1 {
    font-size: inherit;
    line-height: inherit;
}

._component_1qhzn_1:empty::before {
    content: attr(data-placeholder);
    color: var(--hypothesis-mapping-hypothesis-input-placeholder-color);
    pointer-events: none;
}

._prefix_1qhzn_12 {
    float: left;
    font-size: inherit;
    line-height: inherit;
}
._toggle_1uoj1_1 {
    position: relative;

    display: inline-flex;

    overflow: hidden;
    flex-grow: 0;
    flex-shrink: 0;

    width: 1.75rem;
    height: 1rem;

    cursor: pointer;
}

._isDisabled_1uoj1_16 {
    cursor: default;
}

._input_1uoj1_20 {
    position: absolute;
    top: -1rem;
    left: -1rem;

    width: auto;
}

._switchContainer_1uoj1_28 {
    position: absolute;
    inset: 0;

    transition: background-color 0.2s;

    border-radius: 0.5rem;

    background-color: #fff0bd;
}

._switch_1uoj1_28 {
    position: absolute;
    bottom: 0.1875rem;
    left: 0.1875rem;

    width: 0.625rem;
    height: 0.625rem;

    transition: transform 0.2s;

    transform: translateX(0);

    border-radius: 50%;
    outline: none;

    background-color: #ffc080;
}

._input_1uoj1_20:checked ~ ._switch_1uoj1_28 {
    transform: translateX(0.75rem);
    background-color: var(--light-color);
}

._input_1uoj1_20:hover ~ ._switchContainer_1uoj1_28 {
    background-color: #fffdf8;
}

._input_1uoj1_20:disabled ~ ._switchContainer_1uoj1_28 {
    background-color: #ffe086;
}

._input_1uoj1_20:checked ~ ._switchContainer_1uoj1_28 {
    background-color: #b73a74;
}

._input_1uoj1_20:checked:hover ~ ._switchContainer_1uoj1_28 {
    background-color: #d14285;
}

._input_1uoj1_20:checked:disabled ~ ._switchContainer_1uoj1_28 {
    background-color: #f3e0ea;
}
._container_1mxir_1 {
    overflow: hidden;
    white-space: pre-wrap;
    resize: none;
    font-size: inherit;
    line-height: inherit;
}
._button_1nq9l_1 {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;

    width: fit-content;
    height: 3rem;
    padding: 0.875rem 1.75rem;
    border-radius: 0.5rem;

    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25;
    color: var(--light-color);
    white-space: nowrap;
}

._button_1nq9l_1:disabled {
    cursor: default;
}

._primary_1nq9l_23 {
    background-color: #177ecc;
}

._primary_1nq9l_23:hover {
    background-color: #3b99d4;
}

._primary_1nq9l_23:active {
    background-color: #1e6ea9;
}

._primary_1nq9l_23:disabled {
    background-color: #dce1e4;
}
._component_uv89w_1 {
    width: max-content;
    border-radius: 0.5rem;
    background-color: var(--light-color);
    box-shadow: var(--shadow-small);
}
._button_13211_1 {
    display: flex;
    align-items: center;
    column-gap: 0.25rem;

    width: 100%;
    min-height: 2rem;
    padding: 0 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.4;
    background-color: transparent;
}

._button_13211_1:disabled {
    cursor: default;
    color: #c2c8cd;
}

._button_13211_1:not(:disabled):hover {
    background-color: #f5f5f5;
}

._button_13211_1:not(:disabled):active {
    background-color: #eff0f1;
}
._logo_12o9y_1 {
    flex-shrink: 0;
}
._container_ar3ob_1 {
    position: absolute;
    overflow: visible;
    pointer-events: none;
}

._container_ar3ob_1._focused_ar3ob_7 {
    z-index: 101;
}

._container_ar3ob_1 path {
    cursor: pointer;
    pointer-events: all;
}

._container_ar3ob_1 path:focus {
    outline: none;
}

._menu_ar3ob_20 {
    inset: unset;
}

._container_ar3ob_1._public_ar3ob_24 path {
    cursor: default;
}
._day_h7n6o_1 {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 2rem;
    height: 2rem;
    margin: 0 auto;
    border-radius: 0.25rem;
    font-size: 1rem;

    color: #2e343b;
}

._day_h7n6o_1:disabled {
    cursor: default;
    color: #e8e8e8;
}

._day_h7n6o_1:hover:not(:disabled, ._chosenDate_h7n6o_20, ._dayInPeriod_h7n6o_20) {
    background-color: #e0e0e0;
}

._day_h7n6o_1:active:not(:disabled) {
    color: #ffffff;
    background-color: #2b83ba;
}

._today_h7n6o_29 {
    font-weight: 700;
}

._chosenDate_h7n6o_20 {
    color: #ffffff;
    background-color: #2b83ba;
}

._otherMonthDay_h7n6o_38 {
    color: #8a9cb1;
}
._calendarTable_136lx_1 {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;

    width: 100%;
    max-width: 24rem;
    min-height: 17rem;
}

._calendarTable_136lx_1 th,
._calendarTable_136lx_1 td {
    width: 2rem;
    height: 2rem;
    padding: 0.125rem 0 0;
}

._calendarTable_136lx_1 th {
    border-bottom: 1px solid #cccccc;
    font-weight: 400;
    color: #2e343b;
    text-transform: capitalize;
}
._container_uhcbn_1 {
    width: 24rem;
    background-color: #ffffff;
    border-radius: 0.25rem;
    box-shadow: var(--shadow-small);
}

._header_uhcbn_8 {
    display: flex;
    column-gap: 0.5rem;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 1rem;
}

._date_uhcbn_17 {
    display: flex;
    flex-grow: 1;
    column-gap: 0.25rem;
    align-items: baseline;
    justify-content: center;
    padding-bottom: 0.25rem;
}

._month_uhcbn_26 {
    font-size: 1.375rem;
    font-weight: 700;
    text-transform: capitalize;
}

._year_uhcbn_32 {
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 1.25rem;
    color: #000000;
}

._chevronButton_uhcbn_39:disabled {
    cursor: not-allowed;
    opacity: 0.25;
}
._container_1fc93_1 {
    position: relative;
    cursor: text;
}

._input_1fc93_6 {
    font-size: 0.75rem;
    line-height: 1.25rem;
    border: 0;
    outline: none;
    font-family: inherit;
}

._calendarContainer_1fc93_14 {
    position: absolute;
    z-index: 12;
    top: 2rem;
}

._calendar_1fc93_14 {
    padding: 1rem;
}
._label_1pezn_1 {
    font-size: 0.875rem;
    line-height: 1.4;
    color: #727272;
}

._error_1pezn_7 {
    font-size: 0.875rem;
    line-height: 1.4;
    color: var(--danger-color);
}
._textEllipsis_1w1ac_1 {
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}._dragging_1w1ac_8 {
    opacity: 0.9;
    cursor: grabbing;
}

._textInput_1yklx_1 {
    --placeholder-color: #999999;

    height: 3rem;
    padding: 0.875rem 1rem;

    border: 1px solid #d2d6da;
    border-radius: 0.5rem;

    font-size: 1rem;
    line-height: 1.25rem;
}

._textInput_1yklx_1::-webkit-input-placeholder {
    color: var(--placeholder-color);
}

._textInput_1yklx_1::-moz-placeholder {
    color: var(--placeholder-color);
}

._textInput_1yklx_1:focus {
    outline: 1px solid #177ecc;
}

._textInput_1yklx_1:disabled {
    color: var(--light-color);
    background-color: #dce1e4;
}

._textInput_1yklx_1:hover:not(:disabled) {
    border-color: #3b99d4;
}

._isInvalid_1yklx_37 {
    border: 1px solid var(--danger-color);
}
._textEllipsis_1w1ac_1 {
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}._dragging_1w1ac_8 {
    opacity: 0.9;
    cursor: grabbing;
}

._component_wzxcv_1 {
    position: relative;
}

._passwordInput_wzxcv_5 {
    --placeholder-color: #999999;

    height: 3rem;
    width: 100%;
    padding: 0.875rem 3.5rem 0.875rem 1rem;

    border: 1px solid #d2d6da;
    border-radius: 0.5rem;

    font-size: 1rem;
    line-height: 1.25rem;
}

._passwordInput_wzxcv_5::-webkit-input-placeholder {
    color: var(--placeholder-color);
}

._passwordInput_wzxcv_5::-moz-placeholder {
    color: var(--placeholder-color);
}

._passwordInput_wzxcv_5:focus {
    outline: 1px solid #177ecc;
}

._passwordInput_wzxcv_5:disabled {
    color: var(--light-color);
    background-color: #dce1e4;
}

._passwordInput_wzxcv_5:hover:not(:disabled) {
    border-color: #3b99d4;
}

._isInvalid_wzxcv_42 {
    border: 1px solid var(--danger-color);
}

._changeVisibilityButton_wzxcv_46 {
    position: absolute;
    top: 0;
    right: 1rem;

    display: flex;
    align-items: center;
    flex-shrink: 0;

    width: 1.5rem;
    height: 100%;
}
._component_1ndj3_1 {
    font-size: 0.875rem;
    line-height: 1.4;
    border-radius: 0.5rem;
    background-color: #ffe5e5;
}

._icon_1ndj3_8 {
    flex-shrink: 0;
    margin-top: -0.125rem;
    color: var(--danger-color);
}
._component_kmt32_1 {
    position: relative;

    display: flex;
    overflow: hidden;
    align-items: flex-start;
    gap: 0.5rem;
    color: var(--text-grey-color);

    cursor: pointer;
}

._component_kmt32_1._isDisabled_kmt32_13 {
    cursor: default;
}

._field_kmt32_17 {
    display: flex;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;

    width: 1.25rem;
    height: 1.25rem;

    background-color: var(--light-color);
    border: 0.125rem solid #999999;
    border-radius: 0.25rem;
}

._fieldInvalid_kmt32_32 {
    border-color: var(--danger-color);
}

._input_kmt32_36 {
    appearance: none;
    position: absolute;
}

._input_kmt32_36:checked + ._field_kmt32_17,
._input_kmt32_36:indeterminate + ._field_kmt32_17 {
    border-color: #177ecc;
    background-color: #177ecc;
}

._input_kmt32_36:disabled + ._field_kmt32_17 {
    border-color: #dce1e4;
}

._input_kmt32_36:enabled:active + ._field_kmt32_17 {
    border-color: #1e6ea9;
}

._input_kmt32_36:enabled:hover + ._field_kmt32_17 {
    border-color: #3b99d4;
}

._input_kmt32_36:disabled:checked + ._field_kmt32_17,
._input_kmt32_36:disabled:indeterminate + ._field_kmt32_17 {
    background-color: #dce1e4;
}

._input_kmt32_36:enabled:checked:active + ._field_kmt32_17,
._input_kmt32_36:enabled:indeterminate:active + ._field_kmt32_17 {
    background-color: #1e6ea9;
}

._input_kmt32_36:enabled:checked:hover + ._field_kmt32_17,
._input_kmt32_36:enabled:indeterminate:hover + ._field_kmt32_17 {
    background-color: #3b99d4;
}

._label_kmt32_74 {
    flex-grow: 1;
    flex-shrink: 1;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

._input_kmt32_36:disabled ~ ._label_kmt32_74 {
    color: #c2c8cd;
}
._component_1bvlo_1 {
    width: 100vw;
    height: 100vh;
}
._layout_121zu_1 {
    --header-height: 3.875rem;

    overflow: hidden auto;
    margin-top: var(--header-height);
    padding-bottom: 3rem;
    width: 100vw;
    height: calc(100vh - var(--header-height));
    background-image: url("data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='1'%20cy='1'%20r='1'%20fill='%23999999'/%3e%3c/svg%3e");
    background-color: #f5f5f5;
    background-size: 1.875rem 1.875rem;
}
._header_1sg7l_1 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    flex-shrink: 0;
    height: var(--header-height);
    background-color: var(--light-color);
}

._link_1sg7l_11:hover {
    border: none;
}
._body_3owef_1 {
    margin-top: 10vh;
    margin-right: auto;
    margin-left: auto;
    padding: 2.5rem;
    width: 100%;
    max-width: 26rem;
    background-color: var(--light-color);
    border-radius: 0.75rem;
    box-shadow: var(--shadow-small);
}
._component_1uull_1 {
    width: 100%;
}

._title_1uull_5 {
    margin-bottom: 2rem;
    font-size: 1.5rem;
    line-height: 1.15;
    font-weight: 700;
}

._errorMessage_1uull_12 {
    margin-bottom: 1.5rem;
}

._emailField_1uull_16 {
    margin-bottom: 1rem;
}

._passwordField_1uull_20 {
    margin-bottom: 0.25rem;
}

._passwordRecoveryLink_1uull_24 {
    font-size: 1rem;
    line-height: 1.25;
    color: #177ecc;
}

._passwordRecoveryLink_1uull_24:hover {
    border-bottom: none;
}

._submitButton_1uull_34 {
    width: 100%;
    margin-bottom: 1rem;
}
._divider_1yn21_1 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

._link_1yn21_6 {
    color: #177ecc;
}

._link_1yn21_6:hover {
    border-bottom: none;
}
._component_1bn3g_1 {
    width: 100%;
}

._title_1bn3g_5 {
    margin-bottom: 2rem;
    font-size: 1.5rem;
    line-height: 1.15;
    font-weight: 700;
}

._errorMessage_1bn3g_12 {
    margin-bottom: 1.5rem;
}

._field_1bn3g_16 {
    margin-bottom: 1rem;
}

._agreementCheckbox_1bn3g_20 + ._agreementCheckbox_1bn3g_20 {
    margin-top: 0.5rem;
}

._link_1bn3g_24 {
    color: #177ecc;
    text-decoration: underline;
}

._link_1bn3g_24:hover {
    border-bottom: none;
}

._submitButton_1bn3g_33 {
    width: 100%;
    margin: 1.5rem 0 1rem;
}
._resendButton_1grdd_1 {
    font-size: 1rem;
    line-height: 1.25;
    color: #177ecc;
}

._resendButton_1grdd_1:disabled {
    color: #c2c8cd;
    cursor: default;
}

._resendButton_1grdd_1:hover:not(:disabled) {
    color: #3b99d4;
}
._image_5mtv7_1 {
    width: 100%;
}

._title_5mtv7_5 {
    margin-top: 2rem;
    margin-bottom: 0.75rem;
    font-size: 1.5rem;
    line-height: 1.15;
    font-weight: 700;
}

._content_5mtv7_13 {
    margin-top: 0;
    margin-bottom: 2rem;
    font-size: 0.875rem;
    line-height: 1.4;
    color: #727272;
}

._email_5mtv7_21 {
    color: #000000;
}
._divider_1yn21_1 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

._link_1yn21_6 {
    color: #177ecc;
}

._link_1yn21_6:hover {
    border-bottom: none;
}
._image_1sm0l_1 {
    width: 100%;
}

._title_1sm0l_5 {
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    font-size: 1.5rem;
    line-height: 1.15;
    font-weight: 700;
}

._content_1sm0l_13 {
    margin-bottom: 2rem;
    font-size: 0.875rem;
    line-height: 1.4;
    color: #727272;
}

._button_1sm0l_20 {
    width: 100%;
}
._component_1qk7m_1 {
    width: 100%;
}

._title_1qk7m_5 {
    margin-bottom: 0.75rem;
    font-size: 1.5rem;
    line-height: 1.15;
    font-weight: 700;
}

._text_1qk7m_12 {
    margin-top: 0;
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
    line-height: 1.4;
    color: #727272;
}

._errorMessage_1qk7m_20 {
    margin-bottom: 1.5rem;
}

._field_1qk7m_24 {
    margin-bottom: 1.5rem;
}

._submitButton_1qk7m_28 {
    width: 100%;
}
._image_qwtpp_1 {
    width: 100%;
}

._title_qwtpp_5 {
    margin-top: 2rem;
    margin-bottom: 0.75rem;
    font-size: 1.5rem;
    line-height: 1.15;
    font-weight: 700;
}

._content_qwtpp_13 {
    margin-bottom: 2rem;
    font-size: 0.875rem;
    line-height: 1.4;
    color: #727272;
}

._email_qwtpp_20 {
    color: #000000;
}
._link_4jau5_1 {
    display: flex;
    column-gap: 0.25rem;
    align-items: center;
    margin-bottom: 1.5rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #177ecc;
}

._link_4jau5_1:hover {
    color: #3b99d4;
    border: none;
}
._component_1qk7m_1 {
    width: 100%;
}

._title_1qk7m_5 {
    margin-bottom: 0.75rem;
    font-size: 1.5rem;
    line-height: 1.15;
    font-weight: 700;
}

._text_1qk7m_12 {
    margin-top: 0;
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
    line-height: 1.4;
    color: #727272;
}

._errorMessage_1qk7m_20 {
    margin-bottom: 1.5rem;
}

._field_1qk7m_24 {
    margin-bottom: 1.5rem;
}

._submitButton_1qk7m_28 {
    width: 100%;
}
._image_1tmkl_1 {
    width: 100%;
}

._title_1tmkl_5 {
    margin-top: 2rem;
    margin-bottom: 0.75rem;
    font-size: 1.5rem;
    line-height: 1.15;
    font-weight: 700;
}

._content_1tmkl_13 {
    margin-bottom: 2rem;
    font-size: 0.875rem;
    line-height: 1.4;
    color: #727272;
}

._button_1tmkl_20 {
    width: 100%;
}
._component_10k5g_1 {
    width: 100vw;
    height: 100vh;
}

._code_10k5g_6 {
    font-size: 10rem;
    line-height: 100%;
}

._message_10k5g_11 {
    color: var(--text-muted-color);
    font-size: 1.25rem;
}

._link_10k5g_16 {
    text-decoration: underline;
}

._link_10k5g_16:hover {
    border-bottom: none;
}
._component_3cil6_1 {
    flex-shrink: 0;
    width: 13rem;
    border-right: 1px solid var(--divider-color);
}

._navLink_3cil6_7 {
    display: flex;
    align-items: center;
    column-gap: 0.375rem;

    width: 100%;
    height: 2.25rem;
    padding: 0.375rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.4;
    font-weight: 500;
    color: #727272;
    border-radius: 0.5rem;
}

._navLink_3cil6_7:hover {
    background-color: #f5f5f5;
    border: none;
}

._navLink_3cil6_7:active {
    background-color: #eff0f1;
}

._active_3cil6_31 {
    color: #177ecb;
    background-color: #e4f0fb;
}

._active_3cil6_31:hover {
    background-color: #d4e6f7;
}

._active_3cil6_31:active {
    background-color: #bad8f4;
}

._version_3cil6_44 {
    margin-top: auto;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #999999;
}
._container_hq6mq_1 {
    flex-shrink: 0;
    height: 3.875rem;
    border-bottom: 1px solid var(--divider-color);
}

._button_hq6mq_7 {
    width: fit-content;
    height: fit-content;
}

._icon_hq6mq_12 {
    flex-shrink: 0;
}

._userName_hq6mq_16 {
    white-space: nowrap;
}
._component_1pyb4_1 {
    --divider-color: #d9d9d9;

    height: 100vh;
}

._content_1pyb4_7 {
    width: 100%;
}

._loader_1pyb4_11 {
    margin: auto;
}
._trigger_12aiz_1 {
    display: flex;
    align-items: center;
    flex-shrink: 0;

    width: 1.5rem;
    height: 100%;
}
._textEllipsis_1w1ac_1 {
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}._dragging_1w1ac_8 {
    opacity: 0.9;
    cursor: grabbing;
}

._row_13k69_1 {
    cursor: pointer;
}

._leftSideCell_13k69_5 {
    height: 3.5rem;
    padding: 0 0 0 0.5rem;
}

._leftSideCellContent_13k69_10 {
    width: 1rem;
    height: 100%;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

._rightSideCell_13k69_17 {
    height: 3.5rem;
    padding: 0 0.5rem 0 0;
}

._rightSideCellContent_13k69_22 {
    width: 1rem;
    height: 100%;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

._active_13k69_29 {
    background-color: #f5f5f5;
}

._cell_13k69_33 {
    height: 3.5rem;
    padding-right: 1.25rem;
}

._iconContainer_13k69_38 {
    border: 1px solid #c2c8cd;
    border-radius: 0.25rem;
}

._publicIconContainer_13k69_43,
._iconContainer_13k69_38 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    color: #727272;
}

._title_13k69_54 {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
}

._input_13k69_61 {
    width: 100%;
    padding: 0.375rem 0.25rem;
    font-family: inherit;
    border: none;
    border-radius: 0.25rem;
    outline: none;
}

._input_13k69_61:focus {
    outline: 1px solid #177ecc;
}

._text_13k69_75 {
    font-size: 0.875rem;
    line-height: 1.4;
    color: #727272;
}
._projectsListTable_16yhx_1 {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

._tableHeader_16yhx_8 {
    z-index: 10;
    position: sticky;
    top: 0;
    background-color: var(--light-color);
}

._headerCell_16yhx_15 {
    position: relative;
    height: 3.25rem;
    color: #999999;
    font-size: 0.875rem;
    line-height: 1.4;
    font-weight: 400;
    text-align: left;
}

._headerCell_16yhx_15::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid var(--divider-color);
}

._headerCell_16yhx_15:not(:last-of-type) {
    padding-right: 1.25rem;
}

._sideColumn_16yhx_38 {
    width: 1.5rem;
}

._nameColumn_16yhx_42 {
    max-width: 50%;
}

._changedAtColumn_16yhx_47 {
    min-width: 8rem;
    width: 20%;
}

._ownerColumn_16yhx_53 {
    min-width: 8rem;
    width: 20%;
}

._actionMenuColumn_16yhx_59 {
    width: 1.5rem;
}
._title_19qxv_1 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.16;
    white-space: nowrap;
}

._tableContainer_19qxv_8 {
    overflow-y: auto;
    max-height: calc(100vh - 10.5rem);
    padding-bottom: 1rem;
}

._empty_19qxv_14 {
    margin: 0.5rem 1.5rem;
    color: #999999;
}

._newProjectButton_19qxv_19 {
    color: #177ecc;
}
._textEllipsis_1w1ac_1 {
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}._dragging_1w1ac_8 {
    opacity: 0.9;
    cursor: grabbing;
}

._row_15s7a_1 {
    cursor: pointer;
}

._leftSideCell_15s7a_5 {
    height: 3.5rem;
    padding: 0 0 0 0.5rem;
}

._leftSideCellContent_15s7a_10 {
    width: 1rem;
    height: 100%;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

._rightSideCell_15s7a_17 {
    height: 3.5rem;
    padding: 0 0.5rem 0 0;
}

._rightSideCellContent_15s7a_22 {
    width: 1rem;
    height: 100%;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

._hovered_15s7a_29 {
    background-color: #f5f5f5;
}

._cell_15s7a_33 {
    height: 3.5rem;
    padding-right: 1.25rem;
}

._iconContainer_15s7a_38 {
    border: 1px solid #c2c8cd;
    border-radius: 0.25rem;
}

._publicIconContainer_15s7a_43,
._iconContainer_15s7a_38 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    color: #727272;
}
._title_15s7a_53 {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
}

._text_15s7a_60 {
    font-size: 0.875rem;
    line-height: 1.4;
    color: #727272;
}

._undoButton_15s7a_67 {
    display: flex;
    align-items: center;
    width: 1.5rem;
    height: 100%;
}
._projectsArchiveTable_jbju0_1 {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

._tableHeader_jbju0_8 {
    z-index: 10;
    position: sticky;
    top: 0;
    background-color: var(--light-color);
}

._headerCell_jbju0_15 {
    position: relative;
    height: 3.25rem;
    color: #999999;
    font-size: 0.875rem;
    line-height: 1.4;
    font-weight: 400;
    text-align: left;
}

._headerCell_jbju0_15::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid var(--divider-color);
}

._headerCell_jbju0_15:not(:last-of-type) {
    padding-right: 1.25rem;
}

._sideColumn_jbju0_38 {
    width: 1.5rem;
}

._nameColumn_jbju0_42 {
    max-width: 50%;
}

._deletedAtColumn_jbju0_47 {
    min-width: 8rem;
    width: 20%;
}

._ownerColumn_jbju0_53 {
    min-width: 8rem;
    width: 20%;
}

._actionMenuColumn_jbju0_59 {
    width: 1.5rem;
}
._title_h78eq_1 {
    display: flex;
    align-items: center;
    height: 3rem;
    margin: 0 1.5rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.16;
}

._tableContainer_h78eq_11 {
    overflow-y: auto;
    max-height: calc(100vh - 10.5rem);
    padding-bottom: 1rem;
}

._empty_h78eq_17 {
    margin: 0.5rem 1.5rem;
    color: #999999;
}
._component_1rnw7_1 {
    width: 18rem;
    pointer-events: all;
}

._component_1rnw7_1._placeholderTop_1rnw7_6::before {
    content: '';
    position: absolute;
    top: -0.875rem;
    left: 0;
    width: 100%;
    height: 0.25rem;
    background-color: #000000;
    border-radius: 0.25rem;
}

._component_1rnw7_1._placeholderTop_1rnw7_6::after {
    content: 'Переместить сюда';
    position: absolute;
    top: -1.25rem;
    left: 0;
    display: flex;
    align-items: center;
    padding: 0 0.375rem;
    width: fit-content;
    height: 1rem;
    font-size: 0.625rem;
    line-height: 1;
    color: var(--light-color);
    background-color: #000000;
    border-radius: 0.25rem;
}

._component_1rnw7_1._placeholderBottom_1rnw7_34::before {
    content: '';
    position: absolute;
    bottom: -0.875rem;
    left: 0;
    width: 100%;
    height: 0.25rem;
    background-color: #000000;
    border-radius: 0.25rem;
}

._component_1rnw7_1._placeholderBottom_1rnw7_34::after {
    content: 'Переместить сюда';
    position: absolute;
    bottom: -1.25rem;
    left: 0;
    display: flex;
    align-items: center;
    padding: 0 0.375rem;
    width: fit-content;
    height: 1rem;
    font-size: 0.625rem;
    line-height: 1;
    color: var(--light-color);
    background-color: #000000;
    border-radius: 0.25rem;
}

._highlighted_1rnw7_62 {
    box-shadow: 0 0 0 0.125rem var(--linked-swot-link-color);
}

._Strength_1rnw7_66 {
    background-color: var(--linked-swot-strength-color);
}

._Weakness_1rnw7_70 {
    background-color: var(--linked-swot-weakness-color);
}

._Opportunity_1rnw7_74 {
    background-color: var(--linked-swot-opportunity-color);
}

._Threat_1rnw7_78 {
    background-color: var(--linked-swot-threat-color);
}

._footer_1rnw7_82._Strength_1rnw7_66 {
    color: var(--linked-swot-strength-footer-text-color);
    background-color: var(--linked-swot-strength-footer-color);
}

._footer_1rnw7_82._Weakness_1rnw7_70 {
    color: var(--linked-swot-weakness-footer-text-color);
    background-color: var(--linked-swot-weakness-footer-color);
}

._footer_1rnw7_82._Opportunity_1rnw7_74 {
    color: var(--linked-swot-opportunity-footer-text-color);
    background-color: var(--linked-swot-opportunity-footer-color);
}

._footer_1rnw7_82._Threat_1rnw7_78 {
    color: var(--linked-swot-threat-footer-text-color);
    background-color: var(--linked-swot-threat-footer-color);
}

._highlighted_1rnw7_62._Strength_1rnw7_66 {
    box-shadow: 0 0 0 0.125rem var(--linked-swot-strength-border-color);
}

._highlighted_1rnw7_62._Weakness_1rnw7_70 {
    box-shadow: 0 0 0 0.125rem var(--linked-swot-weakness-border-color);
}

._highlighted_1rnw7_62._Opportunity_1rnw7_74 {
    box-shadow: 0 0 0 0.125rem var(--linked-swot-opportunity-border-color);
}

._highlighted_1rnw7_62._Threat_1rnw7_78 {
    box-shadow: 0 0 0 0.125rem var(--linked-swot-threat-border-color);
}

._cardLoader_1rnw7_118 {
    margin-left: 0.25rem;
}

._input_1rnw7_122 {
    border: 0;
    margin: -0.25rem;
    padding: 0.25rem;
    outline: none;
    line-height: 1.4;
    font-size: 0.75rem;
    border-radius: 0.25rem;
}

._input_1rnw7_122._Strength_1rnw7_66 {
    background-color: var(--linked-swot-strength-input-color);
}

._input_1rnw7_122._Strength_1rnw7_66:focus {
    background-color: var(--linked-swot-strength-input-active-color);
}

._input_1rnw7_122._Weakness_1rnw7_70 {
    background-color: var(--linked-swot-weakness-input-color);
}

._input_1rnw7_122._Weakness_1rnw7_70:focus {
    background-color: var(--linked-swot-weakness-input-active-color);
}

._input_1rnw7_122._Opportunity_1rnw7_74 {
    background-color: var(--linked-swot-opportunity-input-color);
}

._input_1rnw7_122._Opportunity_1rnw7_74:focus {
    background-color: var(--linked-swot-opportunity-input-active-color);
}

._input_1rnw7_122._Threat_1rnw7_78 {
    background-color: var(--linked-swot-threat-input-color);
}

._input_1rnw7_122._Threat_1rnw7_78:focus {
    background-color: var(--linked-swot-threat-input-active-color);
}

._text_1rnw7_164 {
    line-height: 1.4;
    white-space: pre-wrap;
}
._linkedFactor_pwlaz_1 {
    display: block;
    width: 2rem;
    height: 1rem;
    padding: 0 0.375rem;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1rem;
    text-align: center;
    border-radius: 0.125rem;
    pointer-events: all;
    cursor: pointer;
}

._linkedFactor_pwlaz_1 + ._linkedFactor_pwlaz_1 {
    margin-top: 1px;
}

._Strength_pwlaz_19 {
    background-color: var(--linked-swot-strength-color);
}

._Weakness_pwlaz_23 {
    background-color: var(--linked-swot-weakness-color);
}

._Opportunity_pwlaz_27 {
    background-color: var(--linked-swot-opportunity-color);
}

._Threat_pwlaz_31 {
    background-color: var(--linked-swot-threat-color);
}

._cardNumber_pwlaz_35 {
    padding-left: 0;
    font-weight: 400;
    pointer-events: none;
}

._muted_pwlaz_41 {
    opacity: 0.4;
}
._component_3hvw4_1 {
    --strategic-bet-card-width: 15.5rem;
    --strategic-bet-linked-factor-width: 2rem;
    --strategic-bet-linked-factor-gap: 0.25rem;
    --strategic-bet-linked-factor-offset: calc(
        var(--strategic-bet-linked-factor-width) + var(--strategic-bet-linked-factor-gap)
    );

    display: flex;
    flex-shrink: 0;
    gap: var(--strategic-bet-linked-factor-gap);
    margin-left: var(--strategic-bet-linked-factor-offset);
    margin-right: var(--strategic-bet-linked-factor-offset);
    position: relative;
    z-index: 100;
    pointer-events: all;
}

._card_3hvw4_19 {
    flex-shrink: 0;
    width: var(--strategic-bet-card-width);
    background-color: var(--linked-swot-strategic-bet-color);
}

._cardFooter_3hvw4_25 {
    color: var(--linked-swot-strategic-bet-footer-text-color);
    background-color: var(--linked-swot-strategic-bet-footer-color);
}

._card_3hvw4_19._placeholderTop_3hvw4_30::before {
    content: '';
    position: absolute;
    top: -0.875rem;
    left: 0;
    width: 100%;
    height: 0.25rem;
    background-color: #000000;
    border-radius: 0.25rem;
}

._card_3hvw4_19._placeholderTop_3hvw4_30::after {
    content: 'Переместить сюда';
    position: absolute;
    top: -1.25rem;
    left: 0;
    display: flex;
    align-items: center;
    padding: 0 0.375rem;
    width: fit-content;
    height: 1rem;
    font-size: 0.625rem;
    line-height: 1;
    color: var(--light-color);
    background-color: #000000;
    border-radius: 0.25rem;
}

._card_3hvw4_19._placeholderBottom_3hvw4_58::before {
    content: '';
    position: absolute;
    bottom: -0.875rem;
    left: 0;
    width: 100%;
    height: 0.25rem;
    background-color: #000000;
    border-radius: 0.25rem;
}

._card_3hvw4_19._placeholderBottom_3hvw4_58::after {
    content: 'Переместить сюда';
    position: absolute;
    bottom: -1.25rem;
    left: 0;
    display: flex;
    align-items: center;
    padding: 0 0.375rem;
    width: fit-content;
    height: 1rem;
    font-size: 0.625rem;
    line-height: 1;
    color: var(--light-color);
    background-color: #000000;
    border-radius: 0.25rem;
}

._cardHighlighted_3hvw4_86 {
    box-shadow: 0 0 0 0.125rem var(--linked-swot-strategic-bet-border-color);
}

._factors_3hvw4_90 {
    width: var(--strategic-bet-linked-factor-width);
    pointer-events: none;
}

._factorsLeft_3hvw4_95 {
    margin-left: calc(var(--strategic-bet-linked-factor-offset) * -1);
}

._factorsRight_3hvw4_99 {
    margin-right: calc(var(--strategic-bet-linked-factor-offset) * -1);
}

._cardLoader_3hvw4_103 {
    margin-left: 0.25rem;
}

._input_3hvw4_107 {
    border: 0;
    margin: -0.25rem;
    padding: 0.25rem;
    outline: none;
    line-height: 1.4;
    font-size: 0.75rem;
    border-radius: 0.25rem;
    background-color: var(--linked-swot-strategic-bet-input-color);
}

._input_3hvw4_107:focus {
    background-color: var(--linked-swot-strategic-bet-input-active-color);
}

._noCursor_3hvw4_122 {
    cursor: inherit;
}

._text_3hvw4_126 {
    line-height: 1.4;
    white-space: pre-wrap;
}
._button_104s0_1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 7.5rem;
    height: 2.5rem;
    border-radius: 2rem;
    pointer-events: all;
}

._button_104s0_1:disabled {
    cursor: inherit;
}

._Strength_104s0_15 {
    background-color: var(--linked-swot-strength-create-button-color);
}

._Strength_104s0_15:hover:not(:disabled),
._Strength_104s0_15:active:not(:disabled) {
    background-color: var(--linked-swot-strength-create-button-hover-color);
}

._Weakness_104s0_24 {
    background-color: var(--linked-swot-weakness-create-button-color);
}

._Weakness_104s0_24:hover:not(:disabled),
._Weakness_104s0_24:active:not(:disabled) {
    background-color: var(--linked-swot-weakness-create-button-hover-color);
}

._Opportunity_104s0_33 {
    background-color: var(--linked-swot-opportunity-create-button-color);
}

._Opportunity_104s0_33:hover:not(:disabled),
._Opportunity_104s0_33:active:not(:disabled) {
    background-color: var(--linked-swot-opportunity-create-button-hover-color);
}

._Threat_104s0_42 {
    background-color: var(--linked-swot-threat-create-button-color);
}

._Threat_104s0_42:hover:not(:disabled),
._Threat_104s0_42:active:not(:disabled) {
    background-color: var(--linked-swot-threat-create-button-hover-color);
}

._StrategicBet_104s0_51 {
    background-color: var(--linked-swot-strategic-bet-create-button-color);
}

._StrategicBet_104s0_51:hover:not(:disabled),
._StrategicBet_104s0_51:active:not(:disabled) {
    background-color: var(--linked-swot-strategic-bet-create-button-hover-color);
}
._component_1d662_1 {
    height: var(--area-header-height);
}

._description_1d662_5 {
    width: 16.5rem;
    margin: 0;
    padding: 0;
    line-height: 1rem;
    font-size: 0.75rem;
}
._factorArea_l5d4v_1 {
    flex-grow: 1;
    width: 22rem;
    min-height: 25rem;
    padding: 1.5rem 2rem 2.5rem;
}

._droppableNode_l5d4v_8 {
    height: 100%;
}

._Strength_l5d4v_12 {
    border-radius: var(--area-border-radius) var(--area-border-radius) 0 0;
    background-color: var(--linked-swot-strength-area-color);
}

._Weakness_l5d4v_17 {
    border-radius: 0 0 var(--area-border-radius) var(--area-border-radius);
    background-color: var(--linked-swot-weakness-area-color);
}

._Opportunity_l5d4v_22 {
    border-radius: var(--area-border-radius) var(--area-border-radius) 0 0;
    background-color: var(--linked-swot-opportunity-area-color);
}

._Threat_l5d4v_27 {
    border-radius: 0 0 var(--area-border-radius) var(--area-border-radius);
    background-color: var(--linked-swot-threat-area-color);
}

._createButton_l5d4v_32 {
    position: relative;
    margin: 0 auto;
}

._createButton_l5d4v_32._placeholderTop_l5d4v_37::before {
    content: '';
    position: absolute;
    top: -0.875rem;
    left: 0;
    width: 18rem;
    height: 0.25rem;
    background-color: #000000;
    border-radius: 0.25rem;
    transform: translateX(-5.25rem);
}

._createButton_l5d4v_32._placeholderTop_l5d4v_37::after {
    content: 'Переместить сюда';
    position: absolute;
    top: -1.25rem;
    left: 0;
    display: flex;
    align-items: center;
    padding: 0 0.375rem;
    width: fit-content;
    height: 1rem;
    font-size: 0.625rem;
    line-height: 1;
    color: var(--light-color);
    background-color: #000000;
    border-radius: 0.25rem;
    transform: translateX(-5.25rem);
}
._component_1lzeh_1 {
    width: 23.75rem;
    min-height: 50rem;
    padding: 1.5rem 1.875rem 2.5rem;
    border-radius: var(--area-border-radius);
    background-color: var(--linked-swot-strategic-bet-area-color);
}

._header_1lzeh_9 {
    height: var(--area-header-height);
}

._createButton_1lzeh_13 {
    position: relative;
    margin: 0 auto;
}

._createButton_1lzeh_13._placeholderTop_1lzeh_18::before {
    content: '';
    position: absolute;
    top: -0.875rem;
    left: 0;
    width: 15.5rem;
    height: 0.25rem;
    background-color: #000000;
    border-radius: 0.25rem;
    transform: translateX(-4rem);
}

._createButton_1lzeh_13._placeholderTop_1lzeh_18::after {
    content: 'Переместить сюда';
    position: absolute;
    top: -1.25rem;
    left: 0;
    display: flex;
    align-items: center;
    padding: 0 0.375rem;
    width: fit-content;
    height: 1rem;
    font-size: 0.625rem;
    line-height: 1;
    color: var(--light-color);
    background-color: #000000;
    border-radius: 0.25rem;
    transform: translateX(-4rem);
}
._container_15vnz_1 {
    --area-border-radius: 1.25rem;
    --area-header-height: 6.1rem;

    width: fit-content;
    height: fit-content;
    gap: 1.875rem;
    background-color: var(--frame-background-color);
    border-radius: 2rem;
    pointer-events: all;
}

._logo_15vnz_13 {
    height: 4rem;
}

._banner_15vnz_17 {
    width: 5rem;
}

._banner_15vnz_17 span {
    transform: rotate(-90deg);
    white-space: nowrap;
    font-weight: 300;
    font-size: 2.5rem;
}

._link_15vnz_28 {
    font-size: 0.75rem;
    line-height: 1rem;
}
._button_15pa3_1 {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -1.25rem;
    margin-right: -3.5rem;
    z-index: 200;
    display: flex;
    justify-content: center;
    width: 2.5rem;
    padding: 0.5rem;
    border-radius: 1.25rem;
    background-color: var(--default-background-color);
    box-shadow: var(--shadow-small);
}

._button_15pa3_1:hover,
._button_15pa3_1:active {
    background-color: #f5f5f5;
}

._icon_15pa3_22 {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
}

._icon_15pa3_22._subject_15pa3_28 {
    color: #fed358;
}

._icon_15pa3_22._hypothesis_15pa3_32 {
    color: #fff87c;
}

._icon_15pa3_22._task_15pa3_36 {
    color: #a6ccf6;
}
._button_1wv6m_1 {
    display: flex;
    justify-content: center;
}

._button_1wv6m_1._m_1wv6m_6 {
    width: 2.5rem;
    padding: 0.625rem;
    border-radius: 1.25rem;
}

._button_1wv6m_1._s_1wv6m_12 {
    width: 1.5rem;
    padding: 0.125rem;
    border-radius: 0.75rem;
}

._goal_1wv6m_18 {
    background-color: #e8f3c2;
}

._goal_1wv6m_18:hover,
._goal_1wv6m_18:active {
    background-color: #d8eb99;
}

._subject_1wv6m_27 {
    background-color: #ffebb4;
}

._subject_1wv6m_27:hover,
._subject_1wv6m_27:active {
    background-color: #ffdd80;
}

._hypothesis_1wv6m_36 {
    background-color: #fcf9cf;
}

._hypothesis_1wv6m_36:hover,
._hypothesis_1wv6m_36:active {
    background-color: #f9f39f;
}

._task_1wv6m_45 {
    background-color: #e6f1fe;
}

._task_1wv6m_45:hover,
._task_1wv6m_45:active {
    background-color: #c4defd;
}

._button_1wv6m_1._m_1wv6m_6._wide_1wv6m_54 {
    width: 7.5rem;
}

._button_1wv6m_1._s_1wv6m_12._wide_1wv6m_54 {
    width: 3.5rem;
}

._icon_1wv6m_62 {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
}

._goal_1wv6m_18 ._icon_1wv6m_62 {
    color: #7c8f16;
}

._subject_1wv6m_27 ._icon_1wv6m_62 {
    color: #da9d00;
}

._hypothesis_1wv6m_36 ._icon_1wv6m_62 {
    color: #b6a400;
}

._task_1wv6m_45 ._icon_1wv6m_62 {
    color: #508ed7;
}
._textEllipsis_1w1ac_1 {
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}._dragging_1w1ac_8 {
    opacity: 0.9;
    cursor: grabbing;
}

._container_n7z8x_1 {
    position: relative;
    border: 1px solid var(--hypothesis-mapping-goal-border-color);
    border-radius: 0.25rem;
    padding: 0.375rem;
    background-color: var(--hypothesis-mapping-goal-color);
}

._container_n7z8x_1:hover {
    box-shadow: 0 0 0 0.25rem var(--card-hover-color);
}

._container_n7z8x_1._public_n7z8x_13,
._container_n7z8x_1._public_n7z8x_13:hover {
    box-shadow: none;
}

._dragging_n7z8x_18 {
}

._label_n7z8x_22,
._textInput_n7z8x_23 {
    padding: 0.25rem;
}

._input_n7z8x_27 {
    width: 100%;
    border: 0;
    outline: none;
    background: var(--hypothesis-mapping-goal-input-color);
    border-radius: 0.25rem;
    font-size: 0.75rem;
    line-height: 1rem;
    resize: none;
}

._input_n7z8x_27:focus {
    background: var(--hypothesis-mapping-goal-input-active-color);
}

._valueLabel_n7z8x_42 {
    padding: 0.125rem 0.25rem;
}

._actualValueInput_n7z8x_46 {
    width: 3rem;
}

._plannedValueInput_n7z8x_50 {
    width: 3rem;
}

._unitValueInput_n7z8x_54 {
    width: 4rem;
}

._selected_n7z8x_58,
._selected_n7z8x_58:hover {
    box-shadow: 0 0 0 0.25rem var(--card-selection-color);
}

._cardNumber_n7z8x_63 {
    color: #5f7006;
}

._numberInput_n7z8x_67::-webkit-outer-spin-button,
._numberInput_n7z8x_67::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

._numberInput_n7z8x_67[type='number'] {
    -moz-appearance: textfield; /* Firefox */
}

._takeoutButton_n7z8x_77 {
    width: auto;
    gap: 0.5rem;
    padding: 0 0.5rem;
}

._arrowSymbol_n7z8x_83 {
    width: 1.25rem;
    height: 1.25rem;
    line-height: 1.25rem;
    text-align: center;
}
._triggerContainer_16o7e_1 {
    width: 22px;
    height: 20px;
    border: 0;
    /* padding-top: 0.25rem; */
    margin: 0;
    outline: none;

    border-radius: 0.25rem;
    font-size: 0.75rem;
    line-height: 1rem;
}

._editable_16o7e_14 {
    background: var(--hypothesis-mapping-goal-input-color);
}

._containerActive_16o7e_18 {
    background: var(--hypothesis-mapping-goal-input-active-color);
}

._contentContainer_16o7e_22 {
    padding: 0.125rem;
    width: 76px;
    background-color: #ffffff;
    border-radius: 0.25rem;
}

._button_16o7e_29 {
    width: 24px;
    height: 1.5rem;
    border: 0;
    border-radius: 0.125rem;
}

._button_16o7e_29:hover {
    background-color: #f5f5f5;
}
._textEllipsis_1w1ac_1 {
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}._dragging_1w1ac_8 {
    opacity: 0.9;
    cursor: grabbing;
}

._container_d3wji_1 {
    position: relative;
    border: 1px solid var(--hypothesis-mapping-goal-border-color);
    border-radius: 0.25rem;
    padding: 0.375rem;
    background-color: var(--hypothesis-mapping-goal-color);
}

._container_d3wji_1:hover {
    box-shadow: 0 0 0 0.25rem var(--card-hover-color);
}

._container_d3wji_1._public_d3wji_13,
._container_d3wji_1._public_d3wji_13:hover {
    box-shadow: none;
}

._dragging_d3wji_18 {
}

._label_d3wji_22,
._textInput_d3wji_23 {
    padding: 0.25rem;
}

._input_d3wji_27 {
    width: 100%;
    border: 0;
    outline: none;
    background: var(--hypothesis-mapping-goal-input-color);
    border-radius: 0.25rem;
    font-size: 0.75rem;
    line-height: 1rem;
    resize: none;
}

._input_d3wji_27:focus {
    background: var(--hypothesis-mapping-goal-input-active-color);
}

._operatorLabel_d3wji_42 {
    width: 22px;
    height: 20px;
    font-size: 0.75rem;
    line-height: 1rem;
}

._valueLabel_d3wji_49 {
    padding: 0.125rem 0.25rem;
}

._unitValueInput_d3wji_53 {
    width: 4rem;
}

._valueInput_d3wji_57 {
    width: 3rem;
}

._selected_d3wji_61,
._selected_d3wji_61:hover {
    box-shadow: 0 0 0 0.25rem var(--card-selection-color);
}

._cardNumber_d3wji_66 {
    color: #5f7006;
}

._valueInput_d3wji_57::-webkit-outer-spin-button,
._valueInput_d3wji_57::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

._valueInput_d3wji_57[type='number'] {
    -moz-appearance: textfield; /* Firefox */
}

._takeoutButton_d3wji_80 {
    width: auto;
    gap: 0.5rem;
    padding: 0 0.5rem;
}
._container_4va7c_1 {
    background-color: var(--hypothesis-mapping-goal-color);
    pointer-events: all;
}

._container_4va7c_1:has(._childMetric_4va7c_6:hover) {
    box-shadow: initial;
}

._container_4va7c_1._placeholderTop_4va7c_10::before,
._container_4va7c_1._placeholderBottom_4va7c_11::before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.25rem;
    background-color: #000000;
    border-radius: 0.25rem;
}

._container_4va7c_1._placeholderTop_4va7c_10::before {
    top: -0.875rem;
}

._container_4va7c_1._placeholderBottom_4va7c_11::before {
    bottom: -0.875rem;
}

._container_4va7c_1._placeholderTop_4va7c_10::after,
._container_4va7c_1._placeholderBottom_4va7c_11::after {
    content: 'Переместить сюда';
    position: absolute;
    left: 0;
    display: flex;
    align-items: center;
    padding: 0 0.375rem;
    width: fit-content;
    height: 1rem;
    font-size: 0.625rem;
    line-height: 1;
    color: var(--light-color);
    background-color: #000000;
    border-radius: 0.25rem;
}

._container_4va7c_1._placeholderTop_4va7c_10::after {
    top: -1.25rem;
}

._container_4va7c_1._placeholderBottom_4va7c_11::after {
    bottom: -1.25rem;
}

._input_4va7c_54 {
    border: 0;
    margin: -0.25rem;
    padding: 0.25rem;
    outline: none;
    background: var(--hypothesis-mapping-goal-input-color);
    border-radius: 0.25rem;
}

._input_4va7c_54:focus {
    background: var(--hypothesis-mapping-goal-input-active-color);
}

._block_4va7c_67 {
    display: flex;
    flex-direction: column;
    row-gap: 0.375rem;
}

._blockHeader_4va7c_73 {
    z-index: 10;
}

._metricsInput_4va7c_77 {
    margin-top: -1.5rem;
    padding-top: 1.5rem;
    line-height: 1.125rem;
}

._list_4va7c_83 {
    display: flex;
    flex-direction: column;
    line-height: 1.125rem;
}

._footer_4va7c_89 {
    background-color: var(--hypothesis-mapping-goal-footer-color);
    color: #5f7006;
}

._previousButton_4va7c_94 {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 0.5rem;
    margin-left: -1.75rem;
}

._nextButton_4va7c_102 {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: 0.5rem;
    margin-left: -1.75rem;
}

._cardMenu_4va7c_110 {
    margin-bottom: 2.5rem;
}

._addButton_4va7c_114 {
    display: flex;
    width: fit-content;
    height: 1.5rem;
    padding-right: 0.5rem;
    justify-content: flex-start;
    align-items: center;
    text-align: start;
    gap: 0.25rem;
    color: #7c8f16;
    font-size: 0.75rem;
}

._deadlineContainer_4va7c_127 {
    font-size: 0.75rem;
    line-height: 1.25rem;
    height: 1.25rem;
    padding: 0.25rem;
    margin: -0.25rem;
}

._deadlineLabel_4va7c_135 {
    padding: 0.125rem 0.25rem 0;
}

._deadlineContainerEditable_4va7c_139 {
    font-size: 0.75rem;
    line-height: 1.25rem;
    height: 1.25rem;
    border-radius: 0.25rem;
    padding: 0.25rem;
    margin: -0.25rem;
    background: var(--hypothesis-mapping-goal-input-color);
}

._deadlineContainerEditable_4va7c_139:focus-within {
    background-color: #ffffff;
}

._datePickerInput_4va7c_153 {
    background-color: transparent;
    padding: 0.25rem;
    margin-top: 0.125rem;
}

._datePicker_4va7c_153 > svg {
    width: 1rem;
    height: 1rem;
}
._container_71cuq_1 {
    background-color: var(--hypothesis-mapping-goal-color);
    pointer-events: all;
}

._cardNumber_71cuq_6 {
    padding-left: 0;
    font-size: 0.75rem;
    line-height: 1rem;
}

._label_71cuq_12,
._textInput_71cuq_13 {
    margin: -0.25rem;
    padding: 0.25rem;
}

._input_71cuq_18 {
    width: 100%;
    border: 0;
    outline: none;
    background: var(--hypothesis-mapping-goal-input-color);
    border-radius: 0.25rem;
    font-size: 0.75rem;
    line-height: 1rem;
    resize: none;
}

._input_71cuq_18:focus {
    background: var(--hypothesis-mapping-goal-input-active-color);
}

._valuesContainer_71cuq_33 {
    margin: 0 -0.25rem;
}

._valueLabel_71cuq_37 {
    padding: 0.125rem 0.25rem;
}

._actualValueInput_71cuq_41 {
    width: 3rem;
}

._plannedValueInput_71cuq_45 {
    width: 3rem;
}

._unitValueInput_71cuq_49 {
    width: 4rem;
}

._numberInput_71cuq_53::-webkit-outer-spin-button,
._numberInput_71cuq_53::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

._numberInput_71cuq_53[type='number'] {
    -moz-appearance: textfield; /* Firefox */
}

._arrowSymbol_71cuq_63 {
    width: 1.25rem;
    height: 1.25rem;
    line-height: 1.25rem;
    text-align: center;
}
._container_x1iw7_1 {
    background-color: var(--hypothesis-mapping-goal-color);
    pointer-events: all;
}

._cardNumber_x1iw7_6 {
    padding-left: 0;
    font-size: 0.75rem;
    line-height: 1rem;
}

._label_x1iw7_12,
._textInput_x1iw7_13 {
    margin: -0.25rem;
    padding: 0.25rem;
}

._input_x1iw7_18 {
    width: 100%;
    border: 0;
    outline: none;
    background: var(--hypothesis-mapping-goal-input-color);
    border-radius: 0.25rem;
    font-size: 0.75rem;
    line-height: 1rem;
    resize: none;
}

._input_x1iw7_18:focus {
    background: var(--hypothesis-mapping-goal-input-active-color);
}

._operatorLabel_x1iw7_33 {
    width: 22px;
    height: 20px;
    font-size: 0.75rem;
    line-height: 1rem;
}

._valuesContainer_x1iw7_40 {
    margin: 0 -0.25rem;
}

._valueLabel_x1iw7_44 {
    padding: 0.125rem 0.25rem;
}

._unitValueInput_x1iw7_48 {
    width: 4rem;
}

._valueInput_x1iw7_52 {
    width: 3rem;
}

._valueInput_x1iw7_52::-webkit-outer-spin-button,
._valueInput_x1iw7_52::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

._valueInput_x1iw7_52[type='number'] {
    -moz-appearance: textfield; /* Firefox */
}

._arrowSymbol_x1iw7_66 {
    width: 20px;
    height: 20px;
    line-height: 1.3rem;
}
._button_1cuug_1 {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1.25rem;
    margin-left: -3.5rem;
    z-index: 200;
    display: flex;
    justify-content: center;
    width: 2.5rem;
    padding: 0.5rem;
    border-radius: 1.25rem;
    background-color: var(--default-background-color);
    box-shadow: var(--shadow-small);
}

._button_1cuug_1:hover,
._button_1cuug_1:active {
    background-color: #f5f5f5;
}

._icon_1cuug_22 {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
}

._icon_1cuug_22._goal_1cuug_28 {
    color: #cadf58;
}

._icon_1cuug_22._subject_1cuug_32 {
    color: #fed358;
}

._icon_1cuug_22._hypothesis_1cuug_36 {
    color: #fff87c;
}
._textEllipsis_1w1ac_1 {
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}._dragging_1w1ac_8 {
    opacity: 0.9;
    cursor: grabbing;
}

._container_12ihg_1 {
    position: relative;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    padding: 0.375rem;
}

._container_12ihg_1:hover {
    box-shadow: 0 0 0 0.25rem var(--card-hover-color);
}

._container_12ihg_1._public_12ihg_12,
._container_12ihg_1._public_12ihg_12:hover {
    box-shadow: none;
}

._dragging_12ihg_17 {
}

._containerPositive_12ihg_21 {
    border-color: var(--hypothesis-mapping-subject-motivation-border-color);
    background-color: var(--hypothesis-mapping-positive-subject-color);
}

._containerNegative_12ihg_26 {
    border-color: var(--hypothesis-mapping-subject-motivation-border-negative-color);
    background-color: var(--hypothesis-mapping-negative-subject-color);
}

._input_12ihg_31 {
    width: 100%;
    border: 0;
    padding: 0.25rem;
    outline: none;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0.25rem;
    font-size: 0.75rem;
    line-height: 1rem;
    resize: none;
}

._label_12ihg_43 {
    line-height: 1rem;
    padding: 0.25rem;
}

._input_12ihg_31:focus {
    background: #ffffff;
}

._selected_12ihg_52,
._selected_12ihg_52:hover {
    box-shadow: 0 0 0 0.25rem var(--card-selection-color);
}

._takeoutButton_12ihg_57 {
    width: auto;
    gap: 0.5rem;
    padding: 0 0.5rem;
}

._cardNumberPositive_12ihg_63 {
    color: #977e05;
}

._cardNumberNegative_12ihg_67 {
    color: #813b05;
}
._container_1mcyf_1 {
    pointer-events: all;
    background-color: var(--hypothesis-mapping-positive-subject-color);
}

._container_1mcyf_1._negative_1mcyf_6 {
    background-color: var(--hypothesis-mapping-negative-subject-color);
}

._container_1mcyf_1:has(._childMotivation_1mcyf_10:hover) {
    box-shadow: initial;
}

._input_1mcyf_14 {
    border: 0;
    margin: -0.25rem;
    padding: 0.25rem;
    outline: none;
    background: var(--hypothesis-mapping-positive-subject-input-color);
    border-radius: 0.25rem;
}

._input_1mcyf_14._negative_1mcyf_6 {
    background: var(--hypothesis-mapping-negative-subject-input-color);
}

._input_1mcyf_14:focus {
    background: var(--hypothesis-mapping-positive-subject-input-active-color);
}

._input_1mcyf_14._negative_1mcyf_6:focus {
    background: var(--hypothesis-mapping-negative-subject-input-active-color);
}

._subjectInput_1mcyf_35 {
    font-weight: bolder;
    font-size: inherit;
    line-height: inherit;
}

._subjectInput_1mcyf_35::placeholder {
    font-weight: normal;
}

._block_1mcyf_45 {
    display: flex;
    flex-direction: column;
    row-gap: 0.25rem;
}

._blockHeader_1mcyf_51 {
    z-index: 10;
}

._painsAndWishesInput_1mcyf_55 {
    margin-top: -1.5rem;
    padding-top: 1.5rem;
    line-height: 1.125rem;
}

._list_1mcyf_61 {
    line-height: 1.125rem;
    gap: 0.375rem;
}

._footer_1mcyf_66 {
    background-color: var(--hypothesis-mapping-subject-footer-color);
    color: #705d04;
}

._footerNegative_1mcyf_71 {
    background-color: var(--hypothesis-mapping-subject-footer-negative-color);
    color: #813b05;
}

._previousButton_1mcyf_76 {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 0.5rem;
    margin-left: -1.75rem;
}

._nextButton_1mcyf_84 {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: 0.5rem;
    margin-left: -1.75rem;
}

._cardMenu_1mcyf_92 {
    margin-bottom: 2.5rem;
}

._contextMenuButton_1mcyf_96 {
    font-size: 0.75rem;
    width: auto;
    gap: 0.5rem;
    padding: 0 0.5rem;
}

._addButton_1mcyf_103 {
    display: flex;
    width: fit-content;
    height: 1.5rem;
    padding-right: 0.5rem;
    justify-content: flex-start;
    align-items: center;
    text-align: start;
    gap: 0.25rem;
    color: #977e05;
    font-size: 0.75rem;
}

._addButtonNegative_1mcyf_116 {
    color: #b15611;
}

._contextMenuIcon_1mcyf_120 {
    width: 20px;
    height: 20px;
}

._placeholderTop_1mcyf_125::before {
    content: '';
    position: absolute;
    top: -0.625rem;
    left: 0;
    width: 100%;
    height: 0.25rem;
    background-color: #000000;
    border-radius: 0.25rem;
}

._placeholderBottom_1mcyf_136::before {
    content: '';
    position: absolute;
    bottom: -0.625rem;
    left: 0;
    width: 100%;
    height: 0.25rem;
    background-color: #000000;
    border-radius: 0.25rem;
}
._container_1yqlb_1 {
    pointer-events: all;
    background-color: var(--hypothesis-mapping-positive-subject-color);
}

._input_1yqlb_6 {
    border: 0;
    margin: -0.25rem;
    padding: 0.25rem;
    outline: none;
    background: var(--hypothesis-mapping-positive-subject-input-color);
    border-radius: 0.25rem;
}

._input_1yqlb_6:focus {
    background: var(--hypothesis-mapping-positive-subject-input-active-color);
}

._subjectInput_1yqlb_19 {
    font-size: inherit;
    line-height: inherit;
}

._cardNumber_1yqlb_24 {
    padding-left: 0;
    font-size: 0.75rem;
    line-height: 1rem;
}
._textEllipsis_1w1ac_1 {
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}._dragging_1w1ac_8 {
    opacity: 0.9;
    cursor: grabbing;
}

._component_9p383_1 {
    font-size: 0.75rem;
    line-height: 140%;
}

._label_9p383_6 {
    padding: 0.2rem 0.25rem 0.1rem;
    background-color: #f5d127;
    border-radius: 0.125rem;
    border-bottom: 1px solid #b99a0a;
}

._text_9p383_13 {
    flex-grow: 1;
    font-style: italic;
}

._deleteButton_9p383_19 {
    color: #c2ae20;
}
._textEllipsis_1w1ac_1 {
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}._dragging_1w1ac_8 {
    opacity: 0.9;
    cursor: grabbing;
}

._component_1ih2d_1 {
    font-size: 0.75rem;
    line-height: 140%;
}

._label_1ih2d_6 {
    padding: 0.2rem 0.25rem 0.1rem;
    background-color: #cadf58;
    border-radius: 0.125rem;
    border-bottom: 1px solid #9ab11f;
}

._expectedValue_1ih2d_13 {
    display: flex;
    align-items: center;
    flex-grow: 1;
    column-gap: 0.25rem;
}

._expectedValueInput_1ih2d_21 {
    width: 4rem;
    padding: 0.125rem;
    font-size: 0.75rem;
    font-weight: 700;
    border: 0;
    outline: none;
    background: var(--hypothesis-mapping-hypothesis-input-color);
    border-radius: 0.25rem;
}

._expectedValueInput_1ih2d_21:focus {
    background: var(--hypothesis-mapping-hypothesis-input-active-color);
}

._expectedValueInput_1ih2d_21::-webkit-outer-spin-button,
._expectedValueInput_1ih2d_21::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

._expectedValueInput_1ih2d_21[type='number'] {
    -moz-appearance: textfield; /* Firefox */
}

._deleteButton_1ih2d_47 {
    color: #c2ae20;
}
._container_1qkcx_1 {
    background-color: #fcf3af;
    pointer-events: all;
}

._tasksLabel_1qkcx_6 {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1.375rem;
    font-size: 1.5rem;
    line-height: 1.4;
    font-weight: 700;
    border-radius: 0.5rem;
    background-color: var(--hypothesis-mapping-task-color);
    box-shadow: 0 0 0 0.25rem var(--card-selection-color);
    transform: translateX(calc(100% + 1rem));
}

._container_1qkcx_1._placeholderTop_1qkcx_20::before {
    content: '';
    position: absolute;
    top: -0.875rem;
    left: 0;
    width: 100%;
    height: 0.25rem;
    background-color: #000000;
    border-radius: 0.25rem;
}

._container_1qkcx_1._placeholderTop_1qkcx_20::after {
    content: 'Переместить сюда';
    position: absolute;
    top: -1.25rem;
    left: 0;
    display: flex;
    align-items: center;
    padding: 0 0.375rem;
    width: fit-content;
    height: 1rem;
    font-size: 0.625rem;
    line-height: 1;
    color: var(--light-color);
    background-color: #000000;
    border-radius: 0.25rem;
}

._container_1qkcx_1._placeholderBottom_1qkcx_48::before {
    content: '';
    position: absolute;
    bottom: -0.875rem;
    left: 0;
    width: 100%;
    height: 0.25rem;
    background-color: #000000;
    border-radius: 0.25rem;
}

._container_1qkcx_1._placeholderBottom_1qkcx_48::after {
    content: 'Переместить сюда';
    position: absolute;
    bottom: -1.25rem;
    left: 0;
    display: flex;
    align-items: center;
    padding: 0 0.375rem;
    width: fit-content;
    height: 1rem;
    font-size: 0.625rem;
    line-height: 1;
    color: var(--light-color);
    background-color: #000000;
    border-radius: 0.25rem;
}

._block_1qkcx_76,
._input_1qkcx_77 {
    margin: -0.25rem;
    padding: 0.25rem;
}

._input_1qkcx_77 {
    border: 0;
    outline: none;
    background: var(--hypothesis-mapping-hypothesis-input-color);
    border-radius: 0.25rem;
}

._input_1qkcx_77:focus {
    background: var(--hypothesis-mapping-hypothesis-input-active-color);
}

._previousButton_1qkcx_93 {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 0.5rem;
    margin-left: -1.75rem;
}

._nextButton_1qkcx_101 {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: 0.5rem;
    margin-left: -1.75rem;
}

._footer_1qkcx_109 {
    background-color: #f6eb94;
    color: #8a7b09;
}

._cardMenu_1qkcx_114 {
    margin-bottom: 2.5rem;
}
._container_k82p0_1 {
    background-color: var(--hypothesis-mapping-task-color);
    pointer-events: all;
    width: 12rem;
}

._input_k82p0_7 {
    border: 0;
    margin: -0.25rem;
    padding: 0.25rem;
    font-size: inherit;
    line-height: inherit;
    outline: none;
    background: var(--hypothesis-mapping-task-input-active-color);
    border-radius: 0.25rem;
}

._footer_k82p0_18 {
    background-color: var(--hypothesis-mapping-task-footer-color);
}

._placeholderLeft_k82p0_22::before {
    content: '';
    position: absolute;
    top: 0;
    left: -0.625rem;
    width: 0.25rem;
    height: 100%;
    background-color: #000000;
    border-radius: 0.25rem;
}

._placeholderRight_k82p0_33::after {
    content: '';
    position: absolute;
    top: 0;
    right: -0.625rem;
    width: 0.25rem;
    height: 100%;
    background-color: #000000;
    border-radius: 0.25rem;
}
._weight1_i7wzu_1 {
    z-index: 3;
}

._weight2_i7wzu_5 {
    z-index: 2;
}

._weight3_i7wzu_9 {
    z-index: 1;
}
._container_1hyan_1 {
    position: relative;
    width: fit-content;
    border-style: dashed;
    border-width: 2px;
    border-radius: 0.75rem;
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    padding: 0.625rem;
}

._selected_1hyan_12 {
    box-shadow: 0 0 0 0.25rem var(--card-selection-color);
}

._title_1hyan_16 {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

._titleInput_1hyan_21 {
    width: 100%;
    border: 0;
    padding: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    outline: none;
    background: var(--hypothesis-mapping-task-input-active-color);
    border-radius: 0.25rem;
}

._goal_1hyan_32 {
    background-color: #ecf6b0;
    border-color: #cadf58;
}

._goal_1hyan_32 ._title_1hyan_16 {
    color: #5f7006;
}

._subject_1hyan_41 {
    background-color: #fceca4;
    border-color: #f5d127;
}

._subject_1hyan_41 ._title_1hyan_16 {
    color: #705d04;
}

._hypothesis_1hyan_50 {
    background-color: #fffad4;
    border-color: #c2ae20;
}

._hypothesis_1hyan_50 ._title_1hyan_16 {
    color: #8a7b09;
}

._previousButton_1hyan_59 {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 0.5rem;
    margin-left: -1.75rem;
}

._nextButton_1hyan_67 {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: 0.5rem;
    margin-left: -1.75rem;
}

._cardMenu_1hyan_75 {
    margin-bottom: 2.5rem;
}
._container_s1p0i_1 {
    flex-shrink: 0;
}

._container_s1p0i_1._growing_s1p0i_5 {
    flex-grow: 1;
}

._container_s1p0i_1._span-1_s1p0i_9 {
    --column-width: 18.5rem;

    width: var(--column-width);
    flex-basis: var(--column-width);
}

._container_s1p0i_1._span-2_s1p0i_16 {
    --column-width: 37rem;

    width: var(--column-width);
    flex-basis: var(--column-width);
}

._goal_s1p0i_23 {
    background-color: #f5fcef;
}

._subject_s1p0i_27 {
    background-color: #fff6db;
}

._hypothesis_s1p0i_31 {
    background-color: #fffcea;
}

._task_s1p0i_35 {
    background-color: #f1f7fe;
}
._component_ayz8w_1 {
    flex-grow: 1;
}

._bordered_ayz8w_5 {
    border-bottom: 2px solid #eedf76;
}

._droppableAreaContainer_ayz8w_9 {
    display: flex;
    flex-grow: 1;
}

._droppableArea_ayz8w_9 {
    position: relative;
    display: flex;
    flex-grow: 1;
}

._placeholder_ayz8w_20::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0.25rem;
    content: '';
    border-radius: 0.25rem;
    background: #000000;
}
._heading_1a1rp_1 {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

._description_1a1rp_6 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 0.75rem;
    line-height: 1rem;
}

._column_1a1rp_13,
._taskColumn_1a1rp_14 {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

._taskColumn_1a1rp_14 {
    width: 100%;
}
._column_1fu8a_1 {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

._button_1fu8a_6 {
    margin: auto auto 0;
}
._logo_10s4t_1 {
    height: 4rem;
}

._lead_10s4t_5 {
    width: 25rem;
    font-size: 0.75rem;
    line-height: 1rem;
}
._droppableAreaContainer_1h7mt_1 {
    display: flex;
    flex-grow: 1;
}

._droppableArea_1h7mt_1 {
    position: relative;
    display: flex;
    flex-grow: 1;
}

._placeholder_1h7mt_12::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0.25rem;
    content: '';
    border-radius: 0.25rem;
    background: #000000;
}
._container_1hhmn_1 {
    flex-grow: 1;
}

._droppableArea_1hhmn_5 {
    position: relative;
    display: flex;
    flex-grow: 1;
}

._placeholder_1hhmn_11::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0.25rem;
    content: '';
    border-radius: 0.25rem;
    background: #000000;
}
._component_1m6um_1 {
    flex-grow: 1;
}

._droppableAreaContainer_1m6um_5 {
    display: flex;
    flex-grow: 1;
}

._droppableArea_1m6um_5 {
    position: relative;
    display: flex;
    flex-grow: 1;
}

._placeholder_1m6um_16::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0.25rem;
    content: '';
    border-radius: 0.25rem;
    background: #000000;
}
._container_etue8_1 {
    flex-grow: 1;
}

._bordered_etue8_5 {
    border-bottom: 2px solid #eedf76;
}

._droppableArea_etue8_9 {
    position: relative;
    display: flex;
    flex-grow: 1;
}

._placeholder_etue8_15::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0.25rem;
    content: '';
    border-radius: 0.25rem;
    background: #000000;
}
._status_1n5ky_1 {
    display: block;
    border-radius: 0.5rem;
    padding: 0.125rem 0.5rem 0.25rem;
    color: #ffffff;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.25rem;
}

._ToDo_1n5ky_11 {
    background-color: #afafaf;
}

._InProgress_1n5ky_15 {
    background-color: #86b9f4;
}

._Done_1n5ky_19 {
    background-color: #177ecc;
}
._container_1o1f3_1 {
    position: relative;
    display: flex;
    flex-shrink: 0;
    gap: 1rem;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 1.5rem 2rem;
    background-color: var(--hypothesis-mapping-column-background-color);
}

._container_1o1f3_1._header_1o1f3_12 {
    padding: 1rem 2rem;
}

._container_1o1f3_1._skeleton_1o1f3_16 {
    padding: 0 2rem;
}

._container_1o1f3_1._bordered_1o1f3_20 {
    border-bottom: 2px solid #d9e7f8;
}

._container_1o1f3_1._span-1_1o1f3_24 {
    /* 2 * 2rem (padding) + 1 * 12rem (column) + 0 * 1rem (gap) */
    width: 16rem;
    flex-basis: 16rem;
}

._container_1o1f3_1._span-2_1o1f3_30 {
    /* 2 * 2rem (padding) + 2 * 12rem (column) + 1 * 1rem (gap) */
    width: 29rem;
    flex-basis: 29rem;
}

._container_1o1f3_1._span-3_1o1f3_36 {
    /* 2 * 2rem (padding) + 3 * 12rem (column) + 2 * 1rem (gap) */
    width: 42rem;
    flex-basis: 42rem;
}

._container_1o1f3_1._span-4_1o1f3_42 {
    /* 2 * 2rem (padding) + 4 * 12rem (column) + 3 * 1rem (gap) */
    width: 55rem;
    flex-basis: 55rem;
}

._container_1o1f3_1._span-5_1o1f3_48 {
    /* 2 * 2rem (padding) + 5 * 12rem (column) + 4 * 1rem (gap) */
    width: 68rem;
    flex-basis: 68rem;
}

._container_1o1f3_1._span-6_1o1f3_54 {
    /* 2 * 2rem (padding) + 6 * 12rem (column) + 5 * 1rem (gap) */
    width: 82rem;
    flex-basis: 82rem;
}
._container_19p5o_1 {
    min-height: var(--board-frame-min-height);
}

._footerColumn_19p5o_5 {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

._footerCreateTaskButton_19p5o_10 {
    margin: auto auto 1.5rem;
}
._container_zdljn_1 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
._button_1y754_1 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    font-family: inherit;
    font-size: 0.875rem;
    line-height: 1.5rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    background-color: #3575d5;
    color: #ffffff;
}

._button_1y754_1:hover {
    background-color: #2e66bc;
}

._button_1y754_1:active {
    background-color: #2859a6;
}
._container_bloz9_1 {
    position: fixed;
    top: 1.5rem;
    left: 2rem;
    z-index: var(--board-overlay-z-index);
}

._pane_bloz9_8 {
    border-radius: var(--u050);
    background-color: var(--light-color);
    box-shadow: var(--shadow-small);
}

._link_bloz9_14 {
    width: 8rem;
    height: 2rem;
    color: inherit;
}

._link_bloz9_14:hover {
    border-bottom: none;
}

._divider_bloz9_24 {
    width: 1px;
    height: 1.5rem;
    background-color: #d9d9d9;
    margin: 0 0.5rem;
}

._title_bloz9_31,
._input_bloz9_32 {
    padding: 0.25rem 0 0.25rem 0.5rem;
    font-family: inherit;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #000000;
}

._input_bloz9_32 {
    border: none;
    border-radius: 0.25rem;
    outline: none;
}

._input_bloz9_32:hover {
    background-color: #eff0f1;
}

._input_bloz9_32:focus {
    outline: 1px solid rgba(52, 116, 213, 0.95);
}

._input_bloz9_32:disabled {
    background-color: #ffffff;
    color: var(--text-color);
}

._button_bloz9_60 {
    padding: 0.5rem;
    border-radius: 0.25rem;
}

._button_bloz9_60:hover {
    background-color: rgba(170, 185, 238, 0.15);
}

._button_bloz9_60:active {
    background-color: rgba(170, 185, 238, 0.3);
}

._button_bloz9_60 svg {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
}

._createProjectButton_bloz9_79 {
    margin-left: 1rem;
}
._component_2oq03_1 {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;

    font-size: 1.125rem;
    font-weight: 500;
    border-radius: 0.25rem;
    background-color: var(--light-color);
}

._component_2oq03_1:disabled {
    color: var(--text-muted-color);
    cursor: default;
}

._component_2oq03_1:hover:not(:disabled) {
    background-color: rgba(170, 185, 238, 0.15);
}

._component_2oq03_1:active:not(:disabled) {
    background-color: rgba(170, 185, 238, 0.3);
}
._component_1b7yy_1 {
    display: flex;
    column-gap: 0.25rem;
    font-size: 0.875rem;
}

._zoomButton_1b7yy_7 {
    width: 2.5rem;
    height: 2rem;
}

._percentButton_1b7yy_12 {
    width: 3.5rem;
    height: 2rem;
}
._component_1p168_1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
._pane_q6rv4_1 {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    user-select: none;
}

._paneDragReady_q6rv4_10 {
    cursor: grab;
}

._paneDragging_q6rv4_14 {
    cursor: grabbing;
}

._backLayer_q6rv4_18 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
}

._content_q6rv4_27 {
    pointer-events: none;
    transform-origin: 0 0;
}
._container_4f03z_1 {
    display: flex;
    gap: 4rem;
    /*pointer-events: all;*/
    user-select: none;
    transform-origin: 0;
}
._container_1saph_1 {
    width: fit-content;
    background-color: var(--frame-background-color);
    pointer-events: all;
    border-radius: 2rem;
}
._toggle_xqra8_1 {
    position: relative;

    display: inline-flex;

    overflow: hidden;
    flex-grow: 0;
    flex-shrink: 0;

    width: 2.625rem;
    height: 1.5rem;

    cursor: pointer;
}

._isDisabled_xqra8_16 {
    cursor: not-allowed;
}

._input_xqra8_20 {
    position: absolute;
    top: -1rem;
    left: -1rem;
    width: auto;
}

._switchContainer_xqra8_27 {
    position: absolute;
    inset: 0;
    transition: background-color 0.2s;
    border-radius: 1rem;
    background-color: #d9e2f8;
}

._switch_xqra8_27 {
    position: relative;
    top: 0.25rem;
    left: 0.25rem;
    width: 1rem;
    height: 1rem;
    transition: left 0.2s;
    border-radius: 50%;
    outline: none;
    background-color: #ffffff;
}

._switchEnabled_xqra8_47 {
    left: 1.25rem;
}

._input_xqra8_20:checked ~ ._switchContainer_xqra8_27 {
    background-color: #2e66bc;
}
._container_ol1u1_1 {
    position: relative;
}

._shareButtonGlobeIcon_ol1u1_5 {
    width: 20px;
    height: 20px;
    color: #ffffff;
}

._shareButton_ol1u1_5 {
    width: 8rem;
    height: 2rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    background-color: #3575d5;
}

._shareModal_ol1u1_21 {
    position: absolute;
    width: 37.5rem;
    top: calc(100% + 1rem);
    right: 0;
    padding: 1.25rem;
    border-radius: 0.5rem;
    background-color: var(--light-color);
    box-shadow: var(--shadow-small);
}

._heading_ol1u1_32 {
    font-size: 1.25rem;
    line-height: 1.4rem;
    font-weight: 700;
    color: #000000;

    padding-bottom: 1rem;
}

._accessLabel_ol1u1_41 {
    font-size: 0.75rem;
    line-height: 1.5rem;
    margin: 0 0.25rem 0 0.5rem;
}

._globeIcon_ol1u1_47 {
    position: relative;
    bottom: 0.1rem;
    width: 20px;
    height: 20px;
    color: #727272;
}

._linkCopiedLabel_ol1u1_55 {
    font-size: 0.75rem;
    line-height: 1.5rem;
    color: #999999;
}

._anchorDisabled_ol1u1_61 {
    opacity: 0.5;
}

._anchorContainer_ol1u1_65 {
    width: calc(100% - 2.5rem - 0.25rem);
    background-color: #f5f5f5;
    border-radius: 0.375rem;
}

._anchorIcon_ol1u1_71 {
    color: #727272;
}

._anchorInput_ol1u1_75 {
    width: 100%;
    border: 0;
}

._copyButton_ol1u1_80 {
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
}

._copyButtonDisabled_ol1u1_86 {
    pointer-events: none;
    background-color: #dce1e4;
}

._copyIcon_ol1u1_91 {
    color: #ffffff;
}
._chat_1tzi1_1 {
    z-index: 20;
    position: absolute;
    left: 0;
    top: 8rem;
}

._toolbar_1tzi1_8 {
    position: fixed;
    top: 8rem;
    left: 2rem;
}

._topRight_1tzi1_14 {
    z-index: var(--board-overlay-z-index);

    position: fixed;
    right: 2rem;
    top: 1.5rem;
    padding: 0.5rem;
    border-radius: 0.5rem;
    background-color: var(--light-color);
    box-shadow: var(--shadow-small);
}
._topRight_1y1v1_1 {
    z-index: var(--board-overlay-z-index);

    position: fixed;
    right: 2rem;
    top: 1.5rem;
    padding: 0.5rem;
    border-radius: 0.5rem;
    background-color: var(--light-color);
    box-shadow: var(--shadow-small);
}