@media (max-width: 500px){.page-filter-modal[data-v-e2f7cd1c]{height:100%;width:100%}}.btn-filter[data-v-e2f7cd1c]{display:inline-flex;gap:5px;font-weight:700;background-color:var(--base);padding:6px 15px;border-radius:5px;color:#fff;cursor:pointer;transition:.3s}.btn-filter[data-v-e2f7cd1c]:hover{opacity:.6}.js-page-filter .body{flex-direction:column;align-items:stretch}.js-page-filter .btn-submit{width:100%}.js-page-filter .filter{display:flex;gap:10px}.js-page-filter .filter .select{width:100%;display:flex}.js-page-filter .filter .box-select{width:100%}.js-page-filter .filter .label-select{flex:1}.js-page-filter .filter .label-title{font-weight:700;margin-left:10px;width:85px}.js-page-filter .body{padding-bottom:10px}.js-page-filter .box-title{font-size:15px;font-weight:700;margin-bottom:20px}.box-star-select[data-v-a3837ab0]{display:flex;justify-content:center;padding:30px 0;gap:15px}.box-star-select .item-star[data-v-a3837ab0]{cursor:pointer}.box-star-select .item-star.active[data-v-a3837ab0]{color:#ffc700}.post-rating[data-v-a3837ab0]{display:flex;gap:8px;border:1px solid #edf0fc;border-radius:8px;padding:12px 14px;align-items:center;cursor:pointer;transition:.3s;background-color:#fff;color:#272727;font-weight:500}.post-rating .leoIcon[data-v-a3837ab0]{color:#ffc700}.post-rating[data-v-a3837ab0]:hover{opacity:.6}.modal-title .leoIcon[data-v-a3837ab0]{color:#ffc700}.subtitle[data-v-a3837ab0]{text-align:center;color:#272727;margin-top:20px;font-weight:700;font-size:16px}.dark .post-rating[data-v-a3837ab0]{background-color:#fff5e5f0;color:#a97f00}.dark .post-rating .leoIcon[data-v-a3837ab0]{color:#a97f00}