.modal-overlay{z-index:70;background:color-mix(in srgb, var(--ds-background-200) 70%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:fixed;inset:0}.modal{z-index:71;border-radius:var(--radius-panel);background:var(--ds-background-100);width:min(480px,100vw - 32px);max-height:calc(100vh - 64px);box-shadow:var(--ds-shadow-menu);outline:none;flex-direction:column;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.modal.modal--medium{width:min(600px,100vw - 32px)}.modal.modal--wide{width:min(1040px,100vw - 32px)}.modal.modal--title-hidden .modal-header{z-index:1;padding:0;position:absolute;top:16px;right:16px}.modal.modal--title-hidden .modal-header-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.modal.modal--title-hidden .modal-body{padding:0}.modal.modal--title-hidden .modal-header{gap:8px;display:flex}.modal.modal--title-hidden .modal-header-close,.modal.modal--title-hidden .modal-header-action{background:var(--ds-background-100);box-shadow:var(--ds-shadow-border-base)}.modal-overlay[data-state=open]{animation:modal-fade-in .16s var(--ease-out)}.modal-overlay[data-state=closed]{animation:.12s ease-in modal-fade-out}.modal[data-state=open]{animation:modal-in .18s var(--ease-out)}.modal[data-state=closed]{animation:.12s ease-in modal-out}.modal-header{align-items:flex-start;gap:12px;padding:20px 16px 0 24px;display:flex}.modal-header-text{flex-direction:column;flex:1;min-width:0;padding-top:4px;display:flex}.modal-header-text-title{font:var(--text-heading-20);letter-spacing:var(--tracking-heading-20)}.modal-header-text-description{font:var(--text-copy-14);color:var(--ds-gray-900);margin-top:4px}.modal-header-actions{align-items:center;gap:8px;display:flex}.modal-header-close,.modal-header-action{border-radius:max(var(--radius-min), round(nearest, calc(var(--radius-panel) - 16px), 4px));width:32px;height:32px;color:var(--ds-gray-900);cursor:pointer;transition:background-color var(--duration-fast) ease;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.modal-header-action:disabled{opacity:.4;cursor:default}.modal-header-close:hover,.modal-header-action:hover:not(:disabled){background:var(--ds-gray-100);color:var(--ds-gray-1000)}.modal-header-close svg,.modal-header-action svg{width:16px;height:16px}.modal-body{flex-direction:column;gap:20px;min-height:0;padding:20px 24px 24px;display:flex;overflow-y:auto}.modal-footer{box-shadow:inset 0 1px 0 var(--ds-gray-alpha-400);justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}@keyframes modal-in{0%{opacity:0;transform:translate(-50%,-48%)scale(.97)}}@keyframes modal-out{to{opacity:0;transform:translate(-50%,-48%)scale(.97)}}@keyframes modal-fade-in{0%{opacity:0}}@keyframes modal-fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.modal[data-state=open]{animation-name:modal-fade-in}.modal[data-state=closed]{animation-name:modal-fade-out}}