.topBarButtonContainer{background:0 0;border-radius:12px;width:fit-content;display:flex;position:relative}.topBarButtonContainer:hover{background:#ffffff0d}.topBarButtonContainer:active{background:linear-gradient(#191919,#131313 50%,#0a0a0a)}.topBarButtonContainer:active:before{background:linear-gradient(#000000e6,#0000004a 10%,#ffffff38)}.topBarButtonContainer:before{content:"";-webkit-mask-composite:xor;border:.0625rem solid #0000;border-radius:.75rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.topBarButtonActive{background:linear-gradient(#0a0a0a,#121212 50%,#292929)}.topBarButtonActive:before{background:linear-gradient(#ffffff05,#ffffff24 20%,#ffffff4d) border-box}.activeBtnShadow{border-radius:.75rem;box-shadow:0 .03125rem .03125rem #ffffff1f,0 .0625rem .125rem #ffffff14,0 .125rem .25rem #ffffff1f}.topBarButtonContainer:not(.topBarButtonActive):hover:before{background:linear-gradient(#ffffff2b,#ffffff0a) border-box}.topBarButton{cursor:pointer;color:#e3e3e3;background:0 0;border:none;border-radius:.75rem;justify-content:center;align-items:center;min-width:2.25rem;height:2.25rem;display:flex;position:relative}.topBarButtonActivator{appearance:none;font-size:inherit;line-height:inherit;padding:.375rem;transition:background-color .1s}