@layer reset;@layer tokens{:root{--f-button--width:auto;--f-button--height:var(--f-form-control--height);--f-button--height--size-small:var(--f-form-control--height-sm);--f-button--height--size-large:var(--f-form-control--height-lg);--f-button--text-decoration:none;--f-button--text-transform:none;--f-button--padding-y:0;--f-button--padding-x:var(--f-space-4);--f-button--font-weight:var(--f-font-weight-regular);--f-button--font-size:var(--f-body-font-size);--f-button--line-height:1.25;--f-button--border-radius:var(--f-border-radius);--f-button--border-width:1px;--f-button--border-style:solid;--f-button--icon-size:20px;--f-button--icon-size--size-small:var(--f-space-4);--f-button--icon-size--size-large:var(--f-space-6);--f-button--press-scale:.98;--f-button--overlay-content-opacity:.5;--f-button--overlay-content-blur:2px}@media (prefers-reduced-motion:reduce){:root{--f-button--press-scale:1;--f-button--overlay-content-blur:0}}}@layer base;@layer components{.f-transition-slide-fade-enter-active,.f-transition-slide-fade-leave-active{will-change:opacity, transform;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.f-transition-slide-fade-enter-from{opacity:0;transform:var(--_f-transition-slide-fade--enter-transform,none)}.f-transition-slide-fade-leave-to{opacity:0;transform:var(--_f-transition-slide-fade--leave-transform,none)}.f-button{--_f-button--height:var(--f-button--height);--_f-button--width:var(--f-button--width);--_f-button--padding-y:var(--f-button--padding-y);--_f-button--padding-x:var(--f-button--padding-x);--_f-button--border-radius:var(--f-button--border-radius);--_f-button--border-style:var(--f-button--border-style);--_f-button--icon-size:var(--f-button--icon-size);--f-ripple--color:var(--_f-button--text-color);height:var(--_f-button--height);width:var(--_f-button--width);background-color:var(--_f-button--bg-color);border:var(--f-button--border-width) var(--_f-button--border-style) var(--_f-button--border-color);padding:var(--_f-button--padding-y) var(--_f-button--padding-x);border-radius:var(--_f-button--border-radius);color:var(--_f-button--text-color);font-weight:var(--f-button--font-weight);font-size:var(--f-button--font-size);line-height:var(--f-button--line-height);-webkit-text-decoration:var(--f-button--text-decoration);-webkit-text-decoration:var(--f-button--text-decoration);text-decoration:var(--f-button--text-decoration);text-transform:var(--f-button--text-transform);flex-flow:row;flex-shrink:0;justify-content:center;align-items:center;transition:transform .1s ease-out,color .25s,background-color .25s,box-shadow .25s,border-color .25s;display:inline-flex;position:relative;overflow:hidden}.f-button:not(:disabled):not(.f-button--disabled):hover{color:var(--_f-button--text-color--hover);background-color:var(--_f-button--bg-color--hover);border-color:var(--_f-button--border-color--hover);cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none}.f-button--dashed{--_f-button--border-style:dashed}.f-button--size-small{--f-spinner--size:var(--f-space-4);--_f-button--height:var(--f-button--height--size-small);--_f-button--padding-y:var(--f-space-2);--_f-button--padding-x:var(--f-space-3);--_f-button--border-radius:var(--f-form-control--border-radius-sm);--_f-button--icon-size:var(--f-button--icon-size--size-small)}.f-button--size-large{--f-spinner--size:var(--f-space-6);--_f-button--height:var(--f-button--height--size-large);--_f-button--padding-x:var(--f-space-6);--_f-button--border-radius:var(--f-border-radius-lg);--_f-button--icon-size:var(--f-button--icon-size--size-large);min-width:var(--_f-button--height)}.f-button--circle{--_f-button--border-radius:calc(var(--_f-button--height) / 2)}.f-button--squircle{corner-shape:squircle;--_f-button--border-radius:calc(var(--_f-button--height) / 2)}.f-button--wide{--_f-button--width:100%}.f-button--icon-only{--_f-button--padding-y:0;--_f-button--padding-x:0;--_f-button--width:var(--_f-button--height)}.f-button__content{align-items:center;gap:calc(var(--_f-button--padding-x) - 5px);flex-flow:row;max-width:100%;transition:transform .25s;display:flex}.f-button__text{line-height:var(--f-button--line-height);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.f-button__icon{display:inline-flex}.f-button__icon svg{width:var(--_f-button--icon-size);height:auto}.f-button:has(.f-button__overlay):not(.f-button--loading-inline) .f-button__content{opacity:var(--f-button--overlay-content-opacity);filter:blur(var(--f-button--overlay-content-blur))}.f-button__overlay{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.f-button__overlay svg{width:var(--_f-button--icon-size);height:auto}.f-button{--_f-button--press-shadow-tint:var(--_f-button--text-color)}.f-button.f-button--type-solid{--_f-button--press-shadow-tint:var(--_f-button--bg-color)}.f-button--color-primary{--_f-button--accent-color:var(--f-color-primary)}.f-button--color-secondary{--_f-button--accent-color:var(--f-color-secondary)}.f-button--color-success{--_f-button--accent-color:var(--f-color-success)}.f-button--color-warning{--_f-button--accent-color:var(--f-color-warning)}.f-button--color-danger{--_f-button--accent-color:var(--f-color-danger)}.f-button--color-default.f-button--type-plain{--_f-button--bg-color:var(--f-color-surface-default);--_f-button--bg-color--hover:var(--f-color-surface-subtle);--_f-button--text-color:var(--f-color-text-primary);--_f-button--text-color--hover:var(--f-color-text-primary);--_f-button--border-color:var(--f-color-border-default);--_f-button--border-color--hover:var(--f-color-border-default)}.f-button--color-default.f-button--type-soft{--_f-button--bg-color:var(--f-color-surface-subtle);--_f-button--bg-color--hover:var(--f-color-surface-hover);--_f-button--text-color:var(--f-color-text-primary);--_f-button--text-color--hover:var(--f-color-text-primary);--_f-button--border-color:transparent;--_f-button--border-color--hover:transparent}.f-button--color-default.f-button--type-solid{--_f-button--bg-color:var(--f-color-border-strong);--_f-button--bg-color--hover:var(--lightningcss-light,color-mix(in oklch, var(--f-color-border-strong) 88%, #000))var(--lightningcss-dark,color-mix(in oklch, var(--f-color-border-strong) 88%, #fff));--_f-button--text-color:var(--f-color-text-primary);--_f-button--text-color--hover:var(--f-color-text-primary);--_f-button--border-color:transparent;--_f-button--border-color--hover:transparent}.f-button--color-default.f-button--type-text{--_f-button--bg-color:transparent;--_f-button--bg-color--hover:var(--f-color-surface-subtle);--_f-button--text-color:var(--f-color-text-primary);--_f-button--text-color--hover:var(--f-color-primary);--_f-button--border-color:transparent;--_f-button--border-color--hover:transparent}.f-button--type-plain:not(.f-button--color-default){--_f-button--bg-color:var(--f-color-surface-default);--_f-button--bg-color--hover:color-mix(in oklch, var(--_f-button--accent-color) 12%, var(--f-color-mix-neutral));--_f-button--text-color:var(--_f-button--accent-color);--_f-button--text-color--hover:var(--_f-button--accent-color);--_f-button--border-color:var(--lightningcss-light,color-mix(in oklch, var(--_f-button--accent-color) 35%, var(--f-color-mix-neutral)))var(--lightningcss-dark,color-mix(in oklch, var(--_f-button--accent-color) 55%, var(--f-color-mix-neutral)));--_f-button--border-color--hover:var(--lightningcss-light,color-mix(in oklch, var(--_f-button--accent-color) 40%, var(--f-color-mix-neutral)))var(--lightningcss-dark,color-mix(in oklch, var(--_f-button--accent-color) 90%, var(--f-color-mix-neutral)))}.f-button--type-soft:not(.f-button--color-default){--_f-button--bg-color:var(--lightningcss-light,color-mix(in oklch, var(--_f-button--accent-color) 20%, var(--f-color-mix-neutral)))var(--lightningcss-dark,color-mix(in oklch, var(--_f-button--accent-color) 30%, var(--f-color-mix-neutral)));--_f-button--bg-color--hover:var(--lightningcss-light,color-mix(in oklch, var(--_f-button--accent-color) 30%, var(--f-color-mix-neutral)))var(--lightningcss-dark,color-mix(in oklch, var(--_f-button--accent-color) 40%, var(--f-color-mix-neutral)));--_f-button--text-color:var(--_f-button--accent-color);--_f-button--text-color--hover:var(--_f-button--accent-color);--_f-button--border-color:transparent;--_f-button--border-color--hover:transparent}.f-button--type-solid:not(.f-button--color-default){--_f-button--bg-color:var(--_f-button--accent-color);--_f-button--bg-color--hover:var(--lightningcss-light,color-mix(in oklch, var(--_f-button--accent-color) 88%, #000))var(--lightningcss-dark,color-mix(in oklch, var(--_f-button--accent-color) 88%, #fff));--_f-button--text-color:var(--f-color-on-accent);--_f-button--text-color--hover:var(--f-color-on-accent);--_f-button--border-color:transparent;--_f-button--border-color--hover:transparent}.f-button--type-text:not(.f-button--color-default){--_f-button--bg-color:transparent;--_f-button--bg-color--hover:color-mix(in oklch, var(--_f-button--accent-color) 12%, var(--f-color-mix-neutral));--_f-button--text-color:var(--_f-button--accent-color);--_f-button--text-color--hover:var(--_f-button--accent-color);--_f-button--border-color:transparent;--_f-button--border-color--hover:transparent}.f-button:not(:disabled):not(.f-button--disabled):not(.f-button--loading):not(.f-button--result-success):not(.f-button--result-error):active{transform:scale(var(--f-button--press-scale));box-shadow:0 2px 8px color-mix(in oklch, var(--_f-button--press-shadow-tint) 12%, transparent), inset 0 2px 5px color-mix(in oklch, var(--_f-button--press-shadow-tint) 28%, transparent)}.f-button:not(:disabled):not(.f-button--disabled):focus-visible{outline-offset:1px;outline:3px solid color-mix(in srgb, var(--_f-button--text-color), transparent 80%)}.f-button:not(:disabled):not(.f-button--disabled):focus-visible.f-button--type-solid{outline:3px solid color-mix(in srgb, var(--_f-button--bg-color), transparent 50%)}.f-button:not(:disabled):not(.f-button--disabled):focus-visible.f-button--type-solid.f-button--color-default{outline:3px solid color-mix(in srgb, var(--_f-button--bg-color), transparent 10%)}.f-button:disabled:not(.f-button--loading):not(.f-button--result-success):not(.f-button--result-error),.f-button.f-button--disabled:not(.f-button--loading):not(.f-button--result-success):not(.f-button--result-error){cursor:not-allowed;opacity:.5}}@layer theme,utilities;