@layer equip{@property --_scroll-area-top{syntax:"<percentage>";inherits:false;initial-value:0%}@property --_scroll-area-bottom{syntax:"<percentage>";inherits:false;initial-value:0%}@property --_scroll-area-start{syntax:"<percentage>";inherits:false;initial-value:0%}@property --_scroll-area-end{syntax:"<percentage>";inherits:false;initial-value:0%}.eq-scroll-area{--_depth:12px;box-sizing:border-box;overscroll-behavior:contain;border:1px solid var(--eq-line);border-radius:var(--eq-radius-m);color:var(--eq-ink);scrollbar-width:thin;scrollbar-color:var(--eq-line-strong) transparent;box-shadow:inset 0 var(--_depth) var(--_depth) calc(var(--_depth) / -2) color-mix(in srgb, var(--eq-ink) var(--_scroll-area-top), transparent), inset 0 calc(var(--_depth) * -1) var(--_depth) calc(var(--_depth) / -2) color-mix(in srgb, var(--eq-ink) var(--_scroll-area-bottom), transparent), inset var(--_depth) 0 var(--_depth) calc(var(--_depth) / -2) color-mix(in srgb, var(--eq-ink) var(--_scroll-area-start), transparent), inset calc(var(--_depth) * -1) 0 var(--_depth) calc(var(--_depth) / -2) color-mix(in srgb, var(--eq-ink) var(--_scroll-area-end), transparent);overflow:hidden auto}.eq-scroll-area[data-orientation=horizontal]{overflow:auto hidden}.eq-scroll-area[data-orientation=both]{overflow:auto}.eq-scroll-area:focus-visible{outline:2px solid var(--eq-focus);outline-offset:2px}@supports (animation-timeline:scroll()){.eq-scroll-area{animation:linear both eq-scroll-area-block;animation-timeline:scroll(self)}.eq-scroll-area[data-orientation=horizontal]{animation:linear both eq-scroll-area-inline;animation-timeline:scroll(self inline)}.eq-scroll-area[data-orientation=both]{animation:linear both eq-scroll-area-block,linear both eq-scroll-area-inline;animation-timeline:scroll(self),scroll(self inline)}}@keyframes eq-scroll-area-block{0%{--_scroll-area-top:0%;--_scroll-area-bottom:18%}6%{--_scroll-area-top:18%}94%{--_scroll-area-bottom:18%}to{--_scroll-area-top:18%;--_scroll-area-bottom:0%}}@keyframes eq-scroll-area-inline{0%{--_scroll-area-start:0%;--_scroll-area-end:18%}6%{--_scroll-area-start:18%}94%{--_scroll-area-end:18%}to{--_scroll-area-start:18%;--_scroll-area-end:0%}}}