.compilation-item{border-radius:8px;box-shadow:inset 0 0 0 1px #cbd5e1;display:flex;gap:16px;padding:12px;text-decoration:none}.sepia-theme-template .compilation-item{box-shadow:inset 0 0 0 1px #0f172a14}.night-theme-template .compilation-item{box-shadow:inset 0 0 0 1px #ffffff14}.compilation-item .compilation-item-picture{align-self:flex-start;display:flex;flex-shrink:0;min-height:120px;width:90px}@media(min-width:1281px){.compilation-item .compilation-item-picture{min-height:128px;width:96px}}.compilation-item .compilation-item-picture img{align-self:flex-start;height:auto;width:100%}.compilation-item .compilation-item-text{display:flex;flex-direction:column;flex-grow:1}.compilation-item .compilation-item-text-top{flex-grow:1}.compilation-item .compilation-item-stats{flex-shrink:0}.compilation-item .compilation-item-title{color:#0f172a;display:flex;font-size:16px;font-weight:700;justify-content:space-between;line-height:20px}.night-theme-template .compilation-item .compilation-item-title{color:#f8fafc}.compilation-item .compilation-item-title .compilation-item-title-text{display:-webkit-box;flex-grow:1;-webkit-line-clamp:2;overflow:hidden;word-break:break-word;-webkit-box-orient:vertical;max-height:40px}.compilation-item .compilation-item-title button{flex-shrink:0}.compilation-item .compilation-item-title button svg{height:24px;width:24px}.compilation-item .compilation-item-default,.compilation-item .compilation-item-stats{color:#64748b;font-size:14px;font-weight:500;line-height:22px}.compilation-item .compilation-item-stats{align-items:center;display:flex;flex-wrap:wrap}.compilation-item .compilation-item-stats>*{align-items:center;display:flex}.compilation-item .compilation-item-stats>:not(:first-of-type):before{content:"•";margin-inline-end:.3em;margin-inline-start:.3em}.compilation-item .compilation-item-stats>* svg{fill:currentColor}.compilations-view-wrapper{min-height:var(--footer-spacer-wide)}@media(max-width:767px),(min-width:1024px)and (max-width:1280px),(min-width:768px)and (max-width:1023px){.compilations-view-wrapper{min-height:var(--footer-spacer-narrow)}}@media(max-width:700px){.compilations-view-wrapper{min-height:var(--footer-spacer-small)}}.compilations-view-wrapper .compilations-view{display:flex;flex-direction:column;margin:0 auto;max-width:var(--app-max-width);padding:0 16px}@media(min-width:1024px)and (max-width:1280px){.compilations-view-wrapper .compilations-view{padding:0 24px}}@media(min-width:1281px){.compilations-view-wrapper .compilations-view{padding:0 24px}}.compilations-view-wrapper .compilations-view .library-filter{background-color:#fff;box-shadow:-24px -16px #fff,24px -16px #fff;top:calc(68px + env(safe-area-inset-top));z-index:2}.sepia-theme-template .compilations-view-wrapper .compilations-view .library-filter{background-color:#f5eddf;box-shadow:-24px -16px #f5eddf,24px -16px #f5eddf}.night-theme-template .compilations-view-wrapper .compilations-view .library-filter{background:#202020;box-shadow:-24px -16px #202020,24px -16px #202020}@media(min-width:1281px){.compilations-view-wrapper .compilations-view .library-filter{box-shadow:-24px -20px #fff,24px -20px #fff;top:calc(84px + env(safe-area-inset-top))}}.compilations-view-wrapper .compilations-list-empty{align-items:center;display:flex;flex-direction:column;justify-content:center}.compilations-view-wrapper .compilations-list-empty .empty-title{font-size:24px;font-weight:700;line-height:28px}.compilations-view-wrapper .compilations-list-empty .empty-text{color:#64748b;font-size:18px;line-height:26px;text-align:center}.night-theme-template .compilations-view-wrapper .compilations-list-empty .empty-text{color:#909090}.compilations-view-wrapper .compilations-list-empty .empty-button svg{height:24px;width:24px}.compilations-view-wrapper .compilations-view-title{align-items:center;display:flex;flex-shrink:0;font-size:24px;font-weight:700;justify-content:space-between;line-height:28px;padding:22px 0}@media(min-width:1024px)and (max-width:1280px){.compilations-view-wrapper .compilations-view-title{font-size:32px;line-height:36px;padding:24px 0}}@media(min-width:1281px){.compilations-view-wrapper .compilations-view-title{font-size:32px;line-height:40px;padding:24px 0}}.compilations-view-wrapper .compilations-view-title svg{height:24px;width:24px}.compilations-view-wrapper .library-filter{flex-shrink:0}.compilations-view-wrapper .compilations-list{display:grid;flex:0 1 auto;grid-template-columns:1fr}@media(min-width:1024px)and (max-width:1280px),(min-width:768px)and (max-width:1023px){.compilations-view-wrapper .compilations-list{grid-template-columns:1fr 1fr}}@media(min-width:1281px){.compilations-view-wrapper .compilations-list{grid-template-columns:1fr 1fr 1fr}}.compilations-view-wrapper div.compilations-list-item{padding:8px 12px}