.eu_ota li{list-style:inherit;list-style-position:inside}
.text--center{text-align:center}
.text--grey{color:#666}
.display--flex{display:flex}
.flex--column{flex-direction:column}
.justify--center{justify-content:center}
.justify--space-between{justify-content:space-between}
.align--center{align-items:center}
.eu_ota__loading{height:200px;display:grid;place-items:center}
.loading--loader,.eu_ota__modelLoader{width:48px;height:48px;border:5px solid #666;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}
.eu_ota__modelLoader{width:18px;height:18px;border:2px solid #666;border-bottom-color:transparent;translate:-50%;position:absolute;left:50%;transform:translateX(50%)}
@keyframes rotation{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.eu_ota__search{margin:30px 0 50px}
.eu_ota__totalUpdates{margin-bottom:15px}
.eu-ota__dropdown{max-width:100%;min-width:150px;position:relative}
.eu_ota__model,.eu_ota__modelName{border:1px solid #ccc;height:30px;padding-left:8px;background-color:#fff;font-size:13px;cursor:pointer;padding-right:23px}
.eu_ota__modelName:hover{background-color:#f3f3f3}
.modelName--active{background-color:#e3e3e3}
.dropdown--close .eu_ota__dropdown_list{display:none}
.eu_ota__dropdown_list{position:absolute;top:100%;width:max-content;min-width:100%;z-index:1;max-height:150px;overflow-y:scroll;border-bottom:1px solid #ccc;box-sizing:border-box}
.eu-ota__dropdown,.eu-ota-form{margin-right:5px}
.eu-ota__formbtn{padding:0 25px;background-color:#05141f;color:#fff;font-size:10px}
.eu_ota__model::after{content:'';background:url(../../../../../../../../etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/icons/spr-button.png) no-repeat;display:block;position:absolute;top:50%;right:12px;float:none;margin:-6px 0 0 0;width:6px;height:11px;background-position:-21px -69px}
.dropdown--close .eu_ota__model::after,.updateContainer--updateClose .updateHeader__arrow::after{transform:rotate(90deg)}
.dropdown--open .eu_ota__model::after,.updateContainer--updateOpen .updateHeader__arrow::after{transform:rotate(-90deg)}
#software_keyword{min-width:350px}
.updateContainer__updateHeader{padding:15px 0}
.updateHeader__carName,.updateHeader__updateDate{font-size:13px;color:#666}
.updateContainer__updateRow:first-child{border-top:2px solid #666}
.updateContainer__updateRow{border-bottom:2px solid #666;cursor:pointer}
.updateHeader__arrow{position:relative;height:100%;width:100%;min-width:18px}
.updateHeader__arrow::after{content:'';background:url(../../../../../../../../etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/icons/spr-common-large.png) no-repeat;display:block;position:absolute;top:50%;left:50%;translate:-50%;float:none;margin:-12px 0 0 0;width:16px;height:25px;background-position:-269px -117px}
.updateContainer__updateBody{padding:0 15px}
.updateContainer--updateClose .updateContainer__updateBody{display:none}
.updateContainer--updateOpen .updateContainer__updateBody{display:block}
.updateBody_updateDescription{margin:25px 0}
.updateContainer__updateBody,.updateBody__updateFeatureContainer{border-top:1px solid #ccc}
.updateHeader__leftSection{flex:0 0 85%}
.updateBody__updateFeature{padding:15px 0;border-bottom:1px solid #cccccc69}
.updateFeature__updateTitle{flex:0 0 20%}
.updateFeature__updateDescription{flex:0 0 75%}
.updateBody__updateDisclaimer{margin:20px 0 30px;color:#666}
.updateDate--mobile{display:none}
.updateDate--mobile span:not(.vrL){white-space:nowrap}
.updateDate--desktop{display:inline}
.eu_ota__pagination{margin:30px 0}
.pagination__arr{content:'';width:11px;height:9px;display:inline-block}
.pagination--rightarr.arr--enabled{background-image:url(../../../../../../../../etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/icons/icon_arrow_line_next_black.svg)}
.pagination--rightarr.arr--disabled{background-image:url(../../../../../../../../etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/icons/icon_arrow_line_next_disabled.svg)}
.pagination--leftarr.arr--enabled{background-image:url(../../../../../../../../etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/icons/icon_arrow_line_prev_black.svg)}
.pagination--leftarr.arr--disabled{background-image:url(../../../../../../../../etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/icons/icon_arrow_line_prev_disabled.svg)}
.eu_ota__pagination span{margin:0 10px;cursor:pointer;color:#666}
.eu_ota__pagination .active{color:#05141f;font-family:'kiab',sans-serif}
.arr--disabled{pointer-events:none}
.eu_ota__pagination.pg--loading{opacity:.2;pointer-events:none}
@media screen and (max-width:768px){.updateDate--mobile{display:inline}
.updateDate--desktop{display:none}
.flex--mobile-column{flex-direction:column}
#software_keyword{width:100%;min-width:auto;box-sizing:border-box}
.eu-ota__dropdown,.eu-ota__formbtn,.eu-ota-form{margin:8px 0 0;height:32px}
.updateFeature__updateTitle{margin-bottom:8px}
.vrL{width:2px;display:inline-block;background-color:#ccc;height:20px;margin:0 8px;transform:translateY(30%)}
.updateHeader__arrow::after{translate:-70%;left:0}
.eu_ota__dropdown_list{width:100%}
}