.layout-switcher{display:flex;align-items:center;gap:.625em;cursor:pointer}.layout-switcher .label{font-size:.75em;display:block;line-height:1;text-transform:uppercase;font-weight:400}.layout-switcher svg{width:.75em;height:auto;align-self:center;justify-self:center}.layout-switcher svg rect{fill:#202124;stroke:none;stroke-width:2;stroke-miterlimit:10;stroke-linecap:round;stroke-linejoin:round}.layout-switcher__label{display:flex;align-items:center;gap:.375em}.layout-switcher .device{display:block;width:1.25em;height:.75em;border-radius:1em;background-color:#ffc260;position:relative}.layout-switcher .device:after{content:'';position:absolute;left:.125em;top:.125em;width:.5em;height:.5em;border-radius:100%;background-color:#fff;transition:left linear .15s}.layout-switcher input{display:none}.layout-switcher.active .device{background-color:#ffc260}.layout-switcher.active .device::after{left:calc(100% - .625em)}