.fin{position:absolute;inset:0}
.shd{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(90deg,rgba(10,40,60,.15),rgba(10,40,60,.55))}
.shd.b{background:linear-gradient(270deg,rgba(10,40,60,.15),rgba(10,40,60,.55))}
.book.v .shd{background:linear-gradient(180deg,rgba(10,40,60,.15),rgba(10,40,60,.55))}
.book.v .shd.b{background:linear-gradient(0deg,rgba(10,40,60,.15),rgba(10,40,60,.55))}
.shR{position:absolute;width:var(--pw);height:var(--ph);pointer-events:none;opacity:0;background:linear-gradient(90deg,rgba(10,40,60,.5),rgba(10,40,60,0) 60%)}
.book.h .shR{left:var(--pw);top:0}.book.v .shR{left:0;top:var(--ph);background:linear-gradient(180deg,rgba(10,40,60,.5),rgba(10,40,60,0) 60%)}
.face{-webkit-font-smoothing:antialiased}
.chor{align-items:flex-start}
.chor .cico{margin-top:2px}
.hrs{display:grid;grid-template-columns:auto 1fr;gap:8px 22px;margin:8px 0 0;font-size:16px;line-height:1.35}
.hrs dt{font-weight:600;color:#FFF;white-space:nowrap}
.hrs dd{margin:0;color:#D6E8F2;font-variant-numeric:tabular-nums;white-space:nowrap}
.hrs dd.off{color:#9FD3EE}
@media (max-width:720px){.ccard{padding:14px;gap:14px}.cico{width:40px;height:40px}.ccard b{font-size:16px}.hrs{font-size:15px;gap:8px 16px}}