@layer payload-default{}@layer payload-default{}@layer payload-default{.icon--check{height:1.5384615385rem;width:1.5384615385rem}.icon--check .stroke{fill:none;stroke:currentColor;stroke-width:2px}.collections{display:flex;width:100%;--gap:var(--base);--cols:5}.collections__wrap{width:100%;display:flex;flex-direction:column;gap:var(--base)}.collections__group{display:flex;flex-direction:column;gap:var(--gap)}.collections__label{margin:0}.collections__card-list{padding:0;margin:0;list-style:none;grid-gap:12px;gap:12px;display:grid;grid-template-columns:repeat(var(--cols),1fr)}.collections__card-list .card{height:100%}.collections__locked.locked{align-items:unset;justify-content:unset}}@layer payload-default{}@layer payload-default{}@layer payload-default{@media(max-width:1440px){.collections{--cols:4}}@media(max-width:1024px){.collections{--gap:var(--base);--cols:2}}@media(max-width:768px){.collections{--cols:2}.collections__wrap{gap:var(--base)}.collections__card-list{gap:8px}}@media(max-width:400px){.collections{--cols:1}}}.collection-view-toggle{display:flex;width:-moz-fit-content;width:fit-content;gap:.25rem;margin:0 0 1rem;padding:0;border:0}.collection-view-toggle label{cursor:pointer;padding:.4rem .8rem;border:1px solid var(--theme-elevation-300);border-radius:var(--style-radius-s)}.collection-view-toggle label:has(input:checked){background:var(--theme-elevation-150)}.collection-view-toggle input{margin-right:.4rem}.collection-list--media:has(.collection-view-toggle input[value=grid]:checked) .table,.collection-list--project-entries:has(.collection-view-toggle input[value=grid]:checked) .table,.collection-list--projects:has(.collection-view-toggle input[value=grid]:checked) .table{overflow:visible}.collection-list--media:has(.collection-view-toggle input[value=grid]:checked) .table table,.collection-list--media:has(.collection-view-toggle input[value=grid]:checked) .table tbody,.collection-list--project-entries:has(.collection-view-toggle input[value=grid]:checked) .table table,.collection-list--project-entries:has(.collection-view-toggle input[value=grid]:checked) .table tbody,.collection-list--projects:has(.collection-view-toggle input[value=grid]:checked) .table table,.collection-list--projects:has(.collection-view-toggle input[value=grid]:checked) .table tbody{display:block;width:100%}.collection-list--media:has(.collection-view-toggle input[value=grid]:checked) .table thead,.collection-list--project-entries:has(.collection-view-toggle input[value=grid]:checked) .table thead,.collection-list--projects:has(.collection-view-toggle input[value=grid]:checked) .table thead{display:none}.collection-list--media:has(.collection-view-toggle input[value=grid]:checked) .table tbody,.collection-list--project-entries:has(.collection-view-toggle input[value=grid]:checked) .table tbody,.collection-list--projects:has(.collection-view-toggle input[value=grid]:checked) .table tbody{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));grid-gap:1rem;gap:1rem}.collection-list--media:has(.collection-view-toggle input[value=grid]:checked) .table tbody tr,.collection-list--project-entries:has(.collection-view-toggle input[value=grid]:checked) .table tbody tr,.collection-list--projects:has(.collection-view-toggle input[value=grid]:checked) .table tbody tr{display:flex;flex-direction:column;gap:.35rem;padding:1rem;border:1px solid var(--theme-elevation-300);border-radius:var(--style-radius-s);background:var(--theme-elevation-50)}.collection-list--media:has(.collection-view-toggle input[value=grid]:checked) .table tbody td,.collection-list--project-entries:has(.collection-view-toggle input[value=grid]:checked) .table tbody td,.collection-list--projects:has(.collection-view-toggle input[value=grid]:checked) .table tbody td{display:block;width:100%;padding:0}.collection-list--media:has(.collection-view-toggle input[value=grid]:checked) .table tbody .cell-title,.collection-list--project-entries:has(.collection-view-toggle input[value=grid]:checked) .table tbody .cell-title,.collection-list--projects:has(.collection-view-toggle input[value=grid]:checked) .table tbody .cell-title{font-weight:600;font-size:1.1rem}.collection-list--media:has(.collection-view-toggle input[value=grid]:checked) .table tbody tr{gap:0;padding:0;overflow:hidden}.collection-list--media:has(.collection-view-toggle input[value=grid]:checked) .table tbody .cell-_select{padding:.75rem .75rem 0}.collection-list--media:has(.collection-view-toggle input[value=grid]:checked) .table tbody .cell-filename{padding:.75rem;min-width:0}.collection-list--media:has(.collection-view-toggle input[value=grid]:checked) .table tbody .cell-alt{padding:0 .75rem .75rem;color:var(--theme-elevation-600)}.collection-list--media:has(.collection-view-toggle input[value=grid]:checked) .table tbody td:not(.cell-_select,.cell-filename,.cell-alt){display:none}.collection-list--media:has(.collection-view-toggle input[value=grid]:checked) .cell-filename .file{display:flex;flex-direction:column;gap:.75rem;min-width:0}.collection-list--media:has(.collection-view-toggle input[value=grid]:checked) .cell-filename .file__thumbnail{display:block;width:100%;max-width:none;height:auto;max-height:none;aspect-ratio:4/3;background:var(--theme-elevation-100)}.collection-list--media:has(.collection-view-toggle input[value=grid]:checked) .cell-filename .file__thumbnail img{object-fit:contain}.collection-list--media:has(.collection-view-toggle input[value=grid]:checked) .cell-filename .file__filename{align-self:auto;margin:0;overflow-wrap:anywhere}