img.svelte-dd56l4{aspect-ratio:1;background-color:var(--colour,var(--colour-surface-alt));object-fit:cover;width:var(--size,auto);height:var(--size,auto);border-radius:max(8px,5%);display:block;position:relative}img.loading.svelte-dd56l4{background:var(--colour,var(--colour-surface-alt)) linear-gradient(-60deg, transparent 0%, transparent 20%, #ffffff20 50%, transparent 80%, transparent 100%);background-size:1000% 100%;animation:2s linear infinite svelte-dd56l4-move}@keyframes svelte-dd56l4-move{0%{background-position:0 0}to{background-position:100% 100%}}li.svelte-3owp9{cursor:pointer;border-radius:10px;flex-direction:row;align-items:center;gap:5px;height:55px;padding:5px;transition:background-color .1s;display:flex;container-type:inline-size}li.svelte-3owp9:hover{background-color:#ffffff20}li.unavailable.svelte-3owp9{filter:grayscale();opacity:.5;cursor:not-allowed}li.svelte-3owp9 .cover-wrapper:where(.svelte-3owp9){aspect-ratio:1;width:auto;height:100%;position:relative}.cover-wrapper.svelte-3owp9>.cover{width:100%;height:100%}.cover-wrapper.svelte-3owp9>svg{aspect-ratio:1;height:12px;position:absolute;bottom:1px;right:1px}li.svelte-3owp9>button:where(.svelte-3owp9){aspect-ratio:1;height:50%}.duration.svelte-3owp9{text-align:center}.like-button.svelte-3owp9,.duration.svelte-3owp9{width:30px}@media (hover:hover){.context-menu-button.svelte-3owp9{opacity:0;transition:opacity .1s}.like-button.svelte-3owp9{display:none}li.svelte-3owp9:hover>.context-menu-button:where(.svelte-3owp9){opacity:1}li.svelte-3owp9:hover>.like-button:where(.svelte-3owp9){display:block}li.svelte-3owp9:hover>.duration:where(.svelte-3owp9){display:none}}li.svelte-3owp9 .info:where(.svelte-3owp9){flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}li.svelte-3owp9 .date-info:where(.svelte-3owp9){text-align:right;margin-right:10%}li.svelte-3owp9 :is(h1:where(.svelte-3owp9),h2:where(.svelte-3owp9)){white-space:nowrap;text-overflow:ellipsis;font-weight:400;overflow:hidden}li.svelte-3owp9 h1:where(.svelte-3owp9){font-size:var(--font-size,1rem)}h1.svelte-3owp9>svg{vertical-align:middle;display:inline-block}li.svelte-3owp9 h2:where(.svelte-3owp9){font-size:calc(var(--font-size,1rem) * .8)}@container (width<=500px){.date-info.svelte-3owp9{display:none!important}}@container (width<=320px){.like-button.svelte-3owp9,.duration.svelte-3owp9{display:none!important}}