.mac-window-mockup{--mac-mockup-bezel-bg: #000;--mac-mockup-shadow: 0 24px 60px -10px rgba(0, 0, 0, .6);--mac-mockup-ring-color: rgba(255, 255, 255, .1);--mac-mockup-dot-red: rgba(248, 113, 113, .8);--mac-mockup-dot-yellow: rgba(250, 204, 21, .8);--mac-mockup-dot-green: rgba(74, 222, 128, .8);--mac-mockup-bezel-padding: .375rem;--mac-mockup-radius: .75rem;--mac-mockup-screen-radius: .375rem;--mac-mockup-dot-size: .375rem;--mac-mockup-dot-gap: .25rem;--mac-mockup-dot-padding-x: .25rem;--mac-mockup-dot-row-mb: .25rem;background:var(--mac-mockup-bezel-bg);padding:var(--mac-mockup-bezel-padding);border-radius:var(--mac-mockup-radius);box-shadow:var(--mac-mockup-shadow),inset 0 0 0 1px var(--mac-mockup-ring-color)}.mac-window-mockup__dots{display:flex;align-items:center;gap:var(--mac-mockup-dot-gap);padding:0 var(--mac-mockup-dot-padding-x);margin-bottom:var(--mac-mockup-dot-row-mb)}.mac-window-mockup__dot{width:var(--mac-mockup-dot-size);height:var(--mac-mockup-dot-size);border-radius:9999px}.mac-window-mockup__dot--red{background:var(--mac-mockup-dot-red)}.mac-window-mockup__dot--yellow{background:var(--mac-mockup-dot-yellow)}.mac-window-mockup__dot--green{background:var(--mac-mockup-dot-green)}.mac-window-mockup__screen{display:block;width:100%;border-radius:var(--mac-mockup-screen-radius);overflow:hidden}.mac-window-mockup__screen>img{display:block;width:100%;border-radius:var(--mac-mockup-screen-radius)}