.app-dialog__subtitle{color:var(--clr-text-400);font-family:var(--font-ui);font-size:var(--fs-300);font-weight:var(--fw-normal)}.app-dialog__title{color:var(--clr-text-500);font-family:var(--font-ui);font-size:var(--fs-400);font-weight:var(--fw-semibold)}.app-dialog__backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:var(--clr-overlay);inset:0;position:fixed;z-index:500}.app-dialog{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%);z-index:501}.app-dialog--sm{width:min(340px,100vw - var(--spacer-700))}.app-dialog--md{width:min(440px,100vw - var(--spacer-700))}.app-dialog__head{align-items:center;display:flex;gap:var(--spacer-400);justify-content:space-between}.app-dialog__title{font-size:var(--fs-500)}.app-dialog__close{background:transparent;border:none;border-radius:var(--radius-300);color:var(--clr-text-300);cursor:pointer;display:grid;height:30px;place-items:center;transition:color var(--transition-base),background var(--transition-base);width:30px}.app-dialog__close:hover{background:var(--clr-bg-elevated-2);color:var(--clr-text-500)}.app-dialog__subtitle{line-height:1.5;margin-top:calc(var(--spacer-300)*-1)}