.blur-device-switch{--container-gap: 16px;--container-padding-y: 30px;--container-padding-x: 0;--container-direction: column;--item-align-items: center;--item-gap: 12px;--item-font-size: 14px;--item-font-weight: 600;--item-color: var(--color-gray-800);--item-active-color: var(--color-darkgray-400);--icon-padding: 10px;--icon-color: var(--color-darkgray-300);--icon-bg-color: var(--color-gray-100);--icon-active-color: var(--color-emerald-800);--icon-active-bg-color: var(--color-emerald-50);--label-display: none;display:inline-flex;flex-direction:var(--container-direction);gap:var(--container-gap);padding:var(--container-padding-y) var(--container-padding-x)}.blur-device-switch.layout-row{--container-direction: row;--container-gap: 24px}@media screen and (min-width: 960px){.blur-device-switch{--label-display: block}}.blur-device-switch-item{display:flex;align-items:var(--item-align-items);gap:var(--item-gap);color:var(--item-color);font-size:var(--item-font-size);font-weight:var(--item-font-weight);position:relative;z-index:5;cursor:pointer;transition:all .2s}.blur-device-switch-item.active{color:var(--item-active-color)}.blur-device-switch-item.active .blur-device-switch-icon{background-color:var(--icon-active-bg-color);color:var(--icon-active-color)}.blur-device-switch-item:hover{--item-color: var(--color-darkgray-400);--icon-bg-color: var(--icon-hover-bg-color, var(--color-gray-200))}.blur-device-switch-icon{display:inline-flex;position:relative;z-index:10;padding:var(--icon-padding);color:var(--icon-color);border-radius:var(--border-radius-pill);background-color:var(--icon-bg-color);transition:all .2s}.blur-device-switch-label{display:var(--label-display)}