.iphone-mock-wrapper{--chasis-color:#41729f;width:342em;height:692em;position:relative;& *,& :after,& :before{box-sizing:border-box;display:block}.side{background:#000;border-radius:60em;box-shadow:inset 0 0 1em 1em #152432,inset 0 0 1em 2em #fff,inset 0 0 1em 2em #fff,inset 0 0 1em 5em rgba(65,114,159,.8),0 35px 70px rgba(0,0,0,.6);height:100%;padding:15em 22em;width:100%}&.shadow-medium{.side{box-shadow:inset 0 0 1em 1em #152432,inset 0 0 1em 2em #fff,inset 0 0 1em 2em #fff,inset 0 0 1em 5em rgba(65,114,159,.8),0 7px 30px rgba(0,0,0,.6)}}&.shadow-small{.side{box-shadow:inset 0 0 1em 1em #152432,inset 0 0 1em 2em #fff,inset 0 0 1em 2em #fff,inset 0 0 1em 5em rgba(65,114,159,.8),0 5px 15px rgba(0,0,0,.3)}}.screen{background:#000;background-position:50%;background-size:cover;border-radius:44em;position:relative;height:658em;width:308em;margin-left:-5em;margin-top:1em;overflow:hidden}.content{height:698em;width:350em;margin-top:-30em;margin-left:-10em}.line:after,.line:before{content:"";position:absolute;border:solid hsla(0,0%,100%,.4);border-width:0 5em;height:5em;left:0;width:100%}.line:after{top:69em}.line:before{bottom:71em}.header{background:#000;border-bottom-left-radius:18em;border-bottom-right-radius:18em;height:28em;left:50%;margin-left:-62em;position:absolute;top:12em;width:124em}.sensor-1:after,.sensor-1:before{content:"";position:absolute}.sensor-1:after{background:#444;border-radius:50%;height:6em;width:6em;left:1%;margin-left:12.5em;top:10.5em;box-shadow:inset 0 0 2em 1em navy}.sensor-1:before{background:#141414;border-radius:50%;height:12em;width:12em;left:1%;margin-left:10em;top:8em}.sensor-2:after,.sensor-2:before{content:"";position:absolute}.sensor-2:before{background:#131313;border-radius:1.5em;height:3em;width:54em;left:50%;margin-left:-27em;top:-3em}.volume-button{height:26em;left:-3em;top:122em}.volume-button,.volume-button:after,.volume-button:before{background-color:var(--chasis-color);box-shadow:inset 0 0 1em .5em #152432,inset 0 0 3em 2em hsla(0,0%,100%,.4);border-top-left-radius:1.5em;border-bottom-left-radius:1.5em;position:absolute;width:3em}.volume-button:after,.volume-button:before{content:"";height:50em;left:0}.volume-button:after{top:48em}.volume-button:before{top:112em}.power-button{background-color:var(--chasis-color);box-shadow:inset 0 0 1em .5em #152432,inset 0 0 3em 2em hsla(0,0%,100%,.4);border-top-right-radius:1.5em;border-bottom-right-radius:1.5em;height:75em;right:-3em;position:absolute;top:175em;width:3em}}