.filters{align-items:end;display:flex;justify-content:space-between}.date-filter-wrapper{display:flex;flex-direction:column}.courses-list{margin:40px 20px 0}.courses-list.course-schedule-list-wrapper{display:grid;gap:20px;grid-template-columns:1fr 2fr;max-width:1000px}.courses-list.educator-schedule-list-wrapper{display:grid;gap:40px;grid-template-columns:1fr;max-width:1000px}.educator-schedule-list-wrapper>div:first-child{text-align:center}.educator-schedule-list-wrapper>div:first-child>*{margin:0}.schedule-list{display:flex;flex-direction:column;gap:28px}.schedule-list button{align-items:center;background:none;border:1px solid #707070;border-radius:5px;display:grid;gap:20px;grid-template-areas:"picture date location availability";grid-template-columns:auto minmax(auto,130px) minmax(auto,130px) minmax(auto,170px);padding:18px;position:relative}.schedule-list button.selected{border-color:#000;outline:1px solid #000}.schedule-list button.selected:after{background-color:green;background-image:url(/build/images/shopping_cart_white.9f317a65.svg);background-position:3px;background-repeat:no-repeat;background-size:23px;color:#fff;content:"";height:100%;position:absolute;right:0;top:0;width:30px}.schedule-list h2{font-size:1.125em;margin:0 0 5px}.schedule-list p{font-size:.8125em;margin:0}.schedule-list .educator-info{align-items:center;display:flex;flex-direction:column;grid-area:picture;max-width:150px;width:100%}.schedule-list .educator-info .avatar{border:1px solid #707070;border-radius:50%;height:81px;margin-bottom:12px;overflow:hidden;width:81px}.schedule-list .educator-info .avatar img{height:auto;width:100%}.schedule-list .educator-info h2{margin:0}.schedule-list .course-info{align-items:center;border-right:1px solid #707070;box-sizing:border-box;display:grid;grid-area:picture;grid-template-columns:1fr 2fr;padding-right:10px;width:420px}.schedule-list .course-info .avatar{aspect-ratio:131/105;border-radius:5px;max-height:105px;max-width:131px;min-width:100px;overflow:hidden}.schedule-list .course-info .avatar img{height:105px;object-fit:cover;width:100%}.schedule-list .specs{align-self:stretch;border-left:1px solid #707070;box-sizing:border-box;display:flex;flex-direction:column;gap:18px;grid-area:availability;justify-content:center;padding-left:10px}.schedule-list .date-info{grid-area:date}.schedule-list .location-info{grid-area:location}@media screen and (max-width:800px){.courses-list.course-schedule-list-wrapper{grid-template-columns:1fr}.courses-list.course-schedule-list-wrapper>div:first-child{text-align:center}.schedule-list .course-info{gap:20px;grid-template-columns:1fr;justify-items:center;width:auto}}@media screen and (max-width:600px){.filters{display:grid;gap:20px;justify-content:center}}@media screen and (max-width:480px){.schedule-list button{gap:10px;grid-template-areas:"picture date     availability" "picture location availability";grid-template-columns:auto auto minmax(auto,100px);padding:20px}}