@charset "UTF-8";body:has(.cmp-maintenanceCalculator) .aui-select__label.hasValue{top:-8px !important;opacity:1 !important}
body:has(.cmp-maintenanceCalculator) .aui-select__placeholder{pointer-events:none;transition:all .2s ease;position:absolute;top:10px;color:#666}
body:has(.cmp-maintenanceCalculator) .aui-select__placeholder.hasValue{opacity:0}
body:has(.cmp-maintenanceCalculator) .choices__placeholder{opacity:1;color:rgba(255,255,255,0.7);transition:all .2s ease}
body:has(.cmp-maintenanceCalculator) .aui-select:has(.choices__item.is-selected) .choices__placeholder{opacity:0 !important}
body:has(.cmp-maintenanceCalculator) #maintenanceCalculator-select-carModel .choices__placeholder{color:#666}
body:has(.cmp-maintenanceCalculator) #maintenanceCalculator-select-carModel .aui-select:has(.choices[aria-expanded=false]) label,body:has(.cmp-maintenanceCalculator) #maintenanceCalculator-select-carModel .aui-select:has(.choices.is-open) label{opacity:0 !important;top:0}
body:has(.cmp-maintenanceCalculator) #maintenanceCalculator-select-carModel .aui-select:has(.choices__item.is-selected) label{top:-8px;opacity:1 !important}
body:has(.cmp-maintenanceCalculator) .picker-content ul{padding-left:0}
body:has(.cmp-maintenanceCalculator) .picker-content ul li{font-size:18px}
body:has(.cmp-maintenanceCalculator) .picker .picker-panel .picker-choose .picker-title{font-size:16px !important}
body:has(.cmp-maintenanceCalculator) .aui-modal-backdrop{background-color:rgba(0,0,0,0.6)}
.cmp-maintenanceCalculator{position:relative;width:100%;height:100vh}
.cmp-maintenanceCalculator .back{margin-left:0}
.cmp-maintenanceCalculator .maintenance-calculator_background-image{width:100%;object-fit:cover;object-position:center}
.cmp-maintenanceCalculator .maintenance-calculator-container{position:relative;width:100%;height:100%;user-select:none;display:flex}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .select-form-container-title{font-family:"audi-zh-medium"}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select-title{color:rgba(255,255,255,0.7)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices{margin-bottom:0}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices[data-type*=select-one]::after{content:"";display:block;position:absolute;top:50%;right:0;width:24px;height:24px;transform:translate(-50%,-50%);pointer-events:none;background-image:url("../../../../etc.clientlibs/OneWeb/clientlibs/clientlib-page-default/resources/dropArrow.svg");border:0;transition:all .2s linear;opacity:.7}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices[data-type*=select-one].is-open::after{margin-top:-2.5px}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices .choices__inner{padding:12px;border:1px solid rgba(219,223,230,0.4);border-radius:10px;background-color:rgba(24,29,37,0.4);transition:all .2s linear}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices .choices__inner:hover{background-color:rgba(64,74,89,0.4);border-color:rgba(219,223,230,0.4)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices .choices__inner:hover .choices__list .choices__item:not(.choices__placeholder){color:rgba(255,255,255,0.7)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices .choices__inner .choices__list{padding-left:0;padding-right:0}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices .choices__inner .choices__list .choices__item:not(.choices__placeholder){color:#fff;opacity:1}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices .choices__list--dropdown,.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices .choices__list[aria-expanded]{background:#1a2028;padding:8px;border-radius:10px}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices .choices__list--dropdown .choices__item,.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices .choices__list[aria-expanded] .choices__item{display:flex;align-items:center;height:54px;padding-left:16px;border-radius:4px;color:rgba(255,255,255,0.7)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices .choices__list--dropdown .choices__item.is-highlighted,.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices .choices__list[aria-expanded] .choices__item.is-highlighted{background-color:#2c343f}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices .choices__item.has-no-choices{display:none}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .aui-select__input{position:relative}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select label{color:rgba(255,255,255,0.7);top:0;opacity:0;transition:all .2s linear;overflow:visible}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select:has(.choices__item.is-selected) .choices::after,.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select:has(.choices.is-open) .choices::after{transform:translate(-50%,-50%) rotate(180deg);transform-origin:center}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select:has(.choices__item.is-selected) label,.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select:has(.choices.is-open) label{top:-8px;opacity:1}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select:has(.choices__item.is-selected) label .choices__inner,.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select:has(.choices.is-open) label .choices__inner{border-bottom:1px solid #fff}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .select-form-container-confirm button{width:100%;transition:all .2s linear;border:0}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .select-form-container-confirm button.aui-disabledBtn{cursor:not-allowed;pointer-events:none}
@media screen and (min-width:1920px),screen and (orientation:portrait) and (min-width:1920px),screen and (min-width:1280px) and (max-width:1919px),screen and (orientation:portrait) and (min-width:1280px) and (max-width:1919px),screen and (min-width:744px) and (max-width:1279px) and (orientation:landscape){.cmp-maintenanceCalculator .maintenance-calculator_select-form-container{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#2c343f 0,#232a34 100%);border-radius:20px;height:fit-content;margin:auto 0}
}
@media screen and (orientation:landscape) and (max-width:1023px) and (max-height:723px),screen and (max-height:1003px) and (max-width:743px){.cmp-maintenanceCalculator{display:flex;flex-direction:column}
.cmp-maintenanceCalculator .maintenance-calculator_background-image{height:35vh}
.cmp-maintenanceCalculator .maintenance-calculator-container{flex:1}
}
@media screen and (min-width:1920px),screen and (orientation:portrait) and (min-width:1920px){.cmp-maintenanceCalculator .maintenance-calculator_background-image{height:100%;position:absolute;inset:0}
.cmp-maintenanceCalculator:has(.maintenance-calculator_select-form-container) .maintenance-calculator-container{padding:max(77px,7.77vh) 5vw 7.77vh 5vw}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container{width:calc(478 / 1920 * 100dvw);padding:calc(40 / 1080 * 1080 / 1920 * 100dvw) calc(40 / 1920 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .select-form-container-title{color:#fff;font-size:calc(24 / 1920 * 100dvw);margin-bottom:calc(46 / 1080 * 1080 / 1920 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow{margin-bottom:calc(27 / 1080 * 1080 / 1920 * 100dvw);min-height:calc(44 / 1080 * 1080 / 1920 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select-title{font-size:calc(16 / 1920 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices[data-type*=select-one]::after{filter:invert(1)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices .choices__inner{padding:calc(12 / 1080 * 1080 / 1920 * 100dvw) calc(12 / 1920 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices .choices__inner .choices__list .choices__item{font-size:calc(16 / 1920 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select label{font-size:calc(12 / 1920 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .select-form-container-confirm{margin-top:calc(23 / 1080 * 1080 / 1920 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .select-form-container-confirm button{height:calc(56 / 1080 * 1080 / 1920 * 100dvw);font-size:calc(16 / 1920 * 100dvw)}
}
@media screen and (min-width:1280px) and (max-width:1919px),screen and (orientation:portrait) and (min-width:1280px) and (max-width:1919px){.cmp-maintenanceCalculator .maintenance-calculator_background-image{height:100%;position:absolute;inset:0}
.cmp-maintenanceCalculator:has(.maintenance-calculator_select-form-container) .maintenance-calculator-container{padding:max(77px,8.52vh) 6.66vw 8.52vh 6.66vw}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container{width:calc(478 / 1920 * 100dvw);padding:calc(40 / 1080 * 1080 / 1920 * 100dvw) calc(40 / 1920 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .select-form-container-title{color:#fff;font-size:calc(28 / 1920 * 100dvw);margin-bottom:calc(31 / 1080 * 1080 / 1920 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow{margin-bottom:calc(15 / 1080 * 1080 / 1920 * 100dvw);min-height:calc(44 / 1080 * 1080 / 1920 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select-title{font-size:calc(16 / 1920 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices[data-type*=select-one]::after{filter:invert(1)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices .choices__inner{padding:calc(12 / 1080 * 1080 / 1920 * 100dvw) calc(12 / 1920 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices .choices__inner .choices__list .choices__item{font-size:calc(16 / 1920 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select label{font-size:calc(12 / 1920 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .select-form-container-confirm{margin-top:calc(23 / 1080 * 1080 / 1920 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .select-form-container-confirm button{height:calc(56 / 1080 * 1080 / 1920 * 100dvw);font-size:calc(16 / 1920 * 100dvw)}
}
@media screen and (min-width:744px) and (max-width:1279px) and (orientation:landscape){.cmp-maintenanceCalculator .maintenance-calculator_background-image{height:100%;position:absolute;inset:0}
.cmp-maintenanceCalculator:has(.maintenance-calculator_select-form-container) .maintenance-calculator-container{padding:max(65px,8.52vh) 8.04vw 8.52vh 8.04vw}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container{width:calc(478 / 1194 * 100dvw);padding:calc(40 / 834 * 834 / 1194 * 100dvw) calc(24 / 1194 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .select-form-container-title{color:#fff;font-size:calc(24 / 1194 * 100dvw);margin-bottom:calc(24 / 834 * 834 / 1194 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow{margin-bottom:calc(15 / 834 * 834 / 1194 * 100dvw);min-height:calc(44 / 834 * 834 / 1194 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select-title{font-size:calc(16 / 1194 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices[data-type*=select-one]::after{filter:invert(1)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices .choices__inner{padding:calc(12 / 834 * 834 / 1194 * 100dvw) calc(12 / 1194 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices .choices__inner .choices__list .choices__item{font-size:calc(16 / 1194 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select label{font-size:calc(12 / 1194 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .select-form-container-confirm button{height:calc(44 / 834 * 834 / 1194 * 100dvw);font-size:calc(12 / 1194 * 100dvw)}
}
@media screen and (orientation:landscape) and (max-width:1023px) and (max-height:723px),screen and (max-height:1003px) and (max-width:743px){.cmp-maintenanceCalculator .maintenance-calculator_background-image{height:35vh;position:relative}
.cmp-maintenanceCalculator .maintenance-calculator-container{padding:60px 16px 0 16px}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container{width:100%;padding:0}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .select-form-container-title{color:white;font-size:calc(20 / 375 * 100dvw);margin-bottom:calc(24 / 812 * 812 / 375 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow{margin-bottom:calc(12 / 812 * 812 / 375 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select-title{font-size:calc(16 / 375 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .aui-select__input{position:relative;color:#fff;border-radius:10px;border:1px solid rgba(219,223,230,0.4);background-color:rgba(24,29,37,0.4);transition:all .2s linear;min-height:calc(48 / 812 * 812 / 375 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .aui-select__input.active::after{transform:rotate(180deg)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .aui-select__input::after{content:"";display:block;width:3.2dvw;height:3.2dvw;margin-left:1.0666666667dvw;background-size:100% 100%;background-repeat:no-repeat;background-position:center center;transition:all .2s ease-in-out;background-image:url("../../../../etc.clientlibs/OneWeb/clientlibs/vendor/audi-icon/resources/icon/arrowGray.svg")}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .aui-select__input::after{position:absolute;right:calc(12 / 375 * 100dvw);top:50%;transform:translateY(-50%)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .aui-select__input .aui-select__value{position:absolute;bottom:0;left:calc(12 / 375 * 100dvw);width:fit-content;height:calc(35 / 812 * 812 / 375 * 100dvw);color:#fff}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .aui-select__input .aui-select__value.hide{opacity:0}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .aui-select__placeholder{top:50%;transform:translateY(-50%);left:calc(12 / 375 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices[data-type*=select-one]::after{filter:unset}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices .choices__inner{padding:calc(12 / 812 * 812 / 375 * 100dvw) calc(12 / 375 * 100dvw);border:1px solid rgba(219,223,230,0.4);border-radius:10px;background-color:rgba(24,29,37,0.4);transition:all .2s linear}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices .choices__inner:hover{background-color:rgba(64,74,89,0.4);border-color:rgba(219,223,230,0.4)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices .choices__inner:hover .choices__list .choices__item:not(.choices__placeholder){color:rgba(255,255,255,0.7)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices .choices__inner .choices__list{padding-left:0;padding-right:0}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices .choices__inner .choices__list .choices__item:not(.choices__placeholder){color:#fff;opacity:1}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices .choices__inner .choices__list .choices__item{font-size:calc(16 / 375 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select label{font-size:calc(12 / 375 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .select-form-container-confirm{margin-top:calc(23 / 812 * 812 / 375 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .select-form-container-confirm button{height:calc(44 / 812 * 812 / 375 * 100dvw);font-size:calc(14 / 375 * 100dvw)}
}
@media screen and (orientation:portrait) and (min-width:744px) and (max-width:1279px) and (orientation:portrait){.cmp-maintenanceCalculator .maintenance-calculator_background-image{height:35vh;position:relative}
.cmp-maintenanceCalculator .maintenance-calculator-container{padding:32px}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container{width:100%;padding:0}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .select-form-container-title{color:white;font-size:calc(20 / 834 * 100dvw);font-size:calc(32 / 834 * 100dvw);margin-bottom:calc(24 / 1194 * 1194 / 834 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow{margin-bottom:calc(27 / 1194 * 1194 / 834 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select-title{font-size:calc(16 / 834 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .aui-select__input{position:relative;color:#fff;border-radius:10px;border:1px solid rgba(219,223,230,0.4);background-color:rgba(24,29,37,0.4);transition:all .2s linear;min-height:calc(48 / 1194 * 1194 / 834 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .aui-select__input.active::after{transform:rotate(180deg)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .aui-select__input::after{content:"";display:block;width:1.4388489209dvw;height:1.4388489209dvw;margin-left:.9592326139dvw;background-size:100% 100%;background-repeat:no-repeat;background-position:center center;transition:all .2s ease-in-out;background-image:url("../../../../etc.clientlibs/OneWeb/clientlibs/vendor/audi-icon/resources/icon/arrowGray.svg")}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .aui-select__input::after{position:absolute;right:calc(12 / 834 * 100dvw);top:50%;transform:translateY(-50%)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .aui-select__input .aui-select__value{position:absolute;bottom:0;left:calc(12 / 834 * 100dvw);width:fit-content;height:calc(35 / 1194 * 1194 / 834 * 100dvw);color:#fff}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .aui-select__input .aui-select__value.hide{opacity:0}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .aui-select__placeholder{top:50%;transform:translateY(-50%);left:calc(12 / 834 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices[data-type*=select-one]::after{filter:unset}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices .choices__inner{padding:calc(12 / 1194 * 1194 / 834 * 100dvw) calc(12 / 834 * 100dvw);border:1px solid rgba(219,223,230,0.4);border-radius:10px;background-color:rgba(24,29,37,0.4);transition:all .2s linear}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices .choices__inner:hover{background-color:rgba(64,74,89,0.4);border-color:rgba(219,223,230,0.4)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices .choices__inner:hover .choices__list .choices__item:not(.choices__placeholder){color:rgba(255,255,255,0.7)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices .choices__inner .choices__list{padding-left:0;padding-right:0}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices .choices__inner .choices__list .choices__item:not(.choices__placeholder){color:#fff;opacity:1}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select .choices .choices__inner .choices__list .choices__item{font-size:calc(16 / 834 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .flexRow .aui-select label{font-size:calc(12 / 834 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .select-form-container-confirm{margin-top:calc(23 / 1194 * 1194 / 834 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .maintenance-calculator_select-form-container .select-form-container-confirm button{width:calc(160 / 834 * 100dvw);height:calc(44 / 1194 * 1194 / 834 * 100dvw);font-size:calc(12 / 834 * 100dvw)}
}
body:has(.cmp-maintenanceCalculator) .choices__list.choices__list--dropdown .choices__list{scrollbar-width:none;-ms-overflow-style:none}
body:has(.cmp-maintenanceCalculator) .choices__list.choices__list--dropdown .choices__list::-webkit-scrollbar{display:none}
body:has(.cmp-maintenanceCalculator) .choices__list.choices__list--dropdown{border:0;transform:translateY(1px);box-shadow:0 0 10px 0 rgba(0,0,0,0.1)}
.picker{font-family:"audi-wide,audi-zh-regular,audi-wide-bold,audi-zh-bold,Verdana,Geneva,sans-serif"}
.picker .picker-panel{background:linear-gradient(180deg,#2c343f 0,#232a34 100%)}
.picker .picker-panel .picker-choose,.picker .picker-panel .picker-choose .confirm,.picker .picker-panel .picker-title,.picker .picker-panel .wheel-wrapper .wheel-scroll .wheel-item{color:#fff !important}
.picker .picker-panel .picker-choose{border-bottom:1px solid rgba(255,255,255,0.1)}
.picker .picker-panel .mask-top,.picker .picker-panel .mask-bottom{background:transparent !important}
.picker .picker-panel .picker-content .mask-top:after,.picker .picker-panel .picker-content .mask-bottom:before{border-top:1px solid rgba(255,255,255,0.4)}
@charset "UTF-8";body:has(#select-carModel.show){overflow:hidden}
.cmp-maintenanceCalculator #select-carModel{position:fixed;top:0;left:0;width:100%;height:100%;z-index:501;transition:all .3s;pointer-events:none;opacity:0;transform-origin:bottom;display:block;color:#fff}
.cmp-maintenanceCalculator #select-carModel.show{pointer-events:auto;opacity:1}
.cmp-maintenanceCalculator #select-carModel.show .mask{opacity:1}
.cmp-maintenanceCalculator #select-carModel.show .mask .select-carModel-content{transform:translateY(0)}
.cmp-maintenanceCalculator #select-carModel .mask{position:relative;width:100%;height:100%;background-color:rgba(0,0,0,0.59);opacity:0;transition:all .3s ease;z-index:1}
.cmp-maintenanceCalculator #select-carModel .mask .select-carModel-content{position:fixed;bottom:0;left:0;height:60vh;width:100%;background:linear-gradient(180deg,#2c343f 0,#232a34 100%);border-top-left-radius:20px;border-top-right-radius:20px;display:flex;flex-direction:column;transition:all .3s ease;transform:translateY(100%);overflow:hidden;z-index:2;box-sizing:border-box}
.cmp-maintenanceCalculator #select-carModel .mask .select-carModel-content .content-header{width:100%;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:16px 32px;border:1px solid rgba(255,255,255,0.1)}
@media screen and (max-height:1003px) and (max-width:743px) and (orientation:portrait){.cmp-maintenanceCalculator #select-carModel .mask .select-carModel-content .content-header{padding:16px 16px}
}
.cmp-maintenanceCalculator #select-carModel .mask .select-carModel-content .content-header .back{display:flex;align-items:center}
.cmp-maintenanceCalculator #select-carModel .mask .select-carModel-content .content-header .back.hide{pointer-events:none;opacity:0}
.cmp-maintenanceCalculator #select-carModel .mask .select-carModel-content .content-header .select-carModel_close{scale:.7}
.cmp-maintenanceCalculator #select-carModel .mask .select-carModel-content .content-body{width:100%;position:relative;flex:1;display:inline-flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:14px 16px}
.cmp-maintenanceCalculator #select-carModel .mask .select-carModel-content .content-body .panel{position:absolute;width:100%;height:100%;top:0;left:0;will-change:transform;overflow:hidden auto}
.cmp-maintenanceCalculator #select-carModel .mask .select-carModel-content .content-body .panel .panel_item{display:flex;align-items:center;padding-left:16px;border-radius:4px}
.cmp-maintenanceCalculator #select-carModel .mask .select-carModel-content .content-body .panel .panel_item:hover{background-color:#404a59}
.cmp-maintenanceCalculator #select-carModel .mask .select-carModel-content .content-body .panel.series_panel .panel_item{height:96px}
.cmp-maintenanceCalculator #select-carModel .mask .select-carModel-content .content-body .panel.series_panel .panel_item img{width:117px;height:49px;object-fit:contain;object-position:center;scale:.8}
.cmp-maintenanceCalculator #select-carModel .mask .select-carModel-content .content-body .panel.series_panel .panel_item .panel_item_text{font-size:20px;font-family:AudiTypeExtendedBold;color:#fff;margin-left:12px}
.cmp-maintenanceCalculator #select-carModel .mask .select-carModel-content .content-body .panel.year_panel .panel_item,.cmp-maintenanceCalculator #select-carModel .mask .select-carModel-content .content-body .panel.type_panel .panel_item{height:76px}
.cmp-maintenanceCalculator #select-carModel .mask .select-carModel-content .content-body .panel.year_panel .panel_item:hover,.cmp-maintenanceCalculator #select-carModel .mask .select-carModel-content .content-body .panel.type_panel .panel_item:hover{font-weight:bold}
.cmp-maintenanceCalculator #select-carModel .mask .select-carModel-content .content-body .panel.year_panel .panel_item .panel_item_text,.cmp-maintenanceCalculator #select-carModel .mask .select-carModel-content .content-body .panel.type_panel .panel_item .panel_item_text{font-size:14px;font-family:AudiTypeGBNormal;color:#fff}
.cmp-maintenanceCalculator #select-carModel .mask .select-carModel-content .content-body .panel.year_panel .panel_item .panel_item_newEnergy,.cmp-maintenanceCalculator #select-carModel .mask .select-carModel-content .content-body .panel.type_panel .panel_item .panel_item_newEnergy{width:54px;margin-left:8px}
@charset "UTF-8";body:has(#maintenanceCalculator-select-carModel) .aui-select:has(.choices.is-open)::after{transition:all .2s linear;transform:translateY(-50%) rotate(180deg)}
.cmp-maintenanceCalculator .maintenance-calculator-container{flex-direction:row}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container{width:43vw;height:100%;padding:101px 0;display:flex;flex-direction:column;background-image:url("../../../../etc.clientlibs/OneWeb/components/maintenanceCalculator/clientlibs/resources/displayBgPC.png");background-size:100% 50%;background-repeat:no-repeat;background-position:center 0}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .image-container{position:relative;width:100%;display:flex;flex-direction:column}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .image-container .model-select-title{font-family:"audi-zh-medium";font-size:calc(32 / 1920 * 100dvw)}
@media screen and (min-width:744px) and (max-width:1279px) and (orientation:landscape){.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .image-container .model-select-title{font-size:calc(32 / 1194 * 100dvw)}
}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .image-container .model-select-title{position:absolute;top:0;left:calc(96 / 1920 * 100dvw)}
@media screen and (min-width:744px) and (max-width:1279px) and (orientation:landscape){.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .image-container .model-select-title{left:calc(56 / 1194 * 100dvw)}
}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .image-container .model-select-title{color:#fff}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .image-container .model-select-series-title{font-family:"audi-type-gb-extended-bold";position:absolute;top:0}
@media screen and (min-width:1920px),screen and (orientation:portrait) and (min-width:1920px),screen and (min-width:1280px) and (max-width:1919px),screen and (orientation:portrait) and (min-width:1280px) and (max-width:1919px){.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .image-container .model-select-series-title{top:calc(34 / 1080 * 1080 / 1920 * 100dvw)}
}
@media screen and (min-width:744px) and (max-width:1279px) and (orientation:landscape){.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .image-container .model-select-series-title{top:10%}
}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .image-container .model-select-series-title{width:100%;text-align:center;font-weight:500;font-size:calc(260 / 1920 * 100dvw);line-height:100%;letter-spacing:20px;background-image:linear-gradient(180deg,rgba(255,255,255,0.6) -104.24%,rgba(255,255,255,0.13) 102.09%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .image-container img{width:100%;height:100%;max-height:33vh;margin-top:calc(26 / 1080 * 1080 / 1920 * 100dvw);object-position:center;object-fit:contain;z-index:1}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .image-container .remark-text{font-weight:400;font-size:12px;line-height:18px;letter-spacing:0;color:#999}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form{padding:51px 0 0 0}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .flexRow{margin-top:17px;display:flex;flex-direction:column}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .flexRow .choices{margin-bottom:0}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .flexRow .aui-select-title{font-size:calc(16 / 1920 * 100dvw);color:rgba(255,255,255,0.7);min-width:40px;margin-right:12px}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .flexRow .aui-select{flex:1}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .flexRow .aui-select::after{display:none}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select{height:48px}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select .aui-select__input.active::after{transform:rotate(180deg)}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select .aui-select__input::after{content:"";display:block;width:.625dvw;height:.625dvw;margin-left:.4166666667dvw;background-size:100% 100%;background-repeat:no-repeat;background-position:center center;transition:all .2s ease-in-out;background-image:url("../../../../etc.clientlibs/OneWeb/clientlibs/vendor/audi-icon/resources/icon/arrowGray.svg")}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select .aui-select__input::after{position:absolute;right:calc(12 / 1920 * 100dvw);top:50%;transform:translateY(-50%)}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select .aui-select__input{padding:12px;border:1px solid rgba(219,223,230,0.4);border-radius:10px;background-color:rgba(24,29,37,0.4);transition:all .2s linear}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select .aui-select__input:hover{background-color:rgba(64,74,89,0.4);border-color:rgba(219,223,230,0.4)}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select .aui-select__input:has(.aui-select__input-value){display:flex;align-items:center}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select .aui-select__input:has(.aui-select__input-value) .aui-select__input-value{display:block;position:relative;margin:0;padding:0;font-size:14px;line-height:1.5;box-sizing:border-box;color:#fff}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select .choices::after{display:none}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select .choices .choices__inner.active::after{transform:rotate(180deg)}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select .choices .choices__inner::after{content:"";display:block;width:.625dvw;height:.625dvw;margin-left:.4166666667dvw;background-size:100% 100%;background-repeat:no-repeat;background-position:center center;transition:all .2s ease-in-out;background-image:url("../../../../etc.clientlibs/OneWeb/clientlibs/vendor/audi-icon/resources/icon/arrowGray.svg")}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select .choices .choices__inner::after{position:absolute;right:calc(12 / 1920 * 100dvw);top:50%;transform:translateY(-50%)}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select .choices .choices__inner{padding:12px;border:1px solid rgba(219,223,230,0.4);border-radius:10px;background-color:rgba(24,29,37,0.4);transition:all .2s linear}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select .choices .choices__inner:hover{background-color:rgba(64,74,89,0.4);border-color:rgba(219,223,230,0.4)}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select .choices .choices__inner:hover .choices__list .choices__item:not(.choices__placeholder){color:rgba(255,255,255,0.7)}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select .choices .choices__inner .choices__list{padding-left:0;padding-right:0}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select .choices .choices__inner .choices__list .choices__item:not(.choices__placeholder){color:#fff;opacity:1}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select .choices .choices__list--dropdown,.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select .choices .choices__list[aria-expanded]{background:#1a2028;padding:8px;border-radius:10px}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select .choices .choices__list--dropdown .choices__item,.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select .choices .choices__list[aria-expanded] .choices__item{display:flex;align-items:center;height:54px;padding-left:16px;border-radius:4px;color:rgba(255,255,255,0.7)}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select .choices .choices__list--dropdown .choices__item.is-highlighted,.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select .choices .choices__list[aria-expanded] .choices__item.is-highlighted{background-color:#2c343f}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select .choices .choices__item.has-no-choices{display:none}
#maintenanceCalculator-select-carModel .aui-modal-dialog__close{width:36px;height:36px}
#maintenanceCalculator-select-carModel .aui-modal-dialog__content{background-color:transparent}
#maintenanceCalculator-select-carModel .select-carModel-modal{width:700px;padding:64px 56px;display:flex;flex-direction:column;gap:24px;border:0;background:linear-gradient(180deg,#2c343f 0,#232a34 100%);border-radius:20px}
#maintenanceCalculator-select-carModel .select-carModel-modal .title{border:0;padding:0;margin-bottom:0;color:#fff;font-family:"Audi Type";font-size:20px;font-style:normal;line-height:normal}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container{flex:1;padding:0;display:flex;flex-direction:column;gap:calc(32 / 1080 * 1080 / 1920 * 100dvw);max-height:90vh}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .flexRow .choices{margin-bottom:0}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .flexRow{margin-bottom:0}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .aui-select__input.active::after{transform:rotate(180deg)}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .aui-select__input::after{content:"";display:block;width:.625dvw;height:.625dvw;margin-left:.4166666667dvw;background-size:100% 100%;background-repeat:no-repeat;background-position:center center;transition:all .2s ease-in-out;background-image:url("../../../../etc.clientlibs/OneWeb/clientlibs/vendor/audi-icon/resources/icon/arrowGray.svg")}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .aui-select__input{box-sizing:border-box;border-radius:10px;border:1px solid rgba(219,223,230,0.4);box-shadow:unset;height:48px;padding:12px;width:100%;background:rgba(24,29,37,0.4);transition:all .2s ease-in-out}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .aui-select__input::after{position:absolute;top:50%;transform:translateY(-50%);right:calc(12 / 1920 * 100dvw)}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .aui-select__input:hover{background:rgba(64,74,89,0.4);border-color:rgba(219,223,230,0.4)}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .choices::after{display:none}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .choices.is-open::after{transform:rotate(180deg)}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .choices .choices__inner{padding:12px;border:1px solid rgba(219,223,230,0.4);border-radius:10px;background:rgba(24,29,37,0.4);transition:all .2s ease-in-out}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .choices .choices__inner::after{position:absolute;right:calc(12 / 1920 * 100dvw);top:50%;transform:translateY(-50%)}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .choices .choices__inner .choices__list{padding-left:0;padding-right:0}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .choices .choices__inner .choices__list .choices__item:not(.choices__placeholder){color:#fff;opacity:1}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .choices .choices__inner:hover{background:rgba(64,74,89,0.4);border-color:rgba(219,223,230,0.4)}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .choices .choices__inner:hover .choices__list .choices__item:not(.choices__placeholder){color:rgba(255,255,255,0.7)}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .choices .choices__list--dropdown,#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .choices .choices__list[aria-expanded]{background:#1a2028;padding:8px;border-radius:10px}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .choices .choices__list--dropdown .choices__item,#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .choices .choices__list[aria-expanded] .choices__item{display:flex;align-items:center;height:54px;padding-left:16px;border-radius:4px;color:rgba(255,255,255,0.7)}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .choices .choices__list--dropdown .choices__item.is-highlighted,#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .choices .choices__list[aria-expanded] .choices__item.is-highlighted{background-color:#2c343f}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .choices .choices__item.has-no-choices{display:none}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .aui-select__label,#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select label{color:rgba(255,255,255,0.7)}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .choices .choices__placeholder{color:rgba(255,255,255,0.7)}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .select-form-container-confirm{position:relative;overflow:hidden;background:linear-gradient(134deg,rgba(255,255,255,0.2) .84%,rgba(168,175,188,0.2) 99.16%);backdrop-filter:blur(10px);--aui-response-disabled:true;transition:opacity .3s ease}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .select-form-container-confirm::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(134deg,rgba(255,255,255,0.2) .84%,rgba(168,175,188,0.2) 99.16%);opacity:0;transition:opacity .3s ease;z-index:-1}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .select-form-container-confirm:hover::before{opacity:1}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .select-form-container-confirm span{position:relative;z-index:1}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .select-form-container-confirm .aui-response{display:none !important}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .select-form-container-confirm{width:100%;height:56px;cursor:not-allowed;pointer-events:none;text-align:center;font-family:AudiTypeGBNormal;font-size:16px;font-style:normal;font-weight:400;line-height:24px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.4);border:0;transition:all .3s ease-in-out}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .select-form-container-confirm.enableSubmit{position:relative;overflow:hidden;background:linear-gradient(275.8deg,#cacfd9 2.47%,#f1f1f1 97.2%);backdrop-filter:blur(10px);--aui-response-disabled:true;transition:opacity .3s ease}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .select-form-container-confirm.enableSubmit::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;transition:opacity .3s ease;z-index:-1}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .select-form-container-confirm.enableSubmit:hover::before{opacity:1}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .select-form-container-confirm.enableSubmit span{position:relative;z-index:1}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .select-form-container-confirm.enableSubmit .aui-response{display:none !important}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .select-form-container-confirm.enableSubmit{cursor:pointer;pointer-events:auto;color:#000;border:0}
#maintenanceCalculator-select-carModel .aui-modal-dialog__close{color:#fff}
@media screen and (min-width:1920px),screen and (orientation:portrait) and (min-width:1920px){.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container{padding-top:calc(112 / 1080 * 1080 / 1920 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form{padding-top:calc(47 / 1080 * 1080 / 1920 * 100dvw);padding-left:calc(96 / 1920 * 100dvw);padding-right:calc(96 / 1920 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .flexRow{gap:calc(12 / 1080 * 1080 / 1920 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .flexRow .aui-select-title{font-size:calc(16 / 1920 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select .aui-select__input.active::after{transform:rotate(180deg)}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select .aui-select__input::after{content:"";display:block;width:.625dvw;height:.625dvw;margin-left:.4166666667dvw;background-size:100% 100%;background-repeat:no-repeat;background-position:center center;transition:all .2s ease-in-out;background-image:url("../../../../etc.clientlibs/OneWeb/clientlibs/vendor/audi-icon/resources/icon/arrowGray.svg")}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select .aui-select__input::after{right:calc(12 / 1920 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .choices .choices__inner.active::after{transform:rotate(180deg)}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .choices .choices__inner::after{content:"";display:block;width:.625dvw;height:.625dvw;margin-left:.4166666667dvw;background-size:100% 100%;background-repeat:no-repeat;background-position:center center;transition:all .2s ease-in-out;background-image:url("../../../../etc.clientlibs/OneWeb/clientlibs/vendor/audi-icon/resources/icon/arrowGray.svg")}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container{gap:calc(32 / 1080 * 1080 / 1920 * 100dvw)}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .aui-select__input.active::after{transform:rotate(180deg)}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .aui-select__input::after{content:"";display:block;width:.625dvw;height:.625dvw;margin-left:.4166666667dvw;background-size:100% 100%;background-repeat:no-repeat;background-position:center center;transition:all .2s ease-in-out;background-image:url("../../../../etc.clientlibs/OneWeb/clientlibs/vendor/audi-icon/resources/icon/arrowGray.svg")}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .aui-select__input::after{right:calc(12 / 1920 * 100dvw)}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .choices .choices__inner.active::after{transform:rotate(180deg)}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .choices .choices__inner::after{content:"";display:block;width:.625dvw;height:.625dvw;margin-left:.4166666667dvw;background-size:100% 100%;background-repeat:no-repeat;background-position:center center;transition:all .2s ease-in-out;background-image:url("../../../../etc.clientlibs/OneWeb/clientlibs/vendor/audi-icon/resources/icon/arrowGray.svg")}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .choices .choices__inner::after{right:calc(12 / 1920 * 100dvw)}
}
@media screen and (min-width:1280px) and (max-width:1919px),screen and (orientation:portrait) and (min-width:1280px) and (max-width:1919px){.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form{padding-top:calc(47 / 1080 * 1080 / 1920 * 100dvw);padding-left:calc(96 / 1920 * 100dvw);padding-right:calc(96 / 1920 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .flexRow{gap:calc(12 / 1080 * 1080 / 1920 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .flexRow .aui-select-title{font-size:calc(16 / 1920 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select .aui-select__input.active::after{transform:rotate(180deg)}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select .aui-select__input::after{content:"";display:block;width:.625dvw;height:.625dvw;margin-left:.4166666667dvw;background-size:100% 100%;background-repeat:no-repeat;background-position:center center;transition:all .2s ease-in-out;background-image:url("../../../../etc.clientlibs/OneWeb/clientlibs/vendor/audi-icon/resources/icon/arrowGray.svg")}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select .aui-select__input::after{right:calc(12 / 1920 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .choices .choices__inner.active::after{transform:rotate(180deg)}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .choices .choices__inner::after{content:"";display:block;width:.625dvw;height:.625dvw;margin-left:.4166666667dvw;background-size:100% 100%;background-repeat:no-repeat;background-position:center center;transition:all .2s ease-in-out;background-image:url("../../../../etc.clientlibs/OneWeb/clientlibs/vendor/audi-icon/resources/icon/arrowGray.svg")}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container{padding-top:calc(112 / 1080 * 1080 / 1920 * 100dvw)}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container{gap:calc(32 / 1080 * 1080 / 1920 * 100dvw)}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .aui-select__input.active::after{transform:rotate(180deg)}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .aui-select__input::after{content:"";display:block;width:.625dvw;height:.625dvw;margin-left:.4166666667dvw;background-size:100% 100%;background-repeat:no-repeat;background-position:center center;transition:all .2s ease-in-out;background-image:url("../../../../etc.clientlibs/OneWeb/clientlibs/vendor/audi-icon/resources/icon/arrowGray.svg")}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .aui-select__input::after{right:calc(12 / 1920 * 100dvw)}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .choices .choices__inner.active::after{transform:rotate(180deg)}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .choices .choices__inner::after{content:"";display:block;width:.625dvw;height:.625dvw;margin-left:.4166666667dvw;background-size:100% 100%;background-repeat:no-repeat;background-position:center center;transition:all .2s ease-in-out;background-image:url("../../../../etc.clientlibs/OneWeb/clientlibs/vendor/audi-icon/resources/icon/arrowGray.svg")}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .choices .choices__inner::after{right:calc(12 / 1920 * 100dvw)}
}
@media screen and (min-width:744px) and (max-width:1279px) and (orientation:landscape){.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .image-container .model-select-series-title{font-size:calc(160 / 1194 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .image-container img{margin-top:calc(34 / 834 * 834 / 1194 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container{padding-top:calc(100 / 834 * 834 / 1194 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form{padding-top:calc(47 / 834 * 834 / 1194 * 100dvw);padding-left:calc(56 / 1194 * 100dvw);padding-right:calc(56 / 1194 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .flexRow{gap:calc(12 / 834 * 834 / 1194 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .flexRow .aui-select-title{font-size:calc(16 / 1194 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select .aui-select__input.active::after{transform:rotate(180deg)}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select .aui-select__input::after{content:"";display:block;width:1.0050251256dvw;height:1.0050251256dvw;margin-left:.6700167504dvw;background-size:100% 100%;background-repeat:no-repeat;background-position:center center;transition:all .2s ease-in-out;background-image:url("../../../../etc.clientlibs/OneWeb/clientlibs/vendor/audi-icon/resources/icon/arrowGray.svg")}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .aui-select .aui-select__input::after{right:calc(12 / 1194 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .choices .choices__inner.active::after{transform:rotate(180deg)}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .select-form .choices .choices__inner::after{content:"";display:block;width:1.0050251256dvw;height:1.0050251256dvw;margin-left:.6700167504dvw;background-size:100% 100%;background-repeat:no-repeat;background-position:center center;transition:all .2s ease-in-out;background-image:url("../../../../etc.clientlibs/OneWeb/clientlibs/vendor/audi-icon/resources/icon/arrowGray.svg")}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container{gap:calc(32 / 834 * 834 / 1194 * 100dvw)}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .aui-select__input.active::after{transform:rotate(180deg)}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .aui-select__input::after{content:"";display:block;width:1.0050251256dvw;height:1.0050251256dvw;margin-left:.6700167504dvw;background-size:100% 100%;background-repeat:no-repeat;background-position:center center;transition:all .2s ease-in-out;background-image:url("../../../../etc.clientlibs/OneWeb/clientlibs/vendor/audi-icon/resources/icon/arrowGray.svg")}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .aui-select__input::after{right:calc(12 / 1194 * 100dvw)}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .choices .choices__inner.active::after{transform:rotate(180deg)}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .choices .choices__inner::after{content:"";display:block;width:1.0050251256dvw;height:1.0050251256dvw;margin-left:.6700167504dvw;background-size:100% 100%;background-repeat:no-repeat;background-position:center center;transition:all .2s ease-in-out;background-image:url("../../../../etc.clientlibs/OneWeb/clientlibs/vendor/audi-icon/resources/icon/arrowGray.svg")}
#maintenanceCalculator-select-carModel .select-carModel-modal .select-carModel-form-container .aui-select .choices .choices__inner::after{right:calc(12 / 1194 * 100dvw)}
}
@media screen and (orientation:portrait) and (min-width:744px) and (max-width:1279px) and (orientation:portrait),screen and (max-height:1003px) and (max-width:743px),screen and (orientation:landscape) and (max-width:1023px) and (max-height:723px){.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .image-container .model-select-series-title{font-size:0}
.cmp-maintenanceCalculator .maintenance-calculator-container .model-select-container .image-container img{margin-top:0}
}
@charset "UTF-8";.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob){padding:0;flex-direction:column}
.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob) .model-select-container-mob{background-position:center 0;min-height:auto;background-size:100% 100%;background-image:url("../../../../etc.clientlibs/OneWeb/components/maintenanceCalculator/clientlibs/resources/displayBgMobile.png");color:#fff;background-repeat:no-repeat;width:100%;display:flex;height:240px;padding-top:60px}
.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob) .model-select-container-mob .select-content-container{flex:1;padding:40px 16px 0 16px;max-width:50%}
.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob) .model-select-container-mob .select-content-container .select-content-wrapper{font-weight:400;font-size:18px;line-height:100%}
.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob) .model-select-container-mob .select-content-container .select-content-wrapper .select-model-trigger{white-space:nowrap}
.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob) .model-select-container-mob .select-content-container .select-content-wrapper span{font-family:"audi_extended_normal_4.03";margin-right:8px}
.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob) .model-select-container-mob .select-content-container .select-content-wrapper span.select-arrow{background-image:url("../../../../etc.clientlibs/OneWeb/clientlibs/vendor/audi-icon/resources/icon/arrowWhite.svg");background-size:100% 100%;background-repeat:no-repeat;background-position:center;width:12px;height:12px;display:inline-block;transform:rotate(-90deg)}
.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob) .model-select-container-mob .select-content-container .select-content-wrapper .select-carType-name{margin-top:5px;font-weight:400;font-size:12px;line-height:18px;color:rgba(255,255,255,0.7);white-space:nowrap}
.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob) .model-select-container-mob .select-content-container .select-carYear-kilometers-trigger{margin-top:18px;display:flex}
.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob) .model-select-container-mob .select-content-container .select-carYear-kilometers-trigger .select-arrow{background-image:url("../../../../etc.clientlibs/OneWeb/clientlibs/vendor/audi-icon/resources/icon/arrowWhite.svg");background-size:100% 100%;background-repeat:no-repeat;background-position:center;width:12px;height:12px;display:inline-block;transform:rotate(-90deg)}
.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob) .model-select-container-mob .select-content-container .select-carYear-kilometers-trigger .select-carYear-symbol,.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob) .model-select-container-mob .select-content-container .select-carYear-kilometers-trigger .select-kilometers-symbol{font-size:12px}
.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob) .model-select-container-mob .select-content-container .select-carYear-kilometers-trigger .select-carYear-trigger,.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob) .model-select-container-mob .select-content-container .select-carYear-kilometers-trigger .select-kilometers-trigger{display:flex;align-items:center}
.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob) .model-select-container-mob .select-content-container .select-carYear-kilometers-trigger .select-carYear-trigger .select-carYear-text,.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob) .model-select-container-mob .select-content-container .select-carYear-kilometers-trigger .select-carYear-trigger .select-kilometers-text,.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob) .model-select-container-mob .select-content-container .select-carYear-kilometers-trigger .select-kilometers-trigger .select-carYear-text,.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob) .model-select-container-mob .select-content-container .select-carYear-kilometers-trigger .select-kilometers-trigger .select-kilometers-text{white-space:nowrap}
.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob) .model-select-container-mob .select-content-container .select-carYear-kilometers-trigger .select-carYear-value,.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob) .model-select-container-mob .select-content-container .select-carYear-kilometers-trigger .select-kilometers-value{font-family:"AudiTypeExtendedBold";font-size:16px}
.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob) .model-select-container-mob .select-content-container .select-carYear-kilometers-trigger .select-carYear-trigger{margin-right:12px}
.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob) .model-select-container-mob .select-image-container{width:50%;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;pointer-events:none}
.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob) .model-select-container-mob .select-image-container .maintenance-calculator-imgbox{position:relative;height:126px;min-height:126px;text-align:center}
@media screen and (max-height:1003px) and (max-width:743px) and (orientation:portrait),screen and (orientation:landscape) and (max-width:1023px) and (max-height:723px) and (orientation:landscape){.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob) .model-select-container-mob .select-image-container .maintenance-calculator-imgbox-model{display:none}
}
.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob) .model-select-container-mob .select-image-container .maintenance-calculator-imgbox-model{font-family:"audi-type-gb-extended-bold";width:100%;text-align:center;font-weight:500;font-size:96px;line-height:100%;letter-spacing:20px;color:rgba(255,255,255,0.3)}
.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob) .model-select-container-mob .select-image-container .maintenance-calculator-imgbox-img{position:absolute;z-index:1;top:0;left:80%;transform:translate(-50%,0);max-height:140%}
@media screen and (orientation:portrait) and (min-width:744px) and (max-width:1279px) and (orientation:portrait){.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob) .model-select-container-mob .select-image-container .maintenance-calculator-imgbox-img{left:50%;max-height:100%}
}
.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob) .model-select-container-mob .select-image-container .maintenance-calculator-imgbox-img{width:auto;object-fit:contain;object-position:center}
.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob) .model-select-container-mob .select-image-container img{width:180%;object-fit:contain;object-position:center;scale:1}
.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob) .model-select-container-mob .select-image-container .remark-text{width:100%;font-weight:400;font-size:10px;line-height:150%;letter-spacing:.38px;color:#999;text-align:right;padding-right:16px}
@media screen and (orientation:portrait) and (min-width:744px) and (max-width:1279px) and (orientation:portrait){.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob) .model-select-container-mob .select-image-container .maintenance-calculator-imgbox{height:unset;min-height:unset;flex:1}
.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob) .model-select-container-mob .select-image-container img{width:100%}
.cmp-maintenanceCalculator .maintenance-calculator-container:has(.model-select-container-mob) .model-select-container-mob .select-image-container .remark-text{text-align:center}
}
body:has(#cmp-maintenanceCalculator-book-consultation-modal-mob.show),body:has(#cmp-maintenanceCalculator-detail-description-modal-mob.show),body:has(#cmp-maintenanceCalculator-price-description-modal-mob.show){overflow:hidden}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container{flex:1;display:flex;flex-direction:column;overflow:hidden}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list{flex:1;width:100%;overflow:hidden auto;scrollbar-width:none;-ms-overflow-style:none}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list::-webkit-scrollbar{display:none}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list .header-remark{font-weight:400;font-size:12px;line-height:18px;letter-spacing:0;color:rgba(255,255,255,0.4)}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-header{width:100%}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-header .accordion-button{width:100%;border:0;text-align:left;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:#fff}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-header .accordion-button .accordion-button-text{font-family:"audi-zh-medium";font-size:24px;line-height:100%;letter-spacing:0}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-header .accordion-button .items-count{font-weight:400;font-size:14px;line-height:100%;letter-spacing:0;color:rgba(255,255,255,0.4)}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-header .accordion-button .items-count .items-selected-count{font-size:20px;color:#fff}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-header .accordion-button .items-count .arrow-icon{display:inline-flex;width:12px;height:12px;background-image:url("../../../../etc.clientlibs/OneWeb/clientlibs/vendor/audi-icon/resources/icon/arrowWhite.svg");background-size:100% 100%;background-repeat:no-repeat;transform:translateY(2px);margin-left:16px;transition:all .2s linear}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) .arrow-icon{transform:translateY(2px) rotate(180deg)}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body{background:linear-gradient(180deg,rgba(240,242,244,0.1) 0,rgba(98,109,132,0.15) 100%);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,0.1);border-radius:calc(20 / 1920 * 100dvw)}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item{width:100%;display:flex;align-items:center;position:relative;border:1px solid transparent}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item::after,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item::after{content:"";display:block;position:absolute;bottom:0;width:90%;left:50%;transform:translateX(-50%);height:1px;background:rgba(255,255,255,0.1)}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item:last-child::after,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item:last-child::after{display:none}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item.hidden,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item.hidden{display:none}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .selected-icon,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .selected-icon{position:relative;width:calc(24 / 1920 * 100dvw);height:calc(24 / 1920 * 100dvw)}
@media screen and (min-width:744px) and (max-width:1279px) and (orientation:landscape){.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .selected-icon,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .selected-icon{width:calc(24 / 1194 * 100dvw);height:calc(24 / 1194 * 100dvw)}
}
@media screen and (orientation:portrait) and (min-width:744px) and (max-width:1279px) and (orientation:portrait){.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .selected-icon,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .selected-icon{width:calc(24 / 834 * 100dvw);height:calc(24 / 834 * 100dvw)}
}
@media screen and (max-height:1003px) and (max-width:743px),screen and (orientation:landscape) and (max-width:1023px) and (max-height:723px){.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .selected-icon,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .selected-icon{width:calc(24 / 375 * 100dvw);height:calc(24 / 375 * 100dvw)}
}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .selected-icon,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .selected-icon{background:rgba(24,29,37,0.6);border-radius:4px;border:1px solid rgba(219,223,230,0.6);transition:all .1s linear}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .selected-icon::after,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .selected-icon::after{content:"";display:block;width:100%;height:100%;background-image:url("../../../../etc.clientlibs/OneWeb/clientlibs/vendor/audi-icon/resources/icon/checkMark.svg");background-size:100% 100%;background-repeat:no-repeat;background-position:center center;transform:scale(0.8);opacity:0;transition:all .1s linear}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .selected-icon:hover,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .selected-icon:hover{background:#404a59}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .selected-icon:disabled,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .selected-icon:disabled{background:rgba(64,74,89,0.2);border:rgba(255,255,255,0.1)}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .selected-icon:disabled::after,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .selected-icon:disabled::after{opacity:0}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .selected-icon.selected,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item.selected .selected-icon,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .selected-icon.selected,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item.selected .selected-icon{background:#404a59}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .selected-icon.selected::after,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item.selected .selected-icon::after,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .selected-icon.selected::after,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item.selected .selected-icon::after{opacity:1}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .selected-icon,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .selected-icon{margin-right:24px;flex-shrink:0}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .fixed-interval-item-content,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .inspection-result-item-content,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .fixed-interval-item-content,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .inspection-result-item-content{flex:1}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .fixed-interval-item-name,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .inspection-result-item-name,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .fixed-interval-item-name,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .inspection-result-item-name{justify-content:space-between}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .fixed-interval-item-name .item-price-text,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .inspection-result-item-name .item-price-text,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .fixed-interval-item-name .item-price-text,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .inspection-result-item-name .item-price-text{color:#fff}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .fixed-interval-item-name,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .inspection-result-item-name,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .item-product,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .fixed-interval-item-name,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .inspection-result-item-name,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .item-product{display:flex}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .fixed-interval-item-name .item-name,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .fixed-interval-item-name .item-price,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .inspection-result-item-name .item-name,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .inspection-result-item-name .item-price,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .item-product .item-name,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .item-product .item-price,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .fixed-interval-item-name .item-name,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .fixed-interval-item-name .item-price,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .inspection-result-item-name .item-name,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .inspection-result-item-name .item-price,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .item-product .item-name,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .item-product .item-price{line-height:24px;letter-spacing:0}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .fixed-interval-item-name .item-name,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .inspection-result-item-name .item-name,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .item-product .item-name,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .fixed-interval-item-name .item-name,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .inspection-result-item-name .item-name,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .item-product .item-name{font-family:"audi-zh-medium";color:#fff}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .fixed-interval-item-name .item-price-number,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .fixed-interval-item-name .item-price-symbol,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .inspection-result-item-name .item-price-number,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .inspection-result-item-name .item-price-symbol,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .item-product .item-price-number,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .item-product .item-price-symbol,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .fixed-interval-item-name .item-price-number,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .fixed-interval-item-name .item-price-symbol,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .inspection-result-item-name .item-price-number,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .inspection-result-item-name .item-price-symbol,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .item-product .item-price-number,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .item-product .item-price-symbol{color:#fff}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .fixed-interval-item-cycle,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .inspection-result-item-cycle,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .fixed-interval-item-description,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .inspection-result-item-description,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .item-product,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .fixed-interval-item-cycle,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .inspection-result-item-cycle,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .fixed-interval-item-description,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .inspection-result-item-description,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .item-product{margin-top:8px;font-weight:400;font-size:12px;line-height:24px;letter-spacing:0;color:rgba(255,255,255,0.4)}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .fixed-interval-item-cycle:empty,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .inspection-result-item-cycle:empty,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .fixed-interval-item-description:empty,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .inspection-result-item-description:empty,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .item-product:empty,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .fixed-interval-item-cycle:empty,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .inspection-result-item-cycle:empty,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .fixed-interval-item-description:empty,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .inspection-result-item-description:empty,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .item-product:empty{margin-top:0}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .item-products-container,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .item-products-container{margin-top:30px}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .item-products-container .item-product-name,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .item-products-container .item-product-name{color:#fff;font-size:14px;line-height:24px;letter-spacing:0}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .item-product-select-label{display:flex;align-items:center;cursor:pointer;margin-right:24px}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .item-product-select-label span{position:relative;width:24px;height:24px;background:rgba(24,29,37,0.6);border:1px solid rgba(219,223,230,0.6);border-radius:50%;transition:all .1s linear}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .item-product-select-label span::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:14px;height:14px;background:#fff;border-radius:50%;opacity:0;transition:all .1s linear}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .item-product-select-label span:hover{background:#404a59}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .item-product-select-label span:disabled{background:rgba(64,74,89,0.2)}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .item-product-select-label span:disabled::after{opacity:0}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .item-product-select-label input:checked+span::after{opacity:1}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .item-product-select-input{display:none}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list .footNote{min-height:10vh;color:#ccc}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .tools-container{width:100%;display:flex;align-items:center;justify-content:space-between;box-shadow:0 -2px 8px rgba(0,0,0,0.1);background:#181d25;position:relative}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .tools-container .count-items{font-weight:400;line-height:16px;letter-spacing:0}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .tools-container .count-items .selected-items-count{color:rgba(255,255,255,0.4);font-size:14px}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .tools-container .count-items span.total-price,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .tools-container .count-items span.price-symbol{font-family:"AudiTypeExtendedBold"}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .tools-container .count-items span.selected-items-count-unit,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .tools-container .count-items span.selected-items-count-price-description{margin-right:5px}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .tools-container .count-items span.selected-items-count-price-description{cursor:pointer;font-size:16px}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .tools-container .count-items .estimated-total-price .price-description{color:rgba(255,255,255,0.4);font-size:16px}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .tools-container .count-items .estimated-total-price .price-symbol{color:#fff;font-size:24px}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .tools-container .count-items .estimated-total-price .total-price{color:#fff;font-size:24px}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .tools-container .count-items .estimated-total-price{margin-top:8px}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .tools-container .button-container{display:flex;align-items:center;justify-content:center;height:100%}
@media screen and (min-width:1920px),screen and (orientation:portrait) and (min-width:1920px),screen and (min-width:1280px) and (max-width:1919px),screen and (orientation:portrait) and (min-width:1280px) and (max-width:1919px),screen and (min-width:744px) and (max-width:1279px) and (orientation:landscape){.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container{padding-top:72px;padding-left:calc(32 / 1920 * 100dvw);padding-right:calc(72 / 1920 * 100dvw)}
}
@media screen and (min-width:1920px) and (min-width:744px) and (max-width:1279px) and (orientation:landscape),screen and (orientation:portrait) and (min-width:1920px) and (min-width:744px) and (max-width:1279px) and (orientation:landscape),screen and (min-width:1280px) and (max-width:1919px) and (min-width:744px) and (max-width:1279px) and (orientation:landscape),screen and (orientation:portrait) and (min-width:1280px) and (max-width:1919px) and (min-width:744px) and (max-width:1279px) and (orientation:landscape),screen and (min-width:744px) and (max-width:1279px) and (orientation:landscape) and (min-width:744px) and (max-width:1279px) and (orientation:landscape){.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container{padding-right:calc(76 / 1194 * 100dvw);padding-left:calc(32 / 1194 * 100dvw)}
}
@media screen and (min-width:1920px),screen and (orientation:portrait) and (min-width:1920px),screen and (min-width:1280px) and (max-width:1919px),screen and (orientation:portrait) and (min-width:1280px) and (max-width:1919px),screen and (min-width:744px) and (max-width:1279px) and (orientation:landscape){.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list{padding:12px 0 20px 0}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion{display:flex;flex-direction:column}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item{position:relative}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item:has(#headingOne){margin-top:16px;margin-bottom:40px}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item:has(#headingOne):has(.collapse:not(.show)) .accordion-header{margin-bottom:0}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item:has(#headingTwo){margin-top:40px;margin-bottom:16px}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item:has(#headingTwo)::before{content:"";display:block;width:100%;position:absolute;top:-40px;left:0;height:1px;background:rgba(255,255,255,0.1)}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-header{margin-bottom:32px}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body{border-radius:calc(20 / 1920 * 100dvw)}
}
@media screen and (min-width:1920px) and (min-width:744px) and (max-width:1279px) and (orientation:landscape),screen and (orientation:portrait) and (min-width:1920px) and (min-width:744px) and (max-width:1279px) and (orientation:landscape),screen and (min-width:1280px) and (max-width:1919px) and (min-width:744px) and (max-width:1279px) and (orientation:landscape),screen and (orientation:portrait) and (min-width:1280px) and (max-width:1919px) and (min-width:744px) and (max-width:1279px) and (orientation:landscape),screen and (min-width:744px) and (max-width:1279px) and (orientation:landscape) and (min-width:744px) and (max-width:1279px) and (orientation:landscape){.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body{border-radius:calc(20 / 1194 * 100dvw)}
}
@media screen and (min-width:1920px),screen and (orientation:portrait) and (min-width:1920px),screen and (min-width:1280px) and (max-width:1919px),screen and (orientation:portrait) and (min-width:1280px) and (max-width:1919px),screen and (min-width:744px) and (max-width:1279px) and (orientation:landscape){.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item{padding:32px}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .fixed-interval-item-name .item-name,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .fixed-interval-item-name .item-price-number,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .fixed-interval-item-name .item-price-text,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .inspection-result-item-name .item-name,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .inspection-result-item-name .item-price-number,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .inspection-result-item-name .item-price-text,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .item-product .item-name,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .item-product .item-price-number,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .item-product .item-price-text,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .fixed-interval-item-name .item-name,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .fixed-interval-item-name .item-price-number,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .fixed-interval-item-name .item-price-text,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .inspection-result-item-name .item-name,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .inspection-result-item-name .item-price-number,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .inspection-result-item-name .item-price-text,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .item-product .item-name,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .item-product .item-price-number,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .item-product .item-price-text{font-size:16px}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item button,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item button{font-size:12px;margin-top:16px;width:84px;height:36px}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list .footNote{font-size:12px}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .tools-container{height:110px;padding:24px;font-size:14px;border:1px solid rgba(255,255,255,0.1);border-radius:calc(20 / 1920 * 100dvw);transform:translateY(calc(-24 / 1080 * 1080 / 1920 * 100dvw))}
}
@media screen and (min-width:1920px) and (min-width:744px) and (max-width:1279px) and (orientation:landscape),screen and (orientation:portrait) and (min-width:1920px) and (min-width:744px) and (max-width:1279px) and (orientation:landscape),screen and (min-width:1280px) and (max-width:1919px) and (min-width:744px) and (max-width:1279px) and (orientation:landscape),screen and (orientation:portrait) and (min-width:1280px) and (max-width:1919px) and (min-width:744px) and (max-width:1279px) and (orientation:landscape),screen and (min-width:744px) and (max-width:1279px) and (orientation:landscape) and (min-width:744px) and (max-width:1279px) and (orientation:landscape){.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .tools-container{transform:translateY(calc(-24 / 834 * 834 / 1194 * 100dvw))}
}
@media screen and (min-width:1920px),screen and (orientation:portrait) and (min-width:1920px),screen and (min-width:1280px) and (max-width:1919px),screen and (orientation:portrait) and (min-width:1280px) and (max-width:1919px),screen and (min-width:744px) and (max-width:1279px) and (orientation:landscape){.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .tools-container .button-container .book-consultation-btn{width:156px;height:100%;font-size:calc(16 / 1920 * 100dvw)}
}
@media screen and (min-width:1920px) and (min-width:744px) and (max-width:1279px) and (orientation:landscape),screen and (orientation:portrait) and (min-width:1920px) and (min-width:744px) and (max-width:1279px) and (orientation:landscape),screen and (min-width:1280px) and (max-width:1919px) and (min-width:744px) and (max-width:1279px) and (orientation:landscape),screen and (orientation:portrait) and (min-width:1280px) and (max-width:1919px) and (min-width:744px) and (max-width:1279px) and (orientation:landscape),screen and (min-width:744px) and (max-width:1279px) and (orientation:landscape) and (min-width:744px) and (max-width:1279px) and (orientation:landscape){.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .tools-container .button-container .book-consultation-btn{font-size:calc(16 / 1194 * 100dvw)}
}
@media screen and (orientation:landscape) and (max-width:1023px) and (max-height:723px),screen and (max-height:1003px) and (max-width:743px),screen and (orientation:portrait) and (min-width:744px) and (max-width:1279px) and (orientation:portrait){.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container{padding-left:16px;padding-right:16px}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list{padding:12px 0 20px 0}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item:has(#headingOne){margin-top:4px;margin-bottom:20px}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item:has(#headingTwo){margin-top:20px;margin-bottom:4px}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-header{margin-bottom:24px}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-header .accordion-button .accordion-button-text{font-size:16px}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body{border-radius:calc(10 / 375 * 100dvw)}
}
@media screen and (orientation:landscape) and (max-width:1023px) and (max-height:723px) and (orientation:portrait) and (min-width:744px) and (max-width:1279px) and (orientation:portrait),screen and (max-height:1003px) and (max-width:743px) and (orientation:portrait) and (min-width:744px) and (max-width:1279px) and (orientation:portrait),screen and (orientation:portrait) and (min-width:744px) and (max-width:1279px) and (orientation:portrait) and (orientation:portrait) and (min-width:744px) and (max-width:1279px) and (orientation:portrait){.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body{border-radius:calc(10 / 834 * 100dvw)}
}
@media screen and (orientation:landscape) and (max-width:1023px) and (max-height:723px),screen and (max-height:1003px) and (max-width:743px),screen and (orientation:portrait) and (min-width:744px) and (max-width:1279px) and (orientation:portrait){.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item{padding:16px 16px 22px 16px}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .fixed-interval-item-name .item-name,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .fixed-interval-item-name .item-price-number,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .inspection-result-item-name .item-name,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .inspection-result-item-name .item-price-number,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .item-product .item-name,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .item-product .item-price-number,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .fixed-interval-item-name .item-name,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .fixed-interval-item-name .item-price-number,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .inspection-result-item-name .item-name,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .inspection-result-item-name .item-price-number,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .item-product .item-name,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .item-product .item-price-number{font-size:14px}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .fixed-interval-item-name .item-price-text,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .inspection-result-item-name .item-price-text,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item .item-product .item-price-text,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .fixed-interval-item-name .item-price-text,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .inspection-result-item-name .item-price-text,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item .item-product .item-price-text{font-size:10px}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .fixed-interval-item button,.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list #price-list-accordion .accordion-item .accordion-body .inspection-result-item button{font-size:12px;margin-top:16px;width:84px;height:36px}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .plan-list .footNote{font-size:10px}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .tools-container{height:76px;padding:16px;font-size:12px;border:1px solid rgba(255,255,255,0.1);border-radius:calc(10 / 375 * 100dvw);transform:translateY(calc(-16 / 812 * 812 / 375 * 100dvw))}
}
@media screen and (orientation:landscape) and (max-width:1023px) and (max-height:723px) and (orientation:portrait) and (min-width:744px) and (max-width:1279px) and (orientation:portrait),screen and (max-height:1003px) and (max-width:743px) and (orientation:portrait) and (min-width:744px) and (max-width:1279px) and (orientation:portrait),screen and (orientation:portrait) and (min-width:744px) and (max-width:1279px) and (orientation:portrait) and (orientation:portrait) and (min-width:744px) and (max-width:1279px) and (orientation:portrait){.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .tools-container{border-radius:calc(20 / 834 * 100dvw);transform:translateY(calc(-16 / 1194 * 1194 / 834 * 100dvw))}
}
@media screen and (orientation:landscape) and (max-width:1023px) and (max-height:723px),screen and (max-height:1003px) and (max-width:743px),screen and (orientation:portrait) and (min-width:744px) and (max-width:1279px) and (orientation:portrait){.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .tools-container .button-container .book-consultation-btn{width:84px;height:100%}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .tools-container .count-items{margin:5px 0}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .tools-container .count-items .selected-items-count{font-size:12px}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .tools-container .count-items .selected-items-count-price-description{font-size:12px}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .tools-container .count-items .estimated-total-price .price-description{font-size:12px}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .tools-container .count-items .estimated-total-price .price-symbol{font-size:16px}
.cmp-maintenanceCalculator .maintenance-calculator-container .plan-list-container .tools-container .count-items .estimated-total-price .total-price{font-size:16px}
}
#book-consultation-modal .aui-modal-dialog__content{background:transparent}
#book-consultation-modal .aui-modal-dialog__close{color:#fff}
#book-consultation-modal .book-consultation-modal-container{width:36vw;height:fit-content;max-width:690px;position:relative;display:flex;flex-direction:column;padding:3vh 1.8vw;background:linear-gradient(180deg,#2c343f 0,#232a34 100%);color:#fff;border-radius:calc(20 / 1920 * 100dvw);border:1px solid rgba(255,255,255,0.1)}
#book-consultation-modal .book-consultation-modal-container .title{height:24px;font-size:24px;line-height:100%;letter-spacing:0;text-align:center}
#book-consultation-modal .book-consultation-modal-container .content-container{margin-top:24px;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}
#book-consultation-modal .book-consultation-modal-container .content-container .desc{font-weight:400;font-size:16px;line-height:20px;letter-spacing:0}
#book-consultation-modal .book-consultation-modal-container .content-container img{width:140px;height:140px;object-position:center;object-fit:cover;margin-top:26px}
#book-consultation-modal .book-consultation-modal-container .content-container .remark-text{font-weight:400;font-size:12px;line-height:20px;letter-spacing:0;text-align:center;color:rgba(255,255,255,0.4);margin-top:8px}
#price-description-modal .aui-modal-dialog__content{background:transparent}
#price-description-modal .aui-modal-dialog__close{color:#fff}
#price-description-modal .price-description-modal-container{width:fit-content;height:fit-content;max-width:690px;max-height:70vh;position:relative;display:flex;flex-direction:column;padding:3vh 1.8vw;background:linear-gradient(180deg,#2c343f 0,#232a34 100%);color:#fff;border-radius:calc(20 / 1920 * 100dvw)}
#price-description-modal .price-description-modal-container .title{height:24px;font-weight:400;font-size:20px;line-height:100%;letter-spacing:0}
#price-description-modal .price-description-modal-container .content-container{margin-top:24px;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}
#price-description-modal .price-description-modal-container .content-container p{font-weight:400;font-size:12px;line-height:20px;letter-spacing:0;color:#fff}
#cmp-maintenanceCalculator-detail-description-modal .aui-modal-dialog__content{background:transparent}
#cmp-maintenanceCalculator-detail-description-modal .aui-modal-dialog__close,#cmp-maintenanceCalculator-detail-description-modal .close-btn{color:#fff}
#cmp-maintenanceCalculator-detail-description-modal .content-container{padding:36px;background:#fff;color:#000}
#cmp-maintenanceCalculator-detail-description-modal .content-container .title{font-size:20px;margin-bottom:24px}
#cmp-maintenanceCalculator-detail-description-modal .content-container h3,#cmp-maintenanceCalculator-detail-description-modal .content-container ul{margin-bottom:10px;font-size:12px}
@media screen and (orientation:landscape){#cmp-maintenanceCalculator-detail-description-modal .aui-modal-dialog__content{background:transparent}
#cmp-maintenanceCalculator-detail-description-modal .content-container{width:36vw;height:fit-content;background:linear-gradient(180deg,#2c343f 0,#232a34 100%);color:#fff;border-radius:calc(20 / 1920 * 100dvw);border:1px solid rgba(255,255,255,0.1)}
}
#cmp-maintenanceCalculator-book-consultation-modal-mob{position:fixed;bottom:0;left:0;width:100vw;height:100vh;z-index:1002;display:flex;align-items:center;justify-content:center;opacity:0;transform-origin:bottom;pointer-events:none;transition:all .5s ease}
#cmp-maintenanceCalculator-book-consultation-modal-mob.show{pointer-events:auto;transition:all .5s ease;opacity:1}
#cmp-maintenanceCalculator-book-consultation-modal-mob.show .mask{opacity:1}
#cmp-maintenanceCalculator-book-consultation-modal-mob.show .mask .modal-container{transform:translateY(0)}
#cmp-maintenanceCalculator-book-consultation-modal-mob .mask{opacity:0;background:rgba(0,0,0,0.6);transition:all .5s ease;position:relative;width:100%;height:100%;display:flex;align-items:end;justify-content:center}
#cmp-maintenanceCalculator-book-consultation-modal-mob .modal-container{background:linear-gradient(180deg,#2c343f 0,#232a34 100%);border-radius:10px 10px 0 0;color:#fff;width:100%;padding:32px 20px 24px 20px;min-height:60vh;box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:start;box-shadow:0 8px 32px rgba(0,0,0,0.18);transform:translateY(100%);transition:all .5s ease}
#cmp-maintenanceCalculator-book-consultation-modal-mob .select-carModel_close{position:absolute;top:10px;right:10px}
#cmp-maintenanceCalculator-book-consultation-modal-mob .title{font-size:20px;color:#fff;margin-bottom:16px;text-align:center}
#cmp-maintenanceCalculator-book-consultation-modal-mob .content-container{width:100%;display:flex;flex-direction:column;align-items:center}
#cmp-maintenanceCalculator-book-consultation-modal-mob .content-container .desc{font-size:15px;color:#fff;margin-bottom:24px;text-align:left;line-height:1.5}
#cmp-maintenanceCalculator-book-consultation-modal-mob .content-container img{width:180px;height:180px;object-fit:contain;margin-bottom:16px;background:#f5f5f5}
#cmp-maintenanceCalculator-book-consultation-modal-mob .content-container .remark-text{font-size:14px;color:rgba(255,255,255,0.4);margin-bottom:24px;text-align:center}
#cmp-maintenanceCalculator-book-consultation-modal-mob .content-container .redirect_wechat{width:100%;height:44px;position:relative}
#cmp-maintenanceCalculator-book-consultation-modal-mob .content-container .redirect_wechat button{width:100%;height:100%;border:0;font-size:14px}
#cmp-maintenanceCalculator-book-consultation-modal-mob .go-mini-program-btn{width:100%;height:44px;background:#000;color:#fff;font-size:16px;border:0;border-radius:6px;margin-top:8px;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;transition:background .2s}
#cmp-maintenanceCalculator-book-consultation-modal-mob .go-mini-program-btn:active{background:#222}
#cmp-maintenanceCalculator-price-description-modal-mob,#cmp-maintenanceCalculator-detail-description-modal-mob{position:fixed;bottom:0;left:0;width:100vw;height:100vh;z-index:1002;display:flex;align-items:center;justify-content:center;opacity:0;transform-origin:bottom;pointer-events:none;transition:all .5s ease}
#cmp-maintenanceCalculator-price-description-modal-mob.show,#cmp-maintenanceCalculator-detail-description-modal-mob.show{pointer-events:auto;transition:all .5s ease;opacity:1}
#cmp-maintenanceCalculator-price-description-modal-mob.show .mask,#cmp-maintenanceCalculator-detail-description-modal-mob.show .mask{opacity:1}
#cmp-maintenanceCalculator-price-description-modal-mob.show .mask .modal-container,#cmp-maintenanceCalculator-detail-description-modal-mob.show .mask .modal-container{transform:translateY(0)}
#cmp-maintenanceCalculator-price-description-modal-mob .mask,#cmp-maintenanceCalculator-detail-description-modal-mob .mask{opacity:0;background:rgba(0,0,0,0.6);transition:all .5s ease;position:relative;width:100%;height:100%;display:flex;align-items:end;justify-content:center}
#cmp-maintenanceCalculator-price-description-modal-mob .modal-container,#cmp-maintenanceCalculator-detail-description-modal-mob .modal-container{background:linear-gradient(180deg,#2c343f 0,#232a34 100%);border-radius:10px 10px 0 0;color:#fff;width:100%;height:60vh;padding:32px 20px 24px 20px;box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:start;box-shadow:0 8px 32px rgba(0,0,0,0.18);transform:translateY(100%);transition:all .5s ease}
#cmp-maintenanceCalculator-price-description-modal-mob .modal-container .select-carModel_close,#cmp-maintenanceCalculator-detail-description-modal-mob .modal-container .select-carModel_close{position:absolute;top:10px;right:10px}
#cmp-maintenanceCalculator-price-description-modal-mob .modal-container .title,#cmp-maintenanceCalculator-detail-description-modal-mob .modal-container .title{font-size:20px;margin-bottom:16px;text-align:center;color:#fff}
#cmp-maintenanceCalculator-price-description-modal-mob .modal-container .content-container,#cmp-maintenanceCalculator-detail-description-modal-mob .modal-container .content-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:start}
#cmp-maintenanceCalculator-price-description-modal-mob .modal-container .content-container .title,#cmp-maintenanceCalculator-detail-description-modal-mob .modal-container .content-container .title{width:100%;height:fit-content;text-align:left}
#cmp-maintenanceCalculator-price-description-modal-mob .modal-container .content-container .content-body,#cmp-maintenanceCalculator-detail-description-modal-mob .modal-container .content-container .content-body{width:100%;flex:1;overflow:hidden auto}
#cmp-maintenanceCalculator-price-description-modal-mob .modal-container .content-container ul li::marker,#cmp-maintenanceCalculator-detail-description-modal-mob .modal-container .content-container ul li::marker{font-size:9px}
#cmp-maintenanceCalculator-price-description-modal-mob .modal-container .content-container p,#cmp-maintenanceCalculator-price-description-modal-mob .modal-container .content-container li,#cmp-maintenanceCalculator-detail-description-modal-mob .modal-container .content-container p,#cmp-maintenanceCalculator-detail-description-modal-mob .modal-container .content-container li{font-weight:400;font-size:12px;line-height:24px;letter-spacing:0;color:#fff}
#cmp-maintenanceCalculator-price-description-modal-mob .modal-container .content-container ul,#cmp-maintenanceCalculator-price-description-modal-mob .modal-container .content-container h3,#cmp-maintenanceCalculator-detail-description-modal-mob .modal-container .content-container ul,#cmp-maintenanceCalculator-detail-description-modal-mob .modal-container .content-container h3{margin-bottom:10px;color:#fff}