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;

    /* z-index */
    --default-card-z-index: 5;
    --link-weight-1-z-index: 3;
    --link-weight-2-z-index: 2;
    --link-weight-3-z-index: 1;
    --link-focused-z-index: 101;
}

@-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_1sp28_1 {
    pointer-events: all;

    display: flex;
    column-gap: 1px;

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

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

._component_1sp28_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_14l50_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_14l50_1:hover {
    background-color: #f5f5f5;
}

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

._label_14l50_18 {
    font-size: 0.75rem;
}

._triggerContainerActive_14l50_22 {
    background-color: #f5f5f5;
}

._contentContainer_14l50_26 {
    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_sez1e_1 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    height: 2.5rem;
    padding: 0.5rem;
    font-size: 0.75rem;
}

._container_sez1e_1:hover {
    background: #f5f5f5;
}

._containerActive_sez1e_15 {
    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;
}
._button_1o3uu_1 {
    padding: 0.625rem 0.5rem;
    display: flex;
    gap: 0.5rem;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    background-color: var(--light-color);
    font-family: inherit;
    font-size: 0.75rem;
    line-height: 1.25rem;
}

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

._button_1o3uu_1:active {
    background-color: #d4e6f7;
}

._icon_1o3uu_22 {
    width: 1.25rem;
    height: 1.25rem;
}

._confirm_1o3uu_27 {
    color: #d73027;
}
._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_rqm8q_1 {
    --loader-color: #255cb0;
    --loader-small-size: 1.25rem;
    --loader-small-border-size: 0.1875rem;
    --loader-large-size: 3rem;
    --loader-large-border-size: 0.375rem;

    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_rqm8q_1 1s linear infinite !important;
}

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

._large_rqm8q_24 {
    width: var(--loader-large-size);
    height: var(--loader-large-size);
    border-width: var(--loader-large-border-size);
}

@keyframes _loaderRotation_rqm8q_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;
}
._component_1a2gl_1:focus {
    outline: none;
}
._component_1a2gl_1:focus {
    outline: none;
}
._component_bjy4j_1 {
    width: 18rem;
    pointer-events: all;
}

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

._component_bjy4j_1._placeholderTop_bjy4j_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_bjy4j_1._placeholderBottom_bjy4j_34::before {
    content: '';
    position: absolute;
    bottom: -0.875rem;
    left: 0;
    width: 100%;
    height: 0.25rem;
    background-color: #000000;
    border-radius: 0.25rem;
}

._component_bjy4j_1._placeholderBottom_bjy4j_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;
}

