.btn-bottom.svelte-r5f9ya{width:100%;height:43px;font-size:14px;font-weight:600;text-decoration:none;display:flex;align-items:center;justify-content:flex-start;padding-left:20px;border-radius:0;text-decoration:underline}.btn-bottom.svelte-r5f9ya:active{border:none}.modal.svelte-r5f9ya{background:#96969633;font-family:IBM Plex Sans Thai}@media screen and (min-width: 991px){.modal.svelte-r5f9ya .modal-lg:where(.svelte-r5f9ya){width:640px!important}}.modal-header.svelte-r5f9ya{padding:20px}.modal-header.svelte-r5f9ya .modal-title:where(.svelte-r5f9ya){font-size:18px;font-weight:700}.modal-header.svelte-r5f9ya .btn-close:where(.svelte-r5f9ya){border-radius:50%}.div-all-ticket.svelte-r5f9ya{padding:16px 16px 8px}@media screen and (min-width: 992px){.div-all-ticket.svelte-r5f9ya{padding:30px}}.modal-body.svelte-r5f9ya{padding:30px;display:grid;gap:8px;grid-template-columns:1fr;max-height:60vh!important;overflow-y:scroll}@media screen and (min-width: 991px){.modal-body.svelte-r5f9ya{grid-template-columns:1fr 1fr}}.modal-body.svelte-r5f9ya .div-des:where(.svelte-r5f9ya) p:where(.svelte-r5f9ya){margin:0}.modal-body.svelte-r5f9ya .div-des:where(.svelte-r5f9ya) .title:where(.svelte-r5f9ya){color:#494e52;font-size:14px;margin-top:8px}.modal-body.svelte-r5f9ya .div-des:where(.svelte-r5f9ya) .name-event:where(.svelte-r5f9ya){color:#202020;font-size:18px;font-weight:600;margin-top:8px}.modal-body.svelte-r5f9ya .div-des:where(.svelte-r5f9ya) .date:where(.svelte-r5f9ya){color:#20202060;font-size:14px;margin-top:8px}.modal-body.svelte-r5f9ya .div-des:where(.svelte-r5f9ya) .trip:where(.svelte-r5f9ya){display:inline-block;margin-top:40px;padding:0 8px;color:var(--ev-white);border-radius:9px;background-color:var(--ev-status-warn);font-size:12px}.modal-footer.svelte-r5f9ya{padding:20px}.modal-footer.svelte-r5f9ya .btn-done:where(.svelte-r5f9ya){background-color:var(--ev-black-200);height:36px;width:76px;color:var(--ev-white);font-size:14px;transition:transform .5s}.modal-footer.svelte-r5f9ya .btn-done:where(.svelte-r5f9ya):active{transform:scale(.75)}.ticket-section.svelte-r5f9ya{display:flex;flex-wrap:nowrap;overflow-x:scroll;gap:8px;scrollbar-width:none}@media screen and (min-width: 992px){.ticket-section.svelte-r5f9ya{scrollbar-width:thin}}.ticket-section.svelte-r5f9ya .item:where(.svelte-r5f9ya){display:flex;min-width:100px;flex-direction:column;align-items:center;background-color:var(--ev-bg-input);padding:8px;border-radius:var(--ev-radius-sm);position:relative;cursor:pointer}@media screen and (min-width: 575px){.ticket-section.svelte-r5f9ya .item:where(.svelte-r5f9ya){flex:1 1 auto;max-width:109px}}.ticket-section.svelte-r5f9ya .item:where(.svelte-r5f9ya) .section:where(.svelte-r5f9ya){display:flex;gap:auto;position:absolute;background-color:#000;width:100%;bottom:31px;z-index:2}.ticket-section.svelte-r5f9ya .item:where(.svelte-r5f9ya) .dots:where(.svelte-r5f9ya) span:where(.svelte-r5f9ya):nth-child(1){position:absolute;background-color:var(--ev-white);border-radius:50%;width:12px;height:12px;left:-8px;top:0;transform:translateY(-50%)}.ticket-section.svelte-r5f9ya .item:where(.svelte-r5f9ya) .dots:where(.svelte-r5f9ya) span:where(.svelte-r5f9ya):nth-child(2){position:absolute;background-color:var(--ev-white);border-radius:50%;width:12px;height:12px;right:-8px;top:0;transform:translateY(-50%)}.ticket-section.svelte-r5f9ya .item:where(.svelte-r5f9ya) .ticket-name:where(.svelte-r5f9ya){width:100%;font-size:14px;text-align:center;margin:0}.ticket-section.svelte-r5f9ya .item:where(.svelte-r5f9ya) .status-section:where(.svelte-r5f9ya){width:100%;margin-top:auto;border-top:2px dashed var(--ev-white);display:flex;justify-content:center;align-items:center}.ticket-section.svelte-r5f9ya .item:where(.svelte-r5f9ya) .status-section:where(.svelte-r5f9ya) .ready-status:where(.svelte-r5f9ya){width:fit-content;font-size:8px;background-color:var(--ev-primary-color);text-align:center;padding:4px 8px 0;border-radius:var(--ev-radius-xl);color:var(--ev-white);margin:6px 0 0}.ticket-section.svelte-r5f9ya .item:where(.svelte-r5f9ya) .status-section:where(.svelte-r5f9ya) .used-status:where(.svelte-r5f9ya){width:fit-content;font-size:8px;background-color:var(--ev-gray-401);text-align:center;padding:4px 8px 0;border-radius:var(--ev-radius-xl);color:var(--ev-white);margin:6px 0 0}.ticket-section.svelte-r5f9ya .item-active:where(.svelte-r5f9ya){background-color:var(--ev-black-200)}.ticket-section.svelte-r5f9ya .item-active:where(.svelte-r5f9ya) .ticket-name:where(.svelte-r5f9ya){color:var(--ev-white)}