/* Scene upgrade (21/10): risk — layout and looks on top of the shared material (up-material.css).
   One idea (unchanged): a quotation passes three gates before it leaves the company; gate 2 stops it (the rate sheet only covers 40GP,
   the customer needs 40HC), it goes back to Pricing, the source is changed, then it passes; every gate leaves a trace in the record.
   Made real: a night yard in 01's language (floor light, a lit track, barrier gates with cabinets, striped arms on hinges and signal
   lamps, light pools, contact shadows), the quotation as a paper sheet riding the track, the record as a sheet in a manila dossier,
   the gate cards as small app windows (02's language, titles = the appendix screens PL.5 / PL.7 / PL.8), the risks as a table window.
   Stage: track y 352–368 · gates x 680 / 1100 / 1520 (li origin y 280) · hinge at (x − 22, 314) · sheet parks at x 1700.
   End frame = the base styles (Safe mode, calm, S). The build (.r7-play, 1.2 s) and the accent (.r7-acc) move transform / opacity only. */
#s-risk{--rkB:#7FB0FF;--rkR:#F0503E;--rkA:#F0A63A}
#s-risk .r7-rail,#s-risk .r7-pk,#s-risk .r7-g>.r7-bar{display:none}
#s-risk :is(.rk-floor,.rk-track,.rk-ret,.rk-tok){position:absolute;left:0;top:0;margin:0;pointer-events:none}
#s-risk :is(.rk-track,.rk-tok,.rk-sheet) i,#s-risk .r7-g>i{position:absolute;display:block;margin:0}

/* ---- the yard: a floor lit from the track, the night around it ---- */
#s-risk .rk-floor{width:1920px;height:1080px;background:
radial-gradient(1240px 170px at 1110px 384px,rgba(64,104,200,.26),rgba(64,104,200,0))}

/* ---- the track: a rail with a bevel, a lit strip (how far the quotation got), the end stop ---- */
#s-risk .rk-track{z-index:2}
#s-risk .rk-rail{left:505px;top:368px;width:1226px;height:16px;border-radius:8px;
  background:linear-gradient(180deg,#2C3C62,#0C1430);
  box-shadow:inset 0 1px 0 rgba(150,175,225,.5),0 0 0 1px rgba(4,9,22,.75),0 3px 0 rgba(0,0,0,.35)}
#s-risk :is(.rk-lit,.rk-cross){left:512px;top:372px;width:1200px;height:4px;border-radius:2px;transform-origin:0 50%}
#s-risk .rk-lit{background:linear-gradient(90deg,#5E95F5,#BFD6FF);box-shadow:0 0 0 1px rgba(127,176,255,.35),0 0 0 3px rgba(127,176,255,.14)}
#s-risk .rk-cross{background:linear-gradient(90deg,#F0A63A,#FFD08A);box-shadow:0 0 0 1px rgba(240,166,58,.45),0 0 0 3px rgba(240,166,58,.18);opacity:0;transition:opacity .25s}
#s-risk[data-at="cross"] .rk-cross{opacity:1}
#s-risk .rk-cap{left:1729px;top:356px;width:12px;height:34px;border-radius:3px;background:linear-gradient(90deg,#6A7DA6,#151F3C);box-shadow:0 2px 0 rgba(0,0,0,.45)}

/* ---- the thread back to Pricing (gate 2 sent it back once); the label sits over the loop ---- */
#s-risk .rk-ret{width:1920px;height:1080px;overflow:visible;z-index:1}
#s-risk .rk-ret .nq-th.u{stroke-width:10}
#s-risk .rk-rh{fill:none;stroke:var(--nq-amber-l);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
#s-risk .r7-ret{left:866px;top:214px;transform:translateX(-50%);font-size:24px;color:#FFC46B}

