.scrollbar{border-width:1px;display:grid;--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1));--button-border-size:2px}.scrollbar.is-x{border-bottom:0;grid-template-columns:auto 1fr auto;margin-left:-1px;margin-right:-1px}.scrollbar.is-x>button:first-child{border-right-width:1px;--tw-border-opacity:1;border-right-color:rgb(0 0 0/var(--tw-border-opacity,1))}.scrollbar.is-x>button:first-child:before{--tw-rotate:-90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scrollbar.is-x>button:last-child{border-left-width:1px;--tw-border-opacity:1;border-left-color:rgb(0 0 0/var(--tw-border-opacity,1))}.scrollbar.is-x>button:last-child:before{--tw-rotate:90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scrollbar.is-y{grid-template-rows:auto 1fr auto;margin-bottom:-1px;margin-top:-1px}.scrollbar.is-y>button:first-child{border-bottom-width:1px;--tw-border-opacity:1;border-bottom-color:rgb(0 0 0/var(--tw-border-opacity,1))}.scrollbar.is-y>button:last-child{border-top-width:1px;--tw-border-opacity:1;border-top-color:rgb(0 0 0/var(--tw-border-opacity,1))}.scrollbar.is-y>button:last-child:before{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scrollbar>button{background:#e3e2e0;box-sizing:content-box;height:var(--scrollbar-size-px);position:relative;width:var(--scrollbar-size-px)}.scrollbar>button:active .scrollbar-button-inner{--tw-rotate:180deg;background-color:#0000000d;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scrollbar>button:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none' viewBox='0 0 36 36'%3E%3Cpath fill='%23000' d='M10 20h16v2H10zM12 18h12v2H12zM14 16h8v2h-8zM16 14h4v2h-4z'/%3E%3C/svg%3E");background-size:100% 100%;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:5000}.scrollbar-inner{background:#b7b7b7;box-shadow:inset 2px 2px 2px #0003;contain:strict;overflow:hidden;position:relative;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);z-index:1000}.scrollbar-inner .artboard-thumb{display:block;--tw-bg-opacity:1;background-color:rgb(var(--color-primary)/var(--tw-bg-opacity,1));will-change:height,width,transform}.scrollbar-inner .artboard-thumb.is-x{border-left-width:1px;border-right-width:1px;--tw-border-opacity:1;border-left-color:rgb(0 0 0/var(--tw-border-opacity,1));border-right-color:rgb(0 0 0/var(--tw-border-opacity,1));box-shadow:2px 0 2px #0003}.scrollbar-inner .artboard-thumb.is-y{border-bottom-width:1px;border-top-width:1px;--tw-border-opacity:1;border-bottom-color:rgb(0 0 0/var(--tw-border-opacity,1));border-top-color:rgb(0 0 0/var(--tw-border-opacity,1));box-shadow:0 2px 2px #0003}.scrollbar-inner .artboard-thumb:before{content:""}.scrollbar-inner .artboard-thumb{align-items:center;display:flex;justify-content:center}.scrollbar-inner .artboard-thumb .scrollbar-button-grab{display:grid;gap:3px;position:relative;width:14px;z-index:50}.scrollbar-inner .artboard-thumb .scrollbar-button-grab>div{background-color:#ffffffb3;border-left:2px solid #fff;box-shadow:1px 1px #000000b3;height:1.5px}.scrollbar-inner .artboard-thumb .scrollbar-button-grab.is-x{--tw-rotate:90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scrollbar-inner .artboard-thumb .scrollbar-button-inner{background-color:#fff3}.scrollbar-inner.is-y{bottom:0;right:0;top:0;width:var(--scrollbar-size-px)}.scrollbar-inner.is-y button{width:100%}.scrollbar-inner.is-x{bottom:0;height:var(--scrollbar-size-px);left:0;right:0}.scrollbar-inner.is-x button{height:100%}.scrollbar-button-inner{z-index:10}.scrollbar-button-inner,.scrollbar-button-inner-border{height:100%;left:0;position:absolute;top:0;width:100%}.scrollbar-button-inner-border{z-index:40}.scrollbar-button-inner-border:after,.scrollbar-button-inner-border:before{content:"";position:absolute}.scrollbar-button-inner-border:first-child:after,.scrollbar-button-inner-border:first-child:before{background-color:#ffffffb3;left:0;top:0}.scrollbar-button-inner-border:first-child:before{height:var(--button-border-size);width:100%}.scrollbar-button-inner-border:first-child:after{height:100%;width:var(--button-border-size)}.scrollbar-button-inner-border:last-child:after,.scrollbar-button-inner-border:last-child:before{background-color:#0003;bottom:0;right:0}.scrollbar-button-inner-border:last-child:before{height:var(--button-border-size);width:100%}.scrollbar-button-inner-border:last-child:after{height:100%;width:var(--button-border-size)}