.bg-mocha[data-v-ee268db8]{background-color:#9c7b68}.text-mocha[data-v-ee268db8]{color:#9c7b68}.text-mocha-10[data-v-ee268db8]{color:#715343}.bg-mocha-gradient[data-v-ee268db8]{background-image:linear-gradient(90deg,#5d4032,#9c7b68)}.bg-gray[data-v-ee268db8]{background-color:#464545}.text-gray[data-v-ee268db8]{color:#464545}.bg-error[data-v-ee268db8]{background-color:#e77364}.text-error[data-v-ee268db8]{color:#e77364}.bg-gray-5[data-v-ee268db8]{background-color:#f6f6f6}.bg-gray-10[data-v-ee268db8]{background-color:#f2f2f2}.text-gray-10[data-v-ee268db8]{color:#f2f2f2}.bg-gray-15[data-v-ee268db8]{background-color:#e4e4e4}.text-gray-15[data-v-ee268db8]{color:#e4e4e4}.bg-gray-25[data-v-ee268db8]{background-color:#c4c4c4}.text-gray-25[data-v-ee268db8]{color:#c4c4c4}.text-gray-30[data-v-ee268db8]{color:#a3a3a3}.bg-gray-50[data-v-ee268db8]{background-color:#8f8f8f}.text-gray-50[data-v-ee268db8]{color:#8f8f8f}.bg-gray-60[data-v-ee268db8]{background-color:#787878}.text-gray-60[data-v-ee268db8]{color:#787878}.text-dark-50[data-v-ee268db8]{color:#1b1b1b}.text-14[data-v-ee268db8]{font-size:14px}.text-16[data-v-ee268db8]{font-size:16px}.text-32[data-v-ee268db8]{font-size:32px}.width-100[data-v-ee268db8]{width:100%}.pointer[data-v-ee268db8]{cursor:pointer}.gap-20[data-v-ee268db8]{gap:20px}.desktop-card[data-v-ee268db8]{display:block}.mobile-card[data-v-ee268db8]{display:none}.popular-card[data-v-ee268db8]{height:100%;position:relative}.popular-card .popular-card-img[data-v-ee268db8]{border:1px solid #c4c4c4;border-radius:24px;box-shadow:0 1px 3px #8f8f8f40;width:100%}.popular-card .card__name[data-v-ee268db8]{align-items:center;background-color:#f2f2f2;border:1px solid #c4c4c4;border-radius:12px;bottom:20px;display:flex;gap:6px;height:40px;left:16px;padding:0 14px;position:absolute;z-index:2}.mobile-user-info .mobile-username[data-v-ee268db8]{color:#000;font-size:14px;font-weight:500;line-height:1.2}.mobile-user-info .user-img.micro[data-v-ee268db8]{padding-bottom:0!important}.user_name[data-v-ee268db8]{color:#000}.mobile-card[data-v-ee268db8]{height:100%;overflow:hidden}.popular-card[data-v-ee268db8]{max-height:100%;overflow:hidden}.mobile-card .popular-card[data-v-ee268db8]{display:flex;flex-direction:column}.mobile-card .popular-card a[data-v-ee268db8]{display:flex;flex:1;overflow:hidden}.mobile-card .popular-card-img[data-v-ee268db8]{aspect-ratio:1/1;max-width:100%;-o-object-fit:cover;object-fit:cover;width:100%}.mobile-user-info[data-v-ee268db8]{margin-left:8px}@media(max-width:1276px){.desktop-card[data-v-ee268db8]{display:none}.mobile-card[data-v-ee268db8]{display:flex;flex-direction:column}}@media(max-width:900px){.popular-card .popular-card-img[data-v-ee268db8]{border-radius:18px}}@media(max-width:768px){.popular-card .popular-card-img[data-v-ee268db8]{border-radius:12px;height:100%}.popular-card .post-product-card--heart-btn[data-v-ee268db8]{border-radius:4px;bottom:15px;height:24px;margin:0;max-height:24px;min-height:24px;padding:0;right:15px;width:24px}.popular-card .post-product-card--heart-btn .q-icon[data-v-ee268db8]{font-size:14px}.popular-card .post-product-card--heart-btn svg[data-v-ee268db8]{height:13px;width:14px}.popular-card .post-product-card--heart-btn.q-btn[data-v-ee268db8]{border-radius:4px!important;height:24px;max-height:24px;min-height:24px;padding:0;width:24px}}@media(max-width:690px){.user_name[data-v-ee268db8]{max-width:77px;overflow:hidden;text-overflow:ellipsis}}@media(max-width:350px){.user_name[data-v-ee268db8]{max-width:60px}}