:root{--border-radius-default:10px;--border-radius-large:16px;--box-shadow-default:0 0 0 1px rgba(63,63,68,.05),0 1px 3px 0 rgba(63,63,68,.15);--box-shadow-shadow:0 1px 17px 0 rgba(0,0,0,.12),0 3px 6px 0 rgba(0,0,0,.12);--box-shadow-subdued:0 0 0 1px rgba(63,63,68,.07),0 1px 3px 0 rgba(63,63,68,.12);--box-shadow-hover:0 1px 3px 0 rgba(33,43,54,.08),0 4px 11px 0px rgba(33,43,54,.1);--box-shadow-border:0 1px 1px 0 rgba(0,0,0,.1),0 1px 6px 0 rgba(0,0,0,.06);--box-shadow-soft:0 3px 8px 4px hsla(0,0%,47%,.1);--spacing-base:.5rem;--spacing-tiny:var(--spacing-base);--spacing-smaller:calc(var(--spacing-base)*1.5);--spacing-small:calc(var(--spacing-base)*2);--spacing-medium:calc(var(--spacing-base)*2.5);--spacing-default:calc(var(--spacing-base)*3);--spacing-large:calc(var(--spacing-base)*4);--bg-body-alt:#f6f4ef;--bg-body-lighter:#f9f7f4;--bg-body:var(--bg-body-lighter);--bg-boxes:var(--color-white);--bg-forms:var(--color-white);--forms-border-color:rgba(0,0,0,.15);--forms-border-color-hover:rgba(0,0,0,.6);--box-shadow-forms:0 1px 1px 0 rgba(0,0,0,.1),0 1px 6px 0 rgba(0,0,0,.06);--forms-border-radius:var(--border-radius-default);--forms-placeholder-color:rgba(0,0,0,.4);--breakpoint-phone:320px;--breakpoint-tablet:768px;--breakpoint-desktop:1024px;--breakpoint-wide:1400px;--transition-timing-default:cubic-bezier(.81,.12,.15,.97);--transition-stand-timing:cubic-bezier(.25,.8,.25,1);--golden-ratio:1.6180334/1}.card{--size-logo:48px;--item-width:142px;--cover-height:180px}@media (min-width:769px){.card{--cover-height:206px;--item-width:266px}}.card{background:var(--color-white);border:1px solid hsla(0,0%,44%,.2);border-radius:var(--border-radius-default);box-shadow:var(--box-shadow-border);cursor:pointer;display:flex;flex-direction:column;height:100%;min-width:var(--item-width);padding:0;position:relative;text-align:left;transition:all .16s ease}.card:after{border-radius:var(--border-radius-large);box-shadow:0 4px 11px #212b361a;content:"";inset:0;opacity:0;position:absolute;transition:opacity .42s ease;z-index:-1}.card:hover:after{opacity:1}.card.draggable{cursor:grab}.card .card-content{padding:var(--spacing-small)}.card .card-title{font-size:var(--font-size-body-2);font-weight:var(--font-weight-headlines);transition:all .2s ease}.card:hover{box-shadow:none}.card:hover .card-cover img{transform:scale(1.05)}.card:hover .card-title{color:var(--color-primary)}.card.product-card{min-width:var(--product-item-width)}.card .drag-indicator{background:#0000004d;border-radius:2px;border-radius:var(--border-radius-default);color:var(--color-white);height:28px;padding:2px;position:absolute;right:var(--spacing-small);top:var(--spacing-small);width:28px;z-index:2px}.dragging .card{border:3px solid var(--color-primary)}.card-cover{background:var(--color-grey-50);border-top-left-radius:8px;border-top-right-radius:8px;display:flex;height:var(--cover-height);overflow:hidden;transition:all .2s ease;width:100%}.card-cover>img{height:100%;-o-object-fit:cover;object-fit:cover;opacity:1;transition:all .5s ease;width:100%}.card-cover>img.loaded{opacity:1}.card-cover.folder-cover{align-items:center;display:flex;justify-content:center}.cover-icon{color:var(--color-grey-300);height:auto;width:36px}.card-covers{background:var(--color-grey-50);border-radius:var(--border-radius-default);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:var(--cover-height);overflow:hidden;padding:var(--spacing-small);transition:all .2s ease;grid-gap:var(--spacing-small)}.card-covers>.cover-grid-item:nth-child(n+5){display:none}.cover-grid-item{border:1px solid var(--color-grey-300);border-radius:var(--border-radius-default);overflow:hidden}.cover-grid-item>img{min-height:100%;-o-object-fit:cover;object-fit:cover;opacity:1;transition:all .5s ease;width:100%}.cover-grid-item>img.loaded{opacity:1}.card-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:flex-start;padding:var(--spacing-small)}.card-footer{display:flex;justify-content:flex-end;min-height:50px;padding:var(--spacing-medium)}@media (min-width:1025px){.card-footer{min-height:66px;padding:var(--spacing-medium) var(--spacing-small)}}.card-content-inner{align-items:center;display:flex}.card-content-left{display:flex;flex:1 1 auto;flex-direction:column}.card-title{color:var(--font-color-headlines);font-size:var(--font-size-subheading)}.card-subtitle{font-size:var(--font-size-small)}
