.mode-switch{display:flex}.mode-switch .mode-item{align-items:center;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:0;box-shadow:none;color:#0009;display:flex;line-height:1;margin-right:-1px;padding:8px 16px;text-align:center;transition:all .1s ease-in-out}.mode-switch .mode-item .mode-icon{max-height:20px}.mode-switch .mode-item .mode-icon path{stroke:#000}.mode-switch .mode-item .mode-label{margin-left:4px}.mode-switch .mode-item.active{background-color:#e4e4e4;box-shadow:inset 0 1px 3px #0000004d,0 1px #ffffff1a}.mode-switch .mode-item:first-of-type{border-radius:4px 0 0 4px}.mode-switch .mode-item:last-of-type{border-radius:0 4px 4px 0}@media only screen and (max-width:410px){.mode-switch .mode-item{font-size:1rem;padding:8px 12px}.mode-switch .mode-item .mode-label{display:none}}