.iphonex-wrapper{height:0;padding-bottom:197%;position:relative;width:269px;z-index:0}.iphonex-wrapper.horizontal{padding-bottom:50.56%;width:532px}.iphonex-wrapper.horizontal .iphonex .front .screen .screen__front{border-radius:0 .9em .9em 0;bottom:25%;flex-direction:column;height:50%;left:0;margin-left:.5em;margin-top:0;padding-bottom:0;padding-right:.3em;right:auto;top:auto;width:1.8em}.iphonex-wrapper.horizontal .iphonex .front .screen .screen__front:after,.iphonex-wrapper.horizontal .iphonex .front .screen .screen__front:before{content:unset}.iphonex-wrapper.horizontal .iphonex .front .screen .screen__front .screen__front-speaker{height:28%;width:.35em}.iphonex-wrapper.horizontal .iphonex .front .screen .screen__front .screen__front-camera{margin:.5em 0 -.8em}.iphonex-wrapper.horizontal .iphonex .phoneButtons{height:1em;width:6em}.iphonex-wrapper.horizontal .iphonex .phoneButtons-right{left:30%;right:auto;top:auto;top:0}.iphonex-wrapper.horizontal .iphonex .phoneButtons-left{bottom:0;left:15%;top:auto;width:3em}.iphonex-wrapper.horizontal .iphonex .phoneButtons-left2{bottom:0;left:25%;top:auto;width:5em}.iphonex-wrapper.horizontal .iphonex .phoneButtons-left3{bottom:0;left:calc(25% + 6em);top:auto;width:5em}.iphonex{display:flex;height:100%;position:absolute;transform:rotate(0deg);transition:all .4s cubic-bezier(.36,.41,.38,1);width:100%;z-index:10}.iphonex img.full{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.iphonex:hover{margin-right:0;transform:rotate(0deg) scale(.95)}.iphonex:hover~.title{opacity:0}.iphonex .back{border-radius:3em;box-shadow:-8px 5px 17px rgba(0,0,0,.4);display:flex;flex:1;height:calc(100% - .6em);margin:.2em;position:absolute;right:0;top:0;transition:all .4s;width:calc(100% - .6em);z-index:1}.iphonex .front{border-radius:3em;box-shadow:inset 0 .1em .4em hsla(0,0%,100%,.1);margin:.2em;overflow:hidden}.iphonex .front,.iphonex .screen{background-color:#e9ecf2;display:flex;flex:1;position:relative;z-index:10}.iphonex .screen{border:0 solid #e9ecf2;border-radius:2.6em;margin:.33em}.iphonex .front__line{background:linear-gradient(90deg,#e9ecf2,#e9ecf2,#e9ecf2);height:.5em;position:absolute;top:10%;width:100%;z-index:8}.iphonex .front__line-second{top:90%}.iphonex .screen .screen__view{align-items:center;background-color:var(--blue);border-radius:2em;display:flex;flex:1;justify-content:center;margin:.6em;overflow:hidden;position:relative;width:100%}.iphonex .screen .screen__view:after,.iphonex .screen .screen__view:before{background:linear-gradient(110deg,var(--lighterDarkBg),var(--darkBg),var(--darkText));border-radius:50%;bottom:0;content:"";height:50em;position:absolute;width:50em;z-index:1}.iphonex .screen .screen__view:after{opacity:.3;transform:translateY(100%) scaleX(1.4);transition:all .5s ease .1s}.iphonex .screen:hover .screen__view:after{transform:translateY(10%) scaleX(1.4);transition:all .9s ease}.iphonex .screen .screen__view:before{opacity:1;transform:translateY(100%) scaleX(1.4);transition:all .6s ease;z-index:40}.iphonex .screen:hover .screen__view:before{transform:translateY(10%) scaleX(1.4);transition:all .9s ease .2s}.iphonex .screen .screen__view .dribbbleLogo{overflow:hidden;position:absolute;transition:all .7s ease;z-index:10}.iphonex .screen .screen__view .hello{opacity:0;position:absolute;transform:translateY(40%);transition:all .3s ease;z-index:60}.iphonex .screen .screen__view .hello:not(.full){max-width:65%}.iphonex .screen:hover .screen__view .hello{opacity:1;transform:translateY(0);transition:all .6s ease .7s}.iphonex .screen .screen__front{border-radius:0 0 .9em .9em;height:1.8em;margin-top:.5em;padding-bottom:.3em}.iphonex .screen .screen__front:after,.iphonex .screen .screen__front:before{background:transparent;border:.4em solid #e9ecf2;border-bottom:0;content:"";height:50%;position:absolute;top:-.3em;width:10%}.iphonex .screen .screen__front:after{border-left:0;border-radius:0 .7em 0 0;left:.4em;transform:translateX(-100%)}.iphonex .screen .screen__front:before{border-radius:.7em 0 0 0;border-right:0;right:.4em;transform:translateX(100%)}.iphonex .screen .screen__front-speaker{background:#e2e2e2;border:1px solid #d6d6d6;border-radius:.2em;height:.29em;width:31%}.iphonex .screen .screen__front-camera{background:#e9ecf2;border-radius:50%;height:.35em;margin-left:.5em;margin-right:-.8em;width:.35em}.iphonex .phoneButtons{background:linear-gradient(180deg,#dbdee2,#e9ecf2,#dbdee2);border-radius:2px;box-shadow:inset 0 0 .4em hsla(0,0%,100%,.1);height:4.5em;position:absolute;width:1em;z-index:2}.iphonex .phoneButtons-right{background:linear-gradient(180deg,#f3f3f3,#e9ecf2,#e8e8e8);right:0;top:26%}.iphonex .phoneButtons-left{height:1.5em;left:0;top:17%}.iphonex .phoneButtons-left2{height:2.5em!important;left:0;top:26%}.iphonex .phoneButtons-left3{height:2.5em!important;left:0;top:calc(17.4% + 6em)!important}.iphonex .screen .screen__front{align-items:center;background-color:#e9ecf2;border-radius:0 0 .8em .8em;box-sizing:border-box;display:flex;height:1.6em;justify-content:center;margin-top:.2em;padding-bottom:0;position:absolute;right:25%;top:0;width:50%;z-index:999}.iphonex .front,.iphonex .screen,.iphonex .screen .screen__front{background:linear-gradient(180deg,#dbdee2,#e9ecf2,#dbdee2)}.iphonex .front__line,.iphonex .screen .screen__front:after,.iphonex .screen .screen__front:before{opacity:0!important}