ds-overlay>dialog{box-sizing:border-box;position:var(--ds-overlay-position, fixed);inset:var(--ds-overlay-inset, 0);width:var(--ds-overlay-width, calc(20 * var(--ds-unit)));max-width:var(--ds-overlay-max-width, calc(100vw - 2 * var(--ds-unit)));max-height:var(--ds-overlay-max-height, calc(100dvh - 2 * var(--ds-unit)));height:var(--ds-overlay-height, fit-content);margin:var(--ds-overlay-margin, auto);padding:var(--ds-overlay-padding, var(--ds-unit));border:var(--ds-overlay-border, 1px solid var(--ds-border-color));border-radius:0;background:var(--ds-overlay-paper, var(--ds-paper));color:var(--ds-text-color);z-index:var(--ds-overlay-layer, auto);box-shadow:none;overflow:var(--ds-overlay-overflow, auto);overscroll-behavior:contain;font-family:var(--ds-typeface-regular);font-feature-settings:var(--ds-font-features);font-size:var(--ds-type-size-default);font-weight:var(--ds-type-weight-default);line-height:var(--ds-type-lineheight-default);letter-spacing:var(--ds-type-letterspacing-default)}ds-overlay>dialog[open]{display:flex;flex-direction:column;gap:var(--ds-unit)}ds-overlay>dialog:not([open]){display:none}ds-overlay>dialog[data-ds-type=popover]{inset:auto;left:var(--ds-overlay-anchor-left, 0px);top:var(--ds-overlay-anchor-top, 0px);margin:calc(var(--ds-unit) / 2);width:var(--ds-overlay-width, max-content);max-width:var(--ds-overlay-available-width, calc(100vw - var(--ds-unit)));max-height:var(--ds-overlay-available-height, calc(100dvh - var(--ds-unit)))}ds-overlay>dialog[data-ds-overlay-flush]{padding:0;gap:0}ds-overlay>dialog[data-ds-overlay-rotated]{inset:50% auto auto 50%;margin:0;width:calc(100dvh - 2 * var(--ds-unit));height:calc(100vw - 2 * var(--ds-unit));max-width:none;max-height:none;transform:translate(-50%,-50%) rotate(90deg)}ds-overlay>dialog[data-ds-type=screen][data-ds-overlay-rotated]{width:100dvh;height:100vw}ds-overlay>dialog::backdrop{background:color-mix(in srgb,var(--ds-black) 40%,transparent)}ds-overlay [data-ds-overlay=header]{display:flex;flex-direction:column}ds-overlay>dialog:has(>[data-ds-overlay=close]) [data-ds-overlay=header]{padding-inline-end:var(--ds-unit)}ds-overlay [data-ds-overlay=title]{display:flex;align-items:flex-end;min-height:var(--ds-row-height);margin:0;color:var(--ds-text-color);font:inherit;font-weight:var(--ds-type-weight-bold);line-height:var(--ds-type-lineheight-default)}ds-overlay [data-ds-overlay=description]{margin:0;color:var(--ds-text-color-muted);font:inherit}ds-overlay [data-ds-overlay=footer]{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:calc(var(--ds-unit) / 2);min-height:var(--ds-row-height)}ds-overlay [data-ds-overlay=close]{position:absolute;top:var(--ds-unit);right:var(--ds-unit)}ds-overlay>dialog[data-ds-overlay-inline]{position:relative;inset:auto;width:100%;max-width:none;max-height:none;margin:0;padding:0;gap:0;border:0;background:transparent}:is(ds-overlay>dialog[data-ds-edge=bottom],dialog.ds-overlay.ds-overlay--sheet),:is(ds-overlay>dialog[data-ds-edge=end],dialog.ds-overlay.ds-overlay--drawer:not(.ds-overlay--start)),:is(ds-overlay>dialog[data-ds-edge=start],dialog.ds-overlay.ds-overlay--drawer.ds-overlay--start){--ds-overlay-gap: var(--ds-unit);--ds-overlay-inner: var(--ds-overlay-padding, var(--ds-unit));--ds-overlay-within: max(0px, var(--ds-overlay-inner) - var(--ds-overlay-line, 1px));--ds-overlay-motion: var(--ds-overlay-enter, .38s);--ds-overlay-curve: var(--ds-overlay-easing, cubic-bezier(.32, .72, 0, 1));margin:0;gap:var(--ds-overlay-gap);transform:var(--ds-overlay-held);transition:transform var(--ds-overlay-motion) var(--ds-overlay-curve),opacity var(--ds-overlay-motion) var(--ds-overlay-curve),overlay var(--ds-overlay-motion) allow-discrete,display var(--ds-overlay-motion) allow-discrete}:is(ds-overlay>dialog[data-ds-edge],dialog.ds-overlay:is(.ds-overlay--sheet,.ds-overlay--drawer))[data-ds-overlay-flush]{--ds-overlay-inner: 0px;--ds-overlay-gap: 0px}:is(ds-overlay>dialog[data-ds-edge=bottom],dialog.ds-overlay.ds-overlay--sheet){--ds-overlay-held: translateY(var(--ds-overlay-drag, 0px));--ds-overlay-away: translateY(100%);inset:auto 0 0;width:var(--ds-overlay-width, 100%);max-width:min(100%,var(--ds-overlay-sheet-width, calc(32 * var(--ds-unit))));height:var(--ds-overlay-height, fit-content);max-height:calc(100dvh - var(--ds-overlay-sheet-gap, calc(2 * var(--ds-unit))) - env(safe-area-inset-top,0px));margin:0 auto;padding:var(--ds-overlay-within) calc(var(--ds-overlay-inner) + env(safe-area-inset-right,0px)) calc(var(--ds-overlay-inner) + env(safe-area-inset-bottom,0px)) calc(var(--ds-overlay-inner) + env(safe-area-inset-left,0px));border-bottom:0}:is(ds-overlay>dialog[data-ds-edge=bottom],dialog.ds-overlay.ds-overlay--sheet):before{--ds-overlay-handle-height: calc(4px * var(--ds-sf, 1));content:"";display:var(--ds-overlay-handle, block);position:sticky;z-index:1;top:calc((var(--ds-unit) - var(--ds-overlay-handle-height)) / 2 - var(--ds-overlay-line, 1px) - var(--ds-overlay-within));flex:0 0 auto;align-self:center;width:calc(2 * var(--ds-unit));height:var(--ds-overlay-handle-height);margin-top:calc(var(--ds-overlay-inner) * -1 + (var(--ds-unit) - var(--ds-overlay-handle-height)) / 2);margin-bottom:calc(var(--ds-overlay-inner) - var(--ds-overlay-gap) - var(--ds-overlay-handle-height) - (var(--ds-unit) - var(--ds-overlay-handle-height)) / 2);border-radius:calc(var(--ds-overlay-handle-height) / 2);background:var(--ds-overlay-handle-color, var(--ds-border-color));pointer-events:none}:is(ds-overlay>dialog[data-ds-edge=end],dialog.ds-overlay.ds-overlay--drawer:not(.ds-overlay--start)),:is(ds-overlay>dialog[data-ds-edge=start],dialog.ds-overlay.ds-overlay--drawer.ds-overlay--start){--ds-overlay-held: translateX(var(--ds-overlay-drag, 0px));width:calc(var(--ds-overlay-width, calc(16 * var(--ds-unit))) + var(--ds-overlay-safe-side, 0px));max-width:calc(100vw - 2 * var(--ds-unit));height:100dvh;max-height:none;border-top:0;border-bottom:0}:is(ds-overlay>dialog[data-ds-edge=end],dialog.ds-overlay.ds-overlay--drawer:not(.ds-overlay--start)):not(:dir(rtl)),:is(ds-overlay>dialog[data-ds-edge=start],dialog.ds-overlay.ds-overlay--drawer.ds-overlay--start):dir(rtl){--ds-overlay-away: translateX(100%);--ds-overlay-safe-side: env(safe-area-inset-right, 0px);inset:0 0 0 auto;padding:calc(var(--ds-overlay-inner) + env(safe-area-inset-top,0px)) calc(var(--ds-overlay-inner) + env(safe-area-inset-right,0px)) calc(var(--ds-overlay-inner) + env(safe-area-inset-bottom,0px)) var(--ds-overlay-within);border-right:0}:is(ds-overlay>dialog[data-ds-edge=start],dialog.ds-overlay.ds-overlay--drawer.ds-overlay--start):not(:dir(rtl)),:is(ds-overlay>dialog[data-ds-edge=end],dialog.ds-overlay.ds-overlay--drawer:not(.ds-overlay--start)):dir(rtl){--ds-overlay-away: translateX(-100%);--ds-overlay-safe-side: env(safe-area-inset-left, 0px);inset:0 auto 0 0;padding:calc(var(--ds-overlay-inner) + env(safe-area-inset-top,0px)) var(--ds-overlay-within) calc(var(--ds-overlay-inner) + env(safe-area-inset-bottom,0px)) calc(var(--ds-overlay-inner) + env(safe-area-inset-left,0px));border-left:0}:root:has(dialog.ds-overlay:is(.ds-overlay--sheet,.ds-overlay--drawer):modal){overflow:hidden;overscroll-behavior:none}:is(ds-overlay>dialog[data-ds-edge],dialog.ds-overlay:is(.ds-overlay--sheet,.ds-overlay--drawer)):not([open]){--ds-overlay-motion: var(--ds-overlay-exit, .26s);transform:var(--ds-overlay-away)}@starting-style{:is(ds-overlay>dialog[data-ds-edge],dialog.ds-overlay:is(.ds-overlay--sheet,.ds-overlay--drawer))[open]{transform:var(--ds-overlay-away)}}:is(ds-overlay>dialog[data-ds-edge],dialog.ds-overlay:is(.ds-overlay--sheet,.ds-overlay--drawer))::backdrop{opacity:calc(1 - var(--ds-overlay-progress, 0));transition:opacity var(--ds-overlay-motion, .38s) ease,overlay var(--ds-overlay-motion, .38s) allow-discrete,display var(--ds-overlay-motion, .38s) allow-discrete}:is(ds-overlay>dialog[data-ds-edge],dialog.ds-overlay:is(.ds-overlay--sheet,.ds-overlay--drawer)):not([open])::backdrop{opacity:0}@starting-style{:is(ds-overlay>dialog[data-ds-edge],dialog.ds-overlay:is(.ds-overlay--sheet,.ds-overlay--drawer))[open]::backdrop{opacity:0}}:is(ds-overlay>dialog[data-ds-edge],dialog.ds-overlay:is(.ds-overlay--sheet,.ds-overlay--drawer))[data-ds-overlay-dragging],:is(ds-overlay>dialog[data-ds-edge],dialog.ds-overlay:is(.ds-overlay--sheet,.ds-overlay--drawer))[data-ds-overlay-dragging]::backdrop{transition:none}@media(prefers-reduced-motion:reduce){:is(ds-overlay>dialog[data-ds-edge],dialog.ds-overlay:is(.ds-overlay--sheet,.ds-overlay--drawer)){--ds-overlay-motion: .15s;transition:opacity var(--ds-overlay-motion) ease,overlay var(--ds-overlay-motion) allow-discrete,display var(--ds-overlay-motion) allow-discrete}:is(ds-overlay>dialog[data-ds-edge],dialog.ds-overlay:is(.ds-overlay--sheet,.ds-overlay--drawer)):not([open]){--ds-overlay-motion: .15s;transform:var(--ds-overlay-held);opacity:0}@starting-style{:is(ds-overlay>dialog[data-ds-edge],dialog.ds-overlay:is(.ds-overlay--sheet,.ds-overlay--drawer))[open]{transform:var(--ds-overlay-held);opacity:0}}}:is(ds-overlay>dialog[data-ds-type=screen],dialog.ds-overlay.ds-overlay--screen){--ds-overlay-width: 100vw;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:var(--ds-unit);gap:0;border:0;background:var(--ds-overlay-paper, var(--background, Canvas));overflow-y:auto}:is(ds-overlay>dialog[data-ds-type=screen],dialog.ds-overlay.ds-overlay--screen)[open]{display:flex;flex-direction:column;align-items:stretch;gap:var(--ds-unit)}:is(ds-overlay>dialog[data-ds-type=screen],dialog.ds-overlay.ds-overlay--screen)[data-ds-overlay-flush]{padding:0;gap:0}:is(ds-overlay>dialog[data-ds-type=screen],dialog.ds-overlay.ds-overlay--screen)::backdrop{background:transparent}@media(prefers-reduced-motion:no-preference){:is(ds-overlay>dialog[data-ds-type=screen],dialog.ds-overlay.ds-overlay--screen)[open]{transition:opacity .16s ease-out,transform .16s ease-out}@starting-style{:is(ds-overlay>dialog[data-ds-type=screen],dialog.ds-overlay.ds-overlay--screen)[open]{opacity:0;transform:translateY(calc(var(--ds-unit) / -2))}}}.ds-overlay__bar{display:flex;align-items:center;justify-content:flex-end;min-height:var(--ds-row-height)}.ds-overlay__bar>.ds-overlay__close{margin-inline-end:calc((var(--ds-unit) - var(--ds-control-height)) / 2)}.ds-overlay__toggle:not([aria-expanded=true])>:nth-child(2),.ds-overlay__toggle[aria-expanded=true]>:first-child:not(:only-child),.ds-overlay__close>:first-child:not(:only-child){display:none}