.drawer__trigger{cursor:pointer}.drawer__trigger[data-focus-visible=true]{outline:2px solid var(--color-focus-ring);outline-offset:2px}.drawer__content--docked{--drawer-from:100%;z-index:40;inset-block:calc(var(--page-shell-inset) * 2 + 4rem) var(--page-shell-inset);inline-size:min(27.5rem, calc(100vw - 2 * var(--page-shell-inset)));border-radius:var(--radius-card);background:var(--surface-overlay);color:var(--text-primary);box-shadow:var(--elevation-3);animation:drawer-enter var(--motion-duration-standard) var(--ease-enter) both;display:flex;position:fixed;inset-inline-end:var(--page-shell-inset);overflow:hidden}.drawer__content--docked.drawer__content--start{--drawer-from:-100%;inset-inline:var(--page-shell-inset) auto}.drawer__content--docked.drawer__content--lg{inline-size:min(36rem, calc(100vw - 2 * var(--page-shell-inset)))}[dir=rtl] .drawer__content--docked{--drawer-from:-100%}[dir=rtl] .drawer__content--docked.drawer__content--start{--drawer-from:100%}.drawer__content--docked[data-exiting=true]{animation:drawer-exit var(--motion-duration-exit) var(--ease-exit) both}@keyframes drawer-enter{0%{opacity:0;transform:translateX(calc(var(--drawer-from) * .15))}}@keyframes drawer-exit{to{opacity:0;transform:translateX(calc(var(--drawer-from) * .15))}}@media (prefers-reduced-motion:reduce){.drawer__content--docked{animation-name:drawer-fade-in;animation-duration:1ms}.drawer__content--docked[data-exiting=true]{animation-name:drawer-fade-out;animation-duration:1ms}}@keyframes drawer-fade-in{0%{opacity:1}}@keyframes drawer-fade-out{to{opacity:0}}.drawer__backdrop{z-index:50;height:var(--visual-viewport-height);background:var(--surface-backdrop);opacity:1;width:100%;transition:opacity var(--motion-duration-fast) var(--ease-enter);display:flex;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.drawer__backdrop{transition-property:none}}.drawer__backdrop--sheet{background:0 0}.drawer__backdrop[data-entering=true],.drawer__backdrop[data-exiting=true]{opacity:0}.drawer__backdrop[data-exiting=true]{transition-duration:var(--motion-duration-exit);transition-timing-function:var(--ease-exit)}.drawer__content:not(.drawer__content--docked){--drawer-from:100%;background:var(--surface-overlay);block-size:100%;inline-size:min(27.5rem,100vw);color:var(--text-primary);box-shadow:var(--elevation-3);transition:transform var(--motion-duration-standard) var(--ease-enter);outline:none;margin-inline-start:auto;display:flex;transform:translate(0)}@media (prefers-reduced-motion:reduce){.drawer__content:not(.drawer__content--docked){transition-property:none}}[dir=rtl] .drawer__content:not(.drawer__content--docked){--drawer-from:-100%}.drawer__content--start:not(.drawer__content--docked){--drawer-from:-100%;margin-inline:0 auto}[dir=rtl] .drawer__content--start:not(.drawer__content--docked){--drawer-from:100%}.drawer__content--lg:not(.drawer__content--docked){inline-size:min(36rem,100vw)}.drawer__content--bottom:not(.drawer__content--docked){border-start-start-radius:var(--radius-card);border-start-end-radius:var(--radius-card);align-self:flex-end;block-size:auto;max-block-size:85dvh;inline-size:100%;margin:0}.drawer__content.drawer__content--sheet{inline-size:100vw;box-shadow:none}.drawer__content:not(.drawer__content--docked)[data-entering=true],.drawer__content:not(.drawer__content--docked)[data-exiting=true]{transform:translateX(var(--drawer-from))}.drawer__content--bottom:not(.drawer__content--docked)[data-entering=true],.drawer__content--bottom:not(.drawer__content--docked)[data-exiting=true]{transform:translateY(100%)}.drawer__content:not(.drawer__content--docked)[data-exiting=true]{transition-duration:var(--motion-duration-exit);transition-timing-function:var(--ease-exit)}@media (prefers-reduced-motion:reduce){.drawer__content:not(.drawer__content--docked)[data-entering=true],.drawer__content:not(.drawer__content--docked)[data-exiting=true]{transform:none}}.drawer__dialog{outline:none;flex-direction:column;flex:1;min-block-size:0;min-inline-size:0;display:flex}.drawer__header{gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-3) var(--space-5);border-block-end:1px solid var(--border-hairline-soft);flex-direction:column;display:flex}.drawer__heading{color:var(--text-primary);font-size:var(--text-lg);line-height:var(--text-lg--line-height);font-weight:var(--font-weight-semibold);margin:0}.drawer__body{overscroll-behavior:contain;flex-direction:column;flex:1;min-block-size:0;display:flex;overflow-y:auto}.drawer__footer{gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-2);border-block-start:1px solid var(--border-hairline-soft);flex-direction:column;display:flex}.drawer__close-trigger{inline-size:var(--control-height-md);block-size:var(--control-height-md);border-radius:var(--radius-button);color:var(--text-primary);cursor:pointer;transition:background-color var(--motion-duration-fast) var(--ease-enter), transform var(--motion-duration-press) var(--ease-press);background:0 0;border:0;flex:none;place-items:center;display:inline-grid}@media (prefers-reduced-motion:reduce){.drawer__close-trigger{transition-property:none}}@media (hover:hover){.drawer__close-trigger[data-hovered=true]{background:var(--surface-neutral)}}.drawer__close-trigger[data-pressed=true]{transform:scale(var(--motion-press-scale))}.drawer__close-trigger[data-focus-visible=true]{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media (pointer:coarse){.drawer__close-trigger{inline-size:var(--control-target);block-size:var(--control-target)}}