/*! @import */
@tailwind base;
@tailwind components;
@tailwind utilities;

select.minimal {
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari, Chrome, Opera */
}

html {
    word-spacing: 1px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}

.shadow-scroll-x {
    overflow-x: auto;
    background-color: white;
    background-image: linear-gradient(to right, white 0%, white 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to left, white 0%, white 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to left, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    background-repeat: no-repeat;
    background-position: left center, right center, left center, right center;
    background-size: 10px 100%, 10px 100%, 10px 100%, 10px 100%;
    -webkit-overflow-scrolling: touch;
}

.shadow-scroll-x::-webkit-scrollbar {
    height: 10px;
    width: 10px;
    background-color: white;
}

.shadow-scroll-x::-webkit-scrollbar-thumb {
    background-color: #E0E0E0;
    border-radius: 5px;
    visibility: hidden;
    border: 2px solid white;
}

.shadow-scroll-x:hover::-webkit-scrollbar-thumb {
    visibility: visible;
}

.shadow-scroll-x::-webkit-scrollbar-button {
    display: none;
}


.custom-scrollbar {
    scrollbar-width: thin; /* Firefox */
    scrollbar-color: #E0E0E0 transparent;
}

/* Webkit (Chrome, Edge, Safari) */
.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #E0E0E0;
    border-radius: 5px;
    border: 2px solid white;
    visibility: hidden;
}

.custom-scrollbar:hover::-webkit-scrollbar-thumb {
    visibility: visible;
}