.setting-theme-picker[data-v-4d0e2a40]{display:flex;flex-wrap:wrap;margin:0 0 52px;justify-content:space-around}.setting-theme-picker-item[data-v-4d0e2a40]{width:40px;height:40px;cursor:pointer;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}.setting-theme-picker-item[alt="000000"][data-v-4d0e2a40]{cursor:no-drop;opacity:.3}.setting-theme-picker-item.active[data-v-4d0e2a40]:before{opacity:1}.setting-theme-picker-item.active.white[data-v-4d0e2a40]:before{color:#3d3d3e}.setting-theme-picker-item[data-v-4d0e2a40]:before{font-family:element-icons!important;font-style:none;font-weight:400;font-size:18px;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;content:"";color:#fff;opacity:0;transition:all .3s}.nav-mode-item[data-v-4d0e2a40]{position:relative;width:80px;margin:5px 20px;height:58px;overflow:hidden;cursor:pointer;background-color:#f0f2f5;border-radius:4px;box-shadow:0 1px 2.5px 0 rgba(0,0,0,.18)}.nav-mode-item[data-v-4d0e2a40]:after,.nav-mode-item[data-v-4d0e2a40]:before{position:absolute;content:""}.nav-mode-item.active[data-v-4d0e2a40],.nav-mode-item[data-v-4d0e2a40]:hover{padding:12px}.nav-mode-item.left.active[data-v-4d0e2a40]:before,.nav-mode-item.left[data-v-4d0e2a40]:hover:before{border-radius:0}.nav-mode-item.left[data-v-4d0e2a40]:before{top:0;left:0;z-index:1;width:28%;height:100%;background-color:#273352;border-radius:4px 0 0 4px}.nav-mode-item.left[data-v-4d0e2a40]:after{top:0;left:0;width:100%;height:25%;background-color:#fff}.nav-mode-item.top[data-v-4d0e2a40]:after{top:0;left:0;width:100%;height:25%;background-color:#273352}.nav-mode-item.left-top .mix-sidebar[data-v-4d0e2a40]{position:absolute;left:25%;width:15%;height:100%;background-color:#fff}.nav-mode-item.left-top.active[data-v-4d0e2a40]:before,.nav-mode-item.left-top[data-v-4d0e2a40]:hover:before{border-radius:0}.nav-mode-item.left-top[data-v-4d0e2a40]:before{top:0;left:0;z-index:1;width:25%;height:100%;background-color:#273352;border-radius:4px 0 0 4px}.nav-mode-item.left-top[data-v-4d0e2a40]:after{top:0;left:0;width:100%;height:25%;background-color:#fff}.nav-mode-item.tab.active[data-v-4d0e2a40]:before,.nav-mode-item.tab[data-v-4d0e2a40]:hover:before{border-radius:0}.nav-mode-item.tab .mix-sidebar[data-v-4d0e2a40]{position:absolute;top:25%;width:100%;height:15%;background-color:#273352}.nav-mode-item.tab[data-v-4d0e2a40]:before{top:0;left:0;z-index:1;width:33%;height:100%;background-color:#273352;border-radius:4px 0 0 4px}.nav-mode-item.tab[data-v-4d0e2a40]:after{top:0;left:0;width:100%;height:25%;background-color:#fff}.nav-mode-item.cloud.active[data-v-4d0e2a40]:before,.nav-mode-item.cloud[data-v-4d0e2a40]:hover:before{border-radius:0}.nav-mode-item.cloud .mix-sidebar[data-v-4d0e2a40]{position:absolute;top:0;width:100%;height:35%;background-color:#fff}.nav-mode-item.cloud[data-v-4d0e2a40]:before{top:0;left:0;z-index:1;width:33%;height:100%;background-color:#273352;border-radius:4px 0 0 4px}.nav-mode-item.cloud[data-v-4d0e2a40]:after{left:0;width:100%;background-color:#fff}.switch-visible[data-v-4d0e2a40]{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.switch-visible>span[data-v-4d0e2a40]{font-size:14px}