@layer karibu.components{.k-dialog{--dialog-width:36rem;z-index:var(--z-modal);width:calc(100% - var(--space-4)*2);max-width:var(--dialog-width);max-height:calc(100dvh - var(--space-4)*2);color:var(--color-text);background-color:var(--color-bg-surface);border-radius:var(--radius-5);box-shadow:var(--shadow-modal);flex-direction:column;display:flex;position:fixed;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.k-dialog:focus-visible{outline:none}.k-dialog[data-state=open]{animation:k-dialog-in var(--duration-3) var(--ease-decelerate)}.k-dialog[data-state=closed]{animation:k-dialog-out var(--duration-2) var(--ease-accelerate)}.k-dialog--width-sm{--dialog-width:28rem}.k-dialog--width-lg{--dialog-width:44rem}.k-dialog__scrim{z-index:var(--z-overlay);background-color:var(--color-bg-scrim);position:fixed;inset:0}.k-dialog__scrim[data-state=open]{animation:k-dialog-scrim-in var(--duration-3) var(--ease-decelerate)}.k-dialog__scrim[data-state=closed]{animation:k-dialog-scrim-out var(--duration-2) var(--ease-accelerate)}.k-dialog__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);border-block-end:var(--border-width-1) solid var(--color-border-subtle);flex:none;display:flex}@media (width>=768px){.k-dialog__header{padding-inline:var(--space-6)}}.k-dialog__heading{min-width:0}.k-dialog__title{font-family:var(--font-family-heading);font-size:var(--font-size-5);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0}.k-dialog__description{margin-block:var(--space-2) 0;color:var(--color-text-muted);font-size:var(--font-size-3)}.k-dialog__description:empty{display:none}.k-dialog__close{width:var(--control-height-3);height:var(--control-height-3);margin:calc(var(--space-2)*-1);color:var(--color-text-muted);font-family:var(--font-family-body);font-size:var(--font-size-6);border-radius:var(--radius-3);cursor:pointer;appearance:none;background-color:#0000;border:0;flex:none;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.k-dialog__close:hover{color:var(--color-text);background-color:var(--color-neutral-bg)}.k-dialog__close:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.k-dialog__body{min-height:0;padding:var(--space-5);overflow-y:auto}@media (width>=768px){.k-dialog__body{padding:var(--space-6)}}.k-dialog__footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-block-start:var(--border-width-1) solid var(--color-border-subtle);flex:none;display:flex}@media (width>=768px){.k-dialog__footer{padding-inline:var(--space-6)}}}@keyframes k-dialog-in{0%{opacity:0;transform:translate(-50%,calc(-50% + var(--space-3))) scale(.98)}}@keyframes k-dialog-out{to{opacity:0;transform:translate(-50%,calc(-50% + var(--space-2))) scale(.98)}}@keyframes k-dialog-scrim-in{0%{opacity:0}}@keyframes k-dialog-scrim-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.k-dialog,.k-dialog__scrim{animation-duration:.01ms!important}}