.mk{--mk-screen: #fff;position:relative;flex:none}.mk-screen-outer{position:relative;width:100%;height:100%;overflow:hidden;background:#000}.mk-screen-inner{position:absolute;overflow:hidden;background:var(--mk-screen)}.mk-screen-inner :focus-visible{outline-offset:-4px}.mk-screen-content{position:relative;width:100%;height:100%}.mk-glare{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top right,#fff0,#ffffff0f,#fff0)}.mk-crop{position:relative;overflow:hidden}.mk-crop-window{position:absolute;inset:0;overflow:hidden}.mk-crop-rail{position:absolute;top:0;z-index:1;pointer-events:none}.mk-phone{width:16rem;padding:2px;border-radius:2.6rem;background:var(--mk-frame)}.mk-phone--full{aspect-ratio:70.6 / 146.6}.mk-phone .mk-screen-outer{border-radius:2.5rem}.mk-phone .mk-screen-inner{inset:3.5px;border-radius:2.3rem}.mk-phone-island{position:absolute;top:9px;left:50%;z-index:20;width:66px;height:20px;border-radius:var(--radius-pill, 999px);background:#000;transform:translate(-50%)}.mk-phone-lens{position:absolute;top:50%;right:5px;width:8px;height:8px;border-radius:var(--radius-pill, 999px);background:#6a90c833;transform:translateY(-50%)}.mk-phone-home{position:absolute;bottom:5.5px;left:50%;z-index:20;width:32%;height:3px;border-radius:var(--radius-pill, 999px);background:#0003;transform:translate(-50%)}.mk-phone-btn{position:absolute;width:2px;border-radius:.125rem 0 0 .125rem;background:var(--mk-button)}.mk-phone-btn--mute{top:15.5%;left:-2px;height:3.2%}.mk-phone-btn--up{top:21%;left:-2px;height:7.2%}.mk-phone-btn--down{top:30.5%;left:-2px;height:7.2%}.mk-phone-btn--side{top:23%;right:-2px;height:11.5%;border-radius:0 .125rem .125rem 0}.mk-ipad{width:20rem;padding:4px;border-radius:2.1rem;background:var(--mk-frame);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000001a}.mk-ipad--full{aspect-ratio:178.5 / 247.6}.mk-ipad--landscape{aspect-ratio:247.6 / 178.5}.mk-ipad--landscape .mk-ipad-btn--c{top:16%;right:auto;left:calc(-1 * var(--mk-btn));width:var(--mk-btn);height:16%;border-radius:2px 0 0 2px}.mk-ipad--landscape .mk-ipad-btn--a,.mk-ipad--landscape .mk-ipad-btn--b{top:calc(-1 * var(--mk-btn));right:auto;width:7%;height:var(--mk-btn);border-radius:2px 2px 0 0}.mk-ipad--landscape .mk-ipad-btn--a{left:14%}.mk-ipad--landscape .mk-ipad-btn--b{left:23%}.mk-ipad .mk-screen-outer{border-radius:1.9rem}.mk-ipad .mk-screen-inner{inset:7px;border-radius:1.5rem}.mk-ipad-cam{position:absolute;top:10px;left:50%;z-index:20;display:flex;align-items:center;justify-content:center;width:7px;height:7px;border-radius:var(--radius-pill, 999px);background:#151517;box-shadow:0 0 0 3px #0000000d;transform:translate(-50%)}.mk-ipad-cam:after{content:"";width:2.5px;height:2.5px;border-radius:var(--radius-pill, 999px);background:#3a4a5c}.mk-ipad{--mk-btn: 3px}.mk-ipad-btn{position:absolute;background:var(--mk-button)}.mk-ipad-btn--c{top:calc(-1 * var(--mk-btn));right:16%;width:16%;height:var(--mk-btn);border-radius:2px 2px 0 0}.mk-ipad-btn--a,.mk-ipad-btn--b{right:calc(-1 * var(--mk-btn));width:var(--mk-btn);height:7%;border-radius:0 2px 2px 0}.mk-ipad-btn--a{top:14%}.mk-ipad-btn--b{top:23%}@media(min-width:768px){.mk-ipad{width:23.75rem}}.mk-ipad--fluid{width:100%;padding:clamp(.2rem,.4vw,.4rem);border-radius:clamp(1.1rem,2vw,1.6rem)}.mk-ipad--fluid .mk-screen-outer{border-radius:clamp(.9rem,1.7vw,1.35rem)}.mk-ipad--fluid .mk-screen-inner{inset:clamp(2px,.34vw,5px);border-radius:clamp(.7rem,1.4vw,1.1rem)}.mk-ipad--fluid{--mk-btn: clamp(3px, .42vw, 5px)}.mk-ipad--fluid .mk-ipad-cam{top:clamp(6px,.85vw,12px)}.mk-laptop{display:flex;flex-direction:column;align-items:center}.mk-laptop-lid{position:relative;width:17.5rem;overflow:hidden;border:2px solid var(--mk-border);border-bottom:0;border-radius:.75rem .75rem 0 0;box-shadow:inset 0 1px #ffffff3d,inset 1px 0 #ffffff12,inset -1px 0 #ffffff12,0 22px 30px -10px #0000008c}.mk-laptop-bezel{padding:.375rem .375rem 0;background:#262626}.mk-laptop-screen{position:relative;height:11.5rem;overflow:hidden;border-radius:.25rem .25rem 0 0;background:#171717}.mk-laptop-notch-cam{position:absolute;top:0;left:50%;z-index:2;width:12.2%;height:3.3%;min-height:5px;border-radius:0 0 4px 4px;background:#0d0d0f;transform:translate(-50%)}.mk-laptop-base{position:relative;width:19.6875rem;height:.625rem;border-radius:0 0 .75rem .75rem;background:var(--mk-base);box-shadow:inset 0 1px #ffffff4d,0 14px 22px -10px #000c}.mk-laptop-notch{position:absolute;top:0;left:50%;width:3.5rem;height:.25rem;border-radius:0 0 .375rem .375rem;background:var(--mk-notch);transform:translate(-50%)}@media(min-width:768px){.mk-laptop-lid{width:24rem}.mk-laptop-screen{height:15.75rem}.mk-laptop-base{width:27rem;height:.75rem}.mk-laptop-notch{width:4rem}}