.device-icon,.scheme-icon{cursor:pointer;width:54px;height:54px}.device-tablet.portrait{width:828px;height:1084px;border:solid 30px #efefef;border-radius:30px;margin:20px auto;transition:border-width .3s,transform .3s,width .3s,height .3s}.device-tablet.landscape{width:1084px;height:828px;border:solid 30px #efefef;border-radius:30px;margin:30px auto;transition:border-width .3s,transform .3s,width .3s,height .3s}.device-mobile.portrait{width:385px;height:727px;border-top:solid 30px #efefef;border-bottom:solid 30px #efefef;border-left:solid 5px #efefef;border-right:solid 5px #efefef;border-radius:30px;margin:30px auto;transition:border-width .3s,transform .3s,width .3s,height .3s}.device-mobile.landscape{width:727px;height:385px;border-top:solid 5px #efefef;border-bottom:solid 5px #efefef;border-left:solid 30px #efefef;border-right:solid 30px #efefef;border-radius:30px;margin:30px auto;transition:border-width .3s,transform .3s,width .3s,height .3s}.device-laptop .device-top{display:none}.device-tablet.portrait>.device-top{position:absolute;top:12px;left:50%;transform:translateX(-50%)}.device-tablet.landscape>.device-top{position:absolute;left:50%;top:50%;transform:translateY(-50%) translateX(-530px) rotate(-90deg)}.device-mobile.portrait>.device-top{position:absolute;top:10px;left:50%;transform:translateX(-50%)}.device-mobile.landscape>.device-top{position:absolute;left:50%;top:50%;transform:translateY(-50%) translateX(-380px) rotate(-90deg)}.device-tablet .device-speaker{display:none}.device-mobile .device-sensor{display:none}.device-sensor{width:6px;height:6px;margin:0 auto;display:block;border-radius:50%;background-color:#d3d3d3}.device-speaker{width:60px;height:4px;margin:0 auto;display:block;border-radius:5px;background-color:#d3d3d3}