.sample-hero.svelte-1jnzaxh{--waveform-played-fill:var(--play-primary-bg-playing,#e1b03c);--waveform-unplayed-fill:color-mix(in srgb, var(--color-gray-150,#f2f6fa) 30%, transparent);grid-template-columns:var(--resource-page-hero-cover-size,260px) minmax(0, 1fr);column-gap:var(--hero-col-gap,var(--pd-xl,24px));align-items:start;width:100%;min-width:0;display:grid}.hero-cover.svelte-1jnzaxh{background-color:var(--color-gray-30,#15151a);grid-area:1/1}.hero-body.svelte-1jnzaxh{gap:var(--pd-lg,18px);min-height:var(--resource-page-hero-cover-size,260px);flex-direction:column;grid-area:1/2;min-width:0;display:flex}.hero-playback.svelte-1jnzaxh{gap:var(--pd-lg,18px);flex-direction:column;min-width:0;margin-top:auto;display:flex}.sample-cover-background.svelte-1jnzaxh{width:180%;height:180%;filter:blur(calc(var(--resource-page-hero-cover-size,260px) * .16));--avatar-image-width:100%;--avatar-image-height:100%;--avatar-image-object-fit:cover;position:absolute;inset-block-start:-40%;inset-inline-start:-40%}.sample-cover-mark.svelte-1jnzaxh{aspect-ratio:1;width:48%;height:auto;color:var(--base-print-light,#f7feff);--icon-width:100%;--icon-height:100%;--icon-fill:var(--base-print-light,#f7feff);margin:auto;position:absolute;inset:0}.playback.svelte-1jnzaxh{column-gap:var(--pd-md,12px);row-gap:var(--pd-xs,4px);grid-template-columns:auto minmax(0,1fr);align-items:center;width:100%;min-width:0;display:grid}.play-control.svelte-1jnzaxh{grid-area:1/1}.wave-slot.svelte-1jnzaxh{grid-area:1/2;width:100%;min-width:0}.playback-time.svelte-1jnzaxh{color:var(--base-print-normal,#8691a0);white-space:nowrap;grid-area:2/2;justify-self:end}.moderator-panel.svelte-1jnzaxh{margin-bottom:var(--pd-lg,18px)}.sample-page-main.svelte-1jnzaxh{gap:var(--pd-md,12px);min-width:0;padding-top:var(--pd-2xl,36px);flex-direction:column;display:flex}.notice.svelte-1jnzaxh,.description.svelte-1jnzaxh{color:var(--base-print-normal,#8691a0);margin:0}.description.svelte-1jnzaxh{white-space:pre-line;overflow-wrap:anywhere;line-height:1.6}@media (width<=768px){.sample-hero.svelte-1jnzaxh{row-gap:var(--pd-lg,18px);grid-template-columns:minmax(0,1fr);grid-template-areas:"header""cover""playback"}.hero-body.svelte-1jnzaxh{min-height:unset;display:contents}.hero-header.svelte-1jnzaxh{grid-area:header}.hero-cover.svelte-1jnzaxh{grid-area:cover;justify-self:center}.hero-playback.svelte-1jnzaxh{margin-top:unset;grid-area:playback}}