.catalog{background:#22262d;border-left:1px solid #303640;color:#cbd2dc}
.catalog .learn-tabs{background:#242931;border-bottom:1px solid #373e49}
.catalog .learn-tab{color:#98a4b5;font-size:15px}
.catalog .learn-tab.active{color:#eff4fb;border-bottom-color:#4b8eff}
.catalog #catalog-pane{padding:12px 20px 28px}
.catalog .catalog-chapter{margin:20px 0 0}
.catalog .catalog-chapter:first-of-type{margin-top:7px}
.catalog .catalog-chapter-title{margin:0;padding:10px 8px 11px;color:#66717f;font-size:15px;font-weight:500;line-height:1.5;border-bottom:1px solid #363c46}
.catalog .item{position:relative;min-height:46px;padding:9px 8px;margin:0;border-radius:0;border-bottom:1px solid #343a44;background:transparent;gap:5px;grid-template-columns:18px minmax(0,1fr) max-content}
.catalog .item-title,.catalog .item-access{color:#66adf1;font-size:15px;font-weight:400}
.catalog .item-heading{gap:5.5px}.catalog .item-handout{width:22px;color:#7397be}.catalog .item-handout svg{width:15px;height:15px}
.catalog .item-icon{width:15px;height:15px}.catalog .item-access{width:18px}
.catalog .item-playing-bars{display:none;align-items:center;justify-content:center;gap:2px;width:100%;height:100%;color:inherit}
.catalog .item.is-playing .item-access .item-icon>svg{display:none}
.catalog .item.is-playing .item-playing-bars{display:flex}
.catalog .item-playing-bars i{display:block;flex:none;width:2px;height:12px;border-radius:1px;background:currentColor;transform:scaleY(.35);animation:catalog-lesson-pulse .8s ease-in-out infinite alternate}
.catalog .item-playing-bars i:nth-child(2){animation-duration:.66s;animation-delay:-.45s}
.catalog .item-playing-bars i:nth-child(3){animation-duration:.9s;animation-delay:-.25s}
@keyframes catalog-lesson-pulse{from{transform:scaleY(.3)}to{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.catalog .item-playing-bars i{animation:none;transform:scaleY(.7)}.catalog .item-playing-bars i:nth-child(2){transform:scaleY(1)}}
.catalog .item-meta{width:auto;color:#a0aaba}.catalog .item-duration{font-size:12px}

.catalog .item-title + .item-qa-link{margin-left:6px}
.catalog .item-qa-link{background:transparent;color:#7f9cbf;padding:0;font-size:11px;gap:2px}
.catalog .item.active{background:#2c3542;color:#f3f6fa}
.catalog .item.active .item-title,.catalog .item.active .item-access,.catalog .item.active .item-handout,.catalog .item.active .item-qa-link{color:#fff}
.catalog .item.active .item-meta{color:#b8c6d8}
.catalog .item:not(.active):hover{background:#292f38}

.catalog .learn-tab{background:transparent;min-height:53px;padding:12px 6px}
.catalog .item-time-icon{display:none}
.catalog .item-title:hover,.catalog .item-access:hover{color:#8cc6ff}
.catalog .item.active .item-title:hover,.catalog .item.active .item-access:hover{color:#fff}

.catalog .item.upcoming .item-title,.catalog .item.upcoming .item-access{color:#70839d}
.catalog .item.upcoming .item-meta{width:auto;font-size:12px}
.catalog .item.upcoming{grid-template-columns:18px minmax(0,1fr) max-content}
.catalog .item-title:focus-visible,.catalog .item-access:focus-visible{outline:2px solid #5799ff;outline-offset:2px}
.message{width:100%;max-height:100%;overflow:auto}
.message .play-trigger{display:inline-flex;width:72px;height:72px;align-items:center;justify-content:center;padding:0;border-radius:50%;font-size:13px}
.play-trigger svg{width:28px;height:28px;fill:currentColor}
.play-trigger:focus-visible{outline:2px solid white;outline-offset:4px}
.message #play-error{margin:14px 0 0}.message h2{font-size:21px;margin:0 0 16px}
.login-to-learn{display:inline-block;color:#9fbce4;margin-bottom:14px}
.learn-opening{--co-bg:#17283e;--co-border:#38506c;--co-link:#79b4ff;--co-muted:#a0b1c8;--co-hover:#203550;--co-cart:#97a7bc;max-width:340px;margin:auto}

@media(max-width:760px){.catalog #catalog-pane{padding:10px 12px 22px}.message{padding:16px}.message h2{font-size:17px;margin-bottom:10px}.learn-opening{gap:7px}.learn-opening .co-row{padding:9px 12px}}