.learning-hub__tabbar{background-color:var(--color-background);border-bottom:1px solid var(--color-border)}.learning-hub__tabs{display:flex;flex-wrap:nowrap;overflow-x:auto}.learning-hub__tab{flex:1 1 0;padding:.5em .75em;border:none;border-right:1px solid var(--color-border);background-color:transparent;color:var(--color-secondary-text);font-family:inherit;font-size:var(--text-title-size);font-weight:600;text-align:center;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease}.learning-hub__tab:last-child{border-right:none}.learning-hub__tab:hover{color:var(--color-foreground)}.learning-hub__tab.is-active{background-color:var(--color-button);color:var(--color-button-text)}.learning-hub__body{background-color:var(--section-bg-white);padding-top:var(--learning-hub-padding-top, 48px);padding-bottom:var(--learning-hub-padding-bottom, 48px)}.learning-hub__heading-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.learning-hub__cards-heading{margin-top:0}.learning-hub__view-all{display:inline-flex;flex-shrink:0;align-items:center;gap:.4rem;margin-inline-start:auto;color:var(--color-button);text-decoration:none;font-size:var(--text-button-size);font-weight:700;text-transform:uppercase;letter-spacing:.06em}@media(max-width:39.99rem){.learning-hub__heading-row{flex-direction:column;align-items:flex-start;gap:.5rem}.learning-hub__heading-row .learning-hub__view-all{margin-inline-start:0}}.learning-hub__view-all-icon{width:.9rem;height:.9rem;transition:transform .15s ease}.learning-hub__view-all:hover .learning-hub__view-all-icon{transform:translate(.25rem)}.learning-hub__view-all-row{display:flex;justify-content:center;margin-top:2.5rem}.learning-hub__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--learning-hub-card-gap, 1.5rem);margin-top:var(--learning-hub-heading-gap, 2rem)}@media(min-width:40rem){.learning-hub__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64rem){.learning-hub__grid{grid-template-columns:repeat(var(--columns-desktop, 3),minmax(0,1fr))}}.learning-hub__card{min-width:0;display:flex;flex-direction:column;border:1px solid var(--color-border);background-color:var(--color-background);color:inherit;text-decoration:none;transition:box-shadow .15s ease}.learning-hub__card:hover{box-shadow:0 10px 30px -12px #00000040}.learning-hub__card-media{display:block;position:relative;aspect-ratio:8 / 5;overflow:hidden}.learning-hub__card-image{width:100%;height:100%;object-fit:cover}.learning-hub__card-badge{position:absolute;top:.75rem;left:.75rem;padding:.3em .75em;border-radius:999px;background-color:var(--badge-color, var(--color-accent-secondary));color:#fff;font-size:var(--text-micro-size);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.learning-hub__card-body{display:flex;flex:1;flex-direction:column;padding:var(--learning-hub-card-padding, 1.5rem)}.learning-hub__card-title{margin:0;font-size:var(--text-title-size);font-weight:700;line-height:1.3}.learning-hub__card-title:not(:last-child){margin-bottom:var(--learning-hub-title-gap, 1rem)}.learning-hub__card-title a{color:inherit;text-decoration:none}.learning-hub__card-description{margin-top:0;color:var(--color-secondary-text);font-size:var(--text-body-size);line-height:1.6}.learning-hub__card--product .cta-button{margin-top:auto;width:100%;justify-content:center}.learning-hub__card[hidden]{display:none}.learning-hub__load-more-wrap{display:flex;justify-content:center;margin-top:2.5rem}.learning-hub__scroll-sentinel{height:1px;margin-top:2.5rem}.learning-hub__pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:2.5rem}.learning-hub__pagination button{min-width:2.25rem;padding:.4em .75em;border:1px solid var(--color-border);background-color:var(--color-background);color:var(--color-secondary-text);font-family:inherit;font-size:var(--text-button-size);font-weight:600;cursor:pointer;transition:background-color .15s ease,color .15s ease}.learning-hub__pagination button:hover{color:var(--color-foreground)}.learning-hub__pagination button.is-active{background-color:var(--color-button);border-color:var(--color-button);color:var(--color-button-text)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/learning-hub.css.map */