.np-icon-button.svelte-1r8eax1{font-family:inherit;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:transparent;border-width:0;position:relative;cursor:pointer;display:flex;padding:0;-webkit-user-select:none;user-select:none;text-decoration:none;align-items:center;justify-content:center;--np-icon-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;transition:background-color .15s linear,border-radius .15s ease-in-out}.np-icon-button svg{fill:currentColor;height:var(--_icon-size, 1.25rem);width:var(--_icon-size, 1.25rem)}.xs.svelte-1r8eax1{--_icon-size: var(--np-icon-button-icon-size, 1.25rem);height:2rem;width:2rem;--np-circular-progress-size: 1.75rem}.xs.round.svelte-1r8eax1{border-radius:1rem}.xs.square.svelte-1r8eax1{border-radius:var(--np-icon-button-shape, .75rem)}.xs.svelte-1r8eax1:active{border-radius:.5rem}.xs.narrow.svelte-1r8eax1{width:1.75rem}.xs.wide.svelte-1r8eax1{width:2.5rem}.s.svelte-1r8eax1{--_icon-size: var(--np-icon-button-icon-size, 1.5rem);height:2.5rem;width:2.5rem;--np-circular-progress-size: 2rem}.s.round.svelte-1r8eax1{border-radius:1.25rem}.s.square.svelte-1r8eax1{border-radius:var(--np-button-shape, .75rem)}.s.narrow.svelte-1r8eax1{width:2rem}.s.wide.svelte-1r8eax1{width:3.25rem}.s.svelte-1r8eax1:active{border-radius:.5rem}.m.svelte-1r8eax1{--_icon-size: var(--np-icon-button-icon-size, 1.5rem);height:3.5rem;width:3.5rem;--np-circular-progress-size: 3rem}.m.round.svelte-1r8eax1{border-radius:1.75rem}.m.square.svelte-1r8eax1{border-radius:var(--np-button-shape, 1rem)}.m.narrow.svelte-1r8eax1{width:3rem}.m.wide.svelte-1r8eax1{width:4.5rem}.m.svelte-1r8eax1:active{border-radius:.75rem}.l.svelte-1r8eax1{--_icon-size: var(--np-icon-button-icon-size, 2rem);height:6rem;width:6rem;--np-circular-progress-size: 5rem}.l.round.svelte-1r8eax1{border-radius:3rem}.l.square.svelte-1r8eax1{border-radius:var(--np-button-shape, 1.75rem)}.l.narrow.svelte-1r8eax1{width:4rem}.l.wide.svelte-1r8eax1{width:8rem}.l.svelte-1r8eax1:active{border-radius:1rem}.xl.svelte-1r8eax1{--_icon-size: var(--np-icon-button-icon-size, 2.5rem);height:8.5rem;width:8.5rem;--np-circular-progress-size: 7rem}.xl.round.svelte-1r8eax1{border-radius:4.25rem}.xl.square.svelte-1r8eax1{border-radius:var(--np-button-shape, 1.75rem)}.xl.narrow.svelte-1r8eax1{width:6.5rem}.xl.wide.svelte-1r8eax1{width:11.5rem}.xl.svelte-1r8eax1:active{border-radius:1rem}.toggle.svelte-1r8eax1{--np-icon-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}.selected.svelte-1r8eax1{--np-icon-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.disabled.svelte-1r8eax1{pointer-events:none;color:color-mix(in srgb,var(--np-color-on-surface) 38%,transparent)}.filled-disabled.svelte-1r8eax1,.tonal-disabled.svelte-1r8eax1{background-color:color-mix(in srgb,var(--np-color-on-surface) 12%,transparent)}.outlined-disabled.svelte-1r8eax1{outline-style:solid;outline-color:color-mix(in srgb,var(--np-color-on-surface) 12%,transparent);outline-width:1px;outline-offset:-1px}.enabled.svelte-1r8eax1:focus-visible{outline-style:solid;outline-color:var(--np-color-secondary);outline-width:3px;outline-offset:2px;animation:svelte-1r8eax1-focusAnimation .3s ease forwards}@keyframes svelte-1r8eax1-focusAnimation{0%{outline-width:3px}50%{outline-width:6px}to{outline-width:3px}}.text.svelte-1r8eax1{--np-ripple-hover-color: var(--np-icon-button-icon-color, var(--np-color-on-surface-variant));--np-ripple-pressed-color: var(--np-icon-button-icon-color, var(--np-color-on-surface-variant));color:var(--np-icon-button-icon-color, var(--np-color-on-surface-variant))}.text.selected.svelte-1r8eax1{--np-ripple-hover-color: var(--np-color-primary);--np-ripple-pressed-color: var(--np-color-primary);color:var(--np-color-primary)}.filled.svelte-1r8eax1{--np-ripple-hover-color: var(--np-filled-icon-button-icon-color, var(--np-color-on-primary));--np-ripple-pressed-color: var(--np-filled-icon-button-icon-color, var(--np-color-on-primary));color:var(--np-filled-icon-button-icon-color, var(--np-color-on-primary));background-color:var(--np-filled-icon-button-container-color, var(--np-color-primary))}.filled.toggle.svelte-1r8eax1{--np-ripple-hover-color: var(--np-color-on-surface-variant);--np-ripple-pressed-color: var(--np-color-on-surface-variant);color:var(--np-color-on-surface-variant);background-color:var(--np-color-surface-container)}.filled.selected.svelte-1r8eax1{--np-ripple-hover-color: var(--np-color-on-primary);--np-ripple-pressed-color: var(--np-color-on-primary);color:var(--np-color-on-primary);background-color:var(--np-color-primary)}.tonal.svelte-1r8eax1{--np-ripple-hover-color: var( --np-tonal-icon-button-icon-color, var(--np-color-on-secondary-container) );--np-ripple-pressed-color: var( --np-tonal-icon-button-icon-color, var(--np-color-on-secondary-container) );color:var(--np-tonal-icon-button-icon-color, var(--np-color-on-secondary-container));background-color:var( --np-tonal-icon-button-container-color, var(--np-color-secondary-container) )}.tonal.toggle.svelte-1r8eax1{--np-ripple-hover-color: var(--np-color-on-secondary-container);--np-ripple-pressed-color: var(--np-color-on-secondary-container);color:var(--np-color-on-secondary-container);background-color:var(--np-color-secondary-container)}.tonal.selected.svelte-1r8eax1{--np-ripple-hover-color: var(--np-color-on-secondary);--np-ripple-pressed-color: var(--np-color-on-secondary);color:var(--np-color-on-secondary);background-color:var(--np-color-secondary)}.outlined.svelte-1r8eax1{outline-style:solid;outline-color:var(--np-outlined-icon-button-outline-color, var(--np-color-outline-variant));outline-width:1px;outline-offset:-1px;--np-ripple-hover-color: var(--np-color-on-surface-variant);--np-ripple-pressed-color: var(--np-color-on-surface-variant);color:var(--np-color-on-surface-variant)}.outlined.selected.svelte-1r8eax1{outline-style:none;--np-ripple-hover-color: var(--np-color-on-surface-variant);--np-ripple-pressed-color: var(--np-color-on-surface-variant);color:var(--np-color-inverse-on-surface);background-color:var(--np-color-inverse-surface)}.np-touch.svelte-1r8eax1{position:absolute;height:max(calc(var(--_button-height, 40px) + 8px),100%);width:max(calc(var(--_button-width, 40px) + 8px),100%)}.circular-progress.svelte-1r8eax1{--np-circular-progress-color: color-mix(in srgb, var(--np-color-on-surface) 38%, transparent);position:absolute}
