.loyalty-history[data-v-7eb5e600]{display:flex!important;flex-direction:column!important;gap:12px}.loyalty-history .history-title[data-v-7eb5e600]{color:#fff;font-size:20px;font-weight:700;line-height:28px}.loyalty-history .header[data-v-7eb5e600]{align-items:center;display:flex;justify-content:space-between}.loyalty-history .header .left[data-v-7eb5e600]{align-items:center;display:flex;gap:8px}.loyalty-history .header .left .icon-arrow-left[data-v-7eb5e600]{color:#eaeaea;cursor:pointer;font-size:24px}.loyalty-history .header .left .header__title[data-v-7eb5e600]{color:#fff;font-size:16px;font-weight:700;line-height:24px;width:171px}.loyalty-history .header .left .header__filter[data-v-7eb5e600]{align-items:center;background-color:#1a1a1a;border:1px solid #595959;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:9px 12px;position:relative;width:180px}.loyalty-history .header .left .header__filter .value[data-v-7eb5e600]{color:#a0a0a0;flex:1;font-size:16px;font-weight:400;line-height:24px;line-height:20px;padding:2px 0}.loyalty-history .header .left .header__filter .icon-caret-up[data-v-7eb5e600]{color:#eaeaea;font-size:24px;transform:rotate(-180deg);transition:all .3s ease}.loyalty-history .header .left .header__filter .options[data-v-7eb5e600]{border:1px solid #2c2c2c;border-radius:8px;left:0;overflow:hidden;position:absolute;top:calc(100% + 8px);width:180px}.loyalty-history .header .left .header__filter .options .option__item[data-v-7eb5e600]{align-items:center;background-color:#222;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:6px;line-height:20px;padding:12px;transition:all .3s ease}.loyalty-history .header .left .header__filter .options .option__item p[data-v-7eb5e600]{flex:1}.loyalty-history .header .left .header__filter .options .option__item .icon-check-circle-fill[data-v-7eb5e600]{color:#00c224;font-size:16px}.loyalty-history .header .left .header__filter .options .option__item .icon-check-circle-fill[data-v-7eb5e600]:before{color:#00c224}.loyalty-history .header .left .header__filter .options .option__item.active[data-v-7eb5e600],.loyalty-history .header .left .header__filter .options .option__item[data-v-7eb5e600]:hover{background-color:#2c2c2c}.loyalty-history .header .left .header__filter.selected[data-v-7eb5e600]{border:1px solid #fff}.loyalty-history .header .left .header__filter.selected .value[data-v-7eb5e600]{color:#fff}.loyalty-history .header .left .header__filter.selected .icon-caret-up[data-v-7eb5e600]{transform:rotate(0)}.loyalty-history .header .right[data-v-7eb5e600]{align-items:center;display:flex;gap:8px}.loyalty-history .header .right p[data-v-7eb5e600]{color:#fff;font-size:16px;font-weight:700;line-height:24px}.loyalty-history .header .right .point[data-v-7eb5e600]{align-items:center;display:flex;gap:4px}.loyalty-history .header .right .point p[data-v-7eb5e600]{color:#fbc16c;font-size:16px;font-weight:700;line-height:24px}.loyalty-history .header .right .point img[data-v-7eb5e600]{height:24px;width:24px}.loyalty-history .empty-history[data-v-7eb5e600],.loyalty-history .loading-history[data-v-7eb5e600]{padding:137px 0}.loyalty-history .data[data-v-7eb5e600]{background-color:#222;border-radius:12px;overflow:hidden}.loyalty-history .data__header[data-v-7eb5e600]{align-items:center;background-color:#2c2c2c;display:flex;justify-content:space-between;padding:16px 16px 12px}.loyalty-history .data__header .th[data-v-7eb5e600]{color:#fff;font-size:14px;font-weight:400;line-height:20px;width:180px}.loyalty-history .data__header .th.type[data-v-7eb5e600]{width:630px}.loyalty-history .data__header .th.type.merge-width-game[data-v-7eb5e600]{width:870px}.loyalty-history .data__header .th.game[data-v-7eb5e600]{width:240px}.loyalty-history .data__header .th.points[data-v-7eb5e600]{text-align:right;width:130px}.loyalty-history .data__body[data-v-7eb5e600]{overflow-y:auto}.loyalty-history .data__body[data-v-7eb5e600]::-webkit-scrollbar{width:4px}.loyalty-history .data__body[data-v-7eb5e600]::-webkit-scrollbar-track{background:transparent;border-radius:8px}.loyalty-history .data__body[data-v-7eb5e600]::-webkit-scrollbar-thumb{background:#595959;border-radius:8px}.loyalty-history .data__body .item[data-v-7eb5e600]{align-items:center;display:flex;justify-content:space-between;padding:12px 16px}.loyalty-history .data__body .item[data-v-7eb5e600]:nth-child(2n){background:linear-gradient(90deg,#d821284d,#d8212800 37.69%,#d821284d)}.loyalty-history .data__body .item .td[data-v-7eb5e600]{font-size:16px;font-weight:400;line-height:24px}.loyalty-history .data__body .item .td.time[data-v-7eb5e600]{color:#bfbfbf;width:180px}.loyalty-history .data__body .item .td.type[data-v-7eb5e600]{color:#fff;width:630px}.loyalty-history .data__body .item .td.type.merge-width-game[data-v-7eb5e600]{width:870px}.loyalty-history .data__body .item .td.type span[data-v-7eb5e600]{font-size:16px;font-weight:700;line-height:24px}.loyalty-history .data__body .item .td.game[data-v-7eb5e600],.loyalty-history .data__body .item .td.type span[data-v-7eb5e600]{color:#fbc16c;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.loyalty-history .data__body .item .td.game[data-v-7eb5e600]{cursor:pointer;font-size:14px;font-weight:400;line-height:20px;width:240px}.loyalty-history .data__body .item .td.game[data-v-7eb5e600]:hover{text-decoration:underline}.loyalty-history .data__body .item .td.game.no-cursor[data-v-7eb5e600]{cursor:default;text-decoration:none}.loyalty-history .data__body .item .td.points[data-v-7eb5e600]{align-items:center;color:#dc3333;display:flex;font-size:16px;font-weight:700;gap:4px;justify-content:flex-end;line-height:24px;white-space:nowrap;width:130px}.loyalty-history .data__body .item .td.points.positive[data-v-7eb5e600]{color:#00e92f}.loyalty-history .data__body .item .td.points.negative[data-v-7eb5e600]{color:#dc3333}.loyalty-history .data__body .item .td.points img[data-v-7eb5e600]{height:24px;width:24px}.loyalty-history .data .pagination[data-v-7eb5e600]{padding:0!important}