@layer bk.components{.dialog__backdrop{background:var(--bk-overlay-scrim);z-index:var(--bk-layer-overlay);position:fixed;inset:0}.dialog{--modal-width:var(--bk-modal-width-md);font:var(--bk-type-body);color:var(--text);box-sizing:border-box;top:calc(50% + var(--app-header-height,0px) / 2);max-height:calc(100dvh - var(--app-header-height,0px) - 2 * var(--bk-modal-viewport-gap));width:calc(100% - 2 * var(--bk-modal-viewport-gap));max-width:var(--modal-width);background:var(--surface-elevated);border:1px solid var(--border-bright);border-radius:var(--radius-xl);padding:var(--space-xl);z-index:var(--bk-layer-modal);box-shadow:var(--shadow-floating);flex-direction:column;display:flex;position:fixed;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.dialog[data-size-preset=sm]{--modal-width:var(--bk-modal-width-sm)}.dialog[data-size-preset=lg]{--modal-width:var(--bk-modal-width-lg)}.dialog[data-size-preset=xl]{--modal-width:var(--bk-modal-width-xl)}.dialog[data-placement=top],.dialog[data-size-preset=full]{top:calc(var(--app-header-height,0px) + var(--bk-modal-viewport-gap));transform:translate(-50%)}.dialog[data-size-preset=full]{max-width:none;height:calc(100dvh - var(--app-header-height,0px) - 2 * var(--bk-modal-viewport-gap))}.dialog[data-scroll=dialog]{overflow-y:auto}.dialog[data-scroll=dialog] .dialog__body{flex:none;overflow:visible}.dialog__header{align-items:flex-start;gap:var(--space-md);padding-bottom:var(--space-lg);flex-shrink:0;display:flex}.dialog__heading{flex:1;min-width:0}.dialog__title{font:var(--bk-type-heading-section);color:var(--text);overflow-wrap:anywhere;margin:0}.dialog__description{font:var(--bk-type-body);color:var(--text-dim);margin-top:var(--space-sm)}.dialog__close{flex-shrink:0}.dialog__body{overscroll-behavior:contain;scrollbar-gutter:stable;min-width:0;min-height:0;padding:calc(var(--bk-focus-width) + var(--bk-focus-offset));margin:calc(-1 * (var(--bk-focus-width) + var(--bk-focus-offset)));overflow-y:auto}.dialog__footer{align-items:center;gap:var(--space-md);padding-top:var(--space-xl);flex-wrap:wrap;flex-shrink:0;display:flex}.dialog__footer-content{min-width:0;font:var(--bk-type-caption);color:var(--text-dim);flex:1}.dialog__actions{gap:var(--space-sm);flex-wrap:wrap;justify-content:flex-end;margin-inline-start:auto;display:flex}.dialog__backdrop[data-open]{animation:modal-overlay-enter var(--motion-medium-duration) var(--motion-enter-easing)}.dialog__backdrop[data-closed]{animation:modal-overlay-exit var(--motion-fast-duration) var(--motion-exit-easing) forwards}.dialog[data-open]{animation:modal-enter var(--motion-medium-duration) var(--motion-enter-easing)}.dialog[data-closed]{animation:modal-exit var(--motion-fast-duration) var(--motion-exit-easing) forwards}@keyframes modal-overlay-enter{0%{opacity:0}}@keyframes modal-overlay-exit{to{opacity:0}}@keyframes modal-enter{0%{opacity:0;scale:var(--motion-scale-from)}}@keyframes modal-exit{to{opacity:0;scale:var(--motion-scale-from)}}@media (prefers-reduced-motion:reduce){:where(:root:not([data-prefers-reduced-motion=no-preference])) .dialog[data-open]{animation-name:modal-overlay-enter}:where(:root:not([data-prefers-reduced-motion=no-preference])) .dialog[data-closed]{animation-name:modal-overlay-exit}}:where(:root[data-prefers-reduced-motion=reduce]) .dialog[data-open]{animation-name:modal-overlay-enter}:where(:root[data-prefers-reduced-motion=reduce]) .dialog[data-closed]{animation-name:modal-overlay-exit}.dialog__backdrop[data-motion=none],.dialog[data-motion=none]{animation:none}}