.thumb{--t-ink:#2c2c2c;--t-faint:#d0d0d0;--t-grey:#9a9a9a;--t-navy:#26314a;--t-charcoal:#383838;--t-accent:#a84026;--t-cobalt:#1f58bc;aspect-ratio:8.5/11;background:#fff;flex-direction:column;display:flex;overflow:hidden}.thumb__pad{flex-direction:column;flex:1;align-items:center;gap:3px;padding:7px 6px;display:flex}.thumb__name{background:var(--t-ink);border-radius:1px;width:58%;height:4px}.thumb__sub{background:var(--t-grey);border-radius:1px;width:38%;height:2px}.thumb__head{background:var(--t-ink);border-radius:1px;align-self:flex-start;width:34%;height:3px;margin-top:3px}.thumb__head--accent{background:var(--t-navy)}.thumb__rule{background:var(--t-grey);width:100%;height:1px}.thumb__line{background:var(--t-faint);border-radius:1px;width:100%;height:2px}.thumb__line--short{align-self:flex-start;width:72%}.thumb__band{background:var(--t-navy);flex:none;align-items:center;gap:4px;padding:6px;display:flex}.thumb__mono{border:1px solid #fff;flex:none;width:11px;height:11px}.thumb__band-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.thumb__name--onband{background:#fff;width:80%}.thumb__cols{gap:5px;width:100%;display:flex}.thumb__crown{background:var(--t-charcoal);flex-direction:column;flex:none;align-items:center;gap:3px;padding:6px;display:flex}.thumb__crown-mono{background:#9b9b9b;width:40%;height:1px}.thumb__accent{background:var(--t-accent);flex:none;height:4px}.thumb__split{flex:1;gap:5px;padding:6px;display:flex}.thumb__split-main{flex-direction:column;flex:344;gap:3px;min-width:0;display:flex}.thumb__split-rail{border-left:1px solid var(--t-ink);flex-direction:column;flex:174;gap:3px;min-width:0;padding-left:4px;display:flex}.thumb__crown-row{flex:none;align-items:center;gap:4px;padding:7px 6px 5px;display:flex}.thumb__crest{background:var(--t-cobalt);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);flex:none;width:13px;height:11px}.thumb__crown-name{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.thumb__name--cobalt{background:var(--t-cobalt);width:70%}.thumb__name--half{width:45%}.thumb__hair{background:var(--t-faint);flex:none;height:1px;margin:0 6px}.thumb__split--railfirst{padding-top:5px}.thumb__rail-left{flex-direction:column;flex:160;gap:3px;min-width:0;display:flex}.thumb__main-right{flex-direction:column;flex:312;gap:3px;min-width:0;display:flex}.thumb__head--cobalt{background:var(--t-cobalt)}.thumb__rule--faint{background:var(--t-faint)}.thumb__sub--thin{width:52%;height:1px}.thumb__head--centre{align-self:center;width:26%}.thumb__rule--ink{background:var(--t-ink)}.thumb__corners{align-items:center;gap:4px;width:100%;display:flex}.thumb__line--half{flex:1}.thumb__line--tick{background:var(--t-grey);flex:none;width:18%}.thumb__pad--left{align-items:flex-start}.thumb__name--left,.thumb__sub--left{align-self:flex-start}.thumb__head--quiet{background:var(--t-grey);width:22%;height:2px}.thumb__line--accent{background:#2fa36a;align-self:flex-start;width:46%}.thumb__sub--accent{background:#2f6df6}.thumb__split--compact{gap:5px;padding:0 6px 7px}.thumb__col{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.thumb__split--compact>.thumb__col:first-child{flex:1.7}.thumb__chips{flex-wrap:wrap;gap:2px;display:flex}.thumb__chip{border:1px solid var(--t-faint);border-radius:1px;width:40%;height:4px}.thumb__chip--wide{width:56%}.thumb__sub--amber{background:#d99328}.thumb__tl-row{gap:3px;width:100%;display:flex}.thumb__tl-when{background:var(--t-grey);border-radius:1px;width:22%;height:2px}.thumb__tl-spine{background:var(--t-faint);align-self:stretch;width:1px;position:relative}.thumb__tl-dot{background:var(--t-ink);border-radius:50%;width:3px;height:3px;position:absolute;top:0;left:-1px}.thumb__tl-what{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.thumb__head-row{align-items:center;gap:5px;padding:7px 6px 4px;display:flex}.thumb__identity{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.thumb__name--navy{background:#1b2a52;width:70%}.thumb__sub--orange{background:#f2682a;width:84%}.thumb__disc{border:1px solid var(--t-faint);border-radius:50%;flex:none;width:14px;height:14px}.thumb__split--compact.thumb__split--railfirst>.thumb__col:first-child{flex:1}.thumb__split--compact.thumb__split--railfirst>.thumb__col:last-child{flex:1.7}.thumb__ring-row{align-items:center;gap:3px;width:100%;display:flex}.thumb__ring{border:1px solid #2f80f0;border-radius:50%;flex:none;width:4px;height:4px}.thumb__band--creative{background:#244059}.thumb__sub--onband{background:#ffffffb3;width:80%}.thumb__disc--onband{border-color:#ffffffb3}.thumb__pill{background:#e4f2ea;border-radius:999px;width:74%;height:5px}.thumb__head--tick{background:var(--t-ink);width:20%;height:2px;margin-top:4px;position:relative}.thumb__head--tick:after{content:"";background:#2f9e6b;width:8px;height:1px;position:absolute;top:3px;left:0}.thumb__head--strong{background:var(--t-ink);width:30%;height:3px}.thumb__rule--heavy{background:var(--t-ink);height:1.5px}.thumb__chip--fill{background:#eef1f5;border:0}.thumb__mark-row{gap:3px;width:100%;display:flex}.thumb__mark{border:1px solid var(--t-faint);border-radius:1px;flex:none;width:6px;height:6px}.thumb__mark-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.thumb--panelled{flex-direction:row;gap:0}.thumb__panel-main{flex-direction:column;flex:1.7;gap:3px;min-width:0;padding:7px 5px;display:flex}.thumb__panel{flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;padding:7px 5px;display:flex}.thumb__panel--navy{background:#1f3448}.thumb__line--onpanel{background:#ffffff8c}.thumb__panel--teal{background:#15514c;align-items:flex-start}.thumb__body{flex-direction:column;gap:3px;width:100%;display:flex}.thumb__ruled{align-items:center;gap:3px;width:100%;display:flex}.thumb__ruled>.thumb__head{flex:none;margin-top:0}.thumb__ruled>.thumb__rule{flex:1}.thumb__sub--crimson{background:#dc3522}.thumb__head--crimson{background:linear-gradient(90deg, #dc3522 0 45%, var(--t-ink) 45%)}.thumb__name--light{background:var(--t-grey);width:72%;height:5px}.thumb__head--light{background:var(--t-grey)}.thumb__frame{border:1px solid #5aae46;flex:none;width:11px;height:13px}.thumb__frame--fill{background:#cfe6f5;border:0}.thumb__bar{flex:none;width:22%;height:2px}.thumb__bar--green{background:#5aae46}.thumb__head--green{background:#5aae46;width:26%}.thumb__name--heavy{width:76%;height:5px}.thumb__sub--maroon,.thumb__head--maroon{background:#8f0d0d}.thumb__rule--gold{background:#e3cc7f;height:1.5px}.thumb__disc--sand{background:#ece6cf;border:0;width:15px;height:15px}.thumb__dots{background:radial-gradient(circle,#8f0d0d 1.2px,#0000 1.4px) 0 0/20% 100%;align-self:flex-end;width:60%;height:3px}.thumb__crown--tall{padding:9px 6px}.thumb__rail-left--end{align-items:flex-end}.thumb__head--end{align-self:flex-end;width:60%}.thumb__head--magenta{background:linear-gradient(90deg, #e5005d 0 40%, var(--t-ink) 40%)}.thumb__head--sky{background:linear-gradient(90deg, #2bb3e6 0 40%, var(--t-ink) 40%)}.thumb__beside{flex:1;display:flex}.thumb__panel--grey{background:#e6e6e6;align-items:flex-end}.thumb__line--grey{background:var(--t-grey)}.thumb__label{background:#2bb3e6;width:50%;height:3px}.thumb__name--blue,.thumb__head--blue,.thumb__rule--blue{background:#0c3c82}.thumb__disc--big{background:var(--t-grey);border:0;align-self:center;width:24px;height:24px}.thumb__name--steel{background:#14537f;align-self:flex-start;width:70%}.thumb__tab{background:linear-gradient(90deg, #14537f 0 40%, var(--t-ink) 40%);border-radius:1px;width:36%;height:4px;margin-top:2px}.thumb__rule--fade{background:linear-gradient(90deg,#b5cf6b,#0000);height:1.5px}.thumb__marker{background:#8b0a3a;flex:none;width:3px;height:4px}