/* ---- a gate: post cabinet behind the track, signal lamp on top, barrier arm on a hinge, its light on the floor ---- */
#s-risk .r7-g{top:296px}
#s-risk .r7-g .rk-cab{left:-18px;top:6px;width:36px;height:66px;border-radius:6px 6px 2px 2px;
  background:linear-gradient(90deg,#55698F,#111A33);box-shadow:inset 0 1px 0 rgba(200,220,255,.4),0 1px 0 rgba(0,0,0,.5)}
#s-risk .r7-g .rk-cab::before{content:"";position:absolute;left:-13px;top:23px;width:15px;height:12px;border-radius:2px;background:linear-gradient(#5A6C93,#25335A)}
#s-risk .r7-g .rk-cab b{position:absolute;left:7px;right:7px;top:26px;height:20px;border-radius:2px;box-shadow:inset 0 0 0 1.5px rgba(150,178,228,.32)}
#s-risk .r7-g .rk-shadow{left:-34px;top:62px;width:68px;height:14px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.6),rgba(0,0,0,0))}
/* the lamp housing (dark glass inside a metal ring); its lit states sit over it; the visor on top */
#s-risk .r7-g .r7-lamp{left:-17px;top:-30px;width:42px;height:42px;box-sizing:border-box;border-radius:50%;border:0;
  background:radial-gradient(circle at 40% 34%,#3A4868,#121A30);box-shadow:0 0 0 3px #3A4B72,0 0 0 4px rgba(0,0,0,.55),0 3px 0 4px rgba(0,0,0,.3)}
#s-risk .r7-g .rk-visor{left:-22px;top:-37px;width:52px;height:13px;border-radius:12px 12px 3px 3px;background:linear-gradient(#45567F,#1A2442);box-shadow:0 2px 0 rgba(0,0,0,.4)}
#s-risk .r7-g .rk-st{left:0;top:0;width:0;height:0}
#s-risk .rk-st>i{position:absolute;display:block;border-radius:50%}
#s-risk .rk-st .rk-pool{left:-140px;top:58px;width:280px;height:84px}
#s-risk .rk-st .rk-halo{left:-66px;top:-79px;width:140px;height:140px}
#s-risk .rk-st .rk-lens{left:-14px;top:-27px;width:36px;height:36px}
#s-risk .rk-st.b .rk-pool{background:radial-gradient(closest-side,rgba(127,176,255,.42),rgba(127,176,255,0))}
#s-risk .rk-st.b .rk-halo{background:radial-gradient(closest-side,rgba(127,176,255,.42),rgba(127,176,255,0))}
#s-risk .rk-st.b .rk-lens{background:radial-gradient(circle at 42% 36%,#E6F0FF,#2D63D6);box-shadow:inset 0 0 0 2px rgba(200,222,255,.35)}
#s-risk .rk-st.b .rk-lens::after{content:"";position:absolute;left:13px;top:7px;width:7px;height:14px;border:solid #0C1F4D;border-width:0 3px 3px 0;transform:rotate(45deg)}
#s-risk .rk-st.r{opacity:0}
#s-risk .rk-st.r .rk-pool{background:radial-gradient(closest-side,rgba(240,80,62,.42),rgba(240,80,62,0))}
#s-risk .rk-st.r .rk-halo{background:radial-gradient(closest-side,rgba(255,96,74,.6),rgba(240,80,62,0))}
#s-risk .rk-st.r .rk-lens{background:radial-gradient(circle at 42% 36%,#FFE6E0,#D2321F);box-shadow:inset 0 0 0 2px rgba(255,210,200,.35)}
#s-risk .rk-st.r .rk-lens::after{content:"";position:absolute;left:8px;right:8px;top:16px;height:4px;border-radius:2px;background:#FFF6F3}
#s-risk .rk-st.a{opacity:0;transition:opacity .25s}
#s-risk .rk-st.a .rk-pool{background:radial-gradient(closest-side,rgba(240,166,58,.42),rgba(240,166,58,0))}
#s-risk .rk-st.a .rk-halo{background:radial-gradient(closest-side,rgba(255,196,107,.5),rgba(240,166,58,0))}
#s-risk .rk-st.a .rk-ring{left:-25px;top:-38px;width:58px;height:58px;box-shadow:0 0 0 3px var(--rkA)}
/* the arm: striped red / white, glossy, its right end on the hinge; open = raised (82°), closed = lowered over the track */
#s-risk .r7-g .rk-arm{left:-148px;top:27px;width:120px;height:14px;border-radius:7px 3px 3px 7px;overflow:hidden;transform-origin:100% 50%;transform:rotate(82deg);
  background:#EEF1F6;
  box-shadow:0 0 0 1px rgba(40,10,10,.35)}
#s-risk .rk-arm b{position:absolute;top:0;width:16px;height:14px;background:#C8342A}
#s-risk .rk-arm b:nth-child(1){left:0}#s-risk .rk-arm b:nth-child(2){left:32px}#s-risk .rk-arm b:nth-child(3){left:64px}#s-risk .rk-arm b:nth-child(4){left:96px}
#s-risk .rk-arm::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 3px 0 rgba(255,255,255,.4),inset 0 -3px 0 rgba(0,0,0,.22)}
#s-risk .r7-g .rk-hinge{left:-37px;top:25px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#C9D3E6,#27344F);box-shadow:0 0 0 2px #18223C}
#s-risk .r7-g p{top:166px}
#s-risk[data-at="input"] .r7-g1 .rk-st.a,#s-risk[data-at="rate"] .r7-g2 .rk-st.a,#s-risk[data-at="release"] .r7-g3 .rk-st.a{opacity:1}

/* ---- the quotation sheet: paper with a folded corner, a header and lines, its own shadow and track light; parked at the end ---- */
#s-risk .rk-tok{left:-26px;top:-66px;width:52px;height:66px;z-index:3;transform-origin:50% 100%;transform:translate(1700px,368px)}
#s-risk .rk-tglow{left:-34px;right:-34px;bottom:-14px;height:26px;border-radius:50%;background:radial-gradient(closest-side,rgba(127,176,255,.55),rgba(127,176,255,0))}
#s-risk .rk-tsh{left:-6px;right:-6px;bottom:-6px;height:12px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.7),rgba(0,0,0,0))}
#s-risk .rk-sheet{inset:0;border-radius:3px;background:linear-gradient(165deg,#FFFFFF,#DAD7CD);
  box-shadow:0 0 0 1px rgba(20,30,52,.35),0 2px 0 rgba(0,0,0,.3)}
