.album-item[data-v-799d097f]{background-color:var(--primary-ultralight,#f5f7fd);border:none;border-radius:10px;display:flex;flex-direction:column;width:100%}@media (max-width:768px){.album-item[data-v-799d097f]{border-radius:0;gap:8px;padding:8px}}.album-cover[data-v-799d097f]{border:none;display:flex;flex-direction:column;max-height:450px;overflow:hidden;position:relative}@media (max-width:768px){.album-cover[data-v-799d097f]{flex-direction:row;gap:10px;max-width:300%}}.album-cover .cover-photo[data-v-799d097f]{border:none;border-radius:10px;display:block;height:100%;max-height:450px;-o-object-fit:cover;object-fit:cover;width:100%}@media (max-width:768px){.album-cover .cover-photo[data-v-799d097f]{border-radius:5px;max-height:90px;max-width:135px}}.album-cover .album-name[data-v-799d097f]{color:#222;cursor:pointer;flex-grow:1;font-size:16px;font-weight:700;overflow:hidden;padding:8px}@media (max-width:768px){.album-cover .album-name[data-v-799d097f]{flex-grow:0;font-size:14px;max-width:200px;padding:0}}.album-cover .album-length[data-v-799d097f]{align-items:center;background-color:#fff;border:none;border-radius:4px;display:flex;font-size:clamp(10px,2vw,12px);font-weight:500;gap:5px;justify-content:center;left:10px;max-height:30px;max-width:50px;padding:clamp(5px,4vw,10px);position:absolute;top:10px}.album-cover .album-length svg[data-v-799d097f]{height:auto;width:16px}@media (max-width:768px){.album-cover .album-length svg[data-v-799d097f]{width:10px}.album-cover .album-length[data-v-799d097f]{border-radius:5px;color:gray;font-size:10px;gap:2px;left:3px;max-height:20px;max-width:30px;padding:5px;top:3px}}.album-cover .album-stats[data-v-799d097f]{align-items:center;background-color:#fff;border:none;border-radius:10px;bottom:40px;color:var(--primary,#1e3573);display:flex;font-size:12px;font-weight:600;justify-content:space-around;left:10px;max-height:50px;max-width:100px;padding:5px;position:absolute}@media (max-width:768px){.album-cover .album-stats[data-v-799d097f]{display:none}}.album-cover .album-stats .mark-block[data-v-799d097f]{align-items:center;display:flex;gap:5px;justify-content:space-between;min-width:40px}.album-cover .album-stats .mark-block .mark-block-icon-default[data-v-799d097f]{color:#fff;height:20px;width:20px}.album-cover .album-stats .mark-block .mark-block-like-fill[data-v-799d097f]{color:#30d158}.album-cover .album-stats .mark-block .mark-block-dislike-fill[data-v-799d097f]{color:#fa4f40}.album-cover .album-stats .mark-block button[data-v-799d097f]{align-items:center;background:none;display:flex}.album-cover .album-stats .mark-block button[data-v-799d097f] :hover{cursor:pointer}.album-cover .album-stats .mark-block span[data-v-799d097f]{color:var(--primary,#1e3573);display:inline-block;font-weight:600;min-width:20px;padding:3px;text-align:center;transition:opacity .2s ease-in-out}.album-description[data-v-799d097f]{border-radius:10px;display:flex;flex-direction:column;padding:10px;width:100%}@media (max-width:768px){.album-description[data-v-799d097f]{flex-direction:row;max-height:20px;padding:8px}}.author-and-date[data-v-799d097f]{align-items:center;display:flex;gap:5px;justify-content:space-between;width:100%}.author-and-date .author[data-v-799d097f]{align-items:center;color:var(--primary,#1e3573);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:5px}.author-and-date .author img[data-v-799d097f]{height:clamp(16px,2vw,20px);width:clamp(16px,2vw,20px)}.author-and-date .bottom-right[data-v-799d097f]{align-items:center;display:flex;gap:24px}.author-and-date .bottom-right .media-stats[data-v-799d097f]{display:none}@media (max-width:768px){.author-and-date .bottom-right .media-stats[data-v-799d097f]{background-color:transparent;display:flex;flex-direction:row;gap:10px}}.author-and-date .bottom-right .media-stats .media-mark-block[data-v-799d097f]{align-items:center;display:flex;font-size:12px;gap:5px;justify-content:space-between}@media (max-width:768px){.author-and-date .bottom-right .media-stats .media-mark-block .mark-block-dislike-fill[data-v-799d097f],.author-and-date .bottom-right .media-stats .media-mark-block .mark-block-icon-default[data-v-799d097f],.author-and-date .bottom-right .media-stats .media-mark-block .mark-block-like-fill[data-v-799d097f]{aspect-ratio:1/1;width:16px}}.author-and-date .bottom-right .media-stats .media-mark-block .mark-block-icon-default[data-v-799d097f]{color:#fff}.author-and-date .bottom-right .media-stats .media-mark-block .mark-block-like-fill[data-v-799d097f]{color:#30d158}.author-and-date .bottom-right .media-stats .media-mark-block .mark-block-dislike-fill[data-v-799d097f]{color:#fa4f40}.author-and-date .bottom-right .media-stats .media-mark-block button[data-v-799d097f]{align-items:center;background:none;display:flex;gap:4px}.author-and-date .bottom-right .media-stats .media-mark-block button[data-v-799d097f] :hover{cursor:pointer}.author-and-date .bottom-right .media-stats .media-mark-block span[data-v-799d097f]{align-items:center;color:#222;display:flex;font-weight:600;text-align:center;transition:opacity .2s ease-in-out}.author-and-date .bottom-right .date[data-v-799d097f]{color:#a6aeb5;font-size:12px;font-weight:500}