.device-macbook{--screen-top:6.5%;--screen-side:2.5%;--screen-bottom:9.8%;--frame-width:83%;--frame-border-width:0.27%;aspect-ratio:740/432}.device-macbook .device-frame-border{background:#c8cacb;border-radius:1.7%/2.7%;height:100%;left:8.5%;margin:0 auto;padding:var(--frame-border-width);position:absolute;width:var(--frame-width)}.device-macbook .device-frame{background:#0d0d0d;border-radius:1.6%/2.6%;height:100%;overflow:hidden;position:relative;width:100%}.device-macbook .device-frame:after{background:#272727;border-radius:0 0 2.7% 2.7%;bottom:.47%;content:"";height:6%;left:0;position:absolute;width:100%}.device-macbook .device-screen{background:conic-gradient(from 260deg at 100% 5%,transparent 75%,hsla(0,0%,100%,.05) 100%),conic-gradient(from -60deg at 100% 100%,transparent 90%,hsla(0,0%,100%,.05) 100%),radial-gradient(#000 0,#313131 80%);border-radius:.1%/1.1%;inset:var(--screen-top) var(--screen-side) var(--screen-bottom) var(--screen-side);position:absolute}.device-macbook .device-power{background:radial-gradient(circle at center,#e2e3e4 0,#e2e3e4 98%,#bbbdc0 100%);border-radius:2% 2% 0 0;height:1.4%;margin-top:-1%;position:absolute;top:100%;width:100%;z-index:9}.device-macbook .device-power:after,.device-macbook .device-power:before{content:"";position:absolute}.device-macbook .device-power:after{background:radial-gradient(circle at center,#e2e3e4 0,#e2e3e4 85%,#a0a3a7 100%);height:100%;left:50%;transform:translateX(-50%);width:12%}.device-macbook .device-power:before{background:#a0a3a7;border-radius:0 0 14% 14%/0 0 90% 90%;box-shadow:inset 0 -2px 6px 0 #474a4d;height:100%;left:0;top:100%;width:100%}.device-macbook>.bbg{inset:calc(var(--screen-top) + var(--frame-border-width)) auto calc(var(--screen-bottom) + var(--frame-border-width)) 50%!important;transform:translateX(-50%);width:calc(var(--frame-width) - var(--screen-side)*2 + var(--frame-border-width)*2)!important;z-index:1}.device-macbook.bg .device-screen{background:none}