.download{--color-text:var(--color-list-item-copy);--color-headline:var(--color-list-item-text);--color-link:var(--color-primary);--color-link-icon:var(--color-primary);font-weight:var(--fw-base);border-radius:var(--border-radius);background-color:var(--color-list-item-bg);box-shadow:var(--list-item-shadow);display:block;container-type:inline-size}.download__layout{gap:var(--space-3);padding:var(--space-3);grid-template-columns:minmax(0,1fr);grid-template-areas:"media""content""action";align-items:start;display:grid}.download__layout:not(:has(.download__media)){grid-template-areas:"content""action"}.download--link .download__layout{grid-template-areas:"media""content""link-action"}.download--link .download__layout:not(:has(.download__media)){grid-template-areas:"content""link-action"}.download__media{object-fit:cover;grid-area:media;width:2.5rem;height:3.5625rem;display:block}.download__media--icon{height:3.5625rem;color:var(--color-primary);place-items:center;display:grid}.download__media--icon .icon{border-radius:var(--border-radius);background-color:var(--color-list-item-icon-bg);place-items:center;width:2.5rem;height:2.5rem;font-size:1rem;display:grid}.download__content{grid-area:content;min-width:0;max-width:41.875rem}.download__content>*{margin:0}.download__content>*+*{margin-block-start:.5rem}.download--link .download__content>*+*{margin-block-start:.375rem}.download__tags:empty{display:none}.download__action{gap:var(--space-2) var(--space-3);grid-area:action;align-items:center;display:grid}.download__available{gap:var(--space-2) var(--space-3);grid-template-columns:auto minmax(max-content,1fr);align-items:center;display:grid}.download__available:not(:has(.download__meta)){grid-template-columns:minmax(0,1fr)}.download__meta{gap:.25rem var(--space-3);color:var(--color-text);text-transform:uppercase;white-space:nowrap;flex-wrap:wrap;display:flex}.download__meta>:empty,.download__meta:not(:has(>:not(:empty))){display:none}.download__variant{min-width:0;color:var(--color-text);font-weight:var(--fw-link)}.download__download-link{--color-link:var(--color-list-item-action);--color-link-icon:var(--color-list-item-action);white-space:nowrap;justify-self:end;align-items:center;gap:.375rem;display:inline-flex}.download__download-link .icon{font-size:1.125rem}.download__restricted{gap:var(--space-2) var(--space-3);grid-template-columns:max-content minmax(0,1fr);align-items:center;display:grid}.download__restricted>*{margin:0}.download__restricted .link{grid-column:1/-1;justify-self:end}.download__lock{font-size:1.75rem;line-height:1}.download__link-action{white-space:nowrap;grid-area:link-action;place-self:end;align-items:baseline;gap:.375rem;display:inline-flex}.download__link-action .icon{color:var(--color-link-icon);font-size:.6em;translate:0 -.16em}.download--link{border:1px solid var(--color-list-item-border);box-shadow:none}.download--link .download__content{--color-headline:var(--color-primary)}.download--link.nolink{color:inherit;cursor:pointer;text-decoration:none}.download--link.nolink:hover,.download--link.nolink:focus-visible{outline:none}.download.is-restricted .download__media:not(.download__media--icon){filter:blur(.3125rem)}.download.is-restricted .download__content{opacity:.35}.download [hidden]{display:none!important}@container (width>=20rem){.download .download__layout{grid-template-columns:2.5rem minmax(0,1fr);grid-template-areas:"media content""action action";align-items:center}.download .download__layout:not(:has(.download__media)){grid-template-columns:minmax(0,1fr);grid-template-areas:"content""action"}.download--link .download__layout{grid-template-areas:"media content""link-action link-action"}.download--link .download__layout:not(:has(.download__media)){grid-template-areas:"content""link-action"}}@container (width>=30rem){.download .download__action:has(.download__variant){grid-template-columns:minmax(0,15rem) auto minmax(max-content,1fr);grid-template-areas:"variant meta link"}.download .download__action:has(.download__variant):has(.download__restricted:not([hidden])){grid-template-columns:minmax(0,15rem) minmax(0,1fr);grid-template-areas:"variant restricted"}.download .download__action:has(.download__variant) .download__available{display:contents}.download .download__action:has(.download__variant) .download__meta{grid-area:meta}.download .download__action:has(.download__variant) .download__variant{grid-area:variant}.download .download__action:has(.download__variant) .download__download-link{grid-area:link}.download .download__action:has(.download__variant) .download__restricted{grid-area:restricted}.download .download__restricted{grid-template-columns:max-content minmax(0,1fr) auto}.download .download__restricted .link{grid-column:auto;align-self:center}}@container (width>=53.75rem){.download--link .download__layout{grid-template-columns:2.5rem minmax(15rem,1fr) auto;grid-template-areas:"media content link-action";padding:1.25rem 1.5rem}.download--link .download__layout:not(:has(.download__media)){grid-template-columns:minmax(15rem,1fr) auto;grid-template-areas:"content link-action"}.download--link .download__link-action{align-self:center}}@container (width>=60rem){.download:not(.download--link) .download__layout{grid-template-columns:2.5rem minmax(15rem,1fr) auto;grid-template-areas:"media content action";padding:1.25rem 1.5rem}.download:not(.download--link) .download__layout:not(:has(.download__media)){grid-template-columns:minmax(15rem,1fr) auto;grid-template-areas:"content action"}.download .download__action{justify-self:end}.download .download__action:has(.download__variant){grid-template-columns:auto minmax(8.75rem,15rem) auto;grid-template-areas:"meta variant link"}.download .download__action:has(.download__variant):has(.download__restricted:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(9.375rem,15rem);grid-template-areas:"restricted variant"}.download .download__action:not(:has(.download__variant)) .download__available{grid-template-columns:auto auto}.download .download__action:has(.download__restricted:not([hidden])){width:min(100%,33.4375rem)}.download .download__restricted{grid-template-columns:max-content minmax(13.75rem,16.1875rem) auto}}@container (width>=63.75rem){.download .download__layout{grid-template-columns:2.5rem minmax(18.75rem,1fr) auto}.download .download__action,.download .download__available{gap:var(--space-3)}}
