.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:0 0 10em rgba(70,70,70,.1);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:hover .back{box-shadow:0 0 15em rgba(70,70,70,.4)}.iphonex .front{background-color:#292c2d;border-radius:3em;box-shadow:inset 0 .1em .4em hsla(0,0%,100%,.1);margin:.2em;overflow:hidden}.iphonex .front,.iphonex .screen{display:flex;flex:1;position:relative;z-index:10}.iphonex .screen{background-color:#191b1c;border:.2em solid #121415;border-radius:2.6em;margin:.4em}.iphonex .front__line{background:linear-gradient(90deg,#515455,#454748,#515455);height:.5em;position:absolute;top:10%;width:100%;z-index:8}.iphonex .front__line-second{top:90%}.iphonex .screen .screen__view{align-items:center;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{align-items:center;background-color:#191b1c;border-radius:0 0 .9em .9em;box-sizing:border-box;display:flex;height:1.8em;justify-content:center;margin-top:.5em;padding-bottom:.3em;position:absolute;right:25%;top:0;width:50%;z-index:999}.iphonex .screen .screen__front:after,.iphonex .screen .screen__front:before{background:transparent;border:.4em solid #191b1c;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:#070808;border-radius:.2em;height:.35em;width:28%}.iphonex .screen .screen__front-camera{background:#272727;border-radius:50%;height:.35em;margin-left:.5em;margin-right:-.8em;width:.35em}.iphonex .phoneButtons{background:linear-gradient(180deg,#212324,#2b2e31,#212324);border-radius:2px;box-shadow:inset 0 0 .4em hsla(0,0%,100%,.1);height:6em;position:absolute;width:1em;z-index:2}.iphonex .phoneButtons-right{right:0;top:30%}.iphonex .phoneButtons-left{height:3em;left:0;top:15%}.iphonex .phoneButtons-left2{height:5em;left:0;top:25%}.iphonex .phoneButtons-left3{height:5em;left:0;top:calc(25% + 6em)}