@import url("./webrtc-page.css");
.gstreamer-page{--wr-cyan:#a8dc43}.gs-pipeline{align-items:center;background:radial-gradient(circle at 50% 30%,rgba(168,220,67,.12),transparent 45%),linear-gradient(145deg,#15251f,#08130f);border:1px solid var(--cw-line);border-radius:22px;display:flex;gap:13px;justify-content:center;min-height:380px;padding:28px;position:relative}.gs-pipeline div{background:#101e1a;border:1px solid rgba(168,220,67,.22);border-radius:12px;display:flex;flex-direction:column;gap:8px;min-width:105px;padding:24px 15px;text-align:center}.gs-pipeline b{font-size:12px}.gs-pipeline small{color:#788d82;font-size:9px}.gs-pipeline i{color:var(--wr-cyan);font-style:normal}.gs-pipeline p{bottom:18px;color:#687b72;font-size:8px;letter-spacing:.09em;position:absolute;text-transform:uppercase}.gs-service-grid{display:grid;gap:18px;grid-template-columns:1fr 1fr}.gs-service-grid article{background:linear-gradient(145deg,var(--cw-panel),var(--cw-panel2));border:1px solid var(--cw-line);border-radius:17px;min-height:390px;padding:27px}.gs-service-grid article>span{color:var(--wr-cyan);font-size:9px;font-weight:800}.gs-service-grid h3{font-size:24px;margin:38px 0 20px}.gs-list{color:#b8c5cd;display:grid;gap:9px;list-style:none;margin:0;padding:0}.gs-list li{font-size:12px;line-height:1.5}.gs-list li:before{color:var(--wr-cyan);content:"•";margin-right:9px}.gs-platform-label{margin-top:27px}.gs-plugin-visual{align-items:center;background:linear-gradient(145deg,#14251f,#091510);border:1px solid var(--cw-line);border-radius:15px;display:flex;gap:10px;justify-content:center;margin-top:28px;min-height:180px;padding:25px;position:relative}.gs-plugin-visual span,.gs-plugin-visual strong{border:1px solid rgba(168,220,67,.2);border-radius:8px;font-size:9px;padding:14px}.gs-plugin-visual strong{color:var(--wr-cyan)}.gs-plugin-visual i{color:#60746a;font-style:normal}.gs-plugin-visual small{bottom:12px;color:#64786e;font-size:8px;position:absolute;text-transform:uppercase}
@media(max-width:680px){.gs-service-grid{grid-template-columns:1fr}.gs-pipeline{min-height:310px;padding:16px}.gs-pipeline div{min-width:76px;padding:18px 8px}.gs-plugin-visual{align-items:stretch;flex-direction:column}.gs-plugin-visual i{transform:rotate(90deg);text-align:center}}