.device-frame{min-width:0;max-width:100%;transform:rotate(var(--frame-rotate,0deg))}.device-frame img{width:100%;height:auto;display:block}.phone-frame{background:#182b2a;border-radius:28px;width:100%;min-width:0;max-width:260px;padding:10px;position:relative;box-shadow:0 20px 34px #003c3238}.phone-frame-notch{z-index:2;background:#182b2a;border-radius:0 0 10px 10px;width:40%;max-width:90px;height:14px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.phone-frame-screen{border-radius:19px;overflow:hidden}.phone-frame-screen img{border-radius:19px}.laptop-frame{width:100%}.laptop-screen{background:#182b2a;border-radius:14px 14px 0 0;padding:12px 12px 16px;position:relative;box-shadow:0 12px 28px #00000014}.laptop-camera{background:#3a4f4d;border-radius:50%;width:5px;height:5px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.laptop-display{border-radius:4px;overflow:hidden}.laptop-base{background:linear-gradient(#c9d1cf 0%,#9aa5a3 60%,#7d8886 100%);border-radius:0 0 14px 14px;height:12px;margin:0 -3%;position:relative}.laptop-base:before{content:"";background:#6b7674;border-radius:0 0 8px 8px;width:12%;max-width:110px;height:5px;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (max-width:800px){.phone-frame{border-radius:24px;padding:8px}.phone-frame-notch{height:11px;top:8px}.laptop-screen{border-radius:10px 10px 0 0;padding:8px 8px 12px}}@media (max-width:430px){.phone-frame{border-radius:16px;padding:6px}.phone-frame-notch{border-radius:0 0 7px 7px;height:8px;top:6px}.phone-frame-screen,.phone-frame-screen img{border-radius:11px}}