[data-v-790a1a96]:root{--grid-small-mobile:375px;--grid-medium-mobile:480px;--grid-large-mobile:680px;--grid-small-tablet:766px;--grid-large-tablet:960px;--grid-small-desktop:1024px;--grid-medium-desktop:1280px;--grid-large-desktop:1440px}.fade-enter-active[data-v-790a1a96]{animation:fade-in-790a1a96 var(--transition-speed)}.fade-leave-active[data-v-790a1a96]{animation:fade-out-790a1a96 var(--transition-speed)}@keyframes fade-in-790a1a96{0%{opacity:0}to{opacity:1}}@keyframes fade-out-790a1a96{0%{opacity:1}to{opacity:0}}article[data-v-790a1a96]{background-color:var(--background-primary);border-radius:var(--corner-default);color:var(--text-brand-primary);cursor:pointer;display:flex;flex-direction:column;gap:var(--component-gap);max-width:100%;padding:var(--component-gap)}article.processing[data-v-790a1a96]{overflow:hidden;padding-bottom:calc(var(--component-gap) + .6rem);position:relative}article.processing .progress[data-v-790a1a96]{background-color:var(--background-brand-primary);bottom:0;display:block;height:.6rem;left:0;position:absolute;right:0}article.processing .progress .fill[data-v-790a1a96]{background-color:var(--background-brand-primary-4);display:block;height:100%;transition:width 1s linear;width:var(--v1993b4e3)}article .top[data-v-790a1a96]{align-items:end;-moz-column-gap:var(--component-gap);column-gap:var(--component-gap);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;row-gap:var(--atom-gap)}article .top .title[data-v-790a1a96]{grid-column:span 2}article .top .title[data-v-790a1a96]:has(span){align-items:center;display:grid;gap:var(--atom-gap);grid-template-columns:auto max-content}article .top .title h4[data-v-790a1a96]{line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}article .top .title span[data-v-790a1a96]{color:var(--text-primary)}article .top .info[data-v-790a1a96]{display:flex;flex-direction:column;gap:var(--atom-gap);justify-content:space-between}article .top .info .available[data-v-790a1a96]{display:flex;gap:var(--size-3xs);padding-bottom:var(--size-3xs)}article .top .image[data-v-790a1a96]{display:flex;flex-direction:column;gap:var(--size-3xs);width:10.8rem}article .top .image img[data-v-790a1a96]{border:1px solid var(--border-brand-primary-200);border-radius:var(--corner-default);height:7.2rem;-o-object-fit:cover;object-fit:cover;width:100%}