.iphonex-wrapper{position:relative;width:269px;height:0;padding-bottom:197%;z-index:0}.iphonex-wrapper.horizontal{width:532px;padding-bottom:50.56%}.iphonex-wrapper.horizontal .iphonex .front .screen .screen__front{width:1.8em;height:50%;left:0;right:auto;top:auto;bottom:25%;margin-left:.5em;margin-top:0;padding-right:.3em;padding-bottom:0;border-radius:0 .9em .9em 0;flex-direction:column}.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{width:.35em;height:28%}.iphonex-wrapper.horizontal .iphonex .front .screen .screen__front .screen__front-camera{margin:.5em 0 -.8em}.iphonex-wrapper.horizontal .iphonex .phoneButtons{width:6em;height:1em}.iphonex-wrapper.horizontal .iphonex .phoneButtons-right{right:auto;top:auto;top:0;left:30%}.iphonex-wrapper.horizontal .iphonex .phoneButtons-left{width:3em;top:auto;bottom:0;left:15%}.iphonex-wrapper.horizontal .iphonex .phoneButtons-left2{width:5em;top:auto;bottom:0;left:25%}.iphonex-wrapper.horizontal .iphonex .phoneButtons-left3{width:5em;top:auto;bottom:0;left:calc(25% + 6em)}.iphonex{width:100%;height:100%;display:flex;position:absolute;transform:rotate(0);transition:all .4s cubic-bezier(.36,.41,.38,1);z-index:10}.iphonex img.full{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.iphonex:hover{transform:rotate(0) scale(.95);margin-right:0}.iphonex:hover~.title{opacity:0}.iphonex .back{display:flex;flex:1;margin:.2em;border-radius:3em;position:absolute;z-index:1;width:calc(100% - .6em);height:calc(100% - .6em);top:0;right:0;box-shadow:0 0 10em rgba(70,70,70,.1);transition:all .4s}.iphonex:hover .back{box-shadow:0 0 15em rgba(70,70,70,.4)}.iphonex .front{background-color:#292c2d;border-radius:3em;margin:.2em;overflow:hidden;box-shadow:inset 0 .1em .4em hsla(0,0%,100%,.1)}.iphonex .front,.iphonex .screen{display:flex;flex:1;position:relative;z-index:10}.iphonex .screen{background-color:#191b1c;margin:.4em;border-radius:2.6em;border:.2em solid #121415}.iphonex .front__line{background:linear-gradient(90deg,#515455,#454748,#515455);position:absolute;z-index:8;width:100%;height:.5em;top:10%}.iphonex .front__line-second{top:90%}.iphonex .screen .screen__view{display:flex;flex:1;margin:.6em;border-radius:2em;overflow:hidden;width:100%;position:relative;align-items:center;justify-content:center}.iphonex .screen .screen__view:after,.iphonex .screen .screen__view:before{content:"";position:absolute;z-index:1;width:50em;height:50em;border-radius:50%;background:linear-gradient(110deg,var(--lighterDarkBg),var(--darkBg),var(--darkText));bottom:0}.iphonex .screen .screen__view:after{transform:translateY(100%) scaleX(1.4);opacity:.3;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{transform:translateY(100%) scaleX(1.4);opacity:1;z-index:40;transition:all .6s ease}.iphonex .screen:hover .screen__view:before{transform:translateY(10%) scaleX(1.4);transition:all .9s ease .2s}.iphonex .screen .screen__view .dribbbleLogo{position:absolute;z-index:10;overflow:hidden;transition:all .7s ease}.iphonex .screen .screen__view .hello{position:absolute;z-index:60;opacity:0;transition:all .3s ease;transform:translateY(40%)}.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{position:absolute;width:50%;background-color:#191b1c;height:1.8em;border-radius:0 0 .9em .9em;right:25%;top:0;display:flex;justify-content:center;align-items:center;padding-bottom:.3em;box-sizing:border-box;margin-top:.5em;z-index:999}.iphonex .screen .screen__front:after,.iphonex .screen .screen__front:before{content:"";width:10%;height:50%;position:absolute;background:transparent;top:-.3em;border:.4em solid #191b1c;border-bottom:0}.iphonex .screen .screen__front:after{left:.4em;transform:translateX(-100%);border-left:0;border-radius:0 .7em 0 0}.iphonex .screen .screen__front:before{right:.4em;transform:translateX(100%);border-right:0;border-radius:.7em 0 0 0}.iphonex .screen .screen__front-speaker{background:#070808;border-radius:.2em;height:.35em;width:28%}.iphonex .screen .screen__front-camera{height:.35em;width:.35em;background:#272727;margin-left:.5em;border-radius:50%;margin-right:-.8em}.iphonex .phoneButtons{width:1em;height:6em;position:absolute;z-index:2;background:linear-gradient(180deg,#212324,#2b2e31,#212324);box-shadow:inset 0 0 .4em hsla(0,0%,100%,.1);border-radius:2px}.iphonex .phoneButtons-right{right:0;top:30%}.iphonex .phoneButtons-left{left:0;top:15%;height:3em}.iphonex .phoneButtons-left2{left:0;top:25%;height:5em}.iphonex .phoneButtons-left3{left:0;top:calc(25% + 6em);height:5em}