.media-card-grid{display:grid;width:100%;gap:1rem;grid-template-columns:repeat(1,minmax(0,1fr))}.media-card-grid[data-columns="2"]{@media (min-width:450px){grid-template-columns:repeat(2,minmax(0,1fr))}}.media-card-grid[data-columns="3"]{@media (min-width:450px){grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:700px){grid-template-columns:repeat(3,minmax(0,1fr))}}.media-card-grid[data-columns="4"]{@media (min-width:450px){grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:700px){grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width:880px){grid-template-columns:repeat(4,minmax(0,1fr))}}.media-card-grid[data-columns="5"]{@media (min-width:450px){grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:700px){grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width:880px){grid-template-columns:repeat(4,minmax(0,1fr))}@media (min-width:1024px){grid-template-columns:repeat(5,minmax(0,1fr))}}.media-card-grid[data-columns="6"]{@media (min-width:450px){grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:700px){grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width:880px){grid-template-columns:repeat(4,minmax(0,1fr))}@media (min-width:1024px){grid-template-columns:repeat(5,minmax(0,1fr))}@media (min-width:1280px){grid-template-columns:repeat(6,minmax(0,1fr))}}.media-card-carousel{--media-card-carousel-arrow-size:2.25rem;--carousel-slide-min:220px;--carousel-slide-max:250px;--carousel-slide-gap:16px;--carousel-target-visible:1.2}.media-card-carousel__controls{display:flex;align-items:center;gap:.5rem}.media-card-carousel__swiper{flex:1;min-width:0;overflow:hidden;container-type:inline-size;-webkit-user-select:none;user-select:none}.media-card-carousel__slide a,.media-card-carousel__slide img,.media-card-item__image{-webkit-user-drag:none;user-drag:none}.media-card-item{--media-card-accent:var(--center-accent,#21bfc7);border-color:color-mix(in srgb,var(--media-card-accent) 12%,var(--center-panel-border,#e2e8f0));box-shadow:none}.media-card-item.center-elevated-hover:hover,.media-card-item:hover{border-color:color-mix(in srgb,var(--media-card-accent) 22%,var(--center-panel-border,#e2e8f0));box-shadow:0 12px 28px -8px color-mix(in srgb,var(--media-card-accent) 20%,transparent),0 4px 12px -4px color-mix(in srgb,var(--media-card-accent) 10%,transparent),0 0 0 1px color-mix(in srgb,var(--media-card-accent) 12%,transparent)}.dark .media-card-item{border-color:color-mix(in srgb,var(--media-card-accent) 16%,var(--center-panel-border,color-mix(in srgb,#2dd4bf 14%,transparent)));box-shadow:none}.dark .media-card-item.center-elevated-hover:hover,.dark .media-card-item:hover{border-color:color-mix(in srgb,var(--media-card-accent) 26%,var(--center-panel-border,color-mix(in srgb,#2dd4bf 14%,transparent)));box-shadow:0 12px 30px -8px color-mix(in srgb,var(--media-card-accent) 22%,transparent),0 4px 14px -4px color-mix(in srgb,var(--media-card-accent) 12%,transparent),0 0 0 1px color-mix(in srgb,var(--media-card-accent) 14%,transparent)}.media-card-carousel__slide{height:auto;box-sizing:border-box;width:clamp(var(--carousel-slide-min),calc((100% - var(--carousel-slide-gap) * max(0, var(--carousel-target-visible) - 1)) / var(--carousel-target-visible)),var(--carousel-slide-max));min-width:var(--carousel-slide-min);max-width:var(--carousel-slide-max)}@container (min-width: 450px){.media-card-carousel__slide{--carousel-target-visible:2}}@container (min-width: 700px){.media-card-carousel__slide{--carousel-target-visible:3}}@container (min-width: 880px){.media-card-carousel__slide{--carousel-target-visible:4}}@container (min-width: 1024px){.media-card-carousel__slide{--carousel-target-visible:var(--carousel-desktop-cols,5)}}