@layer components{.ap-drawer__backdrop{z-index:var(--ap-layer-modal);background:color-mix(in srgb, var(--ap-color-heading) 35%, transparent);opacity:1;transition:opacity var(--ap-duration-standard) var(--ap-ease-standard);position:fixed;inset:0}.ap-drawer__viewport{z-index:var(--ap-layer-modal);inline-size:100%;max-inline-size:var(--ap-size-mobile);pointer-events:none;display:flex;position:fixed;inset-block:0}.ap-drawer__viewport[data-side=start]{inset-inline-start:0}.ap-drawer__viewport[data-side=end]{inset-inline-end:0}.ap-drawer{min-inline-size:0;max-block-size:var(--ap-size-viewport);overscroll-behavior:contain;border-inline-end:var(--ap-border-subtle);padding:max(var(--ap-space-5), env(safe-area-inset-top)) max(var(--ap-space-5), env(safe-area-inset-right)) max(var(--ap-space-5), env(safe-area-inset-bottom)) max(var(--ap-space-5), env(safe-area-inset-left));color:var(--ap-color-text);background:var(--ap-color-surface);box-shadow:var(--ap-shadow-card);pointer-events:auto;transition:opacity var(--ap-duration-standard) var(--ap-ease-standard), transform var(--ap-duration-standard) var(--ap-ease-standard);flex-direction:column;flex:1;display:flex;position:relative;overflow:auto}.ap-drawer[data-side=end]{border-inline-end:0;border-inline-start:var(--ap-border-subtle)}.ap-drawer[data-starting-style],.ap-drawer[data-ending-style],.ap-drawer__backdrop[data-starting-style],.ap-drawer__backdrop[data-ending-style]{opacity:0}.ap-drawer[data-side=start][data-starting-style],.ap-drawer[data-side=start][data-ending-style]{transform:translate(-100%)}.ap-drawer[data-side=end][data-starting-style],.ap-drawer[data-side=end][data-ending-style]{transform:translate(100%)}.ap-drawer__close{position:absolute;inset-block-start:var(--ap-space-3);inset-inline-end:var(--ap-space-3)}.ap-drawer__title{color:var(--ap-color-heading);font-family:var(--ap-font-heading);font-size:var(--ap-font-size-lg);font-weight:var(--ap-font-weight-semibold);line-height:var(--ap-line-height-tight);padding-inline-end:var(--ap-space-7)}.ap-drawer__description{color:var(--ap-color-text-muted);font-size:var(--ap-font-size-sm);margin-block-start:var(--ap-space-2)}}@media (prefers-reduced-motion:reduce){@layer components{.ap-drawer,.ap-drawer__backdrop{transition-duration:var(--ap-duration-instant)}}}@media (forced-colors:active){@layer components{.ap-drawer__backdrop{opacity:.75;background:canvas}.ap-drawer{box-shadow:none;border-color:canvastext}}}