.scrollcontainer{float:left;width:100%;height:100%;max-width:inherit;max-height:inherit;z-index:1;position:relative;overflow:hidden}.scrollcontainer.dropdown{pointer-events:none;display:none}.scrollcontainer.dropdown.open{pointer-events:auto;display:block}.scrollcontainer:hover>.scrollbars .scrollvert .scrollthumb,.scrollcontainer:hover>.scrollbars .scrollhoz .scrollthumb,.scrollcontainer--scrolling>.scrollbars .scrollvert .scrollthumb,.scrollcontainer--scrolling>.scrollbars .scrollhoz .scrollthumb{opacity:1;transition:opacity .25s ease-in}.scrollcontainer:hover>.scrollbars .scrollbar__thumb-block,.scrollcontainer--scrolling>.scrollbars .scrollbar__thumb-block{cursor:pointer;background:color-mix(in srgb, var(--color-disabled) 25%, var(--color-background) 75%);transition:background 75ms ease-in}.scrollcontainer:hover>.scrollbars .scrollbar__thumb-block:hover,.scrollcontainer--scrolling>.scrollbars .scrollbar__thumb-block:hover{background:color-mix(in srgb, var(--color-disabled) 90%, var(--color-background) 10%)}.scrollcontainer--no-vert>.scrollbars .scrollvert,.scrollcontainer--no-hoz>.scrollbars .scrollhoz{display:none}.scrollbars .scrollvert,.scrollbars .scrollhoz{z-index:2;position:absolute}.scrollbars .scrollvert .scrollthumb,.scrollbars .scrollhoz .scrollthumb{cursor:pointer;opacity:0;background-color:var(--color-scrollthumb);border-radius:4px;transition:opacity .25s ease-out;position:absolute}.scrollbars .scrollhoz{width:100%;height:16px;bottom:0;right:0}.scrollbars .scrollhoz .scrollthumb{width:auto;height:8px;bottom:0;left:0}.scrollbars .scrollvert{width:16px;height:100%;bottom:0;right:0}.scrollbars .scrollvert .scrollthumb{width:8px;height:auto;top:0;right:0}.scrollbars .scrollthumb{z-index:1}.scrollbars .scrollbar__thumb-block{background:0 0;border-radius:4px;width:8px;position:absolute;right:0}.scrollbar-measure{width:100px;height:100px;position:absolute;top:-9999px;overflow:scroll}