.event-card{background:#f5f5f5;border:1px solid #e5e9ec;border-radius:20px;gap:12px;padding:12px 24px;display:flex;position:relative}.event-card.horizontal-card{border:none;flex-direction:column;width:100%;height:fit-content;padding:0;overflow:hidden}.event-card.horizontal-card:after,.event-card.horizontal-card:before{width:44px;height:44px;left:50%;right:auto;transform:translate(-50%)}.event-card.horizontal-card:after{top:0;transform:translate(-50%,-50%)}.event-card.horizontal-card:before{display:none}.event-card.horizontal-card>img{border-radius:0;width:100%;height:180px}.event-card.horizontal-card .content{padding:0 16px}.event-card.horizontal-card .content>h2{font-size:16px}.event-card.horizontal-card .content .tags{gap:8px}.event-card.horizontal-card .details-event{margin-bottom:16px;margin-top:16px!important}.event-card.horizontal-card .show-ticket{background:#e5e9ec}.event-card.horizontal-card .show-ticket>button{cursor:pointer;color:#74848d;justify-content:center;align-items:center;gap:4px;width:100%;padding:6px 0;font-size:14px;font-weight:900;display:flex}.event-card.horizontal-card .show-ticket>button.open-tickets>svg{rotate:180deg}.event-card.horizontal-card .show-ticket>button>svg{width:10px;transition:all .3s}.event-card.horizontal-card .show-ticket .ticket-barcode{flex-direction:column;gap:16px;padding:0 16px;display:flex}.event-card.horizontal-card .show-ticket .ticket-barcode>li{background:#fff;border-radius:12px;padding:10px 16px}.event-card.horizontal-card .show-ticket .ticket-barcode>li:last-child{margin-bottom:16px}.event-card.horizontal-card .show-ticket .ticket-barcode>li>h4{color:#2e3843;font-size:14px;font-weight:900}.event-card.horizontal-card .show-ticket .ticket-barcode>li .position-seat{gap:12px;margin-top:12px;display:flex}.event-card.horizontal-card .show-ticket .ticket-barcode>li .position-seat>p{color:#74848d;background:#e5e9ec;border:1px solid #74848d;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:6px 12px;font-size:14px;font-weight:500;line-height:22px;display:flex}.event-card.horizontal-card .show-ticket .ticket-barcode>li .barcode{margin-top:12px}.event-card.horizontal-card .show-ticket .ticket-barcode>li .barcode>img{width:100%}.event-card.horizontal-card .show-ticket .ticket-barcode>li .barcode>p{color:#000;letter-spacing:2px;text-align:center;margin-top:4px;font-size:14px;font-weight:900}.event-card:after,.event-card:before{content:"";background:#fff;border-radius:50%;width:33px;height:33px;position:absolute;top:50%;transform:translate(-50%,-50%)}.event-card:after{left:0}.event-card:before{right:-32px}.event-card>img{object-fit:cover;border-radius:12px;width:100px;height:100px}.event-card .content{flex-direction:column;display:flex}.event-card .content>h2{-webkit-line-clamp:1;color:#2e3843;-webkit-box-orient:vertical;margin-bottom:8px;font-size:14px;font-weight:900;display:-webkit-box;overflow:hidden}.event-card .content .tags{flex-direction:column;gap:4px;display:flex}.event-card .content .tags>div{color:#74848d;align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.event-card .content .tags>div>svg{width:12px;height:12px}.event-card .content .details-event{color:#e98813;cursor:pointer;align-items:center;gap:4px;margin-top:auto;font-size:12px;font-weight:900;display:flex}.event-card .content .details-event>svg{color:#e98813;width:8px;rotate:90deg}.event-card-loading{width:100%}.event-card-loading.horizontal-card{flex-direction:column;padding:0}.event-card-loading .image{width:100px;height:100px}.event-card-loading .image .skeleton{border-radius:12px;width:100%;height:100%}.event-card-loading.horizontal-card .image{width:100%;height:180px}.event-card-loading.horizontal-card .image .skeleton{border-radius:0}.event-card-loading .content{flex-direction:column;flex:1;gap:8px;display:flex}.event-card-loading .content .title{width:60%;height:14px}.event-card-loading .content .tags{flex-direction:column;gap:6px;display:flex}.event-card-loading .content .tags .location,.event-card-loading .content .tags .time,.event-card-loading .content .tags .ticket-count{align-items:center;gap:6px;display:flex}.event-card-loading .content .tags .location .icon,.event-card-loading .content .tags .time .icon,.event-card-loading .content .tags .ticket-count .icon{width:12px;height:12px}.event-card-loading .content .tags .location .text,.event-card-loading .content .tags .time .text,.event-card-loading .content .tags .ticket-count .text{width:50%;height:10px}.event-card-loading .content .tags .location .text.small,.event-card-loading .content .tags .time .text.small,.event-card-loading .content .tags .ticket-count .text.small{width:30%}.event-card-loading .content .button{border-radius:6px;width:55%;height:18px;margin-top:auto}.event-card-loading .show-ticket{background:#e5e9ec;width:100%}.event-card-loading .show-ticket .toggle{width:100%;height:24px}.event-card-loading .show-ticket .ticket-barcode{padding:12px}.event-card-loading .show-ticket .ticket-barcode .ticket-card{background:#fff;border-radius:12px;padding:12px}.event-card-loading .show-ticket .ticket-barcode .ticket-card .line.title{width:40%;height:14px;margin-bottom:12px}.event-card-loading .show-ticket .ticket-barcode .ticket-card .seat-row{gap:8px;display:flex}.event-card-loading .show-ticket .ticket-barcode .ticket-card .seat-row .box{border-radius:6px;flex:1;height:28px}.event-card-loading .show-ticket .ticket-barcode .ticket-card .barcode{width:100%;height:60px;margin-top:12px}