@layer design-system.components{.vds-dialog-content{--dialog-radius:var(--vds-radius-dialog,.75rem);--dialog-surface:var(--vds-overlay-bg,var(--vds-color-surface-overlay,#fff));--dialog-shadow:var(--vds-overlay-shadow,var(--vds-shadow-xl,0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a));--dialog-border-width:1px;--dialog-border-color:var(--vds-surface-border,var(--vds-color-border,#e5e7eb));--dialog-padding-inline:var(--vds-surface-padding-inline,var(--vds-space-6,1.5rem));--dialog-padding-block:var(--vds-surface-padding-block,var(--vds-space-6,1.5rem));--dialog-gap:var(--vds-slot-gap,var(--vds-space-4,1rem));--dialog-slot-gap:var(--dialog-gap);--dialog-width:var(--vds-surface-width-md,32rem);--dialog-max-width:90vw;--dialog-max-height:85dvh;--dialog-title-font-family:var(--vds-font-sans,ui-sans-serif, system-ui, sans-serif);--dialog-title-font-size:var(--vds-text-lg,1.125rem);--dialog-title-font-weight:var(--vds-font-weight-semibold,600);--dialog-title-line-height:var(--vds-leading-tight,1.25);--dialog-title-color:var(--vds-color-text,#111827);--dialog-description-font-size:var(--vds-text-sm,.875rem);--dialog-description-line-height:var(--vds-leading-normal,1.5);--dialog-description-color:var(--vds-color-text-muted,#6b7280);--dialog-enter-duration:var(--vds-duration-normal,.2s);--dialog-exit-duration:var(--vds-duration-fast,.1s);--dialog-enter-ease:var(--vds-ease-spring,cubic-bezier(.22, 1.2, .36, 1));--dialog-exit-ease:var(--vds-ease-in,cubic-bezier(.4, 0, 1, 1));--dialog-enter-animation:vds-dialog-scale-in;--dialog-exit-animation:vds-dialog-scale-out;--dialog-intent-accent-color:transparent;--dialog-intent-accent-height:0px;--dialog-close-size:2rem;--dialog-close-icon-size:1rem;--dialog-close-inset:var(--vds-space-3,.75rem);--dialog-close-radius:var(--vds-radius-action,var(--vds-radius-control-action,.375rem));--dialog-close-color:var(--vds-color-text-muted,#6b7280);--dialog-close-color-hover:var(--vds-color-text,#111827);--dialog-close-bg-hover:color-mix(in oklch, currentColor 10%, transparent);--dialog-close-bg-active:color-mix(in oklch, currentColor 16%, transparent);--dialog-focus-ring-width:var(--vds-focus-ring-width,2px);--dialog-focus-ring-offset:var(--vds-focus-ring-offset,2px);--dialog-focus-ring-color:var(--vds-color-ring,#6366f1);--dialog-header-gap:var(--vds-label-gap,var(--vds-space-1-5,.375rem));--dialog-footer-gap:var(--vds-space-3,.75rem);--dialog-section-border:1px solid var(--vds-color-border-muted,#e5e7eb)}.vds-dialog-overlay{--dialog-overlay-bg:var(--vds-color-scrim,#0009);--dialog-overlay-blur:0px;--dialog-overlay-enter-duration:var(--vds-duration-normal,.2s);--dialog-overlay-exit-duration:var(--vds-duration-fast,.1s);--dialog-overlay-enter-ease:var(--vds-ease-out,cubic-bezier(0, 0, .2, 1));--dialog-overlay-exit-ease:var(--vds-ease-in,cubic-bezier(.4, 0, 1, 1))}.vds-dialog-content[data-size=sm]{--dialog-width:var(--vds-surface-width-sm,24rem);--dialog-padding-inline:var(--vds-space-5,1.25rem);--dialog-padding-block:var(--vds-space-5,1.25rem);--dialog-gap:var(--vds-space-3,.75rem);--dialog-title-font-size:var(--vds-text-base,1rem)}.vds-dialog-content[data-size=lg]{--dialog-width:var(--vds-surface-width-lg,48rem);--dialog-title-font-size:var(--vds-text-xl,1.25rem)}.vds-dialog-content[data-size=xl]{--dialog-width:var(--vds-surface-width-xl,64rem);--dialog-max-width:95vw;--dialog-title-font-size:var(--vds-text-xl,1.25rem)}.vds-dialog-content[data-size=full]{--dialog-width:100vw;--dialog-max-width:100vw;--dialog-max-height:100dvh;--dialog-radius:0;--dialog-border-width:0;--dialog-title-font-size:var(--vds-text-xl,1.25rem)}.vds-dialog-content[data-animation=scale]{--dialog-enter-animation:vds-dialog-scale-in;--dialog-exit-animation:vds-dialog-scale-out;--dialog-enter-ease:var(--vds-ease-spring,cubic-bezier(.22, 1.2, .36, 1));--dialog-exit-ease:var(--vds-ease-spring,cubic-bezier(.22, 1.2, .36, 1))}.vds-dialog-content[data-animation=fade]{--dialog-enter-animation:vds-dialog-fade-in;--dialog-exit-animation:vds-dialog-fade-out;--dialog-enter-ease:var(--vds-ease-out,cubic-bezier(0, 0, .2, 1));--dialog-exit-ease:var(--vds-ease-in,cubic-bezier(.4, 0, 1, 1))}.vds-dialog-content[data-animation=slide-up]{--dialog-enter-animation:vds-dialog-slide-in-up;--dialog-exit-animation:vds-dialog-slide-out-down;--dialog-enter-duration:var(--vds-duration-slow,.3s);--dialog-exit-duration:var(--vds-duration-normal,.2s);--dialog-enter-ease:var(--vds-ease-ios,cubic-bezier(.32, .72, 0, 1));--dialog-exit-ease:var(--vds-ease-ios,cubic-bezier(.32, .72, 0, 1))}.vds-dialog-content[data-animation=slide-down]{--dialog-enter-animation:vds-dialog-slide-in-down;--dialog-exit-animation:vds-dialog-slide-out-up;--dialog-enter-duration:var(--vds-duration-slow,.3s);--dialog-exit-duration:var(--vds-duration-normal,.2s);--dialog-enter-ease:var(--vds-ease-ios,cubic-bezier(.32, .72, 0, 1));--dialog-exit-ease:var(--vds-ease-ios,cubic-bezier(.32, .72, 0, 1))}.vds-dialog-content[data-animation=zoom]{--dialog-enter-animation:vds-dialog-zoom-in;--dialog-exit-animation:vds-dialog-zoom-out;--dialog-enter-duration:var(--vds-duration-slow,.3s);--dialog-exit-duration:var(--vds-duration-normal,.2s);--dialog-enter-ease:var(--vds-ease-spring,cubic-bezier(.22, 1.2, .36, 1));--dialog-exit-ease:var(--vds-ease-spring,cubic-bezier(.22, 1.2, .36, 1))}.vds-dialog-content[data-animation=bounce]{--dialog-enter-animation:vds-dialog-bounce-in;--dialog-exit-animation:vds-dialog-bounce-out;--dialog-enter-duration:var(--vds-duration-slower,.4s);--dialog-exit-duration:var(--vds-duration-slow,.3s);--dialog-enter-ease:var(--vds-ease-bounce,cubic-bezier(.34, 1.56, .64, 1));--dialog-exit-ease:var(--vds-ease-bounce,cubic-bezier(.34, 1.56, .64, 1))}.vds-dialog-content[data-animation=none]{--dialog-enter-animation:vds-dialog-fade-in;--dialog-exit-animation:vds-dialog-fade-out;--dialog-enter-duration:0s;--dialog-exit-duration:0s}.vds-dialog-overlay[data-backdrop=default]{--dialog-overlay-bg:var(--vds-color-scrim,#0009);--dialog-overlay-blur:0px}.vds-dialog-overlay[data-backdrop=blur]{--dialog-overlay-bg:var(--vds-color-scrim-light,#0000004d);--dialog-overlay-blur:8px}.vds-dialog-overlay[data-backdrop=blur-strong]{--dialog-overlay-bg:var(--vds-color-scrim-light,#0000004d);--dialog-overlay-blur:20px}.vds-dialog-overlay[data-backdrop=light]{--dialog-overlay-bg:var(--vds-color-scrim-light,#0000004d);--dialog-overlay-blur:0px}.vds-dialog-overlay[data-backdrop=none]{--dialog-overlay-bg:transparent;--dialog-overlay-blur:0px}.vds-dialog-content[data-intent=destructive]{--dialog-intent-accent-color:var(--vds-color-danger-solid,#ef4444);--dialog-intent-accent-height:3px}.vds-dialog-content[data-intent=warning]{--dialog-intent-accent-color:var(--vds-color-warning-solid,#f59e0b);--dialog-intent-accent-height:3px}.vds-dialog-content[data-intent=success]{--dialog-intent-accent-color:var(--vds-color-success-solid,#22c55e);--dialog-intent-accent-height:3px}.vds-dialog-content[data-intent=info]{--dialog-intent-accent-color:var(--vds-color-info-solid,#06b6d4);--dialog-intent-accent-height:3px}@media (width<=40rem){.vds-dialog-content[data-responsive]{--dialog-width:100vw;--dialog-max-width:100vw;--dialog-max-height:100dvh;--dialog-radius:0;--dialog-border-width:0}}.vds-dialog-overlay{z-index:var(--vds-z-overlay,1300);background-color:var(--dialog-overlay-bg);-webkit-backdrop-filter:blur(var(--dialog-overlay-blur));animation:vds-dialog-fade-in var(--dialog-overlay-enter-duration) var(--dialog-overlay-enter-ease);position:fixed;inset:0}.vds-dialog-overlay[data-state=closed]{animation:vds-dialog-fade-out var(--dialog-overlay-exit-duration) var(--dialog-overlay-exit-ease)}.vds-dialog-overlay[data-backdrop=none]{pointer-events:none}.vds-dialog-content{z-index:var(--vds-z-modal,1400);box-sizing:border-box;inline-size:var(--dialog-width);max-inline-size:var(--dialog-max-width);max-block-size:var(--dialog-max-height);background-color:var(--dialog-surface);border:var(--dialog-border-width) solid var(--dialog-border-color);border-radius:var(--dialog-radius);box-shadow:var(--dialog-shadow);--vds-radius-host-r:var(--dialog-radius);--vds-radius-host-b:var(--dialog-border-width);--vds-radius-host-p:0px;animation:var(--dialog-enter-animation) var(--dialog-enter-duration) var(--dialog-enter-ease);flex-direction:column;display:flex;position:fixed;inset-block-start:50%;inset-inline-start:50%;overflow:hidden;translate:-50% -50%;container-type:inline-size}.vds-dialog-content[data-state=closed]{animation:var(--dialog-exit-animation) var(--dialog-exit-duration) var(--dialog-exit-ease)}.vds-dialog-content:focus-visible{outline:none}.vds-dialog-content[data-size=full]{inset:0;translate:0}@media (width<=40rem){.vds-dialog-content[data-responsive]{inset:0;translate:0}}.vds-dialog-content:before{content:"";block-size:var(--dialog-intent-accent-height);background-color:var(--dialog-intent-accent-color);pointer-events:none;z-index:1;position:absolute;inset-block-start:0;inset-inline:0}.vds-dialog-content:not(:has(>.vds-dialog-header)):not(:has(>.vds-dialog-body)){gap:var(--dialog-gap);padding-block:var(--dialog-padding-block);padding-inline:var(--dialog-padding-inline);--vds-radius-host-p:var(--dialog-padding-inline)}.vds-dialog-content:not(:has(>.vds-dialog-header)):not(:has(>.vds-dialog-body))>.vds-dialog-footer{padding-block:0;padding-inline:0}.vds-dialog-content>:where(.vds-dialog-header,.vds-dialog-body,.vds-dialog-footer){padding-inline:var(--dialog-padding-inline);padding-block:0}.vds-dialog-content>:where(.vds-dialog-header,.vds-dialog-body,.vds-dialog-footer):not(:where(.vds-dialog-header,.vds-dialog-body,.vds-dialog-footer)~*){padding-block-start:var(--dialog-padding-block)}.vds-dialog-content>:where(.vds-dialog-header,.vds-dialog-body,.vds-dialog-footer):not(:has(~:where(.vds-dialog-header,.vds-dialog-body,.vds-dialog-footer))){padding-block-end:var(--dialog-padding-block)}.vds-dialog-content>:where(.vds-dialog-header,.vds-dialog-body,.vds-dialog-footer)+:where(.vds-dialog-header,.vds-dialog-body,.vds-dialog-footer){padding-block-start:var(--dialog-slot-gap)}.vds-dialog-content>:where(.vds-dialog-header,.vds-dialog-body):has(+.vds-dialog-footer){padding-block-end:var(--dialog-slot-gap)}.vds-dialog-header{gap:var(--dialog-header-gap);flex-direction:column;flex-shrink:0;display:flex}.vds-dialog-header[data-variant=bordered]{border-block-end:var(--dialog-section-border)}.vds-dialog-content>.vds-dialog-header[data-variant=bordered]:has(~:where(.vds-dialog-body,.vds-dialog-footer)){padding-block-end:var(--dialog-slot-gap)}.vds-dialog-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-block-size:0;color:var(--vds-color-text,#111827);font-size:var(--dialog-description-font-size);line-height:var(--dialog-description-line-height);flex:auto;overflow-y:auto}.vds-dialog-footer{justify-content:flex-end;align-items:center;gap:var(--dialog-footer-gap);flex-shrink:0;display:flex}.vds-dialog-body+.vds-dialog-footer,.vds-dialog-header+.vds-dialog-footer{border-block-start:var(--dialog-section-border)}@container (inline-size<20rem){.vds-dialog-footer{flex-direction:column-reverse}.vds-dialog-footer>*{inline-size:100%}}.vds-dialog-title{font-family:var(--dialog-title-font-family);font-size:var(--dialog-title-font-size);font-weight:var(--dialog-title-font-weight);line-height:var(--dialog-title-line-height);color:var(--dialog-title-color);margin:0}.vds-dialog-description{font-size:var(--dialog-description-font-size);line-height:var(--dialog-description-line-height);color:var(--dialog-description-color);margin:0}.vds-dialog-close-icon{z-index:2;inline-size:var(--dialog-close-size);block-size:var(--dialog-close-size);color:var(--dialog-close-color);border-radius:var(--dialog-close-radius);cursor:pointer;transition:background-color var(--vds-duration-fast,.1s) var(--vds-ease-out,cubic-bezier(0, 0, .2, 1)), color var(--vds-duration-fast,.1s) var(--vds-ease-out,cubic-bezier(0, 0, .2, 1));background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;inset-block-start:var(--dialog-close-inset);inset-inline-end:var(--dialog-close-inset)}.vds-dialog-close-icon:hover{background-color:var(--dialog-close-bg-hover);color:var(--dialog-close-color-hover)}.vds-dialog-close-icon:active{background-color:var(--dialog-close-bg-active)}.vds-dialog-close-icon:focus-visible{outline:var(--dialog-focus-ring-width) solid var(--dialog-focus-ring-color);outline-offset:var(--dialog-focus-ring-offset)}.vds-dialog-close-icon>svg{inline-size:var(--dialog-close-icon-size);block-size:var(--dialog-close-icon-size)}.vds-dialog-content:has(>.vds-dialog-close-icon) .vds-dialog-header{padding-inline-end:calc(var(--dialog-close-inset) + var(--dialog-close-size) + var(--vds-cluster-gap,var(--vds-space-2,.5rem)))}.vds-dialog-content:has(>.vds-dialog-close-icon):not(:has(>.vds-dialog-header)):not(:has(>.vds-dialog-body)){padding-inline-end:calc(var(--dialog-close-inset) + var(--dialog-close-size) + var(--vds-cluster-gap,var(--vds-space-2,.5rem)))}@keyframes vds-dialog-scale-in{0%{opacity:0;scale:.95}to{opacity:1;scale:1}}@keyframes vds-dialog-scale-out{0%{opacity:1;scale:1}to{opacity:0;scale:.95}}@keyframes vds-dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vds-dialog-fade-out{0%{opacity:1}to{opacity:0}}@keyframes vds-dialog-slide-in-up{0%{opacity:0;translate:-50% calc(1.5rem - 50%)}to{opacity:1;translate:-50% -50%}}@keyframes vds-dialog-slide-out-down{0%{opacity:1;translate:-50% -50%}to{opacity:0;translate:-50% calc(1.5rem - 50%)}}@keyframes vds-dialog-slide-in-down{0%{opacity:0;translate:-50% calc(-50% - 1.5rem)}to{opacity:1;translate:-50% -50%}}@keyframes vds-dialog-slide-out-up{0%{opacity:1;translate:-50% -50%}to{opacity:0;translate:-50% calc(-50% - 1.5rem)}}@keyframes vds-dialog-zoom-in{0%{opacity:0;scale:.8}to{opacity:1;scale:1}}@keyframes vds-dialog-zoom-out{0%{opacity:1;scale:1}to{opacity:0;scale:.8}}@keyframes vds-dialog-bounce-in{0%{opacity:0;scale:.3}60%{opacity:1;scale:1.05}to{opacity:1;scale:1}}@keyframes vds-dialog-bounce-out{0%{opacity:1;scale:1}40%{opacity:1;scale:1.05}to{opacity:0;scale:.3}}.vds-dialog-content[data-size=full]{animation-name:vds-dialog-fade-in}.vds-dialog-content[data-size=full][data-state=closed]{animation-name:vds-dialog-fade-out}@media (width<=40rem){.vds-dialog-content[data-responsive]{animation-name:vds-dialog-slide-in-up-full}.vds-dialog-content[data-responsive][data-state=closed]{animation-name:vds-dialog-slide-out-down-full}}@keyframes vds-dialog-slide-in-up-full{0%{opacity:0;translate:0 1rem}to{opacity:1;translate:0}}@keyframes vds-dialog-slide-out-down-full{0%{opacity:1;translate:0}to{opacity:0;translate:0 1rem}}}