.filter.svelte-xeds7y{--offset: 1rem;overflow-x:auto;position:relative;width:calc(100% + 2 * var(--offset));margin-left:calc(-1 * var(--offset));padding-left:var(--offset);padding-right:var(--offset)}@media(min-width:650px){.filter.svelte-xeds7y{--offset: 4rem}}.options.svelte-xeds7y{padding:.5rem;display:flex;border-radius:100vmax;background-color:var(--color-gray-4);margin-left:auto;margin-right:auto;width:fit-content;position:relative;z-index:1}label.svelte-xeds7y{color:var(--color-black);padding:.3rem 1.5rem;border-radius:100vmax;cursor:pointer;display:block;transition:color .25s ease;white-space:nowrap}@media(min-width:1200px){label.svelte-xeds7y{padding:.5rem 2rem}}input.svelte-xeds7y{position:absolute;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input.svelte-xeds7y:checked~label:where(.svelte-xeds7y){color:var(--color-red)}.active.svelte-xeds7y{position:absolute;width:100px;height:calc(100% - 1rem);top:.5rem;background-color:var(--color-white);left:0;box-shadow:0 4px 8px #0000004d;border-radius:100vmax;z-index:-1;transition:.4s ease;transition-property:transform,width}.dark.svelte-xeds7y .options:where(.svelte-xeds7y){background-color:var(--color-gray-2)}.dark.svelte-xeds7y label:where(.svelte-xeds7y){color:var(--color-white)}