.interactive-themes[data-v-1245cd39]{position:relative;--mouse-x:50%;--split-1-top:calc(var(--mouse-x) - 5%);--split-1-bot:calc(var(--mouse-x) - 25%);--split-2-top:calc(var(--mouse-x) + 30%);--split-2-bot:calc(var(--mouse-x) + 10%);margin-bottom:3.5rem}.interactive-themes img[data-v-1245cd39]{display:block;height:auto;transition:clip-path .3s ease-out;width:100%;will-change:clip-path}.interactive-themes:has(input[type=range]:active) img[data-v-1245cd39],.interactive-themes:hover img[data-v-1245cd39]{transition:clip-path .05s linear}.interactive-themes img[data-v-1245cd39]:not(:first-child){left:0;position:absolute;top:0}.interactive-themes img[data-v-1245cd39]:first-child{clip-path:polygon(0 0,45% 0,25% 100%,0 100%)}.interactive-themes img[data-v-1245cd39]:nth-child(2){clip-path:polygon(44% 0,80% 0,60% 100%,24% 100%)}.interactive-themes img[data-v-1245cd39]:nth-child(3){clip-path:polygon(79% 0,100% 0,100% 100%,59% 100%)}.interactive-themes:hover img[data-v-1245cd39]:first-child{clip-path:polygon(0 0,var(--split-1-top) 0,var(--split-1-bot) 100%,0 100%)}.interactive-themes:hover img[data-v-1245cd39]:nth-child(2){clip-path:polygon(calc(var(--split-1-top) - 1%) 0,var(--split-2-top) 0,var(--split-2-bot) 100%,calc(var(--split-1-bot) - 1%) 100%)}.interactive-themes:hover img[data-v-1245cd39]:nth-child(3){clip-path:polygon(calc(var(--split-2-top) - 1%) 0,100% 0,100% 100%,calc(var(--split-2-bot) - 1%) 100%)}