@font-face {
    font-family: "Space Grotesk";
    font-style: light;
    font-size: 300;
    src: url(../fonts/SpaceGrotesk-Light.ttf);
}

@font-face {
    font-family: "Space Grotesk";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/SpaceGrotesk-Regular.ttf);
}

@font-face {
    font-family: "Space Grotesk";
    font-style: medium;
    font-weight: 500;
    src: url(../fonts/SpaceGrotesk-Medium.ttf);
}

@font-face {
    font-family: "Space Grotesk";
    font-style: bold;
    font-weight: 700;
    src: url(../fonts/SpaceGrotesk-Bold.ttf);
}

.nav-tt {
    inset: 0px auto auto 16.4062px !important;
}

.indicator > .status {
    background: none !important;
}

.wrap-newlines {
    white-space: pre-wrap;
}

:root {
    --tblr-font-sans-serif: "Space Grotesk", sans-serif !important;
    --tblr-primary: rgb(23, 130, 144) !important;
    --tblr-primary-rgb: 23, 130, 144 !important;
    --tblr-blue: rgb(89, 178, 227) !important;
    --tblr-blue-rgb: 89, 178, 227 !important;
    --tblr-success: rgb(55, 153, 106) !important;
    --tblr-success-rgb: 55, 153, 106 !important;
    --tblr-danger: rgb(250, 128, 114) !important;
    --tblr-danger-rgb: 250, 128, 114 !important;
    --tooltip-padding: 8px !important;
    --tooltip-font-family: "Space Grotesk", sans-serif !important;
    --tooltip-font-size: 12px !important;
}

.page-title {
    font-size: 1.6rem !important;
    line-height: 2.5rem !important;
}

.page-pretitle {
    font-size: 0.75rem !important;
}

.card-title {
    font-size: 1.05rem !important;
}

.h1,
.h2 {
    font-weight: var(--tblr-font-weight-bold) !important;
}