#s-risk .rk-sheet::before{content:"";position:absolute;right:0;top:0;width:12px;height:12px;border-radius:0 3px 0 5px;background:#C4C0B4;box-shadow:-1px 1px 0 rgba(0,0,0,.18)}
#s-risk .rk-sheet b{position:absolute;left:7px;top:9px;width:24px;height:5px;border-radius:1px;background:#2F6BE0}
#s-risk .rk-sheet s{position:absolute;left:7px;right:9px;top:21px;height:31px;box-shadow:inset 0 3px 0 #A9B1BF,inset 0 -3px 0 #A9B1BF;background:#A9B1BF content-box;padding:11px 0;box-sizing:border-box;height:31px;background-clip:content-box}
#s-risk .r7-end{top:348px}
#s-risk .r7-end i{visibility:hidden}

/* ---- soft shadows: gradient slabs placed by up-risk.js under each card (no blur on large boxes: first raster stays cheap) ---- */
#s-risk .rk-sh{position:absolute;margin:0;pointer-events:none;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.6),rgba(0,0,0,0))}
#s-risk .rk-sh-f{z-index:3}

/* ---- the record: a paper sheet clipped in a manila dossier ---- */
#s-risk .rk-fold{position:absolute;left:150px;top:256px;width:374px;height:250px;margin:0;z-index:3;border-radius:4px 12px 12px 12px;transform:rotate(-2.2deg);
  background:linear-gradient(170deg,#E4C47F,#B98A3E);box-shadow:inset 0 1px 0 rgba(255,240,200,.6),0 0 0 1px rgba(60,40,10,.35),0 2px 0 rgba(0,0,0,.35)}
#s-risk .rk-fold i{position:absolute;left:16px;top:-18px;width:132px;height:22px;border-radius:9px 9px 0 0;background:linear-gradient(#E9CB89,#E1C07A)}
#s-risk .r7-rec{top:266px;z-index:3;border-radius:5px;background:#F6F4EE linear-gradient(176deg,#FCFBF7,#F2EFE7);
  box-shadow:0 0 0 1px rgba(60,48,20,.18),0 2px 0 rgba(60,40,10,.3)}
