@layer reset;@layer tokens{:root{--f-layout-stack--gap:0;--f-layout-sidebar-toggle-caret--size:16px;--f-layout-sidebar--width:260px;--f-layout-sidebar--width-collapsed:64px;--f-layout-sidebar--bg-color:transparent;--f-layout-sidebar--border-color:var(--f-color-border-default);--f-layout-sidebar--border-width:1px;--f-layout-sidebar--transition-duration:.2s;--f-layout-sidebar--transition-easing:ease-in-out;--f-layout-sidebar--toggle-caret-offset-y:var(--f-space-2);--f-layout-sidebar--toggle-caret-z-index:5;--f-layout-sidebar-toggle--icon-transition-duration:.2s;--f-layout-sidebar-toggle--icon-transition-easing:ease-in-out;--f-layout-sidebar-toggle--icon-collapsed-opacity:.72}}@layer base;@layer components{.f-layout-shell{flex-direction:column;min-width:0;min-height:0;display:flex}.f-layout-shell--fill{height:100%;overflow:hidden}.f-layout-shell--viewport{height:100dvh;max-height:100dvh;overflow:hidden}.f-layout-shell__body{gap:var(--f-layout-stack--gap);flex:auto;min-width:0;min-height:0;display:flex}.f-layout-shell__body--row{flex-direction:row;align-items:stretch}.f-layout-shell__body--column{flex-direction:column}.f-layout-stack{gap:var(--f-layout-stack--gap);min-width:0;min-height:0;display:flex}.f-layout-stack--row{flex-direction:row;align-items:stretch}.f-layout-stack--column{flex-direction:column}.f-layout-stack{max-width:100%;max-height:100%}.f-layout-stack--fill{flex:1 1 0;width:100%;height:100%}.f-layout-sidebar-toggle-caret.f-button{--_f-button--height:var(--f-layout-sidebar-toggle-caret--size);--_f-button--width:var(--f-layout-sidebar-toggle-caret--size);--_f-button--padding-y:0;--_f-button--padding-x:0;--_f-button--icon-size:calc(var(--f-layout-sidebar-toggle-caret--size) - 2px);height:var(--f-layout-sidebar-toggle-caret--size);width:var(--f-layout-sidebar-toggle-caret--size);min-width:var(--f-layout-sidebar-toggle-caret--size);flex-shrink:0;padding:0}.f-layout-sidebar{background-color:var(--f-layout-sidebar--bg-color);border:0 solid #0000;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:visible}.f-layout-sidebar--inline{height:100%;transition:width var(--f-layout-sidebar--transition-duration) var(--f-layout-sidebar--transition-easing);flex-grow:0;flex-shrink:0}.f-layout-sidebar--overlay{flex:auto;height:100%;min-height:0}.f-layout-sidebar--bordered.f-layout-sidebar--inline.f-layout-sidebar--start{border-right-width:var(--f-layout-sidebar--border-width);border-right-color:var(--f-layout-sidebar--border-color)}.f-layout-sidebar--bordered.f-layout-sidebar--inline.f-layout-sidebar--end{border-left-width:var(--f-layout-sidebar--border-width);border-left-color:var(--f-layout-sidebar--border-color)}.f-layout-sidebar--collapsible.f-layout-sidebar--inline{z-index:2}.f-layout-sidebar__drawer-panel{width:var(--_f-layout-sidebar--drawer-width,var(--f-layout-sidebar--width));max-width:100vw;height:100%}.f-layout-sidebar__drawer-panel>.f-drawer__content{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.f-layout-sidebar__clip{flex:auto;width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.f-layout-sidebar__frame{width:100%;height:100%;min-width:var(--_f-layout-sidebar--frame-min-width,var(--f-layout-sidebar--width))}.f-layout-sidebar__header,.f-layout-sidebar__footer{flex-shrink:0}.f-layout-sidebar__body{min-height:0}.f-layout-sidebar__toggle-caret.f-button{top:var(--f-layout-sidebar--toggle-caret-offset-y);z-index:var(--f-layout-sidebar--toggle-caret-z-index);position:absolute}.f-layout-sidebar--start>.f-layout-sidebar__toggle-caret.f-button{right:0;transform:translate(50%)}.f-layout-sidebar--end>.f-layout-sidebar__toggle-caret.f-button{left:0;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.f-layout-sidebar--inline,.f-layout-sidebar__frame{transition:none}}.f-layout-sidebar-trigger{flex-shrink:0}.f-layout-sidebar-trigger__ph-wrap{font-size:var(--f-icon-btn--icon-size,24px);line-height:0;display:inline-flex}.f-layout-sidebar-trigger svg.f-layout-sidebar-trigger__icon{width:1em;height:1em;transition:opacity var(--f-layout-sidebar-toggle--icon-transition-duration) var(--f-layout-sidebar-toggle--icon-transition-easing)}.f-layout-sidebar-trigger__icon--end{transform:rotate(180deg)}.f-layout-sidebar-trigger__icon--collapsed{opacity:var(--f-layout-sidebar-toggle--icon-collapsed-opacity)}}@layer theme,utilities;