.icon{display:inline-flex;flex-shrink:0}.icon-button{border-radius:var(--s8);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.icon-button.primary{background-color:var(--accent)}.icon-button.primary:hover{background-color:var(--accent-hover)}.icon-button.primary .icon{fill:var(--accent-icon)}.icon-button.secondary{background-color:var(--w8)}.icon-button.secondary .icon{fill:var(--w60)}.icon-button.secondary:hover{background-color:var(--w12)}.icon-button.secondary:hover .icon{fill:var(--w87)}.icon-button.ghost .icon{fill:var(--w60)}.icon-button.ghost:hover{background-color:var(--w4)}.icon-button.ghost:hover .icon{fill:var(--w87)}.icon-button.large{width:var(--s32);height:var(--s32)}.icon-button.regular{width:var(--s28);height:var(--s28)}.icon-button.x-small{width:var(--s24);height:var(--s24)}.icon-button[disabled]{pointer-events:none}.icon-button[disabled].primary,.icon-button[disabled].scondary{background-color:var(--w4)}.icon-button[disabled] .icon{fill:var(--w12)}.active .icon-button{background-color:var(--accent)}.active .icon-button .icon{fill:var(--accent-icon)}.active .icon-button:hover{background-color:var(--accent-hover)}.active .icon-button:hover .icon{fill:var(--accent-icon)}.input.svelte-11u7f5h.svelte-11u7f5h{display:inline-flex;flex:0 0 auto;font-weight:var(--fw-normal);border:var(--s2) solid var(--w8);border-radius:var(--s8);color:var(--w100);user-select:none}.input.svelte-11u7f5h.svelte-11u7f5h::placeholder{color:var(--w38)}.input.svelte-11u7f5h.svelte-11u7f5h:hover{border-color:var(--w12)}.input.svelte-11u7f5h.svelte-11u7f5h:focus{border-color:var(--accent);user-select:text}.input.regular.svelte-11u7f5h.svelte-11u7f5h{font-size:var(--s14);line-height:var(--s14);height:var(--s32);padding:0 var(--s8)}.input.large.svelte-11u7f5h.svelte-11u7f5h{font-size:var(--s14);line-height:var(--s14);height:var(--s40);padding:0 var(--s12)}.search.svelte-11u7f5h.svelte-11u7f5h{position:relative}.search.svelte-11u7f5h .input.svelte-11u7f5h{width:100%;padding-left:var(--s28);padding-right:var(--s24)}.search.svelte-11u7f5h+.icon{position:absolute;top:var(--s8);left:var(--s8);width:var(--s16);height:var(--s16);fill:var(--w38)}.search.svelte-11u7f5h .input.svelte-11u7f5h:focus+.icon{fill:var(--w60)}.search.svelte-11u7f5h .icon-button{position:absolute;right:var(--s4);top:var(--s4);border-radius:var(--s4);width:var(--s24);height:var(--s24)}.search.svelte-11u7f5h .icon-button:not([disabled]) .icon{fill:var(--accent)}.search.svelte-11u7f5h.svelte-11u7f5h::-webkit-search-cancel-button{-webkit-appearance:none}.spinner{border:2px solid var(--w12);border-bottom-color:var(--accent);border-radius:100%;display:inline-block;margin:var(--s4);animation:rotation .5s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button{border-radius:var(--s8);font-weight:var(--fw-medium);display:inline-flex;flex-direction:row;align-items:center;flex:0 0 auto;cursor:pointer}.button.primary{background-color:var(--accent);color:var(--accent-text)}.button.primary:hover{background-color:var(--accent-hover)}.button.primary .icon{fill:var(--accent-icon)}.button.secondary{background-color:var(--w8);color:var(--w87)}.button.secondary .icon{fill:var(--w60)}.button.secondary:hover{color:var(--w100);background-color:var(--w12)}.button.secondary:hover .icon{fill:var(--w87)}.button.ghost{color:var(--w60)}.button.ghost .icon{fill:var(--w60)}.button.ghost:hover{color:var(--w87);background-color:var(--w4)}.button.ghost:hover .icon{fill:var(--w87)}.button.regular{font-size:var(--s14);line-height:var(--s12);padding:0 var(--s12);height:var(--s32);gap:var(--s4)}.button.regular.left{padding-left:var(--s8)}.button.regular.right{padding-right:var(--s8)}.button.regular.both{padding-left:var(--s6);padding-right:var(--s6)}.button.small{font-size:var(--s12);padding:0 var(--s8);height:var(--s28);gap:var(--s4)}.button.small.left{padding-left:var(--s6)}.button.small.right{padding-right:var(--s6)}.button.small.both{padding-left:var(--s6);padding-right:var(--s6)}.button.large{font-size:var(--s14);line-height:var(--s12);padding:0 var(--s16);height:var(--s40);gap:var(--s4)}.button.large.left{padding-left:var(--s8)}.button.large.right{padding-right:var(--s8)}.button.large.large.both{padding-left:var(--s6);padding-right:var(--s6)}.button[disabled]{pointer-events:none;background-color:var(--w4);color:var(--w38)}.button[disabled] .icon{fill:var(--w38)}.button .key{font-size:var(--s12);line-height:var(--s12);font-weight:var(--fw-medium);background-color:var(--bg1);border-radius:var(--s6);padding:var(--s8);opacity:0;color:var(--w38);margin-left:auto}.button:hover .key{opacity:1}.active .button{background-color:var(--w4);color:var(--accent);pointer-events:none}.active .button .icon{fill:var(--accent)}.active .button:hover{background-color:var(--w8);color:var(--accent-hover)}.active .button:hover .icon{fill:var(--accent-hover)}