.slot.svelte-1v9o7mc{--slot-focus:oklch(71.5% .143 215.221);background:var(--color-canvas);box-shadow:inset 0 1px 2px #00000059, inset 0 0 0 1px var(--color-subtle);transition-property:background-color,box-shadow,opacity,filter,scale;transition-duration:.15s;transition-timing-function:ease-out;container-type:inline-size}.slot-item.svelte-1v9o7mc{background:color-mix(in oklab, var(--rarity) 13%, var(--color-canvas));box-shadow:inset 0 1px 2px #0000004d, inset 0 0 0 1px color-mix(in oklab, var(--rarity) 45%, transparent)}@media (hover:hover){button.slot-item.svelte-1v9o7mc:hover{background:color-mix(in oklab, var(--rarity) 24%, var(--color-canvas))}}button.slot-item.svelte-1v9o7mc:active{scale:.96}button.slot-item.svelte-1v9o7mc:focus-visible{outline:2px solid var(--slot-focus);outline-offset:2px}.slot-item[data-search=match].svelte-1v9o7mc{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--rarity) 45%, transparent), 0 0 0 2px var(--slot-focus)}.slot-item[data-search=miss].svelte-1v9o7mc{opacity:.3;filter:grayscale(.8)}.slot-count.svelte-1v9o7mc{color:#fff;pointer-events:none;text-shadow:.125em .125em #3f3f3f,0 0 2px #000000e6;font-size:clamp(.6875rem,32cqi,.9375rem);line-height:1;position:absolute;bottom:2%;right:6%}.slot-recomb.svelte-1v9o7mc{border-top-right-radius:inherit;clip-path:polygon(0 0,100% 0,100% 100%);pointer-events:none;background:#f5f;width:26%;height:26%;position:absolute;top:0;right:0}@media (forced-colors:active){.slot-item.svelte-1v9o7mc{border:1px solid canvastext}}