.MediaCard-module__3cqd2W__card{width:var(--card-width,var(--space-card-width));min-width:0;color:inherit;border-radius:var(--card-radius);--card-radius:20px;--badge-height:32px;flex-direction:column;flex-shrink:0;text-decoration:none;display:flex}.MediaCard-module__3cqd2W__card[data-variant=sound]{width:var(--card-width,161px)}.MediaCard-module__3cqd2W__card:focus-visible{outline:2px solid var(--color-blue-300);outline-offset:2px}.MediaCard-module__3cqd2W__media{box-sizing:border-box;aspect-ratio:316/562;border-radius:var(--card-radius);padding:var(--space-container-padding);border:1px solid #ffffff0f;flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.MediaCard-module__3cqd2W__card[data-variant=sound] .MediaCard-module__3cqd2W__media{aspect-ratio:3/4}.MediaCard-module__3cqd2W__cover{border-radius:var(--card-radius);z-index:0;transition:transform .3s;position:absolute;inset:0}.MediaCard-module__3cqd2W__card:hover .MediaCard-module__3cqd2W__cover{transform:scale(1.03)}.MediaCard-module__3cqd2W__badges{z-index:1;justify-content:space-between;align-items:flex-start;gap:4px;min-width:0;display:flex;position:relative}.MediaCard-module__3cqd2W__kind,.MediaCard-module__3cqd2W__duration{box-sizing:border-box;height:var(--badge-height);color:var(--color-gray-0);font-family:var(--font-family-base);font-weight:var(--font-weight-medium);font-size:var(--body-3-size);line-height:var(--body-3-line);white-space:nowrap;border-radius:30px;align-items:center;display:inline-flex}.MediaCard-module__3cqd2W__kind{--gloss-edge:var(--surface-tertiary-edge);background:var(--surface-tertiary);-webkit-backdrop-filter:blur(12.5px);backdrop-filter:blur(12.5px);text-overflow:ellipsis;border:none;min-width:0;padding:0 16px;overflow:hidden;}.MediaCard-module__3cqd2W__duration{-webkit-backdrop-filter:blur(17.5px);backdrop-filter:blur(17.5px);background:#51515159;border:1px solid #ffffff14;flex-shrink:0;gap:4px;padding:0 12px 0 10px}.MediaCard-module__3cqd2W__clock{flex-shrink:0;width:16px;height:16px}.MediaCard-module__3cqd2W__overlay{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:52px;height:52px;color:var(--color-gray-0);background:#51515159;border:1px solid #ffffff2e;border-radius:100px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.MediaCard-module__3cqd2W__card[data-variant=sound] .MediaCard-module__3cqd2W__overlay{width:44px;height:44px}.MediaCard-module__3cqd2W__overlayIcon{width:22px;height:22px}.MediaCard-module__3cqd2W__progress{z-index:1;box-sizing:border-box;-webkit-backdrop-filter:blur(7.5px);backdrop-filter:blur(7.5px);background:#51515159;border:1px solid #ffffff0f;border-radius:25px;align-items:center;gap:8px;height:40px;padding:0 14px;display:flex;position:relative}.MediaCard-module__3cqd2W__progressValue{color:var(--color-gray-0);font-family:var(--font-family-base);font-size:var(--body-3-size);line-height:var(--body-3-line)}.MediaCard-module__3cqd2W__track{background:#ebebeb40;border-radius:10px;flex:1;height:8px;overflow:hidden}.MediaCard-module__3cqd2W__fill{background:var(--color-blue-300);border-radius:10px;height:8px;display:block}.MediaCard-module__3cqd2W__bottomRow{z-index:1;display:flex;position:relative}.MediaCard-module__3cqd2W__body{padding:var(--space-container-gap)var(--space-container-padding)var(--space-container-padding)}.MediaCard-module__3cqd2W__card[data-variant=sound] .MediaCard-module__3cqd2W__body{padding:var(--space-container-padding)}.MediaCard-module__3cqd2W__title{color:var(--color-gray-50);font-family:var(--font-family-base);font-weight:var(--subtitle-6-weight);font-size:var(--subtitle-6-size);line-height:var(--subtitle-6-line);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}@media (min-width:768px){.MediaCard-module__3cqd2W__card{--card-radius:30px;--badge-height:36px}.MediaCard-module__3cqd2W__card[data-variant=sound]{width:var(--card-width,215px);--badge-height:32px}.MediaCard-module__3cqd2W__kind,.MediaCard-module__3cqd2W__duration{font-size:var(--button-1-size);line-height:var(--button-1-line)}.MediaCard-module__3cqd2W__card[data-variant=sound] .MediaCard-module__3cqd2W__kind{font-size:var(--button-2-size);line-height:var(--button-2-line)}.MediaCard-module__3cqd2W__card[data-variant=sound] .MediaCard-module__3cqd2W__duration{height:40px}.MediaCard-module__3cqd2W__clock{width:18px;height:18px}.MediaCard-module__3cqd2W__card[data-variant=sound] .MediaCard-module__3cqd2W__overlay{width:52px;height:52px}.MediaCard-module__3cqd2W__progress{gap:10px;height:44px}.MediaCard-module__3cqd2W__progressValue{font-size:var(--body-2-size);line-height:var(--body-2-line)}}@media (min-width:1280px){.MediaCard-module__3cqd2W__card{--card-radius:40px;--badge-height:40px}.MediaCard-module__3cqd2W__card[data-variant=sound]{width:var(--card-width,calc((100% - 4*var(--space-column))/5));--badge-height:32px}.MediaCard-module__3cqd2W__kind{padding:0 20px}.MediaCard-module__3cqd2W__duration{gap:6px;padding:0 16px 0 12px}.MediaCard-module__3cqd2W__clock{width:20px;height:20px}.MediaCard-module__3cqd2W__progress{height:50px}.MediaCard-module__3cqd2W__overlay{top:calc(50% - 5px)}.MediaCard-module__3cqd2W__title{font-weight:var(--subtitle-4-weight);font-size:var(--subtitle-4-size);line-height:var(--subtitle-4-line)}}
.MediaGrid-module__GtOHiG__grid{--card-width:auto;grid-template-columns:repeat(auto-fill,minmax(var(--space-card-width),1fr));gap:var(--space-row)var(--space-column);width:100%;display:grid}.MediaGrid-module__GtOHiG__grid[data-variant=sound]{grid-template-columns:repeat(auto-fill,minmax(161px,1fr))}@media (min-width:768px){.MediaGrid-module__GtOHiG__grid[data-variant=sound]{grid-template-columns:repeat(auto-fill,minmax(215px,1fr))}}@media (min-width:1280px){.MediaGrid-module__GtOHiG__grid[data-variant=sound]{grid-template-columns:repeat(5,1fr)}}