#s-risk .r7-st .s0{background:#E4EAF2;color:#3E4C62}
#s-risk .r7-st .s1{background:rgba(220,233,255,.55);color:#1D4FA8;box-shadow:inset 0 0 0 2.5px #1D4FA8;border-radius:7px;transform:rotate(-3deg);font-weight:700}

/* ---- the record's log: a dark panel, one icon per field ---- */
#s-risk .r7-log{left:160px;top:522px;width:300px;box-sizing:border-box;padding:0 20px 14px;border-radius:12px;background:#0F1A33;
  box-shadow:0 0 0 1px rgba(127,176,255,.28),0 2px 0 rgba(0,0,0,.4)}
#s-risk .r7-log b{margin:0 -20px 8px;padding:9px 20px 10px;font-size:21px;color:#BFD4FF;background:linear-gradient(#1B2A4C,#15223F);border-bottom:1px solid rgba(127,176,255,.22);border-radius:12px 12px 0 0}
#s-risk .r7-log ul{margin:0}
#s-risk .r7-log li{gap:14px;font-size:24px;line-height:1.65;color:#E6EDF8}
#s-risk .r7-log li::before{display:none}
#s-risk .rk-ic{flex:none;width:26px;height:26px;fill:none;stroke:var(--rkB);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ---- the gate cards: small light app windows under their gates ---- */
#s-risk .r7-t.rk-win{top:520px;padding:0 24px 18px;border-radius:12px;background:#F5F7FA;color:#18212F;text-align:left;overflow:hidden;
  box-shadow:0 0 0 1px rgba(20,32,56,.55),0 2px 0 rgba(0,0,0,.35)}
#s-risk .r7-t1{left:488px;width:368px}
#s-risk .r7-t2{left:880px;width:420px}
#s-risk .r7-t3{left:1324px;width:436px}
#s-risk .rk-tb{display:flex;align-items:center;gap:8px;height:44px;margin:0 -24px 14px;padding:0 16px;background:linear-gradient(#ECEFF4,#E1E6ED);border-bottom:1px solid #C6CEDA}
#s-risk .rk-tb i{flex:none;width:12px;height:12px;border-radius:50%;background:#B9C2CF;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
#s-risk .rk-tb b{margin-left:8px;font-size:21px;font-weight:600;color:#253042;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#s-risk .rk-win .r7-ok{font-size:26px;color:#18212F}
#s-risk .rk-win .r7-ok::before{border-color:#2F6BE0}
#s-risk .rk-win .r7-sub{margin-top:6px;font-size:24px;color:#3E4C62;text-wrap:pretty}
#s-risk .rk-win .r7-pl{color:#253042;background:#E4EAF2;box-shadow:inset 0 0 0 1px #C6CEDA}
#s-risk :is(.r7-t1,.r7-t3).rk-win .r7-pl{margin:14px 0 0 auto}
#s-risk .rk-win .r7-pl:hover,#s-risk .rk-win .r7-pl:focus-visible{background:#D3DDEB;color:#0E1727}
#s-risk .r7-t2 header{margin-bottom:8px}
#s-risk .r7-t2 header small{font-size:21px;color:#3E4C62}
#s-risk .r7-block{position:relative;font-size:21px}
#s-risk .r7-block::after{content:"";position:absolute;inset:-6px;border-radius:999px;box-shadow:0 0 0 3px rgba(240,80,62,.55);opacity:0}
#s-risk .r7-no,#s-risk .r7-need{font-size:24px}
#s-risk .r7-fix{margin-top:10px;padding-top:12px;font-size:24px}

/* ---- the six risks: a dark table window (app.js fills the rows; the title bar is the first grid item) ---- */
#s-risk .r7-risks{left:160px;right:auto;top:780px;width:1600px;column-gap:0;padding-bottom:6px;border-radius:12px;overflow:hidden;background:#0F1A33;
  box-shadow:0 0 0 1px rgba(127,176,255,.28),0 2px 0 rgba(0,0,0,.4)}
