.c-drawer__positioner{position:fixed;inset:0;display:flex;pointer-events:none}.c-drawer__positioner[data-position=left]{justify-content:flex-start}.c-drawer__positioner[data-position=right]{justify-content:flex-end}.c-drawer__positioner[data-position=top]{align-items:flex-start;flex-direction:column}.c-drawer__positioner[data-position=bottom]{align-items:flex-end;flex-direction:column-reverse}.c-drawer__content{pointer-events:auto;background:var(--c-color-surface-raised);color:var(--c-color-text);box-shadow:var(--c-shadow-lg);display:flex;flex-direction:column;overflow:hidden}.c-drawer__content[data-position=left],.c-drawer__content[data-position=right]{height:100%}.c-drawer__content[data-position=bottom],.c-drawer__content[data-position=top]{width:100%}.c-drawer__content[data-position=left][data-size=sm]{width:280px}.c-drawer__content[data-position=left][data-size=md]{width:380px}.c-drawer__content[data-position=left][data-size=lg]{width:520px}.c-drawer__content[data-position=right][data-size=sm]{width:280px}.c-drawer__content[data-position=right][data-size=md]{width:380px}.c-drawer__content[data-position=right][data-size=lg]{width:520px}.c-drawer__content[data-position=top][data-size=sm]{height:240px}.c-drawer__content[data-position=top][data-size=md]{height:360px}.c-drawer__content[data-position=bottom][data-size=sm]{height:240px}.c-drawer__content[data-position=bottom][data-size=md]{height:360px}.c-drawer__header{display:grid;grid-template-columns:1fr auto;align-items:start;gap:var(--c-space-2);padding:var(--c-space-4);border-bottom:1px solid var(--c-color-border)}.c-drawer__title{margin:0;font-size:var(--c-text-h4);font-weight:var(--c-font-weight-semibold)}.c-drawer__description{margin:4px 0 0;font-size:var(--c-text-sm);color:var(--c-color-text-muted);grid-column:1}.c-drawer__body{padding:var(--c-space-4);overflow-y:auto;flex:1;touch-action:pan-y}.c-drawer__footer{display:flex;gap:var(--c-space-2);justify-content:flex-end;padding:var(--c-space-3) var(--c-space-4);border-top:1px solid var(--c-color-border);background:var(--c-color-surface-muted)}.c-drawer-right-enter-active,.c-drawer-right-leave-active{transition:transform var(--c-motion-md) var(--c-motion-ease-out)}.c-drawer-right-enter-from .c-drawer__content,.c-drawer-right-leave-to .c-drawer__content{transform:translate(100%)}.c-drawer-left-enter-active,.c-drawer-left-leave-active{transition:transform var(--c-motion-md) var(--c-motion-ease-out)}.c-drawer-left-enter-from .c-drawer__content,.c-drawer-left-leave-to .c-drawer__content{transform:translate(-100%)}.c-drawer-top-enter-active,.c-drawer-top-leave-active{transition:transform var(--c-motion-md) var(--c-motion-ease-out)}.c-drawer-top-enter-from .c-drawer__content,.c-drawer-top-leave-to .c-drawer__content{transform:translateY(-100%)}.c-drawer-bottom-enter-active,.c-drawer-bottom-leave-active{transition:transform var(--c-motion-md) var(--c-motion-ease-out)}.c-drawer-bottom-enter-from .c-drawer__content,.c-drawer-bottom-leave-to .c-drawer__content{transform:translateY(100%)}.c-drawer__positioner{z-index:9971!important}@media(max-width:768px){.c-drawer__content[data-position=left],.c-drawer__content[data-position=right]{width:100%!important;max-width:100vw}.c-drawer__content[data-position=bottom]{border-radius:var(--c-radius-lg) var(--c-radius-lg) 0 0;max-height:92vh}.c-drawer__body,.c-drawer__footer,.c-drawer__header{padding:var(--c-space-3)}}.c-drawer__content[data-tone]{--c-color-primary:var(--c-tone);--c-color-primary-soft:var(--c-tone-soft);--c-color-primary-fg:var(--c-tone-fg);border-block-start:3px solid var(--c-tone)}