body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.device,.device div:not(.screen*),:after,:before{-webkit-transition:all .5s cubic-bezier(.175,.885,.32,1);-webkit-transition:all .5s cubic-bezier(.175,.885,.32,1.275);-o-transition:all .5s cubic-bezier(.175,.885,.32,1.275);transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.bottom-bar,.top-bar{height:3px;background:#000;width:100%;display:block}.middle-bar{width:3px;height:4px;top:0;left:90px;background:#000;position:absolute}.device .screen{width:100%;position:relative;height:100%;z-index:2;text-align:left;display:block;border-radius:1px;-webkit-box-shadow:0 0 0 3px #111;box-shadow:0 0 0 3px #111}.ia-iphone-x .device{width:375px;height:812px;padding:26px;background:#fdfdfd;-webkit-box-shadow:inset 0 0 11px 0 #000;box-shadow:inset 0 0 11px 0 #000;border-radius:66px;position:relative}@media screen and (max-width:480px){.ia-iphone-x .device{height:712px}}@media screen and (max-width:420px){.ia-iphone-x .device{height:600px}}@media screen and (max-width:380px){.ia-iphone-x .device{height:500px}}.ia-iphone-x .overflow{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:66px;overflow:hidden}.ia-iphone-x .shadow{border-radius:100%;width:90px;height:90px;position:absolute;background:-o-radial-gradient(center,ellipse,rgba(0,0,0,.6) 0,rgba(255,255,255,0) 60%);background:radial-gradient(ellipse at center,rgba(0,0,0,.6) 0,rgba(255,255,255,0) 60%)}.ia-iphone-x .shadow--tl{top:-20px;left:-20px}.ia-iphone-x .shadow--tr{top:-20px;right:-20px}.ia-iphone-x .shadow--bl{bottom:-20px;left:-20px}.ia-iphone-x .shadow--br{bottom:-20px;right:-20px}.ia-iphone-x .device:before{width:calc(100% - 10px);height:calc(100% - 10px);position:absolute;top:5px;content:'';left:5px;border-radius:61px;background:#000;z-index:1}.ia-iphone-x .inner-shadow{width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;top:10px;overflow:hidden;left:10px;border-radius:56px;-webkit-box-shadow:inset 0 0 15px 0 rgba(255,255,255,.66);box-shadow:inset 0 0 15px 0 rgba(255,255,255,.66);z-index:1}.ia-iphone-x .inner-shadow:before{-webkit-box-shadow:inset 0 0 20px 0 #fff;box-shadow:inset 0 0 20px 0 #fff;width:100%;height:116%;position:absolute;top:-8%;content:'';left:0;border-radius:200px/112px;z-index:2}.ia-iphone-x .screen{border-radius:40px;-webkit-box-shadow:none;box-shadow:none}.ia-iphone-x .bottom-bar,.ia-iphone-x .top-bar{width:100%;position:absolute;height:8px;background:rgba(0,0,0,.1);left:0}.ia-iphone-x .top-bar{top:80px}.ia-iphone-x .bottom-bar{bottom:80px}.ia-iphone-x .sleep,.ia-iphone-x .volume,.ia-iphone-x .volume:after,.ia-iphone-x .volume:before{width:3px;background:#b5b5b5;position:absolute}.ia-iphone-x .volume{left:-3px;top:116px;height:32px}.ia-iphone-x .volume:before{height:62px;top:62px;content:'';left:0}.ia-iphone-x .volume:after{height:62px;top:140px;content:'';left:0}.ia-iphone-x .sleep{height:96px;top:200px;right:-3px}.ia-iphone-x .camera{width:6px;height:6px;top:9px;border-radius:100%;position:absolute;left:154px;background:#0d4d71}@media screen and (max-width:420px){.ia-iphone-x .camera{display:none}}.ia-iphone-x .speaker{height:6px;width:60px;left:50%;position:absolute;top:9px;margin-left:-30px;background:#171818;border-radius:6px}.ia-iphone-x .notch{position:absolute;width:210px;height:30px;top:25px;left:108px;z-index:4;background:#000;border-bottom-left-radius:24px;border-bottom-right-radius:24px;left:50%;-webkit-transform:translatex(-50%);-ms-transform:translatex(-50%);transform:translatex(-50%)}@media screen and (max-width:420px){.ia-iphone-x .notch{width:150px}}.ia-iphone-x .notch:after,.ia-iphone-x .notch:before{content:'';height:8px;position:absolute;top:1px;width:8px}@media screen and (max-width:420px){.ia-iphone-x .notch:after,.ia-iphone-x .notch:before{display:none}}.ia-iphone-x .notch:after{background:-o-radial-gradient(bottom left,circle,transparent 0,transparent 70%,#000 70%,#000 100%);background:radial-gradient(circle at bottom left,transparent 0,transparent 70%,#000 70%,#000 100%);left:-8px}.ia-iphone-x .notch:before{background:-o-radial-gradient(bottom right,circle,transparent 0,transparent 70%,#000 70%,#000 100%);background:radial-gradient(circle at bottom right,transparent 0,transparent 70%,#000 70%,#000 100%);right:-8px}.ia-iphone-x.landscape .device{height:375px;width:812px}.ia-iphone-x.landscape .bottom-bar,.ia-iphone-x.landscape .top-bar{width:8px;height:100%;top:0}.ia-iphone-x.landscape .top-bar{left:80px}.ia-iphone-x.landscape .bottom-bar{right:80px;bottom:auto;left:auto}.ia-iphone-x.landscape .sleep,.ia-iphone-x.landscape .volume,.ia-iphone-x.landscape .volume:after,.ia-iphone-x.landscape .volume:before{height:3px}.ia-iphone-x.landscape .inner-shadow:before{height:100%;width:116%;left:-8%;top:0;border-radius:112px/200px}.ia-iphone-x.landscape .volume{bottom:-3px;top:auto;left:116px;width:32px}.ia-iphone-x.landscape .volume:before{width:62px;left:62px;top:0}.ia-iphone-x.landscape .volume:after{width:62px;left:140px;top:0}.ia-iphone-x.landscape .sleep{width:96px;left:200px;top:-3px;right:auto}.ia-iphone-x.landscape .camera{left:9px;bottom:154px;top:auto}.ia-iphone-x.landscape .speaker{width:6px;height:60px;left:9px;top:50%;margin-top:-30px;margin-left:0}.ia-iphone-x.landscape .notch{height:210px;width:30px;left:26px;bottom:108px;top:auto;border-top-right-radius:24px;border-bottom-right-radius:24px;border-bottom-left-radius:0}.ia-iphone-x.landscape .notch:after,.ia-iphone-x.landscape .notch:before{left:0}.ia-iphone-x.landscape .notch:after{background:-o-radial-gradient(bottom right,circle,transparent 0,transparent 70%,#000 70%,#000 100%);background:radial-gradient(circle at bottom right,transparent 0,transparent 70%,#000 70%,#000 100%);bottom:-8px;top:auto}.ia-iphone-x.landscape .notch:before{background:-o-radial-gradient(top right,circle,transparent 0,transparent 70%,#000 70%,#000 100%);background:radial-gradient(circle at top right,transparent 0,transparent 70%,#000 70%,#000 100%);top:-8px}