.w-drawer{z-index:var(--z-drawer);justify-content:flex-end;display:flex;position:fixed;inset:0}.w-drawer--docked{z-index:auto;min-inline-size:0;display:block;position:static}.w-drawer__scrim{background:#10211d73;position:absolute;inset:0}.w-drawer__panel{background:var(--paper);block-size:100%;inline-size:min(80vw,100%);max-inline-size:100%;color:var(--ink);flex-direction:column;display:flex;position:relative;box-shadow:-16px 0 48px #10211d2e}.w-drawer__panel[data-size=sm]{inline-size:min(420px,100%)}.w-drawer__panel[data-size=md]{inline-size:min(560px,100%)}.w-drawer__panel[data-size=lg]{inline-size:min(760px,100%)}.w-drawer--docked .w-drawer__panel{block-size:auto;inline-size:100%;max-inline-size:none;max-block-size:calc(100dvh - var(--header-height,72px) - var(--space-8));border:1px solid var(--line);border-radius:var(--radius-lg);position:sticky;inset-block-start:calc(var(--header-height,72px) + var(--space-4));box-shadow:0 8px 24px #0f312a12}[dir=rtl] .w-drawer__panel{box-shadow:16px 0 48px #10211d2e}.w-drawer__panel:focus-visible{outline:none}.w-drawer-enter-active,.w-drawer-enter-active .w-drawer__panel{transition:opacity var(--motion-base) var(--ease-enter),transform var(--motion-base) var(--ease-enter)}.w-drawer-leave-active,.w-drawer-leave-active .w-drawer__panel{transition:opacity var(--motion-exit) var(--ease-exit),transform var(--motion-exit) var(--ease-exit)}.w-drawer-enter-from,.w-drawer-leave-to{opacity:0}.w-drawer-enter-from .w-drawer__panel,.w-drawer-leave-to .w-drawer__panel{transform:translateX(var(--motion-distance-md))}[dir=rtl] .w-drawer-enter-from .w-drawer__panel,[dir=rtl] .w-drawer-leave-to .w-drawer__panel{transform:translateX(calc(var(--motion-distance-md)*-1))}.w-drawer__head{gap:var(--space-4);padding:var(--space-5) var(--space-6);border-block-end:1px solid var(--line);justify-content:space-between;align-items:flex-start;display:flex}.w-drawer__titles h2{font-size:var(--text-lg);line-height:var(--leading-snug);margin:0}.w-drawer__titles p{margin:var(--space-1) 0 0;color:var(--ink-3);font-size:var(--text-sm)}.w-drawer__close{min-inline-size:var(--touch-min);min-block-size:var(--touch-min);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);color:var(--ink-2);font-size:var(--text-md);cursor:pointer;place-items:center;display:grid}.w-drawer__close:hover{border-color:var(--line-strong)}.w-drawer__close:focus-visible{box-shadow:var(--focus-ring);outline:none}.w-drawer__body{padding:var(--space-5) var(--space-6);flex:1;overflow-y:auto}.w-drawer--docked .w-drawer__body,.w-drawer__body{min-block-size:0}.w-drawer__actions{gap:var(--space-3);padding:var(--space-4) var(--space-6);border-block-start:1px solid var(--line);background:var(--paper);flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}@media (width<=768px){.w-drawer__panel{inline-size:100%}.w-drawer__actions,.w-drawer__body,.w-drawer__head{padding-inline:var(--space-4)}.w-drawer--docked .w-drawer__panel{max-block-size:none;position:static}}