#s-risk .r7-risks>.rk-tb{grid-column:1/-1;height:42px;margin:0;background:linear-gradient(#1B2A4C,#15223F);border-bottom:1px solid rgba(127,176,255,.22)}
#s-risk .r7-risks>.rk-tb i{background:#4A5B7D}
#s-risk .r7-risks>.rk-tb b{color:#DCE6F7}
#s-risk .r7-col{padding:0 22px}
#s-risk .r7-col+.r7-col{box-shadow:inset 1px 0 0 rgba(127,176,255,.16)}
#s-risk .r7-rl{padding:9px 12px 8px;font-size:22px;color:#AFC2E6;border-bottom-color:rgba(158,178,220,.3)}
#s-risk .r7-rl small{font-size:22px;color:#AFC2E6}
#s-risk .r7-r{grid-template-columns:56px 1fr auto;align-items:center;padding:7px 12px 7px}
#s-risk .r7-r b{font-family:var(--nq-mono);font-size:22px;color:#BFD4FF}
#s-risk .r7-r span{font-size:26px}
#s-risk .r7-r em{padding:1px 12px 3px;border-radius:999px;font-size:22px;color:#D5DFEF;background:rgba(127,150,200,.16)}
#s-risk .r7-r.r7-hi b{color:#FFC46B}
#s-risk .r7-r.r7-hi em{color:#2A1800;background:#FFC46B}
#s-risk .r7-r.rk-on{background:rgba(240,166,58,.16);box-shadow:inset 0 0 0 2px rgba(240,166,58,.7);border-radius:8px}

/* ---- a risk opened: a dark window over the gate cards ---- */
#s-risk .r7-det{left:488px;top:514px;width:1272px;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:22px;padding:54px 32px 16px;border-radius:12px;background:#0F1A33;
  box-shadow:0 0 0 1.5px rgba(240,166,58,.6),0 2px 3px rgba(0,0,0,.45),0 18px 34px -12px rgba(0,0,0,.75),0 44px 70px -30px rgba(0,0,0,.65)}
