@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap");

body {
    margin: 0;
    padding: 0;
}

.app {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
}

.content {
    height: calc(100vh - 56px)
}

aside {
    border: none !important;
}

::-webkit-scrollbar {
    width: 4px;
    height: 0;
}

/*Track*/

::-webkit-scrollbar-track {
    background: #e0e0e0;
}

/*Handle*/

::-webkit-scrollbar-thumb {
    background: #888;
}

/*Handle on hover*/

::-webkit-scrollbar-track:hover {
    background: #555;
}

/* remove search input default clear icon */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

/* Remove input autocomplete background*/

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 9999s ease-in-out 0s;
}

@media screen and (prefers-color-scheme: dark) {
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
        transition: background-color 9999s ease-in-out 0s;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
    }
}