@layer theme,base;@layer components{.case-media{padding-block-end:12%;position:relative}.browser-frame{border:1px solid var(--line);background:var(--card);border-radius:10px;overflow:hidden;box-shadow:0 40px 80px -30px #030a0899}.browser-frame-bar{border-block-end:1px solid var(--line);font-size:var(--text-meta);color:var(--muted);align-items:center;gap:.4rem;padding:.65rem .9rem;display:flex}.browser-frame-bar i{background:var(--line-strong);opacity:.6;border-radius:50%;block-size:.6rem;inline-size:.6rem}.browser-frame-bar span{letter-spacing:.02em;background:#eee8dc0f;border-radius:999px;margin-inline-start:auto;padding:.15rem .9rem}.case-phone{inline-size:clamp(6.5rem,18%,12rem);position:absolute;inset-block-end:0;inset-inline-end:4%}}@layer utilities;