.cf-scrim{z-index:var(--cf-z-palette);padding:var(--cf-space-8) var(--cf-space-3);background:var(--cf-surface-scrim);transition:opacity var(--cf-dur-base) var(--cf-ease-enter);justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.cf-scrim[data-entering]{opacity:0}.cf-scrim[data-exiting]{opacity:0;transition-timing-function:var(--cf-ease-exit)}.cf-dialog{--cf-dialog-width:460px;inline-size:min(var(--cf-dialog-width), 100%);border-radius:var(--cf-radius-lg);border:var(--cf-line-hairline) solid var(--cf-border-default);background:var(--cf-surface-overlay);max-block-size:100%;color:var(--cf-text-primary);box-shadow:var(--cf-elev-3);font-family:var(--cf-font-ui);transition:transform var(--cf-dur-slow) var(--cf-ease-plane);display:flex}.cf-dialog--sm{--cf-dialog-width:380px}.cf-dialog--lg{--cf-dialog-width:720px}.cf-dialog[data-entering]{transform:translateY(-8px)}.cf-dialog__body{outline:none;flex-direction:column;min-block-size:0;inline-size:100%;display:flex}.cf-dialog__header{align-items:flex-start;gap:var(--cf-space-3);padding:var(--cf-space-4) var(--cf-space-4) var(--cf-space-2);display:flex}.cf-dialog__titles{flex:1;min-inline-size:0}.cf-dialog__title{font-size:var(--cf-type-title-size);font-weight:var(--cf-type-title-weight);line-height:var(--cf-type-title-line);letter-spacing:var(--cf-type-title-tracking);margin:0}.cf-dialog__description{color:var(--cf-text-secondary);font-size:var(--cf-type-body-size);margin-block-start:var(--cf-space-1)}.cf-dialog__close{min-inline-size:var(--cf-hit-target);min-block-size:var(--cf-hit-target);margin:calc(var(--cf-space-1) * -1);border-radius:var(--cf-radius-sm);color:var(--cf-text-secondary);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.cf-dialog__close[data-hovered]{background:var(--cf-surface-hover);color:var(--cf-text-primary)}.cf-dialog__content{padding:var(--cf-space-2) var(--cf-space-4) var(--cf-space-4);min-block-size:0;overflow:auto}.cf-dialog__footer{justify-content:flex-end;gap:var(--cf-space-2);padding:var(--cf-space-3) var(--cf-space-4);border-block-start:var(--cf-line-hairline) solid var(--cf-border-subtle);display:flex}