._overlay_bjy4j_62 {
    z-index: 1000;
    position: relative;
    border-radius: 0.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

._cardLoader_bjy4j_140 {
    margin-left: 0.25rem;
}

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

._input_bjy4j_144._Strength_bjy4j_68 {
    background-color: var(--linked-swot-strength-input-color);
}

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

._input_bjy4j_144._Weakness_bjy4j_72 {
    background-color: var(--linked-swot-weakness-input-color);
}

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

._input_bjy4j_144._Opportunity_bjy4j_76 {
    background-color: var(--linked-swot-opportunity-input-color);
}

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

._input_bjy4j_144._Threat_bjy4j_80 {
    background-color: var(--linked-swot-threat-input-color);
}

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

._text_bjy4j_186 {
    width: 100%;
    overflow-wrap: break-word;
    line-height: 1.4;
    white-space: pre-wrap;
}

._content_bjy4j_193 {
    min-height: 5rem;
}
._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_1ik7b_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_1ik7b_19 {
    flex-shrink: 0;
    width: var(--strategic-bet-card-width);
    background-color: var(--linked-swot-strategic-bet-color);
}

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

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

._card_1ik7b_19._placeholderTop_1ik7b_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_1ik7b_19._placeholderBottom_1ik7b_58::before {
    content: '';
    position: absolute;
    bottom: -0.875rem;
    left: 0;
    width: 100%;
    height: 0.25rem;
    background-color: #000000;
    border-radius: 0.25rem;
}

._card_1ik7b_19._placeholderBottom_1ik7b_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_1ik7b_86 {
    box-shadow: 0 0 0 0.125rem var(--linked-swot-strategic-bet-border-color);
}

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

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

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

._cardLoader_1ik7b_103 {
    margin-left: 0.25rem;
}

._input_1ik7b_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_1ik7b_107:focus {
    background-color: var(--linked-swot-strategic-bet-input-active-color);
}

._noCursor_1ik7b_122 {
    cursor: inherit;
}

._text_1ik7b_126 {
    width: 100%;
    overflow-wrap: break-word;
    line-height: 1.4;
    white-space: pre-wrap;
}

._content_1ik7b_133 {
    min-height: 5rem;
    flex-grow: 1;
}
._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_17lzg_1 {
    pointer-events: all;
    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_17lzg_1:hover,
._button_17lzg_1:active {
    background-color: #f5f5f5;
}

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

._icon_17lzg_17._subject_17lzg_23 {
    color: #fed358;
}

._icon_17lzg_17._hypothesis_17lzg_27 {
    color: #fff87c;
}

._icon_17lzg_17._task_17lzg_31 {
    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_3ngy8_1 {
    position: relative;
    outline: 1px solid var(--hypothesis-mapping-goal-border-color);
    border-radius: 0.25rem;
    padding: 0;
    background-color: var(--hypothesis-mapping-goal-color);
}

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

._container_3ngy8_1._public_3ngy8_13,
._container_3ngy8_1._public_3ngy8_13:hover {
    box-shadow: none;
}

._cardBody_3ngy8_18 {
    padding: 0.375rem;
}

._dragging_3ngy8_22 {
}

._label_3ngy8_26 {
    width: 100%;
    overflow-wrap: break-word;
}

._label_3ngy8_26,
._textInput_3ngy8_32 {
    padding: 0.25rem;
}

._input_3ngy8_36 {
    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_3ngy8_36:focus {
    background: var(--hypothesis-mapping-goal-input-active-color);
}

._valueLabel_3ngy8_51 {
    padding: 0.125rem 0.25rem;
}

._actualValueInput_3ngy8_55 {
    width: 3rem;
}

._plannedValueInput_3ngy8_59 {
    width: 3rem;
}

._unitValueInput_3ngy8_63 {
    width: 4rem;
}

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

._cardNumber_3ngy8_72 {
    color: #5f7006;
}

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

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

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

._arrowSymbol_3ngy8_92 {
    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_sh888_1 {
    position: relative;
    outline: 1px solid var(--hypothesis-mapping-goal-border-color);
    border-radius: 0.25rem;
    padding: 0;
    background-color: var(--hypothesis-mapping-goal-color);
}

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

._container_sh888_1._public_sh888_13,
._container_sh888_1._public_sh888_13:hover {
    box-shadow: none;
}

._cardBody_sh888_18 {
    padding: 0.375rem;
}

._dragging_sh888_22 {
}

._label_sh888_26 {
    width: 100%;
    overflow-wrap: break-word;
}

._label_sh888_26,
._textInput_sh888_32 {
    padding: 0.25rem;
}

._input_sh888_36 {
    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_sh888_36:focus {
    background: var(--hypothesis-mapping-goal-input-active-color);
}

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

._valueLabel_sh888_58 {
    padding: 0.125rem 0.25rem;
}

._unitValueInput_sh888_62 {
    width: 4rem;
}

._valueInput_sh888_66 {
    width: 3rem;
}

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

._cardNumber_sh888_75 {
    color: #5f7006;
}

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

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

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

._container_9tct3_1:has(._childMetric_9tct3_7:hover) {
    box-shadow: initial;
}

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

._container_9tct3_1._placeholderTop_9tct3_11::before {
    top: -0.875rem;
}

._container_9tct3_1._placeholderBottom_9tct3_12::before {
    bottom: -0.875rem;
}

._container_9tct3_1._placeholderTop_9tct3_11::after,
._container_9tct3_1._placeholderBottom_9tct3_12::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_9tct3_1._placeholderTop_9tct3_11::after {
    top: -1.25rem;
}

._container_9tct3_1._placeholderBottom_9tct3_12::after {
    bottom: -1.25rem;
}

._overlay_9tct3_55 {
    z-index: 1000;
    position: relative;
    border-radius: 0.5rem;
    background-color: #e8f3c2;
}

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

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

._goalText_9tct3_75 {
    width: 100%;
    overflow-wrap: break-word;
}

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

._blockHeader_9tct3_86 {
    z-index: 10;
}

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

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

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

._previousButton_9tct3_107 {
    z-index: 200;
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 0.5rem;
    margin-left: -1.75rem;
}

._nextButton_9tct3_116 {
    z-index: 200;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: 0.5rem;
    margin-left: -1.75rem;
}

._addButton_9tct3_125 {
    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_9tct3_138 {
    font-size: 0.75rem;
    line-height: 1.25rem;
    height: 1.25rem;
    padding: 0.25rem;
    margin: -0.25rem;
}

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

._deadlineLabelPlaceholder_9tct3_150 {
    color: #7c8f16;
}

._deadlineContainerEditable_9tct3_154 {
    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_9tct3_154:focus-within {
    background-color: #ffffff;
}

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

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

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

._label_14mc9_12 {
    width: 100%;
    overflow-wrap: break-word;
}

._label_14mc9_12,
._textInput_14mc9_18 {
    margin: -0.25rem;
    padding: 0.25rem;
}

._input_14mc9_23 {
    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_14mc9_23:focus {
    background: var(--hypothesis-mapping-goal-input-active-color);
}

._valuesContainer_14mc9_38 {
    margin: 0 -0.25rem;
}

._valueLabel_14mc9_42 {
    padding: 0.125rem 0.25rem;
}

._actualValueInput_14mc9_46 {
    width: 3rem;
}

._plannedValueInput_14mc9_50 {
    width: 3rem;
}

._unitValueInput_14mc9_54 {
    width: 4rem;
}

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

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

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

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

._label_qy7g4_12 {
    width: 100%;
    overflow-wrap: break-word;
}

._label_qy7g4_12,
._textInput_qy7g4_18 {
    margin: -0.25rem;
    padding: 0.25rem;
}

._input_qy7g4_23 {
    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_qy7g4_23:focus {
    background: var(--hypothesis-mapping-goal-input-active-color);
}

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

._valuesContainer_qy7g4_45 {
    margin: 0 -0.25rem;
}

._valueLabel_qy7g4_49 {
    padding: 0.125rem 0.25rem;
}

._unitValueInput_qy7g4_53 {
    width: 4rem;
}

._valueInput_qy7g4_57 {
    width: 3rem;
}

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

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

._arrowSymbol_qy7g4_71 {
    width: 20px;
    height: 20px;
    line-height: 1.3rem;
}
._button_5ahpi_1 {
    pointer-events: all;
    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_5ahpi_1:hover,
._button_5ahpi_1:active {
    background-color: #f5f5f5;
}

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

._icon_5ahpi_17._goal_5ahpi_23 {
    color: #cadf58;
}

._icon_5ahpi_17._subject_5ahpi_27 {
    color: #fed358;
}

._icon_5ahpi_17._hypothesis_5ahpi_31 {
    color: #fff87c;
}
._textEllipsis_1w1ac_1 {
    overflow: hidden;

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

._container_10v8g_1 {
    position: relative;
    outline: 1px solid transparent;
    border-radius: 0.25rem;
    padding: 0;
}

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

._container_10v8g_1._public_10v8g_12,
._container_10v8g_1._public_10v8g_12:hover {
    box-shadow: none;
}

._cardBody_10v8g_17 {
    padding: 0.375rem;
}

._dragging_10v8g_21 {
}

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

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

._input_10v8g_35 {
    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_10v8g_47 {
    width: 100%;
    padding: 0.25rem;
    line-height: 1rem;
    overflow-wrap: break-word;
}

._input_10v8g_35:focus {
    background: #ffffff;
}

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

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

._cardNumberPositive_10v8g_69 {
    color: #977e05;
}

._cardNumberNegative_10v8g_73 {
    color: #813b05;
}
._container_68dqf_1 {
    width: 17.5rem;
    pointer-events: all;
    background-color: var(--hypothesis-mapping-positive-subject-color);
}

._overlay_68dqf_7 {
    z-index: 1000;
    position: relative;
    border-radius: 0.5rem;
    background-color: #ffebb4;
}

._container_68dqf_1._negative_68dqf_14 {
    background-color: var(--hypothesis-mapping-negative-subject-color);
}

._container_68dqf_1:has(._childMotivation_68dqf_18:hover) {
    box-shadow: initial;
}

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

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

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

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

._subjectText_68dqf_43 {
    width: 100%;
    overflow-wrap: break-word;
}

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

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

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

._blockHeader_68dqf_64 {
    z-index: 10;
}

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

._list_68dqf_74 {
    line-height: 1.125rem;
    gap: 0.375rem;
}

._footer_68dqf_79 {
    background-color: var(--hypothesis-mapping-subject-footer-color);
    color: #705d04;
}

._footerNegative_68dqf_84 {
    background-color: var(--hypothesis-mapping-subject-footer-negative-color);
    color: #813b05;
}

._previousButton_68dqf_89 {
    z-index: 200;
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 0.5rem;
    margin-left: -1.75rem;
}

._nextButton_68dqf_98 {
    z-index: 200;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: 0.5rem;
    margin-left: -1.75rem;
}

._contextMenuButton_68dqf_107 {
    font-size: 0.75rem;
    width: auto;
    gap: 0.5rem;
    padding: 0 0.5rem;
}

._addButton_68dqf_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: #977e05;
    font-size: 0.75rem;
}

._addButtonNegative_68dqf_127 {
    color: #b15611;
}

._contextMenuIcon_68dqf_131 {
    width: 20px;
    height: 20px;
}

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

._placeholderBottom_68dqf_147::before {
    content: '';
    position: absolute;
    bottom: -0.625rem;
    left: 0;
    width: 100%;
    height: 0.25rem;
    background-color: #000000;
    border-radius: 0.25rem;
}
._container_1yz7i_1 {
    pointer-events: all;
    background-color: var(--hypothesis-mapping-positive-subject-color);
}

._motivationText_1yz7i_6 {
    width: 100%;
    overflow-wrap: break-word;
}

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

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

._subjectInput_1yz7i_24 {
    font-size: inherit;
    line-height: inherit;
}

._cardNumber_1yz7i_29 {
    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_2f6qh_1 {
    font-size: 0.75rem;
    line-height: 140%;
}

._label_2f6qh_6 {
    padding: 0.2rem 0.25rem 0.1rem;
    border-radius: 0.125rem;
}

._label_2f6qh_6._positive_2f6qh_11 {
    background-color: #f5d127;
    border-bottom: 1px solid #b99a0a;
}

._label_2f6qh_6._negative_2f6qh_16 {
    background-color: #ffc191;
    border-bottom: 1px solid #d9772a;
}

._text_2f6qh_21 {
    flex-grow: 1;
    font-style: italic;
}

._deleteButton_2f6qh_27 {
    color: #c2ae20;
}
._textEllipsis_1w1ac_1 {
    overflow: hidden;

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

._component_1emmi_1 {
    font-size: 0.75rem;
    line-height: 140%;
}

._label_1emmi_6 {
    padding: 0.2rem 0.25rem 0.1rem;
    background-color: #cadf58;
    border-radius: 0.125rem;
    border-bottom: 1px solid #9ab11f;
}

._expectedValue_1emmi_13 {
    display: flex;
    align-items: center;
    flex-grow: 1;
    column-gap: 0.25rem;
}

._expectedValueInput_1emmi_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_1emmi_21::placeholder {
    font-weight: normal;
}

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

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

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

._stepSize_1emmi_51 {
    margin-left: auto;
}

._deleteButton_1emmi_55 {
    color: #c2ae20;
}
._container_11g8x_1 {
    width: 17.5rem;
    background-color: #fcf3af;
    pointer-events: all;
}

._overlay_11g8x_7 {
    z-index: 1000;
    position: relative;
    border-radius: 0.5rem;
    background-color: #fcf9cf;
}

._tasksLabel_11g8x_14 {
    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_11g8x_1._placeholderTop_11g8x_28::before {
    content: '';
    position: absolute;
    top: -0.875rem;
    left: 0;
    width: 100%;
    height: 0.25rem;
    background-color: #000000;
    border-radius: 0.25rem;
}

._container_11g8x_1._placeholderTop_11g8x_28::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_11g8x_1._placeholderBottom_11g8x_56::before {
    content: '';
    position: absolute;
    bottom: -0.875rem;
    left: 0;
    width: 100%;
    height: 0.25rem;
    background-color: #000000;
    border-radius: 0.25rem;
}

._container_11g8x_1._placeholderBottom_11g8x_56::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_11g8x_84 {
    width: 100%;
    overflow-wrap: break-word;
}

._block_11g8x_84,
._input_11g8x_90 {
    margin: -0.25rem;
    padding: 0.25rem;
}

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

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

._previousButton_11g8x_106 {
    z-index: 200;
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 0.5rem;
    margin-left: -1.75rem;
}

._nextButton_11g8x_115 {
    z-index: 200;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: 0.5rem;
    margin-left: -1.75rem;
}

._dropHere_11g8x_124 {
    overflow: hidden;
    flex-grow: 1;
    padding: 0.5rem;
    font-size: 0.75rem;
    line-height: 1.4;
    text-align: center;
    background-color: #f6eb94;
    color: #8a7b09;
    border-radius: 0.125rem;
}

._dropHere_11g8x_124._smoothHeightChange_11g8x_136 {
    transition:
        height 0.4s ease,
        padding 0.3s ease;
}

._dropHere_11g8x_124._collapsed_11g8x_142 {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
}

._dropHere_11g8x_124._expanded_11g8x_148 {
    height: auto;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

._footer_11g8x_154 {
    background-color: #f6eb94;
    color: #8a7b09;
}
._container_1egha_1 {
    background-color: var(--hypothesis-mapping-task-color);
    pointer-events: all;
    width: 12rem;
}

._overlay_1egha_7 {
    z-index: 1000;
    position: relative;
    border-radius: 0.5rem;
    background-color: #e6f1fe;
}

._taskText_1egha_14 {
    width: 100%;
    overflow-wrap: break-word;
}

._input_1egha_19 {
    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_1egha_30 {
    background-color: var(--hypothesis-mapping-task-footer-color);
}

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

._placeholderRight_1egha_45::after {
    content: '';
    position: absolute;
    top: 0;
    right: -0.625rem;
    width: 0.25rem;
    height: 100%;
    background-color: #000000;
    border-radius: 0.25rem;
}

._content_1egha_56 {
    min-height: 5rem;
}
._weight1_16k1f_1 {
    z-index: var(--link-weight-1-z-index);
}

._weight2_16k1f_5 {
    z-index: var(--link-weight-2-z-index);
}

._weight3_16k1f_9 {
    z-index: var(--link-weight-3-z-index);
}
._container_1ibnm_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_1ibnm_12 {
    box-shadow: 0 0 0 0.25rem var(--card-selection-color);
}

._title_1ibnm_16 {
    width: 100%;
    overflow-wrap: break-word;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

._titleInput_1ibnm_23 {
    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_1ibnm_34 {
    background-color: #ecf6b0;
    border-color: #cadf58;
}

._goal_1ibnm_34 ._title_1ibnm_16 {
    color: #5f7006;
}

._subject_1ibnm_43 {
    background-color: #fceca4;
    border-color: #f5d127;
}

._subject_1ibnm_43 ._title_1ibnm_16 {
    color: #705d04;
}

._hypothesis_1ibnm_52 {
    background-color: #fffad4;
    border-color: #c2ae20;
}

._hypothesis_1ibnm_52 ._title_1ibnm_16 {
    color: #8a7b09;
}

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

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

._cardMenu_1ibnm_77 {
    margin-bottom: 2.5rem;
}
._container_yz0w9_1 {
    flex-shrink: 0;
}

._container_yz0w9_1._growing_yz0w9_5 {
    flex-grow: 1;
}

._container_yz0w9_1._span-1_yz0w9_9 {
    --column-width: 27.5rem;

    width: var(--column-width);
    flex-basis: var(--column-width);
}

._container_yz0w9_1._span-2_yz0w9_16 {
    --column-width: 50rem;

    width: var(--column-width);
    flex-basis: var(--column-width);
}

._goal_yz0w9_23 {
    background-color: #f5fcef;
}

._subject_yz0w9_27 {
    background-color: #fff6db;
}

._hypothesis_yz0w9_31 {
    background-color: #fffcea;
}

._task_yz0w9_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_12flb_1 {
    display: flex;
    flex-shrink: 0;
    gap: 1rem;
    align-content: flex-start;
    align-items: flex-start;
    padding: 1.5rem 2rem;
    background-color: var(--hypothesis-mapping-column-background-color);
}

._container_12flb_1._hover_12flb_11 {
    background-color: #e3eafc;
    outline: #8ca7eb dashed 0.1875rem;
    outline-offset: -0.1875rem;
}

._header_12flb_17 {
    padding: 1rem 2rem;
}

._skeleton_12flb_21 {
    padding: 1.5rem 2rem 0;
}

._bordered_12flb_25 {
    border-bottom: 2px solid #d9e7f8;
}

._first_12flb_29._span-1_12flb_29 {
    /* 2 * 2rem (padding) + 1 * 12rem (column) + 2.5rem (create button) + 1 * 1rem (gap) */
    width: 19.5rem;
}

._first_12flb_29._span-2_12flb_34 {
    /* 2 * 2rem (padding) + 2 * 12rem (column) + 2.5rem (create button) + 2 * 1rem (gap) */
    width: 32.5rem;
}

._rest_12flb_39._span-1_12flb_29 {
    /* 2 * 2rem (padding) + 1 * 12rem (column) + 0 * 1rem (gap) */
    width: 16rem;
}

._rest_12flb_39._span-2_12flb_34 {
    /* 2 * 2rem (padding) + 2 * 12rem (column) + 1 * 1rem (gap) */
    width: 29rem;
}

._span-3_12flb_49 {
    flex-wrap: wrap;
    /* 2 * 2rem (padding) + 3 * 12rem (column) + 2 * 1rem (gap) */
    width: 42rem;
}
._footerColumn_7vuzb_1 {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

._footerCreateTaskButton_7vuzb_6 {
    margin: auto auto 1.5rem;
}
._container_zdljn_1 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
._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;
}
._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_lstnq_1 {
    display: flex;
    gap: 4rem;
    /*pointer-events: all;*/
    user-select: none;
    transform-origin: 0;
    align-items: flex-start;
}
._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_1m0fl_1 {
    position: relative;
}

._shareButtonGlobeIcon_1m0fl_5 {
    width: 20px;
    height: 20px;
    color: #ffffff;
}

._shareModal_1m0fl_11 {
    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_1m0fl_22 {
    font-size: 1.25rem;
    line-height: 1.4rem;
    font-weight: 700;
    color: #000000;

    padding-bottom: 1rem;
}

._accessLabel_1m0fl_31 {
    font-size: 0.75rem;
    line-height: 1.5rem;
    margin: 0 0.25rem 0 0.5rem;
}

._globeIcon_1m0fl_37 {
    position: relative;
    bottom: 0.1rem;
    width: 20px;
    height: 20px;
    color: #727272;
}

._linkCopiedLabel_1m0fl_45 {
    font-size: 0.75rem;
    line-height: 1.5rem;
    color: #999999;
}

._anchorDisabled_1m0fl_51 {
    opacity: 0.5;
}

._anchorContainer_1m0fl_55 {
    width: calc(100% - 2.5rem - 0.25rem);
    background-color: #f5f5f5;
    border-radius: 0.375rem;
}

._anchorIcon_1m0fl_61 {
    color: #727272;
}

._anchorInput_1m0fl_65 {
    width: 100%;
    border: 0;
}

._copyButton_1m0fl_70 {
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
}

._copyButtonDisabled_1m0fl_76 {
    pointer-events: none;
    background-color: #dce1e4;
}

._copyIcon_1m0fl_81 {
    color: #ffffff;
}
._chat_5j1k8_1 {
    z-index: 20;
    position: absolute;
    left: 0;
    top: 8rem;
}

._toolbar_5j1k8_8 {
    position: fixed;
    top: 8rem;
    left: 2rem;
}

._topRight_5j1k8_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);
}

._portalsContainer_5j1k8_26 {
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
}
._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);
}
._container_1vvft_1 {
    pointer-events: none;
    position: absolute;
    z-index: 9;
    display: flex;
}

._container_1vvft_1 > * {
    pointer-events: all;
}
._container_1p3qr_1 {
    position: absolute;
    overflow: visible;
    pointer-events: none;
}

._container_1p3qr_1._focused_1p3qr_7 {
    z-index: var(--link-focused-z-index);
}

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

._container_1p3qr_1 path:focus {
    outline: none;
}

._menu_1p3qr_20 {
    inset: unset;
}

._container_1p3qr_1._public_1p3qr_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_1mwzd_1 {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;

    width: 100%;
    max-width: 20rem;
    min-height: 14rem;
}

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

._calendarTable_1mwzd_1 tr:first-child > td {
    padding-top: 0.5rem;
}

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

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

    margin-bottom: 0.25rem;
}

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

._month_54kmu_26 {
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: capitalize;
}

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

._chevronButton_54kmu_39:disabled {
    cursor: not-allowed;
    opacity: 0.25;
}
._container_1jcsx_1 {
    position: relative;
    cursor: text;
}

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

._calendarContainer_1jcsx_14 {
    position: absolute;
    z-index: 9;
}

._calendar_1jcsx_14 {
    padding: 0.75rem;
}
._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;
}
/* "primary" variant */
._primary_qh3zj_2 {
    width: max-content;
    max-width: 18rem;
    z-index: 100;
    padding: 1rem 1rem 1.75rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    color: #ffffff;
    background-color: #000000;
    box-shadow: var(--shadow-small);
}
._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;
}