#s-risk .r7-det::before{content:"";position:absolute;left:0;right:0;top:0;height:42px;border-radius:12px 12px 0 0;border-bottom:1px solid rgba(127,176,255,.22);
  background:radial-gradient(6px 6px at 22px 21px,#4A5B7D 98%,transparent) ,radial-gradient(6px 6px at 42px 21px,#4A5B7D 98%,transparent),radial-gradient(6px 6px at 62px 21px,#4A5B7D 98%,transparent),linear-gradient(#1B2A4C,#15223F)}
#s-risk .r7-det .r7-x{top:8px;right:22px;font-size:21px;color:#AFC2E6}
#s-risk .r7-det h3{font-size:30px}
#s-risk .r7-det .r7-sc{margin:0 0 10px}
#s-risk .r7-det dl{flex:1 0 100%}
#s-risk .r7-det dl{grid-template-columns:150px 1fr;gap:4px 20px}
#s-risk .r7-det dd{font-size:24px;line-height:1.28}

/* =========================== motion =========================== */
/* build (1.2 s): the sheet leaves the dossier; arm 1 lifts; gate 2 stays down, its lamp turns red, the sheet stops hard, goes back to
   Pricing (the amber loop), returns with the 40HC source; the arm lifts, blue; gate 3; it parks at the customer and the record is stamped */
#s-risk.r7-play .rk-tok{will-change:transform;animation:rkTok 1.2s linear both}
@keyframes rkTok{
  0%{opacity:0;transform:translate(520px,368px)}
  6%{opacity:1;transform:translate(528px,368px);animation-timing-function:cubic-bezier(.4,0,.7,1)}
  20%{transform:translate(690px,368px) rotate(-3deg)}
  34%{transform:translate(906px,368px) rotate(-3deg);animation-timing-function:cubic-bezier(.2,.7,.4,1)}
  38%{transform:translate(930px,368px) rotate(5deg)}
  42%,48%{transform:translate(922px,368px) rotate(0deg);animation-timing-function:cubic-bezier(.5,0,.6,1)}
  52%{transform:translate(866px,338px) rotate(-8deg)}
  56%,59%{transform:translate(812px,368px) rotate(0deg);animation-timing-function:cubic-bezier(.4,0,.6,1)}
  66%{transform:translate(922px,368px) rotate(-3deg)}
  80%{transform:translate(1520px,368px) rotate(-3deg);animation-timing-function:cubic-bezier(.2,.6,.4,1)}
  91%{transform:translate(1706px,368px) rotate(2deg)}
  96%,100%{opacity:1;transform:translate(1700px,368px) rotate(0deg)}}
#s-risk.r7-play .rk-lit{animation:rkLit 1.2s linear both}
@keyframes rkLit{0%,6%{transform:scaleX(.012)}20%{transform:scaleX(.148)}34%{transform:scaleX(.328)}38%{transform:scaleX(.348)}42%,66%{transform:scaleX(.342)}80%{transform:scaleX(.84)}91%,100%{transform:scaleX(1)}}
#s-risk.r7-play :is(.rk-ret,.r7-ret){animation:rkRet 1.2s linear both}
@keyframes rkRet{0%,49%{opacity:0}56%,100%{opacity:1}}
/* arms: lowered (0°) until the sheet is cleared, then lift with a small overshoot */
#s-risk.r7-play .r7-g1 .rk-arm{animation:rkArm1 1.2s linear both}
#s-risk.r7-play .r7-g2 .rk-arm{animation:rkArm2 1.2s linear both}
#s-risk.r7-play .r7-g3 .rk-arm{animation:rkArm3 1.2s linear both}
@keyframes rkArm1{0%,2%{transform:rotate(0deg);animation-timing-function:cubic-bezier(.5,0,.3,1)}8%{transform:rotate(88deg)}11%,100%{transform:rotate(82deg)}}
@keyframes rkArm2{0%,58%{transform:rotate(0deg);animation-timing-function:cubic-bezier(.5,0,.3,1)}63%{transform:rotate(88deg)}66%,100%{transform:rotate(82deg)}}
@keyframes rkArm3{0%,68%{transform:rotate(0deg);animation-timing-function:cubic-bezier(.5,0,.3,1)}73%{transform:rotate(88deg)}76%,100%{transform:rotate(82deg)}}
/* lamps: dark until the gate clears the sheet; gate 2 red while it holds it */
#s-risk.r7-play .r7-g1 .rk-st.b{animation:rkOn1 1.2s linear both}
#s-risk.r7-play .r7-g2 .rk-st.b{animation:rkOn2 1.2s linear both}
#s-risk.r7-play .r7-g3 .rk-st.b{animation:rkOn3 1.2s linear both}
#s-risk.r7-play .r7-g2 .rk-st.r{animation:rkRed2 1.2s linear both}
@keyframes rkOn1{0%,7%{opacity:0}11%,100%{opacity:1}}
@keyframes rkOn2{0%,59%{opacity:0}63%,100%{opacity:1}}
@keyframes rkOn3{0%,69%{opacity:0}73%,100%{opacity:1}}
@keyframes rkRed2{0%,33%{opacity:0}36%,58%{opacity:1}62%,100%{opacity:0}}
/* the record is stamped when the sheet reaches the customer */
#s-risk.r7-play .r7-st .s0{animation:rkS0 1.2s linear both}
#s-risk.r7-play .r7-st .s1{animation:rkS1 1.2s linear both}
@keyframes rkS0{0%,90%{opacity:1}93%,100%{opacity:0}}
@keyframes rkS1{0%,90%{opacity:0;transform:rotate(-3deg) scale(1.35)}94%{opacity:1;transform:rotate(-3deg) scale(.96)}97%,100%{opacity:1;transform:rotate(-3deg) scale(1)}}
/* the accent with the speech: the gate-2 lamp flashes red twice (lens, halo, floor), the block badge answers */
#s-risk.r7-acc .r7-g2 .rk-st.r{animation:rkAccR 1.6s var(--io) both}
#s-risk.r7-acc .r7-g2 .rk-st.b{animation:rkAccB 1.6s var(--io) both}
#s-risk.r7-acc .r7-block::after{animation:rkAccR 1.6s var(--io) both}
@keyframes rkAccR{0%,100%{opacity:0}14%{opacity:1}32%{opacity:.25}50%{opacity:1}72%{opacity:.9}}
@keyframes rkAccB{0%,100%{opacity:1}14%,72%{opacity:0}}
body.calm #s-risk *,body.calm #s-risk *::before,body.calm #s-risk *::after{animation:none!important;transition:none!important}