figure.svelte-awkfys{display:grid;grid-template-columns:1fr 1fr}figure.svelte-awkfys>:where(.svelte-awkfys){color:#ffd53d;background:#fff3bd;position:relative;padding:var(--slant, 25%)}figure.svelte-awkfys>div:where(.svelte-awkfys):nth-child(2){filter:invert()}figure.svelte-awkfys>div:where(.svelte-awkfys):nth-child(2):before,figure.svelte-awkfys>div:where(.svelte-awkfys):nth-child(2):after{content:"";position:absolute;inset-inline-start:0%;translate:-50% 0%;inset-block-start:0;inline-size:var(--slant, 25%);block-size:100%;background:inherit;clip-path:polygon(100% 0%,100% 100%,0% 100%)}figure.svelte-awkfys>div:where(.svelte-awkfys):nth-child(2):after{filter:invert();clip-path:polygon(0% 0%,100% 0%,0% 100%)}.wrapper.svelte-14o0ow8>:where(.svelte-14o0ow8)+:where(.svelte-14o0ow8){margin-block-start:.5rem}.wrapper.svelte-14o0ow8 input[type=range]:where(.svelte-14o0ow8){display:none}.split.svelte-14o0ow8>:where(.svelte-14o0ow8)+:where(.svelte-14o0ow8){margin-block-start:0}.split.svelte-14o0ow8 input[type=range]:where(.svelte-14o0ow8){display:initial;z-index:1}.split.svelte-14o0ow8{display:grid;--split-padding: 1rem;--split-value: 100%;padding:var(--split-padding) 0}.split.svelte-14o0ow8>:where(.svelte-14o0ow8){grid-area:1/1}.split.svelte-14o0ow8>div:where(.svelte-14o0ow8):nth-child(1){-webkit-mask:linear-gradient(to right,hsl(0 0% 0% / 0) 0%,hsl(0 0% 0% / 0) var(--split-value),hsl(0 0% 0%) 0%);mask:linear-gradient(to right,hsl(0 0% 0% / 0) 0%,hsl(0 0% 0% / 0) var(--split-value),hsl(0 0% 0%) 0%)}.split.svelte-14o0ow8>div:where(.svelte-14o0ow8):nth-child(2){-webkit-mask:linear-gradient(to right,hsl(0 0% 0%) 0%,hsl(0 0% 0%) 0% var(--split-value),hsl(0 0% 0% / 0) 0%);mask:linear-gradient(to right,hsl(0 0% 0%) 0%,hsl(0 0% 0%) 0% var(--split-value),hsl(0 0% 0% / 0) 0%)}input[type=range].svelte-14o0ow8{margin:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;-webkit-tap-highlight-color:transparent}input.svelte-14o0ow8::-webkit-slider-runnable-track{block-size:100%;block-size:calc(100% + var(--split-padding) * 2)}input[type=range].svelte-14o0ow8::-webkit-slider-thumb{border-radius:1e5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:.4rem;block-size:100%;background:#fff;border:none;box-shadow:0 0 4px -1px #0003}input[type=range].svelte-14o0ow8::-moz-range-thumb{border-radius:1e5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:.4rem;block-size:100%;background:#fff;border:none;box-shadow:0 0 4px -1px #0003}
