.no-product{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;top:0;left:0;text-align:center;transform:scale(1.1);background-color:var(--white1);z-index:1}.no-product span{text-transform:lowercase}.no-product svg{width:90px;height:90px;margin-top:-135px}.activate-trial{display:flex;align-items:center;position:fixed;left:300px;right:320px;background-color:var(--white);padding:20px;transition:bottom 2s ease-out,top 2s ease-out;z-index:12;max-height:96px;overflow:hidden}.activate-trial[placement=top]{top:-96px;bottom:unset;border-bottom:1px solid var(--border)}.activate-trial-show[placement=top]{top:0}.activate-trial[placement=bottom]{bottom:-96px;top:unset;border-top:1px solid var(--border)}.activate-trial-show[placement=bottom]{bottom:0}.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{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}