@layer equip{.eq-sticky-bar{--_bg:var(--eq-surface);--_line:var(--eq-line);--_lift:0 8px 12px -10px var(--eq-backdrop);z-index:2;box-sizing:border-box;align-items:center;gap:var(--eq-space-2) var(--eq-space-3);min-height:var(--eq-h-l);padding:var(--eq-space-2) max(var(--eq-space-4), env(safe-area-inset-right,0px)) var(--eq-space-2) max(var(--eq-space-4), env(safe-area-inset-left,0px));background:var(--_bg);-webkit-backdrop-filter:var(--eq-blur);backdrop-filter:var(--eq-blur);color:var(--eq-ink);font:var(--eq-weight) var(--eq-text-m) / 1.4 var(--eq-font);border:0 solid #0000;border-bottom-width:1px;flex-wrap:wrap;margin:0;display:flex;position:sticky;top:0}.eq-sticky-bar[data-edge=bottom]{--_lift:0 -8px 12px -10px var(--eq-backdrop);border-top-width:1px;border-bottom-width:0;top:auto;bottom:0}.eq-sticky-bar[data-tone=bg]{--_bg:var(--eq-bg)}.eq-sticky-bar[data-tone=raised]{--_bg:var(--eq-raised)}@supports (animation-timeline:scroll()){.eq-sticky-bar{animation:linear both eq-sticky-bar-lift;animation-timeline:scroll();animation-range:0 var(--eq-space-4)}.eq-sticky-bar[data-edge=bottom]{animation-direction:reverse;animation-range:calc(100% - var(--eq-space-4)) 100%}}@supports not (animation-timeline:scroll()){.eq-sticky-bar{border-color:var(--_line)}}@keyframes eq-sticky-bar-lift{0%{border-color:#0000;box-shadow:0 0 #0000}to{border-color:var(--_line);box-shadow:var(--_lift)}}}
