#main > #prints{display:flex;flex-direction:column;gap:16px;padding-top:26px;padding-bottom:20px}
@media (min-width:1172px){
  #main > #prints{height:max(540px,calc(100svh - var(--top) - var(--status)));max-height:1080px}
}

@media (min-width:768px) and (max-width:1171px){ .pr-dia{width:100%;max-width:640px;margin:0 auto} }
.pr-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;column-gap:44px;row-gap:12px}
.pr-head .h2{white-space:nowrap}
.pr-spec .spec-f{margin-top:0;font-size:13px;row-gap:2px}
.pr-run{display:flex;align-items:center;gap:14px}
.pr-run .btn{height:44px;padding:0 20px;font-size:15px}
.pr-dia{position:relative;flex:1 1 auto;min-height:0;-webkit-user-select:none;user-select:none;overflow-x:clip}
.pr-cv{position:absolute;left:0;top:0;pointer-events:none}
.pr-ov{position:absolute;inset:0;pointer-events:none}

.pr-c{position:absolute;left:0;top:0;height:22px;padding:0 7px;border:1px solid #2C352E;background:var(--night);color:#6E766B;
  font-variation-settings:'MONO' 1;font-size:12px;line-height:20px;font-weight:520;white-space:nowrap}
.pr-c.on{color:var(--c);border-color:var(--cd)}
.pr-c.now{background:var(--c);border-color:var(--c);color:var(--night)}
.pr-c.r-quote{--c:var(--quote);--cd:#6E2944} .pr-c.r-input{--c:var(--input);--cd:#56662F} .pr-c.r-process{--c:var(--bone);--cd:#5F5B52}
.pr-c.r-decision{--c:var(--decision);--cd:#6E5222} .pr-c.r-action{--c:var(--action);--cd:#6E3524} .pr-c.r-report{--c:var(--report);--cd:#2F6358}
@media (prefers-reduced-motion:no-preference){ .pr-c{transition:color .2s var(--ease),border-color .2s var(--ease),background-color .24s var(--ease)} }

.pr-v{position:absolute;left:-1px;top:100%;margin-top:5px;display:flex;align-items:flex-end;gap:5px;font-size:13px;line-height:1;color:var(--c);opacity:0;white-space:nowrap}
.pr-c.vi .pr-v{left:100%;top:0;margin:0 0 0 8px;height:20px;align-items:center}
.pr-c.vn .pr-v{display:none}
.pr-c.sm{height:18px;line-height:16px;font-size:11px;padding:0 5px}
.pr-c.on .pr-v{opacity:1}
.pr-v .lit.bars{height:13px}
.pr-v .lit.bars i{width:3px}
.pr-v .pr-vk{color:var(--ash);font-size:11.5px}
@media (prefers-reduced-motion:no-preference){ .pr-v{transition:opacity .3s var(--ease) .1s} }

.pr-out{position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:2px;opacity:0}
.pr-out.in{opacity:1}
.pr-lb{display:block;font-variation-settings:'MONO' 1;font-size:12px;font-weight:500;color:var(--ash)}
.pr-out b{font-family:var(--head);font-weight:900;font-size:52px;line-height:.95;letter-spacing:-.01em;color:var(--report)}
.pr-op{display:flex;flex-direction:column;row-gap:1px;font-variation-settings:'MONO' 1;font-size:13px;line-height:1.35;color:var(--report)}
.pr-oline{display:flex;flex-wrap:wrap;column-gap:12px}
.pr-opair{white-space:nowrap}
.pr-okey{color:var(--ash)}
.pr-out.w .pr-op{font-size:15px}
.pr-out.sm b{font-size:36px}
@media (prefers-reduced-motion:no-preference){ .pr-out{transition:opacity .35s var(--ease)} }

.pr-pl{position:absolute;font-variation-settings:'MONO' 1;font-size:12px;font-weight:600;color:var(--quote);opacity:0}
.pr-pl.in{opacity:1}
@media (prefers-reduced-motion:no-preference){ .pr-pl{transition:opacity .25s var(--ease)} }

.pr-f{position:absolute;font-variation-settings:'MONO' 1;font-size:13px;line-height:1.3;color:var(--ash);white-space:nowrap}
.pr-ft{color:var(--bone-2)}
.pr-fo{color:var(--ash);margin:0 .5em}
.pr-fv{color:var(--bone)}
.pr-f.pd,.pr-f.st{opacity:0}
.pr-f.pd.in,.pr-f.st.in{opacity:1}
@media (prefers-reduced-motion:no-preference){ .pr-f{transition:opacity .3s var(--ease)} }

.pr-bd{position:absolute}
.pr-bd .bx{position:absolute;inset:0;width:100%;height:100%}

.pr-bd.b{visibility:hidden;clip-path:inset(0 0 calc(100% - var(--bp,100%)) 0)}
.pr-bd.b.in{visibility:visible}
.pr-bd.b::after{content:'';position:absolute;left:-4px;right:-4px;top:var(--bp,100%);height:2px;margin-top:-1px;background:var(--quote);opacity:0}
.pr-bd.b.printing::after{opacity:1}
.pr-nm{position:absolute;display:flex;justify-content:center;gap:10px;align-items:baseline;font-variation-settings:'MONO' 1;font-size:12.5px;color:var(--ash);white-space:nowrap}
.pr-nm b{color:var(--bone);font-weight:650}
.pr-nm.b{opacity:0}
.pr-nm.b.in{opacity:1}
@media (prefers-reduced-motion:no-preference){ .pr-nm{transition:opacity .45s var(--ease)} }

.pr-sh{position:absolute;display:flex;flex-direction:column;gap:3px}
.pr-hx{font-variation-settings:'MONO' 1;font-size:13.5px;line-height:1.32;color:var(--bone);white-space:nowrap}
.pr-g{margin-right:.5em}
.pr-g:last-child{margin-right:0}
.pr-l8{color:var(--quote)}
.pr-sh.b{opacity:0}
.pr-sh.b.in{opacity:1}
.pr-sh.b .pr-l8{color:var(--report)}
@media (prefers-reduced-motion:no-preference){ .pr-sh.b{transition:opacity .3s var(--ease)} }
.pr-same{position:absolute;display:flex;justify-content:center;gap:16px;align-items:baseline;font-variation-settings:'MONO' 1;opacity:0;white-space:nowrap}
.pr-same.in{opacity:1}
.pr-same b{font-size:17px;font-weight:720;color:var(--report)}
.pr-ms{font-size:13px;color:var(--ash)}
@media (prefers-reduced-motion:no-preference){ .pr-same{transition:opacity .3s var(--ease)} }

.pr-pk{position:absolute;max-width:360px;padding:3px 8px;background:var(--night);border:1px solid var(--rule-2);font-variation-settings:'MONO' 1;font-size:12.5px;line-height:1.35;color:var(--bone-2);white-space:pre;overflow:hidden;z-index:2}
.pk-q{color:var(--quote)} .pk-i,.pk-n{color:var(--input)} .pk-p{color:var(--bone)} .pk-d{color:var(--decision)} .pk-a{color:var(--action)} .pk-r{color:var(--report)}

.pr-hr{position:absolute;left:0;right:0}
.pr-hl{display:inline-flex;gap:14px;align-items:baseline;font-variation-settings:'MONO' 1;font-size:13px;color:var(--ash);white-space:nowrap}
.pr-hn{font-family:var(--head);font-weight:900;font-size:34px;line-height:1;color:var(--report);margin-right:.32em;letter-spacing:-.01em}
.pr-hl .pr-fm{display:inline-flex;align-items:baseline;white-space:nowrap}

@media (min-width:1700px){
  .pr-c.nd{font-size:13.5px;padding:0 8px}
  .pr-v{font-size:14px}
  .pr-out b{font-size:62px}
  .pr-op{font-size:14px}
}
@media (max-width:1171px){
  .pr-head{grid-template-columns:1fr;align-items:start}
  .pr-run{justify-content:flex-start}
  .pr-dia{flex:none}
  .pr-hl{display:flex}
}
@media (max-width:767px){
  #main > #prints{gap:14px}
  .pr-out b{font-size:42px}
  .pr-hx{font-size:12.5px}
  .pr-hl{white-space:normal;flex-wrap:wrap;row-gap:4px}
  .pr-hl .pr-fm{white-space:normal;display:inline}
  .pr-nm{white-space:normal;flex-wrap:wrap;justify-content:center;row-gap:0}
}