@layer reset;@layer tokens{:root{--f-spinner--size:20px;--f-spinner--label-font-size:var(--f-text-md);--f-spinner--label-color:inherit;--f-spinner--color:currentColor;--f-spinner--blur:2px;--f-spinner--overlay-bg-color:var(--f-color-surface-raised);--f-spinner--overlay-opacity:60%;--f-spinner--ring-opacity:.12;--f-spinner--gap:8px;--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-fade-enter-active,.f-transition-fade-leave-active{will-change:opacity;transition:opacity .2s ease-in}.f-transition-fade-leave-active{transition-timing-function:ease-out}.f-transition-fade-enter-from,.f-transition-fade-leave-to{opacity:0}.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-spinner__svg{width:100%;height:100%;animation:.75s linear infinite rotator;display:block}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes dash-50{0%{stroke-dashoffset:185px}50%{stroke-dashoffset:400px}to{stroke-dashoffset:185px}}.f-spinner__svg__ring{stroke:var(--_f-spinner--color,currentColor);opacity:var(--f-spinner--ring-opacity,.12)}.f-spinner__svg__path{stroke-dasharray:430;stroke-dashoffset:360px;transform-origin:50%;stroke:var(--_f-spinner--color,currentColor);animation:3s ease-in-out infinite dash-50}@media (prefers-reduced-motion:reduce){.f-spinner__svg,.f-spinner__svg__path{animation:none}}.f-spinner-wrapper{display:block;position:relative}.f-spinner-wrapper--active .f-spinner-wrapper__content{pointer-events:none;-webkit-user-select:none;user-select:none}.f-spinner-wrapper__overlay{background-color:color-mix(in oklch, var(--f-spinner--overlay-bg-color) var(--f-spinner--overlay-opacity), transparent);-webkit-backdrop-filter:blur(var(--f-spinner--blur));backdrop-filter:blur(var(--f-spinner--blur));justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.f-spinner-body{align-items:center;gap:var(--f-spinner--gap);flex-direction:column;display:inline-flex}.f-spinner{--_f-spinner--color:var(--f-spinner--color);width:var(--f-spinner--size);height:var(--f-spinner--size);display:block}.f-spinner--color-default{--_f-spinner--color:currentColor}.f-spinner--color-primary{--_f-spinner--color:var(--f-color-primary)}.f-spinner--color-secondary{--_f-spinner--color:var(--f-color-secondary)}.f-spinner--color-success{--_f-spinner--color:var(--f-color-success)}.f-spinner--color-warning{--_f-spinner--color:var(--f-color-warning)}.f-spinner--color-danger{--_f-spinner--color:var(--f-color-danger)}.f-spinner__label{font-size:var(--f-spinner--label-font-size);line-height:calc(var(--f-spinner--label-font-size) * 1.5);color:var(--f-spinner--label-color);text-align:center}.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--rounded{--_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;