button{all:unset}.ToggleGroup{background-color:gray;border-radius:4px;margin:10px;display:inline-flex;box-shadow:0 2px 10px #000}.ToggleGroupItem{color:#fff;-webkit-user-select:none;user-select:none;background-color:#4b4b4b;justify-content:center;align-items:center;width:min(135px,25vw);height:45px;margin-left:1px;font-size:15px;line-height:1;display:flex}.ToggleGroupItem:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;margin-left:0}.ToggleGroupItem:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.ToggleGroupItem:hover{background-color:#6c6c6c}.ToggleGroupItem[data-state=on]{color:#000;background-color:#61dafb;font-weight:700}.ToggleGroupItem:focus{position:relative}
.tooltip-container{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.custom-tooltip{color:#fff;opacity:1;white-space:nowrap;z-index:10;background-color:#333;border-radius:4px;padding:8px 12px;font-size:12px;position:absolute;bottom:120%;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0003}.custom-tooltip:after{content:"";border:5px solid #0000;border-top-color:#333;margin-left:-5px;position:absolute;top:100%;left:50%}