.device-picker{display:flex;align-items:center;position:absolute;left:50%;transform:translate(-50%);z-index:var(--zi-devicePicker);background:var(--white);border-radius:5px;border:1px solid var(--borderLight);transition:background-color .3s,border-color .3s}.device-picker-top{top:10px}.device-picker-bottom{position:fixed;bottom:10px}.device{padding:8px;margin:4px;border-radius:4px;transition:background-color .3s}.device.active{background-color:var(--whitePrimary);transition:background-color .3s}.device.active p{color:var(--primary);font-weight:500}.device.active svg path{fill:var(--primary)}.device svg{width:18px;height:18px;cursor:pointer;transition:fill .3s}.device svg path{fill:var(--textLight)}.device{display:flex;align-items:center;cursor:pointer;gap:5px}