.training-hub{--training-thumb-width: 10rem;--training-num-width: 4rem}.training-hub__page-content,.training-hub__intro{margin:1.5rem 0 2.5rem;max-width:80rem}.training-hub__video-wrap{margin-bottom:4rem;border-radius:var(--media-radius);overflow:hidden}.training-hub__lessons-heading{margin-bottom:2rem}.training-hub__list{list-style:none;padding:0;margin:0;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:var(--media-radius);overflow:hidden}.training-hub__item+.training-hub__item{border-top:.1rem solid rgba(var(--color-foreground),.08)}.training-hub__item-link{display:grid;grid-template-columns:var(--training-num-width) var(--training-thumb-width) 1fr 2.4rem;align-items:center;column-gap:1.6rem;padding:1.6rem 2rem;text-decoration:none;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));transition:background-color .15s ease}.training-hub__item-link:hover,.training-hub__item-link:focus-visible{background-color:rgba(var(--color-foreground),.04);outline-offset:-2px}.training-hub__item-number{font-size:1.8rem;font-weight:700;color:rgba(var(--color-foreground),.3);text-align:center}.training-hub__item-thumb{width:var(--training-thumb-width);aspect-ratio:16 / 9;border-radius:calc(var(--media-radius) * .5);overflow:hidden;background-color:rgba(var(--color-foreground),.07);display:flex;align-items:center;justify-content:center;flex-shrink:0}.training-hub__thumb-img{width:100%;height:100%;object-fit:cover;display:block}.training-hub__thumb-placeholder{color:rgba(var(--color-foreground),.25)}.training-hub__item-content{display:flex;flex-direction:column;gap:.4rem;min-width:0}.training-hub__item-title{font-weight:700;font-size:1.6rem;line-height:1.3}.training-hub__item-excerpt{font-size:1.4rem;color:rgba(var(--color-foreground),.6);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.training-hub__item-arrow{color:rgba(var(--color-foreground),.35);justify-self:end}.training-hub__notice{text-align:center;color:rgba(var(--color-foreground),.6);padding:4rem 0}@media screen and (max-width:749px){.training-hub{--training-num-width: 3rem}.training-hub__item-link{grid-template-columns:var(--training-num-width) 1fr 2rem;column-gap:1.2rem;padding:1.4rem 1.6rem}.training-hub__item-thumb{display:none}.training-hub__item-arrow{justify-self:center}}
/*# sourceMappingURL=/cdn/shop/t/3/compiled_assets/styles.css.map?subset=AAAAAAAAEA */
