@layer tokens,base;@layer components{.di-field{gap:var(--di-space-6);flex-direction:column;display:flex}.di-field-row{justify-content:space-between;align-items:baseline;gap:var(--di-space-12);display:flex}.di-field-label{font-family:var(--di-font-code);font-size:var(--di-font-size-200);font-weight:var(--di-weight-medium);letter-spacing:var(--di-tracking-eyebrow);text-transform:uppercase;color:var(--di-text-muted)}.di-field-label-prose{font-family:var(--di-font-ui);font-size:var(--di-font-size-400);font-weight:var(--di-weight-semibold);letter-spacing:normal;text-transform:none;color:var(--di-text)}.di-field-hint{font-size:var(--di-font-size-300);line-height:var(--di-leading-snug);color:var(--di-text-subtle)}.di-field-hint.is-error,.di-field-hint.is-sealed{align-items:center;gap:var(--di-space-4);display:flex}.di-field-hint.is-error{color:var(--di-status-danger-fg)}.di-field-hint.is-error>svg{flex:none;width:14px;height:14px}.di-field-hint.is-sealed{gap:var(--di-space-6);font-family:var(--di-font-code);font-size:var(--di-font-size-200);color:var(--di-text-muted)}.di-control{width:100%;height:var(--di-field-height);padding:0 var(--di-space-8);border:1px solid var(--di-field-border);border-radius:var(--di-field-radius);background:var(--di-field-bg);color:var(--di-text);font-family:var(--di-font-ui);font-size:var(--di-font-size-400);transition:border-color var(--di-duration) var(--di-ease)}.di-control::placeholder{color:var(--di-text-subtle)}.di-control:hover:not(:disabled){border-color:var(--di-border-strong)}.di-control-mono{font-family:var(--di-font-code);font-variant-numeric:tabular-nums}.di-control:disabled{cursor:not-allowed;background:var(--di-bg-disabled);color:var(--di-text-disabled)}.di-control[aria-invalid=true]{border-color:var(--di-status-danger-dot)}.di-sheet{border:0;border-left:1px solid var(--di-border-strong);background:var(--di-bg-surface);width:min(480px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;color:var(--di-text);box-shadow:var(--di-shadow-plane);transition:translate var(--di-duration-slow) var(--di-ease), overlay var(--di-duration-slow) allow-discrete, display var(--di-duration-slow) allow-discrete;margin:0;padding:0;position:fixed;inset:0 0 0 auto;translate:100%}.di-sheet[data-size=lg]{width:min(760px,100vw)}.di-sheet[data-size=xl]{width:min(1120px,100vw)}.di-sheet[open]{translate:0}@starting-style{.di-sheet[open]{translate:100%}}.di-sheet::backdrop{background:var(--di-scrim);opacity:0;transition:opacity var(--di-duration-slow) var(--di-ease), overlay var(--di-duration-slow) allow-discrete, display var(--di-duration-slow) allow-discrete}.di-sheet[open]::backdrop{opacity:1}@starting-style{.di-sheet[open]::backdrop{opacity:0}}.di-sheet-frame{flex-direction:column;height:100%;display:flex}.di-sheet-head{justify-content:space-between;align-items:flex-start;gap:var(--di-space-12);padding:var(--di-space-16) var(--di-space-16) var(--di-space-12) var(--di-space-24);border-bottom:1px solid var(--di-border);display:flex}.di-sheet-heading{min-width:0}.di-sheet-title{overflow-wrap:anywhere;font-size:var(--di-font-size-600);font-weight:var(--di-weight-semibold);letter-spacing:var(--di-tracking-tight);line-height:var(--di-leading-snug);color:var(--di-text)}.di-sheet-lede{margin-top:var(--di-space-4);font-size:var(--di-font-size-300);line-height:var(--di-leading-snug);color:var(--di-text-muted)}.di-sheet-close{border-radius:var(--di-radius-control);width:32px;height:32px;color:var(--di-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.di-sheet-close:hover{border-color:var(--di-border);color:var(--di-text)}.di-sheet-close>svg{width:18px;height:18px}body:has(.di-sheet[open]){overflow:hidden}.di-sheet-body{overscroll-behavior:contain;gap:var(--di-rhythm-section);min-width:0;min-height:0;padding:var(--di-space-24);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.di-sheet-footer{justify-content:flex-end;gap:var(--di-space-8);padding:var(--di-space-12) var(--di-space-24);border-top:1px solid var(--di-border);background:var(--di-bg-page);flex-wrap:wrap;display:flex}@media (width<=600px){.di-sheet-head{padding-left:var(--di-space-16)}.di-sheet-body{padding:var(--di-space-16)}.di-sheet-footer{padding-inline:var(--di-space-16)}}}@layer overrides;
