.head-event.svelte-1gg5ba9{display:flex;align-items:center;justify-content:center;background-color:var(--ev-bg-white);background-image:url(../../../image/bg-event-detail.png);background-size:cover;background-position:center;padding-top:2rem;z-index:10}@media (max-width: 769px){.head-event.svelte-1gg5ba9{height:fit-content;padding-top:0rem}}@media (max-width: 769px){.head-event.svelte-1gg5ba9 .container:where(.svelte-1gg5ba9){width:100vw;max-width:100vw;margin:0;padding:0!important}}.head-event.svelte-1gg5ba9 .all-card:where(.svelte-1gg5ba9){width:100%;margin:auto;max-width:768px;padding:0}@media (max-width: 768px){.head-event.svelte-1gg5ba9 .all-card:where(.svelte-1gg5ba9){margin-top:0;display:flex;flex-direction:column}}.head-event.svelte-1gg5ba9 .all-card:where(.svelte-1gg5ba9) .card-img:where(.svelte-1gg5ba9){z-index:0;position:relative}@media (max-width: 768px){.head-event.svelte-1gg5ba9 .all-card:where(.svelte-1gg5ba9) .card-img:where(.svelte-1gg5ba9){width:100%;height:fit-content;border-radius:0;border:none}}.head-event.svelte-1gg5ba9 .all-card:where(.svelte-1gg5ba9) .card-img:where(.svelte-1gg5ba9) img:where(.svelte-1gg5ba9){width:100%;max-width:none;border-radius:8px;margin:auto;height:auto}@media (max-width: 768px){.head-event.svelte-1gg5ba9 .all-card:where(.svelte-1gg5ba9) .card-img:where(.svelte-1gg5ba9) img:where(.svelte-1gg5ba9){border-radius:0}}.head-event.svelte-1gg5ba9 .all-card:where(.svelte-1gg5ba9) .card-img:where(.svelte-1gg5ba9) .completed-badge:where(.svelte-1gg5ba9){position:absolute;top:8px;right:8px;background-color:#00000098;padding:12px 24px;border-radius:999px;font-size:20px;color:var(--ev-white);font-weight:500}.head-event.svelte-1gg5ba9 .all-card:where(.svelte-1gg5ba9) .card-description:where(.svelte-1gg5ba9){color:var(--ev-bg-white);padding:2rem 0;font-family:var(--ev-body-font-family)}@media (max-width: 768px){.head-event.svelte-1gg5ba9 .all-card:where(.svelte-1gg5ba9) .card-description:where(.svelte-1gg5ba9){width:100%;border-radius:0;padding:16px 16px 40px}}.head-event.svelte-1gg5ba9 .all-card:where(.svelte-1gg5ba9) .card-description:where(.svelte-1gg5ba9) p:where(.svelte-1gg5ba9){margin:0;font-size:16px}.head-event.svelte-1gg5ba9 .all-card:where(.svelte-1gg5ba9) .card-description:where(.svelte-1gg5ba9) .title:where(.svelte-1gg5ba9){font-size:32px;font-weight:600;margin-bottom:12px}@media (max-width: 768px){.head-event.svelte-1gg5ba9 .all-card:where(.svelte-1gg5ba9) .card-description:where(.svelte-1gg5ba9) .title:where(.svelte-1gg5ba9){font-size:22px}}.head-event.svelte-1gg5ba9 .all-card:where(.svelte-1gg5ba9) .card-description:where(.svelte-1gg5ba9) .date:where(.svelte-1gg5ba9){color:var(--ev-red)}.head-event.svelte-1gg5ba9 .all-card:where(.svelte-1gg5ba9) .card-description:where(.svelte-1gg5ba9) .location:where(.svelte-1gg5ba9){margin-top:auto}.head-event.svelte-1gg5ba9 .all-card:where(.svelte-1gg5ba9) .card-description:where(.svelte-1gg5ba9) .badge-organizer:where(.svelte-1gg5ba9){color:var(--ev-dark);font-size:14px;border-radius:var(--ev-radius);margin-top:8px;display:flex;text-decoration:none;gap:4px;align-items:center;width:fit-content}.head-event.svelte-1gg5ba9 .all-card:where(.svelte-1gg5ba9) .card-description:where(.svelte-1gg5ba9) .badge-organizer:where(.svelte-1gg5ba9) span:where(.svelte-1gg5ba9){color:var(--ev-primary-color);font-weight:600;text-decoration:underline}.container-event.svelte-1gg5ba9{max-width:818px;padding:0 16px;margin:auto;margin-top:2rem}@media (max-width: 768px){.container-event.svelte-1gg5ba9{z-index:100;background-color:var(--ev-white);border-radius:16px 16px 0 0;box-shadow:-1px 0 10px #239efb20;margin-top:-16px;padding-top:16px}}.container-event.svelte-1gg5ba9 .subtitle:where(.svelte-1gg5ba9){font-size:18px;margin-top:0;margin-bottom:16px!important}.word-break.svelte-1gg5ba9{word-wrap:break-word}.image-detail.svelte-1gg5ba9{margin-bottom:16px;max-width:100%}@media (max-width: 426px){.lh-16px.svelte-11s5tun{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:200px!important;line-height:16px!important;height:16px!important}}.lh-16px.svelte-11s5tun{line-height:16px!important;height:16px!important}.detail-event-footer.svelte-11s5tun{box-shadow:0 0 2px #2e3e481f,0 2px 4px #2e3e481f;padding:12px 0;background-color:var(--ev-white);z-index:99;bottom:0}@media (max-width: 599px){.detail-event-footer.svelte-11s5tun{bottom:62px}}.container-detail-event-footer.svelte-11s5tun{margin-left:auto;margin-right:auto;max-width:818px;height:63px;background-color:var(--ev-white);display:flex;align-items:center;justify-content:space-between;padding:12px 16px;z-index:20}.container-detail-event-footer.svelte-11s5tun i:where(.svelte-11s5tun){margin-right:8px;line-height:16px}.container-detail-event-footer.svelte-11s5tun a:where(.svelte-11s5tun){width:200px;height:40px;background-color:var(--ev-bg-dark-100);color:var(--ev-white);border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;text-decoration:none}.container-detail-event-footer.svelte-11s5tun a:where(.svelte-11s5tun):hover{opacity:1;color:var(--ev-white)}.container-detail-event-footer.svelte-11s5tun a:where(.svelte-11s5tun):active{background-color:var(--ev-gray-500)}.warning-word.svelte-ya1v8r{font-size:12px;color:#f53838}.amount-ticket-btn.svelte-ya1v8r{border-radius:8px;background:#f4f4f4;width:fit-content}.amount-ticket-btn.svelte-ya1v8r .btn-plus:where(.svelte-ya1v8r){width:24px;height:24px;display:flex;justify-content:center;align-items:center;padding:0;border-top-left-radius:8px;border-bottom-left-radius:8px;border:none;background:#222}.amount-ticket-btn.svelte-ya1v8r .number:where(.svelte-ya1v8r){padding-left:12px;padding-right:12px;color:#222}.amount-ticket-btn.svelte-ya1v8r .btn-minus:where(.svelte-ya1v8r){width:24px;height:24px;display:flex;justify-content:center;align-items:center;padding:0;border-top-right-radius:8px;border-bottom-right-radius:8px;border:none;background:#222}.modal.svelte-ya1v8r{background:#96969633;font-family:IBM Plex Sans Thai}@media screen and (min-width: 991px){.modal.svelte-ya1v8r .modal-lg:where(.svelte-ya1v8r){width:640px!important}}.modal-header.svelte-ya1v8r{padding:16px 16px 0;border:none}.modal-header.svelte-ya1v8r .btn-close:where(.svelte-ya1v8r){border-radius:50%;font-size:12px}.modal-body.svelte-ya1v8r{padding:8px 16px;min-height:180.5px}.modal-body.svelte-ya1v8r p:where(.svelte-ya1v8r){margin:0}.modal-body.svelte-ya1v8r .div-wallet:where(.svelte-ya1v8r) .text-label:where(.svelte-ya1v8r){font-size:12px;color:var(--ev-loading)}.modal-body.svelte-ya1v8r .div-wallet:where(.svelte-ya1v8r) hr:where(.svelte-ya1v8r){border-color:var(--ev-border-hr);margin:16 px 0px}.modal-body.svelte-ya1v8r .div-wallet:where(.svelte-ya1v8r) .text-required:where(.svelte-ya1v8r){font-size:14px}.modal-body.svelte-ya1v8r .div-wallet:where(.svelte-ya1v8r) .div-label:where(.svelte-ya1v8r){margin-top:8px;display:flex;justify-content:space-between;align-items:center}.modal-body.svelte-ya1v8r .div-wallet:where(.svelte-ya1v8r) .btn-connect:where(.svelte-ya1v8r){background-color:transparent;border:none;font-size:14px;padding:0;border-radius:0;height:fit-content;display:flex;align-items:center;gap:4px}.modal-body.svelte-ya1v8r .div-wallet:where(.svelte-ya1v8r) .btn-connect:where(.svelte-ya1v8r) img:where(.svelte-ya1v8r){width:16px}.modal-body.svelte-ya1v8r .div-wallet:where(.svelte-ya1v8r) .btn-connect:where(.svelte-ya1v8r):hover{color:#f57d00}.modal-body.svelte-ya1v8r .div-wallet:where(.svelte-ya1v8r) .div-search:where(.svelte-ya1v8r){display:flex;align-items:center;border-radius:8px;height:46px;gap:8px;padding:8px;background-color:#f6f7fc;border:1px solid var(--ev-primary-color);width:100%;margin-bottom:16px}.modal-body.svelte-ya1v8r .div-wallet:where(.svelte-ya1v8r) .div-search:where(.svelte-ya1v8r) i:where(.svelte-ya1v8r){display:block;height:18px;color:var(--ev-primary-color);font-size:20px}.modal-body.svelte-ya1v8r .div-wallet:where(.svelte-ya1v8r) .div-search:where(.svelte-ya1v8r) .fi-sr-check-circle:where(.svelte-ya1v8r){color:#1eddca}.modal-body.svelte-ya1v8r .div-wallet:where(.svelte-ya1v8r) .div-search:where(.svelte-ya1v8r) input:where(.svelte-ya1v8r){border:none;outline:none;background-color:transparent;width:100%;padding-top:4px;height:36px}.modal-footer.svelte-ya1v8r{padding:8px 16px;display:flex;justify-content:space-between;gap:8px}.modal-footer.svelte-ya1v8r .div-price:where(.svelte-ya1v8r) p:where(.svelte-ya1v8r){margin:0}.modal-footer.svelte-ya1v8r .div-price:where(.svelte-ya1v8r) .text-label:where(.svelte-ya1v8r){font-size:10px}.modal-footer.svelte-ya1v8r .div-price:where(.svelte-ya1v8r) .ticket-price:where(.svelte-ya1v8r){font-weight:700;color:var(--ev-primary-color)}.modal-footer.svelte-ya1v8r .btn-done:where(.svelte-ya1v8r){background-color:var(--ev-black-200);height:36px;padding:0 12px;color:var(--ev-white);font-size:14px;transition:transform .5s}.modal-footer.svelte-ya1v8r .btn-done:where(.svelte-ya1v8r):active{transform:scale(.75)}.btn-bottom.svelte-1l305ig{background-color:var(--ev-black-200);height:36px;padding:0 12px;color:var(--ev-white);font-size:14px;transition:transform .5s}.btn-bottom.svelte-1l305ig:active{transform:scale(.75)}.modal.svelte-1l305ig{background:#96969633;font-family:IBM Plex Sans Thai}@media screen and (min-width: 991px){.modal.svelte-1l305ig .modal-lg:where(.svelte-1l305ig){width:640px!important}}.modal-header.svelte-1l305ig{padding:16px 16px 0;border:none}.modal-header.svelte-1l305ig .btn-close:where(.svelte-1l305ig){border-radius:50%;font-size:12px}.modal-body.svelte-1l305ig{padding:8px 16px;min-height:180.5px}.modal-body.svelte-1l305ig p:where(.svelte-1l305ig){margin:0}.modal-body.svelte-1l305ig .loading:where(.svelte-1l305ig){margin-top:50px}.modal-body.svelte-1l305ig .loading:where(.svelte-1l305ig) p:where(.svelte-1l305ig){font-size:14px;margin-top:8px;font-weight:lighter;color:var(--ev-color-title)}.btn-bottom.svelte-ob0p2a{background-color:var(--ev-black-200);height:36px;padding:0 12px;color:var(--ev-white);font-size:14px;transition:transform .5s}.btn-bottom.svelte-ob0p2a:active{transform:scale(.75)}.modal.svelte-ob0p2a{background:#96969633;font-family:IBM Plex Sans Thai}@media screen and (min-width: 991px){.modal.svelte-ob0p2a .modal-lg:where(.svelte-ob0p2a){width:640px!important}}.modal-header.svelte-ob0p2a{padding:16px 16px 0;border:none}.modal-header.svelte-ob0p2a .btn-close:where(.svelte-ob0p2a){border-radius:50%;font-size:12px}.modal-body.svelte-ob0p2a{padding:8px 16px;min-height:180.5px}.modal-body.svelte-ob0p2a p:where(.svelte-ob0p2a){margin:0}.modal-body.svelte-ob0p2a .success:where(.svelte-ob0p2a){margin-top:28px}.modal-body.svelte-ob0p2a .success:where(.svelte-ob0p2a) p:where(.svelte-ob0p2a){font-size:14px;margin-top:16px;font-weight:500;color:var(--ev-color-title)}.modal-body.svelte-ob0p2a .success:where(.svelte-ob0p2a) i:where(.svelte-ob0p2a){font-size:60px;height:60px;display:block;color:var(--ev-primary-color)}.modal-footer.svelte-ob0p2a{padding:8px 16px;display:flex;gap:8px}.modal-footer.svelte-ob0p2a .btn-done:where(.svelte-ob0p2a){background-color:var(--ev-black-200);height:36px;padding:0 12px;color:var(--ev-white);font-size:14px;transition:transform .5s}.modal-footer.svelte-ob0p2a .btn-done:where(.svelte-ob0p2a):active{transform:scale(.75)}.min-height-auto.svelte-ueawar{min-height:auto!important}.container-ticket.svelte-ueawar{align-items:center}@media screen and (max-width: 576px){.container-ticket.svelte-ueawar{flex-direction:column}}.row-eventdetail.svelte-ueawar{display:flex;flex-direction:column;justify-content:start}.row-eventdetail.svelte-ueawar .ticket-name:where(.svelte-ueawar){display:flex;gap:4px;align-items:center}.row-eventdetail.svelte-ueawar .ticket-name:where(.svelte-ueawar) .name:where(.svelte-ueawar){font-weight:700;color:var(--ev-bg-dark)}.row-eventdetail.svelte-ueawar .ticket-des:where(.svelte-ueawar){font-size:14px;color:var(--ev-gray-800)}.row-eventdetail.svelte-ueawar .nft-badge:where(.svelte-ueawar){padding:2px 6px;color:var(--ev-white);height:fit-content;font-size:8px;font-weight:700;border-radius:8px;background:linear-gradient(to right bottom,#8e33df,#9f2bd2,#ad23c5,#b71cb9,#bf18ad,#c80fa4,#d0079a,#d70491,#e10087,#e9007d,#f00072,#f60467)}.row-eventdetail.svelte-ueawar .price:where(.svelte-ueawar){color:var(--ev-primary-color);font-weight:500;font-size:14px}@media screen and (max-width: 576px){.row-eventdetail.svelte-ueawar .price:where(.svelte-ueawar){display:none}}@media screen and (max-width: 576px){.row-eventdetail.svelte-ueawar{width:100%}}.detail.svelte-ueawar{display:flex;flex-direction:column;align-items:center}.detail.svelte-ueawar .price:where(.svelte-ueawar){color:var(--ev-primary-color);font-weight:500;font-size:14px;display:none}@media screen and (max-width: 576px){.detail.svelte-ueawar .price:where(.svelte-ueawar){display:block}}@media screen and (max-width: 576px){.detail.svelte-ueawar{justify-content:space-between;flex-direction:row;width:100%;align-items:center}}.container-event.svelte-ueawar{max-width:818px;padding:0 16px;margin:auto;margin-top:2rem;margin-bottom:80px}@media (max-width: 768px){.container-event.svelte-ueawar{z-index:100;background-color:var(--ev-white);border-radius:16px 16px 0 0;margin-top:-16px;padding-top:16px}}.container-detail-event-footer.svelte-165uf1l{margin-left:auto;margin-right:auto;max-width:818px;background-color:var(--ev-white);margin-bottom:30px;display:flex;flex-direction:column}.container-detail-event-footer.svelte-165uf1l a:where(.svelte-165uf1l){text-decoration:none}.container-detail-event-footer.svelte-165uf1l a:where(.svelte-165uf1l):hover{text-decoration:underline}.container-detail-event-footer.svelte-165uf1l .div-info:where(.svelte-165uf1l){display:flex;align-items:center;gap:16px;flex-direction:column;text-align:center}.container-detail-event-footer.svelte-165uf1l .div-info:where(.svelte-165uf1l) .img-profile:where(.svelte-165uf1l){border-radius:50%;height:fit-content;object-fit:cover;aspect-ratio:1/1;width:50px}.container-detail-event-footer.svelte-165uf1l .div-info:where(.svelte-165uf1l) p:where(.svelte-165uf1l){margin:0}.container-detail-event-footer.svelte-165uf1l .div-info:where(.svelte-165uf1l) .text-label:where(.svelte-165uf1l){font-size:12px;color:var(--ev-gray-700)}.container-detail-event-footer.svelte-165uf1l .div-info:where(.svelte-165uf1l) .text-name:where(.svelte-165uf1l){font-weight:500}