.rfx-s .scr{position:relative;height:200px;border-radius:18px;overflow:hidden;display:grid;place-items:center;direction:ltr}
.rfx-s .dark{background:#0b1430}
.rfx-s .soft{background:radial-gradient(ellipse at 50% 40%,#fff,#e9ecf3)}
.rfx-s .seg{display:flex;gap:8px}
.rfx-s .sd{position:relative;width:40px;height:72px}
.rfx-s .sd i{position:absolute;background:rgba(255,45,45,.08);transition:.25s}
.rfx-s .sd i.on{background:#ff2b2b;box-shadow:0 0 10px rgba(255,43,43,.6)}
.rfx-s .sd .a,.rfx-s .sd .d,.rfx-s .sd .g{left:12%;width:76%;height:9%;clip-path:polygon(10% 0,90% 0,100% 50%,90% 100%,10% 100%,0 50%)}
.rfx-s .sd .a{top:0}
.rfx-s .sd .g{top:45.5%}
.rfx-s .sd .d{bottom:0}
.rfx-s .sd .b,.rfx-s .sd .c,.rfx-s .sd .e,.rfx-s .sd .f2{width:16%;height:44%;clip-path:polygon(50% 0,100% 10%,100% 90%,50% 100%,0 90%,0 10%)}
.rfx-s .sd .f2{left:0;top:4%}
.rfx-s .sd .b{right:0;top:4%}
.rfx-s .sd .e{left:0;bottom:4%}
.rfx-s .sd .c{right:0;bottom:4%}
.rfx-s .lcd{background:#7fb51a;border:10px solid #1f2a10;border-radius:8px;padding:10px 12px;box-shadow:inset 0 0 18px rgba(0,0,0,.35)}
.rfx-s .lcd div{font:700 22px/1.3 "Courier New",monospace;color:#20330a;letter-spacing:3px;white-space:pre;height:29px}
.rfx-s .lcd.blue{background:#1d4ed8;border-color:#0b1a4a}
.rfx-s .lcd.blue div{color:#e6f0ff;text-shadow:0 0 4px rgba(255,255,255,.6)}
.rfx-s .vfd{font:700 30px "Courier New",monospace;color:#5ff3e6;letter-spacing:4px;text-shadow:0 0 8px #3ee,0 0 18px rgba(60,240,230,.6);white-space:pre}
.rfx-s .vfd small{display:block;font-size:13px;letter-spacing:2px;opacity:.75;text-align:center}
.rfx-s .cam img{height:170px;filter:grayscale(.1)}
.rfx-s .cam .night img{filter:grayscale(1) brightness(1.2) sepia(1) hue-rotate(60deg) saturate(2)}
.rfx-s .cam .ov{position:absolute;inset:12px;border:0;pointer-events:none}
.rfx-s .cam .ov::before,.rfx-s .cam .ov::after{content:"";position:absolute;width:26px;height:26px;border:3px solid #fff}
.rfx-s .cam .ov::before{top:0;left:0;border-right:0;border-bottom:0}
.rfx-s .cam .ov::after{bottom:0;right:0;border-left:0;border-top:0}
.rfx-s .cam .rec{position:absolute;top:14px;left:16px;color:#fff;font:700 13px monospace;display:flex;align-items:center;gap:6px}
.rfx-s .cam .rec::before{content:"";width:10px;height:10px;border-radius:50%;background:#ff2b2b;animation:bl 1s infinite}
.rfx-s .cam .ts{position:absolute;bottom:14px;left:16px;color:#fff;font:600 12px monospace;text-shadow:0 1px 2px #000}
.rfx-s .cam .lb{position:absolute;top:14px;right:16px;background:rgba(237,29,36,.9);color:#fff;font:700 11px Vazirmatn;padding:3px 9px;border-radius:100px;direction:rtl}
@keyframes bl{50%{opacity:0}}
.rfx-s .cnt{display:flex;gap:10px;width:100%;padding:0 16px}
.rfx-s .cnt div{flex:1;background:#fff;border-radius:16px;padding:14px 6px;text-align:center;box-shadow:0 6px 16px rgba(13,34,87,.08)}
.rfx-s .cnt b{display:block;font:900 30px Vazirmatn;color:#0d2257}
.rfx-s .cnt b span{display:inline;font-size:inherit;color:inherit}
.rfx-s .cnt b u{text-decoration:none;font-size:15px;color:#ed1d24;margin-left:3px}
.rfx-s .cnt span{font-size:11.5px;color:#6b6b76;direction:rtl;display:block}
.rfx-s .pkg{position:absolute;top:10px;right:14px;font:900 13px Vazirmatn;color:transparent;-webkit-text-stroke:1px #0d2257;opacity:.5;font-size:40px}
.rfx-s .wave svg{width:92%;height:150px}
.rfx-s .wave path{fill:none;stroke:#3ee;stroke-width:2.5;filter:drop-shadow(0 0 4px #3ee)}
.rfx-s .wave .grid2{stroke:rgba(255,255,255,.07);stroke-width:1;fill:none;filter:none}
.rfx-s .wave .rd{position:absolute;top:10px;right:14px;color:#5ff3e6;font:700 15px monospace}
.rfx-s .pins{display:flex;gap:var(--g);align-items:flex-end;height:90px;transition:gap .6s}
.rfx-s .pins i{width:6px;height:70px;background:linear-gradient(#d9b44a,#9c7a1d);border-radius:2px}
.rfx-s .pinw{display:flex;flex-direction:column;align-items:center;gap:8px}
.rfx-s .dim{display:flex;align-items:center;gap:6px;font:800 18px Vazirmatn;color:#0d2257}
.rfx-s .dim::before,.rfx-s .dim::after{content:"";width:var(--g);height:2px;background:#ed1d24}
.rfx-s .pname{position:absolute;top:12px;right:16px;font:900 38px Vazirmatn;color:transparent;-webkit-text-stroke:1.5px #0d2257;opacity:.4}
.rfx-s .spk{position:relative;width:110px;height:110px}
.rfx-s .spk img{width:110px;height:110px;object-fit:contain;position:relative;z-index:1;mix-blend-mode:multiply;animation:thump .5s infinite}
.rfx-s .spk span{position:absolute;inset:0;border:3px solid #ed1d24;border-radius:50%;opacity:0;animation:ring 1.8s infinite}
.rfx-s .spk span:nth-child(2){animation-delay:.6s}
.rfx-s .spk span:nth-child(3){animation-delay:1.2s}
@keyframes ring{0%{transform:scale(.8);opacity:.7}100%{transform:scale(2);opacity:0}}
@keyframes thump{50%{transform:scale(1.04)}}
.rfx-s .db{position:absolute;bottom:12px;right:16px;font:800 14px Vazirmatn;color:#0d2257;direction:rtl}
.rfx-s .mic{display:flex;flex-direction:column;align-items:center;gap:12px}
.rfx-s .freq{font:700 34px "Courier New",monospace;color:#ffb347;text-shadow:0 0 10px rgba(255,170,60,.7)}
.rfx-s .freq small{font-size:15px}
.rfx-s .vu{display:flex;gap:4px;align-items:flex-end;height:50px}
.rfx-s .vu i{width:10px;background:linear-gradient(#ff2b2b,#ffb347 40%,#3ee);border-radius:2px;transition:height .12s}
.rfx-s .dip{display:flex;gap:10px;background:#c8102e;padding:16px 14px;border-radius:8px}
.rfx-s .dip div{width:26px;height:58px;background:#7a0a1c;border-radius:4px;position:relative}
.rfx-s .dip div::after{content:"";position:absolute;left:3px;right:3px;height:24px;top:30px;background:#fff;border-radius:3px;transition:top .3s}
.rfx-s .dip div.on::after{top:4px}
.rfx-s .dip+.bits{position:absolute;bottom:12px;font:700 16px monospace;color:#0d2257}
.rfx-s .knob{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#4a5068,#1d2238);box-shadow:0 10px 24px rgba(13,34,87,.35),inset 0 2px 6px rgba(255,255,255,.2);position:relative;transition:transform .9s cubic-bezier(.4,1.6,.5,1)}
.rfx-s .knob::after{content:"";position:absolute;top:10px;left:50%;width:5px;height:26px;margin-left:-2.5px;border-radius:3px;background:#ed1d24}
.rfx-s .arc{position:absolute;width:160px;height:160px}
.rfx-s .ohm{position:absolute;bottom:10px;font:800 20px Vazirmatn;color:#0d2257}
.rfx-s .lvl{width:260px;height:44px;border-radius:22px;background:linear-gradient(#e9f99c,#b9e04a);border:3px solid #6b8a12;position:relative;overflow:hidden;transition:transform .9s;box-shadow:inset 0 3px 8px rgba(0,0,0,.25)}
.rfx-s .lvl::before,.rfx-s .lvl::after{content:"";position:absolute;top:0;bottom:0;width:2px;background:#33440a}
.rfx-s .lvl::before{left:108px}
.rfx-s .lvl::after{left:146px}
.rfx-s .bub{position:absolute;top:8px;width:34px;height:22px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff,#f6ffd0);left:var(--x);transition:left .9s}
.rfx-s .deg{position:absolute;bottom:14px;font:800 16px Vazirmatn;color:#0d2257}
.rfx-s .ant{position:relative;width:160px;height:150px}
.rfx-s .ant img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:110px;mix-blend-mode:multiply}
.rfx-s .ant span{position:absolute;left:50%;top:6px;width:30px;height:30px;margin-left:-15px;border:3px solid #ed1d24;border-radius:50%;border-bottom-color:transparent;border-left-color:transparent;transform:rotate(-45deg);opacity:0;animation:wv 1.6s infinite}
.rfx-s .ant span:nth-child(2){animation-delay:.4s}
.rfx-s .ant span:nth-child(3){animation-delay:.8s}
@keyframes wv{0%{transform:rotate(-45deg) scale(.6);opacity:.9}100%{transform:rotate(-45deg) scale(3);opacity:0}}
.rfx-s .bars{position:absolute;bottom:14px;right:16px;display:flex;gap:3px;align-items:flex-end}
.rfx-s .bars i{width:6px;background:#0d2257;border-radius:2px}
.rfx-s .press{position:relative;width:180px;height:160px}
.rfx-s .ram{position:absolute;left:60px;width:60px;top:0;height:60px;background:linear-gradient(#5a6178,#2c3248);border-radius:6px 6px 2px 2px;animation:ram 1.4s infinite cubic-bezier(.6,0,.4,1)}
.rfx-s .die{position:absolute;left:50px;bottom:30px;width:80px;height:18px;background:#9aa1b5;border-radius:3px}
.rfx-s .wire{position:absolute;bottom:52px;left:0;right:0;height:6px;background:#ed1d24;border-radius:3px}
.rfx-s .term{position:absolute;bottom:50px;left:78px;width:24px;height:12px;background:#d9b44a;border-radius:2px;animation:sq 1.4s infinite}
@keyframes ram{0%,100%{top:0}45%,55%{top:44px}}
@keyframes sq{0%,40%{height:12px;bottom:50px}50%,100%{height:7px;bottom:52px}}
.rfx-s .ctr{position:absolute;top:12px;right:14px;font:700 15px monospace;color:#0d2257;direction:ltr}
.rfx-s .cbl{display:flex;flex-direction:column;gap:5px;width:85%}
.rfx-s .cbl i{height:7px;border-radius:4px;transform-origin:right;animation:wr 2.4s infinite;transform:scaleX(0)}
@keyframes wr{0%{transform:scaleX(0)}40%,80%{transform:scaleX(1)}100%{transform:scaleX(1);opacity:0}}
.rfx-s .obd{display:grid;grid-template-columns:repeat(8,22px);gap:8px 6px;background:#1d2238;padding:16px 18px;border-radius:14px 14px 30px 30px}
.rfx-s .obd i{width:22px;height:22px;border-radius:5px;background:#3a4160;transition:.2s;font:700 10px/22px monospace;color:#8a93b8;text-align:center;font-style:normal}
.rfx-s .obd i.on{background:#ed1d24;color:#fff;box-shadow:0 0 10px rgba(237,29,36,.7)}
.rfx-s .obdl{position:absolute;bottom:12px;font:700 13px Vazirmatn;color:#fff;direction:rtl}
.rfx-s .mtr{width:200px;background:#f5c518;border-radius:22px 22px 30px 30px;padding:14px;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.rfx-s .mtr .sc{background:#9fb39a;border-radius:8px;padding:8px 10px;font:700 34px "Courier New",monospace;color:#1d2a18;text-align:right}
.rfx-s .mtr .sc small{font-size:15px}
.rfx-s .mtr .md{margin-top:10px;display:flex;justify-content:space-between;font:800 12px Vazirmatn;color:#1d1d24}
.rfx-s .mtr .md b{background:#1d1d24;color:#f5c518;border-radius:6px;padding:2px 8px}
.rfx-s .flt{position:relative;width:100%;height:100%;display:grid;place-items:center}
.rfx-s .flt .oc{position:absolute;font:900 80px Vazirmatn;color:transparent;-webkit-text-stroke:2px #0d2257;opacity:.15;top:14px}
.rfx-s .flt img{height:150px;position:relative;mix-blend-mode:multiply;animation:fl 4s ease-in-out infinite}
@keyframes fl{50%{transform:translateY(-10px)}}
.rfx-s .scr[data-int]{cursor:crosshair}
.rfx-s .micx{place-items:center}
.rfx-s .micx img{position:relative;height:96px;z-index:1;filter:drop-shadow(0 6px 14px rgba(0,0,0,.4))}
.rfx-s .micx .ring{position:absolute;width:150px;height:150px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-58%);background:conic-gradient(#3ee 0 var(--v,30%),rgba(255,255,255,.08) 0);-webkit-mask:radial-gradient(circle,transparent 62px,#000 63px);mask:radial-gradient(circle,transparent 62px,#000 63px);transition:--v .1s}
.rfx-s .micx .fq{position:absolute;bottom:12px;left:0;right:0;text-align:center;font:700 22px "Courier New",monospace;color:#ffb347;text-shadow:0 0 8px rgba(255,170,60,.6)}
.rfx-s .micx .fq small{font-size:13px}
.rfx-s .antx img{position:relative;height:120px;z-index:1;transform:rotate(-30deg);filter:brightness(1.6) drop-shadow(0 0 6px rgba(255,255,255,.3))}
.rfx-s .antx span{position:absolute;left:50%;top:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border:2px solid #3ee;border-radius:50%;opacity:0;animation:rad 3s infinite linear}
.rfx-s .antx span:nth-child(2){animation-delay:.75s}
.rfx-s .antx span:nth-child(3){animation-delay:1.5s}
.rfx-s .antx span:nth-child(4){animation-delay:2.25s}
@keyframes rad{0%{transform:scale(.4);opacity:.9}100%{transform:scale(4.5);opacity:0}}
.rfx-s .antx .gain{position:absolute;top:12px;right:16px;font:900 28px Vazirmatn;color:#fff}
.rfx-s .antx .gain small{font-size:13px;color:#3ee}
.rfx-s .antx .bd{position:absolute;bottom:12px;left:0;right:0;text-align:center;font:600 12px Vazirmatn;color:#a9b3d6}
.rfx-s .crx{display:flex;align-items:center;justify-content:center;gap:16px}
.rfx-s .crx img{height:150px;mix-blend-mode:multiply}
.rfx-s .crx .panel{background:#0b1430;border-radius:14px;padding:12px 16px;color:#a9b3d6;font:600 10.5px monospace;min-width:120px;box-shadow:0 10px 24px rgba(13,34,87,.3)}
.rfx-s .crx .panel b{display:block;font:700 30px "Courier New",monospace;color:#5dff8a;text-shadow:0 0 8px rgba(93,255,138,.6);margin:2px 0 6px}
.rfx-s .crx .pg{height:5px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden;margin-bottom:6px}
.rfx-s .crx .pg i{display:block;height:100%;width:0;background:#5dff8a;animation:pg 2s linear infinite}
@keyframes pg{to{width:100%}}
.rfx-s .cbx{flex-direction:column;gap:14px;display:flex;align-items:center;justify-content:center}
.rfx-s .rib{display:flex;gap:4px;padding:10px 12px;background:#d7dae3;border-radius:14px;box-shadow:inset 0 2px 5px rgba(0,0,0,.15)}
.rfx-s .rib i{width:22px;height:22px;border-radius:50%;border:5px solid var(--c);background:radial-gradient(circle,#e8b04a 0 45%,#b07a1a 46%);transition:transform .2s;position:relative}
.rfx-s .rib i.on{transform:scale(1.2);box-shadow:0 0 0 3px #fff,0 0 0 5px #ed1d24}
.rfx-s .cl{font:700 13px Vazirmatn;color:#0d2257}
.rfx-s .scr[data-int]{touch-action:none;cursor:pointer}
.rfx-s .ptz{cursor:grab}
.rfx-s .ptz .vw{position:absolute;inset:0;background:url(/wp-content/uploads/refaco-banners/pocket-desktop.webp) 50% 50%/auto 100% no-repeat;transform-origin:50% 50%;transition:transform .15s;filter:saturate(.85) contrast(1.05)}
.rfx-s .ptz.night .vw{background-image:var(--night);filter:none}
.rfx-s .ptz.night:not([style*=--night]) .vw{filter:grayscale(1) brightness(1.25) sepia(1) hue-rotate(60deg) saturate(2)}
.rfx-s .ptz .hud{position:absolute;bottom:14px;right:16px;color:#fff;font:600 11px monospace;text-shadow:0 1px 2px #000}
.rfx-s .ptz .zb{position:absolute;z-index:3;top:44px;right:14px;display:flex;flex-direction:column;gap:6px}
.rfx-s .ptz .zb button{width:32px;height:32px;border-radius:10px;border:0;background:rgba(255,255,255,.18);color:#fff;font:700 18px Vazirmatn;cursor:pointer;backdrop-filter:blur(4px)}
.rfx-s .ptz::before{content:"";position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px;border:1.5px solid rgba(255,255,255,.7);border-radius:50%;z-index:2;pointer-events:none}
.rfx-s .ptz .rec,.rfx-s .ptz .ts,.rfx-s .ptz .lb,.rfx-s .ptz .ov,.rfx-s .ptz .hud{z-index:2}
.rfx-s .spx{display:block}
.rfx-s .spx img{position:absolute;top:14px;right:16px;height:70px;mix-blend-mode:multiply;transition:transform .08s}
.rfx-s .spx.play img{animation:thump .12s infinite}
.rfx-s .spx svg{position:absolute;left:14px;right:14px;bottom:16px;height:110px;width:calc(100% - 28px)}
.rfx-s .spx .ax{stroke:#cfd5e2;stroke-width:1.5}
.rfx-s .spx .cv{fill:none;stroke:#0d2257;stroke-width:3;stroke-linecap:round}
.rfx-s .spx circle{fill:#ed1d24}
.rfx-s .spl{position:absolute;top:18px;left:16px}
.rfx-s .spl b{display:block;font:900 26px Vazirmatn;color:#0d2257;direction:ltr}
.rfx-s .spl span{font-size:12px;color:#6b6b76}
.rfx-s .mcx svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);height:180px;width:180px}
.rfx-s .mcx .g{fill:none;stroke:#d5dae6;stroke-width:1}
.rfx-s .mcx .cd{fill:rgba(237,29,36,.12);stroke:#ed1d24;stroke-width:2}
.rfx-s .mcx .m-src{fill:#0d2257}
.rfx-s .mcx img{position:absolute;left:102px;top:50%;transform:translate(-50%,-50%) rotate(-90deg);height:62px;mix-blend-mode:multiply;pointer-events:none}
.rfx-s .mcl{position:absolute;right:22px;top:50%;transform:translateY(-50%);text-align:center}
.rfx-s .mcl b{display:block;font:900 40px Vazirmatn;color:#0d2257}
.rfx-s .mcl span{font-size:12px;color:#6b6b76}
.rfx-s .anx img{position:absolute;right:18px;bottom:14px;height:150px;mix-blend-mode:multiply;transform:rotate(-12deg)}
.rfx-s .anx .ph{position:absolute;left:30px;top:50px;width:48px;height:80px;border-radius:12px;background:#1d2238;border:3px solid #0d2257;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:left .1s,top .1s;box-shadow:0 10px 22px rgba(13,34,87,.3)}
.rfx-s .anx .br{display:flex;gap:3px;align-items:flex-end;height:26px}
.rfx-s .anx .br i{width:6px;border-radius:2px;background:#3a4160}
.rfx-s .anx .br i.on{background:#5dff8a}
.rfx-s .anx .br i:nth-child(1){height:6px}
.rfx-s .anx .br i:nth-child(2){height:11px}
.rfx-s .anx .br i:nth-child(3){height:16px}
.rfx-s .anx .br i:nth-child(4){height:21px}
.rfx-s .anx .br i:nth-child(5){height:26px}
.rfx-s .anx .ph b{font:700 9.5px monospace;color:#fff;direction:ltr}
.rfx-s .anx .an{position:absolute;top:12px;right:16px;font:800 13px Vazirmatn;color:#0d2257}
.rfx-s .ckx svg{width:240px;height:150px;margin-left:-60px}
.rfx-s .ckx .jw{fill:#3a4160}
.rfx-s .ckx .tm{fill:#d9b44a;stroke:#9c7a1d;stroke-width:2;transition:d .35s}
.rfx-s .ckx #str circle{fill:#e88b3a;stroke:#9c4a12;stroke-width:1;transition:cx .35s,cy .35s}
.rfx-s .ckx #jt,.rfx-s .ckx #jb{transition:y .35s}
.rfx-s .ckl{position:absolute;top:12px;right:16px;text-align:center}
.rfx-s .ckl b{display:block;font:900 26px Vazirmatn;color:#0d2257}
.rfx-s .ckl span{font-size:11px;color:#6b6b76}
.rfx-s .ckh{position:absolute;top:56px;right:16px;width:90px;text-align:center;font:700 12.5px Vazirmatn;color:#ed1d24}
.rfx-s .thumb{position:absolute;bottom:10px !important;right:12px !important;left:auto !important;top:auto !important;width:54px !important;height:54px !important;object-fit:contain;background:#fff;border-radius:12px;padding:4px;box-shadow:0 6px 14px rgba(13,34,87,.12);mix-blend-mode:normal !important;transform:none !important;z-index:3}
.rfx-s .mcx .pol{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:180px;height:180px}
.rfx-s .mcx .pol svg:first-child{width:180px;height:180px}
.rfx-s .mcx .micg{position:absolute;left:50%;top:50%;width:22px;height:44px;transform:translate(-50%,-50%)}
.rfx-s .mcx .lb{font:700 9px Vazirmatn;fill:#8a8f9c;text-anchor:middle}
.rfx-s .mcx .m-src circle{fill:#0d2257}
.rfx-s .mcx .mcl{right:auto;left:14px;top:14px;transform:none;text-align:left}
.rfx-s .mcx .mcl b{font-size:26px}
.rfx-s .mcx .mcl em{display:block;font-style:normal;margin-top:6px;font:700 11px Vazirmatn;color:#ed1d24}
.rfx-s .anx .mast{position:absolute;right:110px;top:50%;transform:translateY(-50%);height:100px;width:40px}
.rfx-s .anx .wv{position:absolute;right:120px;top:calc(50% - 52px);width:20px;height:20px;border:2px solid #ed1d24;border-radius:50%;opacity:0;animation:rad 2.4s infinite linear}
.rfx-s .anx .wv:nth-of-type(2){animation-delay:.8s}
.rfx-s .anx .wv:nth-of-type(3){animation-delay:1.6s}
.rfx-s .anx .an{right:auto;left:16px}
.rfx-s .crm svg{position:absolute;left:8px;top:4px;width:78%;height:96%}
.rfx-s .c-ram{transition:transform .26s cubic-bezier(.5,0,.6,1)}
.rfx-s .crm.down .c-ram{transform:translateY(14px)}
.rfx-s .c-term{transition:height .2s,y .2s}
.rfx-s .crm.down .c-term{height:4px;y:128px}
.rfx-s .c-wire{transition:transform .3s;transform:translateY(70px)}
.rfx-s .crm.in .c-wire,.rfx-s .crm.down .c-wire{transform:none}
.rfx-s .c-reel{transform-origin:62px 64px;transition:transform .4s}
.rfx-s .crm.feed .c-reel{transform:rotate(40deg)}
.rfx-s .crm.feed .c-strip{animation:feed2 .4s ease-out}
@keyframes feed2{from{transform:translate(-8px,-3.5px)}}
@keyframes feed{to{stroke-dashoffset:-11}}
.rfx-s .crm.down .c-ledr{opacity:1}
.rfx-s .crm.down .c-ledg{opacity:.25}
.rfx-s .crs{position:absolute;top:16px;right:14px;width:82px;text-align:center;font:800 12.5px Vazirmatn;color:#ed1d24}
.rfx-s .mcx .pol>svg:first-child{position:absolute;left:0 !important;top:0 !important;transform:none !important}
.rfx-s .spx .frd{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;border:3.5px solid #ed1d24;box-shadow:0 0 0 5px rgba(237,29,36,.15);pointer-events:none}
.rfx-s .anx .br{height:18px !important;gap:2px !important}
.rfx-s .anx .br i{width:4px !important}
.rfx-s .anx .br i:nth-child(1){height:5px}
.rfx-s .anx .br i:nth-child(2){height:8px}
.rfx-s .anx .br i:nth-child(3){height:11px}
.rfx-s .anx .br i:nth-child(4){height:14px}
.rfx-s .anx .br i:nth-child(5){height:18px}
.rfx-s .anx .br i.on{background:linear-gradient(#7dffa8,#2bd46a) !important;box-shadow:0 0 6px rgba(93,255,138,.5)}
.rfx-s .anx .ph .q{margin-top:6px;font:800 9px Vazirmatn;border-radius:100px;padding:2px 8px;background:rgba(93,255,138,.15);color:#5dff8a}
.rfx-s .anx .ph .q[data-l="2"]{background:rgba(255,179,71,.15);color:#ffb347}
.rfx-s .anx .ph .q[data-l="1"]{background:rgba(237,29,36,.18);color:#ff6b70}
.rfx-s .anx .ph{width:auto !important;height:auto !important;flex-direction:row !important;align-items:center !important;gap:10px !important;padding:8px 14px 8px 10px !important;border-radius:100px !important;background:rgba(255,255,255,.55) !important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.9) !important;box-shadow:0 10px 26px rgba(13,34,87,.14) !important;cursor:grab}
.rfx-s .anx .gau{width:40px;height:40px;transform:rotate(-90deg)}
.rfx-s .anx .gau circle{fill:none;stroke-width:5}
.rfx-s .anx .gau .tr{stroke:rgba(13,34,87,.1)}
.rfx-s .anx .gau .vl{stroke:#2bd46a;stroke-linecap:round;stroke-dasharray:113;stroke-dashoffset:30;transition:stroke-dashoffset .2s,stroke .2s}
.rfx-s .anx .gau .vl[data-l="2"]{stroke:#ffb347}
.rfx-s .anx .gau .vl[data-l="1"]{stroke:#ed1d24}
.rfx-s .anx .gt{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.rfx-s .anx .gt .br{height:12px !important}
.rfx-s .anx .gt .br i{background:rgba(13,34,87,.15) !important;box-shadow:none !important}
.rfx-s .anx .gt .br i.on{background:#0d2257 !important}
.rfx-s .anx .gt b{font:800 16px Vazirmatn !important;color:#0d2257 !important;margin:0 !important;direction:ltr}
.rfx-s .anx .gt small{font:700 9px Vazirmatn;color:#6b6b76}
.rfx-s .anx .gt .q{margin:0 !important;font:800 9.5px Vazirmatn;padding:1px 8px;border-radius:100px;background:rgba(43,212,106,.15);color:#159947}
.rfx-s .anx .gt .q[data-l="2"]{background:rgba(255,179,71,.18);color:#c77700}
.rfx-s .anx .gt .q[data-l="1"]{background:rgba(237,29,36,.14);color:#c8102e}
.rfx-s .cam.night img{filter:grayscale(1) brightness(1.2) sepia(1) hue-rotate(60deg) saturate(2)}
.rfx-s .cam .zb{position:absolute;top:44px;right:14px;z-index:3}
.rfx-s .cam .zb button,.rfx-s .ptz .dn{width:32px;height:32px;border-radius:10px;border:0;background:rgba(255,255,255,.18);color:#fff;font:700 16px Vazirmatn;cursor:pointer}
.rfx-s .cam img{position:relative}
.rfx-s .ptz .hud{top:62px !important;bottom:auto !important;right:16px}
.rfx-s .ptz .zb{top:86px !important}
.rfx-s .ptz .zb button,.rfx-s .cam .zb button{background:rgba(11,20,48,.55) !important;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.25) !important}
.rfx-s{container-type:inline-size;width:100%;align-self:stretch}
.rfx-s .seg{gap:min(8px,1.6cqw)}
.rfx-s .sd{width:min(40px,calc((100cqw - 64px) / 6));height:auto;aspect-ratio:40/72}
.rfx-s .scr{max-width:100%}
.rfx-s .ptz .zb button{display:flex;align-items:center;justify-content:center;padding:0;line-height:1;font-size:18px}
.rfx-s .ptz .zb{top:auto !important;right:52px !important;bottom:16px;flex-direction:row;direction:ltr;gap:6px}
.rfx-s .ptz .zb svg{display:block;pointer-events:none}
.rfx-s .ptz .vw{inset:auto;background-size:100% 100% !important;background-position:0 0 !important}
.rfx-s .ptz .zb .dn{order:-1}.rfx-s .ptz .zb [data-z="1"]{order:1}
