.app-dialog__title{color:var(--clr-text-500);font-family:var(--font-heading);font-size:var(--fs-500);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-100);line-height:1.3}.app-dialog__subtitle{color:var(--clr-text-400);font-family:var(--font-ui);font-size:var(--fs-400);font-weight:var(--fw-normal);line-height:1.5}.app-dialog__close{--dismiss-button-size:30px;--dismiss-button-hover-bg:var(--clr-bg-elevated-2);background:transparent;border:none;border-radius:var(--radius-300);color:var(--clr-text-300);cursor:pointer;display:grid;height:var(--dismiss-button-size);place-items:center;transition:color var(--transition-base),background var(--transition-base);width:var(--dismiss-button-size)}.app-dialog__close:hover{background:var(--dismiss-button-hover-bg);color:var(--clr-text-500)}.app-dialog__backdrop{--app-dialog-backdrop-blur:3px;-webkit-backdrop-filter:blur(var(--app-dialog-backdrop-blur));backdrop-filter:blur(var(--app-dialog-backdrop-blur));background:var(--clr-overlay);inset:0;position:fixed;z-index:500}.app-dialog{--app-dialog-width:440px;background:var(--clr-bg-elevated-1);border:var(--border-md-default-500);border-radius:var(--radius);box-shadow:var(--shadow-700);display:flex;flex-direction:column;gap:var(--spacer-500);left:50%;max-height:calc(100vh - var(--spacer-700));overflow-y:auto;padding:var(--padding-600);position:fixed;top:50%;transform:translate(-50%,-50%);width:min(var(--app-dialog-width),100vw - var(--spacer-700));z-index:501}.app-dialog--sm{--app-dialog-width:340px}.app-dialog--lg{--app-dialog-width:720px}.app-dialog__head{align-items:center;display:flex;gap:var(--spacer-400);justify-content:space-between}.app-dialog__subtitle{margin-top:calc(var(--spacer-300)*-1);white-space:pre-line}