.button{border-radius:var(--default-border-radius);color:inherit;-webkit-user-select:none;user-select:none;cursor:pointer;vertical-align:middle;will-change:background-color, color;background-color:#0000;border:0;outline:0;align-items:center;min-height:32px;font-family:inherit;transition:background-color .3s,color .3s;display:inline-flex}.button span:empty{display:none}.button.icon.only{flex-direction:row}.button.icon.only .comp-icon{margin-right:0}.button.icon.left{flex-direction:row}.button.icon.left .comp-icon{margin-right:8px}.button.icon.right{flex-direction:row-reverse}.button.icon.right .comp-icon{margin-left:8px}.button.icon.top{flex-direction:column}.button.icon.top .comp-icon{margin-bottom:8px}.button.icon.bottom{flex-direction:column-reverse}.button.icon.bottom .comp-icon{margin-top:8px}.button.primary,.button.secondary{text-transform:var(--text-transform);font-weight:500;font-size:inherit;padding:0 15px}.button.no-linebreak{white-space:nowrap}.button.wide{white-space:nowrap;padding:0 62px}.button.centered{justify-content:center}.button.fill{justify-content:center;width:100%}.button.small{min-width:80px;min-height:24px;font-size:1.1rem}.button.primary{border:1px solid hsla(var(--comp-primary-dark2), 1);background-color:hsla(var(--comp-primary-dark2), 1);color:hsla(var(--comp-typo-primary), 1)}.button.primary:hover,.button.primary:focus{border:1px solid hsla(var(--comp-primary-dark1), 1);background-color:hsla(var(--comp-primary-dark1), 1)}.button.primary[selected],.button.primary:active{border:1px solid hsla(var(--comp-primary-dark4), 1);background-color:hsla(var(--comp-primary-dark4), 1);color:hsla(var(--comp-typo-primary), 1)}.button.primary.outline{color:hsla(var(--comp-primary-dark2), 1);background-color:#0000}.button.primary.outline:hover,.button.primary.outline:focus{color:hsla(var(--comp-typo-primary), 1);border:1px solid hsla(var(--comp-primary-dark1), 1);background-color:hsla(var(--comp-primary-dark1), 1)}.button.secondary{border:1px solid hsla(var(--comp-secondary), 1);background-color:hsla(var(--comp-secondary), 1);color:hsla(var(--comp-typo-primary), 1)}.button.secondary:hover,.button.secondary:focus{border:1px solid hsla(var(--comp-secondary-light1), 1);background-color:hsla(var(--comp-secondary-light1), 1)}.button.secondary[selected],.button.secondary:active{border:1px solid hsla(var(--comp-secondary-dark1), 1);background-color:hsla(var(--comp-secondary-dark1), 1);color:hsla(var(--comp-typo-primary), 1)}.button.secondary.outline{color:hsla(var(--comp-typo-secondary), 1);background-color:#0000}.button.secondary.outline:hover,.button.secondary.outline:focus{color:hsla(var(--comp-typo-primary), 1);border:1px solid hsla(var(--comp-secondary-light1), 1);background-color:hsla(var(--comp-secondary-light1), 1)}.button.naked,.button.icon.only{transition:opacity .3s}.button.naked.disabled,.button.icon.only.disabled{opacity:.5}.comp-scrollable-container{flex-direction:column;width:100%;display:flex;position:relative;overflow:hidden auto}.comp-scrollable-container.csssupport>div:first-child{width:100%;overflow:hidden auto}.comp-scrollable-container.csssupport>div:first-child::-webkit-scrollbar{width:8px;height:100%;position:relative}.comp-scrollable-container.csssupport>div:first-child::-webkit-scrollbar:horizontal{width:100%;height:8px}.comp-scrollable-container.csssupport>div:first-child::-webkit-scrollbar-track{background:linear-gradient(90deg, transparent 37.5%, hsla(var(--comp-secondary-light1), 1), transparent 62.5%)}.comp-scrollable-container.csssupport>div:first-child::-webkit-scrollbar-track:horizontal{background:linear-gradient(0deg, transparent 37.5%, hsla(var(--comp-secondary-light1), 1), transparent 62.5%)}.comp-scrollable-container.csssupport>div:first-child::-webkit-scrollbar-thumb{background-color:hsla(var(--comp-primary-dark1), 1);border-radius:4px;width:8px}.comp-scrollable-container.csssupport>div:first-child::-webkit-scrollbar-thumb:hover{background-color:hsla(var(--comp-primary-dark2), 1)}.comp-scrollable-container.csssupport>div:first-child::-webkit-scrollbar-thumb:active{background-color:hsla(var(--comp-primary-dark3), 1)}.comp-scrollable-container.csssupport>div:first-child>div{width:100%;padding-right:8px;position:relative}.comp-scrollable-container.csssupport.horizontal>div:first-child{overflow-x:auto}.comp-scrollable-container.csssupport.inside{padding-right:8px}.comp-scrollable-container.csssupport.inside.non-scrollable{padding-right:0}.comp-scrollable-container.csssupport.inside>div:first-child::-webkit-scrollbar-track{margin-top:8px;margin-bottom:8px}.comp-scrollable-container.csssupport.inside>div:first-child>div{margin-right:0;padding-right:0}.comp-scrollable-container>div:first-child{box-sizing:border-box;-webkit-overflow-scrolling:touch;width:calc(100% + 18px);padding:0;position:relative;overflow:hidden scroll}.comp-scrollable-container>div:first-child>div{width:calc(100% - 18px + var(--os-scrollbar-width));box-sizing:border-box;outline:0;padding:0 16px 0 0}.comp-scrollable-container.non-scrollable>div:first-child>div{padding-right:0}.comp-scrollable-container>div:nth-child(2){width:8px;height:100%;position:absolute;top:0;right:0}.comp-scrollable-container>div:nth-child(2)>div:first-child{background:linear-gradient(90deg, transparent 37.5%, hsla(var(--comp-secondary-light1), 1), transparent 62.5%);width:100%;height:100%;position:absolute;top:0;right:0}.comp-scrollable-container>div:nth-child(2)>div:nth-child(2){background-color:hsla(var(--comp-primary-dark1), 1);border-radius:4px;width:100%;height:0;position:absolute;top:0;right:0}.comp-scrollable-container>div:nth-child(2)>div:nth-child(2):hover{background-color:hsla(var(--comp-primary-dark2), 1)}.comp-scrollable-container>div:nth-child(2)>div:nth-child(2):active{background-color:hsla(var(--comp-primary-dark3), 1)}.comp-scrollable-container.inside>div:first-child>div{margin-right:calc(-1 * var(--os-scrollbar-width))}.comp-scrollable-container.inside>div:nth-child(2){height:calc(100% - 16px);top:8px;right:8px}.comp-scrollable-container.non-scrollable>div:nth-child(2),.comp-scrollable-container.csssupport>div:nth-child(2){display:none}:root{--default-grid-pixels:8px;--default-header-height:64px}.tooltip-context{z-index:1000;pointer-events:none;background:0 0;width:100%;height:100%;position:fixed;top:0;left:0}.tooltip-context .tooltip{visibility:hidden;background:hsla(var(--background-container), 1);border-radius:var(--default-border-radius);width:auto;height:auto;filter:drop-shadow(0px 0px 10px hsla(var(--comp-dark), .5));flex-direction:column;display:flex;position:absolute;top:0;left:0;transform:translate(0,0)}.tooltip-context .tooltip .arrow{content:"";border-style:solid;border-width:6px;border-color:transparent transparent hsla(var(--background-container), 1) hsla(var(--background-container), 1);pointer-events:none;width:0;height:0;position:absolute}.tooltip-context .tooltip.top.right .arrow{bottom:-1px;left:-1px;transform:skew(-24deg,-24deg)}.tooltip-context .tooltip.top.center .arrow{bottom:-5px;transform:translate(-50%)rotate(-45deg)}.tooltip-context .tooltip.top.left .arrow{bottom:-1px;right:-1px;transform:rotate(-90deg)skew(-24deg,-24deg)}.tooltip-context .tooltip.center.right .arrow{left:-5px;transform:translateY(-50%)rotate(45deg)}.tooltip-context .tooltip.center.left .arrow{right:-5px;transform:translateY(-50%)rotate(225deg)}.tooltip-context .tooltip.bottom.right .arrow{top:-1px;left:-1px;transform:rotate(90deg)skew(-24deg,-24deg)}.tooltip-context .tooltip.bottom.center .arrow{top:-5px;transform:translate(-50%)rotate(135deg)}.tooltip-context .tooltip.bottom.left .arrow{top:-1px;right:-1px;transform:rotate(-180deg)skew(-24deg,-24deg)}.tooltip-context .tooltip.visible{visibility:visible;pointer-events:all}.tooltip-context .tooltip .tooltip-content{padding:16px}