.iconlink{width:36px;height:36px;border-radius:18px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;font-size:20px;position:relative;transition:all .2s ease-in-out}.iconlink:hover .tooltip{opacity:1}.iconlink:hover:where(.dark){background-color:rgba(0,0,0,.2509803922)}.iconlink:hover:where(.light){background-color:rgba(255,255,255,.2509803922)}.iconlink.dark>.content{color:rgba(0,0,0,.8156862745)}.iconlink.light>.content{color:rgba(255,255,255,.8156862745)}.iconlink.active{background-color:#6b7986}.iconlink>.content{position:relative;flex-direction:column;pointer-events:none}.iconlink>.content,.iconlink>.content>.badge{display:flex;justify-content:center;align-items:center}.iconlink>.content>.badge{position:absolute;width:-moz-fit-content;width:fit-content;min-width:19px;height:14px;padding:0 2px;border-radius:7px;top:-5px;left:18px;right:0}.iconlink>.content>.badge>span{font-size:10px;font-weight:700}.iconlink>.content>.label{margin-top:5px;font-size:15px}.iconlink>.tooltip{opacity:0;display:flex;position:fixed;width:inherit;height:inherit;z-index:5000;filter:drop-shadow(0 0 5px #18334d);flex-direction:column;justify-content:center;align-items:center;transform:translateY(34px)!important;pointer-events:none;transition:opacity .25s linear}.iconlink>.tooltip:before{content:"";width:0;height:0;border:8px solid rgba(0,0,0,0);border-bottom-color:#f3f3f3;margin:0 10px}.iconlink>.tooltip .content{z-index:7500;width:max-content;max-width:230px;height:auto;background-color:#f3f3f3;border:0;border-radius:4px;padding:8px;font-size:13px;font-weight:400;color:#222}.iconlink>.tooltip.left{align-items:flex-start}.iconlink>.tooltip.right{align-items:flex-end}.iconlink.disabled{color:#666;cursor:not-allowed}.iconlink.disabled:hover{background-color:#eee}.iconlink.small{width:28px;height:28px;border-radius:14px;font-size:16px}.iconlink.small>.tooltip{transform:translateY(20px)}.iconlink.big{width:48px;height:48px;border-radius:50%;font-size:28px}.iconlink.big>.tooltip{transform:translateY(38px)}.iconlink.biger{width:60px;height:60px;border-radius:50%;font-size:50px}.iconlink.biger>.tooltip{transform:translateY(48px)}.iconlink.bigest{width:80px;height:80px;border-radius:50%;font-size:60px}.iconlink.bigest>.tooltip{transform:translateY(60px)}