@layer reset;@layer tokens{:root{--f-icon-btn--color:var(--f-color-secondary);--f-icon-btn--color--hover:var(--f-color-primary);--f-icon-btn--color--disabled:var(--f-color-text-disabled);--f-icon-btn--icon-size:24px;--f-icon-btn--spinner-size:20px}}@layer base;@layer components{.f-transition-floating-left-enter-active,.f-transition-floating-left-leave-active,.f-transition-floating-right-enter-active,.f-transition-floating-right-leave-active,.f-transition-floating-top-enter-active,.f-transition-floating-top-leave-active,.f-transition-floating-bottom-enter-active,.f-transition-floating-bottom-leave-active{will-change:transform, opacity;pointer-events:none;transition:transform .25s,opacity .25s}.f-transition-floating-left-enter-to,.f-transition-floating-right-enter-to,.f-transition-floating-top-enter-to,.f-transition-floating-bottom-enter-to{pointer-events:none}.f-transition-floating-left-enter-from,.f-transition-floating-left-leave-to,.f-transition-floating-right-enter-from,.f-transition-floating-right-leave-to,.f-transition-floating-top-enter-from,.f-transition-floating-top-leave-to,.f-transition-floating-bottom-enter-from,.f-transition-floating-bottom-leave-to{pointer-events:none;opacity:0}.f-transition-floating-bottom-enter-to{transform:translateY(0)}.f-transition-floating-bottom-enter-from,.f-transition-floating-bottom-leave-to{transform:translateY(-16px)scale(.95)}.f-transition-floating-top-enter-to{transform:translateY(0)}.f-transition-floating-top-enter-from,.f-transition-floating-top-leave-to{transform:translateY(16px)scale(.95)}.f-transition-floating-left-enter-to{transform:translate(0)}.f-transition-floating-left-enter-from,.f-transition-floating-left-leave-to{transform:translate(16px)scale(.95)}.f-transition-floating-right-enter-to{transform:translate(0)}.f-transition-floating-right-enter-from,.f-transition-floating-right-leave-to{transform:translate(-16px)scale(.95)}.f-icon-button{--f-spinner--size:var(--f-icon-btn--spinner-size);--_f-icon-btn--color:var(--f-icon-btn--color);--_f-icon-btn--color--hover:var(--f-icon-btn--color--hover);color:var(--_f-icon-btn--color);background-color:#0000;border:none;outline:none;flex-flow:row;justify-content:center;align-items:center;padding:0;transition:border-color .25s,background-color .25s,color .25s;display:inline-flex;position:relative}.f-icon-button__overlay{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.f-icon-button>svg{width:var(--f-icon-btn--icon-size);height:auto}.f-icon-button__icon svg{width:var(--f-icon-btn--icon-size,24px);height:auto;transition:color .25s,opacity .25s}.f-icon-button:hover:not(:disabled):not(.f-icon-button--disabled){color:var(--_f-icon-btn--color--hover);cursor:pointer}.f-icon-button:focus-visible{outline-offset:2px;outline:3px solid color-mix(in srgb, var(--_f-icon-btn--color), transparent 70%)}.f-icon-button:disabled:not(.f-icon-button--loading):not(.f-icon-button--success),.f-icon-button.f-icon-button--disabled:not(.f-icon-button--loading):not(.f-icon-button--success){cursor:not-allowed;color:var(--f-icon-btn--color--disabled)}.f-icon-button--loading,.f-icon-button--success{color:var(--_f-icon-btn--color);cursor:default}.f-icon-button--loading>svg,.f-icon-button--success>svg{opacity:0}.f-icon-button--color-default{--_f-icon-btn--color:var(--f-color-secondary);--_f-icon-btn--color--hover:var(--f-color-primary)}.f-icon-button--color-primary{--_f-icon-btn--accent-color:var(--f-color-primary);--_f-icon-btn--color:var(--_f-icon-btn--accent-color);--_f-icon-btn--color--hover:var(--lightningcss-light,color-mix(in oklch, var(--_f-icon-btn--accent-color) 85%, #000))var(--lightningcss-dark,color-mix(in oklch, var(--_f-icon-btn--accent-color) 85%, #fff))}.f-icon-button--color-secondary{--_f-icon-btn--accent-color:var(--f-color-secondary);--_f-icon-btn--color:var(--_f-icon-btn--accent-color);--_f-icon-btn--color--hover:var(--lightningcss-light,color-mix(in oklch, var(--_f-icon-btn--accent-color) 85%, #000))var(--lightningcss-dark,color-mix(in oklch, var(--_f-icon-btn--accent-color) 85%, #fff))}.f-icon-button--color-success{--_f-icon-btn--accent-color:var(--f-color-success);--_f-icon-btn--color:var(--_f-icon-btn--accent-color);--_f-icon-btn--color--hover:var(--lightningcss-light,color-mix(in oklch, var(--_f-icon-btn--accent-color) 85%, #000))var(--lightningcss-dark,color-mix(in oklch, var(--_f-icon-btn--accent-color) 85%, #fff))}.f-icon-button--color-warning{--_f-icon-btn--accent-color:var(--f-color-warning);--_f-icon-btn--color:var(--_f-icon-btn--accent-color);--_f-icon-btn--color--hover:var(--lightningcss-light,color-mix(in oklch, var(--_f-icon-btn--accent-color) 85%, #000))var(--lightningcss-dark,color-mix(in oklch, var(--_f-icon-btn--accent-color) 85%, #fff))}.f-icon-button--color-danger{--_f-icon-btn--accent-color:var(--f-color-danger);--_f-icon-btn--color:var(--_f-icon-btn--accent-color);--_f-icon-btn--color--hover:var(--lightningcss-light,color-mix(in oklch, var(--_f-icon-btn--accent-color) 85%, #000))var(--lightningcss-dark,color-mix(in oklch, var(--_f-icon-btn--accent-color) 85%, #fff))}}@layer theme,utilities;