export const toolbar_button = "bk-toolbar-button"
export const tool_overflow = "bk-tool-overflow"
export const above = "bk-above"
export const active = "bk-active"
export const below = "bk-below"
export const right = "bk-right"
export const left = "bk-left"
export const divider = "bk-divider"
export const horizontal = "bk-horizontal"
export const vertical = "bk-vertical"
export default `:host{--button-width:30px;--button-height:30px;--button-color:lightgray;--active-tool-highlight:#26aae1;--active-tool-border:2px solid transparent;}.bk-toolbar-button{width:var(--button-width);height:var(--button-height);cursor:pointer;background-size:60% 60%;background-origin:border-box;background-color:transparent;background-repeat:no-repeat;background-position:center center;}.bk-toolbar-button:hover,.bk-tool-overflow:hover{background-color:rgba(192, 192, 192, 0.15);}.bk-toolbar-button:focus,.bk-tool-overflow:focus,.bk-toolbar-button:focus-visible,.bk-tool-overflow:focus-visible{outline:1px dotted var(--active-tool-highlight);outline-offset:-1px;}.bk-toolbar-button::-moz-focus-inner,.bk-tool-overflow::-moz-focus-inner{border:0;}:host(.bk-above) .bk-toolbar-button{border-bottom:var(--active-tool-border);}:host(.bk-above) .bk-toolbar-button.bk-active{border-bottom-color:var(--active-tool-highlight);}:host(.bk-below) .bk-toolbar-button{border-top:var(--active-tool-border);}:host(.bk-below) .bk-toolbar-button.bk-active{border-top-color:var(--active-tool-highlight);}:host(.bk-right) .bk-toolbar-button{border-left:var(--active-tool-border);}:host(.bk-right) .bk-toolbar-button.bk-active{border-left-color:var(--active-tool-highlight);}:host(.bk-left) .bk-toolbar-button{border-right:var(--active-tool-border);}:host(.bk-left) .bk-toolbar-button.bk-active{border-right-color:var(--active-tool-highlight);}.bk-divider{content:" ";display:inline-block;background-color:var(--button-color);}:host(.bk-above) .bk-divider,:host(.bk-below) .bk-divider{height:10px;width:1px;}:host(.bk-left) .bk-divider,:host(.bk-right) .bk-divider{height:1px;width:10px;}.bk-tool-overflow{color:gray;display:flex;align-items:center;}:host(.bk-above) .bk-tool-overflow,:host(.bk-below) .bk-tool-overflow,:host(.bk-horizontal) .bk-tool-overflow{width:calc(var(--button-width)/2);height:var(--button-height);flex-direction:row;}:host(.bk-left) .bk-tool-overflow,:host(.bk-right) .bk-tool-overflow,:host(.bk-vertical) .bk-tool-overflow{width:var(--button-width);height:calc(var(--button-height)/2);flex-direction:column;}`
