@layer tokens,base;@layer components{.device{margin:0}.device--phone{background:linear-gradient(145deg,#2b3a48,#0d1822 40%,#1b2a37);border-radius:15%/7%;padding:2.6%;position:relative;box-shadow:0 44px 70px -30px #142b4099,inset 0 0 0 1.5px #3c4f60,inset 0 0 0 3px #0b141c}.device-screen{background:#fff;border-radius:12.5%/5.8%;position:relative;overflow:hidden;container:device/inline-size}.device-status{color:#111;justify-content:space-between;align-items:center;height:15cqi;padding:0 10cqi 0 12cqi;font:700 5.6cqi/1 -apple-system,system-ui,sans-serif;display:flex;position:relative}.device-island{background:#05080b;border-radius:99px;width:31%;height:8.8cqi;position:absolute;top:3.2cqi;left:50%;translate:-50%}.device-island--float{z-index:1}.device-icons{align-items:center;gap:1.2cqi;display:flex}.device-icons .icon{stroke-width:2.4px;width:4.6cqi;height:4.6cqi}.device-screen img{width:100%;height:auto;display:block}.device-home{opacity:.85;background:#111;border-radius:9px;width:34%;height:1.4cqi;position:absolute;bottom:1.6cqi;left:50%;translate:-50%}.device--browser{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 30px 60px -30px #142b408c,0 0 0 1px #142b401a}.device-bar{background:#eef3f8;border-bottom:1px solid #dde6ee;align-items:center;gap:6px;height:28px;padding:0 10px;display:flex}.device-bar i{background:#d3dde6;border-radius:50%;width:9px;height:9px}.device-bar span{color:#55697b;background:#fff;border-radius:6px;flex:0 260px;margin-left:10px;padding-left:8px;font-size:11px;line-height:17px}.device--browser img{width:100%;height:auto;display:block}}@layer page;