.cls-1 {
    fill: #ebbc02;
}

.cls-2 {
    fill: #1d1d1b;
}

.cls-3 {
    fill: #fff;
    fill-rule: evenodd;
}

.cls-4 {
    fill: #ffe070;
}

.logo {
    width: auto;
/* height: 50px; */
}


.custom-font{
    font-family: 'Clash Grotesk', sans-serif;
}
.fade-me-out.htmx-swapping {
    opacity: 0;
    transition: opacity 1s ease-out;
}
.fade-in {
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.5s;
}
@keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.range-plugin, .preset-plugin{
    top: 42px !important;
}