*{box-sizing:border-box}html,body{margin:0;background:transparent}body{display:flex;justify-content:center;padding:12px 0;font-family:Arial,sans-serif}.risk-phone{width:244px;height:520px;padding:7px;background:#171719;border:2px solid #79797b;border-radius:39px;box-shadow:0 10px 14px -9px #0008;transform:rotate(-3deg)}.risk-screen{height:100%;border-radius:30px;overflow:hidden;background:#f5e8e3;position:relative}.risk-status{height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#24104e;font-size:10px;font-weight:bold}.risk-status i{position:absolute;width:66px;height:18px;border-radius:20px;background:#111;left:50%;transform:translateX(-50%);top:7px}.risk-viewport{position:relative;height:calc(100% - 45px);overflow:hidden}.risk-viewport img{position:absolute;top:0;left:0;width:100%;height:auto;display:block;will-change:transform,opacity}#risk-result{opacity:0}.risk-home{height:4px;width:78px;background:#141315;border-radius:5px;position:absolute;bottom:5px;left:50%;transform:translateX(-50%)}