.vue-switch-account{position:fixed;top:1rem;right:1rem;z-index:1000;width:15vw;overflow:hidden;border-radius:0.5rem;-webkit-box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15)!important;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15)!important;-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s,-webkit-transform 0.3s;-webkit-transform:translateX(120%);transform:translateX(120%)}.vue-switch-account.slide{-webkit-transform:translateX(0);transform:translateX(0)}.vue-switch-account .header{margin:0;background-color:#4caf50;border-top-left-radius:0.5rem;text-align:center}.vue-switch-account .header.business{background-color:#9c27b0}.vue-switch-account .list-group{padding:0;max-height:50vh;overflow-y:auto}.vue-switch-account .list-group a{color:#333}.vue-switch-account .list-group-item{padding:0.5rem 1rem;border-bottom:1px solid #ddd}.vue-switch-account .list-group-item :first-child{margin-right:0}.vue-switch-account .list-group-item:last-child{border-bottom:0}.vue-switch-account .list-group-item h5{margin-top:0;margin-bottom:0;font-weight:bold}.vue-switch-account .list-group-item p{line-height:1.5;letter-spacing:1px;font-weight:normal;font-size:0.8rem}.vue-switch-account .list-group-item.current{pointer-events:none}.vue-switch-account .list-group-item.current h5{color:#4caf50}.vue-switch-account .list-group-item.current .badge{background-color:#4caf50}.vue-switch-account .list-group-item.current.business h5{color:#9c27b0}.vue-switch-account .list-group-item.current.business .badge{background-color:#9c27b0}@media screen and (max-width:820px){.vue-switch-account{width:60vw}}