.mbp-mockup-wrapper{align-self:flex-start;width:85%;min-width:320px;max-width:1280px;height:auto;margin:10px auto 20px;display:flex;position:relative}.mbp-container{box-sizing:border-box;background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;min-width:320px;max-width:1280px;height:auto;margin:0 auto;padding-top:58.6%;position:relative}.mbp-display{z-index:1;background-image:radial-gradient(#cfd0d1,#cfd0d1,#adadae);border:1px solid #e5e7e9;border-radius:3.1%/4%;width:81.3%;height:95.2%;margin:0 auto;display:block;position:absolute;top:0;left:0;right:0}.mbp-display .display-edge{z-index:2;background-color:#262626;border-radius:2.75%/3.8%;width:99.37%;height:99.25%;margin:.3% auto;display:block;position:relative}.mbp-display .display-edge .bezel{z-index:3;background-color:#010101;border-radius:2.8%/3.2%;width:99.5%;height:99.2%;margin:auto;display:block;position:relative;top:.4%}.mbp-display .bezel:after{content:"";pointer-events:none;background-blend-mode:screen;-moz-border-radius-toptight:3.5% 3%;background:linear-gradient(55deg,#0000 61%,#f2f5f826 61%);border-top-right-radius:3.5% 3%;width:62.5%;height:100%;display:none;position:absolute;top:.3%;right:.15%}.mbp-display.with-glare .bezel:after{display:block}.mbp-display .display-edge .bezel .display-camera{z-index:5;background-color:#303132;border-radius:50%;width:.62%;height:.95%;margin:1% auto;position:absolute;left:0;right:0}.mbp-display .display-edge .bezel .display-frame{background-color:#151515;width:97.65%;height:89.5%;margin:0 auto;display:block;position:absolute;top:3.5%;left:0;right:0;overflow:hidden}.mbp-display .display-frame img{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:100%;height:100%}.mbp-display .display-edge .bezel .below-display{z-index:3;background-color:#212121;border-bottom-right-radius:2.5% 70%;border-bottom-left-radius:2.5% 70%;justify-content:center;width:100%;height:4.9%;display:flex;position:absolute;bottom:.15%}.mbp-display .display-edge .bezel .below-display .macbookpro{background-position:50%;background-repeat:no-repeat;background-size:100%;width:7.4%;height:32%;margin-top:.5%;display:block;position:relative}.mbp-keyboard{z-index:100;flex-wrap:wrap;justify-content:center;width:99.75%;height:7.6%;margin:0 auto;display:flex;position:absolute;bottom:0;left:0;right:0}.mbp-keyboard .front{z-index:100;background:linear-gradient(90deg,#68696b 0%,#757678 .15%,#a0a1a3 .3%,#cccdcf .5%,#e7e8ea .8%,#e8e9eb 1%,#dfe0e2 1.25%,#d1d2d4 1.5%,#adaeb0 2%,#a4a5a7 3%,#bbbdbf 4%,#e1e1e3 8%,#eaebed 15%,#e9eaec 25% 75%,#eaebed 85%,#e1e1e3 92%,#bbbdbf 96%,#a4a5a7 97%,#adaeb0 98%,#d1d2d4 98.5%,#dfe0e2 98.75%,#e8e9eb 99%,#e7e8ea 99.2%,#cccdcf 99.5%,#a0a1a3 99.7%,#757678 99.85%,#68696b 100%);border-radius:1px;justify-content:center;align-items:flex-start;width:100%;height:37.25%;margin:0 auto;display:flex;position:absolute;top:0;left:0;right:0}.mbp-keyboard .opener-left{z-index:101;background-blend-mode:darken;background:linear-gradient(#c3c6c880 0%,#c7c8cc80 60%,#737d8266 100%),radial-gradient(circle at 100%,#bdbec180 0% 50%,#a6a9ac80 80%,#1e2228bf 100%);border-radius:0 0 0 20px;width:6.917%;height:65.5%;position:relative}.mbp-keyboard .opener-right{z-index:101;background-blend-mode:darken;background:linear-gradient(#c3c6c880 0%,#c7c8cc80 60%,#737d8266 100%),radial-gradient(circle at 0,#bdbec180 0% 50%,#a6a9ac80 80%,#1e2228bf 100%);border-radius:0 0 20px;width:6.917%;height:65.5%;position:relative}.mbp-keyboard .bottom-left{z-index:99;background:linear-gradient(#e5e6e9 0%,#909193 65%,#4e4f51 90%,#323234 96%,#29292b 100%);border-bottom-left-radius:25% 60%;width:50%;height:58%;display:block;position:relative;top:10%}.mbp-keyboard .bottom-right{z-index:99;background:linear-gradient(#e5e6e9 0%,#909193 65%,#4e4f51 90%,#323234 96%,#29292b 100%);border-bottom-right-radius:25% 60%;width:50%;height:58%;display:block;position:relative;top:10%}.mbp-shadow{justify-content:center;width:95%;height:60%;display:flex}.mbp-shadow .shadow-left{z-index:90;filter:blur(2px);background-blend-mode:multiply;background:linear-gradient(#000 0%,#080b11d9 2.5%,#1d202466 15%,#fff0 50%);border-top-left-radius:20% 90%;width:50%;height:100%;display:block;position:relative;top:10%}.mbp-shadow .shadow-right{z-index:90;filter:blur(2px);background-blend-mode:multiply;background:linear-gradient(#000 0%,#080b11d9 2.5%,#1d202466 15%,#fff0 50%);border-top-right-radius:20% 90%;width:50%;height:100%;display:block;position:relative;top:10%}