.view-switch{border:1px solid #ffc436;border-radius:8px;height:32px;display:flex}.view-switch-list,.view-switch-grid{cursor:pointer;padding:4px;transition:all .3s}.view-switch-list img,.view-switch-grid img{align-items:center;display:flex}.view-switch-list:hover,.view-switch-grid:hover{opacity:.9}.view-switch-list{border-top-right-radius:inherit;border-bottom-right-radius:inherit}.view-switch-grid{border-top-left-radius:inherit;border-bottom-left-radius:inherit}.view-switch-active{background-color:#ffc436}.user-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=420px){.user-name{display:none}}