.view-switcher{background:#0a1929;border:1px solid #1a1f3a;border-radius:6px;align-self:center;display:inline-flex;overflow:hidden}.view-switcher-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.2rem .1rem;text-decoration:none;transition:all .15s;display:flex;position:relative;color:#fff!important}.view-switcher-button:not(:last-child){border-right:1px solid #1a1f3a}.view-switcher-button:hover:not(.active){color:#00d4ff;background-color:#00d4ff26}.view-switcher-button.active{color:#000;cursor:default;pointer-events:none;background:linear-gradient(135deg,#0d47a1 0%,#00d4ff 100%)}.view-switcher-button.active .view-switcher-icon,.view-switcher-button.active svg,.view-switcher-button.active line,.view-switcher-button.active rect{stroke:#000!important;color:#000!important}.view-switcher-icon{stroke:currentColor;width:24px;height:24px}.view-switcher-button:not(.active),.view-switcher-button:not(.active) .view-switcher-icon,.view-switcher-button:not(.active) svg,.view-switcher-button:not(.active) line,.view-switcher-button:not(.active) rect{color:#b3e5fc!important}.view-switcher-button:not(:last-child):not(.active):after{content:"";z-index:1;background-color:#e0e0e0;width:1px;height:60%;position:absolute;top:50%;right:0;transform:translateY(-50%)}.view-switcher-button.active:after{display:none}.view-switcher-button:has(+.view-switcher-button.active):after{display:none}