@layer reset;@layer tokens{:root{--f-menu-button--animation-duration:.28s;--f-menu-button--animation-easing:cubic-bezier(.22, 1, .36, 1);--f-menu-button--icon-size:var(--f-button--icon-size,20px)}@media (prefers-reduced-motion:reduce){:root{--f-menu-button--animation-duration:0s}}:root{--f-menu-divider--margin:4px;--f-menu-overlay--bg-color:var(--f-overlay-content--bg-color);--f-menu-group--label--font-size:var(--f-text-sm);--f-menu-group--label--color:var(--f-color-text-secondary);--f-menu--icon-size:20px;--f-menu--icon-size--submenu:20px;--f-menu--width--horizontal:100%;--f-menu--width--vertical:auto;--f-menu--width--collapsed:calc(var(--f-menu--icon-size) + var(--f-menu--item--padding-x) * 2);--f-menu--collapse-duration:.2s;--f-menu--item--padding-x:var(--f-space-2);--f-menu--item--padding-y:var(--f-space-1);--f-menu--item--border-radius:var(--f-border-radius);--f-menu--item--gap:var(--f-menu--item--padding-x);--f-menu--item--label-color:var(--f-color-text-primary);--f-menu--item--icon-color:var(--f-color-text-secondary);--f-menu--item--caret-color:var(--f-color-text-secondary);--f-menu--item--bg-color:transparent;--f-menu--item--ripple-color:var(--f-color-primary);--f-menu--item--opened--label-color:var(--f-menu--item--label-color);--f-menu--item--opened--icon-color:var(--f-menu--item--icon-color);--f-menu--item--opened--caret-color:var(--f-menu--item--caret-color);--f-menu--item--opened--bg-color:var(--f-menu--item--bg-color,transparent);--f-menu--item--active--label-color:var(--f-color-primary);--f-menu--item--active--icon-color:var(--f-color-primary);--f-menu--item--active--caret-color:var(--f-color-primary);--f-menu--item--active--bg-color:transparent;--f-menu--item--hover--label-color:var(--f-menu--item--label-color);--f-menu--item--hover--icon-color:var(--f-menu--item--icon-color);--f-menu--item--hover--caret-color:var(--f-menu--item--caret-color);--f-menu--item--hover--bg-color:var(--f-color-surface-subtle);--f-menu--item--danger--label-color:var(--f-color-danger);--f-menu--item--danger--icon-color:var(--f-color-danger);--f-menu--item--danger--caret-color:var(--f-color-danger);--f-menu--item--danger--hover--bg-color:color-mix(in oklch, var(--f-color-danger) 12%, var(--f-color-mix-neutral));--f-menu--item--danger--ripple-color:var(--f-color-danger);--f-menu--item--disabled--label-color:var(--f-color-text-secondary);--f-menu--item--disabled--icon-color:var(--f-color-text-secondary);--f-menu--item--disabled--caret-color:var(--f-color-text-secondary);--f-menu--item--underline-color:transparent;--f-menu--item--underline-color--active:var(--f-color-primary);--f-menu--item--underline-color--danger:var(--f-color-danger);--f-menu--item--label--font-size:.85rem;--f-menu--item--label--font-size--submenu:var(--f-text-sm);--f-menu--submenu--indent-border-color:var(--f-color-border-default)}}@layer base;@layer components{.f-menu-button-icon{--_f-menu-button-icon--size:var(--f-menu-button--icon-size);justify-content:center;align-items:center;display:inline-flex}.f-button--size-small .f-menu-button-icon{--_f-menu-button-icon--size:18px}.f-button--size-large .f-menu-button-icon{--_f-menu-button-icon--size:var(--f-space-6)}.f-menu-button-icon__svg{width:var(--_f-menu-button-icon--size);height:var(--_f-menu-button-icon--size);display:block}.f-menu-button-icon__g{transform-origin:12px 12px}.f-menu-button-icon__g__seg{fill:currentColor;transform-origin:12px 12px;transition:transform var(--f-menu-button--animation-duration) var(--f-menu-button--animation-easing), opacity var(--f-menu-button--animation-duration) ease, x var(--f-menu-button--animation-duration) var(--f-menu-button--animation-easing), y var(--f-menu-button--animation-duration) var(--f-menu-button--animation-easing), width var(--f-menu-button--animation-duration) var(--f-menu-button--animation-easing)}.f-menu-button-icon--bars .f-menu-button-icon__g__seg-1{x:4px;opacity:1;width:16px;transform:translateY(-5px)}.f-menu-button-icon--bars .f-menu-button-icon__g__seg-2{x:4px;opacity:1;width:16px;transform:translate(0)}.f-menu-button-icon--bars .f-menu-button-icon__g__seg-3{x:4px;opacity:1;width:16px;transform:translateY(5px)}.f-menu-button-icon--dots-horizontal .f-menu-button-icon__g__seg{x:11px;opacity:1;width:2px;transform:translate(0)}.f-menu-button-icon--dots-horizontal .f-menu-button-icon__g__seg-1{transform:translate(-6px)scale(1.5)}.f-menu-button-icon--dots-horizontal .f-menu-button-icon__g__seg-2{transform:translate(0)scale(1.5)}.f-menu-button-icon--dots-horizontal .f-menu-button-icon__g__seg-3{transform:translate(6px)scale(1.5)}.f-menu-button-icon--dots-vertical .f-menu-button-icon__g__seg{x:11px;opacity:1;width:2px;transform:translate(0)}.f-menu-button-icon--dots-vertical .f-menu-button-icon__g__seg-1{transform:translateY(-6px)scale(1.5)}.f-menu-button-icon--dots-vertical .f-menu-button-icon__g__seg-2{transform:translate(0)scale(1.5)}.f-menu-button-icon--dots-vertical .f-menu-button-icon__g__seg-3{transform:translateY(6px)scale(1.5)}.f-menu-button-icon--active .f-menu-button-icon__g__seg-1{x:4px;opacity:1;width:16px;transform:rotate(45deg)}.f-menu-button-icon--active .f-menu-button-icon__g__seg-2{opacity:0;width:0;transform:none}.f-menu-button-icon--active .f-menu-button-icon__g__seg-3{x:4px;opacity:1;width:16px;transform:rotate(-45deg)}.f-menu-divider hr{margin:var(--f-menu-divider--margin)}.f-menu-overlay{--f-overlay-content--bg-color:var(--f-menu-overlay--bg-color);--f-overlay-content--box-shadow:var(--f-shadow-2);--_f-menu--icon-size:var(--f-menu--icon-size,22px);border-radius:var(--f-menu--item--border-radius);max-width:fit-content;padding:2px}.f-menu-item__content{--f-ripple--color:var(--_f-menu--item--ripple-color);gap:var(--f-menu--item--gap);padding:var(--f-menu--item--padding-y) var(--f-menu--item--padding-x);background-color:var(--_f-menu--item--bg-color);-webkit-user-select:none;user-select:none;flex-grow:1;align-items:center;width:100%;transition:all .3s;display:flex;position:relative;overflow:hidden}.f-menu-item__content:focus{outline:none}.f-menu-item__content:not(.f-menu-item__content--disabled):not(.f-menu-item__content--group):focus-visible,.f-menu-item__content:not(.f-menu-item__content--disabled).f-menu-item__content--group.f-menu-item__content--openable:focus-visible{--_f-menu--item--bg-color:var(--_f-menu--item--hover--bg-color,var(--f-menu--item--hover--bg-color));--_f-menu--item--label-color:var(--_f-menu--item--hover--label-color,var(--f-menu--item--hover--label-color));--_f-menu--item--icon-color:var(--_f-menu--item--hover--icon-color,var(--f-menu--item--hover--icon-color));--_f-menu--item--caret-color:var(--_f-menu--item--hover--caret-color,var(--f-menu--item--hover--caret-color))}.f-menu-item__content:hover:not(.f-menu-item__content--disabled):not(.f-menu-item__content--group){--_f-menu--item--bg-color:var(--_f-menu--item--hover--bg-color,var(--f-menu--item--hover--bg-color));--_f-menu--item--label-color:var(--_f-menu--item--hover--label-color,var(--f-menu--item--hover--label-color));--_f-menu--item--icon-color:var(--_f-menu--item--hover--icon-color,var(--f-menu--item--hover--icon-color));--_f-menu--item--caret-color:var(--_f-menu--item--hover--caret-color,var(--f-menu--item--hover--caret-color));cursor:pointer}.f-menu-item__content:hover.f-menu-item__content--disabled{cursor:not-allowed}.f-menu-item__content:hover.f-menu-item__content--group{cursor:default}.f-menu-item__content__label{color:var(--_f-menu--item--label-color);font-size:var(--_f-menu--item--label--font-size);white-space:nowrap;text-overflow:ellipsis;min-width:0;line-height:var(--_f-menu--icon-size,24px);min-height:var(--_f-menu--icon-size,24px);flex:auto;overflow:hidden}.f-menu-item__content__icon{color:var(--_f-menu--item--icon-color);font-size:var(--f-text-lg);width:var(--_f-menu--icon-size,24px);height:var(--_f-menu--icon-size,24px);flex-shrink:0;justify-content:center;align-items:center;transition:color .3s,border-color .3s;display:inline-flex}.f-menu-item__content__icon--abbr{text-transform:uppercase;font-weight:var(--f-font-weight-semibold);border:1px solid var(--_f-menu--item--icon-color);border-radius:50%;padding:0;font-size:.65rem}.f-menu-item__content__icon svg{width:100%;height:auto}.f-menu-item__content__caret{--f-caret--color:var(--_f-menu--item--caret-color);--_f-menu--caret-hit:var(--f-space-1,4px);box-sizing:border-box;width:calc(var(--f-caret--size,12px) + var(--_f-menu--caret-hit) * 2);min-width:calc(var(--f-caret--size,12px) + var(--_f-menu--caret-hit) * 2);height:calc(var(--f-caret--size,12px) + var(--_f-menu--caret-hit) * 2);padding:var(--_f-menu--caret-hit);margin:calc(var(--_f-menu--caret-hit) * -1);cursor:pointer;will-change:opacity, transform, width, margin;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;line-height:0;transition:opacity .18s,transform .18s,width .25s,min-width .25s,margin .25s;display:inline-flex;overflow:visible}.f-menu-item__content--collapsed{gap:0}.f-menu-item__content--collapsed .f-menu-item__content__caret{opacity:0;flex-basis:0;width:0;min-width:0;margin-left:0;overflow:hidden;transform:scale(.98)}a.f-menu-item__content{color:inherit;text-decoration:none}a.f-menu-item__content:visited{color:inherit}a.f-menu-item__content:hover{text-decoration:none}.f-menu-item{--_f-menu--icon-size:var(--f-menu--icon-size,20px);--_f-menu--item--label-color:var(--f-menu--item--label-color);--_f-menu--item--icon-color:var(--f-menu--item--icon-color);--_f-menu--item--caret-color:var(--f-menu--item--caret-color);--_f-menu--item--bg-color:var(--f-menu--item--bg-color);--_f-menu--item--label--font-size:var(--f-menu--item--label--font-size);--_f-menu--item--underline-color:var(--f-menu--item--underline-color);--_f-menu--item--ripple-color:var(--f-menu--item--ripple-color)}.f-menu-item--submenu{--_f-menu--icon-size:var(--f-menu--icon-size--submenu,20px);--_f-menu--item--label--font-size:var(--f-menu--item--label--font-size--submenu,.75rem)}.f-menu-item--opened{--_f-menu--item--label-color:var(--f-menu--item--opened--label-color);--_f-menu--item--icon-color:var(--f-menu--item--opened--icon-color);--_f-menu--item--caret-color:var(--f-menu--item--opened--caret-color);--_f-menu--item--bg-color:var(--f-menu--item--opened--bg-color)}.f-menu-item--active{--_f-menu--item--label-color:var(--f-menu--item--active--label-color);--_f-menu--item--icon-color:var(--f-menu--item--active--icon-color);--_f-menu--item--caret-color:var(--f-menu--item--active--caret-color);--_f-menu--item--bg-color:var(--f-menu--item--active--bg-color);--_f-menu--item--hover--label-color:var(--f-menu--item--active--label-color);--_f-menu--item--hover--icon-color:var(--f-menu--item--active--icon-color);--_f-menu--item--hover--caret-color:var(--f-menu--item--active--caret-color)}.f-menu-item--group{--_f-menu--item--bg-color:transparent;--_f-menu--item--label--font-size:var(--f-menu-group--label--font-size);--_f-menu--item--label-color:var(--f-menu-group--label--color)}.f-menu-item--group>.f-menu-item__content{--_f-menu--item--hover--bg-color:transparent}.f-menu-item--danger{--_f-menu--item--label-color:var(--f-menu--item--danger--label-color);--_f-menu--item--icon-color:var(--f-menu--item--danger--icon-color);--_f-menu--item--caret-color:var(--f-menu--item--danger--caret-color);--_f-menu--item--ripple-color:var(--f-menu--item--danger--ripple-color);--_f-menu--item--hover--label-color:var(--f-menu--item--danger--label-color);--_f-menu--item--hover--icon-color:var(--f-menu--item--danger--icon-color);--_f-menu--item--hover--caret-color:var(--f-menu--item--danger--caret-color);--_f-menu--item--hover--bg-color:var(--f-menu--item--danger--hover--bg-color)}.f-menu-item--disabled{--_f-menu--item--label-color:var(--f-menu--item--disabled--label-color);--_f-menu--item--icon-color:var(--f-menu--item--disabled--icon-color);--_f-menu--item--caret-color:var(--f-menu--item--disabled--caret-color);--_f-menu--item--hover--bg-color:transparent}ul.f-menu__level{--_f-menu--icon-size:var(--f-menu--icon-size,22px);flex-direction:column;align-items:flex-start;gap:0;width:100%;margin:0;padding:0;list-style:none;display:flex}ul.f-menu__level--submenu.f-menu__level--vertical{padding-left:calc(var(--f-menu--item--padding-x) + var(--_f-menu--icon-size) / 2)}ul.f-menu__level--submenu.f-menu__level--overlay{padding-left:0}ul.f-menu__level--vertical{flex-direction:column}ul.f-menu__level--vertical .f-menu-item{flex-direction:column;width:100%}ul.f-menu__level--vertical .f-menu-item--group{margin-bottom:var(--f-space-1)}ul.f-menu__level--vertical .f-menu-item--opened.f-menu-item--overlay>.f-menu-item__content{background-color:var(--_f-menu--item--hover--bg-color,var(--f-menu--item--hover--bg-color))}ul.f-menu__level--vertical .f-menu-item:last-child{padding-bottom:0}ul.f-menu__level--vertical .f-menu-item__content:not(.f-menu-item__content--disabled){border-radius:var(--f-menu--item--border-radius)}ul.f-menu__level--vertical .f-menu-divider{height:100%}ul.f-menu__level--vertical:not(.f-menu__level--overlay) .f-menu-item--submenu{border-left:1px solid var(--f-menu--submenu--indent-border-color);padding:2px 0 2px 4px}ul.f-menu__level--horizontal{flex-direction:row}ul.f-menu__level--horizontal .f-menu-divider{align-self:stretch;height:auto}ul.f-menu__level--horizontal .f-menu-item>.f-menu-item__content{border-bottom:2px solid var(--_f-menu--item--underline-color)}ul.f-menu__level--horizontal .f-menu-item--opened{--_f-menu--item--underline-color:var(--f-menu--item--underline-color--active)}ul.f-menu__level--horizontal .f-menu-item--opened.f-menu-item--danger{--_f-menu--item--underline-color:var(--f-menu--item--underline-color--danger)}ul.f-menu__level--horizontal .f-menu-item--active{--_f-menu--item--underline-color:var(--f-menu--item--underline-color--active)}ul.f-menu__level--horizontal .f-menu-item--active.f-menu-item--danger{--_f-menu--item--underline-color:var(--f-menu--item--underline-color--danger)}ul.f-menu__level--horizontal .f-menu-item:not(.f-menu-item--disabled):not(.f-menu-item--group):hover{--_f-menu--item--underline-color:var(--f-menu--item--underline-color--active)}ul.f-menu__level--horizontal .f-menu-item:not(.f-menu-item--disabled):not(.f-menu-item--group):hover.f-menu-item--danger{--_f-menu--item--underline-color:var(--f-menu--item--underline-color--danger)}ul.f-menu__level--horizontal .f-menu-item:not(.f-menu-item--disabled):not(.f-menu-item--group):focus-visible{--_f-menu--item--underline-color:var(--f-menu--item--underline-color--active)}ul.f-menu__level--horizontal .f-menu-item:not(.f-menu-item--disabled):not(.f-menu-item--group):focus-visible.f-menu-item--danger{--_f-menu--item--underline-color:var(--f-menu--item--underline-color--danger)}ul.f-menu__level--horizontal .f-menu-item--group.f-menu-item--overlay>.f-menu-item__content:focus-visible{--_f-menu--item--underline-color:var(--f-menu--item--underline-color--active)}.f-menu{--_f-menu--icon-size:var(--f-menu--icon-size,20px);--_f-menu--width:var(--f-menu--width--horizontal,100%);width:var(--_f-menu--width)}.f-menu--vertical{--_f-menu--width:var(--f-menu--width--vertical,auto);transition:width var(--f-menu--collapse-duration,.2s) ease}.f-menu--vertical.f-menu--collapsed{--_f-menu--width:var(--f-menu--width--collapsed)}.f-menu--horizontal{box-shadow:inset 0 -.8px 0 0 var(--f-color-border-default)}}@layer theme,utilities;