.kern-dialog{border:0;border-radius:var(--kern-metric-border-radius-default,.5rem);opacity:0;padding:0;transform:translateY(.75rem) scale(.985);transition:opacity .24s ease,transform .24s ease;will-change:opacity,transform}.kern-dialog::backdrop{backdrop-filter:blur(3px) saturate(110%);background-color:rgba(10,14,24,.34);opacity:0;transition:opacity .24s ease}.kern-dialog[open].is-closing,.kern-dialog[open].is-open{opacity:1;transform:translateY(0) scale(1)}.kern-dialog[open].is-closing::backdrop,.kern-dialog[open].is-open::backdrop{opacity:1}.kern-dialog__close{padding:var(--kern-metric-space-default,16px);position:absolute;right:0;top:0}.kern-dialog__header{align-items:flex-start;display:flex;gap:var(--kern-metric-space-default,16px);justify-content:space-between;min-height:var(--kern-metric-dimension-3x-large,64px);padding:var(--kern-metric-space-small,8px) var(--kern-metric-space-small,8px) var(--kern-metric-space-none,0) var(--kern-metric-space-x-large,32px)}.kern-dialog .kern-title{align-items:flex-start;display:flex;flex:1 0 0;gap:var(--kern-metric-space-none,0)}.kern-dialog__body{flex-direction:column;padding:var(--kern-metric-space-small,8px) var(--kern-metric-space-x-large,32px) var(--kern-metric-space-large,24px) var(--kern-metric-space-x-large,32px)}.kern-dialog__body,.kern-dialog__footer{align-items:flex-start;display:flex;gap:var(--kern-metric-space-default,16px)}.kern-dialog__footer{border-top:1px solid var(--kern-color-layout-border,#a5aac3);flex-direction:row;flex-wrap:wrap;justify-content:flex-end;padding:var(--kern-metric-space-large,24px) var(--kern-metric-space-x-large,32px) var(--kern-metric-space-x-large,32px) var(--kern-metric-space-x-large,32px)}@media(max-width:576px){.kern-dialog__footer{flex-direction:column}}.kern-dialog__footer .kern-btn{align-self:stretch;flex-grow:1}.kern-dialog__footer .kern-btn+.kern-btn{margin-left:var(--kern-metric-space-none,0)}@media(prefers-reduced-motion:reduce){.kern-dialog,.kern-dialog::backdrop{transition-duration:.01ms}}body.modal-open{overflow:hidden}