@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600;700;800&display=swap);body, html {scroll-behavior: smooth !important;}:root {--bg-body: #f6f8fd;--bs-body-bg: #ffffff;--bs-body-bg-rgb: 255,255,255;--bg-dark: #0e1221;--navbar: #14192be3;--yellow-primary: #24cfdb;--light-yellow: #def2f7;--light-blue: #252f45e6;--dark-blue: #0e1221;--black: #34364a;--black-text: #6b7c8e;--dark-grey: #e5e9f2;--light-grey: #f6f8fd;--white: #fff;--red-primary: #e63946;--light-red: #f9d6d7;}[data-theme="dark"] {--bs-body-bg: #1e1e2d;--bs-body-bg-rgb: 30,30,45;--light-grey: #14192b;--black: #fff;--black-text: #fff;--bg-body: #14192b;--dark-blue: #0e1221;--red-primary: #f86c6c;--light-red: #843434;--white: #fff;}.containerTitle .title .highlight, .navTabs .btnNavTabs.active .text, .txt-primary, [data-theme="dark"] .dropdown .dropdownMenu i, [data-theme="dark"] .dropdown .dropdownMenu ion-icon, a {color: var(--yellow-primary);}.cards-title, .dropdown .dropdown-content a:hover .containers .name {font-weight: 500;}.modal-content {background-color: var(--bg-body);color: var(--black-text);border: none;}[data-theme="dark"] .modal-content {background-color: var(--light-grey);color: var(--white);}.modal-header, .modal-footer {background-color: var(--bg-body);border-color: var(--dark-grey);}.modal-dialog {position: relative;top: 20%;}[data-theme="dark"] .modal-header, [data-theme="dark"] .modal-footer {background-color: var(--light-grey);border-color: var(--white);}.btn-close {filter: invert(0);}[data-theme="dark"] .btn-close {filter: invert(1);}.modal .modSearch {position: relative;}.modal .modSearch input {width: 100%;height: 50px;padding: 12px 14px;border-radius: 12px;font-size: 14px;font-weight: 300;color: #34364a;background: var(--white);align-self: stretch;border: none;outline: 0;}[data-theme="dark"] .modal .navRight .modSearch input, [data-theme="dark"] .modal .modSearch input {color: var(--black);background: var(--light-blue);border: 1px solid hsla(0, 0%, 100%, 0.12);}.modal .navRight .modSearch i, .modal .modSearch i {position: absolute;top: 50%;right: 4px;transform: translate(-50%, -50%);font-size: 16px;padding-left: 4px;color: var(--black-text);}.result-item {display: flex;align-items: center;gap: 10px;max-width: 100%;margin-bottom: 10px;}.result-item img {margin-right: 10px;width: 96px;height: 96px;object-fit: cover;border-radius: 8px;}.result-item span {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 70%;display: block;text-align: left;}@media (max-width: 600px) {.result-item {flex-direction: row;align-items: center;gap: 5px;margin-bottom: 8px;}.result-item img {margin-right: 5px;}.result-item span {max-width: 100%;}}.m-0 {margin: 0 !important;}.m-1 {margin: 0.25rem !important;}.m-2 {margin: 0.5rem !important;}.m-3 {margin: 1rem !important;}.m-4 {margin: 1.5rem !important;}.m-5 {margin: 3rem !important;}.mr-3 {margin-right: 1rem;}.m-auto {margin: auto !important;}.mx-0 {margin-right: 0 !important;margin-left: 0 !important;}.mx-1 {margin-right: 0.25rem !important;margin-left: 0.25rem !important;}.mx-2 {margin-right: 0.5rem !important;margin-left: 0.5rem !important;}.mx-3 {margin-right: 1rem !important;margin-left: 1rem !important;}.mx-4 {margin-right: 1.5rem !important;margin-left: 1.5rem !important;}.mx-5 {margin-right: 3rem !important;margin-left: 3rem !important;}.mx-auto {margin-right: auto !important;margin-left: auto !important;}.my-0 {margin-top: 0 !important;margin-bottom: 0 !important;}.my-1 {margin-top: 0.25rem !important;margin-bottom: 0.25rem !important;}.my-2 {margin-top: 0.5rem !important;margin-bottom: 0.5rem !important;}.my-3 {margin-top: 1rem !important;margin-bottom: 1rem !important;}.my-4 {margin-top: 1.5rem !important;margin-bottom: 1.5rem !important;}.my-5 {margin-top: 3rem !important;margin-bottom: 3rem !important;}.my-auto {margin-top: auto !important;margin-bottom: auto !important;}.mt-0 {margin-top: 0 !important;}.mt-1 {margin-top: 0.25rem !important;}.containerBanner, .mt-2 {margin-top: 0.5rem !important;}.mt-3 {margin-top: 1rem !important;}.mt-4 {margin-top: 1.5rem !important;}.mt-5 {margin-top: 3rem !important;}.mt-auto {margin-top: auto !important;}.me-0 {margin-right: 0 !important;}.me-1 {margin-right: 0.25rem !important;}.me-2 {margin-right: 0.5rem !important;}.me-3 {margin-right: 1rem !important;}.me-4 {margin-right: 1.5rem !important;}.me-5 {margin-right: 3rem !important;}.me-auto {margin-right: auto !important;}.mb-0 {margin-bottom: 0 !important;}.mb-1 {margin-bottom: 0.25rem !important;}.mb-2 {margin-bottom: 0.5rem !important;}.mb-3 {margin-bottom: 1rem !important;}.mb-4 {margin-bottom: 1.5rem !important;}.mb-5 {margin-bottom: 3rem !important;}.mb-auto {margin-bottom: auto !important;}.ms-0 {margin-left: 0 !important;}.ms-1 {margin-left: 0.25rem !important;}.ms-2 {margin-left: 0.5rem !important;}.ms-3 {margin-left: 1rem !important;}.ms-4 {margin-left: 1.5rem !important;}.ms-5 {margin-left: 3rem !important;}.ms-auto {margin-left: auto !important;}.p-0 {padding: 0 !important;}.p-1 {padding: 0.25rem !important;}.p-2 {padding: 0.5rem !important;}.p-3 {padding: 1rem !important;}.p-4 {padding: 1.5rem !important;}.p-5 {padding: 3rem !important;}.px-0 {padding-right: 0 !important;padding-left: 0 !important;}.px-1 {padding-right: 0.25rem !important;padding-left: 0.25rem !important;}.px-2 {padding-right: 0.5rem !important;padding-left: 0.5rem !important;}.px-3 {padding-right: 1rem !important;padding-left: 1rem !important;}.px-4 {padding-right: 1.5rem !important;padding-left: 1.5rem !important;}.px-5 {padding-right: 3rem !important;padding-left: 3rem !important;}.py-0 {padding-top: 0 !important;padding-bottom: 0 !important;}.py-1 {padding-top: 0.25rem !important;padding-bottom: 0.25rem !important;}.py-2 {padding-top: 0.5rem !important;padding-bottom: 0.5rem !important;}.py-3 {padding-top: 1rem !important;padding-bottom: 1rem !important;}.py-4 {padding-top: 1.5rem !important;padding-bottom: 1.5rem !important;}.py-5 {padding-top: 3rem !important;padding-bottom: 3rem !important;}.pt-0 {padding-top: 0 !important;}.pt-1 {padding-top: 0.25rem !important;}.pt-2 {padding-top: 0.5rem !important;}.pt-3 {padding-top: 1rem !important;}.pt-4 {padding-top: 1.5rem !important;}.pt-5 {padding-top: 3rem !important;}.pe-0 {padding-right: 0 !important;}.pe-1 {padding-right: 0.25rem !important;}.pe-2 {padding-right: 0.5rem !important;}.pe-3 {padding-right: 1rem !important;}.pe-4 {padding-right: 1.5rem !important;}.pe-5 {padding-right: 3rem !important;}.pb-0 {padding-bottom: 0 !important;}.pb-1 {padding-bottom: 0.25rem !important;}.pb-2 {padding-bottom: 0.5rem !important;}.pb-3 {padding-bottom: 1rem !important;}.pb-4 {padding-bottom: 1.5rem !important;}.pb-5 {padding-bottom: 3rem !important;}.ps-0 {padding-left: 0 !important;}.ps-1 {padding-left: 0.25rem !important;}.ps-2 {padding-left: 0.5rem !important;}.ps-3 {padding-left: 1rem !important;}.ps-4 {padding-left: 1.5rem !important;}.ps-5 {padding-left: 3rem !important;}.fs-1 {font-size: calc(1.375rem + 1.5vw) !important;}.fs-2 {font-size: calc(1.325rem + 0.9vw) !important;}.fs-3 {font-size: calc(1.3rem + 0.6vw) !important;}.fs-4 {font-size: calc(1.275rem + 0.3vw) !important;}.fs-5 {font-size: 1.25rem !important;}.fs-6 {font-size: 1rem !important;}.fs-7 {font-size: 0.8rem !important;}.fs-8 {font-size: 0.6rem !important;}.flex {display: flex;}.justify-center, .justify-end, .justify-start {display: flex !important;}.justify-center {justify-content: center !important;align-items: center !important;}.justify-start {justify-content: start !important;align-items: center !important;}.justify-end {justify-content: end !important;align-items: center !important;}.justify-sb, .justify-sb-res, .modal-action {display: flex;justify-content: space-between;align-items: center;}.gap-1 {gap: 0.2rem;}.gap-2 {gap: 0.4rem;}.gap-3 {gap: 0.6rem;}.gap-4 {gap: 0.8rem;}.gap-5 {gap: 1rem;}.gap-6 {gap: 1.2rem;}.gap-7 {gap: 1.4rem;}.gap-8 {gap: 1.8rem;}.gap-9 {gap: 2rem;}.gap-10 {gap: 2.6rem;}body {background-color: var(--light-grey) !important;padding-top: 90px;overflow-y: scroll;-webkit-font-smoothing: antialiased;font-family: Outfit;background-color: var(--white);scroll-behavior: smooth;}body.login {padding-top: 0;}a {text-decoration: none;}.containerNews, .offcanvas {background-color: var(--bg-body);}.receipt-left, .receipt-right {background-color: var(--white);padding: 40px;}.text-left {text-align: left !important;}.receipt-left {border-radius: 24px 0 0 24px;}.receipt-right {border-radius: 0 24px 24px 0;}.circle {width: 60px;height: 60px;border-radius: 100%;background-color: var(--bg-body);}@media (max-width: 920px) {.receipt-left, .receipt-right {background-color: var(--white);padding: 24px;}.receipt-left {border-radius: 24px 24px 0 0;}.receipt-right {border-radius: 0 0 24px 24px;}.ticketDetail {padding: 0 !important;}}.navbar {position: fixed;top: 0;display: flex;width: 100%;padding: 12px 50px;justify-content: space-between;align-items: center;z-index: 20;background-color: #ffffffcf;backdrop-filter: blur(13.59px);box-shadow: 0 14px 8px rgba(54, 54, 54, 0.05);}.cards, .cards-blog, .cards-saldo, .containerFlashSale, .containerHis .contents, .dropdown, .navbar .navRight .navSearch, .navbar .navSearch, .swiperNews .containers, .testimoni .containers {position: relative;}[data-theme="dark"] .navbar, [data-theme="dark"] .sticky-tabs {background-color: var(--navbar);}.navbar .logo {height: 30px;transform: rotate(0);transition: 0.3s;}.navbar .logo:hover {transition: 0.3s;cursor: pointer;}.navbar .navSearch input {width: 100%;height: 50px;padding: 12px 14px;border-radius: 12px;font-size: 14px;font-weight: 300;color: #34364a;background: var(--white);align-self: stretch;border: none;outline: 0;}[data-theme="dark"] .navbar .navRight .navSearch input, [data-theme="dark"] .navbar .navSearch input {color: var(--black);background: var(--light-blue);border: 1px solid hsla(0, 0%, 100%, 0.12);}.navbar .navRight .navSearch i, .navbar .navSearch i {position: absolute;top: 50%;right: 4px;transform: translate(-50%, -50%);font-size: 16px;padding-left: 4px;color: var(--black-text);}.navbar .search {background: 0 0;border: none;color: inherit;font: inherit;cursor: pointer;border-radius: 0.375rem;padding: 6px 0.6rem;}[data-theme="dark"] .dropdown .dropdownMenu, [data-theme="dark"] .navbar .search {background: var(--light-blue);border: 1px solid hsla(0, 0%, 100%, 0.12);}.navbar .search i {font-size: 18px;color: var(--dark-blue);}[data-theme="dark"] .navbar .navLeft .logoName, [data-theme="dark"] .navbar .search i {color: var(--white);}.navbar.active {background-color: #fff;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07), 0 4px 5px rgba(0, 0, 0, 0.06), 0 1px 10px rgba(0, 0, 0, 0.1) !important;padding: 16px 50px;transition: 0.3s ease-in-out;}[data-theme="dark"] .navbar.active {background-color: var(--navbar);backdrop-filter: blur(13.59px);}.choicePay .containers, .choicePay .containers .text, .history .containerHead, .navbar .navLeft {display: flex;justify-content: start;align-items: center;gap: 0.6rem;}.navbar .navLeft img {height: 34px;}.navbar .navLeft .logoName {color: var(--dark-blue);font-size: 20px;font-style: normal;text-transform: uppercase;font-weight: 800;}.accordionHead .containers, .dropdown .dropdown-content a .containers, .navbar .navRight {display: flex;justify-content: start;align-items: center;gap: 0.8rem;}.navbar .navRight .navSearch input {width: 299px;height: 40px;padding: 12px 14px;border-radius: 12px;font-size: 14px;font-weight: 300;color: var(--black-text);background: var(--light-grey);align-self: stretch;border: none;outline: 0;}.cards {border-radius: 15px;padding: 20px 22px;background: var(--white);}.cards-blog {border-radius: 10px;padding-bottom: 1rem;background: var(--light-blue);border: 1px solid hsla(0, 0%, 100%, 0.12);}.cards-saldo {border-radius: 15px;padding: 24px 26px;background: var(--white);background-image: url("../../../assets/images/card-bg.html");background-repeat: no-repeat;background-size: cover;}[data-theme="dark"] .cards-saldo {background-image: url("../../../assets/images/card-bg-dark.html") !important;background: var(--light-blue);background-repeat: no-repeat;background-size: cover;}[data-theme="dark"] .cards, [data-theme="dark"] .hisTabs .btnHisTabs.active, [data-theme="dark"] .swiper .cards {background: var(--light-blue);}.cards-title {color: var(--black);}.floating-label, .label-content {font-weight: 400;font-style: normal;}[data-theme="dark"] .cards {backdrop-filter: blur(13.59px);border: 1px solid hsla(0, 0%, 100%, 0.12);}.swiper .cards {background: #fff;}.dropdown {display: inline-block;}.dropdown .dropdownMenu {display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;background: var(--white);border-radius: 12px;border: none;outline: 0;}.dropdown .dropdownMenu i, .dropdown .dropdownMenu ion-icon {font-size: 20px;color: #6b7c8e;}.dropdown-content {display: flex;flex-direction: column;position: absolute;top: 3.4rem;right: -1rem;transition: 0.6s;border-radius: 20px;background: var(--white);margin-top: 10px;min-width: 260px;padding: 18px 20px;box-shadow: 0 0 0 0 rgba(36, 71, 249, 0.4);opacity: 0;visibility: hidden;z-index: 1;}[data-theme="dark"] .dropdown-content {background-color: var(--dark-blue);}.dropdown:focus-within .dropdown-content {opacity: 1;visibility: visible;transition: 0.5s;transform: translateY(-10px);}.dropdown .dropdown-content::before {content: "";position: absolute;top: -10px;right: 25px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid var(--white);}.dropdown .dropdown-content a {display: flex;padding: 12px 20px;justify-content: space-between;align-items: center;border-radius: 12px;transition: 0.3s;}.dropdown .dropdown-content a:hover {background: var(--light-grey);transition: 0.3s;}.dropdown .dropdown-content a .containers i {font-size: 16px;color: var(--black-text);}.dropdown .dropdown-content a .containers .name {color: var(--black-text);text-align: center;font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;}.dropdown .dropdown-content a .bi-arrow-right-short {font-size: 16px;color: var(--white);}.dropdown .dropdown-content a:hover .bi-arrow-right-short {color: var(--black-text);}.label-content {color: var(--black-text);font-size: 16px;cursor: text;}.floating-label-content {position: relative;width: 100%;}.floating-label, .floating-label-content i {position: absolute;color: var(--black-text);}.floating-label-content .floating-input {position: relative;height: 55px;padding: 10px;border-radius: 15px;border: 1px solid hsla(0, 0%, 100%, 0.12);background: var(--light-grey);}.floating-label-content .floating-input-id {position: relative;height: 55px;padding: 10px;border-radius: 15px;border: 1px solid var(--yellow-primary);background: var(--light-grey);}.floating-label-content .floating-select {position: relative;height: 55px;border-radius: 15px;border: none;background: var(--light-grey);color: var(--black-text);}[data-theme="dark"] .floating-label-content .floating-input {color: var(--black);border: 1px solid hsla(0, 0%, 100%, 0.12);}.floating-label-content i {top: 50%;right: 14px;transform: translate(-50%, -50%);font-size: 14px;}.floating-label {left: 24px;top: 15px;font-size: 16px;cursor: text;transition: 0.2s;}.floating-input:focus, .floating-select:focus {outline: 0;box-shadow: none;}.floating-input:focus ~ .floating-label {top: 10px;left: 25px;font-size: 12px;color: var(--yellow-primary);}.floating-input:not(:-moz-placeholder-shown) ~ .floating-label {top: 13px;left: 25px;font-size: 12px;color: var(--yellow-primary);}.floating-input:not(:-ms-input-placeholder) ~ .floating-label {top: 10px;left: 25px;font-size: 12px;color: var(--yellow-primary);}.floating-input:not(:placeholder-shown) ~ .floating-label {top: 10px;left: 25px;font-size: 12px;color: var(--yellow-primary);}.floating-select:not([value=""]):valid ~ .floating-label {top: 10px;left: 25px;font-size: 12px;color: var(--yellow-primary);}textarea {padding: 14px 20px;resize: none;}.content {padding: 20px 50px;background: var(--bg-body);}.theme-switch-wrapper {display: flex;align-items: center;}.theme-switch {display: inline-block;position: relative;}.btn-back, .btn-close, .slider, .slider:before {position: absolute;}.emoji-radio, .hidden, .logodark, .nom-radio, .pay-radio, .theme-switch input, [data-theme="dark"] .logolight {display: none;}.slider {background-color: #ccc;bottom: 0;cursor: pointer;left: 0;right: 0;top: 0;transition: 0.4s;}.slider:before {background-color: #fff;bottom: 3px;content: "";height: 22px;width: 22px;left: 3px;transition: 0.4s;}input:checked + .slider {background-color: #66bb6a;}input:checked + .slider:before {transform: translateX(18px);}.slider.round {border-radius: 34px;}.slider.round:before {border-radius: 50%;}.btnYellowPrimary, .btnYellowPrimary:hover {display: flex;justify-content: center;align-items: center;padding: 0 32px;height: 40px;border-radius: 12px;background: var(--yellow-primary);color: var(--white);font-size: 14px;font-weight: 500;border: none;outline: 0;}.btnYellowSecond {display: flex;justify-content: center;align-items: center;padding: 0 32px;height: 40px;border-radius: 12px;background: var(--light-yellow);color: var(--yellow-primary);font-size: 14px;font-weight: 500;border: 2px solid var(--yellow-primary);outline: 0;}.btnGrey, .btnGrey:hover, .btnYellowSecond:hover {justify-content: center;padding: 0 32px;font-size: 14px;font-weight: 500;display: flex;outline: 0;}.btnYellowSecond:hover {align-items: center;height: 40px;border-radius: 12px;background: var(--yellow-primary);color: var(--white);border: 2px solid var(--yellow-primary);}.btnYellowPrimary.md {height: 52px;}.btnDanger, .btnDanger:hover {display: flex;justify-content: center;align-items: center;padding: 0 32px;height: 40px;border-radius: 12px;background: var(--red-primary);color: var(--white);font-size: 14px;font-weight: 500;border: none;outline: 0;}.btnDanger.md {height: 52px;}.btnGrey, .btnGrey:hover {align-items: center;height: 40px;border-radius: 12px;background: var(--dark-grey);box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.25) inset;backdrop-filter: blur(10px);color: var(--black);border: none;}.containerTitle {display: flex;justify-content: center;align-items: center;flex-direction: column;margin-top: 2.5rem;margin-bottom: 4.5rem;}.containerTitle .title {color: var(--black);text-align: center;font-size: 40px;font-style: normal;font-weight: 700;line-height: 140%;}.containerTitle .subtitle {color: var(--black-text);text-align: center;font-size: 16px;font-style: normal;font-weight: 300;line-height: 160%;}.containerTitle .subtitle .highlight {font-weight: 700;}.btn-close {top: 30px;right: 30px;font-size: 12px !important;color: var(--black-text) !important;}.btn-back {top: 1rem;left: 1rem;width: 35px;height: 35px;border-radius: 0.375rem;font-size: 24px !important;text-align: center;justify-items: center;display: inline-flex;color: #fff;background: var(--yellow-primary) !important;}.modal {--bs-modal-zindex: 1222;--bs-modal-width: 500px;--bs-modal-padding: 1rem;--bs-modal-margin: 0.5rem;--bs-modal-color: ;--bs-modal-bg: #fff;--bs-modal-border-color: var(--bs-border-color-translucent);--bs-modal-border-width: 1px;--bs-modal-border-radius: 15px;--bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-modal-inner-border-radius: calc(0.5rem - 1px);--bs-modal-header-padding-x: 1rem;--bs-modal-header-padding-y: 1rem;--bs-modal-header-padding: 1.2rem 1.8rem;--bs-modal-header-border-color: var(--bs-border-color);--bs-modal-header-border-width: 1px;--bs-modal-title-line-height: 1.5;--bs-modal-footer-gap: 0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color: var(--bs-border-color);--bs-modal-footer-border-width: 1px;position: fixed;top: 0;left: 0;z-index: var(--bs-modal-zindex);display: none;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;outline: 0;}.modal.fade {transition: opacity 0.15s linear;}.modal-backdrop.fade, .modal.fade:not(.show) {opacity: 0;}.modal-dialog {position: relative;width: auto;margin: var(--bs-modal-margin);pointer-events: none;}.modal-content, .modal-home-content {position: relative;width: 100%;color: var(--bs-modal-color);pointer-events: auto;background-clip: padding-box;outline: 0;padding: 1.2rem 1.8rem;display: flex;}.modal.fade .modal-dialog {transition: transform 0.3s ease-out;transform: translate(0, -50px);}@media (prefers-reduced-motion: reduce) {.modal.fade .modal-dialog {transition: none;}}.modal.show .modal-dialog {transform: none;}.modal.modal-static .modal-dialog {transform: scale(1.02);}.modal-dialog-scrollable {height: calc(100% - var(--bs-modal-margin) * 2);}.modal-dialog-scrollable .modal-content {max-height: 100%;overflow: hidden;}.modal-dialog-scrollable .modal-body, .modal-fullscreen .modal-body {overflow-y: auto;}.modal-dialog-centered {display: flex;align-items: center;min-height: calc(100% - var(--bs-modal-margin) * 2);}.modal-content {flex-direction: column;background-color: var(--bs-modal-bg);border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius: var(--bs-modal-border-radius);}.modal-home-content {flex-direction: column;background-color: transparent;border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius: var(--bs-modal-border-radius);}.title-card, .title-head {color: var(--black);font-style: normal;line-height: normal;font-weight: 600;text-align: center;}.modal-backdrop {--bs-backdrop-zindex: 1050;--bs-backdrop-bg: #000;--bs-backdrop-opacity: 0.5;position: fixed;top: 0;left: 0;z-index: var(--bs-backdrop-zindex);width: 100vw;height: 100vh;background-color: var(--bs-backdrop-bg);}.modal-backdrop.show {opacity: var(--bs-backdrop-opacity);}.modal-header {position: relative;display: flex;flex-shrink: 0;align-items: center;justify-content: space-between;}.modal-header .modal-title {font-size: 18px;font-weight: 500;line-height: 24px;color: #2b2b2b;}.modal-header .modal-subtitle {font-size: 14px;font-weight: 400;line-height: 14px;color: #888;}.modal-body {position: relative;flex: 1 1 auto;margin-top: 1.8rem;}.modal-footer {display: flex;flex-shrink: 0;flex-wrap: wrap;align-items: center;justify-content: flex-end;padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);background-color: var(--bs-modal-footer-bg);border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius: var(--bs-modal-inner-border-radius);border-bottom-left-radius: var(--bs-modal-inner-border-radius);}.modal-footer > * {margin: calc(var(--bs-modal-footer-gap) * 0.5);}@media (min-width: 576px) {.modal {--bs-modal-margin: 1.75rem;--bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);}.modal-dialog {max-width: var(--bs-modal-width);margin-right: auto;margin-left: auto;}.modal-sm {--bs-modal-width: 300px;}}@media (min-width: 992px) {.modal-lg, .modal-xl {--bs-modal-width: 800px;}}@media (min-width: 1200px) {.modal-xl {--bs-modal-width: 1140px;}}.modal-fullscreen {width: 100vw;max-width: none;height: 100%;margin: 0;}.modal-fullscreen .modal-content {height: 100%;border: 0;border-radius: 0;}.modal-fullscreen .modal-footer, .modal-fullscreen .modal-header {border-radius: 0;}@media (max-width: 575.98px) {.modal-fullscreen-sm-down {width: 100vw;max-width: none;height: 100%;margin: 0;}.modal-fullscreen-sm-down .modal-content {height: 100%;border: 0;border-radius: 0;}.modal-fullscreen-sm-down .modal-footer, .modal-fullscreen-sm-down .modal-header {border-radius: 0;}.modal-fullscreen-sm-down .modal-body {overflow-y: auto;}}@media (max-width: 767.98px) {.modal-fullscreen-md-down {width: 100vw;max-width: none;height: 100%;margin: 0;}.modal-fullscreen-md-down .modal-content {height: 100%;border: 0;border-radius: 0;}.modal-fullscreen-md-down .modal-footer, .modal-fullscreen-md-down .modal-header {border-radius: 0;}.modal-fullscreen-md-down .modal-body {overflow-y: auto;}}@media (max-width: 991.98px) {.modal-fullscreen-lg-down {width: 100vw;max-width: none;height: 100%;margin: 0;}.modal-fullscreen-lg-down .modal-content {height: 100%;border: 0;border-radius: 0;}.modal-fullscreen-lg-down .modal-footer, .modal-fullscreen-lg-down .modal-header {border-radius: 0;}.modal-fullscreen-lg-down .modal-body {overflow-y: auto;}}@media (max-width: 1199.98px) {.modal-fullscreen-xl-down {width: 100vw;max-width: none;height: 100%;margin: 0;}.modal-fullscreen-xl-down .modal-content {height: 100%;border: 0;border-radius: 0;}.modal-fullscreen-xl-down .modal-footer, .modal-fullscreen-xl-down .modal-header {border-radius: 0;}.modal-fullscreen-xl-down .modal-body {overflow-y: auto;}}@media (max-width: 1399.98px) {.modal-fullscreen-xxl-down {width: 100vw;max-width: none;height: 100%;margin: 0;}.modal-fullscreen-xxl-down .modal-content {height: 100%;border: 0;border-radius: 0;}.modal-fullscreen-xxl-down .modal-footer, .modal-fullscreen-xxl-down .modal-header {border-radius: 0;}.modal-fullscreen-xxl-down .modal-body {overflow-y: auto;}}.swiper, .title-card {margin-bottom: 1rem;}.banner-img {width: 100%;border-radius: 15px;overflow: hidden;}.banner-img img {object-fit: cover;width: 100%;height: 100%;}.swiper-slide.swiper-slide-active {scale: 1;}.swiper-slide.banner.swiper-slide-next, .swiper-slide.banner.swiper-slide-prev {transform: scale(0.9);transition: 0.3s ease-in;}.swiper-slide {transform: scale(1);transition: 0.3s ease-in;}.title-head {font-size: 24px;}.title-card {font-size: 20px;}.containerFlashSale .headerFS {position: relative;display: flex;justify-content: space-between;align-items: center;margin-bottom: 1.5rem;}.containerFlashSale .headerFS .containers {position: relative;display: flex;justify-content: start;align-items: center;gap: 0.5rem;}.containerFlashSale .headerFS .containers .time {position: relative;display: flex;justify-content: start;align-items: center;gap: 0.5rem;margin-left: 0.6rem;}.containerFlashSale .headerFS .containers .time .dots {color: var(--black-text);text-align: center;font-size: 14px;font-style: normal;font-weight: 500;line-height: normal;}.containerFlashSale .headerFS .containers .time .day, .containerFlashSale .headerFS .containers .time .hours, .containerFlashSale .headerFS .containers .time .minute, .containerFlashSale .headerFS .containers .time .second {position: relative;color: var(--yellow-primary);text-align: center;font-size: 25px;font-style: normal;font-weight: 700;line-height: normal;}.containerFlashSale .headerFS .containers .time .day::after, .containerFlashSale .headerFS .containers .time .hours::after, .containerFlashSale .headerFS .containers .time .minute::after, .containerFlashSale .headerFS .containers .time .second::after {position: absolute;bottom: -11px;left: 0;color: var(--black-text);text-align: center;font-size: 12px;font-style: normal;font-weight: 300;line-height: normal;}.containerFlashSale .headerFS .FSnav {position: relative;display: flex;flex-direction: row-reverse;}.containerFlashSale .headerFS .FSnav .swiper-button-next, .containerFlashSale .headerFS .FSnav .swiper-button-prev {display: flex;justify-content: center;align-items: center;position: relative;width: 40px;height: 40px;border-radius: 12px;background: var(--white);color: #6b7c8e;box-shadow: 0 1px 70px 0 rgba(203, 203, 203, 0.05);}.swiper-slide.flashSale .desc .produkFS, .swiper-slide.flashSale .desc .realPrice, .swiper-slide.flashSale .desc .realPrice .rp, .swiper-slide.flashSale .desc .subtitleFs {color: var(--white);line-height: normal;font-style: normal;}.containerFlashSale .headerFS .FSnav .swiper-button-next {margin-right: -10px;}.containerFlashSale .headerFS .FSnav .swiper-button-prev {margin-right: 30px;}.containerFlashSale .headerFS .FSnav .swiper-button-next::after, .containerFlashSale .headerFS .FSnav .swiper-button-prev::after {font-size: 15px;}.swiper-slide.flashSale {position: relative;height: 170px;border-radius: 10px;overflow: hidden;cursor: pointer;}.swiper-slide.flashSale img {width: 100%;filter: drop-shadow(0px 1px 70px rgba(203, 203, 203, 0.25));}.swiper-slide.flashSale .mask {position: absolute;left: 0;bottom: 0;z-index: 2;width: 100%;height: 190px;border-radius: 0 0 10px 10px;border-image: fill 0 linear-gradient(#0e12215e, var(--bg-dark));}.swiper-slide.flashSale .produk {position: absolute;left: 0;top: 0;z-index: 4;width: 100%;height: 70px;padding: 15px 0 15px 15px;border-radius: 0;}.swiper-slide.flashSale .desc {position: absolute;left: 0;bottom: 0;z-index: 4;width: 100%;height: 120px;padding: 12px 0 12px 14px;border-radius: 0 0 24px 10px;}.swiper-slide.flashSale .desc .titleFs, .swiper-slide.flashSale .produk .titleFs {color: var(--white);font-size: 12px;font-style: normal;font-weight: 600;line-height: normal;margin-right: 28px;}.swiper-slide.flashSale .desc .subtitleFs {font-size: 12px;font-weight: 300;margin-right: 28px;}.swiper-slide.flashSale .desc .price {display: flex;justify-content: end;flex-direction: column;gap: 3px;}.swiper-slide.flashSale .desc .produkFS {font-size: 15px;font-weight: 600;margin-right: 28px;}.swiper-slide.flashSale .desc .realPrice {padding: 4px 10px;font-size: 14px;font-weight: 500;margin-top: 15px;background: linear-gradient( 90deg, var(--yellow-primary) 1.52%, rgba(255, 168, 66, 0) 60% );}.swiper-slide.flashSale .desc .realPrice .rp {text-align: center;font-size: 12px;font-weight: 500;}.swiper-slide.flashSale .desc .disc {color: rgba(255, 255, 255, 0.7);font-size: 12px;font-style: normal;font-weight: 300;line-height: normal;margin-top: 2px;text-decoration: line-through;}.navTabs {display: flex;justify-content: start;align-items: center;gap: 0.5rem;}.navTabs .btnNavTabs {display: flex;justify-content: center;align-items: center;gap: 0.5rem;padding: 10px 12px;border-radius: 12px;border: 2px solid var(--light-grey);background: var(--white);}[data-theme="dark"] .navTabs .btnNavTabs {background: var(--dark-blue);border-color: 2px solid transparent;}.navTabs .btnNavTabs .icon {display: flex;justify-content: center;align-items: center;width: 20px;height: 20px;font-size: 0.7rem;border-radius: 50%;color: var(--black-text);background: var(--light-grey);}.navTabs .btnNavTabs .text {color: var(--black-text);text-align: center;font-size: 0.75rem;font-style: normal;font-weight: 400;line-height: 1rem;}.navTabs .btnNavTabs.active {border: 2px solid var(--yellow-primary);background: var(--light-yellow);}[data-theme="dark"] .navTabs .btnNavTabs.active {border: 2px solid var(--yellow-primary);background: var(--light-blue);}.navTabs .btnNavTabs.active .icon {color: var(--white);background: var(--yellow-primary);}.containerPopuler .title-head, .containerProduct .title-head {text-align: left;margin-bottom: 1.5rem;}.containerProduct .containers {border-radius: 15px;border: 2px solid var(--white);position: relative;overflow: hidden;cursor: pointer;}[data-theme="dark"] .containerPopuler .containers, [data-theme="dark"] .containerProduct .containers {border: 2px solid hsla(0, 0%, 100%, 0.12);}.containerProduct .tab-content {margin-top: 1rem;}.containerProduct .containers .product-img {width: 100%;transform: scale(1) rotate(1deg);transition: 0.5s ease-out;}@media screen and (min-width: 992px) {.containerProduct .containers .product-img {width: 195px;height: 260px;transform: scale(1) rotate(1deg);transition: 0.5s ease-out;}}.containerProduct .containers .logo {height: 40px;position: absolute;top: 80%;left: 50%;transform: translate(-50%, -50%);transition: 0.5s ease-out;}.containerProduct .containers:hover .logo {top: 50%;height: 32px;transition: 0.1s ease-out;}.containerProduct .containers:hover .product-img {filter: blur(13.59px);transform: scale(1.2) rotate(3deg);transition: 0.1s ease-out;}.containerProduct .containers:hover .desc, .containerProduct .containers:hover .mask {bottom: 90px;}.containerProduct .containers:hover .mask, .containerProduct .containers:hover .desc {bottom: 0;}.containerProduct .containers .mask {position: absolute;left: 0;bottom: -60;z-index: 2;width: 100%;height: 55px;border-radius: 0px 0px 15px 15px;transition: 0.3s;}.containerProduct .containers .desc {position: absolute;left: 0;bottom: -60px;z-index: 4;width: 100%;height: 58px;padding: 12px 0 12px 14px;border-radius: 0px 0px 15px 15px;background: var(--dark-blue);transition: 0.3s;}.containerProduct .containers .desc .game {color: var(--white);text-align: left;font-size: 14px;font-style: normal;font-weight: 600;line-height: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.containerProduct .containers .desc .image {filter: grayscale(100%);}.containerProduct .containers .desc .vendor {text-align: left;font-size: 12px;font-style: normal;color: rgba(255, 255, 255, 0.6);font-weight: 300;line-height: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.containerPopuler .containers .desc .game, .containerPopuler .containers .desc .vendor {color: var(--black);font-weight: 600;text-align: center;font-style: normal;line-height: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.containerPopuler .containers {border-radius: 10px;border: 2px solid var(--white);position: relative;overflow: hidden;cursor: pointer;margin-bottom: 1rem;}.containerPopuler .containers .image {border-radius: 10px;}.containerPopuler .containers .product-img {width: 100%;height: 6rem;filter: grayscale(90%);object-fit: cover;object-position: 100% 10%;border-radius: 10px;transition: 0.5s ease-out;}.containerPopuler .containers:hover .product-img {filter: none;transition: 0.1s ease-out;}.containerPopuler .containers:hover {border: 2px solid var(--yellow-primary);}.containerPopuler .containers .desc {padding: 10px;}.containerPopuler .containers .desc .game {font-size: 14px;}.containerPopuler .containers .desc .vendor {opacity: 0.5;font-size: 10px;}.accordionBody .accordionContent, .accordionBodyPay .accordionContent, .containerAlpha {position: relative;margin: 1rem 0;}.containerAlpha .banner {border-radius: 15px;width: 100%;}.containerAlpha .containerML {position: absolute;left: 60px;bottom: -70px;display: flex;justify-content: center;align-items: center;width: 180px;height: 110px;border: 1px solid var(--yellow-primary);border-radius: 10px;background: var(--bg-body);backdrop-filter: blur(13.59px);}[data-theme="dark"] .containerAlpha .containerML {background: var(--navbar) !important;}.containerAlpha .containerML .logo-ml {width: 80px;}.containerNominal {width: 100%;position: relative;margin-top: 6rem;}.accordion {position: relative;margin-bottom: 1.6rem;}.accordionHead {display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 12px 24px;background: var(--yellow-primary);cursor: pointer;border-radius: 15px;transition: 0.2s;}.accordionHead.is-open {border-radius: 15px 15px 0 0;transition: 0.2s;}.accordionHead .containers img {width: 28px;height: 34px;}.accordionHead .containers .title {color: var(--white);font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;}.accordionHead i {font-size: 14px;color: var(--white);transition: 0.3s;}.accordionHead.is-open i, .accordionHeadPay.is-open i {transform: rotate(90deg);}.accordionBody {background-color: #fff;padding: 0 1.5rem;border-radius: 0 0 15px 15px;box-shadow: 0 0 15px 0 rgba(242, 242, 242, 0.5);max-height: 0;overflow: hidden;transition: max-height 0.2s ease-in-out;}[data-theme="dark"] .accordionBody, [data-theme="dark"] .pwa {background-color: var(--light-blue);}.accordionBody .accordionContent .text {color: var(--black-text);text-align: justify;font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;}.accordionBody .accordionContent .text2 {color: var(--black-text);text-align: justify;font-size: 14px;font-style: normal;font-weight: 600;line-height: normal;}.containerChoice .text .count, .containerChoice .text .desc {color: var(--black);line-height: normal;text-align: center;font-style: normal;}.accordionBody .accordionContent ul li {position: relative;list-style-type: decimal;color: var(--black-text);text-align: justify;font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;margin-left: -15px;}.accordionHeadPay {display: flex;justify-content: space-between;align-items: center;width: 100%;height: 56px;padding: 0 42px 0 24px;border-radius: 10px;background: var(--light-yellow);backdrop-filter: blur(5px);cursor: pointer;transition: 0.2s;}.accordionHeadPay.is-open {border-radius: 10px 10px 0 0;transition: 0.2s;}.accordionHeadPay .title {color: var(--dark-blue);text-align: start;font-size: 14px;font-style: normal;font-weight: 500;line-height: 150%;}.accordionHeadPay .containers {display: flex;justify-content: start;align-items: center;gap: 1rem;}.accordionHeadPay .containers img {width: 50px;}.accordionHeadPay i {position: absolute;top: 14px;right: 18px;font-size: 18px;color: var(--light-blue);transition: 0.3s;}.accordionHeadPay.is-open i .accordionBodyPay {border: 1px solid var(--light-grey);}.accordionBodyPay {background-color: var(--white);padding: 0 1rem;border-radius: 0 0 10px 10px;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-in-out;}[data-theme="dark"] .accordionBodyPay, [data-theme="dark"] .theme-switch {background-color: var(--light-blue);border: 1px solid hsla(0, 0%, 100%, 0.12);}.containerHis .note, .containerNominal .note {color: var(--black-text);font-size: 12px;font-style: normal;font-weight: 300;line-height: 160%;}.containerChoice {position: relative;display: flex;justify-content: center;align-items: center;gap: 1.2rem;width: 100%;padding: 20px 15px;border-radius: 10px;border: 1px solid var(--dark-grey);background: rgba(255, 255, 255, 0.5);backdrop-filter: blur(10px);cursor: pointer;margin-bottom: 1.4rem;}.choicePay, .choicePay .containers .icon {background: var(--light-grey);display: flex;}.containerChoice .containerIcon {display: flex;justify-content: center;align-items: center;position: absolute;top: 0;left: 0;width: 32px;height: 32px;border-radius: 10px 0;background: var(--white);}.containerChoice .containerIcon i {font-size: 18px;color: var(--white);}.containerChoice .text .desc {font-size: 14px;font-weight: 600;}.containerChoice .text .count {font-size: 13px;font-weight: 400;margin-top: 4px;}[data-theme="dark"] .containerChoice {border: 1px solid hsla(0, 0%, 100%, 0.12);background: var(--light-blue);}.nom-radio:checked:checked ~ .containerChoice {background: var(--light-yellow);border: 1px solid var(--yellow-primary);}[data-theme="dark"] .nom-radio:checked:checked ~ .containerChoice {background: var(--bg-dark);border: 1px solid var(--yellow-primary);}.nom-radio:checked:checked ~ .containerChoice .text .count, .nom-radio:checked:checked ~ .containerChoice .text .desc {color: var(--yellow-primary);}.nom-radio:checked:checked ~ .containerChoice .containerIcon {top: -1px;left: -1px;background: var(--yellow-primary);}.choicePay {position: relative;justify-content: space-between;align-items: center;width: 100%;height: 55px;padding: 0 12px;border-radius: 12px;border: 2px solid var(--light-grey);cursor: pointer;margin-bottom: 1rem;}.choicePay .containers .icon {justify-content: center;align-items: center;width: 16px;height: 16px;border-radius: 50%;border: 1px solid var(--dark-grey);}.choicePay .containers .icon i {font-size: 12px;color: var(--light-grey);margin-bottom: -2px;margin-left: -1px;}.choicePay .containers .text .name {color: var(--black-text);font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;}.choicePay .containers .text .price, .containerTestimoni .trusted-text {font-weight: 600;line-height: normal;color: var(--yellow-primary);font-style: normal;}.choicePay .containers .text .price {font-size: 12px;}.pay-radio:checked:checked ~ .choicePay {background: var(--light-yellow);border: 1px solid var(--yellow-primary);}[data-theme="dark"] .pay-radio:checked:checked ~ .choicePay {background: 0 0;}.pay-radio:checked:checked ~ .choicePay .text .count, .pay-radio:checked:checked ~ .choicePay .text .desc {color: var(--yellow-primary);}.pay-radio:checked:checked ~ .choicePay .containers .icon {background: var(--yellow-primary);border-color: var(--yellow-primary);}.pay-radio:checked:checked ~ .choicePay .containers .icon i {color: var(--white);}.pay-radio:checked:checked ~ .choicePay .containers .text .price {color: var(--yellow-primary);display: block;}.subContent {position: relative;background: #fff;margin-top: 100px;}.containerTestimoni {position: relative;width: 100%;background-color: var(--dark-blue);padding: 75px 48px;}[data-theme="dark"] .containerTestimoni, [data-theme="dark"] .footer {background-color: var(--bg-dark);}.containerTestimoni .trusted-text {font-size: 16px;}.containerTestimoni .desc-text {color: var(--white);font-size: 36px;font-style: normal;font-weight: 700;line-height: 120%;margin: 6px 0;}.containerTestimoni .subdesc-text {color: var(--white);font-size: 16px;font-style: normal;font-weight: 300;line-height: normal;opacity: 0.5;}.containerTestimoni .containerUsers {display: flex;justify-content: start;align-items: center;}.containerTestimoni .containerUsers .containers {position: relative;width: 120px;margin-top: 1rem;}.containerTestimoni .containerUsers .containers:first-child::after {content: "";position: absolute;top: 10px;right: 25px;width: 1px;height: 30px;background: #ffffff60;}.containerTestimoni .containerUsers .containers::after {content: "";position: absolute;top: 10px;right: 36px;width: 1px;height: 30px;background: #ffffff60;}.containerTestimoni .containerUsers .containers:last-child:after {content: "";position: absolute;top: 10px;right: 36px;width: 1px;height: 30px;background: 0 0;}.containerTestimoni .containerUsers .containers .count {color: #f6f8fd;font-size: 32px;font-style: normal;font-weight: 700;line-height: 90%;}.containerTestimoni .containerUsers .containers .title {color: var(--white);font-size: 14px;font-style: normal;font-weight: 300;line-height: 150%;opacity: 0.5;}.mt-10, .swiperTesti {margin-top: 5rem;}.containerTracking, .swiperNews {margin-top: 4rem;position: relative;}.testimoni .containers .rate {position: relative;display: flex;justify-content: start;align-items: center;gap: 0.4rem;}.testimoni .containers .rate i {color: var(--yellow-primary);font-size: 14px;}.testimoni .containers .cardINV {color: #34364a;font-size: 20px;font-style: normal;font-weight: 600;line-height: 160%;}.testimoni .containers .desc {color: #6b7c8e;font-size: 14px;font-style: normal;font-weight: 400;line-height: 150%;margin-top: -4px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.notes, .testimoni .containers .invoice {color: #6b7c8e;}[data-theme="dark"] .desc, [data-theme="dark"] .notes, [data-theme="dark"] .notfound .head, [data-theme="dark"] .notfound .title, [data-theme="dark"] .testimoni .containers .desc, [data-theme="dark"] .testimoni .containers .cardINV, [data-theme="dark"] .testimoni .containers .invoice {color: #fff;}.testimoni .containers .name {color: var(--yellow-primary);font-size: 14px;font-style: normal;font-weight: 500;line-height: 120%;margin-top: 1rem;}.testimoni .containers .contentBot {display: flex;justify-content: space-between;align-items: center;margin-top: 4px;}.testimoni .containers .contentBot .text {color: var(--black-text);font-size: 12px;font-style: normal;font-weight: 300;line-height: 120%;}.containerNews {position: relative;padding: 5rem 3rem;background-color: #fff;}[data-theme="dark"] .containerNews {background-color: var(--light-grey);}.containerNews .head, .ticketBarcode {position: relative;display: flex;justify-content: center;align-items: center;flex-direction: column;}.containerNews .title1 {color: var(--yellow-primary);text-align: center;font-size: 16px;font-style: normal;font-weight: 600;line-height: normal;}.containerNews .title2, .containerNews .title3 {color: var(--dark-blue);text-align: center;font-style: normal;line-height: normal;}.containerNews .title2 {position: relative;display: inline-flex;font-size: 32px;font-weight: 700;}[data-theme="dark"] .containerNews .title2, [data-theme="dark"] .containerNews .title3 {color: var(--black);}.containerNews .title2 img {position: absolute;top: -20px;right: -40px;}.containerNews .title3 {font-size: 16px;font-weight: 300;}.virtualaccount .head, .virtualaccount ol li {color: #34364a;leading-trim: both;text-edge: cap;}.swiperNews .containers img {width: 100%;height: 220px;border-radius: 10px 10px 0 0;}.swiperNews .containers .date {position: relative;display: inline-block;padding-left: 1.4rem;border-radius: 20px;color: var(--yellow-primary);font-size: 14px;font-style: normal;font-weight: 300;line-height: normal;margin-top: 1rem;}.swiperNews .containers .subtitle, .swiperNews .containers .title {padding-right: 1.4rem;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-style: normal;line-height: normal;}.swiperNews .containers .title {color: var(--white);font-size: 16px;font-weight: 600;margin-top: 8px;margin-bottom: 8px;padding-left: 1.4rem;}.swiperNews .containers .subtitle {color: var(--black-text);font-size: 12px;font-weight: 300;margin-top: 6px;}.containerNavNews {position: relative;display: flex;justify-content: center;align-items: center;}.container-track {background-image: url("https://flowbite.s3.amazonaws.com/docs/jumbotron/hero-pattern.svg");width: 100%;height: 100%;}[data-theme="dark"] .container-track {background-image: url("../images/hero-pattern-dark.svg");width: 100%;height: 100%;}.containerTracking {display: flex;justify-content: center;align-items: center;flex-direction: column;padding-bottom: 2rem;}.virtualaccount .head {font-family: Outfit;font-size: 25px;font-style: normal;font-weight: 600;line-height: normal;}.notfound .head, .notfound .title {color: var(--blacktext);font-family: Outfit;}.containerTracking .head .title, .notfound .head, .notfound .title {font-style: normal;line-height: 160%;text-align: center;}.virtualaccount ol {padding-left: 16px !important;}.text-green {color: #00dd73 !important;}.notfound {padding: 100px 0;}.notfound img {width: 200px;}.notfound .head {font-size: 32px;font-weight: 600;}.notfound .title {font-size: 16px;font-weight: 400;}.virtualaccount ol li {font-family: Outfit;font-size: 14px;font-style: normal;font-weight: 300;line-height: normal;}.containerTracking .head, .history .containerSaldo, .mobileNav .containers {display: flex;justify-content: center;align-items: center;flex-direction: column;}.footer, .footer .logo {justify-content: center;}.containerTracking .head .title {color: var(--black);font-size: 36px;font-weight: 600;}.containerTracking .head .subtitle {color: var(--black);text-align: center;font-size: 14px;font-style: normal;font-weight: 300;line-height: 160%;}.containerTracking .notes .text1, .containerTracking .notes .text2 {color: var(--black-text);line-height: 160%;font-style: normal;font-size: 14px;}.containerTracking .cardTrack {position: relative;padding: 4px;border-radius: 20px;width: 100%;margin-top: 1.5rem;}.containerTracking .cardTrack a, .containerTracking .cardTrack button {position: absolute;top: 50%;right: -30px;transform: translate(-50%, -50%);}.containerTracking .notes {position: relative;width: 760px;margin-top: 3rem;}.footer, .footer .bottomFoot, .mobileNav {width: 100%;display: flex;}.containerTracking .notes .text1 {font-weight: 700;}.containerTracking .notes .text2 {font-weight: 300;}.footer {position: relative;align-items: center;flex-direction: column;background-color: var(--dark-blue);padding-top: 48px;}.footer .logo {display: flex;align-items: center;gap: 0.5rem;}.footer .logo img {height: 38px;}.footer .logo .names {color: var(--white);font-size: 22px;font-style: normal;font-weight: 700;line-height: 160%;}.footer .desc {color: rgba(255, 255, 255, 0.8);text-align: center;font-size: 14px;font-style: normal;font-weight: 300;line-height: 150%;max-width: 580px;margin: 8px 0;}.mobileNav .containers .text, .ticketBarcode .diamond, .ticketBarcode .cardINV, .ticketBarcode .price {font-style: normal;line-height: normal;}.footer .sosmed {display: flex;justify-content: center;align-items: center;gap: 1rem;margin: 1rem 0;}.footer .sosmed .containers {position: relative;display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;border-radius: 10px;background: var(--yellow-primary);box-shadow: 0 4px 50px 0 rgba(17, 20, 58, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.4) inset;backdrop-filter: blur(5px);}.footer .bottomFoot {position: relative;justify-content: center;align-items: center;margin-top: 1.6rem;border-top: 1px solid rgba(255, 255, 255, 0.3);padding: 1rem 0;}.containerRate .logo, .ticketDetail::after {position: absolute;transform: translate(-50%, -50%);}.footer .bottomFoot .copyright, .footer .bottomFoot .linkFoot {position: relative;display: flex;justify-content: center;align-items: center;width: 50%;}.footer .bottomFoot .linkFoot .containers {position: relative;display: flex;justify-content: center;align-items: center;gap: 1rem;}.footer .bottomFoot .copyright .text, .footer .bottomFoot .linkFoot a {color: var(--white);text-align: center;font-size: 14px;font-style: normal;font-weight: 300;line-height: 150%;white-space: nowrap;}.mobileNav {justify-content: space-around;align-items: center;position: fixed !important;bottom: 0;left: 0;height: 8%;padding: 1rem;visibility: hidden;background: #fff;box-shadow: 0 -1px 100px 0 rgba(255, 168, 66, 0.1);z-index: 99;transition: transform 0.5s ease-out;transform: translateY(0);}[data-theme="dark"] .mobileNav {background: var(--navbar);backdrop-filter: blur(13.59px);}.circles li, .containerRate, .hisTabs .btnHisTabs {background: var(--white);}.mobileNav-hidden {transform: translateY(-100%);}.hisTabs .btnHisTabs i, .mobileNav .containers i {font-size: 22px;color: var(--black-text);}.mobileNav .containers .text {color: var(--black-text);text-align: center;font-size: 12px;font-weight: 400;}.mobileNav .containers.active i {font-size: 24px;color: var(--yellow-primary);}.darkbl, .hisTabs .btnHisTabs.active .text, .hisTabs .btnHisTabs.active i, .login-card .option a, .mobileNav .containers.active .text, .yellowprim {color: var(--yellow-primary);}.ticketDetail::after {content: "";top: 50%;right: -40px;width: 1px;height: 350px;border-left: 1px dashed var(--black-text);}.ticketBarcode .logo {height: 50px;margin-bottom: 6px;}.ticketBarcode .barcode, .ticketBarcode .status {width: 245px;height: 245px;margin: 1rem 0;}.ticketBarcode .cardINV {color: #6b7c8e;font-size: 24px;font-weight: 600;}.ticketBarcode .diamond {color: #6b7c8e;font-size: 16px;font-weight: 300;}.ticketBarcode .price {color: var(--yellow-primary);font-size: 20px;font-weight: 600;}.ticketBarcode .barcode {border-radius: 10px;border: 1px solid var(--yellow-primary);}.ticketBarcode .desc .text {color: #6b7c8e;font-size: 14px;font-style: normal;font-weight: 300;line-height: normal;}.ticketDetail .containers .desc, .ticketDetail .containers .title {font-size: 16px;font-style: normal;line-height: normal;color: #6b7c8e;}.ticketBarcode .desc .logoPay {display: flex;justify-content: space-around;align-items: center;margin: 6px 0;}.ticketDetail {position: relative;padding-left: 2.2rem;padding-right: 1rem;}.ticketDetail .head {color: #34364a;font-size: 24px;font-style: normal;font-weight: 600;line-height: normal;margin-bottom: 16px;}.ticketDetail .containers {display: flex;justify-content: space-between;align-items: center;margin-bottom: 12px;}.ticketDetail .containers .title {font-weight: 400;}.ticketDetail .containers .desc {font-weight: 600;}.containerRate {position: relative;}.containerRate .logo {top: -50px;left: 50%;height: 100px;}.containerRate .title {color: var(--black);text-align: center;font-size: 24px;font-style: normal;font-weight: 600;line-height: 160%;}.login-card .head, .login-card .option {leading-trim: both;text-edge: cap;font-family: Outfit;line-height: 150%;font-style: normal;}.containerRate .emoji {display: flex;justify-content: space-around;align-items: center;margin-top: 1rem;margin-bottom: 1rem;}.choiceEmoji {position: relative;display: flex;justify-content: center;align-items: center;width: 64px;height: 64px;border-radius: 50%;border: 1px solid transparent;cursor: pointer;transition: 0.3s;}.emoji-radio:checked:checked ~ .choiceEmoji {border: 1px solid var(--yellow-primary);transition: 0.3s;}section.history {position: relative;max-width: 768px;margin: 0 auto 6rem;}.history .containerHead .user {width: 42px;height: 42px;border-radius: 50%;color: var(--black);border: 2px solid var(--yellow-primary);display: flex;justify-content: center;align-items: center;}.history .containerHead .identity .name {display: flex;justify-content: start;align-items: center;gap: 0.8rem;color: var(--black);font-size: 21px;font-style: normal;font-weight: 500;line-height: normal;}.history .containerHead .identity .name img {width: 20px;margin-bottom: 4px;}.history .containerHead .identity .desc {color: var(--blacktext);font-size: 12px;font-style: normal;font-weight: 300;line-height: normal;}[data-theme="dark"] .history .containerHead .identity .desc, [data-theme="dark"] .logoName, [data-theme="dark"] .nav-item-link .title, [data-theme="dark"] .navigation, [data-theme="dark"] .pwa .desc {color: var(--white);}.history .containerSaldo .icon {display: flex;justify-content: center;align-items: center;width: 45px;height: 45px;border-radius: 12px;background: var(--yellow-primary);}.history .containerSaldo .desc {color: var(--black-text);font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;margin: 6px 0;}.history .containerSaldo .price {color: var(--black);font-size: 32px;font-style: normal;font-weight: 700;line-height: normal;margin-bottom: -40px;}.hisTabs {position: relative;bottom: -65px;display: flex;justify-content: center;align-items: center;gap: 1rem;}.hisTabs .btnHisTabs {display: flex;justify-content: center;align-items: center;flex-direction: column;width: 80px;height: 80px;border-radius: 12px;border: 1px solid var(--dark-grey);}[data-theme="dark"] .hisTabs .btnHisTabs {background: 0 0;}.hisTabs .btnHisTabs .text {color: var(--black-text);text-align: center;font-size: 14px;font-style: normal;font-weight: 300;line-height: normal;margin-top: -4px;}.hisTabs .btnHisTabs.active {border: 1px solid var(--yellow-primary);background: var(--light-yellow);}.history .containerHis .head {display: flex;justify-content: space-between;align-items: center;margin-bottom: 1.2rem;}.containerHis .head .title {color: #34364a;font-size: 24px;font-style: normal;font-weight: 600;line-height: normal;}.containerHis .head .filter {position: relative;display: flex;justify-content: center;align-items: center;width: 32px;height: 32px;font-size: 16px;border-radius: 10px;color: var(--black-text);background: var(--dark-grey);}.containerHis .contents .transaksi {position: relative;display: flex;justify-content: space-between;align-items: center;padding-bottom: 0.8rem;margin-bottom: 1rem;border-bottom: 1px solid var(--light-grey);}.containerHis .contents .transaksi .containers {position: relative;display: flex;justify-content: start;align-items: center;gap: 0.8rem;}.containerHis .contents .transaksi .containers .icon {position: relative;display: flex;justify-content: center;align-items: center;width: 32px;height: 32px;border-radius: 8px;box-shadow: 0 1px 70px 0 rgba(203, 203, 203, 0.25);}.containerHis .contents .transaksi .containers .icon.plus {background: #28c76f21;}.containerHis .contents .transaksi .containers .icon.min {background: #fff0f4;}.containerHis .contents .transaksi .containers .text .date {color: var(--black-text);font-size: 12px;font-style: normal;font-weight: 300;line-height: normal;}.containerHis .contents .transaksi .containers .text .date span {font-weight: 400;}.containerHis .contents .transaksi .containers .text .price {font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;}.containerHis .contents .transaksi .containers .text .price.plus {color: #28c76f;}.containerHis .contents .transaksi .containers .text .price.min {color: #ff5f8c;}.containerHis .contents .transaksi i {font-size: 14px;color: var(--black-text);}@media (max-width: 800px) {.justify-sb-res {flex-direction: column;gap: 1rem;}.navbar {padding: 15px 18px;justify-content: start;}.navbar.active {padding: 16px !important;}.navbar .navLeft img {position: absolute;top: 18px;left: 20px;}.containerFlashSale .headerFS .FSnav, .containerNews .title2 img, .navbar .navLeft .logoName, .navbar .navRight .containerMenu, .navbar .navRight .login {display: none;}.navbar .navRight {width: 100%;margin-left: 60px;gap: 2rem;}.navbar .navRight .navSearch {width: 100%;position: relative;}.navbar .navRight .navSearch input {width: 100%;height: 40px;padding: 12px 14px;border-radius: 10px;font-size: 14px;font-weight: 300;color: var(--black-text);background: var(--light-grey);border: none;outline: 0;}[data-theme="dark"].navbar .navRight .navSearch input {color: var(--black);background: var(--light-blue);}.content {padding: 20px 0;}.swiper-slide.flashSale {height: 150px !important;}.containerTitle {padding: 0 12px;}.containerTitle .title, .title-head {font-size: 22px;}.containerTitle .subtitle {font-size: 12px;margin-top: 0.5rem;}.containerFlashSale, .containerProduct {padding: 0;}.navTabs {flex-wrap: nowrap;overflow-x: scroll;}.navTabs .text {white-space: nowrap;}.navTabs::-webkit-scrollbar {width: 4px;height: 4px;}.navTabs::-webkit-scrollbar-thumb {background: 0 0;}.navTabs::-webkit-scrollbar-track {background: 0 0;}.containerAlpha .banner {width: 100%;height: 130px;border-radius: 10px;object-fit: cover;}.containerAlpha {margin: 0;}.containerAlpha .containerML {position: absolute;left: 10px;bottom: -45px;width: 150px;height: 85px;border-radius: 10px;}.containerAlpha .containerML .logo-ml {width: 80px;}.containerNominal {padding: 0 12px;margin-top: 4rem;}.containerNominal .reverse {flex-direction: column;}.accordionHeadPay {display: flex;justify-content: start;align-items: start;flex-direction: column;height: auto;padding: 15px 42px 15px 24px;transition: 0.2s;}.accordionHeadPay .containers img {width: 45px;margin-top: 4px;}.choicePay .containers .text {display: flex;justify-content: start;align-items: start;flex-direction: column;gap: 0.2rem;}.containerTestimoni {padding: 75px 12px;}.containerNews .title1, .containerTestimoni .trusted-text {font-size: 14px;}.containerNews .title2, .containerTestimoni .containerUsers .containers .count, .containerTestimoni .desc-text, .containerTracking .head .title, [data-theme="dark"] .containerNews .title2 {font-size: 24px;}.containerNews .title3, .containerTestimoni .containerUsers .containers .title, .containerTestimoni .subdesc-text, .containerTracking .head .subtitle, .footer .bottomFoot .copyright .text, .footer .bottomFoot .linkFoot a, .testimoni .containers .desc, .testimoni .containers .rate i {font-size: 12px;}.containerTestimoni .containerUsers .containers {position: relative;width: 120px;margin-top: 1rem;}.containerTestimoni .containerUsers .containers:first-child::after {content: "";position: absolute;top: 7px;right: 18px;width: 1px;height: 25px;background: #ffffff60;}.containerTestimoni .containerUsers .containers::after {content: "";position: absolute;top: 7px;right: 22px;width: 1px;height: 25px;background: #ffffff60;}.swiperTesti {margin-top: 5rem;}.testimoni .containers .rate {gap: 0.2rem;}.testimoni .containers .cardINV {font-size: 16px;}.testimoni .containers .contentBot .text {font-size: 10px;}.containerNews {padding: 4rem 0;}.swiperNews .containers img {height: 120px;}.containerTracking .cardTrack, .containerTracking .notes {width: 100%;}.footer .desc {padding: 0 1.2rem;}.footer .bottomFoot {flex-direction: column-reverse;gap: 0.4rem;}.mobileNav {visibility: visible;}}@media (max-width: 500px) {.banner-img {border-radius: 10px;}.containerTitle {margin: 24px 0;}.swiper {margin-bottom: 1rem;}}@media (max-width: 766px) {.ticketBarcode {margin-bottom: 1.5rem;}.ticketDetail {margin-top: 1.5rem;}.ticketDetail::after {display: none;}.ticketDetail::before {content: "";position: absolute;bottom: -1.5rem;left: 50%;transform: translate(-50%, -50%);width: 90%;height: 1;border-bottom: 1px dashed var(--black-text);}section.history {margin: 3rem auto;padding: 0 0.6rem;}.hisTabs {bottom: -58px;display: flex;justify-content: center;align-items: center;flex-wrap: nowrap;}.hisTabs .btnHisTabs {width: 70px;height: 70px;}.hisTabs .btnHisTabs i {font-size: 18px;}.hisTabs .btnHisTabs .text {font-size: 12px;}.nav.hisTabs {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 10px;}.nav.hisTabs .nav-item {margin-bottom: 0;padding: 3px;}}.circles li, [data-theme="dark"] .logodark {display: block;}.login-card {display: flex;padding: 30px;flex-direction: column;align-items: flex-start;gap: 16px;border-radius: 20px;border: 1px solid var(--yellow-primary);background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(10px);}.icon-paddword {position: absolute;top: 50%;right: 0;transform: translateY(-50%);background: 0 0;border: none;padding: 0;margin: 0;cursor: pointer;font-size: inherit;color: inherit;}.floating-btu, .floating-contact {position: fixed;z-index: 99999;right: 10px;box-shadow: 0 2px 90px 0 rgba(71, 71, 71, 0.15);cursor: pointer;}.login-card .head {color: var(--white);font-size: 32px;font-weight: 600;}.login-card .option {color: rgba(255, 255, 255, 0.6);font-size: 12px;font-weight: 500;}.input-date {display: flex;height: 68px;padding: 20px;align-items: flex-end;gap: 10px;align-self: stretch;border-radius: 18px;background: var(--grey, #f6f8fd);}.btn-primary, .daterangepicker td.active, .daterangepicker td.active:hover {background-color: var(--yellow-primary) !important;}.daterangepicker td.in-range {background-color: #fbf3e7 !important;}.btn-primary {color: var(--white);border: none;}.theme-switch {cursor: pointer;background-color: #fff;border-radius: 0.375rem;display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;}.floating-contact {background-color: var(--yellow-primary);padding: 10px;border-radius: 10px 10px 0;bottom: 110px;}.floating-btu {background-color: var(--light-yellow);padding: 12px;border-radius: 10px;bottom: 40px;}.floating-contact img {width: 32px;display: block;margin: 0 auto;}.floating-contact span {color: #6b7c8e;font-weight: 600;font-size: 12px;}.text-white {color: #fff !important;}.text-dark {color: var(--black-text) !important;}.text-grey {color: #6b7c8e !important;}.text-info {color: #00cfe8 !important;}.text-success {color: #28c76f !important;}.text-danger {color: #ea5455 !important;}.text-sm {font-size: 12px;font-weight: 300;}.text-xs {font-size: 0.75rem;line-height: 1rem;}.justify-between {justify-content: space-between;}.items-center {align-items: center;}.h-40 {height: 6rem;}.shadow {box-shadow: -1px 2px 4px 1px rgba(144, 144, 144, 0.5);-webkit-box-shadow: -1px 2px 4px 1px rgba(144, 144, 144, 0.5);-moz-box-shadow: -1px 2px 4px 1px rgba(144, 144, 144, 0.5) !important;}.leading-none {line-height: 1;}.circles {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;z-index: -99999;}.circles li {position: absolute;list-style: none;width: 130px;height: 130px;animation: 25s linear infinite animate;bottom: -150px;}.circles li:first-child {left: 25%;width: 80px;height: 80px;animation-delay: 0s;}.circles li:nth-child(2) {left: 10%;width: 110px;height: 110px;animation-delay: 2s;animation-duration: 12s;}.circles li:nth-child(3) {left: 70%;width: 20px;height: 20px;animation-delay: 4s;}.circles li:nth-child(4) {left: 40%;width: 130px;height: 130px;animation-delay: 0s;animation-duration: 18s;}.circles li:nth-child(5) {left: 65%;width: 90px;height: 90px;animation-delay: 0s;}.circles li:nth-child(6) {left: 75%;width: 110px;height: 110px;animation-delay: 3s;}.circles li:nth-child(7) {left: 35%;width: 110px;height: 110px;animation-delay: 7s;}.circles li:nth-child(8) {left: 50%;width: 150px;height: 150px;animation-delay: 15s;animation-duration: 45s;}.circles li:nth-child(9) {left: 20%;width: 80px;height: 80px;animation-delay: 2s;animation-duration: 35s;}.circles li:nth-child(10) {left: 85%;width: 150px;height: 150px;animation-delay: 0s;animation-duration: 11s;}@keyframes animate {0% {transform: translateY(0) rotate(0);opacity: 1;border-radius: 0;}100% {transform: translateY(-1000px) rotate(720deg);opacity: 0;border-radius: 20%;}}.sticky-tabs {position: sticky;top: 50px;padding-top: 1rem;padding-bottom: 1rem;background-color: #ffffffcf;backdrop-filter: blur(13.59px);z-index: 19;}.menu {--s: 20px;height: var(--s);aspect-ratio: 1;border: none;padding: 0;border-inline: calc(var(--s) / 2) solid #0000;box-sizing: content-box;--_g1: linear-gradient(var(--black) 20%, #0000 0 80%, var(--black) 0) no-repeat content-box border-box;--_g2: radial-gradient( circle closest-side at 50% 12.5%, var(--black) 95%, #0000 ) repeat-y content-box border-box;background: var(--_g2) left var(--_p, 0) top, var(--_g1) left calc(var(--s) / 10 + var(--_p, 0px)) top, var(--_g2) right var(--_p, 0) top, var(--_g1) right calc(var(--s) / 10 + var(--_p, 0px)) top;background-size: 20% 80%, 40% 100%;position: relative;clip-path: inset(0 25%);-webkit-mask: linear-gradient(90deg, #0000, #000 25% 75%, #0000);cursor: pointer;transition: background-position 0.3s var(--_s, 0.3s), clip-path 0s var(--_s, 0.6s);-webkit-appearance: none;-moz-appearance: none;appearance: none;}.menu:after, .menu:before {content: "";position: absolute;border-radius: var(--s);inset: 40% 0;background: var(--black);transition: transform 0.3s calc(0.3s - var(--_s, 0.3s));}.menu:checked {clip-path: inset(0);--_p: calc(-1 * var(--s));--_s: 0s;}.menu:checked:before {transform: rotate(45deg);}.menu:checked:after {transform: rotate(-45deg);}.menu:focus-visible {clip-path: none;-webkit-mask: none;border: none;outline: 2px solid var(--black);outline-offset: 5px;}.modal-backdrop {z-index: 1;}.logoName {font-size: 20px;font-style: normal;text-transform: uppercase;font-weight: 800;font-size: bold;color: var(--dark-blue);}.nav-item-link, .navigation {font-weight: 500;color: var(--dark-blue);}.navigation {font-size: 20px;font-style: normal;}.offcanvas-header .logoName {font-size: 30px;}.offcanvas-header img {width: 40px;}.offcanvas-start {top: 0;left: 0;width: 17rem;border-right: 1px solid rgba(0, 0, 0, 0.2);transform: translateX(-100%);}.nav-item-link {display: flex;gap: 2px;align-items: center;padding: 14px;border-radius: 10px;background-color: transparent;font-size: 18px;}.nav-item-link.active {margin: 0;padding-left: 10px;border-left: 4px solid transparent;border-color: var(--yellow-primary);border-radius: 0 !important;}.nav-item-link .icon-link {display: flex;justify-content: center;align-items: center;border-radius: 50%;background-color: var(--bg-body);color: var(--dark-blue);width: 30px;height: 30px;margin-right: 8px;}[data-theme="dark"] .nav-item-link .icon-link {background-color: var(--navbar);color: var(--white);}.nav-item-link .title {color: var(--dark-blue);}.nav-item-link:hover .title, [data-theme="dark"] .nav-item-link:hover .title {color: var(--bg-body);}.nav-item-link:hover {color: var(--dark-blue);background-color: var(--dark-blue);}.link-list, [data-theme="dark"] .link-list {display: flex;flex-direction: column;gap: 2;}[data-theme="dark"] .nav-item-link:hover {color: var(--white);background-color: var(--white);}.pwa {background-color: var(--light-yellow);}.pwa .desc {color: #000;}.rounded-xl {border-radius: 0.75rem;}[data-theme="dark"] .bg-white {background-color: var(--light-blue) !important;}.bg-primary {background: var(--yellow-primary);}.inset-0, .inset-x-0 {right: 0;left: 0;}.inset-0 {top: 0;bottom: 0;}.absolute {position: absolute;}.bg-gradient-to-r {background-image: linear-gradient(to right, var(--tw-gradient-stops));}.to-transparent {--tw-gradient-to: transparent;}.from-secondary-400 {--tw-gradient-from: hsl(260.8695652173913 11% 41%);--tw-gradient-to: hsl(260.8695652173913 11% 41%/0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}