.panel{position:absolute;right:20px;bottom:55px;width:var(--width);background-color:var(--s-bg-light);border-radius:1em;-webkit-box-shadow:var(--s-popup-shadow);box-shadow:var(--s-popup-shadow);display:none;z-index:4;min-height:40px;color:#fff;overflow:visible}.panel.transparent{-webkit-box-shadow:unset!important;box-shadow:unset!important;background-color:transparent!important}.panel.active{display:block}.panel.hidden{display:none}.panel>div{display:-webkit-box;display:-ms-flexbox;display:flex;height:inherit;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.panel>div>div,.panel>div>span{display:inline-block;padding-top:.7em;min-width:40px;z-index:11;position:relative}.panel img.icon{height:var(--s-icon-size);width:auto;cursor:pointer}.tab{z-index:3;position:absolute;bottom:0;right:0;padding-top:0;height:30px;width:calc(27px*var(--adjust));cursor:pointer;text-align:center;right:calc(var(--s-icon-size)*1.2*var(--index))}.tab.dark>img{-webkit-filter:invert();filter:invert()}.tab.active:after{content:"";width:20px;height:20px;background-color:var(--s-bg-light);-webkit-box-shadow:var(--s-popup-shadow);box-shadow:var(--s-popup-shadow);display:block;position:absolute;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:-3.3em;left:2px;z-index:0}.tab.active img{-webkit-filter:invert() hue-rotate(142deg) contrast(100);filter:invert() hue-rotate(142deg) contrast(100)}.tab img.icon{width:24px;height:24px}