.td-drawer-root{z-index:var(--layer-modal);background:var(--color-surface-overlay);position:fixed;inset:0}.td-drawer{background:var(--color-surface-raised);width:min(520px,100%);box-shadow:var(--elevation-3);color:var(--color-text-primary);animation:td-drawer-in var(--motion-slow) var(--ease-out);border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr);display:grid;position:absolute;top:0;bottom:0;right:0}@keyframes td-drawer-in{0%{transform:translate(100%)}to{transform:none}}.td-drawer__head{justify-content:flex-start;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-3);border-bottom:1px solid #0000;display:flex}.td-drawer__head[data-scrolled]{border-bottom-color:var(--color-border-default)}.td-drawer__title{font-size:var(--font-size-500);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--color-text-primary);margin:0 auto 0 0}.td-drawer__close{color:var(--color-text-muted);flex:none;position:relative}.td-drawer__close:hover{color:var(--color-text-primary)}@media (pointer:coarse){.td-drawer__close:after{content:"";width:var(--touch-target);height:var(--touch-target);position:absolute}}.td-drawer__body{overscroll-behavior:contain;padding:0 var(--space-5) var(--space-5);gap:var(--space-5);flex-direction:column;display:flex;overflow-y:auto}.td-drawer__caption{margin:0 0 var(--space-2);font-size:var(--font-size-200);font-weight:var(--weight-semibold);line-height:var(--leading-normal);color:var(--color-text-muted)}@media (max-width:639px){.td-drawer{width:100%}}@media (prefers-reduced-motion:reduce){.td-drawer{animation:none}}