/* 
   To customize the theme colors, uncomment the following blocks and adjust the hex codes.
   DaisyUI uses CSS variables for theming. 
   See https://daisyui.com/docs/colors/ for more information.
*/

/*
[data-theme="light"] {
    --color-primary: #8bc34a;
    --color-primary-content: #ffffff;
    --color-secondary: #fed300;
    --color-secondary-content: #000000;
}

[data-theme="dark"] {
    --color-primary: #8bc34a;
    --color-primary-content: #000000;
    --color-secondary: #fed300;
    --color-secondary-content: #000000;
}
*/


input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

.animated-gradient {
    background: linear-gradient( -45deg, oklch(var(--b1)), oklch(var(--b2)), oklch(var(--b1)), oklch(var(--b2)) );
    background-size: 300% 300%;
    animation: gradient 100s ease infinite;
}



@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@media (max-width: 640px) {
    #modal-content {
        width: 100vw;
        max-width: none;
        max-height: none;
        margin: 0;
        padding: 1rem;
        overflow: auto;
        border-radius: 0;
    }
}

@media (max-width: 640px) {
    @supports (height: 100dvh) {
        #modal-content {
            height: 100dvh;
        }
    }

    @supports not (height: 100dvh) {
        #modal-content {
            height: 100vh;
        }
    }
}