@container ud-content-area (min-width: 553px) {
}@container ud-content-area (min-width: 653px) {
}@container ud-content-area (min-width: 1153px) {
}@container ud-content-area (min-width: 1153px) {
}@container ud-content-area (min-width: 1232px) {
}@container ud-content-area (min-width: 553px) {
}@container ud-content-area (min-width: 653px) {
}@container ud-content-area (min-width: 933px) {
}@container ud-content-area (min-width: 553px) {
}@container ud-content-area (min-width: 653px) {
}@container ud-content-area (min-width: 933px) {
}@container ud-content-area (min-width: 1153px) {
}body.my-courses .intercom-lightweight-app {
  z-index: 1030 !important;
}
.my-courses__app .ud-container {
  max-inline-size: 134rem;
}
.my-courses__app .ud-tabs-nav-buttons {
  inline-size: 100%;
  max-inline-size: 134rem;
  margin-inline: auto;
  padding-inline: 2.4rem 2.4rem;
  max-inline-size: 134rem;
  overflow: hidden;
}
.my-courses__app {
  background: oklch(20.35% 0.0139 285.09deg);
  color: oklch(100% 0 0deg);
  padding-block-start: 4.8rem;
}
body.my-courses .my-courses__app .ud-tabs-nav-buttons .ud-carousel-pager-button-prev {
  background: linear-gradient(to right, oklch(20.35% 0.0139 285.09deg) 75%, color-mix(in oklch, oklch(20.35% 0.0139 285.09deg), transparent 0%));
  color: oklch(100% 0 0deg);
}
body.my-courses .my-courses__app .ud-tabs-nav-buttons .ud-carousel-pager-button-next {
  background: linear-gradient(to left, oklch(20.35% 0.0139 285.09deg) 75%, color-mix(in oklch, oklch(20.35% 0.0139 285.09deg), transparent 0%));
  color: oklch(100% 0 0deg);
}
body.my-courses .my-courses__app [data-purpose='tab-overflow-gradient'] {
  background: linear-gradient(to left, oklch(20.35% 0.0139 285.09deg), color-mix(in oklch, oklch(20.35% 0.0139 285.09deg), transparent 0%));
}
body.my-courses .my-courses__app .ud-tab-content {
  background: oklch(100% 0 0deg);
  color: oklch(29.74% 0.0362 281.74deg);
}
.my-courses__main-content {
  padding-block-start: 1.6rem;
  padding-block-end: 4.8rem;
  min-block-size: 32.4rem;
}
.my-courses__section-heading {
  margin-block-end: 1.6rem;
}
.my-courses__section-heading:not(:first-child) {
  margin-block-start: 3.2rem;
}
.my-courses__course-card-grid,
.my-courses__wide-card-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem 0;
  margin-inline-start: -0.8rem;
  margin-inline-end: -0.8rem;
}
.my-courses__course-card-grid {
  gap: 2.4rem 0;
}
.my-courses__course-card-grid > div {
  min-inline-size: 25%;
  inline-size: 25%;
  padding-inline-start: 0.8rem;
  padding-inline-end: 0.8rem;
}
.my-courses__wide-card-grid > div {
  inline-size: 50%;
  padding-inline-start: 0.8rem;
  padding-inline-end: 0.8rem;
}
.my-courses__wide-card-grid .my-courses__wide-card {
  inline-size: 100%;
}
@media (max-width: 63.5em) {
  .my-courses__app .ud-container,
  .my-courses__app .ud-tabs-nav-buttons {
    max-inline-size: 77rem;
  }
  .my-courses__course-card-grid > div {
    min-inline-size: 33.33%;
    inline-size: 33.33%;
  }
}
@media (max-width: 48.13em) {
  .my-courses__course-card-grid {
    justify-content: center;
  }
  .my-courses__course-card-grid > div {
    min-inline-size: 0;
    inline-size: 24.6rem;
    max-inline-size: 100%;
  }
  .my-courses__wide-card-grid > div {
    inline-size: 100%;
  }
}
.ud-main-content-wrapper {
  overflow-x: hidden;
}
@media (max-width: 32.75em) {
  .my-courses__course-card-grid {
    justify-content: center;
    font-family: 'Udemy Sans';
  }
  .my-courses__course-card-grid > div {
    min-inline-size: 24.6rem;
    inline-size: 24.6rem;
    max-inline-size: 100%;
    flex: 0 1 300px;
  }
  .my-courses__wide-card-grid > div {
    inline-size: 100%;
  }
}
.ud-main-content-wrapper {
  overflow-x: visible;
}


/*# sourceMappingURL=open-badges-server-side.51429bdda736507a2c26.css.map*/