/* slider comparison */
img-comparison-slider {
    visibility: hidden;
}

img-comparison-slider [slot='second'] {
    display: none;
}

img-comparison-slider.rendered {
    visibility: inherit;
}

img-comparison-slider.rendered [slot='second'] {
    display: unset;
}

.rainbow-text-border-gradient-left-to-right:before {
    content: attr(data-text);
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to left, #FF1400, #FFF301, #12B92C, #07E9FD, #030591);
    -webkit-background-clip: text;
    color: transparent;
    text-stroke: 3px transparent;
    -webkit-text-stroke: 3px transparent;

}

.rainbow-text-border-gradient-left-to-right {
    position: relative;
    z-index: 10;
    color: white !important;
    text-stroke: 2px transparent;
    -webkit-text-stroke: 2px transparent;
}

.rainbow-text-border-gradient-left-to-right:after {
    position: absolute;
    z-index: 11;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: attr(data-text);
}
/* animate width if changed */
#clown-income, #clown-income-change, #clown-ticker, #clown-state {
    transition: width 0.5s ease-in-out;
}

.title-text-size {
    font-size: max(12 * (1vh + 1vw) / 2, 28px);
}

img-comparison-slider:focus {
    --default-handle-opacity: 0;
    outline: none;
}

.bg-rainbow-gradient {
    background: linear-gradient(-90deg, #FF1400 0%, #FFF301 21.88%, #12B92C 46.88%, #07E9FD 72.92%, #030591 96.35%);
}