.tp-drawer{box-sizing:border-box;block-size:100dvh;max-block-size:100dvh;inline-size:min(520px,100%);max-inline-size:100%;margin:0;position:fixed;inset-block:0;inset-inline:auto 0}.tp-dialog.tp-drawer{background:var(--tp-background);border-inline-start:1px solid var(--tp-border-strong);box-shadow:var(--tp-elev-3)}.tp-drawer--wide{inline-size:min(1080px,100%)}.tp-drawer[open]{animation:tp-drawer-in var(--tp-motion-base) var(--tp-ease-base)}.tp-drawer[open]::backdrop{animation:tp-scrim-in var(--tp-motion-base) var(--tp-ease-base)}@keyframes tp-drawer-in{0%{transform:translate(100%)}}[dir=rtl] .tp-drawer[open]{animation-name:tp-drawer-in-rtl}@keyframes tp-drawer-in-rtl{0%{transform:translate(-100%)}}@keyframes tp-scrim-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.tp-drawer[open],.tp-drawer[open]::backdrop{animation:none}}
.tp-surface-failed{border:1px dashed var(--tp-border-strong);background:var(--tp-surface);color:var(--tp-text-body);border-radius:16px;justify-items:start;gap:12px;padding:24px 28px;display:grid}.tp-surface-failed>:is(h1,h2,h3){font:var(--tp-type-title-panel);letter-spacing:var(--tp-type-title-panel-tracking);color:var(--tp-text-heading);margin:0}.tp-surface-failed>:is(h1,h2,h3):focus{outline:none}.tp-surface-failed>:is(h1,h2,h3):focus-visible{outline:var(--tp-focus-outline);outline-offset:var(--tp-focus-offset);border-radius:var(--tp-radius-mark)}.tp-surface-failed p{margin:0}.tp-surface-failed code{font:var(--tp-type-value);font-family:var(--tp-font-mono);color:var(--tp-text-heading);font-weight:500}