@import "../fonts/fonts.css";
@import "components/cez-alert.css";
@import "components/cez-badge.css";
@import "components/cez-button.css";
@import "components/cez-checkbox.css";
@import "components/cez-chip.css";
@import "components/cez-datepicker.css";
@import "components/cez-dialog.css";
@import "components/cez-dropdown.css";
@import "components/cez-ellipsis.css";
@import "components/cez-input.css";
@import "components/cez-input-group.css";
@import "components/cez-input-textarea.css";
@import "components/cez-label.css";
@import "components/cez-list.css";
@import "components/cez-menu.css";
@import "components/cez-multiselect.css";
@import "components/cez-notification.css";
@import "components/cez-overlay.css";
@import "components/cez-radio.css";
@import "components/cez-scrollbar.css";
@import "components/cez-tabs.css";
@import "components/cez-tooltip.css";
@import "components/cez-validation-messages.css";
@import "components/cez-wizard.css";
@import "components/cez-switch.css";


:root {
    /* || VARIABLES */
    --white: #FFFFFF;
    --black: #000000;
    --background: #F5F5F5;
    --gray-100: #FCFDFF;
    --gray-200: #FAFAFA;
    --gray-250: #EDEDED;
    --gray-300: #D0D1D3;
    --gray-400: #B6B7B8;
    --gray-500: #6F7181;
    --gray-700: #444444;
    --gray-800: #2E2E33;
    --gray-900: #1B1B1F;
    --red-100: #FFF9F7;
    --red-500: #D13101;
    --red-600: #D11632;
    --red-700: #A30000;
    --red-800: #790200;
    --red-900: #640005;
    --green-100: #E3F2E8;
    --green-500: #1FBF4D;
    --green-600: #16A44D;
    --green-700: #0F894A;
    --green-800: #096E44;
    --green-900: #055B40;
    --yellow-100: #FAF5ED;
    --yellow-300: #FFD566;
    --yellow-400: #FFC33F;
    --yellow-500: #FEA700;
    --blue-100: #F7FAFC;
    --blue-200: #F0F6FA;
    --blue-300: #78BADA;
    --blue-500: #0064A3;
    --blue-600: #0F4D87;
    --blue-700: #17345D;
}


/* || DEFAULT */

* {
    -webkit-box-sizing: border-box;
}

html, body {
    font-family: 'Fira Sans', sans-serif;
}

p {
    margin: 0;
}

input {
    margin: 0;
}

label {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: var(--gray-700);
}



/* || DISPLAY */

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

.no-scroll {
    overflow: hidden;
}

.cez-text-right {
    text-align: right;
}

.long-pause {
    margin-left: 12px;
    display: block;
}