[data-overlay=modal]{block-size:var(--visual-viewport-height,100dvh);z-index:var(--tds-overlay-z-modal);padding:var(--tds-overlay-edge-gap);background:var(--tds-overlay-scrim);-webkit-backdrop-filter:blur(var(--tds-overlay-backdrop-blur));backdrop-filter:blur(var(--tds-overlay-backdrop-blur));overscroll-behavior:contain;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}[data-overlay=modal][data-entering]{animation:tds-overlay-fade-in var(--tds-overlay-transition)}[data-overlay=modal][data-exiting]{animation:tds-overlay-fade-out var(--tds-overlay-transition) forwards}@keyframes tds-overlay-fade-in{0%{opacity:0}}@keyframes tds-overlay-fade-out{to{opacity:0}}@keyframes tds-overlay-pop-in{0%{opacity:0;scale:var(--tds-overlay-enter-scale)}}@keyframes tds-overlay-pop-out{to{opacity:0;scale:var(--tds-overlay-enter-scale)}}[data-overlay=modal] [data-part=panel]{inline-size:min(var(--tds-overlay-width-md), 100%);background:var(--tds-overlay-surface);min-block-size:0;max-block-size:100%;color:var(--tds-fg-default);border:var(--tds-border-width) solid var(--tds-overlay-border);border-radius:var(--tds-overlay-radius);box-shadow:var(--tds-overlay-shadow);outline:none;flex-direction:column;display:flex;position:relative}[data-overlay=modal] [data-part=panel][data-entering]{animation:tds-overlay-pop-in var(--tds-overlay-transition)}[data-overlay=modal] [data-part=panel][data-exiting]{animation:tds-overlay-pop-out var(--tds-overlay-transition) forwards}[data-overlay=modal] [data-part=dialog]{gap:var(--tds-overlay-gap);min-block-size:0;padding:var(--tds-overlay-padding);outline:none;flex-direction:column;display:flex;position:relative}[data-overlay=modal] [data-part=header]{align-items:flex-start;gap:var(--tds-overlay-gap);padding-inline-end:var(--tds-overlay-close-size);display:flex}[data-overlay=modal] [data-part=heading]{gap:var(--tds-space-1);flex-direction:column;min-inline-size:0;display:flex}[data-overlay=modal] [data-part=title]{font-size:var(--tds-overlay-title-size);font-weight:var(--tds-overlay-title-weight);line-height:var(--tds-line-height-tight);margin:0}[data-overlay=modal] [data-part=description]{color:var(--tds-fg-muted);font-size:var(--tds-overlay-description-size);line-height:var(--tds-line-height-normal);margin:0}[data-overlay=modal] [data-part=body]{overscroll-behavior:contain;min-block-size:0;font-size:var(--tds-font-size-sm);line-height:var(--tds-line-height-normal);overflow:auto}[data-overlay=modal] [data-part=footer]{justify-content:flex-end;gap:var(--tds-space-2);flex-wrap:wrap;display:flex}[data-overlay=modal] [data-part=close]{inline-size:var(--tds-overlay-close-size);block-size:var(--tds-overlay-close-size);border-radius:var(--tds-radius-full);color:var(--tds-fg-muted);cursor:pointer;transition:background-color var(--tds-overlay-transition), color var(--tds-overlay-transition);background:0 0;border:0;place-items:center;padding:0;display:inline-grid;position:absolute;inset-block-start:var(--tds-space-2);inset-inline-end:var(--tds-space-2)}[data-overlay=modal] [data-part=close]:hover{background:var(--tds-surface-hover);color:var(--tds-fg-default)}[data-overlay=modal] [data-part=close]:active{background:var(--tds-surface-pressed)}[data-overlay=modal] [data-part=close]:focus-visible,[data-overlay=modal] [data-part=panel] :focus-visible:not([data-part=dialog]){outline:var(--tds-focus-edge) solid var(--tds-focus-ring);outline-offset:0;box-shadow:var(--tds-focus-halo)}[data-overlay=floating]{box-sizing:border-box;color:var(--tds-fg-default);background:linear-gradient(var(--tds-overlay-floating-tint), var(--tds-overlay-floating-tint)), var(--tds-overlay-floating-bg);border:var(--tds-border-width) solid var(--tds-overlay-floating-border);border-radius:var(--tds-overlay-floating-radius);box-shadow:var(--tds-overlay-floating-highlight), var(--tds-overlay-floating-shadow);-webkit-backdrop-filter:blur(var(--tds-overlay-floating-blur)) saturate(var(--tds-overlay-floating-saturate));backdrop-filter:blur(var(--tds-overlay-floating-blur)) saturate(var(--tds-overlay-floating-saturate));outline:none}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){[data-overlay=floating]{background:var(--tds-overlay-floating-bg-fallback)}}[data-overlay=floating][data-entering]{animation:tds-overlay-pop-in var(--tds-overlay-transition)}[data-overlay=floating][data-exiting]{animation:tds-overlay-pop-out var(--tds-overlay-transition) forwards}[data-overlay=floating] :focus-visible:not([data-part=dialog]){outline:var(--tds-focus-edge) solid var(--tds-focus-ring);outline-offset:0;box-shadow:var(--tds-focus-halo)}[data-overlay-item]{align-items:center;gap:var(--tds-overlay-item-gap);min-block-size:var(--tds-overlay-item-height);padding-inline:var(--tds-overlay-item-padding-inline);border-radius:var(--tds-overlay-item-radius);font-size:var(--tds-overlay-item-font-size);color:var(--tds-fg-default);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;display:flex}[data-overlay-item][data-focused],[data-overlay-item][data-hovered]{background:var(--tds-surface-hover)}[data-overlay-item][data-pressed]{background:var(--tds-surface-pressed)}[data-overlay-item][data-focus-visible]{outline:var(--tds-focus-edge) solid var(--tds-focus-ring);outline-offset:calc(var(--tds-focus-edge) * -1)}[data-overlay-item][data-disabled]{color:var(--tds-fg-subtle);cursor:default;pointer-events:none}[data-overlay-item][data-danger]{color:var(--tds-danger-default)}[data-overlay-item] [data-part=item-label]{flex:1;min-inline-size:0}[data-overlay-item] [data-part=item-description]{color:var(--tds-fg-muted);font-size:var(--tds-font-size-xs);display:block}[data-overlay-item] [data-part=item-shortcut]{color:var(--tds-fg-muted);font-family:var(--tds-font-family-mono);font-size:var(--tds-font-size-xs);direction:ltr;unicode-bidi:isolate}@media (pointer:coarse){[data-overlay-item]{min-block-size:var(--tds-overlay-item-height-touch)}}html[data-reduced-motion=true] [data-overlay]{transition:none!important;animation:none!important}html[data-reduced-motion=true] [data-overlay] *{transition:none!important}@media (prefers-reduced-motion:reduce){html:not([data-reduced-motion=false]) [data-overlay]{transition:none!important;animation:none!important}html:not([data-reduced-motion=false]) [data-overlay] *{transition:none!important}}@media print{[data-overlay][data-print=hide]{display:none}[data-overlay=modal][data-print=show]{-webkit-backdrop-filter:none;background:0 0;block-size:auto;padding:0;display:block;position:static}[data-overlay=modal][data-print=show] [data-part=panel]{box-shadow:none;max-inline-size:100%}[data-overlay=modal][data-print=show] [data-part=close]{display:none}}
