.live-sites-section{background:linear-gradient(#0c1017 0%,#101620 48%,#0c1017 100%);scroll-margin-top:5.5rem}.live-sites-section__kicker{font-family:var(--font-jetbrains-mono),monospace;color:#bae6fd94}.live-sites-section__heading{color:#f8fafc}.live-sites-section__lede{color:#cbd5e1ad}.live-sites-tab{color:#cbd5e1b8;-webkit-backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff1a}.live-sites-tab:hover{color:#f8fafc;border-color:#38bdf847}.live-sites-tab--active{color:#f8fafc;background:#38bdf81f;border-color:#38bdf85c;box-shadow:0 0 24px #0ea5e929,inset 0 1px #ffffff14}.live-sites-dot{background:#ffffff2e}.live-sites-dot--active{background:#38bdf8}.live-sites-card{background:#0c121ceb;border:1px solid #ffffff1f;box-shadow:0 0 0 1px #38bdf80d,0 24px 64px #00000073,0 8px 32px #0ea5e914}.live-sites-card__header{min-height:11.5rem}.live-sites-card__location{color:#ffffff7a}.live-sites-card__preview{background:#080b12;border-top:1px solid #ffffff14}.live-sites-card__preview-placeholder{color:#94a3b88c;background:#080c14f2}.live-sites-card__footer{background:#080c14e0;border-top:1px solid #ffffff14}