.toll-spinner-container{height:50px}.toll-spinner,.toll-spinner:after,.toll-spinner:before{background:#fff;-webkit-animation:toll-spinner-animation 1s ease-in-out infinite;animation:toll-spinner-animation 1s ease-in-out infinite;width:1em;height:4em}.toll-spinner{color:#fff;text-indent:-9999em;position:relative;font-size:11px;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}.toll-spinner:after,.toll-spinner:before{position:absolute;top:0;content:""}.toll-spinner:before{left:-1.5em;-webkit-animation-delay:-.32s;animation-delay:-.32s}.toll-spinner:after{left:1.5em}@-webkit-keyframes toll-spinner-animation{0%,80%,to{-webkit-box-shadow:0 0;box-shadow:0 0;height:4em}40%{-webkit-box-shadow:0 -2em;box-shadow:0 -2em;height:5em}}@keyframes toll-spinner-animation{0%,80%,to{-webkit-box-shadow:0 0;box-shadow:0 0;height:4em}40%{-webkit-box-shadow:0 -2em;box-shadow:0 -2em;height:5em}}.rt-mobile-fh{height:100%!important}.rt-mobile-fh .v-application--wrap{min-height:100%!important}.road-tunnel-toll-date-picker-activator.v-input{border:1px solid rgba(0,0,0,.2)}.road-tunnel-toll-date-picker-activator.v-input .v-input__slot{padding:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}.road-tunnel-toll-date-picker-activator.v-input input[role=button]{max-height:40px!important;height:30px!important;padding:0 12px;text-align:center}.road-tunnel-toll-date-picker--highlight--red{color:red!important}.road-tunnel-toll-date-picker--highlight--red.vc-day-content.is-disabled{color:rgba(255,0,0,.4)!important}#road-tunnel-toll-search-datetime-input{text-align:center;font-weight:700;border-radius:10px;font-size:.875rem!important;height:38px;min-height:38px}.road-tunnel-toll-sheet-container{width:33.33333%}.road-tunnel-toll-sheet-container .v-card__text,.road-tunnel-toll-sheet-container .v-sheet{line-height:1.2!important}.road-tunnel-toll-sheet-container .ph-text{color:#f44336}.road-tunnel-toll-search-container{background:#fff;height:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow-y:auto;position:relative;padding-bottom:1vh}.road-tunnel-toll-search-container .search-btn-wrapper{width:100%;margin:0 auto}.road-tunnel-toll-search-container .datetime-display-wrapper{position:absolute;line-height:1.2;top:calc(-10px + min(max(6vh, 40px), 80px));right:0}.road-tunnel-toll-search-container .datetime-display-wrapper .date-display{font-size:2.6rem}.road-tunnel-toll-search--wrapper{padding:0 5% 0;position:relative}.road-tunnel-toll-search--bg-container{position:absolute;top:0;right:0;width:100%;height:100%;overflow:hidden}.road-tunnel-toll-search--bg-container .upper-section{min-height:calc(max(min(13vh, 150px), 110px) + max(min(9vh, 80px), 60px) + min(2vh, 16px) + 170px);max-height:calc(max(min(13vh, 150px), 110px) + max(min(9vh, 80px), 60px) + min(2vh, 16px) + 170px);overflow:hidden;background:#a18c72}.road-tunnel-toll-search--bg-container .lower-section{height:50%;position:relative;-webkit-transform:translateY(-80px);transform:translateY(-80px)}.road-tunnel-toll-rate-text{position:absolute;top:20px;white-space:pre-line;line-height:1;left:48px;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:3px;color:#1c8194}.road-tunnel-toll-rate-text.en-move-upward{top:10px;left:60px}.rate-indicator{z-index:5;position:absolute;right:0;top:50%;width:calc(80% - 17px);height:48px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.rate-indicator .rate-container{min-width:60px;background:var(--dotline-tag-color);font-weight:700;color:var(--dotline-tag-font-color)}.rate-indicator .arrow-left{--width:24px;width:0;height:0;border-top:var(--width) solid transparent;border-bottom:var(--width) solid transparent;border-right:16px solid var(--dotline-tag-color)}.rate-indicator .rate-info{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1;padding-left:16px}.rate-indicator-tooltip{--bg-color:rgba(97,97,97,0.8);position:relative}.rate-indicator-tooltip--text{visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:250px;padding:5px;background-color:var(--bg-color);color:#fff;text-align:center;border-radius:6px;position:absolute;z-index:1;top:100%;left:50%;-webkit-transform:translateX(-95%);transform:translateX(-95%);opacity:0;-webkit-transition:opacity 1s;transition:opacity 1s}.rate-indicator-tooltip:hover .rate-indicator-tooltip--text{visibility:visible;opacity:1}.rate-indicator-tooltip--text:after{content:" ";position:absolute;bottom:100%;left:95%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent var(--bg-color) transparent}.tr-dotline{--dotline-tag-color:#f2bdb7;--dotline-tag-font-color:#000;--dotline-item-bg-color:#fff;--dotline-item-border-color:#527676;--dotline-item-font-color:#fff;--date-indicator-color:#fff;--dotline-item-border-active-color:#527676;--date-indicator-line-index:2;--angle:45deg;position:relative;height:100%;width:100%}.tr-dotline.road-tunnel-dotline{--dotline-tag-color:#1c8194;--dotline-tag-font-color:#fff;--dotline-item-bg-color:#000;--dotline-item-border-color:#000;--dotline-item-font-color:#000;--date-indicator-color:#000;--dotline-item-border-active-color:#f2faf7;--date-indicator-line-index:0}.tr-dotline:before{content:"";position:absolute;top:0;bottom:0;left:20%;width:4px;margin-left:-2px;background-color:var(--dotline-item-font-color)}.tr-dotline-scroll-view{height:100%;width:100%}.tr-dotline-item{--line-width:5px;position:relative;background-color:inherit;height:48px;width:80%;display:-webkit-box;display:-ms-flexbox;display:flex}.tr-dotline-item:not(.rate-empty):before{content:"";position:absolute;top:50%;right:75%;-webkit-transform:translateX(50%) translateY(-50%);transform:translateX(50%) translateY(-50%);width:20px;height:20px;background-color:#fff;border:4px solid var(--dotline-item-border-color);border-radius:50%;z-index:1}.tr-dotline-item:not(.rate-empty).item-active:before{background-color:var(--dotline-tag-color);width:35px;height:35px;border-color:var(--dotline-item-border-active-color)}.tr-dotline-item:not(.rate-empty).item-active:after{content:"";background-color:var(--dotline-tag-color);width:4px;height:48px;position:absolute;top:50%;right:75%;-webkit-transform:translateX(50%);transform:translateX(50%);z-index:1}.tr-dotline-item:not(.rate-empty).item-active:has(.is-non-peak.last):after{height:90px}.tr-dotline-item:not(.rate-empty).item-active .left-content,.tr-dotline-item:not(.rate-empty).item-active .right-content{color:var(--dotline-tag-color);font-size:1.25rem;padding-top:0!important;padding-bottom:0!important}.tr-dotline-item:not(.rate-empty).item-active .left-content.is-non-peak:before,.tr-dotline-item:not(.rate-empty).item-active .right-content.is-non-peak:before{top:88%;bottom:-22px}.tr-dotline-item:not(.rate-empty).item-active .left-content.is-non-peak.last:before,.tr-dotline-item:not(.rate-empty).item-active .right-content.is-non-peak.last:before{bottom:-70px}.tr-dotline-item .left-content,.tr-dotline-item .right-content{position:relative;color:var(--dotline-item-font-color);width:25%;padding:12px 0;margin:auto 0}.tr-dotline-item .left-content{text-align:right;padding-right:24px}.tr-dotline-item .left-content.is-non-peak:before{content:"";position:absolute;top:72%;bottom:-12px;right:40px;border-left:2px dotted var(--dotline-item-font-color)}.tr-dotline-item .left-content.is-non-peak.last:before{bottom:-60px}.tr-dotline-item.rate-empty.item-empty-highlight:after{content:"";background-color:var(--dotline-tag-color);width:4px;height:48px;position:absolute;top:35%;right:75%;-webkit-transform:translateX(50%);transform:translateX(50%);z-index:1}.tr-dotline-item .right-content{text-align:left;padding-left:24px}.tr-dotline-item .right-content.is-non-peak:before{content:"";position:absolute;top:72%;bottom:-12px;left:36px;border-left:2px dotted var(--dotline-item-font-color)}.tr-dotline-item .right-content.is-non-peak.last:before{bottom:-60px}.tr-dotline.road-tunnel-dotline .tr-dotline-item.item-active:before{width:30px;height:30px;border:none!important}.tr-dotline-scroll-view:has(.rate-empty) .prev-rate:first-child .left-content:before,.tr-dotline-scroll-view:has(.rate-empty) .prev-rate:first-child .right-content:before{height:calc(100% + 220px)}.tr-dotline-scroll-view:has(.rate-empty) .tr-dotline-item.item-active .left-content:before,.tr-dotline-scroll-view:has(.rate-empty) .tr-dotline-item.item-active .right-content:before{height:calc(100% + 235px)}.date-indicator--line{z-index:var(--date-indicator-line-index);--radius:60px;--tracksize:48px;--angle:55deg;display:block;width:var(--tracksize);aspect-ratio:1;border-radius:50%;position:absolute;left:calc(25% - var(--tracksize)/2);top:calc(50% - var(--tracksize)/2);translate:calc(cos(var(--angle))*var(--radius)) calc(sin(var(--angle) * -1)*var(--radius))}.date-indicator--line:after,.date-indicator--line:before{content:"";display:block;position:absolute;left:calc(50% - 1px);top:calc(50% - 1px);-webkit-transform-origin:1px 1px;transform-origin:1px 1px;z-index:3}.date-indicator--line:before{background:var(--dotline-item-bg-color);width:var(--radius);height:2px;-webkit-transform:rotate(calc(var(--angle)*-1)) translate(-100%,-50%);transform:rotate(calc(var(--angle)*-1)) translate(-100%,-50%)}.date-indicator--line:after{background:var(--dotline-item-bg-color);width:100%;height:2px}.date-indicator{font-size:1.25rem;color:var(--date-indicator-color);font-weight:700;border:3px solid var(--date-indicator-color);border-radius:10px;position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:120px;min-height:35px;height:100%;line-height:1;padding:0 12px;top:calc(50% - 74px);left:calc(25% + 33px);-webkit-transform:translate(46px);transform:translate(46px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.date-indicator.top{top:calc(50% - 25px)}.date-indicator.top-1{top:calc(50% - 35px)}.tr-dotline.road-tunnel-dotline .date-indicator{border-width:1px 3px 3px 1px;border-style:solid;border-color:#a4bbc0;height:35px;top:calc(50% - 67px);-webkit-transform:translate(48px);transform:translate(48px)}.tr-dotline.road-tunnel-dotline .date-indicator.ph-text{color:#f44336}.road-tunnel-aligned-fare-container{background:#fff;height:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow-y:auto;position:relative}.road-tunnel-aligned-fare-container .wrapper{padding:0 5% 0;position:relative}.road-tunnel-aligned-fare-container .bg-container{position:absolute;top:0;right:0;width:100%;height:100%;overflow:hidden}.road-tunnel-aligned-fare-container .bg-container .upper-section{min-height:calc(max(min(13vh, 120px), 90px) + max(min(9vh, 80px), 60px) + min(2vh, 16px) + 200px);max-height:calc(max(min(13vh, 120px), 90px) + max(min(9vh, 80px), 60px) + min(2vh, 16px) + 200px);overflow:hidden;background:#a18c72}.road-tunnel-aligned-fare-container .bg-container .lower-section{height:50%;position:relative;-webkit-transform:translateY(-80px);transform:translateY(-80px)}.road-tunnel-aligned-fare-container .aligned-fare-text-container{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff}.road-tunnel-toll-search{color:#fff;padding:0 5% 0;font-weight:700;background:#a18c72}.road-tunnel-toll-search .fare-record{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 0}.road-tunnel-toll-search .vehcile-type{padding-right:12px}.road-tunnel-toll-search .dots{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative}.road-tunnel-toll-search .dots:before{content:"";position:absolute;height:100%;width:100%;top:-50%;left:0;border-bottom:1px dotted #fff}.road-tunnel-toll-search .fare{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;width:65px;padding-left:12px;-ms-flex-negative:0;flex-shrink:0}@media only screen and (max-width:600px){.road-tunnel-toll-search .vehcile-type{max-width:200px}}.road-tunnel-toll-search-result-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;background:#f2faf7}