@charset "utf-8";

.baron__clipper { position: relative; overflow: hidden; }

.baron__scroller { overflow-y: scroll; box-sizing: border-box; margin: 0px; border: 0px; padding: 0px; width: 100%; height: 100%; }

.baron__scroller::-webkit-scrollbar { width: 0px; height: 0px; }

.baron__track { display: none; position: absolute; top: 0px; right: 0px; bottom: 0px; }

.baron._scrollbar .baron__track { display: block; }

.baron__free { position: absolute; top: 0px; bottom: 0px; right: 0px; }

.baron__bar { display: none; position: absolute; right: 0px; z-index: 1; width: 10px; background: rgb(153, 153, 153); }

.baron._scrollbar .baron__bar { display: block; }

.baron__control { display: none; }

.baron._simple .baron__track { opacity: 0; position: absolute; z-index: 3; top: 10px; bottom: 10px; right: 5px; width: 8px; border-radius: 5px; background: rgba(0, 0, 255, 0.1); pointer-events: none; }

.baron._simple._scrollbar .baron__track { opacity: 1; }

.baron._simple .baron__bar { position: absolute; z-index: 1; width: 8px; border-radius: 3px; background: rgb(153, 136, 119); opacity: 0; transition: opacity 0.2s linear; pointer-events: auto; }

.baron._simple .baron__bar:hover { opacity: 0.8; }

.baron._simple.baron .baron__bar { opacity: 0.6; }

.baron._macosx .baron__track { opacity: 0; position: absolute; z-index: 3; top: 2px; bottom: 2px; right: 2px; width: 0px; }

.baron._macosx._scrollbar .baron__track { opacity: 1; }

.baron._macosx .baron__bar { position: absolute; z-index: 1; width: 6px; border-radius: 3px; background: rgb(51, 51, 51); opacity: 0; transition: opacity 0.1s linear 0.4s; pointer-events: auto; }

.baron._dragging .baron__bar { }

.baron._macosx .baron__bar:hover, .baron._scrolling .baron__bar { transition-duration: 0s; transition-delay: 0s; opacity: 0.5; }

.baron._winxp .baron__scroller { padding-right: 17px; }

.baron._winxp .baron__track { opacity: 0; position: absolute; z-index: 3; top: 0px; bottom: 0px; right: 0px; width: 15px; overflow: hidden; background-image: linear-gradient(to right, rgb(242, 241, 236), rgb(253, 254, 249)); border: 1px solid rgb(236, 237, 229); }

.baron._winxp._scrollbar .baron__track { opacity: 1; }

.baron._winxp .baron__control { display: block; }

.baron._winxp .baron__control, .baron._winxp .baron__bar { border: 1px solid rgb(243, 255, 255); box-shadow: rgb(183, 202, 245) 1px 1px 1px inset, rgb(123, 159, 211) 1px 1px 1px; border-radius: 3px; background-image: linear-gradient(to right, rgb(201, 215, 252), rgb(186, 204, 244)); text-align: center; font-size: 8px; line-height: 14px; color: rgb(78, 98, 135); cursor: default; user-select: none; }

.baron._winxp .baron__control:hover, .baron._winxp .baron__bar:hover { background-image: linear-gradient(to right, rgb(217, 231, 255), rgb(202, 220, 255)); }

.baron._winxp .baron__up, .baron._winxp .baron__down { position: absolute; z-index: 1; width: 15px; height: 16px; box-sizing: border-box; }

.baron._winxp .baron__up { top: 0px; }

.baron._winxp .baron__down { bottom: 0px; }

.baron._winxp .baron__free { position: absolute; top: 18px; bottom: 18px; right: 0px; width: 0px; }

.baron._winxp .baron__bar { position: absolute; z-index: 1; width: 15px; box-sizing: border-box; border: 1px solid rgb(243, 255, 255); box-shadow: rgb(183, 202, 245) 1px 1px 1px inset, rgb(123, 159, 211) 1px 1px 1px; border-radius: 3px; background-image: linear-gradient(to right, rgb(201, 215, 252), rgb(186, 204, 244)); opacity: 1; transition: opacity 0.2s ease-in; pointer-events: auto; }

.baron._winxp .baron__bar::before { content: ""; position: absolute; top: 45%; left: 3px; width: 6px; height: 7px; z-index: 1; background-image: linear-gradient(rgb(240, 244, 255) 0px, rgb(240, 244, 255) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 2px, rgb(240, 244, 255) 2px, rgb(240, 244, 255) 3px, rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0) 4px, rgb(240, 244, 255) 4px, rgb(240, 244, 255) 5px, rgba(255, 255, 255, 0) 5px, rgba(255, 255, 255, 0) 6px, rgb(240, 244, 255) 6px, rgb(240, 244, 255) 7px, rgba(255, 255, 255, 0) 7px, rgba(255, 255, 255, 0) 8px); }

.baron._winxp .baron__bar::after { content: ""; position: absolute; top: 47%; left: 4px; width: 6px; height: 7px; background-image: linear-gradient(rgb(138, 175, 246) 0px, rgb(138, 175, 246) 1px, rgba(138, 175, 246, 0) 1px, rgba(138, 175, 246, 0) 2px, rgb(138, 175, 246) 2px, rgb(138, 175, 246) 3px, rgba(138, 175, 246, 0) 3px, rgba(138, 175, 246, 0) 4px, rgb(138, 175, 246) 4px, rgb(138, 175, 246) 5px, rgba(138, 175, 246, 0) 5px, rgba(138, 175, 246, 0) 6px, rgb(138, 175, 246) 6px, rgb(138, 175, 246) 7px, rgba(138, 175, 246, 0) 7px, rgba(138, 175, 246, 0) 8px); }

.baron._winxp._dragging .baron__bar, .baron._winxp .baron__bar:hover { background-image: linear-gradient(to right, rgb(217, 231, 255), rgb(202, 220, 255)); }

.baron._ubuntu12 .baron__scroller { padding-right: 14px; }

.baron._ubuntu12 .baron__track { opacity: 0; position: absolute; z-index: 3; top: 0px; bottom: 0px; right: 0px; width: 14px; box-sizing: border-box; border: 1px solid rgb(197, 193, 189); border-radius: 7px; background-image: linear-gradient(to right, rgb(211, 211, 211), rgb(229, 229, 229)); }

.baron._ubuntu12._scrollbar .baron__track { opacity: 1; }

.baron._ubuntu12 .baron__bar { position: absolute; z-index: 1; width: 12px; box-sizing: border-box; border: 1px solid rgb(255, 255, 255); border-radius: 6px; background-image: linear-gradient(to right, rgb(252, 251, 251), rgb(238, 236, 235)); opacity: 1; pointer-events: auto; box-shadow: rgb(214, 211, 208) 0px 0px 1px; }

.baron._ubuntu12 .baron__bar:hover, .baron._ubuntu12._dragging .baron__bar { background-image: linear-gradient(to right, rgb(233, 109, 58), rgb(245, 128, 80)); border-color: rgb(225, 99, 47); }

.baron._dragging .baron__bar { }

.baron._ubuntu12 .baron__bar:hover, ._scrolling .baron__bar { }