@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

/*:root {
    --rz-base-700: #242F3D;
    --rz-base-800: #17212B;
    --rz-base-900: #374151;
}*/

:root {
    --rz-input-height: 2.25rem;
    --rz-tabs-tab-font-size: 0.95rem;
    --rz-tabs-tab-padding-block: 0.35rem;
    --rz-tabs-tab-text-transform: none;
    --rz-tabs-tab-hover-background-color: transparent;
    --rz-tabs-tab-letter-spacing: 0.5px;
    --rz-primary: #2196f3;
    --rz-primary-light: #4dabf5;
    --rz-primary-lighter: rgba(33, 150, 243, 0.2);
    --rz-primary-dark: #1a78c2;
    --rz-primary-darker: #1666a5;
    --rz-on-primary: #ffffff;
    --rz-on-primary-light: #ffffff;
    --rz-on-primary-lighter: #2196f3;
    --rz-on-primary-dark: #ffffff;
    --rz-on-primary-darker: #ffffff;
    --rz-dialog-zindex: 1001;
    --rz-dialog-side-zindex: 1000;
    --rz-dialog-mask-zindex: 900;
    --rz-grid-border-radius: 4px;
    --rz-input-placeholder-color: white;
    --rz-input-placeholder-color: inherit;
    --rz-input-line-height: 1.3;
    --rz-tabs-padding: 0;
}

body {
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    color: white;
}

.rz-dialog-side {
    z-index: var(--rz-dialog-side-zindex);
}

.rz-button-md {
    font-size: 0.95rem;
    letter-spacing: 1px;
    text-transform: none;
}

::-webkit-scrollbar {
    width: 8px;
    max-width: 8px;
    height: 8px;
    max-height: 8px;
}

::-webkit-scrollbar-track {
    border-radius: 5px;
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: var(--rz-base-500);
    border-radius: 5px;
}