.browser-frame{border-radius:8px;overflow:hidden;box-shadow:0 8px 30px rgb(0 0 0 / .15);margin:1.5em 0}.browser-frame::before{content:"";display:block;height:36px;background:#e8e8e8;background-image:radial-gradient(circle at 20px 50%,#ff5f57 5px,transparent 5px),radial-gradient(circle at 40px 50%,#febc2e 5px,transparent 5px),radial-gradient(circle at 60px 50%,#28c840 5px,transparent 5px);border-bottom:1px solid #d0d0d0}.browser-frame img{display:block;width:100%;height:auto}.browser-frame-dark{border-radius:8px;overflow:hidden;box-shadow:0 8px 30px rgb(0 0 0 / .4);margin:1.5em 0}.browser-frame-dark::before{content:"";display:block;height:36px;background:#2a2a2a;background-image:radial-gradient(circle at 20px 50%,#ff5f57 5px,transparent 5px),radial-gradient(circle at 40px 50%,#febc2e 5px,transparent 5px),radial-gradient(circle at 60px 50%,#28c840 5px,transparent 5px);border-bottom:1px solid #1a1a1a}.browser-frame-dark img{display:block;width:100%;height:auto}