@font-face {
    font-family: "manrope-reg";
    src: url("/fonts/Manrope-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "manrope-semibold";
    src: url("/fonts/Manrope-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "monument-extended-regular";
    src: url("/fonts/MonumentExtended-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: auto;
}

:root, [data-theme=light], [data-theme=light] .sl-inverted .sl-inverted, [data-theme=light] .sl-inverted .sl-inverted .sl-inverted .sl-inverted {
    --text-h: 0;
    --text-s: 0%;
    --text-l: 15%;
    --shadow-sm: 0px 0px 1px rgba(67, 90, 111, .3);
    --shadow-md: 0px 2px 4px -2px rgba(0, 0, 0, .25), 0px 0px 1px rgba(67, 90, 111, .3);
    --shadow-lg: 0 4px 17px rgba(67, 90, 111, .2), 0 2px 3px rgba(0, 0, 0, .1), inset 0 0 0 .5px var(--color-canvas-pure), 0 0 0 .5px rgba(0, 0, 0, .2);
    --shadow-xl: 0px 0px 1px rgba(67, 90, 111, .3), 0px 8px 10px -4px rgba(67, 90, 111, .45);
    --shadow-2xl: 0px 0px 1px rgba(67, 90, 111, .3), 0px 16px 24px -8px rgba(67, 90, 111, .45);
    --drop-shadow-default1: 0 0 0.5px rgba(0, 0, 0, .6);
    --drop-shadow-default2: 0 2px 5px rgba(67, 90, 111, .3);
    --color-text-heading: hsla(var(--text-h), var(--text-s), max(3, calc(var(--text-l) - 15)), 1);
    --color-text: hsla(var(--text-h), var(--text-s), var(--text-l), 1);
    --color-text-paragraph: hsla(var(--text-h), var(--text-s), var(--text-l), 0.9);
    --color-text-muted: hsla(var(--text-h), var(--text-s), var(--text-l), 0.7);
    --color-text-light: hsla(var(--text-h), var(--text-s), var(--text-l), 0.55);
    --color-text-disabled: hsla(var(--text-h), var(--text-s), var(--text-l), 0.3);
    --canvas-h: 218;
    --canvas-s: 40%;
    --canvas-l: 100%;
    --color-canvas: hsla(var(--canvas-h), var(--canvas-s), var(--canvas-l), 1);
    --color-canvas-pure: #fff;
    --color-canvas-tint: rgba(245, 247, 250, .5);
    --color-canvas-50: #f5f7fa;
    --color-canvas-100: #EBEBEE;
    --color-canvas-200: rgba(160, 229, 218, .2);
    --color-canvas-300: rgba(160, 229, 218, .4);
    --color-canvas-400: rgba(160, 229, 218, .5);
    --color-canvas-500: rgba(160, 229, 218, .5);
    --color-canvas-dialog: #fff;
    --color-border-dark: hsla(var(--canvas-h), 30%, 72%, 0.5);
    --color-border: hsla(var(--canvas-h), 32%, 78%, 0.5);
    --color-border-light: hsla(var(--canvas-h), 24%, 84%, 0.5);
    --color-border-input: hsla(var(--canvas-h), 24%, 72%, 0.8);
    --color-border-button: hsla(var(--canvas-h), 24%, 20%, 0.65);
    --primary-h: 202;
    --primary-s: 100%;
    --primary-l: 55%;
    color: var(--color-text);
}

* {
    --tw-ring-color: rgba(63, 222, 196, .5);
}

.sl-bg-primary-tint {
    background-color: rgba(63, 222, 196, .5) !important;
}

.sl-border-primary {
    border-color: #3FDEC4 !important;
}

.sl-bg-primary {
    background-color: #3FDEC4 !important;
}

svg.svg-inline--fa.fa-info-circle.fa-w-16.fa-lg.sl-icon {
    color: #010516 !important;
}

.sl-text-sm {
    font-size: 13px !important;
}

body, p {
    font-family: "manrope-reg", Helvetica, Arial, sans-serif !important;
}

span.sl-badge.sl-h-xs.sl-text-paragraph-tiny.sl-px-1\.5.sl-py-0\.5.sl-bg-canvas-100.sl-text-paragraph.sl-rounded-full.sl-border-input.sl-border-0 {
    background-color: #3FDEC4 !important;
    color: #010516 !important;
    border-color: #3FDEC4 !important;
    font-size: 10pt;
    font-weight: 500;
}

h1.sl-text-5xl.sl-leading-tight.sl-font-prose.sl-font-semibold.sl-mb-4.sl-text-heading, h1.sl-text-5xl.sl-leading-tight.sl-font-prose.sl-font-semibold.sl-text-heading {
    font-family: "monument-extended-regular" !important;
}

.sl-stack.sl-stack--vertical.sl-stack--8.sl-flex.sl-flex-col.sl-items-stretch.sl-pt-8 {
    padding-top: 15px;
}

.sl-stack.sl-stack--vertical.sl-stack--8.sl-flex.sl-flex-col.sl-items-stretch {
    margin-top: 10px;
}

.sl-stack.sl-stack--horizontal.sl-stack--6.sl-flex.sl-flex-row.sl-items-center {
    margin-top: 2px;
    padding-top: 0;
}

h1, h2, h3, h4, h5 {
    margin-bottom: 1% !important;
    margin-top: 3% !important;
    font-family: "manrope-semibold", Helvetica, Arial, sans-serif !important;
}

.sl-flex.sl-items-center.sl-mb-5.sl-ml-4 {
    justify-content: center;
    margin-left: 0 !important;
}

.sl-bg-canvas-100 {
    background-color: var(--color-canvas-100);
}

.sl-prose caption a, .sl-prose figcaption a, .sl-prose li a, .sl-prose p a, .sl-prose table a {
    --color-link: #010516;
    --color-link-dark: #010516;
}

p a {
    text-decoration: underline;
    text-underline-offset: 3px;
}

p a::before {
    content: "▸";
    color: #3FDEC4;
    display: inline-block;
    margin: 4px 3px 5px -1px;
}

p a:hover {
    color: #010516 !important;
    text-decoration: none;
}

p a:hover:before {
    color: #3FDEC4;
}

p a:focus {
    box-shadow: none;
    text-decoration: none;
}

p a:active {
    box-shadow: none;
    text-decoration: none;
}

p a.disabled {
    cursor: not-allowed !important;
    background: rgba(0, 0, 0, 0) !important;
    color: #96999e !important;
}

.sl-inline.sl-overflow-x-hidden.sl-overflow-y-hidden.sl-mr-3.sl-rounded-lg {
    margin-top: auto;
}

.sl-bg-success {
    background-color: rgb(63, 222, 196);
}

.sl-rounded-lg {
    border-radius: 0;
}