@zeit-ui/vue/lib/switcher.css

A popular UI framework for Vue

.expand-enter-active,.expand-leave-active{transition:height .2s ease;overflow:hidden}.expand-enter,.expand-leave-to{height:0}.zi-switcher{display:inline-flex;align-items:center;background-color:var(--geist-background);border-radius:var(--geist-radius);border:1px solid var(--accents-2);overflow:hidden;color:var(--geist-foreground)}.zi-switcher a{color:inherit;font-size:.75rem;height:1.75rem;line-height:1.75rem;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:.075rem .75rem;min-width:4.75rem;user-select:none;transition:background-color .12 ease;position:relative;text-decoration:none}.zi-switcher a:after{position:absolute;height:100%;top:0;bottom:0;right:0;content:"";border-right:1px solid var(--accents-2)}.zi-switcher a:last-child:after{display:none}.zi-switcher a.active,.zi-switcher a:not(.active):hover{text-decoration:none;background-color:var(--accents-1)}.zi-switcher a.active{pointer-events:none;font-weight:700}.zi-switcher-content{width:100%;margin-top:10px}