.event-default-item[data-v-cf0c26ad]{align-items:center;background:#eff2fb;border:1px solid #c7ccd1;border-radius:8px;display:flex;justify-content:center;min-height:302px;overflow:hidden;position:relative;width:100%}.event-default-item__bg[data-v-cf0c26ad]{bottom:0;left:0;position:absolute;width:100%}.event-default-item__content[data-v-cf0c26ad]{display:flex;flex-direction:column;gap:8px}.event-default-item__img[data-v-cf0c26ad]{height:90px;width:90px}.event-default-item__text[data-v-cf0c26ad]{color:#30343b;font-size:16px;font-weight:700;line-height:24px}.event-item[data-v-cf0c26ad]{background-color:#fff;border:1px solid #c7ccd1;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;min-height:302px;overflow:hidden;position:relative;width:100%}.event-item__attending[data-v-cf0c26ad]{align-items:center;background-color:#128bfe;border-radius:8px 0;color:#fff;display:flex;font-size:12px;font-weight:400;gap:4px;height:24px;justify-content:center;left:0;line-height:16px;padding:4px 0;position:absolute;top:0;width:109px}.event-item__attending[data-v-cf0c26ad]:before{background-color:#ff4930;border-radius:3px;content:"";display:block;height:6px;width:6px}.event-item__group-action[data-v-cf0c26ad]{align-items:center;display:flex;gap:8px;justify-content:center;opacity:1;padding:0 11px 11px;transition:all 50ms ease-in-out}.event-item__group-action[data-v-cf0c26ad] .base-button.group-action-join{padding:0 8px;text-transform:uppercase}.event-item__group-action[data-v-cf0c26ad] .base-button.group-action-join.disabled{background-color:#e6e8ec}.event-item__group-action[data-v-cf0c26ad] .base-button.group-action-detail{flex-grow:1;padding:0 5px;text-transform:uppercase;width:auto}.event-item__group-action.group-action-visible[data-v-cf0c26ad]{opacity:0;visibility:hidden}.event-item .btn-detail[data-v-cf0c26ad]{align-items:center;background-color:#000000b2;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:all .2s ease-in-out;width:100%;z-index:1}.event-item .btn-detail .view-details[data-v-cf0c26ad]{padding:0}.event-item:hover .btn-detail[data-v-cf0c26ad]{opacity:1}.event-item .box-image[data-v-cf0c26ad]{position:relative}.event-item .box-image .event-item__status[data-v-cf0c26ad]{bottom:0;left:0;position:absolute;width:100%;z-index:1}.event-item .thumb[data-v-cf0c26ad]{height:164px;-o-object-fit:cover;object-fit:cover;width:100%}.event-item .thumb.img-error[data-v-cf0c26ad]{-o-object-fit:cover!important;object-fit:cover!important}.event-item__details[data-v-cf0c26ad]{display:flex;flex-direction:column;flex-grow:1;gap:8px;padding:12px 11px;width:100%}.event-item__info[data-v-cf0c26ad]{display:flex;flex-direction:column;gap:4px}.event-item__title[data-v-cf0c26ad]{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#30343b;font-size:16px;font-weight:700;line-height:24px;min-height:48px;word-break:break-word}.event-item .info-wrap .left[data-v-cf0c26ad]{color:#6a778b;font-size:14px;font-weight:400;line-height:20px;margin-right:4px}.event-item .info-wrap .time[data-v-cf0c26ad]{color:#30343b;font-size:14px;font-weight:400;line-height:20px}.event-item .info-wrap .value[data-v-cf0c26ad]{color:#fb3849;font-size:14px;font-weight:700;line-height:20px}.event-item .info-wrap .value .phu.phu2[data-v-cf0c26ad]{font-family:RobotoMono}.event-item .info-bottom[data-v-cf0c26ad]{bottom:12px;left:0;position:absolute;right:0}.event-item__status[data-v-cf0c26ad]{align-items:center;display:flex;height:24px;justify-content:center;overflow:visible;width:100%}.event-item__status .info[data-v-cf0c26ad]{align-items:center;display:flex;font-size:12px;font-weight:600;height:100%;line-height:16px;position:relative;width:100%}.event-item__status .info .black[data-v-cf0c26ad],.event-item__status .info .blue[data-v-cf0c26ad],.event-item__status .info .green[data-v-cf0c26ad],.event-item__status .info .purple[data-v-cf0c26ad]{align-items:center;color:#fff;display:flex;height:100%;justify-content:center;width:100%}.event-item__status .info .purple[data-v-cf0c26ad]{background-color:#9048ec}.event-item__status .info .green[data-v-cf0c26ad]{background-color:#39b09d}.event-item__status .info .black[data-v-cf0c26ad]{background-color:#000}.event-item__status .info .blue[data-v-cf0c26ad]{background-color:#0f56b2}.time-countdown[data-v-cf0c26ad]{display:flex;position:absolute;top:-6px}.time-countdown .time-count[data-v-cf0c26ad]{display:flex}.time-countdown[data-v-cf0c26ad] .colon{margin:4px 3px 0}.time-countdown .date[data-v-cf0c26ad],.time-countdown[data-v-cf0c26ad] .time-count span:not(.colon){align-items:center;background-color:#fff;border-radius:4px;color:#30343b;display:flex;font-size:14px;font-weight:600;height:24px;justify-content:center;line-height:20px;min-width:24px}.offer-events[data-v-f5797fa1]{display:flex;flex-direction:column;height:100%}.offer-events__list[data-v-f5797fa1]{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-top:16px}.offer-events__list[data-v-f5797fa1] .event-item,.offer-events__list[data-v-f5797fa1] .event-default-item{height:344px!important}.offer-events.empty-data[data-v-f5797fa1] .empty-wrapper__content{padding-top:6px}.offer-events.empty[data-v-f5797fa1] .empty-wrapper__content{max-height:495px;padding-top:0}.offer-events[data-v-f5797fa1] .empty-search .empty-search__box .empty-search__img{margin-bottom:16px}.offer-events[data-v-f5797fa1] .empty-search .empty-search__box .empty-search__img img{height:96px!important;width:128px!important}.offer-events[data-v-f5797fa1] .empty-search .empty-search__box .empty-search__title{color:#6a778b;font-size:16px;font-weight:600;line-height:24px}.event-item[data-v-ce1503bf]{background-color:#fff;border:1px solid #e6e8ec;border-radius:2.1333333333vw;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%}.event-item__attending[data-v-ce1503bf]{align-items:center;background-color:#128bfe;border-radius:2.1333333333vw 0;color:#fff;display:flex;font-size:3.2vw;font-weight:400;gap:1.0666666667vw;height:6.4vw;justify-content:center;left:0;line-height:4.2666666667vw;padding:1.0666666667vw 0;position:absolute;top:0;width:29.0666666667vw}.event-item__attending[data-v-ce1503bf]:before{background-color:#ff4930;border-radius:.8vw;content:"";display:block;height:1.6vw;width:1.6vw}.event-item .view-details[data-v-ce1503bf]{height:40px}.event-item .box-image[data-v-ce1503bf]{position:relative}.event-item .box-image .event-item__status[data-v-ce1503bf]{bottom:0;left:0;position:absolute;width:100%;z-index:1}.event-item .thumb[data-v-ce1503bf]{height:39.2vw;-o-object-fit:cover;object-fit:cover;width:100%}.event-item .thumb.img-error[data-v-ce1503bf]{-o-object-fit:cover!important;object-fit:cover!important}.event-item__details[data-v-ce1503bf]{display:flex;flex-direction:column;gap:2.1333333333vw;min-height:132px;padding:12px 11px 11px;width:100%}.event-item__info[data-v-ce1503bf]{display:flex;flex-direction:column;gap:.5333333333vw}.event-item__title[data-v-ce1503bf]{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#30343b;font-size:3.7333333333vw;font-weight:700;line-height:5.3333333333vw;word-break:break-word}.event-item .info-wrap .left[data-v-ce1503bf]{color:#6a778b;margin-right:4px}.event-item .info-wrap .left[data-v-ce1503bf],.event-item .info-wrap .time[data-v-ce1503bf]{font-size:3.2vw;font-weight:400;line-height:4.2666666667vw}.event-item .info-wrap .time[data-v-ce1503bf]{color:#30343b}.event-item .info-wrap .value[data-v-ce1503bf]{color:#fb3849;font-size:3.7333333333vw;font-weight:700;line-height:5.3333333333vw}.event-item .info-wrap .value .phu.phu2[data-v-ce1503bf]{font-family:RobotoMono}.event-item .info-bottom[data-v-ce1503bf]{bottom:3.2vw;left:0;position:absolute;right:0}.event-item__group-action[data-v-ce1503bf]{align-items:center;display:flex;gap:2.1333333333vw;justify-content:center;margin-top:.5333333333vw;opacity:1;transition:all 50ms ease-in-out}.event-item__group-action[data-v-ce1503bf] .base-button.group-action-join{border-radius:2.1333333333vw;font-size:3.7333333333vw;font-weight:700;height:10.6666666667vw;line-height:5.3333333333vw;text-transform:uppercase;width:73.8666666667vw}.event-item__group-action[data-v-ce1503bf] .base-button.group-action-join.disabled{background-color:#e6e8ec}.event-item__group-action[data-v-ce1503bf] .base-button.group-action-detail{border-radius:2.1333333333vw;flex-grow:1;font-size:3.7333333333vw;font-weight:700;height:10.6666666667vw;line-height:5.3333333333vw;text-transform:uppercase;width:auto}.event-item__group-action.group-action-visible[data-v-ce1503bf]{opacity:0;visibility:hidden}.event-item__status[data-v-ce1503bf]{align-items:center;display:flex;height:6.4vw;justify-content:center;overflow:visible;width:100%}.event-item__status .info[data-v-ce1503bf]{align-items:center;display:flex;font-size:3.2vw;font-weight:600;height:100%;line-height:4.2666666667vw;position:relative;width:100%}.event-item__status .info .black[data-v-ce1503bf],.event-item__status .info .blue[data-v-ce1503bf],.event-item__status .info .green[data-v-ce1503bf],.event-item__status .info .purple[data-v-ce1503bf]{align-items:center;color:#fff;display:flex;height:100%;justify-content:center;width:100%}.event-item__status .info .purple[data-v-ce1503bf]{background-color:#9048ec}.event-item__status .info .green[data-v-ce1503bf]{background-color:#39b09d}.event-item__status .info .black[data-v-ce1503bf]{background-color:#000}.event-item__status .info .blue[data-v-ce1503bf]{background-color:#0f56b2}.time-countdown[data-v-ce1503bf]{display:flex;position:absolute;top:-1.6vw}.time-countdown .time-count[data-v-ce1503bf]{display:flex}.time-countdown[data-v-ce1503bf] .colon{margin:1.0666666667vw .8vw 0}.time-countdown .date[data-v-ce1503bf],.time-countdown[data-v-ce1503bf] .time-count span:not(.colon){align-items:center;background-color:#fff;border-radius:1.0666666667vw;color:#30343b;display:flex;font-size:3.7333333333vw;font-weight:600;height:6.4vw;justify-content:center;line-height:5.3333333333vw;min-width:6.4vw}.offer-events[data-v-05bef2fc]{display:flex;flex-direction:column;height:100%;margin-top:-2.1333333333vw;padding-top:2.1333333333vw}.offer-events.empty-data[data-v-05bef2fc] .empty-wrapper__content{max-height:78.9333333333vw}.offer-events.empty[data-v-05bef2fc] .empty-wrapper__content{max-height:85.3333333333vw}.offer-events__list[data-v-05bef2fc]{align-items:center;display:flex;flex-direction:column;gap:2.1333333333vw;margin-bottom:8.5333333333vw;padding:0 3.2vw 3.2vw}.offer-events__list[data-v-05bef2fc] .event-item{border:1px solid #c7ccd1;height:77.8666666667vw!important}