.course-materials{padding-top:var(--course-materials-padding-top);padding-bottom:var(--course-materials-padding-bottom);border:var(--course-materials-border-width) var(--course-materials-border-style) rgb(var(--color-border-rgb) / var(--course-materials-border-opacity))}.course-materials__container{display:flex;flex-direction:row;align-items:center;gap:64px;padding:64px 32px}.shop-course-materials-section__container{display:flex;flex-wrap:wrap;padding:64px 0}.shop-course-materials-section__left{justify-content:center;display:flex;align-items:flex-start;flex-direction:column;max-width:588px;margin-bottom:16px}.shop-course-materials-section__left h2{font-weight:500;font-size:48px;line-height:58px;text-transform:capitalize;margin:0}@media(max-width:768px){.shop-course-materials-section__left h2{font-size:32px;line-height:40px}}.shop-course-materials-section__left p{line-height:20px}.shop-course-materials-section__blocks{display:flex;gap:16px;flex-direction:column;min-width:100%}.shop-course-materials-section__cards{width:100%}@media(min-width:1200px){.shop-course-materials-section__container{justify-content:space-evenly}.shop-course-materials-section__blocks{max-width:390px}.shop-course-materials-section__cards{width:auto}}.course-materials__header{text-align:center;max-width:1376px;width:100%}.course-materials__heading{font-family:Roboto Condensed,sans-serif;font-size:42px;line-height:60px;color:rgb(var(--color-foreground-rgb));margin-bottom:10px}.course-materials__subheading{font-family:Roboto,sans-serif;font-size:24px;line-height:36px;color:rgb(var(--color-foreground-rgb));margin:0}.course-materials__pathways{display:flex;flex-direction:column;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;width:100%;max-width:1376px}.course-materials__pathway{background-color:#e8e8e8;border-radius:8px;padding:24px;display:flex;flex-direction:column;gap:32px;align-items:stretch}.pathway__content{display:flex;flex-direction:column;gap:8px;flex:1}.pathway__actions{display:flex;flex-direction:column;gap:16px;margin-top:auto}.pathway__heading{font-family:Roboto Condensed,sans-serif;font-size:24px;line-height:34px;color:rgb(var(--color-foreground-rgb));margin:0;text-transform:uppercase}.pathway__description{font-family:Roboto,sans-serif;font-size:20px;line-height:28px;color:rgb(var(--color-foreground-rgb));margin:0 0 24px}.pathway__input-group{display:flex;gap:16px;align-items:center}.pathway__input{flex:1;height:48px;padding:0 16px;border:1px solid rgb(var(--color-border-rgb) / .4);border-radius:4px;font-size:16px;background-color:#fff;color:rgb(var(--color-foreground-rgb) / .7);box-sizing:border-box;transition:all .2s ease-in-out}.pathway__input:hover{border-color:rgb(var(--color-border-rgb) / .6);background-color:#fff;color:rgb(var(--color-foreground-rgb) / .85)}.pathway__input:focus{outline:2px solid rgb(var(--color-button-rgb));outline-offset:2px;border-color:rgb(var(--color-button-rgb));background-color:#fff;color:rgb(var(--color-foreground-rgb))}.pathway__input::placeholder{color:rgb(var(--color-foreground-rgb) / .5);transition:color .2s ease-in-out}.pathway__input:focus::placeholder{color:rgb(var(--color-foreground-rgb) / .6)}.pathway__button{height:48px;padding:0 16px;border:1px solid rgb(20,21,21);border-radius:4px;background-color:rgb(var(--color-background-rgb));color:rgb(var(--color-foreground-rgb));font-family:Roboto Condensed,sans-serif;font-size:16px;line-height:20px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease-in-out;white-space:nowrap;box-sizing:border-box;min-width:72px}.pathway__button:hover{opacity:.8}.pathway__button-full{width:100%;height:48px;padding:0 16px;border:1px solid rgb(20,21,21);border-radius:4px;background-color:rgb(var(--color-background-rgb));color:rgb(var(--color-foreground-rgb));font-family:Roboto Condensed,sans-serif;font-size:16px;line-height:20px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease-in-out;box-sizing:border-box}.pathway__button-full:hover{opacity:.8}.pathway__course-list{display:flex;flex-direction:column;gap:16px}.pathway__course-list-dropdowns{display:flex;flex-wrap:wrap;gap:12px}.pathway__dropdown-wrap{position:relative;flex:1;min-width:160px;max-width:220px}.pathway__dropdown-btn{width:100%;height:48px;padding:0 16px;border:1px solid rgb(var(--color-border-rgb) / .4);border-radius:4px;background-color:#fff;color:rgb(var(--color-foreground-rgb));font-family:Roboto,sans-serif;font-size:14px;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.pathway__dropdown-btn:after{content:"";width:16px;height:16px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:contain;flex-shrink:0}.pathway__dropdown-btn:disabled{opacity:.6;cursor:not-allowed}.pathway__dropdown-list{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid rgb(var(--color-border-rgb) / .4);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;max-height:200px;overflow-y:auto}.pathway__dropdown-list[hidden]{display:none}.pathway__dropdown-option{width:100%;padding:12px 16px;border:none;border-bottom:1px solid #f5f5f5;background:none;font-family:Roboto,sans-serif;font-size:14px;color:#080909;text-align:left;cursor:pointer;transition:background .2s}.pathway__dropdown-option:last-child{border-bottom:none}.pathway__dropdown-option:hover{background:#f5f5f5}.pathway__image{margin-top:auto;border-radius:4px;overflow:hidden;aspect-ratio:397 / 250}.pathway__image img{width:100%;height:100%;object-fit:cover}.pathway__image--placeholder{display:flex;align-items:center;justify-content:center}.pathway__image--placeholder img{width:100%;height:100%;object-fit:cover}@media screen and (max-width:749px){.shop-course-materials-section__left{margin-bottom:24px}.shop-course-materials-section__container{padding:32px 16px}.course-materials{padding-bottom:32px}.course-materials__container{display:grid!important;padding:16px;gap:24px}.course-materials__heading{font-size:32px;line-height:36px}.course-materials__subheading{font-size:16px;line-height:22px}.course-materials__pathways{grid-template-columns:1fr;gap:16px}.course-materials__pathway{padding:20px;gap:24px;min-height:auto}.pathway__input-group{flex-direction:row;gap:12px;align-items:center}.pathway__button{height:48px;border-radius:6px;font-size:16px;min-width:80px;flex-shrink:0}.pathway__input{height:48px;padding:16px 20px;font-size:16px;background-color:#fff}.pathway__button-full{height:40px}}@media screen and (min-width:750px)and (max-width:1199px){.shop-course-materials-section__container{padding:64px 32px}.course-materials__pathways{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/course-materials-section.css.map */