.mk-phone{--mk-s:1;border:calc(6px * var(--mk-s)) solid #1e2430;border-radius:calc(48px * var(--mk-s));box-shadow:0 0 0 1px #ffffff29, 0 0 0 2px #0f141c, 0 calc(24px * var(--mk-s)) calc(56px * var(--mk-s)) calc(-12px * var(--mk-s)) #0f172a52, 0 calc(8px * var(--mk-s)) calc(20px * var(--mk-s)) calc(-6px * var(--mk-s)) #0f172a24;isolation:isolate;background:#0b0f17;position:relative;overflow:hidden;transform:translateZ(0)}.mk-phone .mk-shade{height:calc(46px * var(--mk-s));z-index:30;pointer-events:none;background:linear-gradient(#0f172a57,#0f172a00);position:absolute;top:0;left:0;right:0}.mk-phone .mk-island{top:calc(10px * var(--mk-s));width:calc(84px * var(--mk-s));height:calc(24px * var(--mk-s));z-index:32;pointer-events:none;background:#000;border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.mk-phone .mk-status{top:calc(10px * var(--mk-s));left:calc(26px * var(--mk-s));right:calc(22px * var(--mk-s));height:calc(24px * var(--mk-s));color:#fff;font:700 calc(12.5px * var(--mk-s)) / 1 -apple-system, BlinkMacSystemFont, "Pretendard", "Apple SD Gothic Neo", sans-serif;letter-spacing:-.01em;font-feature-settings:"tnum";text-shadow:0 1px 2px #00000040;z-index:31;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute}.mk-phone .mk-status-icons{align-items:center;gap:calc(5px * var(--mk-s));display:inline-flex}.mk-phone .mk-status-icons svg{width:calc(15px * var(--mk-s));height:calc(9px * var(--mk-s))}.mk-phone .mk-battery{width:calc(20px * var(--mk-s));height:calc(10px * var(--mk-s));border-radius:calc(3px * var(--mk-s));box-sizing:border-box;border:1px solid;padding:1px;display:inline-flex;position:relative}.mk-phone .mk-battery:after{content:"";background:currentColor;border-radius:0 1px 1px 0;width:1.5px;height:40%;position:absolute;top:50%;right:-3px;transform:translateY(-50%)}.mk-phone .mk-battery-fill{background:currentColor;border-radius:1px;width:80%;height:100%}.mk-phone .mk-home{bottom:calc(7px * var(--mk-s));width:calc(112px * var(--mk-s));height:calc(4px * var(--mk-s));z-index:32;pointer-events:none;background:#0f172a52;border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.mk-phone.mk-dark .mk-home{background:#ffffff8c}.mk-pills{scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#f2f2f7;border:1px solid #0000000f;border-radius:999px;align-items:center;gap:4px;max-width:100%;padding:4px;display:flex;overflow-x:auto}.mk-pills::-webkit-scrollbar{display:none}.mk-pill{color:#6e6e73;min-height:36px;font:inherit;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:.84rem;font-weight:600;transition:background .18s,color .18s,box-shadow .18s;display:inline-flex}@media (hover:hover){.mk-pill:hover{color:#1d1d1f}}.mk-pill.on,.mk-pill[aria-selected=true],.mk-pill[aria-pressed=true]{color:#1d1d1f;background:#fff;box-shadow:0 1px 4px #0000001a}.mk-pill:focus-visible{outline-offset:1px;outline:2px solid #0071e3}.mk-pill-n{color:#6e6e73;font-size:.72rem}
