.info-box{display:flex;gap:.5rem;width:100%;padding:.5rem .75rem;background:var(--color-neutral-800);&.apply-margin{margin:1.5rem 0}&.warning{background:var(--color-special-notice);color:var(--color-neutral-900);svg path{fill:var(--color-neutral-900)}}&.error{background:var(--color-special-errors);color:var(--color-neutral-900);svg path{fill:var(--color-neutral-900)}}& .icon-container{display:flex;padding:1px;&>svg{margin:0!important;width:1rem;height:1rem;min-width:1rem;min-height:1rem}}}main{&>div{margin-top:5rem;& h3{margin:0}& p{font-size:.875rem;line-height:1.25rem}}}.bg{position:relative;&:before{width:100%;height:100%;content:"";position:absolute;background:radial-gradient(ellipse at left bottom,hsla(0,0%,7%,0) 0,var(--color-neutral-900) 59.06%,var(--color-neutral-900) 100%)}&>div{z-index:1}&:has(>aside){background-position-x:15rem!important}&.car-rear-bg:before{z-index:-1;width:88rem;height:52rem;bottom:0;background:url(/assets/images/ef1d46429f31fd720be35eaa9c33a045.jpg) bottom no-repeat,linear-gradient(var(--color-neutral-900),hsla(0,0%,7%,.7),transparent),linear-gradient(to left,var(--color-neutral-900),transparent,transparent),radial-gradient(ellipse at left bottom,hsla(0,0%,7%,0) 69%,var(--color-neutral-900) 91%,var(--color-neutral-900) 100%);background-blend-mode:hue;background-size:cover}}table.data-table{width:100%;border:0;border-collapse:collapse;& caption{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}& tr{& th{margin:0;padding:0;white-space:nowrap;& button{cursor:pointer;display:flex;color:var(--color-white);width:100%;border:none;margin:0;padding:0;text-align:left;font-size:1.125rem;font-weight:500;background:transparent;line-height:1.75rem;align-items:center;border-bottom:1px solid var(--color-neutral-300);&:after{width:1.5rem;height:1.5rem;content:"";margin:0 2rem 0 .5rem;display:inline-block;background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjEyOCAxMEwxNy42NCA4Ljg1NkgxNS40OTZMMTUuMDA4IDEwSDE0LjA3MkwxNi41ODQgNC4zNkgxNi42TDE5LjExMiAxMEgxOC4xMjhaTTE1Ljg0OCA4LjA0SDE3LjI4OEwxNi41NjggNi4zNTJMMTUuODQ4IDguMDRaIiBmaWxsPSIjODA4MDgwIi8+CjxwYXRoIGQ9Ik0xOC41ODQgMTQuNTZWMTQuNTc2TDE1LjcyOCAxOS4xMzZIMTguMzg0VjIwSDE0LjExMlYxOS45ODRMMTYuOTc2IDE1LjQxNkgxNC4zMTJWMTQuNTZIMTguNTg0WiIgZmlsbD0iIzgwODA4MCIvPgo8cGF0aCBkPSJNNyAxNi4wMUw3IDRINUw1IDE2LjAxSDJMNiAyMEwxMCAxNi4wMUg3WiIgZmlsbD0iIzgwODA4MCIvPgo8L3N2Zz4=") no-repeat}}&[aria-sort=ascending] button{&:after{background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjEyOCAxMEwxNy42NCA4Ljg1NkgxNS40OTZMMTUuMDA4IDEwSDE0LjA3MkwxNi41ODQgNC4zNkgxNi42TDE5LjExMiAxMEgxOC4xMjhaTTE1Ljg0OCA4LjA0SDE3LjI4OEwxNi41NjggNi4zNTJMMTUuODQ4IDguMDRaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTguNTg0IDE0LjU2VjE0LjU3NkwxNS43MjggMTkuMTM2SDE4LjM4NFYyMEgxNC4xMTJWMTkuOTg0TDE2Ljk3NiAxNS40MTZIMTQuMzEyVjE0LjU2SDE4LjU4NFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik03IDE2LjAxTDcgNEg1TDUgMTYuMDFIMkw2IDIwTDEwIDE2LjAxSDdaIiBmaWxsPSIjMUVGMUM2Ii8+Cjwvc3ZnPg==") no-repeat}}&[aria-sort=descending] button{&:after{background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjEyOCAxMEwxNy42NCA4Ljg1NkgxNS40OTZMMTUuMDA4IDEwSDE0LjA3MkwxNi41ODQgNC4zNkgxNi42TDE5LjExMiAxMEgxOC4xMjhaTTE1Ljg0OCA4LjA0SDE3LjI4OEwxNi41NjggNi4zNTJMMTUuODQ4IDguMDRaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTguNTg0IDE0LjU2VjE0LjU3NkwxNS43MjggMTkuMTM2SDE4LjM4NFYyMEgxNC4xMTJWMTkuOTg0TDE2Ljk3NiAxNS40MTZIMTQuMzEyVjE0LjU2SDE4LjU4NFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik01IDcuOTlMNSAyMEg3TDcgNy45OUwxMCA3Ljk5TDYgNEwyIDcuOTlINVoiIGZpbGw9IiMxRUYxQzYiLz4KPC9zdmc+") no-repeat}}}& td{font-size:.875rem;line-height:1.75rem;padding:.5rem 0;border-bottom:1px solid var(--color-neutral-500)}}& .sticky-header{position:-webkit-sticky;position:sticky;top:0;background:var(--color-neutral-900)}}.ecu-list{& form{display:flex;flex-wrap:wrap;gap:1.5rem}& h1{margin-top:0}& .recall{text-align:center;background:var(--color-special-notice);margin:0 -1.25rem .5rem;padding:1rem;h4,p{margin:0;padding:0;font-size:.875rem;line-height:1rem;color:var(--color-neutral-900)}}}.register-org{z-index:2;flex:1 1;margin:5rem 0 25rem;&>*{z-index:1}& legend{color:var(--color-white);width:100%;display:flex;font-size:1.125rem;font-weight:500;align-items:center;justify-content:space-between;& small{color:var(--color-neutral-200);font-size:.75rem;font-weight:400}&:not(:has(small)){margin-bottom:1.5rem}}& p{font-size:.875rem;font-weight:400;margin-bottom:1.5rem}& table.list{width:100%;border-collapse:collapse;& caption{text-align:left;font-size:1.125rem;font-weight:500;& small{font-size:.875rem;padding:.5rem 0 1.5rem;display:block;font-weight:400}}& th{line-height:1.125rem;text-align:left;font-weight:500;padding-bottom:.5rem;border-bottom:1px solid var(--color-neutral-300)}& td,& th{font-size:.875rem}& td{padding:.5rem 0;line-height:1.75rem;border-bottom:1px solid var(--color-neutral-400)}}& .field>.optional{color:var(--color-neutral-300)}& .loading-object{flex:1 1;background:var(--color-neutral-500);width:100%;height:2.5rem;border-radius:.5rem;margin-bottom:1rem}& fieldset{border:none;margin:0 0 2.25rem;padding:0}}.maintenance-schedule{p{margin-bottom:1.5rem}}table.MaintenanceScheduleTable_list__NgpQd{min-width:25rem;width:max-content;font-size:1rem;margin-top:3.75rem;border-spacing:0 .25rem;border-collapse:separate;& caption{display:none}& th{text-align:left;font-weight:500}& td,& th{height:2.5rem}& td{font-weight:400;background:var(--color-secondary-bg);border-radius:.5rem;padding:0 1rem}& tbody:not(:first-of-type):before{content:"";display:block;height:2rem;width:100%}}.sign-in{margin-top:5rem;& p{margin-bottom:1.5rem}}main.maintenance-history-page{padding-right:0}.maintenance-history{overflow-x:auto;grid-auto-rows:minmax(min-content,max-content);& .register-container{display:flex;flex-direction:row;justify-content:flex-end;margin:2.5rem 0}& table.labeled{width:100%;border-collapse:collapse;& caption{text-align:left;height:1.25rem;font-size:.875rem;margin:2.5rem 0 .5rem}& tbody{& th{padding:1rem;text-align:left;font-weight:400;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}& td,& th{background:var(--color-neutral-800)}& td{&:last-of-type{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}}&:after{display:block;content:"";height:.25rem}}}}.maintenance-history-table{caption,h2,section+section{margin-top:2rem}caption,h2{text-align:start;font-size:1.5rem}th{white-space:nowrap;font-size:.75rem;text-align:left;padding:.75rem;&:first-of-type{padding-left:1rem}}table{width:100%;td{background:var(--color-neutral-800);padding:.75rem;font-weight:400;font-size:.875rem;vertical-align:top;text-align:left;&:first-of-type{padding-left:1rem;border-left:2px solid var(--color-neutral-200)}&:last-of-type{padding-right:1rem;&:has(>button){width:0}}.estimated{color:var(--color-neutral-200)}}}.upcoming-table{border-collapse:separate;border-spacing:0 1rem;td:last-of-type{text-align:right}th{padding:0 .75rem;&:first-of-type{padding-left:1rem}}ul{margin:.25rem 0 0;padding-left:1.75rem}tr:after{display:block;content:"";height:1rem}}.history-table{border-collapse:collapse;.expandable-row tr:last-of-type td{padding:.125rem .75rem .75rem}tbody:after{display:block;content:"";height:1rem}ul{margin:0;padding:0;list-style:none;li{display:flex;gap:.5rem;line-height:normal;margin-top:.25rem;svg{min-width:1rem;&.finalized{color:var(--color-special-success)}&.skipped{color:var(--color-special-errors)}}}}}.status{display:flex;gap:.5rem;svg{min-width:1rem}}.completed{.status svg{color:var(--color-special-success)}td:first-of-type{border-left:2px solid var(--color-special-success)}}.partially_completed{.status svg{color:var(--color-special-notice)}td:first-of-type{border-left:2px solid var(--color-special-notice)}}.skipped{.status svg,strong{color:var(--color-neutral-200)}td:first-of-type{border-left:2px solid var(--color-special-errors)}}.expand-button{text-align:right;button{background:0}svg{color:var(--color-white)}}dl{display:flex;gap:.5rem 1rem;margin:0;flex-wrap:wrap;dt{&:after{content:":"}}dd{margin:0}}time{white-space:nowrap}.no-hit{padding:.75rem 1rem;border-left:none;text-align:center}}.diagnostics-update{min-height:100rem;& ul li{color:var(--color-white)}& ol li{width:100%!important}& p{& svg{margin:-.25rem 0 -.45rem}& img{vertical-align:middle}}.connection-check-icon{color:var(--color-primary)}}