@layer karibu.components{.k-action-bar{--action-bar-max-width:100%;--action-bar-gutter:var(--space-4);--action-bar-gap:var(--space-4);--action-bar-bg:var(--color-bg-surface);--action-bar-border-color:var(--color-border-subtle);z-index:var(--z-sticky);background-color:var(--action-bar-bg);border-block-start:var(--border-width-1) solid var(--action-bar-border-color);box-shadow:var(--shadow-raised);visibility:hidden;opacity:0;pointer-events:none;transition:translate var(--duration-3) var(--ease-decelerate),opacity var(--duration-3) var(--ease-decelerate),visibility var(--duration-3) var(--ease-decelerate);position:fixed;inset-block-end:0;inset-inline:0;translate:0 100%}@media (width>=768px){.k-action-bar{--action-bar-gutter:var(--space-6)}}.k-action-bar--visible{visibility:visible;opacity:1;pointer-events:auto;translate:0}.k-action-bar__inner{justify-content:space-between;align-items:center;gap:var(--action-bar-gap);max-width:var(--action-bar-max-width);padding-inline:var(--action-bar-gutter);padding-block:var(--space-3);flex-wrap:wrap;margin-inline:auto;padding-block-end:max(var(--space-3),env(safe-area-inset-bottom));display:flex}.k-action-bar__summary{align-items:baseline;gap:var(--space-1) var(--space-3);min-width:0;color:var(--color-text);flex-wrap:wrap;flex:auto;display:flex}.k-action-bar__actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;flex:none;display:flex}@media (width<=767px){.k-action-bar__inner{align-items:stretch;gap:var(--space-2);flex-direction:column}.k-action-bar__actions{flex:auto}}}