:root {
    --main-color: rgb(253, 82, 0);
    --main-color-dark: rgb(221, 83, 18);
    --main-color-dark-2: rgb(61, 197, 167);
    --main-color-light: rgb(98, 247, 214);
    --main-color-tr: rgba(253, 82, 0, 0.07);
    --main-color-tr-2: rgba(253, 82, 0, 0.12);
    --main-color-tr-3: rgba(253, 82, 0, 0.24);
    --main-color-tr-4: rgba(253, 82, 0, 0.64);
    --main-error-color: rgb(244, 108, 108);
    --main-error-color-dark: rgb(227, 97, 97);
    --main-grey-color: rgb(250, 250, 250);
    --main-grey-color-2: rgb(242, 242, 242);
    --main-hover-color: rgb(250, 250, 250);
    --main-dark-color: rgb(28, 28, 28);
    --main-border-radius: 0.5em;
    --main-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    --main-border: solid 1px rgba(10, 10, 10, 0.102);
    --list-dark-color: rgba(0, 0, 0, 0.03);
    --main-backdrop: blur(12px) brightness(0.98);
}
body {
    background: white;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, p, a {
    font-family: 'Inter', sans-serif;
    color: rgba(0, 0, 0, 0.8);
}
.hidden-btn {
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
}
.error-outline {
    box-shadow: none !important;
    outline: 2.5px solid rgba(244, 108, 108, 0.8) !important;
    outline-offset: 2px;
}
.no-tailwind {
    all: revert;
}

@keyframes placeHolderShimmer{
    0%{
        background: linear-gradient(to right,
            transparent 15%, 
            rgba(0, 0, 0, 0.035) 40%,
            rgba(0, 0, 0, 0.035) 50%,
            transparent 85%);
        background-position: -468px 0;
    }
    100%{
        background: linear-gradient(to right,
            transparent 15%, 
            rgba(0, 0, 0, 0.035) 40%,
            rgba(0, 0, 0, 0.035) 50%,
            transparent 85%);
        background-position: 468px 0;
    }
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-thumb {
    background: rgb(215, 215, 215);
    cursor: pointer;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgb(200, 200, 200);
}

.svelte-flow__controls {
    box-shadow: none !important;
    border: var(--main-border) !important; 
}
.svelte-flow__controls button:first-of-type {
    border-top-left-radius: var(--main-border-radius) !important;
    border-top-right-radius: var(--main-border-radius) !important;
}

.svelte-flow__controls button:last-of-type {
    border-bottom-left-radius: var(--main-border-radius) !important;
    border-bottom-right-radius: var(--main-border-radius) !important;
}