.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-dialog);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:color-mix(in srgb, var(--ds-background-100) 80%, transparent);box-shadow:var(--ds-shadow-border-base)}.modal.modal--title-hidden .modal-header-close{position:static}.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{text-align:center;align-items:flex-start;gap:12px;padding:32px 64px 0;display:flex}.modal-header-text{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.modal-header-text-title{font:var(--text-heading-24);letter-spacing:var(--tracking-heading-24);font-size:28px;font-weight:800;line-height:36px}.modal-header-text-description{font:var(--text-copy-16);letter-spacing:var(--tracking-base);color:var(--text-muted);margin-top:8px;font-weight:500}.modal-header-actions{align-items:center;gap:8px;display:flex}.modal-header-close,.modal-header-action{background:color-mix(in srgb, var(--ds-gray-100) 60%, transparent);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--ds-gray-alpha-400);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--ds-gray-900);cursor:pointer;transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease;border:none;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.modal-header-close{z-index:2;position:absolute;top:20px;right:20px}.modal-header-action:disabled{opacity:.4;cursor:default}.modal-header-close:hover,.modal-header-action:hover:not(:disabled){background:var(--ds-gray-200);color:var(--ds-gray-1000)}.modal-header-close svg,.modal-header-action svg{width:16px;height:16px}.modal-scroll{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.modal-body{--modal-body-padding:32px;padding:24px var(--modal-body-padding) var(--modal-body-padding);flex-direction:column;gap:20px;display:flex}.modal-actions{box-shadow:inset 0 1px 0 var(--border-card);flex-shrink:0;padding:32px}.modal-actions:empty{display:none}.modal-scroll::-webkit-scrollbar-track{margin-top:64px;margin-bottom:16px}.modal-footer{box-shadow:inset 0 1px 0 var(--border-card);justify-content:flex-end;gap:8px;padding:20px 32px 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}}@media (max-width:767px){.modal-header{padding-left:24px;padding-right:24px}.modal-header-text-title{font-size:24px;line-height:32px}.modal-header-text-description{font-size:14px;line-height:20px}}