.scan{background:var(--loam);width:100%;max-width:470px;color:var(--paper);border-radius:6px;justify-self:end;margin:0;padding:18px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 40px 80px -40px #1e1b128c}.scan__bed{border:1px dashed var(--line-light);border-radius:4px;grid-template-columns:44px 1fr 1fr;gap:14px;height:290px;padding:14px;display:grid}.scan__drawer{flex-direction:column;justify-content:flex-end;gap:4px;display:flex}.scan__drawer i{opacity:.85;transform-origin:0;background:#c9b98f;border-radius:1px;height:9px;transition:transform .3s,opacity .3s;display:block}.scan__drawer i:nth-child(3n){background:var(--clay-2);width:88%}.scan__drawer i:nth-child(4n+1){width:94%}.scan__drawer i.is-out{opacity:.15;transform:scaleX(.5)}.scan__page{color:#4a4232;background:#f1e7cf;border-radius:2px;flex-direction:column;align-self:center;gap:9px;height:230px;padding:16px 14px;display:flex;position:relative;overflow:hidden;transform:rotate(-1.5deg);box-shadow:0 10px 24px -10px #0009}.scan__page b{font:600 16px/1 var(--serif);margin-bottom:4px}.scan__page i{height:4px;width:var(--w);background:#4a423259;border-radius:2px;display:block}.scan__page em{font:400 9.5px/1 var(--mono);letter-spacing:.08em;margin-top:auto;font-style:normal}.scan__beam{background:var(--rust);height:3px;animation:2.2s ease-in-out infinite beam;position:absolute;top:-10%;left:0;right:0;box-shadow:0 0 18px 6px #b8461b73}@keyframes beam{0%{top:-4%}50%{top:100%}to{top:-4%}}.scan__rows{flex-direction:column;justify-content:flex-end;gap:6px;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.scan__rows li{font:400 9.5px/1.35 var(--mono);letter-spacing:.02em;color:#eeebe2c7;border-left:2px solid var(--sprout);background:#eeebe20d;padding:6px 8px;animation:.45s both rowIn}.scan__rows li b{color:var(--paper);font-weight:500;display:block}@keyframes rowIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}.scan__foot{grid-template-columns:repeat(3,auto);justify-content:space-between}.data__grid--3{grid-template-columns:repeat(3,1fr)}@media (width<=1020px){.scan{justify-self:start;max-width:560px}.data__grid--3{grid-template-columns:1fr 1fr}}@media (width<=720px){.scan{padding:14px}.scan__bed{grid-template-columns:26px 1fr 1fr;gap:10px;height:250px;padding:10px}.scan__page{height:200px}.scan__foot{grid-template-columns:repeat(3,1fr);gap:10px}.scan__foot>div{white-space:normal;min-width:0}.data__grid--3{grid-template-columns:1fr}}