.native-scrollbar{scrollbar-width:thin!important;scrollbar-face-color:rgba(128,128,128,.5);scrollbar-track-color:#fff;scrollbar-color:rgba(128,128,128,.5) #fff}.native-scrollbar::-webkit-scrollbar{-webkit-appearance:none}.native-scrollbar::-webkit-scrollbar:vertical{width:11px}.native-scrollbar::-webkit-scrollbar:horizontal{height:11px}.native-scrollbar::-webkit-scrollbar-thumb{border:4px solid #fff;border-radius:0;background-color:#80808080}.native-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#808080bf}.native-scrollbar::-webkit-scrollbar-track{background:#fff}:root{--button-icon-width: .75rem;--button-icon-height: .75rem;--button-icon-margin: 0 0 0 .5rem}.variantIcon.button{display:flex;align-items:center;justify-content:center}.variantIcon.button .ico{position:relative;width:var(--button-icon-width);height:var(--button-icon-height);margin:var(--button-icon-margin)}.variantIcon.button--left{--button-icon-margin: 0 .5rem 0 0;flex-direction:row-reverse}.variantIcon.button--small{--button-icon-width: .75rem;--button-icon-height: .75rem}.variantIcon.button--large{--button-icon-width: .9375rem;--button-icon-height: .9375rem}.variantIcon.button--huge{--button-icon-width: 2rem;--button-icon-height: 2rem}.variantIcon.button--wide{--button-icon-width: 1.25rem;--button-icon-height: 1.25rem}