@layer reset;@layer tokens{:root{--f-drawer--panel-padding:var(--f-space-6);--f-drawer--panel-padding--no-padding:0;--f-drawer--close-btn-size:var(--f-space-8);--f-drawer--close-btn-inset:var(--f-space-2);--f-drawer--panel-bg-color:var(--f-color-surface-raised);--f-drawer--panel--shadow-color:var(--lightningcss-light,oklch(21% .034 264.665/.14))var(--lightningcss-dark,oklch(0% none none/.55));--f-drawer--panel--box-shadow--top:0 -6px 24px var(--f-drawer--panel--shadow-color);--f-drawer--panel--box-shadow--bottom:0 6px 24px var(--f-drawer--panel--shadow-color);--f-drawer--panel--box-shadow--left:6px 0 24px var(--f-drawer--panel--shadow-color);--f-drawer--panel--box-shadow--right:-6px 0 24px var(--f-drawer--panel--shadow-color);--f-drawer--posterior-overlay-bg-color:var(--f-color-backdrop);--f-drawer--posterior-overlay-opacity:.4}}@layer base;@layer components{.f-drawer-transition-top-enter-active,.f-drawer-transition-top-leave-active{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s}.f-drawer-transition-top-enter-from,.f-drawer-transition-top-leave-to{opacity:1;transform:translateY(-100%)}.f-drawer-transition-top-enter-to,.f-drawer-transition-top-leave-from{opacity:1;transform:translateY(0)}.f-drawer-transition-bottom-enter-active,.f-drawer-transition-bottom-leave-active{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s}.f-drawer-transition-bottom-enter-from,.f-drawer-transition-bottom-leave-to{opacity:1;transform:translateY(100%)}.f-drawer-transition-bottom-enter-to,.f-drawer-transition-bottom-leave-from{opacity:1;transform:translateY(0)}.f-drawer-transition-left-enter-active,.f-drawer-transition-left-leave-active{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s}.f-drawer-transition-left-enter-from,.f-drawer-transition-left-leave-to{opacity:1;transform:translate(-100%)}.f-drawer-transition-left-enter-to,.f-drawer-transition-left-leave-from{opacity:1;transform:translate(0)}.f-drawer-transition-right-enter-active,.f-drawer-transition-right-leave-active{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s}.f-drawer-transition-right-enter-from,.f-drawer-transition-right-leave-to{opacity:1;transform:translate(100%)}.f-drawer-transition-right-enter-to,.f-drawer-transition-right-leave-from{opacity:1;transform:translate(0)}.f-drawer{perspective:1000px;perspective-origin:50%;-webkit-overflow-scrolling:touch;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.f-drawer--contained,.f-drawer--contained .f-drawer__panel{position:absolute}.f-drawer__panel{--_f-drawer--panel-padding:var(--f-drawer--panel-padding);background-color:var(--f-drawer--panel-bg-color);flex-direction:column;max-width:100%;min-height:48px;transition:transform .2s;display:flex;position:fixed;overflow:hidden;transform:translate(0)translateY(0)}.f-drawer__panel:focus{outline:none}.f-drawer__panel--swiping{transition:none}.f-drawer__panel--no-padding{--_f-drawer--panel-padding:var(--f-drawer--panel-padding--no-padding)}.f-drawer__panel--posterior:after{content:"";background-color:var(--f-drawer--posterior-overlay-bg-color);opacity:var(--f-drawer--posterior-overlay-opacity);transition:opacity .2s;display:block;position:absolute;inset:0}.f-drawer__header{padding:var(--_f-drawer--panel-padding);flex-shrink:0;align-items:center;padding-block-end:var(--f-space-3);display:flex}.f-drawer__header--with-close .f-drawer__header-main{padding-inline-end:calc(var(--f-drawer--close-btn-size) - var(--f-drawer--close-btn-inset))}.f-drawer__header-main{flex:auto;min-width:0}.f-drawer__title{font-size:var(--f-text-2xl);font-weight:var(--f-font-weight-medium);text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.3;overflow:hidden}.f-drawer__content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:100%;min-height:0;padding:var(--_f-drawer--panel-padding);flex:auto;overflow:hidden auto}.f-drawer--has-header .f-drawer__content{padding-block-start:var(--f-space-3)}.f-drawer--close-inside:not(.f-drawer--has-header) .f-drawer__content{padding-block-start:max(var(--_f-drawer--panel-padding), var(--f-drawer--close-btn-inset) + var(--f-drawer--close-btn-size) + var(--f-space-2))}.f-drawer--close-outside .f-drawer__panel{overflow:visible}.f-drawer--placement-top .f-drawer__panel{height:fit-content;max-height:min(90vh,90%);box-shadow:var(--f-drawer--panel--box-shadow--top);top:0;left:0;right:0}.f-drawer--placement-bottom .f-drawer__panel{height:fit-content;max-height:min(90vh,90%);box-shadow:var(--f-drawer--panel--box-shadow--bottom);bottom:0;left:0;right:0}.f-drawer--placement-left .f-drawer__panel{width:fit-content;max-width:min(90vw,90%);box-shadow:var(--f-drawer--panel--box-shadow--left);top:0;bottom:0;left:0}.f-drawer--placement-right .f-drawer__panel{width:fit-content;max-width:min(90vw,90%);box-shadow:var(--f-drawer--panel--box-shadow--right);top:0;bottom:0;right:0}}@layer theme,utilities;.f-button.f-drawer-close-btn{width:var(--f-drawer--close-btn-size);height:var(--f-drawer--close-btn-size);top:var(--f-drawer--close-btn-inset);right:var(--f-drawer--close-btn-inset);z-index:1;justify-content:center;align-items:center;position:absolute}@media (width>=768px){.f-button.f-drawer-close-btn--outside.f-drawer-close-btn--placement-right{left:calc(-1 * var(--f-drawer--close-btn-size));right:auto;top:var(--f-drawer--close-btn-inset);border-top-right-radius:0;border-bottom-right-radius:0}.f-button.f-drawer-close-btn--outside.f-drawer-close-btn--placement-left{right:calc(-1 * var(--f-drawer--close-btn-size));top:var(--f-drawer--close-btn-inset);border-top-left-radius:0;border-bottom-left-radius:0}}