@layer props{.scroll-container[data-v-b1209ac5]:where(kira-component){--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0}}.scroll-container[data-v-b1209ac5]:where(kira-component){position:relative}.scroller[data-v-b1209ac5]{height:100%;overscroll-behavior-y:none;padding:var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-left);scrollbar-width:none;width:100%}.scroller[data-v-b1209ac5]::-webkit-scrollbar{display:none;height:0;width:0}.scroll-container:where(kira-component).dragging .scroller[data-v-b1209ac5],.scroll-container:where(kira-component).dragging .scroller[data-v-b1209ac5] *{cursor:default;pointer-events:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bar[data-v-b1209ac5]{cursor:default;opacity:0;position:absolute;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;visibility:hidden;z-index:29}.bar.vertical[data-v-b1209ac5]{bottom:var(--padding-bottom);right:var(--padding-right);top:var(--padding-top)}.scroll-container:where(kira-component).touch .bar.vertical[data-v-b1209ac5]{width:9px}.scroll-container:where(kira-component).touch .bar.vertical.dragging[data-v-b1209ac5]{width:14px}.scroll-container:where(kira-component).mouse .bar.vertical[data-v-b1209ac5]{width:12px}.scroll-container:where(kira-component).mouse .bar.vertical.dragging[data-v-b1209ac5]{opacity:1;visibility:visible;width:16px}@media (any-hover:hover){.scroll-container:where(kira-component).mouse .bar.vertical[data-v-b1209ac5]:hover{opacity:1;visibility:visible;width:16px}}.bar.vertical .thumb[data-v-b1209ac5]{width:100%}.bar.horizontal[data-v-b1209ac5]{bottom:var(--padding-bottom);left:var(--padding-left);right:var(--padding-right)}.scroll-container:where(kira-component).scrollable-both .bar.horizontal[data-v-b1209ac5]{margin-right:16px}.scroll-container:where(kira-component).touch .bar.horizontal[data-v-b1209ac5]{height:9px}.scroll-container:where(kira-component).touch .bar.horizontal.dragging[data-v-b1209ac5]{height:14px}.scroll-container:where(kira-component).mouse .bar.horizontal[data-v-b1209ac5]{height:12px}.scroll-container:where(kira-component).mouse .bar.horizontal.dragging[data-v-b1209ac5]{height:16px;opacity:1;visibility:visible}@media (any-hover:hover){.scroll-container:where(kira-component).mouse .bar.horizontal[data-v-b1209ac5]:hover{height:16px;opacity:1;visibility:visible}}.bar.horizontal .thumb[data-v-b1209ac5]{height:100%}.scroll-container:where(kira-component).mouse .bar.horizontal.dragging .track[data-v-b1209ac5],.scroll-container:where(kira-component).mouse .bar.vertical.dragging .track[data-v-b1209ac5]{background-color:color-mix(in oklab,var(--main-fg),transparent 95%)}@media (any-hover:hover){.scroll-container:where(kira-component).mouse .bar.horizontal:hover .track[data-v-b1209ac5],.scroll-container:where(kira-component).mouse .bar.vertical:hover .track[data-v-b1209ac5]{background-color:color-mix(in oklab,var(--main-fg),transparent 95%)}}.bar.horizontal.dragging .thumb .inner[data-v-b1209ac5],.bar.vertical.dragging .thumb .inner[data-v-b1209ac5]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--icon-color)}@media (any-hover:hover){.bar.horizontal:hover .thumb .inner[data-v-b1209ac5],.bar.vertical:hover .thumb .inner[data-v-b1209ac5]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--icon-color)}}.bar.show[data-v-b1209ac5]{opacity:1;visibility:visible}.track[data-v-b1209ac5]{border-radius:calc(infinity * 1px);height:100%;position:relative;transition:background-color .2s;width:100%}.thumb[data-v-b1209ac5]{padding:3px;position:absolute;transition:padding .2s}.scroll-container:where(kira-component).mouse .thumb[data-v-b1209ac5]{padding:4px}.thumb .inner[data-v-b1209ac5]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:color-mix(in oklab,var(--icon-color),transparent 40%);border-radius:calc(infinity * 1px);height:100%;width:100%}
