.deviceContainer{display:inline-block}.deviceContainer .content{overflow:hidden}.white .caseBorder{background:linear-gradient(#ddd 0%, #ccc 100%)}.white .case{background:linear-gradient(#eee 0%, #f5f5f5 100%)}.white .screen{background:rgba(0,0,0,0);box-shadow:inset 0 0 5px 1px rgba(0,0,0,0.15)}.white .reflection{background:linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 51% )}.white .camera{background:radial-gradient(#ddd 0%, #999 80%)}.white .speaker{background:linear-gradient(#ddd 0%, #999 80%)}.white .homeButtonBorder{background:#bbb}.white .homeButton{background:radial-gradient(#ddd 0%, #fff 80%)}.black .caseBorder{background:linear-gradient(#555 0%, #999 100%)}.black .case{background:linear-gradient(#111 0%, #333 100%)}.black .screen{background:rgba(0,0,0,0);box-shadow:inset 0 0 5px 1px rgba(0,0,0,0.25)}.black .reflection{background:linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 51% )}.black .camera{background:radial-gradient(#555 0%, #777 80%)}.black .speaker{background:linear-gradient(#555 0%, #777 80%)}.black .homeButtonBorder{background:#888}.black .homeButton{background:radial-gradient(#555 0%, #333 80%)}.imac{position:relative;display:inline-block;transform:scale3d(0.613,0.613,1);transform-origin:50% 15%;width:100%;padding:calc(9/16*50%) 0}.imac .content{position:absolute;z-index:5;height:100%;width:100%;overflow:hidden;top:0}.imac .reflection{height:115%;width:110%;position:absolute;left:-5%;top:-7.5%;z-index:8;border-radius:4%/5%;background:linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 51%, rgba(255,255,255,0) 85%, rgba(255,255,255,0.3) 90%, rgba(255,255,255,0.1) 100% );border-bottom-right-radius:0;border-bottom-left-radius:0}.imac .caseBorder{height:140%;width:110%;position:absolute;left:-5%;top:-7.5%;z-index:1;border-radius:4%/5%;background:linear-gradient(#ddd 0%, #eee 100%);box-shadow:inset 0 0 10px 0 rgba(0,0,0,0.1)}.imac .case{height:115%;width:110%;position:absolute;left:-5%;top:-7.5%;z-index:2;border-radius:4%/5%;transform-origin:center;background:linear-gradient(#111 0%, #333 100%);border-bottom-right-radius:0;border-bottom-left-radius:0}.imac .screen{height:100%;width:100%;position:absolute;left:0;top:0;z-index:7;overflow:hidden}.imac .stand{height:20%;width:30%;position:absolute;left:35%;bottom:-50%;z-index:0;background:linear-gradient(#ccc 0%, #eee 80%, #fff 90%, #f9f9f9 100%)}.imac .base{height:3%;width:40%;position:absolute;left:30%;bottom:-50%;z-index:0;background:linear-gradient(#f9f9f9 0%, #eee 80%, #aaa 100% );border-radius:15%/30%}.ipad.portrait{position:relative;display:inline-block;transform:scale3d(0.83,0.83,1);transform-origin:50% 50%;width:100%;padding:calc(4/3*50%) 0}.ipad.portrait .content{position:absolute;z-index:5;width:100%;height:100%;top:0}.ipad.portrait .reflection{width:109%;height:110%;position:absolute;top:-9.5%;left:-4.5%;z-index:7;border-radius:5%/4%}.ipad.portrait .caseBorder{width:110%;height:120%;position:absolute;top:-10%;left:-5%;z-index:0;border-radius:5%/4%}.ipad.portrait .case{width:110%;height:120%;position:absolute;top:-10%;left:-5%;z-index:1;border-radius:5%/4%;transform-origin:center;transform:scale3d(0.995, 0.995, 1)}.ipad.portrait .screen{width:100%;height:100%;position:absolute;top:0;left:0;z-index:6}.ipad.portrait .camera{width:2%;height:calc(3/4*2%);position:absolute;top:-6%;left:49%;z-index:3;border-radius:50%}.ipad.portrait .homeButtonBorder{width:8%;height:calc(3/4*8%);position:absolute;bottom:-7.5%;left:46%;z-index:3;border-radius:50%}.ipad.portrait .homeButton{width:8%;height:calc(3/4*8%);position:absolute;bottom:-7.5%;left:46%;z-index:4;border-radius:50%;transform-origin:center;transform:scale3d(0.85, 0.85, 1)}.ipad.landscape{position:relative;display:inline-block;transform:scale3d(0.83,0.83,1);transform-origin:50% 50%;width:100%;padding:calc(3/4*50%) 0}.ipad.landscape .content{position:absolute;z-index:5;width:100%;height:100%;top:0}.ipad.landscape .reflection{height:109%;width:110%;position:absolute;left:-9.5%;top:-4.5%;z-index:7;border-radius:4%/5%}.ipad.landscape .caseBorder{height:110%;width:120%;position:absolute;left:-10%;top:-5%;z-index:0;border-radius:4%/5%}.ipad.landscape .case{height:110%;width:120%;position:absolute;left:-10%;top:-5%;z-index:1;border-radius:4%/5%;transform-origin:center;transform:scale3d(0.995, 0.995, 1)}.ipad.landscape .screen{height:100%;width:100%;position:absolute;left:0;top:0;z-index:6}.ipad.landscape .camera{height:2%;width:calc(3/4*2%);position:absolute;left:-6%;top:49%;z-index:3;border-radius:50%}.ipad.landscape .homeButtonBorder{height:8%;width:calc(3/4*8%);position:absolute;right:-7.5%;top:46%;z-index:3;border-radius:50%}.ipad.landscape .homeButton{height:8%;width:calc(3/4*8%);position:absolute;right:-7.5%;top:46%;z-index:4;border-radius:50%;transform-origin:center;transform:scale3d(0.85, 0.85, 1)}.iphonex.portrait{position:relative;display:inline-block;transform:scale3d(0.9467,0.9467,1);transform-origin:50% 50%;width:100%;padding:calc(18.5/9*50%) 0}.iphonex.portrait .content{position:absolute;z-index:5;width:100%;height:100%;border-radius:10%/8%;overflow:hidden;top:0}.iphonex.portrait .reflection{width:105%;height:103%;position:absolute;top:-1.5%;left:-2.5%;z-index:7;border-radius:10%/8%}.iphonex.portrait .caseBorder{width:110%;height:105%;position:absolute;top:-2.5%;left:-5%;z-index:0;border-radius:10%/8%}.iphonex.portrait .case{width:105%;height:103%;position:absolute;top:-1.5%;left:-2.5%;z-index:1;border-radius:10%/8%;transform-origin:center;transform:scale3d(0.995, 0.995, 1)}.iphonex.portrait .screen{width:100%;height:100%;position:absolute;top:0;left:0;z-index:6;border-radius:10%/8%;overflow:hidden}.iphonex.portrait .speaker{width:50%;height:4%;position:absolute;top:-0.5%;left:25%;z-index:6;border-bottom-left-radius:15% 50%;border-bottom-right-radius:15% 50%}.iphonex.landscape{position:relative;display:inline-block;transform:scale3d(0.9467,0.9467,1);transform-origin:50% 50%;width:100%;padding:calc(9/18.5*50%) 0}.iphonex.landscape .content{position:absolute;z-index:5;height:100%;width:100%;border-radius:8%/10%;overflow:hidden;top:0}.iphonex.landscape .reflection{height:105%;width:103%;position:absolute;left:-1.5%;top:-2.5%;z-index:7;border-radius:8%/10%}.iphonex.landscape .caseBorder{height:110%;width:105%;position:absolute;left:-2.5%;top:-5%;z-index:0;border-radius:8%/10%}.iphonex.landscape .case{height:105%;width:103%;position:absolute;left:-1.5%;top:-2.5%;z-index:1;border-radius:8%/10%;transform-origin:center;transform:scale3d(0.995, 0.995, 1);box-shadow:inset 0 0 10px 0 rgba(255,255,255,0.8)}.iphonex.landscape .screen{height:100%;width:100%;position:absolute;left:0;top:0;z-index:6;border-radius:8%/10%;overflow:hidden}.iphonex.landscape .speaker{height:50%;width:4%;position:absolute;left:-0.5%;top:25%;z-index:6;border-bottom-right-radius:50% 15%;border-top-right-radius:50% 15%}.iphonex.portrait.black .speaker{background:#101010;box-shadow:0 2px 2px 1px rgba(0,0,0,0.15)}.iphonex.portrait.black .caseBorder{background:linear-gradient(#999 0%, #555 100%)}.iphonex.landscape.black .caseBorder{background:linear-gradient(90deg #999 0%, #555 100%)}.iphonex.landscape.black .speaker{background:#121212;box-shadow:2px 0 2px 1px rgba(0,0,0,0.15)}.iphonex.landscape.black .case{box-shadow:none}.iphonex.portrait.white .speaker{background:linear-gradient(#eee 0%, #f5f5f5 100%);box-shadow:0 2px 2px 1px rgba(0,0,0,0.15)}.iphonex.landscape.white .speaker{background:linear-gradient(#eee 0%, #f5f5f5 100%);box-shadow:2px 0 2px 1px rgba(0,0,0,0.15)}