/* @import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap); */

/* @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url('@/assets/fonts/Lato-Regular.ttf');
} */

:root{
    --font-family: 'Montserrat', sans-serif;

    /* --font-family: 'Keter YG'; */
    /* --font-family: 'Roboto', sans-serif; */
    /* --font-family: 'Lato'; */

    --bs-body-font-size: .9rem;
    --bs-body-font-weight: 400;

    --default-color: rgba(20, 21, 25, 0.9);
    /* --default-color: rgba(103, 3, 3, 0.9); */

    /* --site-primary-color-rgb: 32,73,159; */

    /* --site-primary-color-rgb: 45,90,186; */
    --site-primary-color-rgb: 25,62,92;

    /* --site-primary-color-rgb: 20, 10, 74; */
    /* --site-primary-color: rgba(3, 110, 74, 0.9); */

    --toast-primary-color-rgba: 213, 221, 234, .9;
    /* --toast-primary-color-rgb: 213, 220, 252; */

    --p-primary-color: rgb(var(--site-primary-color-rgb));

    --bs-dropdown-link-active-bg: rgb(var(--site-primary-color-rgb));


    --c-ink: rgba(45,90,186, 1);
    /* darkest blue */
    --c-ink-2: rgba(45,90,186, .3);
    /* deep blue */
    --c-ink-3: rgba(45,90,186, .2);
    /* mid blue */
    --c-ink-4: rgba(45,90,186, .1);
    /* light blue */
    --c-ink-5: #e4eaf0;
    /* very light */
    --c-white: #ffffff;
    --radius: 10px;
    --h: 20px;
    /* base bar height */
    --pad: 10px;
    --shadow: 0 10px 24px rgba(14, 46, 63, .18);
}


.bg-site{
    background-color: rgba(var(--site-primary-color-rgb), .9);
}
.bg-site-alpha{
    background-color: rgba(var(--site-primary-color-rgb), .1);
}
.bg-site-gradient{
    background: linear-gradient(90deg, var(--c-ink-2), var(--c-ink-5));
}
.text-site{
    color: rgba(var(--site-primary-color-rgb), .9);
}

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

::-webkit-scrollbar-thumb {
    background: #727272;
    -webkit-border-radius: 1px;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}


.vector-header {
    /* margin-bottom: 1rem; */
    position: relative;
    display: inline-flex;
    align-items: center;
    /* gap: 10px; */
    height: var(--h);
    /* background: linear-gradient(90deg, var(--c-ink-2), var(--c-ink-5)); */
    padding: 0 calc(var(--pad) + 0px);
    box-shadow: var(--shadow);
    isolation: isolate;
    border-radius: 20px;
    /* clip-path: polygon(0 0, calc(100% - 0px) 0, calc(100% - 0px) 50%, calc(100% - 0px) 100%, 0px 100%, 0px 50%); */
    /* clip-path: polygon(0 0, calc(100% - 50px) 0, calc(100% - 25px) 50%, calc(100% - 0px) 100%, 50px 100%, 25px 50%); */

    /*
    overflow: visible;
    clip-path: polygon(0 0, calc(100% - 50px) 0, calc(100% - 25px) 50%, calc(100% - 0px) 100%, 0 100%, 40px 100%); */
    /* clip-path: polygon(0 0, calc(100% - 50px) 0, calc(100% - 0px) 100%, 40px 100%); */
}
.vector-header::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 50%;
    z-index: -1;
    /* background: linear-gradient(135deg, var(--c-ink-3), var(--c-ink-5)); */
    border-radius: 20px;
    /* clip-path: polygon(0 0, calc(100% - 20px) 0, calc(100% - 0px) 50%, calc(100% - 20px) 100%, 0px 100%, 0px 50%); */
    /* clip-path: polygon(0 0, calc(100% - 50px) 0, calc(100% - 25px) 50%, calc(100% - 0px) 100%, 0px 100%, 0px 50%); */

    /* clip-path: polygon(0 0, calc(100% - 50px) 0, calc(100% - 0px) 100%, 0 100%);
    background:
        linear-gradient(120deg, transparent 0 46%, rgba(165, 10, 10, 0.55) 46% 52%, transparent 52% 100%),
        linear-gradient(120deg, transparent 0 30%, rgba(170, 22, 22, 0.52) 30% 34%, transparent 34% 100%); */

    /* filter: contrast(110%); */
}
.vector-header-wide {
    width: 100%;
    /* min(100%, 1100px); */
    color: rgb(var(--site-primary-color-rgb));
    /* font-weight: bold; */
    font-size: 15pt;
}
.vector-header.w-100::before {
    width: 100%;
}

@media(max-width: 576px){
}

/* ::-webkit-scrollbar-corner {
    background: #000;
} */

/* ::-webkit-scrollbar-button {
    background-image:url('');
    background-repeat:no-repeat;
    width:10px;
    height:0px;
}

::-webkit-scrollbar-track {
    background-color:#ecedee
}
::-webkit-scrollbar-track:hover {
    width:15px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color:#6dc0c8;
}

::-webkit-scrollbar-thumb:hover{
    background-color:#56999f;
    width:10px;
}

::-webkit-resizer{
    background-image:url('');
    background-repeat:no-repeat;
    width:4px;
    height:0px;
}

::-webkit-scrollbar{
    width: 6px;
}
::-webkit-scrollbar:hover{
    width: 8px;
} */