.fade-in {
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.2s;
}


@keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}



@keyframes fade-in {
    from {
        opacity: 0;
    }
}

@keyframes fade-out {
    to {
        opacity: 0;
    }
}

@keyframes slide-from-right {
    from {
        transform: translateX(90px);
    }
}

@keyframes slide-to-left {
    to {
        transform: translateX(-90px);
    }
}


table {
    width: 100%;
    max-width: 100%;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

.htmx-indicator{
    display: none !important;;
}
.htmx-request .htmx-indicator{
    display: inline !important;;
}
.htmx-request.htmx-indicator{
    display: inline !important;;
}

.custom-shape-divider-top-1745618078 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    stroke: white;
    color: white;
    fill: white;
}

.custom-shape-divider-bottom-1745618252 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
    stroke: white;
    color: white;
    fill: white;
}

.custom-shape-divider-bottom-1745618252 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 93px;
    stroke: white;
    color: white;
    fill: white;
}

.custom-shape-divider-bottom-1745618252 .shape-fill {
    fill: #FFFFFF;
    stroke: white;
    color: white;
    fill: white;
}