.content[data-v-26123d12]{gap:20px;grid-template-columns:repeat(var(--works-columns,4),1fr)}.works-main[data-v-26123d12]{padding:20px}.works-main img[data-v-26123d12]{border-radius:1rem;transition:scale .3s ease-in-out}.photo[data-v-26123d12]{border-radius:1rem;width:100%}.works-title[data-v-26123d12]{align-items:center;display:flex;flex-direction:column;justify-content:center;justify-items:center}.works-title h3[data-v-26123d12]{display:-webkit-box;font-size:var(--fs-h2);-webkit-line-clamp:1;line-clamp:1;margin-top:20px;-webkit-box-orient:vertical;overflow:hidden}.works-title p[data-v-26123d12]{color:var(--navbar-color);display:inline-block;font-size:var(--fs-body);padding:10px 0 20px;position:relative}.works-main:hover .works-title p[data-v-26123d12]:after{background:var(--gradient-red-yellow);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.works-main:hover .works-title img[data-v-26123d12]{scale:1.1}.works-hide[data-v-26123d12]{flex-direction:column;gap:15px;margin-bottom:20px;padding:0 15px}.genre-time[data-v-26123d12],.works-hide[data-v-26123d12]{align-items:center;display:flex;justify-content:center}.genre-time[data-v-26123d12]{flex-direction:row;gap:10px;line-height:1.4rem;width:100%}.genre[data-v-26123d12],.genre-time[data-v-26123d12]{font-size:var(--fs-small)}.genre[data-v-26123d12]{border-radius:15px;color:#fff;padding:2px 15px}.timer-icon[data-v-26123d12]{width:20px}.time[data-v-26123d12],.timer-icon[data-v-26123d12],.description[data-v-26123d12]{color:var(--navbar-color)}.description[data-v-26123d12],.play-btn[data-v-26123d12]{font-size:var(--fs-body);text-align:center}.play-btn[data-v-26123d12]{align-items:center;border-radius:20px;color:#fff;display:flex;gap:6px;height:40px;justify-content:center;line-height:40px;padding:0 20px;transition:scale .3s ease-in-out;width:auto}.play-btn[data-v-26123d12]:hover{box-shadow:0 0 10px var(--primary-color);scale:1.05}.play-icon[data-v-26123d12]{flex-shrink:0;width:1.1rem}