@layer reset,tokens,base,ui,pattern,page,util;@layer ui{.ui-drawer{--ui-drawer-width: min(320px, calc(100vw - 48px) );--ui-drawer-bg: var(--surface);--ui-drawer-fg: var(--text);position:fixed;inset-block:0;inset-inline:0 auto;width:var(--ui-drawer-width);max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:var(--ui-drawer-bg);color:var(--ui-drawer-fg);box-shadow:var(--shadow-3);overflow:hidden}.ui-drawer--end{inset-inline:auto 0}.ui-drawer--ink{--ui-drawer-bg: var(--sidebar-bg);--ui-drawer-fg: var(--sidebar-text);--focus-ring: var(--sidebar-focus)}.ui-drawer::backdrop{background:var(--scrim)}.ui-drawer[open]{animation:ui-drawer-in-start var(--dur-slow) var(--ease)}.ui-drawer--end[open]{animation-name:ui-drawer-in-end}.ui-drawer[open]::backdrop{animation:ui-drawer-fade var(--dur-slow) var(--ease)}@keyframes ui-drawer-in-start{0%{transform:translate(-100%)}}@keyframes ui-drawer-in-end{0%{transform:translate(100%)}}@keyframes ui-drawer-fade{0%{opacity:0}}.ui-drawer__panel{position:relative;display:flex;flex-direction:column;height:100%;overflow-y:auto;overscroll-behavior:contain;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.ui-drawer__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:calc(var(--space-3) + env(safe-area-inset-top));inset-inline-end:var(--space-3);z-index:1;display:inline-flex;align-items:center;justify-content:center;width:var(--touch);height:var(--touch);padding:0;border:0;border-radius:var(--radius-input);background:none;color:inherit;cursor:pointer;transition:background-color var(--dur-fast) var(--ease)}.ui-drawer__close:hover{background:color-mix(in srgb,currentColor 10%,transparent)}.ui-drawer--ink .ui-sidebar{min-height:100%;height:auto;padding-top:var(--space-4)}.ui-drawer--ink .ui-sidebar__brand{padding-inline-end:calc(var(--touch) + var(--space-2))}html:has(dialog.ui-drawer[open]){overflow:hidden}}