monday-ui-react-core
Version:
Official monday.com UI resources for application development in React.js
1 lines • 30.1 kB
CSS
.search_component_wrapper input[type=search]::-webkit-search-cancel-button,.search_component_wrapper input[type=search]::-webkit-search-decoration,.search_component_wrapper input[type=search]::-webkit-search-results-button,.search_component_wrapper input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.search_component_wrapper:focus-within .search-focus-element-first{animation:dash-forward 5s linear forwards}.search_component_wrapper:focus-within .search-focus-element-second{animation:dash-backwards 5s linear forwards}.search_component.search_component--round{border-radius:50px}@keyframes dash-forward{to{stroke-dashoffset:0}}@keyframes dash-backwards{to{stroke-dashoffset:2000}}.input-component{position:relative;font-family:Roboto,sans-serif;width:100%}.input-component,.input-component *{box-sizing:border-box}.input-component .input-component__label--wrapper{width:100%}.input-component.input-component--disabled .input-component__input-wrapper{cursor:not-allowed}.input-component.input-component--disabled .input-component__input-wrapper .input-component__input{-webkit-user-select:none;-ms-user-select:none;user-select:none;border:none;pointer-events:none;background-color:#e6e9ef;background-color:var(--disabled-background-color);cursor:not-allowed}.input-component.input-component--disabled .input-component__input-wrapper .input-component__icon--container.input-component__icon--container-has-icon:hover{background-color:initial}.input-component.input-component--disabled .input-component__input-wrapper .input-component__icon{cursor:not-allowed}.input-component .input-component__input-wrapper{width:100%;position:relative}.input-component .input-component__input-wrapper.input-component__input--error-validation .input-component__input,.input-component .input-component__input-wrapper.input-component__input--error-validation .input-component__input:active,.input-component .input-component__input-wrapper.input-component__input--error-validation .input-component__input:focus,.input-component .input-component__input-wrapper.input-component__input--error-validation:hover .input-component__input{border-color:#e44258;border-color:var(--negative-color)}.input-component .input-component__input-wrapper.input-component__input--error-validation+.input-component__sub-text-container .input-component__sub-text-container-status,.input-component .input-component__input-wrapper.input-component__input--error-validation .input-component__icon--container .input-component__icon,.input-component .input-component__input-wrapper.input-component__input--error-validation .input-component__icon--container .input-component__icon:hover{color:#e44258;color:var(--negative-color)}.input-component .input-component__input-wrapper.input-component__input--success-validation .input-component__input,.input-component .input-component__input-wrapper.input-component__input--success-validation .input-component__input:active,.input-component .input-component__input-wrapper.input-component__input--success-validation .input-component__input:focus,.input-component .input-component__input-wrapper.input-component__input--success-validation:hover .input-component__input{border-color:#00ca72;border-color:var(--positive-color)}.input-component .input-component__input-wrapper.input-component__input--success-validation+.input-component__sub-text-container .input-component__sub-text-container-status,.input-component .input-component__input-wrapper.input-component__input--success-validation .input-component__icon--container .input-component__icon,.input-component .input-component__input-wrapper.input-component__input--success-validation .input-component__icon--container .input-component__icon:hover{color:#00ca72;color:var(--positive-color)}.input-component .input-component__input-wrapper.input-component__input-wrapper--size-small{height:32px}.input-component .input-component__input-wrapper.input-component__input-wrapper--size-small .input-component__input{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:22px;color:#323338;color:var(--primary-text-color)}.input-component .input-component__input-wrapper.input-component__input-wrapper--size-small .input-component__input.input-component__input--has-icon.input-component__input--only-underline{padding-left:4px}.input-component .input-component__input-wrapper.input-component__input-wrapper--size-medium{height:40px}.input-component .input-component__input-wrapper.input-component__input-wrapper--size-medium .input-component__input{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#323338;color:var(--primary-text-color)}.input-component .input-component__input-wrapper.input-component__input-wrapper--size-medium .input-component__input.input-component__input--has-icon{padding:8px 32px 8px 16px}.input-component .input-component__input-wrapper.input-component__input-wrapper--size-medium .input-component__input.input-component__input--has-icon.input-component__input--only-underline{padding-left:4px}.input-component .input-component__input-wrapper.input-component__input-wrapper--size-medium .input-component__icon--container{pointer-events:none;height:32px;width:32px;outline:none}.input-component .input-component__input-wrapper.input-component__input-wrapper--size-medium .input-component__icon--container .input-component__icon{font-size:16px}.input-component .input-component__input-wrapper.input-component__input-wrapper--size-large{height:48px}.input-component .input-component__input-wrapper.input-component__input-wrapper--size-large .input-component__input{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#323338;color:var(--primary-text-color)}.input-component .input-component__input-wrapper.input-component__input-wrapper--size-large .input-component__input.input-component__input--has-icon{padding:8px 32px 8px 16px}.input-component .input-component__input-wrapper.input-component__input-wrapper--size-large .input-component__input.input-component__input--has-icon.input-component__input--only-underline{padding-left:4px}.input-component .input-component__input-wrapper.input-component__input-wrapper--size-large .input-component__icon--container{height:40px;width:40px}.input-component .input-component__input-wrapper.input-component__input-wrapper--size-large .input-component__icon--container .input-component__icon{font-size:16px}.input-component .input-component__input-wrapper .input-component__icon--container:hover+.input-component__icon--container+.input-component__input,.input-component .input-component__input-wrapper:hover .input-component__input{border-color:#323338;border-color:var(--primary-text-color)}.input-component .input-component__input-wrapper .input-component__input{width:100%;height:100%;outline:0;background-color:initial;border:1px solid #e6e9ef;border-color:var(--ui-border-color);border-radius:4px;transition:border-color .1s ease-in;padding:8px 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#323338;color:var(--primary-text-color)}.input-component .input-component__input-wrapper .input-component__input.input-component__input--hover{border-color:#323338;border-color:var(--primary-text-color)}.input-component .input-component__input-wrapper .input-component__input.input-component__input--active,.input-component .input-component__input-wrapper .input-component__input:active,.input-component .input-component__input-wrapper .input-component__input:focus{border-color:#0085ff;border-color:var(--primary-color)}.input-component .input-component__input-wrapper .input-component__input::-ms-input-placeholder{color:#323338;color:var(--secondary-text-color);font-weight:400}.input-component .input-component__input-wrapper .input-component__input::placeholder{color:#323338;color:var(--secondary-text-color);font-weight:400}.input-component .input-component__input-wrapper .input-component__input.input-component__input--has-icon{padding:8px 24px 8px 16px}.input-component .input-component__input-wrapper .input-component__input.input-component__input--round{border-radius:50px}.input-component .input-component__input-wrapper .input-component__input.input-component__input--square{border-radius:0}.input-component .input-component__input-wrapper .input-component__input.input-component__input--only-underline{border-left:none;border-right:none;border-top:none;padding:8px 24px 8px 4px;border-radius:0}.input-component .input-component__input-wrapper .input-component__icon--container{position:absolute;top:50%;right:4px;width:24px;height:24px;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;border-radius:4px;opacity:0;pointer-events:none}.input-component .input-component__input-wrapper .input-component__icon--container:active,.input-component .input-component__input-wrapper .input-component__icon--container:focus,.input-component .input-component__input-wrapper .input-component__icon--container:focus-visible{outline:none;background-color:#c5c7d0;background-color:var(--primary-background-hover-color)}.input-component .input-component__input-wrapper .input-component__icon--container.input-component__icon--container-active{opacity:1}.input-component .input-component__input-wrapper .input-component__icon--container.input-component__icon--container-active.input-component__icon--container-has-icon{pointer-events:all;cursor:pointer}.input-component .input-component__input-wrapper .input-component__icon--container.input-component__icon--container-active .input-component__icon{opacity:1;pointer-events:all;transform:rotate(0) scale(1)}.input-component .input-component__input-wrapper .input-component__icon--container.input-component__icon--container-has-icon:focus-within,.input-component .input-component__input-wrapper .input-component__icon--container.input-component__icon--container-has-icon:hover{background-color:#c5c7d0;background-color:var(--primary-background-hover-color)}.input-component .input-component__input-wrapper .input-component__icon--container .input-component__icon{transform:rotate(90deg) scale(.8);color:#676879;color:var(--icon-color);will-change:transform;pointer-events:none;transition:color .1s cubic-bezier(0,0,.35,1),transform .1s cubic-bezier(0,0,.35,1);font-size:14px}.input-component .input-component__sub-text-container{display:flex;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:22px;color:var(--primary-text-color);color:#323338;color:var(--secondary-text-color)}.input-component .input-component__sub-text-container .input-component__sub-text-container-counter{margin-left:auto}.icon_component{position:relative}.icon_component:before{text-decoration:none}.icon_component--no-focus-style:focus{outline:none}.icon_component--clickable{cursor:pointer}.default-app-theme,.light-app-theme,:root{--theme-box-shadow:50,51,56}.dark-app-theme{--theme-box-shadow:245,246,248}.default-app-theme,.light-app-theme,:root{--primary-color:var(--color-basic_blue);--primary-on-secondary-color:var(--color-basic_blue);--primary-hover-color:var(--color-dark_blue);--primary-hover-on-secondary-color:var(--color-dark_blue);--primary-selected-color:var(--color-highlight_blue);--primary-selected-on-secondary-color:var(--color-highlight_blue);--primary-text-color:var(--color-mud_black);--primary-text-on-secondary-color:var(--color-mud_black);--text-color-on-primary:var(--color-snow_white);--primary-background-color:var(--color-snow_white);--primary-background-color-rgb:255,255,255;--primary-background-hover-color:var(--color-ui_grey);--primary-background-hover-on-secondary-color:var(--color-ui_grey);--grey-background-color:var(--color-riverstone_gray);--inverted-color-background:var(--color-mud_black);--text-color-on-inverted:var(--color-snow_white);--positive-color:var(--color-success);--positive-color-hover:var(--color-success-hover);--positive-color-selected:var(--color-success-highlight);--negative-color:var(--color-error);--negative-color-hover:var(--color-error-hover);--negative-color-selected:var(--color-error-highlight);--private-color:var(--color-private);--shareable-color:var(--color-purple);--ui-border-color:var(--color-wolf_gray);--ui-border-on-secondary-color:var(--color-wolf_gray);--layout-border-color:var(--color-ui_grey);--layout-border-on-secondary-color:var(--color-ui_grey);--placeholder-color:var(--color-asphalt);--placeholder-on-secondary-color:var(--color-asphalt);--icon-color:var(--color-asphalt);--icon-on-secondary-color:var(--color-asphalt);--disabled-background-color:var(--color-ui_grey);--disabled-background-on-secondary-color:var(--color-ui_grey);--disabled-text-color:#676879;--disabled-text-on-secondary-color:#676879;--dark-background-color:var(--color-riverstone_gray);--dark-background-on-secondary-color:var(--color-riverstone_gray);--secondary-background-color:var(--color-snow_white);--dialog-background-color:var(--color-snow_white);--label-background-color:var(--color-highlight_blue);--label-background-on-secondary-color:var(--color-highlight_blue);--secondary-text-color:var(--color-asphalt);--secondary-text-on-secondary-color:var(--color-asphalt);--link-color:var(--color-link_color);--link-on-secondary-color:var(--color-link_color)}.dark-app-theme{--primary-color:var(--color-basic_blue);--primary-on-secondary-color:var(--color-basic_blue);--primary-hover-color:#0060b9;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color:#404b69;--primary-selected-on-secondary-color:#133774;--primary-text-color:#d5d8df;--primary-text-on-secondary-color:#d5d8df;--primary-background-color:#181b34;--primary-background-color-rgb:24,27,52;--primary-background-hover-color:#4b4e69;--primary-background-hover-on-secondary-color:#4b4e69;--grey-background-color:#181b34;--text-color-on-inverted:var(--color-mud_black);--ui-border-color:#797e93;--ui-border-on-secondary-color:#797e93;--layout-border-color:#4b4e69;--layout-border-on-secondary-color:#4b4e69;--placeholder-color:var(--color-wolf_gray);--placeholder-on-secondary-color:var(--color-wolf_gray);--icon-color:var(--color-wolf_gray);--icon-on-secondary-color:var(--color-wolf_gray);--disabled-background-color:#4b4e69;--disabled-background-on-secondary-color:#4b4e69;--disabled-text-color:rgba(197,199,208,0.75);--disabled-text-on-secondary-color:rgba(197,199,208,0.75);--dark-background-color:#393b53;--dark-background-on-secondary-color:#4b4e69;--secondary-background-color:#30324e;--dialog-background-color:#30324e;--secondary-text-color:var(--color-jaco_gray);--secondary-text-on-secondary-color:var(--color-jaco_gray);--color-grass_green:#359970;--color-grass_green-hover:#116846;--color-grass_green-selected:#0f4f43;--color-done-green:#33d391;--color-done-green-hover:#0f9b63;--color-done-green-selected:#0e7358;--color-bright-green:#b0dc51;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#5c7930;--color-saladish:#d5c567;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#736a3e;--color-egg_yolk:#ffd533;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#8d751e;--color-working_orange:#fdbc64;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#8c653c;--color-dark-orange:#ff7b4d;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#8d4134;--color-peach:#ffbdbd;--color-peach-hover:#c2888a;--color-peach-selected:#8d6674;--color-sunset:#ff9191;--color-sunset-hover:#c26163;--color-sunset-selected:#8d4a58;--color-stuck-red:#e8697d;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#7f314b;--color-dark-red:#c95c76;--color-dark-red-hover:#92334c;--color-dark-red-selected:#6b2947;--color-sofia_pink:#ff44a1;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#8d1a62;--color-lipstick:#ff7bd0;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#8d3c7f;--color-bubble:#fbb4f4;--color-bubble-hover:#be80ba;--color-bubble-selected:#8b6096;--color-purple:#b57de3;--color-purple-hover:#8050ab;--color-purple-selected:#5f3e8b;--color-dark_purple:#936fda;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#4a3586;--color-berry:#6645a9;--color-berry-hover:#673971;--color-berry-selected:#4d2d62;--color-dark_indigo:#401694;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#2e1b67;--color-indigo:#777ae5;--color-indigo-hover:#4b4ead;--color-indigo-selected:#383c8d;--color-navy:#4e73a7;--color-navy-hover:#274776;--color-navy-selected:#1f3866;--color-bright-blue:#79affd;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#395d9b;--color-dark-blue:#339ecd;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#0e527e;--color-aquamarine:#71d6d1;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#357580;--color-chili-blue:#85d6ff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#41759d;--color-river:#86b4ca;--color-river-hover:#588095;--color-river-selected:#42607c;--color-winter:#aebdca;--color-winter-hover:#7b8895;--color-winter-selected:#5b667c;--color-explosive:#d0d0d0;--color-explosive-hover:#98999a;--color-explosive-selected:#70717f;--color-american_gray:#999;--color-american_gray-hover:#69696a;--color-american_gray-selected:#4e505e;--color-blackish:#5c5c5c;--color-blackish-hover:#222;--color-blackish-selected:#272937;--color-brown:#99756c;--color-brown-hover:#684943;--color-brown-selected:#4d3941}.black-app-theme,.dark-app-theme{--inverted-color-background:#fff;--positive-color:var(--color-success);--positive-color-hover:var(--color-success-hover);--positive-color-selected:#26503e;--negative-color:var(--color-error);--negative-color-hover:var(--color-error-hover);--negative-color-selected:#642830;--private-color:var(--color-private);--shareable-color:#a358df;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--link-color:#69a7ef;--link-on-secondary-color:#69a7ef}.black-app-theme{--primary-color:var(--color-basic_blue);--primary-on-secondary-color:var(--color-basic_blue);--primary-hover-color:#0060b9;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color:#404b69;--primary-selected-on-secondary-color:#133774;--primary-text-color:#fff;--primary-text-on-secondary-color:#fff;--primary-background-color:#111;--primary-background-color-rgb:17,17,17;--primary-background-hover-color:#636363;--primary-background-hover-on-secondary-color:#636363;--grey-background-color:#111;--text-color-on-inverted:#111;--ui-border-color:#8d8d8d;--ui-border-on-secondary-color:#8d8d8d;--layout-border-color:#636363;--layout-border-on-secondary-color:#636363;--placeholder-color:#aaa;--placeholder-on-secondary-color:#aaa;--icon-color:#aaa;--icon-on-secondary-color:#aaa;--disabled-background-color:#636363;--disabled-background-on-secondary-color:#636363;--disabled-text-color:#aaa;--disabled-text-on-secondary-color:#aaa;--dark-background-color:#111;--dark-background-on-secondary-color:#4b4e69;--secondary-background-color:#2c2c2c;--dialog-background-color:#2c2c2c;--secondary-text-color:#aaa;--secondary-text-on-secondary-color:var(--color-jaco_gray);--color-grass_green:#359970;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green:#33d391;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-bright-green:#b0dc51;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish:#d5c567;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk:#ffd533;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-working_orange:#fdbc64;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange:#ff7b4d;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach:#ffbdbd;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset:#ff9191;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-stuck-red:#e8697d;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red:#c95c76;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink:#ff44a1;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick:#ff7bd0;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble:#fbb4f4;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple:#b57de3;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple:#936fda;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry:#9862a1;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6645a9;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#291452;--color-indigo:#777ae5;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#4e73a7;--color-navy-hover:#274776;--color-navy-selected:#193151;--color-bright-blue:#79affd;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue:#339ecd;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine:#71d6d1;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue:#85d6ff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river:#86b4ca;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter:#aebdca;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive:#d0d0d0;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray:#999;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#5c5c5c;--color-blackish-hover:#222;--color-blackish-selected:#222;--color-brown:#99756c;--color-brown-hover:#684943;--color-brown-selected:#48322c}:root{--color-asphalt:#676879;--color-light_blue:#61caf7;--color-basic_blue:#0073ea;--color-basic_light_blue:#c7e6fa;--color-dark_blue:#0060b9;--color-link_color:#1f76c2;--color-snow_white:#fff;--color-success:#258750;--color-success-hover:#007038;--color-success-highlight:#bbdbc9;--color-error:#d83a52;--color-error-hover:#b63546;--color-error-highlight:#f4c3cb;--color-placholder_gray:#d8d8d8;--color-wolf_gray:#c5c7d0;--color-mud_black:#323338;--color-jaco_gray:#9699a6;--color-black:#000;--color-blue_links:#0086c0;--color-bazooka:#f65f7c;--color-dark_marble:#f1f1f1;--color-marble:#f7f7f7;--color-gainsboro:#e1e1e1;--color-jeans:#597bfc;--color-aqua:#00d1d1;--color-highlight_blue:#dff0ff;--color-pulse_text_color:#333;--color-highlight:#dff0ff;--color-placeholder_light_gray:#efefef;--color-scrollbar_gray:#b2b2b2;--color-timeline_grid_blue:#454662;--color-timeline_blue:#1c1f3b;--color-default_group_color:#579bfc;--color-very_light_gray:#a1a1a1;--color-pulse_bg:#f0f0f0;--color-jade:#03c875;--color-deadline_upcoming_indication:#5d6387;--color-form_purple:#575c96;--color-form_btn_hover:#0083d9;--color-board_views_grey:#6e6f8f;--color-board_views_blue:#1c1f3b;--color-board_views_grey_hover:#b2b3d0;--color-board_views_blue_secondary:#363a52;--color-brand-blue:#00a9ff;--color-brand-charcoal:#2b2c5c;--color-brand-gold:#fc0;--color-brand-green:#11dd80;--color-brand-iris:#595ad4;--color-brand-light-blue:#00cff4;--color-brand-malachite:#00cd6f;--color-brand-purple:#a358d0;--color-brand-red:#f74875;--color-public:#009aff;--color-private:#f65f7c;--color-word-blue:#2a5699;--color-ppt-orange:#d64e2a;--color-excel-green:#207245;--color-pdf-red:#bb0706;--color-zip-orange:#e4901c;--color-media-blue:#2ea2e9;--color-surface:#292f4c;--color-burned_eggplant:#181d37;--color-live_blue:#009aff;--color-extra_light_gray:#edeef0;--color-glitter:#d9f0ff;--color-ultra_light_gray:#ebebeb;--color-red_shadow:#e2445c;--color-green_shadow:#00c875;--color-storm_gray:#6b6d77;--color-riverstone_gray:#f5f6f8;--color-ui_grey:#e6e9ef;--color-border_light_gray:#f5f6f8;--color-like_red:#fb275d;--color-lime-green:#9cd326;--color-mustered:#cab641;--color-dark_red:#bb3354;--color-trolley-grey:grey;--color-dark-purple:#784bd1;--color-dark-pink:#ff158a;--color-turquoise:#6cf;--color-light-pink:#ff5ac4;--color-red-shadow:#e2445c;--color-orange:#fdab3d;--color-yellow:#ffcb00;--color-green-shadow:#00c875;--color-grass-green:#037f4c;--color-blue-links:#0086c0;--color-amethyst:#a25ddc;--color-green-haze:#00a359;--color-grass_green:#037f4c;--color-grass_green-hover:#116846;--color-grass_green-selected:#81bfa5;--color-done-green:#00c875;--color-done-green-hover:#0f9b63;--color-done-green-selected:#80e3ba;--color-bright-green:#9cd326;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#cde992;--color-saladish:#cab641;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#e4daa0;--color-egg_yolk:#ffcb00;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#ffe580;--color-working_orange:#fdab3d;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#fed59e;--color-dark-orange:#ff642e;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#ffb196;--color-peach:#ffadad;--color-peach-hover:#c2888a;--color-peach-selected:#ffd6d6;--color-sunset:#ff7575;--color-sunset-hover:#c26163;--color-sunset-selected:#ffbaba;--color-stuck-red:#e2445c;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#f0a1ad;--color-dark-red:#bb3354;--color-dark-red-hover:#92334c;--color-dark-red-selected:#dd99a9;--color-sofia_pink:#ff158a;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#ff8ac4;--color-lipstick:#ff5ac4;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#fface1;--color-bubble:#faa1f1;--color-bubble-hover:#be80ba;--color-bubble-selected:#fcd0f8;--color-purple:#a25ddc;--color-purple-hover:#8050ab;--color-purple-selected:#d0aeed;--color-dark_purple:#784bd1;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#bba5e8;--color-berry:#7e3b8a;--color-berry-hover:#673971;--color-berry-selected:#be9dc4;--color-dark_indigo:#401694;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#a08bc9;--color-indigo:#5559df;--color-indigo-hover:#4b4ead;--color-indigo-selected:#aaacef;--color-navy:#225091;--color-navy-hover:#274776;--color-navy-selected:#90a7c8;--color-bright-blue:#579bfc;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#abcdfd;--color-dark-blue:#0086c0;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#80c2df;--color-aquamarine:#4eccc6;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#a6e5e2;--color-chili-blue:#6cf;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#b2e5ff;--color-river:#68a1bd;--color-river-hover:#588095;--color-river-selected:#b3d0de;--color-winter:#9aadbd;--color-winter-hover:#7b8895;--color-winter-selected:#ccd6de;--color-explosive:#c4c4c4;--color-explosive-hover:#98999a;--color-explosive-selected:#e1e1e1;--color-american_gray:grey;--color-american_gray-hover:#69696a;--color-american_gray-selected:#bfbfbf;--color-blackish:#333;--color-blackish-hover:#222;--color-blackish-selected:#999;--color-brown:#7f5347;--color-brown-hover:#684943;--color-brown-selected:#bfa9a3;--box-shadow-small:0 4px 8px -1px rgba(0,0,0,0.2);--box-shadow-medium:0px 6px 20px -2px rgba(0,0,0,0.2);--box-shadow-large:0px 15px 50px -10px rgba(0,0,0,0.3);--border-radius-small:4px;--border-radius-medium:8px;--border-radius-big:16px;--expand-animation-timing:cubic-bezier(0,0,0.35,1);--spacing-xs:4px;--spacing-small:8px;--spacing-medium:16px;--spacing-large:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-xxxl:64px}.element-type-h1{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;font-weight:500;font-size:32px;letter-spacing:-1px;line-height:52px;color:#323338;color:var(--primary-text-color)}.element-type-h1.size-medium,.element-type-h1.size-small,.element-type-h2{font-size:24px;letter-spacing:-.2px;line-height:32px}.element-type-h1.size-medium,.element-type-h1.size-small,.element-type-h2,.element-type-h2.size-medium,.element-type-h2.size-small{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;font-weight:500;color:#323338;color:var(--primary-text-color)}.element-type-h2.size-medium,.element-type-h2.size-small{font-size:18px;line-height:24px}.element-type-h3{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;font-weight:300;font-size:24px;letter-spacing:-.2px;line-height:32px;color:#323338;color:var(--primary-text-color)}.element-type-h3.size-medium,.element-type-h3.size-small,.element-type-h4{font-size:18px}.element-type-h3.size-medium,.element-type-h3.size-small,.element-type-h4,.element-type-h5{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;font-weight:500;line-height:24px;color:#323338;color:var(--primary-text-color)}.element-type-h5{font-size:16px}.element-type-h6{font-size:14px}.element-type-h6,.element-type-p{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;font-weight:400;line-height:24px;color:#323338;color:var(--primary-text-color)}.element-type-p{font-size:16px}.element-type-small{color:#323338;color:var(--secondary-text-color);line-height:18px}.element-type-link,.element-type-small{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;font-size:14px;font-weight:400}.element-type-link{line-height:22px;text-decoration:none;color:#1f76c2;color:var(--link-color)}.label-component--wrapper{display:flex;padding-bottom:8px;align-items:center}.label-component--wrapper .label-component--icon{margin:0 8px 0 4px;line-height:24px;font-size:14px;color:#676879;color:var(--icon-color)}.label-component--wrapper .label-component--text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#323338;color:var(--primary-text-color)}