.offering-media.svelte-q9c1pl{display:grid;gap:1rem}.offering-media.compact.svelte-q9c1pl{display:block}.offering-media-primary.svelte-q9c1pl{display:grid;gap:.5rem;position:relative}.offering-media-supplementary.svelte-q9c1pl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr));gap:1rem}.offering-media.svelte-q9c1pl .offering-media-picture{border-radius:6px}.offering-media-badges.svelte-q9c1pl{display:flex;flex-wrap:wrap;gap:.35rem}.offering-media-badges.over-primary.svelte-q9c1pl{position:absolute;z-index:1;bottom:.75rem;left:.75rem;right:.75rem;max-width:100%}.offering-media-badges.svelte-q9c1pl .offering-media-badge{display:block;width:clamp(5.5rem,24%,10rem);flex:0 1 clamp(3.25rem,24%,10rem);aspect-ratio:1;overflow:hidden;border:3px solid var(--theme-surface-raised, #fff);border-radius:50%;background:var(--theme-surface-raised, #fff);box-shadow:0 .15rem .45rem #0000003d}.offering-media.compact.svelte-q9c1pl .offering-media-badges:where(.svelte-q9c1pl) .offering-media-badge{width:clamp(3.5rem,18%,6rem);flex-basis:clamp(3.5rem,18%,6rem)}.offering-media-badges.standalone.svelte-q9c1pl .offering-media-badge{width:clamp(3.5rem,15vw,6rem);flex-basis:clamp(3.5rem,15vw,6rem)}.offering-media-badges.svelte-q9c1pl .offering-media-badge .offering-media-badge-picture{display:block;width:100%;height:100%}.offering-media-instructors.svelte-q9c1pl{display:grid;gap:.55rem;min-width:0;position:relative;z-index:2}.offering-media-instructors.svelte-q9c1pl ul:where(.svelte-q9c1pl){display:flex;flex-wrap:wrap;gap:.65rem;margin:0;padding:0;list-style:none}.offering-media-instructors.svelte-q9c1pl li:where(.svelte-q9c1pl){display:flex;align-items:center;gap:.65rem;flex:0 1 auto;min-width:0;max-width:100%;padding:.65rem .8rem;border:1px solid var(--clr-tertiary-300);border-radius:.55rem;background:var(--theme-surface-accent)}.offering-media-instructors.svelte-q9c1pl li:where(.svelte-q9c1pl)>strong:where(.svelte-q9c1pl){min-width:0;overflow-wrap:anywhere}.offering-media-instructors.svelte-q9c1pl .public-media-picture.offering-instructor-portrait,.offering-instructor-avatar.svelte-q9c1pl{width:3rem;height:3rem;flex:none;overflow:hidden;border:2px solid var(--theme-surface-raised, #fff);border-radius:50%;box-shadow:0 .1rem .3rem #00000029}.offering-instructor-avatar.svelte-q9c1pl{display:grid;place-items:center;background:#e4eaf0;color:#526579;--icon-size: 1.65rem}