.div-right.svelte-7cs0vq{width:100%;display:flex;padding-top:24px;padding-bottom:24px;gap:12px}@media screen and (max-width: 768px){.div-right.svelte-7cs0vq{flex-direction:column}}.div-right.svelte-7cs0vq .right-top:where(.svelte-7cs0vq){width:100%;display:flex;flex-direction:1}.div-right.svelte-7cs0vq .right-top:where(.svelte-7cs0vq) img:where(.svelte-7cs0vq){width:100%;border-radius:8px}.div-right.svelte-7cs0vq .right-down:where(.svelte-7cs0vq){width:100%;display:flex;flex-direction:1}.div-right.svelte-7cs0vq .right-down:where(.svelte-7cs0vq) img:where(.svelte-7cs0vq){width:100%;border-radius:8px}.items.svelte-yknpyx .card-event:where(.svelte-yknpyx){transition:transform .5s;width:100%;max-width:100%;padding:0;position:relative}.items.svelte-yknpyx .card-event:where(.svelte-yknpyx):hover{transform:translateY(-8px)}.items.svelte-yknpyx .card-event:where(.svelte-yknpyx) a:where(.svelte-yknpyx){text-decoration:none}.items.svelte-yknpyx .card-event:where(.svelte-yknpyx) .div-badge:where(.svelte-yknpyx){position:absolute;padding-bottom:16px;width:100%;border-radius:8px 8px 0 0;background-image:linear-gradient(to bottom,#00000030,#00000025,#00000015,#00000008,#0000)}.items.svelte-yknpyx .card-event:where(.svelte-yknpyx) .div-badge:where(.svelte-yknpyx) .badge:where(.svelte-yknpyx){width:fit-content;border-radius:6px 0 8px;padding:6px 8px;background-color:#8e33df;background:linear-gradient(to right bottom,#8e33df,#9f2bd2,#ad23c5,#b71cb9,#bf18ad,#c80fa4,#d0079a,#d70491,#e10087,#e9007d,#f00072,#f60467);display:flex;justify-content:center;align-items:center;color:#fff;font-size:10px;gap:2px}.items.svelte-yknpyx .card-event:where(.svelte-yknpyx) .img-cover:where(.svelte-yknpyx){border-radius:var(--ev-radius-sm);aspect-ratio:16/9;width:100%;object-fit:contain;background-color:var(--ev-bg-gray-100)}.detail-event.svelte-yknpyx{padding:12px 0;display:flex;flex-direction:column;height:auto}.detail-event.svelte-yknpyx .name-event:where(.svelte-yknpyx){display:-webkit-box;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.5rem}.detail-event.svelte-yknpyx .des-event:where(.svelte-yknpyx){align-items:start;font-family:var(--bs-body-font-family);color:var(--ev-gray-800);font-size:14px}.detail-event.svelte-yknpyx .des-event:where(.svelte-yknpyx) i:where(.svelte-yknpyx){color:var(--ev-gray-800);display:none}.detail-event.svelte-yknpyx .des-event:where(.svelte-yknpyx) .type-place:where(.svelte-yknpyx){font-size:12px}