.bg-mocha{background-color:#9c7b68}.text-mocha{color:#9c7b68}.bg-mocha-gradient{background-image:linear-gradient(90deg,#5d4032,#9c7b68)}.bg-gray{background-color:#464545}.text-gray{color:#464545}.bg-error{background-color:#e77364}.text-error{color:#e77364}.bg-gray-5{background-color:#f6f6f6}.bg-gray-10{background-color:#f2f2f2}.text-gray-10{color:#f2f2f2}.bg-gray-15{background-color:#e4e4e4}.text-gray-15{color:#e4e4e4}.bg-gray-25{background-color:#c4c4c4}.text-gray-25{color:#c4c4c4}.text-gray-30{color:#a3a3a3}.bg-gray-50{background-color:#8f8f8f}.text-gray-50{color:#8f8f8f}.bg-gray-60{background-color:#787878}.text-gray-60{color:#787878}.text-dark-50{color:#1b1b1b}.text-14{font-size:14px}.text-16{font-size:16px}.text-32{font-size:32px}.width-100{width:100%}.pointer{cursor:pointer}.desktop-card{display:block}.mobile-card{display:none}.popular-card{height:100%;position:relative}.popular-card .popular-card-img{border:1px solid #c4c4c4;border-radius:24px;box-shadow:0 1px 3px #8f8f8f40;width:100%}.popular-card .card__name{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{color:#000;font-size:14px;font-weight:500;line-height:1.2}.mobile-user-info .user-img.micro{padding-bottom:0!important}.user_name{color:#000}.mobile-card{height:100%;overflow:hidden}.popular-card{max-height:100%;overflow:hidden}.mobile-card .popular-card{display:flex;flex-direction:column}.mobile-card .popular-card a{display:flex;flex:1;overflow:hidden}.mobile-card .popular-card-img{height:100%;margin:0 auto;max-width:100%;width:auto}.mobile-user-info{margin-left:8px}@media (max-width:1276px){.desktop-card{display:none}.mobile-card{display:flex;flex-direction:column}}@media (max-width:900px){.popular-card .popular-card-img{border-radius:18px}}@media (max-width:768px){.popular-card .popular-card-img{border-radius:12px}.popular-card .post-product-card--heart-btn{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{font-size:14px}.popular-card .post-product-card--heart-btn svg{height:13px;width:14px}.popular-card .post-product-card--heart-btn.q-btn{border-radius:4px!important;height:24px;max-height:24px;min-height:24px;padding:0;width:24px}}@media (max-width:690px){.user_name{max-width:77px;overflow:hidden;text-overflow:ellipsis}}@media (max-width:350px){.user_name{max-width:60px}}