.card.card-urbans-transparant{background-color:transparent!important;background-image:url(/build/assets/tiket-CkAmfrBA.svg);background-size:contain;background-position:center;background-repeat:no-repeat;position:relative}.card.card-urbans-transparant.card-pesanan-saya{box-shadow:none;cursor:grab}.card.card-urbans-transparant.card-pesanan-saya:active{cursor:grabbing}.card.card-urbans-transparant>.card-header.card-header-urbans-transparant{background-color:transparent!important}.card-header-border-bottom-transparant{border:none}.card-body-transparant,.card-footer-transparant{background-color:transparent!important}.card-footer-border-top-transparant{border:none}.main-container-kiri{display:flex;flex-direction:column;gap:10px;align-items:center;margin-top:65px}.informasi-card,.informasi-card-jadwal{display:flex;align-items:center;border-radius:8px;gap:10px}.informasi-card-jadwal{margin-top:5px}.informasi-details{display:flex;flex-direction:column}img.icon-tiket{width:20px}.informasi-label{font-size:12px;color:#555;margin-bottom:1px;font-weight:500}.informasi-code{font-size:15px;font-weight:700;color:#333;letter-spacing:.5px}.informasi-tanggal,.informasi-jam{font-size:13px;font-weight:600;color:#333;letter-spacing:.5px}.informasi-tanggal{padding-bottom:0}.main-container-kanan{display:flex;flex-direction:column;gap:15px;align-items:center;margin-top:45px}.route-card{display:flex;align-items:center}.route-origin,.route-destination{display:flex;flex-direction:column;text-align:left;gap:0px}.route-destination{text-align:right}.label{font-size:12px;color:#888;margin-bottom:0}.location-name{font-size:18px;font-weight:700;color:#333}.point-detail{font-size:12px;color:#007553}.route-separator{display:flex;align-items:center;justify-content:center;width:45px;height:45px;flex-shrink:0}img.icon-rute{width:25px}.status-buttons{display:flex;gap:10px;width:100%;max-width:500px;justify-content:center;flex-wrap:wrap}.status-button{padding:4px 10px;border:none;border-radius:5px;font-size:13px;font-weight:500;color:#fff;transition:background-color .3s ease,transform .1s ease;min-width:90px;cursor:default}button.status-button{cursor:pointer}.status-button:hover{transform:translateY(-2px)}.status-button.pending{background-color:#007553}.status-button.pending:hover{background-color:#005d42}.status-button.completed{background-color:#28a745}.status-button.completed:hover{background-color:#218838}.status-button.cancelled{background-color:#900}.status-button.cancelled-outline,.status-button.cancelled-outline:hover,.status-button.cancelled-outline:focus{background-color:transparent;color:#900;border:1px solid #990000}.status-button.cancelled:hover{background-color:#c82333}.row-my-order{margin-right:calc(-.2 * var(--bs-gutter-x));margin-left:calc(-.2 * var(--bs-gutter-x))}.pl-0{padding-left:0}.not-visible{visibility:hidden}@media (min-width: 320px) and (max-width: 480px){.card.card.card-urbans-transparant{width:330px;height:160px;background-image:url(/build/assets/tiket-mobile-Cz5gRjhV.svg);background-size:contain}.main-container-kiri{margin-top:20px}.informasi-card,.informasi-card-jadwal{gap:0px}img.icon-tiket{width:0px;display:none}.informasi-label{font-size:10px;color:#555;margin-bottom:1px;font-weight:500}.informasi-code{font-size:12px;font-weight:700;color:#333;letter-spacing:.5px}.informasi-tanggal,.informasi-jam{font-size:11px;font-weight:600;color:#333;letter-spacing:.5px}.informasi-tanggal{padding-bottom:0}.main-header-kanan{padding:7px;text-align:center}.header-info-order{margin-bottom:0;text-align:center;font-weight:500;font-style:italic;font-size:11px;color:#fff}.not-visible{visibility:hidden}.main-container-kanan{display:flex;flex-direction:column;gap:0px;align-items:center;margin-top:5px}.route-origin,.route-destination{flex-basis:50%;flex-grow:0;flex-shrink:0}.label{font-size:10px;color:#888;margin-bottom:0}.location-name{font-size:13px;font-weight:700;color:#333}.point-detail{font-size:10px;color:#007553}.route-separator{display:none;align-items:center;justify-content:center;width:25px;height:25px;flex-shrink:0}img.icon-rute{width:25px}.status-button{margin-top:15px}.status-button{gap:10px;padding:4px 10px;border:none;border-radius:5px;font-size:10px;font-weight:400;color:#fff;transition:background-color .3s ease,transform .1s ease;min-width:60px}}