.div-right.svelte-1kdh8n7{gap:12px;width:100%;padding-top:24px;padding-bottom:24px;display:flex}@media screen and (width<=768px){.div-right.svelte-1kdh8n7{flex-direction:column}}.div-right.svelte-1kdh8n7 .right-top:where(.svelte-1kdh8n7),.div-right.svelte-1kdh8n7 .right-down:where(.svelte-1kdh8n7){width:100%;display:flex}.right-top-img,.right-down-img{aspect-ratio:16/5;object-fit:cover;border-radius:8px;width:100%;height:100%}.container-event.svelte-l2x9rf{margin-bottom:24px}.container-event.svelte-l2x9rf .div-title:where(.svelte-l2x9rf){margin:24px 0 16px}.container-event.svelte-l2x9rf{border-bottom:1px solid var(--ev-bg-primary-color)}.row-card.svelte-l2x9rf{gap:8px;display:flex;overflow-x:scroll}.row-card.svelte-l2x9rf::-webkit-scrollbar{display:none!important}@media (width>=768px){.row-card.svelte-l2x9rf{grid-template-columns:repeat(3,1fr);display:grid}}.row-card.svelte-l2x9rf .card-event:where(.svelte-l2x9rf){width:100%;max-width:100%;padding:0;transition:transform .5s;position:relative}.row-card.svelte-l2x9rf .card-event:where(.svelte-l2x9rf):hover{transform:translateY(-8px)}.row-card.svelte-l2x9rf .card-event:where(.svelte-l2x9rf) a:where(.svelte-l2x9rf){text-decoration:none}.row-card.svelte-l2x9rf .card-event:where(.svelte-l2x9rf) .img-cover{border-radius:var(--ev-radius-sm);aspect-ratio:16/9;object-fit:cover;background-color:var(--ev-bg-gray-100);width:100%;min-width:280px;transition:opacity .3s}.row-card.svelte-l2x9rf .card-event:where(.svelte-l2x9rf) .detail-event:where(.svelte-l2x9rf){flex-direction:column;height:auto;padding:12px 0;display:flex}.row-card.svelte-l2x9rf .card-event:where(.svelte-l2x9rf) .detail-event:where(.svelte-l2x9rf) .name-event:where(.svelte-l2x9rf){line-clamp:3;-webkit-box-orient:vertical;margin-bottom:.5rem;display:-webkit-box;overflow:hidden}.row-card.svelte-l2x9rf .card-event:where(.svelte-l2x9rf) .detail-event:where(.svelte-l2x9rf) .des-event:where(.svelte-l2x9rf){font-family:var(--bs-body-font-family);color:var(--ev-gray-800);align-items:start;font-size:14px}.row-card.svelte-l2x9rf .card-event:where(.svelte-l2x9rf) .detail-event:where(.svelte-l2x9rf) .des-event:where(.svelte-l2x9rf) i:where(.svelte-l2x9rf){color:var(--ev-gray-800);display:none}.row-card.svelte-l2x9rf .card-event:where(.svelte-l2x9rf) .detail-event:where(.svelte-l2x9rf) .des-event:where(.svelte-l2x9rf) .type-place:where(.svelte-l2x9rf){font-size:12px}.row-card.svelte-153f2nx{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}@media screen and (width<=992px){.row-card.svelte-153f2nx{grid-template-columns:repeat(3,1fr)}}@media screen and (width<=768px){.row-card.svelte-153f2nx{grid-template-columns:repeat(2,1fr)}}@media screen and (width<=426px){.row-card.svelte-153f2nx{grid-template-columns:1fr}}.card.svelte-153f2nx{border:none}.card.svelte-153f2nx .card-img:where(.svelte-153f2nx){background-color:#dedede;border-radius:16px;margin-bottom:8px}.card.svelte-153f2nx .card-body:where(.svelte-153f2nx){padding:0}.card.svelte-153f2nx .card-body:where(.svelte-153f2nx) .placeholder:where(.svelte-153f2nx){background-color:#dedede;border-radius:6px}.head-event.svelte-n7k7eq{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;margin-bottom:16px;display:flex}@media screen and (width<=768px){.head-event.svelte-n7k7eq{gap:16px}}.head-event.svelte-n7k7eq .div-input:where(.svelte-n7k7eq){justify-content:center;width:100%;padding:24px 0;display:flex;position:relative}.head-event.svelte-n7k7eq .div-input:where(.svelte-n7k7eq) .box-search:where(.svelte-n7k7eq){z-index:100;background-color:var(--ev-white-2);border-radius:var(--ev-radius-sm);width:100%;max-width:50%;max-height:60vh;padding:16px 8px;position:absolute;top:80%;overflow-y:scroll}@media screen and (width<=992px){.head-event.svelte-n7k7eq .div-input:where(.svelte-n7k7eq) .box-search:where(.svelte-n7k7eq){max-width:100%}}.head-event.svelte-n7k7eq .div-input:where(.svelte-n7k7eq) .box-search:where(.svelte-n7k7eq) .box-search-loading:where(.svelte-n7k7eq){color:var(--ev-gray-600);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.head-event.svelte-n7k7eq .div-input:where(.svelte-n7k7eq) .box-search:where(.svelte-n7k7eq) .box-search-loading:where(.svelte-n7k7eq) .spinner:where(.svelte-n7k7eq){border:2px solid var(--ev-bg-gray-100);border-top-color:var(--ev-primary-color);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite svelte-n7k7eq-spin}.head-event.svelte-n7k7eq .div-input:where(.svelte-n7k7eq) .box-search:where(.svelte-n7k7eq) .box-search-item:where(.svelte-n7k7eq){flex-direction:column;gap:8px;display:flex}.head-event.svelte-n7k7eq .div-input:where(.svelte-n7k7eq) .box-search:where(.svelte-n7k7eq) .box-search-item:where(.svelte-n7k7eq) .item:where(.svelte-n7k7eq){border-radius:var(--ev-radius-sm);grid-template-columns:1fr 4fr;gap:8px;padding:4px;text-decoration:none;transition:all .3s;display:grid}.head-event.svelte-n7k7eq .div-input:where(.svelte-n7k7eq) .box-search:where(.svelte-n7k7eq) .box-search-item:where(.svelte-n7k7eq) .item:where(.svelte-n7k7eq):hover{background-color:var(--ev-bg-input)}.head-event.svelte-n7k7eq .div-input:where(.svelte-n7k7eq) .box-search:where(.svelte-n7k7eq) .box-search-item:where(.svelte-n7k7eq) .item:where(.svelte-n7k7eq) img{border-radius:var(--ev-radius-sm);aspect-ratio:16/9;object-fit:contain;background-color:var(--ev-bg-gray-100);width:100%}.head-event.svelte-n7k7eq .div-input:where(.svelte-n7k7eq) .box-search:where(.svelte-n7k7eq) .box-search-item:where(.svelte-n7k7eq) .item:where(.svelte-n7k7eq) .item-text:where(.svelte-n7k7eq) p:where(.svelte-n7k7eq){word-break:break-all;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.head-event.svelte-n7k7eq .div-input:where(.svelte-n7k7eq) .box-search:where(.svelte-n7k7eq) .box-search-item:where(.svelte-n7k7eq) .item:where(.svelte-n7k7eq) .item-text:where(.svelte-n7k7eq) .event-name:where(.svelte-n7k7eq){-webkit-line-clamp:2;color:var(--ev-black-100);font-weight:700}.head-event.svelte-n7k7eq .div-input:where(.svelte-n7k7eq) .box-search:where(.svelte-n7k7eq) .box-search-item:where(.svelte-n7k7eq) .item:where(.svelte-n7k7eq) .item-text:where(.svelte-n7k7eq) .event-location:where(.svelte-n7k7eq){-webkit-line-clamp:1;color:var(--ev-gray-301);font-size:14px}.head-event.svelte-n7k7eq .div-input:where(.svelte-n7k7eq) .box-search:where(.svelte-n7k7eq) .box-search-empty:where(.svelte-n7k7eq){text-align:center;flex-direction:column;align-items:center;gap:8px;padding:24px;display:flex}.head-event.svelte-n7k7eq .div-input:where(.svelte-n7k7eq) .box-search:where(.svelte-n7k7eq) .box-search-empty:where(.svelte-n7k7eq) .icon:where(.svelte-n7k7eq){border-radius:var(--ev-radius-full);width:fit-content;color:var(--ev-primary-color);background-color:var(--ev-bg-primary-color);aspect-ratio:1;justify-content:center;align-items:center;width:52px;font-size:24px;display:grid}.head-event.svelte-n7k7eq .div-input:where(.svelte-n7k7eq) .box-search:where(.svelte-n7k7eq) .box-search-empty:where(.svelte-n7k7eq) p:where(.svelte-n7k7eq){color:var(--ev-gray-301);margin:0}.head-event.svelte-n7k7eq .div-search:where(.svelte-n7k7eq){border-radius:var(--ev-radius-xl);background-color:var(--ev-bg-input);border:none;align-items:center;gap:8px;width:100%;max-width:50%;height:50px;padding:8px 16px;text-decoration:none;transition:all .3s;display:flex}@media screen and (width<=992px){.head-event.svelte-n7k7eq .div-search:where(.svelte-n7k7eq){max-width:100%}}.head-event.svelte-n7k7eq .div-search:where(.svelte-n7k7eq):hover{box-shadow:0px 0px 5px var(--ev-primary-color)}.head-event.svelte-n7k7eq .div-search:where(.svelte-n7k7eq) i:where(.svelte-n7k7eq){height:16px;color:var(--ev-primary-color);margin:auto;font-size:18px;display:block}.head-event.svelte-n7k7eq .div-search:where(.svelte-n7k7eq) input:where(.svelte-n7k7eq){background-color:#0000;border:none;outline:none;width:100%}@keyframes svelte-n7k7eq-spin{to{transform:rotate(360deg)}}.container.svelte-tt8zpd{min-height:100vh;position:relative}.head-event.svelte-tt8zpd{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;margin-bottom:16px;display:flex}@media screen and (width<=768px){.head-event.svelte-tt8zpd{gap:16px}}.event.svelte-tt8zpd{font-family:var(--ev-body-font-family);color:var(--ev-gray-301);margin:60px 8px}.event.svelte-tt8zpd .icon:where(.svelte-tt8zpd){background-color:var(--ev-bg-primary-color);width:70px;height:70px;color:var(--ev-primary-color);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:24px;display:flex}.event.svelte-tt8zpd .icon:where(.svelte-tt8zpd) img:where(.svelte-tt8zpd){object-fit:contain;width:36px;height:36px;display:block;margin:0!important}.div-input.svelte-tt8zpd{justify-content:space-between;width:100%;margin:32px 0 16px;display:flex}.load-more-section.svelte-tt8zpd{justify-content:center;align-items:center;width:100%;min-height:60px;padding:24px 0;display:flex}.load-more-btn.svelte-tt8zpd{background-color:var(--ev-white);border:2px solid var(--ev-primary-color);border-radius:var(--ev-radius-xl);color:var(--ev-primary-color);cursor:pointer;align-items:center;gap:8px;padding:12px 32px;font-size:16px;font-weight:500;transition:all .2s;display:flex}.load-more-btn.svelte-tt8zpd:hover{background-color:var(--ev-primary-color);color:var(--ev-white);transform:translateY(-2px);box-shadow:0 4px 12px #239dfb4d}.load-more-btn.svelte-tt8zpd:active{transform:translateY(0)}.load-more-btn.svelte-tt8zpd i:where(.svelte-tt8zpd){font-size:20px}.loading-more.svelte-tt8zpd{color:var(--ev-gray-600);align-items:center;gap:12px;display:flex}.loading-more.svelte-tt8zpd .spinner:where(.svelte-tt8zpd){border:2px solid var(--ev-bg-gray-100);border-top-color:var(--ev-primary-color);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite svelte-tt8zpd-spin}@keyframes svelte-tt8zpd-spin{to{transform:rotate(360deg)}}.error-section.svelte-tt8zpd{text-align:center;color:var(--ev-danger-color,#dc3545);padding:24px}.error-section.svelte-tt8zpd button:where(.svelte-tt8zpd){background-color:var(--ev-primary-color);color:#fff;border-radius:var(--ev-radius-sm);cursor:pointer;border:none;margin-top:12px;padding:8px 24px;font-size:14px}.error-section.svelte-tt8zpd button:where(.svelte-tt8zpd):hover{opacity:.9}