adp-web-components 0.4.0 → 0.4.2

package/dist/collection/components/vehicle-lookup/vehicle-specification.js

@@ -62,7 +62,7 @@ export class VehicleSpecification {
         catch (error) {
             productionDate = null;
         }
-        return (h(Host, { key: '2894cec74f71865809cdb45ee42582766bcd81fb', translate: "no" }, h(VehicleInfoLayout, { key: '9b9f8b4916ede346312d00ef6f416d3567ae792c', isError: this.isError, coreOnly: this.coreOnly, isLoading: this.isLoading, header: (_e = this.vehicleLookup) === null || _e === void 0 ? void 0 : _e.vin, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, h("flexible-container", { key: '8adde97f52a62b1735ef2acfe2c3841dd3e5fa00' }, h("div", { key: '2ebd9e528b78f8c34c96f09d1dedd95eb115ef61', class: "flex p-[16px] [&>div]:grow overflow-auto gap-[16px] items-stretch justify-center md:justify-between flex-wrap" }, h(MaterialCard, { key: 'c1c94a1533ecacd461ddd32ba66eb7899d1264aa', class: "grow", title: texts === null || texts === void 0 ? void 0 : texts.model, minWidth: "300px" }, h(MaterialCardChildren, { key: 'ece03edd7e4ee0a295d240e4db087638562be597', class: "text-center", hidden: !((_h = (_g = (_f = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _f === void 0 ? void 0 : _f.vehicleVariantInfo) === null || _g === void 0 ? void 0 : _g.modelCode) === null || _h === void 0 ? void 0 : _h.trim()) && !((_l = (_k = (_j = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _j === void 0 ? void 0 : _j.vehicleSpecification) === null || _k === void 0 ? void 0 : _k.modelDescription) === null || _l === void 0 ? void 0 : _l.trim()) }, ((_p = (_o = (_m = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _m === void 0 ? void 0 : _m.vehicleVariantInfo) === null || _o === void 0 ? void 0 : _o.modelCode) === null || _p === void 0 ? void 0 : _p.trim()) || '', " ", h("br", { key: '2ad3077d9bd26fce62153160e6a7cbd6337e7c8e', class: "my-2" }), ((_s = (_r = (_q = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _q === void 0 ? void 0 : _q.vehicleSpecification) === null || _r === void 0 ? void 0 : _r.modelDescription) === null || _s === void 0 ? void 0 : _s.trim()) || '')), h(MaterialCard, { key: 'e8595f03aa4c3698be2748ae11874de6fcf6dd95', class: "grow", title: texts === null || texts === void 0 ? void 0 : texts.variant, minWidth: "300px" }, h(MaterialCardChildren, { key: '76f930d59882d4f43b866f851f02fd858f2c1a65', class: "text-center", hidden: !((_v = (_u = (_t = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _t === void 0 ? void 0 : _t.identifiers) === null || _u === void 0 ? void 0 : _u.variant) === null || _v === void 0 ? void 0 : _v.trim()) && !((_y = (_x = (_w = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _w === void 0 ? void 0 : _w.vehicleSpecification) === null || _x === void 0 ? void 0 : _x.variantDescription) === null || _y === void 0 ? void 0 : _y.trim()) }, ((_1 = (_0 = (_z = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _z === void 0 ? void 0 : _z.identifiers) === null || _0 === void 0 ? void 0 : _0.variant) === null || _1 === void 0 ? void 0 : _1.trim()) || '', " ", h("br", { key: 'eff387843d56e89a8b348648e93f407b0a5ef412' }), ((_4 = (_3 = (_2 = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _2 === void 0 ? void 0 : _2.vehicleSpecification) === null || _3 === void 0 ? void 0 : _3.variantDescription) === null || _4 === void 0 ? void 0 : _4.trim()) || '')), h(MaterialCard, { key: '6c835f594e452126eee8a35f04e6ade085b1692a', desc: ((_7 = (_6 = (_5 = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _5 === void 0 ? void 0 : _5.identifiers) === null || _6 === void 0 ? void 0 : _6.katashiki) === null || _7 === void 0 ? void 0 : _7.trim()) || '', title: texts === null || texts === void 0 ? void 0 : texts.katashiki, minWidth: "250px" }), h(MaterialCard, { key: '7ee83bff35da3f8ef3a59facc928deff61c70a2c', desc: ((_11 = (_10 = (_9 = (_8 = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _8 === void 0 ? void 0 : _8.vehicleVariantInfo) === null || _9 === void 0 ? void 0 : _9.modelYear) === null || _10 === void 0 ? void 0 : _10.toString()) === null || _11 === void 0 ? void 0 : _11.trim()) || '', title: texts === null || texts === void 0 ? void 0 : texts.modelYear, minWidth: "250px" }), h(MaterialCard, { key: '387a55d89894667484ea19b6ef12c98ad2d87aa7', desc: productionDate ? productionDate : '', title: texts === null || texts === void 0 ? void 0 : texts.productionDate, minWidth: "250px" }), h(MaterialCard, { key: 'd74f58fb4701352ba9f2f9db47c1f41b29e22463', desc: ((_14 = (_13 = (_12 = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _12 === void 0 ? void 0 : _12.vehicleVariantInfo) === null || _13 === void 0 ? void 0 : _13.sfx) === null || _14 === void 0 ? void 0 : _14.trim()) || '', title: texts === null || texts === void 0 ? void 0 : texts.sfx, minWidth: "250px" }))))));
+        return (h(Host, { key: 'e506a819b782346a7bb4096d7f16aa0fa1a21c2a', translate: "no" }, h(VehicleInfoLayout, { key: '69c3422a2fbe18afc3c2533267664362a9adc386', isError: this.isError, coreOnly: this.coreOnly, isLoading: this.isLoading, header: (_e = this.vehicleLookup) === null || _e === void 0 ? void 0 : _e.vin, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, h("flexible-container", { key: 'a2574b6252bfec4e3150f581e2c0f4163abefa5f' }, h("div", { key: 'e31f0be0fdbcbdafa8a1acfb3a55252b04a082be', class: "flex p-[16px] [&>div]:grow overflow-auto gap-[16px] items-stretch justify-center md:justify-between flex-wrap" }, h(MaterialCard, { key: '5fd8820418ad8cc89836cdced9e74e8035529a96', class: "grow", title: texts === null || texts === void 0 ? void 0 : texts.model, minWidth: "300px" }, h(MaterialCardChildren, { key: '5bda7000bc200969db1a4e1445327d104d8b1491', class: "text-center", hidden: !((_h = (_g = (_f = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _f === void 0 ? void 0 : _f.vehicleVariantInfo) === null || _g === void 0 ? void 0 : _g.modelCode) === null || _h === void 0 ? void 0 : _h.trim()) && !((_l = (_k = (_j = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _j === void 0 ? void 0 : _j.vehicleSpecification) === null || _k === void 0 ? void 0 : _k.modelDescription) === null || _l === void 0 ? void 0 : _l.trim()) }, ((_p = (_o = (_m = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _m === void 0 ? void 0 : _m.vehicleVariantInfo) === null || _o === void 0 ? void 0 : _o.modelCode) === null || _p === void 0 ? void 0 : _p.trim()) || '', " ", h("br", { key: 'f340fe70c313cdfd936fb713a42dc9527bf3b793', class: "my-2" }), ((_s = (_r = (_q = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _q === void 0 ? void 0 : _q.vehicleSpecification) === null || _r === void 0 ? void 0 : _r.modelDescription) === null || _s === void 0 ? void 0 : _s.trim()) || '')), h(MaterialCard, { key: 'ea16297eea6df463cea76478c59f50cbb21928db', class: "grow", title: texts === null || texts === void 0 ? void 0 : texts.variant, minWidth: "300px" }, h(MaterialCardChildren, { key: '2b36c6a48039fba07d4be5fd6153032bae4ec3b1', class: "text-center", hidden: !((_v = (_u = (_t = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _t === void 0 ? void 0 : _t.identifiers) === null || _u === void 0 ? void 0 : _u.variant) === null || _v === void 0 ? void 0 : _v.trim()) && !((_y = (_x = (_w = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _w === void 0 ? void 0 : _w.vehicleSpecification) === null || _x === void 0 ? void 0 : _x.variantDescription) === null || _y === void 0 ? void 0 : _y.trim()) }, ((_1 = (_0 = (_z = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _z === void 0 ? void 0 : _z.identifiers) === null || _0 === void 0 ? void 0 : _0.variant) === null || _1 === void 0 ? void 0 : _1.trim()) || '', " ", h("br", { key: 'a5a7ec028ff6ddc9ebd36f05067496bca94e7598' }), ((_4 = (_3 = (_2 = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _2 === void 0 ? void 0 : _2.vehicleSpecification) === null || _3 === void 0 ? void 0 : _3.variantDescription) === null || _4 === void 0 ? void 0 : _4.trim()) || '')), h(MaterialCard, { key: '8004f3a2062dc1837c51dd0fb0dfa62cf4f213f5', desc: ((_7 = (_6 = (_5 = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _5 === void 0 ? void 0 : _5.identifiers) === null || _6 === void 0 ? void 0 : _6.katashiki) === null || _7 === void 0 ? void 0 : _7.trim()) || '', title: texts === null || texts === void 0 ? void 0 : texts.katashiki, minWidth: "250px" }), h(MaterialCard, { key: '4599649cfb2f90319d85d8b9b7689dfc0c033273', desc: ((_11 = (_10 = (_9 = (_8 = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _8 === void 0 ? void 0 : _8.vehicleVariantInfo) === null || _9 === void 0 ? void 0 : _9.modelYear) === null || _10 === void 0 ? void 0 : _10.toString()) === null || _11 === void 0 ? void 0 : _11.trim()) || '', title: texts === null || texts === void 0 ? void 0 : texts.modelYear, minWidth: "250px" }), h(MaterialCard, { key: 'e1a8c7b5126143527ef6d416e4dbea9477fb1df1', desc: productionDate ? productionDate : '', title: texts === null || texts === void 0 ? void 0 : texts.productionDate, minWidth: "250px" }), h(MaterialCard, { key: 'ae62b5fa1d357110248ce802f256275aaa584773', desc: ((_14 = (_13 = (_12 = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _12 === void 0 ? void 0 : _12.vehicleVariantInfo) === null || _13 === void 0 ? void 0 : _13.sfx) === null || _14 === void 0 ? void 0 : _14.trim()) || '', title: texts === null || texts === void 0 ? void 0 : texts.sfx, minWidth: "250px" }))))));
     }
     static get is() { return "vehicle-specification"; }
     static get encapsulation() { return "shadow"; }
@@ -144,6 +144,25 @@ export class VehicleSpecification {
                 "reflect": false,
                 "attribute": "is-dev"
             },
+            "today": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "today"
+            },
             "disableVinValidation": {
                 "type": "boolean",
                 "mutable": false,

package/dist/collection/components/vehicle-lookup/vehicle-ssc.css

@@ -1 +1 @@
-*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{clip:rect(0,0,0,0);border:0;border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter}.ease-in-out,.transition{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}:host{--paper:#fff;--paper-soft:#f7f9fa;--ink:#1a2530;--muted:#5f6c78;--date-ink:#46535e;--line:#d5dce2;--line-soft:#e8ecef;--blue:#3071a9;--blue-dark:#275e8f;--blue-tint:#e8f1f8;--green:#2c8a58;--green-dark:#216b44;--green-tint:#e8f4ed;--red:#b42318;--red-dark:#9b2c2c;--red-tint:#fff1f0;--amber:#b7791f;--amber-dark:#8a5a12;--amber-tint:#fff7e6;--violet:#755aa5;--violet-dark:#5f4887;--violet-tint:#f1ecf8;--shadow:0 18px 45px rgba(27,45,61,.1),0 2px 7px rgba(27,45,61,.06);--settle:320ms;--chips-max:300px;--lead-height:38px;--pill-rest:132px;--body-rest:58px;--blue-rim:rgba(48,113,169,.32);--violet-rim:rgba(117,90,165,.42);--violet-halo:rgba(117,90,165,.45);container-name:ssc-panel;container-type:inline-size;display:block}.collapsible{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--settle) ease,opacity calc(var(--settle) - 60ms) ease,visibility 0s linear var(--settle);visibility:hidden}.collapsible[data-open=true]{grid-template-rows:1fr;opacity:1;transition:grid-template-rows var(--settle) ease,opacity calc(var(--settle) - 60ms) ease,visibility 0s;visibility:visible}.collapsible-body{min-height:0;overflow:hidden}.layer-stack{display:grid}.layer-stack>.layer{grid-column:1/-1;grid-row:1;opacity:0;transition:opacity var(--settle) ease,visibility 0s linear var(--settle);visibility:hidden}.layer-stack>.layer[data-active=true]{opacity:1;transition:opacity var(--settle) ease,visibility 0s;visibility:visible}.sheen{animation:lookup-sheen 1.3s linear infinite;background-color:#dcdfe4;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.85) 50%,hsla(0,0%,100%,0));background-repeat:no-repeat;background-size:45% 100%;color:transparent}@keyframes lookup-sheen{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes lookup-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-delay:0s!important;transition-duration:.01ms!important}}.vehicle-info-container{background-color:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative;transition-duration:.5s;transition-property:all}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;position:relative;text-align:center}.vehicle-info-header-action{align-items:center;display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}.ssc-panel,.ssc-panel *,.ssc-panel :after,.ssc-panel :before{box-sizing:border-box}.ssc-panel{color:var(--ink);font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13px;line-height:1.35;padding:16px}.ssc-card{background:var(--paper);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);overflow:hidden;position:relative;width:100%}.ssc-card:before{background:var(--line);content:"";height:4px;inset:0 0 auto;position:absolute;transition:background var(--settle) ease,opacity var(--settle) ease;z-index:3}.ssc-card[data-verdict=negative]:before{background:var(--red)}.ssc-card[data-verdict=positive]:before{background:var(--green)}.ssc-card[data-verdict=neutral]:before{background:var(--amber)}.ssc-card[data-verdict=attention]:before{animation:ssc-attention-bar 2.4s ease-in-out infinite;background:var(--violet)}.ssc-card[data-phase=busy]:before{opacity:0}.ssc-head{align-items:center;display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:space-between;padding:16px 20px 12px}.ssc-title{font-size:clamp(16px,3.2cqw,20px);font-weight:760;letter-spacing:-.025em;line-height:1.15}.ssc-summary{display:flex}.ssc-summary,.status-badge{align-items:center;min-width:0}.status-badge{border-radius:999px;display:inline-flex;font-size:13px;font-weight:700;letter-spacing:-.005em;line-height:1.15;min-height:30px;overflow:hidden;transition:color var(--settle) ease,background var(--settle) ease,box-shadow var(--settle) ease}.status-badge.is-positive{background:var(--green-tint);box-shadow:inset 0 0 0 1px rgba(44,138,88,.32);color:var(--green-dark)}.status-badge.is-negative{background:var(--red-tint);box-shadow:inset 0 0 0 1px rgba(180,35,24,.28);color:var(--red-dark)}.status-badge.is-neutral{background:var(--amber-tint);box-shadow:inset 0 0 0 1px rgba(183,121,31,.32);color:var(--amber-dark)}.status-badge.is-attention{background:var(--violet-tint);box-shadow:inset 0 0 0 1px var(--violet-rim);color:var(--violet-dark)}.status-badge.is-idle{background:var(--line-soft);box-shadow:inset 0 0 0 1px rgba(95,108,120,.22);color:var(--muted)}.status-badge>span{font-variant-numeric:tabular-nums;padding:6px 13px 6px 11px;white-space:nowrap}.badge-icon{align-self:stretch;color:#fff;display:block;flex:0 0 auto;height:auto;padding:6px 9px;transition:opacity var(--settle) ease,background var(--settle) ease;width:34px}.status-badge.is-positive .badge-icon{background:var(--green)}.status-badge.is-negative .badge-icon{background:var(--red)}.status-badge.is-neutral .badge-icon{background:var(--amber)}.status-badge.is-attention .badge-icon{background:var(--violet)}.status-badge.is-idle .badge-icon{background:var(--line)}.ssc-summary .status-badge{max-width:360px;min-width:var(--pill-rest);transition:color var(--settle) ease,background var(--settle) ease,box-shadow var(--settle) ease,max-width var(--settle) ease}.ssc-summary .status-badge.is-idle{max-width:var(--pill-rest)}.ssc-card[data-phase=busy] .ssc-summary .status-badge{animation:lookup-sheen 1.3s linear infinite;background-color:#dcdfe4;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.85) 50%,hsla(0,0%,100%,0));background-repeat:no-repeat;background-size:45% 100%;box-shadow:inset 0 0 0 1px rgba(95,108,120,.42);color:transparent;max-width:var(--pill-rest)}.ssc-card[data-phase=busy] .ssc-summary .status-badge .badge-icon{background:#dcdfe4;opacity:0}.ssc-grid{display:grid;grid-template-columns:minmax(auto,max-content) minmax(200px,1fr) minmax(auto,max-content) minmax(auto,max-content) minmax(auto,max-content);overflow-x:auto}.ssc-grid.has-trace{grid-template-columns:minmax(auto,max-content) minmax(200px,1fr) minmax(auto,max-content) minmax(auto,max-content) minmax(auto,max-content) max-content}.ssc-body,.ssc-body-inner,.ssc-lead,.ssc-lead-columns,.ssc-row,.ssc-rows{display:grid;grid-column:1/-1;grid-template-columns:subgrid}.ssc-lead{box-shadow:inset 0 1px 0 var(--line),inset 0 -1px 0 var(--line)}.ssc-lead,.ssc-lead>.layer{min-height:var(--lead-height)}.ssc-lead-skeleton{background-color:var(--line-soft);background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.85) 50%,hsla(0,0%,100%,0));background-position:-100% 0;background-repeat:no-repeat;background-size:45% 100%;transition:opacity var(--settle) ease,visibility 0s linear var(--settle),background-color var(--settle) ease}.ssc-card[data-phase=busy] .ssc-lead-skeleton{animation:lookup-sheen 1.3s linear infinite;background-color:#dcdfe4}.ssc-lead-notice{align-items:center;display:flex;font-size:13px;font-weight:650;gap:8px;line-height:1.3;padding:6px 20px}.ssc-lead-notice.is-positive{background:var(--green-tint);box-shadow:inset 0 1px 0 rgba(44,138,88,.18),inset 0 -1px 0 rgba(44,138,88,.18);color:var(--green-dark)}.ssc-lead-notice.is-negative{background:var(--red-tint);box-shadow:inset 0 1px 0 rgba(180,35,24,.18),inset 0 -1px 0 rgba(180,35,24,.18);color:var(--red-dark)}.ssc-lead-notice.is-neutral{background:var(--amber-tint);box-shadow:inset 0 1px 0 rgba(183,121,31,.22),inset 0 -1px 0 rgba(183,121,31,.22);color:var(--amber-dark)}.ssc-lead-notice.is-attention{background:var(--violet-tint);box-shadow:inset 0 1px 0 var(--violet-rim),inset 0 -1px 0 var(--violet-rim);color:var(--violet-dark);font-weight:700;padding-inline-start:38px;position:relative}.ssc-lead-notice.is-attention:before{background:repeating-linear-gradient(135deg,var(--violet) 0 5px,transparent 5px 11px);content:"";inset-block:0;inset-inline-start:0;opacity:.85;position:absolute;width:16px}.notice-icon{flex:0 0 auto;height:16px;width:16px}.ssc-lead-columns{background:var(--paper-soft)}.ssc-lead-columns>.ssc-cell{align-items:center;color:var(--muted);display:flex;font-size:11px;font-weight:700;letter-spacing:.06em;padding:6px 12px;text-transform:uppercase;white-space:nowrap}.ssc-columns-label{display:none}.ssc-body{min-height:var(--body-rest)}.ssc-body-inner{align-content:start}.ssc-row{transition:background var(--settle) ease}.ssc-row:not(:first-child){border-top:1px solid var(--line-soft)}.ssc-row[data-open=true]{background:var(--blue-tint)}.ssc-row>.ssc-cell{padding:12px}.ssc-code{font-variant-numeric:tabular-nums;white-space:nowrap}.ssc-code strong{font-weight:760;letter-spacing:.01em}.ssc-description{min-width:0;overflow-wrap:anywhere}.ssc-status{white-space:nowrap}.ssc-status-cell{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.ssc-status-source{color:var(--muted);font-size:12px;font-weight:600;padding-inline-start:2px}.ssc-trace-cell{white-space:nowrap}.ssc-none{color:var(--muted)}.ssc-chips{display:flex;flex-wrap:wrap;gap:6px;max-width:var(--chips-max)}.ssc-chip{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;gap:5px;letter-spacing:.01em;line-height:1.3;padding:3px 9px;white-space:nowrap}.ssc-chip.is-accent{background:var(--blue-tint);box-shadow:inset 0 0 0 1px rgba(48,113,169,.32);color:var(--blue-dark)}.ssc-chip.is-neutral{background:var(--line-soft);box-shadow:inset 0 0 0 1px rgba(95,108,120,.22);color:var(--muted)}.ssc-chip.is-positive{background:var(--green-tint);box-shadow:inset 0 0 0 1px rgba(44,138,88,.32);color:var(--green-dark)}.ssc-chip.is-negative{background:var(--red-tint);box-shadow:inset 0 0 0 1px rgba(180,35,24,.28);color:var(--red-dark)}.chip-icon{flex:0 0 auto;height:13px;width:13px}.chip-note{color:var(--date-ink);font-weight:600}.ssc-trace-button{align-items:center;background:var(--paper);border:1px solid rgba(48,113,169,.32);border-radius:999px;color:var(--blue-dark);cursor:pointer;display:inline-flex;height:30px;justify-content:center;padding:0;position:relative;transition:color var(--settle) ease,background var(--settle) ease,border-color var(--settle) ease;width:30px}.ssc-trace-button:hover,.ssc-trace-button[aria-expanded=true],.ssc-trace-button[data-loading=true]{background:var(--blue);border-color:var(--blue-dark);color:#fff}.ssc-trace-button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.ssc-trace-button-icon{height:18px;transition:opacity var(--settle) ease;width:18px}.ssc-trace-button-spinner{animation:lookup-spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.35);border-radius:50%;border-top-color:#fff;inset:6px;opacity:0;position:absolute;transition:opacity var(--settle) ease}.ssc-trace-button[data-loading=true] .ssc-trace-button-icon{opacity:0}.ssc-trace-button[data-loading=true] .ssc-trace-button-spinner{opacity:1}.ssc-trace-row{grid-column:1/-1;transition:background var(--settle) ease}.ssc-trace-row[data-open=true]{background:var(--blue-tint)}.ssc-trace{background:var(--paper);border:1px solid var(--blue-rim);border-radius:10px;box-shadow:inset 4px 0 0 var(--blue),0 6px 18px rgba(27,45,61,.08);margin:0 12px 14px;padding:12px 18px 16px 22px}[dir=rtl] .ssc-trace{box-shadow:inset -4px 0 0 var(--blue),0 6px 18px rgba(27,45,61,.08);padding:12px 22px 16px 18px}.trace-head{align-items:baseline;border-bottom:1px solid var(--line-soft);display:flex;flex-wrap:wrap;gap:4px 10px;margin-bottom:10px;padding-bottom:8px}.trace-head-code{color:var(--blue-dark);font-size:12px;font-variant-numeric:tabular-nums;font-weight:760;letter-spacing:.01em}.ssc-trace-status{align-items:center;color:var(--muted);display:flex;font-weight:600;gap:10px}.ssc-trace-status.is-error{color:var(--red-dark)}.trace-verdict{align-items:center;display:flex;flex-wrap:wrap;font-size:14px;gap:8px 10px}.trace-verdict.is-positive{color:var(--green-dark)}.trace-verdict.is-negative{color:var(--red-dark)}.trace-verdict-icon{flex:0 0 auto;height:18px;width:18px}.trace-verdict-date{color:var(--date-ink);font-variant-numeric:tabular-nums;font-weight:700}.trace-order{color:var(--muted);margin:6px 0 12px}.trace-codes{align-items:center;display:flex;flex-wrap:wrap;gap:8px 14px;margin-bottom:14px}.trace-codes .ssc-chips{max-width:none}.trace-label{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.trace-steps{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.trace-step{background:var(--paper-soft);border:1px solid var(--line);border-radius:10px}.trace-step[data-decided=true]{border-color:rgba(44,138,88,.55);box-shadow:inset 4px 0 0 var(--green)}[dir=rtl] .trace-step[data-decided=true]{box-shadow:inset -4px 0 0 var(--green)}.trace-step-head{align-items:center;border-bottom:1px solid var(--line-soft);display:flex;flex-wrap:wrap;gap:6px 10px;padding:10px 14px}.trace-step-index{align-items:center;background:var(--ink);border-radius:50%;color:var(--paper);display:inline-flex;font-size:12px;font-weight:760;height:22px;justify-content:center;width:22px}.trace-step-title{font-size:13px;font-weight:760}.trace-count{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;font-weight:600}.trace-step-decided{align-items:center;color:var(--green-dark);display:inline-flex;font-size:12px;font-weight:700;gap:5px;margin-inline-start:auto}.trace-step-decided-icon{height:14px;width:14px}.trace-step-body{padding:10px 14px 12px}.trace-kv{align-items:baseline;display:inline-flex;gap:8px}.trace-kv>span{color:var(--muted)}.trace-kv>strong{font-variant-numeric:tabular-nums}.trace-muted{color:var(--muted)}.trace-evidence{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.trace-item{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:8px 12px}.trace-item.is-selected{background:var(--green-tint);border-color:rgba(44,138,88,.45)}.trace-item.is-dim{opacity:.72}.trace-item-head{align-items:center;display:flex;flex-wrap:wrap;gap:6px 10px}.trace-item-title{font-weight:760}.trace-date{color:var(--date-ink);font-size:12px;font-variant-numeric:tabular-nums;font-weight:600}.trace-decided{background:var(--green);color:var(--paper);letter-spacing:.03em;margin-inline-start:auto;padding:2px 8px;text-transform:uppercase}.evidence-pill,.trace-decided{border-radius:999px;font-size:11px;font-weight:700}.evidence-pill{align-items:center;display:inline-flex;gap:5px;padding:2px 8px 2px 6px;white-space:nowrap}.evidence-pill.is-positive{background:var(--green-tint);box-shadow:inset 0 0 0 1px rgba(44,138,88,.32);color:var(--green-dark)}.evidence-pill.is-negative{background:var(--red-tint);box-shadow:inset 0 0 0 1px rgba(180,35,24,.28);color:var(--red-dark)}.evidence-pill-icon{height:12px;width:12px}.trace-facts{display:flex;flex-direction:column;gap:3px;list-style:none;margin:6px 0 0;padding:0}.trace-facts li{font-size:12px;padding-inline-start:16px;position:relative}.trace-facts li:before{border-radius:50%;content:"";height:6px;inset-inline-start:2px;position:absolute;top:.55em;width:6px}.trace-facts li.is-hit:before{background:var(--green)}.trace-facts li.is-miss{color:var(--muted)}.trace-facts li.is-miss:before{background:var(--line)}.trace-code{background:var(--paper);border:1px solid var(--line);border-radius:4px;font-family:inherit;font-variant-numeric:tabular-nums;font-weight:700;padding:1px 5px}.ssc-check{align-items:stretch;grid-column:1/-1;padding:16px 20px 18px}.ssc-check,.ssc-check-widget{display:flex;flex-direction:column}.ssc-check-widget{align-items:center}.recaptcha-container{overflow:hidden}.recaptcha-container,.ssc-checking{display:flex;justify-content:center}.ssc-checking{align-items:center;color:var(--muted);font-weight:700;gap:10px;padding:14px 0 2px}.ssc-spinner{animation:lookup-spin .8s linear infinite;border:2px solid var(--line);border-radius:50%;border-top-color:var(--blue);display:inline-block;height:16px;width:16px}.collapsible[data-open=false] .ssc-spinner{animation-play-state:paused}.dev-recaptcha{align-items:center;background:#f9f9f9;border:1px solid #d3d3d3;border-radius:3px;color:#000;cursor:pointer;display:flex;font-size:14px;gap:12px;height:76px;padding:0 12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:302px}.dev-recaptcha-disabled{cursor:default}.dev-recaptcha-checkbox{align-items:center;background:#fff;border:2px solid #c1c1c1;border-radius:2px;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:background var(--settle) ease,border-color var(--settle) ease;width:28px}.dev-recaptcha-checkbox.checked{background:#4caf50;border-color:#4caf50}.dev-recaptcha-checkmark{color:#fff;font-size:22px;font-weight:700;line-height:1}.dev-recaptcha-label{flex:1}.dev-recaptcha-brand{align-items:center;color:#555;display:flex;flex-direction:column;flex-shrink:0;font-size:10px}.dev-recaptcha-brand-name{font-size:11px;font-weight:700}.dev-recaptcha-brand-mock{color:#888;font-size:9px}.ssc-run{display:flex;grid-column:1/-1;justify-content:center;padding:16px 20px 18px}.ssc-run-button{align-items:center;animation:ssc-attention-ring 1.8s ease-out infinite;background:var(--violet);border:1px solid var(--violet-dark);border-radius:6px;box-shadow:0 0 0 0 var(--violet-halo);color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-size:14px;font-weight:700;gap:8px;letter-spacing:.01em;min-height:38px;padding:0 18px 0 14px;transition:background .2s ease,border-color .2s ease}.ssc-run-button:hover{background:var(--violet-dark)}.ssc-run-button:active{background:#4d3a70;border-color:#4d3a70}.ssc-run-button:focus-visible{outline:2px solid var(--violet-dark);outline-offset:3px}@keyframes ssc-attention-bar{0%,to{opacity:1}50%{opacity:.45}}@keyframes ssc-attention-ring{0%{box-shadow:0 0 0 0 var(--violet-halo)}70%{box-shadow:0 0 0 11px rgba(117,90,165,0)}to{box-shadow:0 0 0 0 rgba(117,90,165,0)}}.ssc-run-icon{height:22px;transition:transform .2s ease;width:22px}.ssc-run-button:active .ssc-run-icon{transform:scale(1.2)}@container ssc-panel (width > 720px) and (width <= 960px){.ssc-grid{grid-template-columns:minmax(160px,1fr) minmax(auto,max-content) minmax(auto,max-content) minmax(auto,max-content)}.ssc-grid.has-trace{grid-template-columns:minmax(160px,1fr) minmax(auto,max-content) minmax(auto,max-content) minmax(auto,max-content) max-content}.ssc-lead-columns>.ssc-description{display:none}.ssc-code{grid-column:1}.ssc-status{grid-column:2}.ssc-labors{grid-column:3}.ssc-parts{grid-column:4}.ssc-trace-cell{grid-column:5}.ssc-row{grid-template-rows:auto auto}.ssc-row>.ssc-code{grid-row:1;padding-bottom:2px}.ssc-row>.ssc-description{grid-column:1;grid-row:2;padding-top:0}.ssc-row>.ssc-labors,.ssc-row>.ssc-parts,.ssc-row>.ssc-status,.ssc-row>.ssc-trace-cell{grid-row:1/span 2}}@container ssc-panel (max-width: 720px){.ssc-panel{padding:12px}.ssc-head{padding:14px 14px 10px}.ssc-grid,.ssc-grid.has-trace{grid-template-columns:minmax(0,1fr);overflow:visible}.ssc-lead-columns>.ssc-cell{display:none}.ssc-columns-label{align-items:center;color:var(--muted);display:flex;font-size:11px;font-weight:700;letter-spacing:.06em;padding:6px 14px;text-transform:uppercase}.ssc-lead-notice{padding:6px 14px}.ssc-row{gap:10px 12px;grid-template-columns:minmax(0,1fr) auto;padding:12px 14px}.ssc-row>.ssc-cell{padding:0}.ssc-row>.ssc-cell:before{color:var(--muted);content:attr(data-label);display:block;font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.ssc-row>.ssc-code:before,.ssc-row>.ssc-status:before,.ssc-row>.ssc-trace-cell:before{display:none}.ssc-code{align-self:center;font-size:15px;grid-column:1;grid-row:1}.ssc-trace-cell{grid-column:2;grid-row:1;justify-self:end}.ssc-status{grid-column:1/-1;grid-row:2;white-space:normal}.ssc-description{grid-column:1/-1;grid-row:3}.ssc-labors{grid-column:1/-1;grid-row:4}.ssc-parts{grid-column:1/-1;grid-row:5}.ssc-chips{max-width:none}.ssc-check,.ssc-run{padding:14px 14px 16px}.trace-item-head,.trace-step-head{gap:6px 8px}.trace-decided,.trace-step-decided{margin-inline-start:0}}@container ssc-panel (max-width: 430px){.ssc-head{align-items:stretch;flex-direction:column}.ssc-card[data-phase=busy] .ssc-summary .status-badge,.ssc-summary .status-badge,.ssc-summary .status-badge.is-idle{justify-content:center;max-width:none;width:100%}.ssc-summary .status-badge>span{flex:1 1 auto;text-align:center;white-space:normal}}.static{position:static}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.h-\[200px\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\[26px\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.left-0{left:0}.top-0{top:0}.z-\[999\]{z-index:999}.h-\[100dvh\]{height:100dvh}.w-\[100dvw\]{width:100dvw}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\[110\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[110\%\]{--tw-scale-x:110%;--tw-scale-y:110%}.resize{resize:both}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\[1\.5px\]{stroke-width:1.5px}.opacity-0{opacity:0}.duration-500{transition-duration:.5s}
+*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{clip:rect(0,0,0,0);border:0;border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter}.ease-in-out,.transition{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}:host{--paper:#fff;--paper-soft:#f7f9fa;--ink:#1a2530;--muted:#5f6c78;--date-ink:#46535e;--line:#d5dce2;--line-soft:#e8ecef;--blue:#3071a9;--blue-dark:#275e8f;--blue-tint:#e8f1f8;--green:#2c8a58;--green-dark:#216b44;--green-tint:#e8f4ed;--red:#b42318;--red-dark:#9b2c2c;--red-tint:#fff1f0;--amber:#b7791f;--amber-dark:#8a5a12;--amber-tint:#fff7e6;--violet:#755aa5;--violet-dark:#5f4887;--violet-tint:#f1ecf8;--shadow:0 18px 45px rgba(27,45,61,.1),0 2px 7px rgba(27,45,61,.06);--settle:320ms;--chips-max:300px;--lead-height:38px;--pill-rest:132px;--body-rest:58px;--blue-rim:rgba(48,113,169,.32);--violet-rim:rgba(117,90,165,.42);--violet-halo:rgba(117,90,165,.45);container-name:ssc-panel;container-type:inline-size;display:block}.collapsible{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--settle) ease,opacity calc(var(--settle) - 60ms) ease,visibility 0s linear var(--settle);visibility:hidden}.collapsible[data-open=true]{grid-template-rows:1fr;opacity:1;transition:grid-template-rows var(--settle) ease,opacity calc(var(--settle) - 60ms) ease,visibility 0s;visibility:visible}.collapsible-body{min-height:0;overflow:hidden}.layer-stack{display:grid}.layer-stack>.layer{grid-column:1/-1;grid-row:1;opacity:0;transition:opacity var(--settle) ease,visibility 0s linear var(--settle);visibility:hidden}.layer-stack>.layer[data-active=true]{opacity:1;transition:opacity var(--settle) ease,visibility 0s;visibility:visible}.sheen{animation:lookup-sheen 1.3s linear infinite;background-color:#dcdfe4;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.85) 50%,hsla(0,0%,100%,0));background-repeat:no-repeat;background-size:45% 100%;color:transparent}@keyframes lookup-sheen{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes lookup-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-delay:0s!important;transition-duration:.01ms!important}}.vehicle-info-container{background-color:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative;transition-duration:.5s;transition-property:all}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;position:relative;text-align:center}.vehicle-info-header-action{align-items:center;display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}.ssc-panel,.ssc-panel *,.ssc-panel :after,.ssc-panel :before{box-sizing:border-box}.ssc-panel{color:var(--ink);font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13px;line-height:1.35;padding:16px}.ssc-card{background:var(--paper);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);overflow:hidden;position:relative;width:100%}.ssc-card:before{background:var(--line);content:"";height:4px;inset:0 0 auto;position:absolute;transition:background var(--settle) ease,opacity var(--settle) ease;z-index:3}.ssc-card[data-verdict=negative]:before{background:var(--red)}.ssc-card[data-verdict=positive]:before{background:var(--green)}.ssc-card[data-verdict=neutral]:before{background:var(--amber)}.ssc-card[data-verdict=attention]:before{animation:ssc-attention-bar 2.4s ease-in-out infinite;background:var(--violet)}.ssc-card[data-phase=busy]:before{opacity:0}.ssc-head{align-items:center;display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:space-between;padding:16px 20px 12px}.ssc-title{font-size:clamp(16px,3.2cqw,20px);font-weight:760;letter-spacing:-.025em;line-height:1.15}.ssc-summary{display:flex}.ssc-summary,.status-badge{align-items:center;min-width:0}.status-badge{border-radius:999px;display:inline-flex;font-size:13px;font-weight:700;letter-spacing:-.005em;line-height:1.15;min-height:30px;overflow:hidden;transition:color var(--settle) ease,background var(--settle) ease,box-shadow var(--settle) ease}.status-badge.is-positive{background:var(--green-tint);box-shadow:inset 0 0 0 1px rgba(44,138,88,.32);color:var(--green-dark)}.status-badge.is-negative{background:var(--red-tint);box-shadow:inset 0 0 0 1px rgba(180,35,24,.28);color:var(--red-dark)}.status-badge.is-neutral{background:var(--amber-tint);box-shadow:inset 0 0 0 1px rgba(183,121,31,.32);color:var(--amber-dark)}.status-badge.is-attention{background:var(--violet-tint);box-shadow:inset 0 0 0 1px var(--violet-rim);color:var(--violet-dark)}.status-badge.is-idle{background:var(--line-soft);box-shadow:inset 0 0 0 1px rgba(95,108,120,.22);color:var(--muted)}.status-badge>span{font-variant-numeric:tabular-nums;padding:6px 13px 6px 11px;white-space:nowrap}.badge-icon{align-self:stretch;color:#fff;display:block;flex:0 0 auto;height:auto;padding:6px 9px;transition:opacity var(--settle) ease,background var(--settle) ease;width:34px}.status-badge.is-positive .badge-icon{background:var(--green)}.status-badge.is-negative .badge-icon{background:var(--red)}.status-badge.is-neutral .badge-icon{background:var(--amber)}.status-badge.is-attention .badge-icon{background:var(--violet)}.status-badge.is-idle .badge-icon{background:var(--line)}.ssc-summary .status-badge{max-width:360px;min-width:var(--pill-rest);transition:color var(--settle) ease,background var(--settle) ease,box-shadow var(--settle) ease,max-width var(--settle) ease}.ssc-summary .status-badge.is-idle{max-width:var(--pill-rest)}.ssc-card[data-phase=busy] .ssc-summary .status-badge{animation:lookup-sheen 1.3s linear infinite;background-color:#dcdfe4;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.85) 50%,hsla(0,0%,100%,0));background-repeat:no-repeat;background-size:45% 100%;box-shadow:inset 0 0 0 1px rgba(95,108,120,.42);color:transparent;max-width:var(--pill-rest)}.ssc-card[data-phase=busy] .ssc-summary .status-badge .badge-icon{background:#dcdfe4;opacity:0}.ssc-grid{display:grid;grid-template-columns:minmax(auto,max-content) minmax(200px,1fr) minmax(auto,max-content) minmax(auto,max-content) minmax(auto,max-content);overflow-x:auto}.ssc-grid.has-trace{grid-template-columns:minmax(auto,max-content) minmax(200px,1fr) minmax(auto,max-content) minmax(auto,max-content) minmax(auto,max-content) max-content}.ssc-body,.ssc-body-inner,.ssc-lead,.ssc-lead-columns,.ssc-row,.ssc-rows{display:grid;grid-column:1/-1;grid-template-columns:subgrid}.ssc-lead{box-shadow:inset 0 1px 0 var(--line),inset 0 -1px 0 var(--line)}.ssc-lead,.ssc-lead>.layer{min-height:var(--lead-height)}.ssc-lead-skeleton{background-color:var(--line-soft);background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.85) 50%,hsla(0,0%,100%,0));background-position:-100% 0;background-repeat:no-repeat;background-size:45% 100%;transition:opacity var(--settle) ease,visibility 0s linear var(--settle),background-color var(--settle) ease}.ssc-card[data-phase=busy] .ssc-lead-skeleton{animation:lookup-sheen 1.3s linear infinite;background-color:#dcdfe4}.ssc-lead-notice{align-items:center;display:flex;font-size:13px;font-weight:650;gap:8px;line-height:1.3;padding:6px 20px}.ssc-lead-notice.is-positive{background:var(--green-tint);box-shadow:inset 0 1px 0 rgba(44,138,88,.18),inset 0 -1px 0 rgba(44,138,88,.18);color:var(--green-dark)}.ssc-lead-notice.is-negative{background:var(--red-tint);box-shadow:inset 0 1px 0 rgba(180,35,24,.18),inset 0 -1px 0 rgba(180,35,24,.18);color:var(--red-dark)}.ssc-lead-notice.is-neutral{background:var(--amber-tint);box-shadow:inset 0 1px 0 rgba(183,121,31,.22),inset 0 -1px 0 rgba(183,121,31,.22);color:var(--amber-dark)}.ssc-lead-notice.is-attention{background:var(--violet-tint);box-shadow:inset 0 1px 0 var(--violet-rim),inset 0 -1px 0 var(--violet-rim);color:var(--violet-dark);font-weight:700;padding-inline-start:38px;position:relative}.ssc-lead-notice.is-attention:before{background:repeating-linear-gradient(135deg,var(--violet) 0 5px,transparent 5px 11px);content:"";inset-block:0;inset-inline-start:0;opacity:.85;position:absolute;width:16px}.notice-icon{flex:0 0 auto;height:16px;width:16px}.ssc-lead-columns{background:var(--paper-soft)}.ssc-lead-columns>.ssc-cell{align-items:center;color:var(--muted);display:flex;font-size:11px;font-weight:700;letter-spacing:.06em;padding:6px 12px;text-transform:uppercase;white-space:nowrap}.ssc-columns-label{display:none}.ssc-body{min-height:var(--body-rest)}.ssc-body-inner{align-content:start}.ssc-row{transition:background var(--settle) ease}.ssc-row:not(:first-child){border-top:1px solid var(--line-soft)}.ssc-row[data-open=true]{background:var(--blue-tint)}.ssc-row>.ssc-cell{padding:12px}.ssc-code{font-variant-numeric:tabular-nums;white-space:nowrap}.ssc-code strong{font-weight:760;letter-spacing:.01em}.ssc-description{min-width:0;overflow-wrap:anywhere}.ssc-status{white-space:nowrap}.ssc-status-cell{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.ssc-status-source{color:var(--muted);font-size:12px;font-weight:600;padding-inline-start:2px}.ssc-trace-cell{white-space:nowrap}.ssc-none{color:var(--muted)}.ssc-chips{display:flex;flex-wrap:wrap;gap:6px;max-width:var(--chips-max)}.ssc-chip{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;gap:5px;letter-spacing:.01em;line-height:1.3;padding:3px 9px;white-space:nowrap}.ssc-chip.is-accent{background:var(--blue-tint);box-shadow:inset 0 0 0 1px rgba(48,113,169,.32);color:var(--blue-dark)}.ssc-chip.is-neutral{background:var(--line-soft);box-shadow:inset 0 0 0 1px rgba(95,108,120,.22);color:var(--muted)}.ssc-chip.is-positive{background:var(--green-tint);box-shadow:inset 0 0 0 1px rgba(44,138,88,.32);color:var(--green-dark)}.ssc-chip.is-negative{background:var(--red-tint);box-shadow:inset 0 0 0 1px rgba(180,35,24,.28);color:var(--red-dark)}.chip-icon{flex:0 0 auto;height:13px;width:13px}.chip-note{color:var(--date-ink);font-weight:600}.ssc-trace-button{align-items:center;background:var(--paper);border:1px solid rgba(48,113,169,.32);border-radius:999px;color:var(--blue-dark);cursor:pointer;display:inline-flex;height:30px;justify-content:center;padding:0;position:relative;transition:color var(--settle) ease,background var(--settle) ease,border-color var(--settle) ease;width:30px}.ssc-trace-button:hover,.ssc-trace-button[aria-expanded=true],.ssc-trace-button[data-loading=true]{background:var(--blue);border-color:var(--blue-dark);color:#fff}.ssc-trace-button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.ssc-trace-button-icon{height:18px;transition:opacity var(--settle) ease;width:18px}.ssc-trace-button-spinner{animation:lookup-spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.35);border-radius:50%;border-top-color:#fff;inset:6px;opacity:0;position:absolute;transition:opacity var(--settle) ease}.ssc-trace-button[data-loading=true] .ssc-trace-button-icon{opacity:0}.ssc-trace-button[data-loading=true] .ssc-trace-button-spinner{opacity:1}.ssc-trace-row{grid-column:1/-1;transition:background var(--settle) ease}.ssc-trace-row[data-open=true]{background:var(--blue-tint)}.ssc-trace{background:var(--paper);border:1px solid var(--blue-rim);border-radius:10px;box-shadow:inset 4px 0 0 var(--blue),0 6px 18px rgba(27,45,61,.08);margin:0 12px 14px;padding:12px 18px 16px 22px}[dir=rtl] .ssc-trace{box-shadow:inset -4px 0 0 var(--blue),0 6px 18px rgba(27,45,61,.08);padding:12px 22px 16px 18px}.trace-head{align-items:baseline;border-bottom:1px solid var(--line-soft);display:flex;flex-wrap:wrap;gap:4px 10px;margin-bottom:10px;padding-bottom:8px}.trace-head-code{color:var(--blue-dark);font-size:12px;font-variant-numeric:tabular-nums;font-weight:760;letter-spacing:.01em}.ssc-trace-status{align-items:center;color:var(--muted);display:flex;font-weight:600;gap:10px}.ssc-trace-status.is-error{color:var(--red-dark)}.trace-verdict{align-items:center;display:flex;flex-wrap:wrap;font-size:14px;gap:8px 10px}.trace-verdict.is-positive{color:var(--green-dark)}.trace-verdict.is-negative{color:var(--red-dark)}.trace-verdict-icon{flex:0 0 auto;height:18px;width:18px}.trace-verdict-date{color:var(--date-ink);font-variant-numeric:tabular-nums;font-weight:700}.trace-order{color:var(--muted);margin:6px 0 12px}.trace-codes{align-items:center;display:flex;flex-wrap:wrap;gap:8px 14px;margin-bottom:14px}.trace-codes .ssc-chips{max-width:none}.trace-label{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.trace-steps{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.trace-step{background:var(--paper-soft);border:1px solid var(--line);border-radius:10px}.trace-step[data-decided=true]{border-color:rgba(44,138,88,.55);box-shadow:inset 4px 0 0 var(--green)}[dir=rtl] .trace-step[data-decided=true]{box-shadow:inset -4px 0 0 var(--green)}.trace-step-head{align-items:center;border-bottom:1px solid var(--line-soft);display:flex;flex-wrap:wrap;gap:6px 10px;padding:10px 14px}.trace-step-index{align-items:center;background:var(--ink);border-radius:50%;color:var(--paper);display:inline-flex;font-size:12px;font-weight:760;height:22px;justify-content:center;width:22px}.trace-step-title{font-size:13px;font-weight:760}.trace-count{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;font-weight:600}.trace-step-decided{align-items:center;color:var(--green-dark);display:inline-flex;font-size:12px;font-weight:700;gap:5px;margin-inline-start:auto}.trace-step-decided-icon{height:14px;width:14px}.trace-step-body{padding:10px 14px 12px}.trace-kv{align-items:baseline;display:inline-flex;gap:8px}.trace-kv>span{color:var(--muted)}.trace-kv>strong{font-variant-numeric:tabular-nums}.trace-muted{color:var(--muted)}.trace-evidence{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.trace-item{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:8px 12px}.trace-item.is-selected{background:var(--green-tint);border-color:rgba(44,138,88,.45)}.trace-item.is-dim{opacity:.72}.trace-item-head{align-items:center;display:flex;flex-wrap:wrap;gap:6px 10px}.trace-item-title{font-weight:760}.trace-date{color:var(--date-ink);font-size:12px;font-variant-numeric:tabular-nums;font-weight:600}.trace-decided{background:var(--green);color:var(--paper);letter-spacing:.03em;margin-inline-start:auto;padding:2px 8px;text-transform:uppercase}.evidence-pill,.trace-decided{border-radius:999px;font-size:11px;font-weight:700}.evidence-pill{align-items:center;display:inline-flex;gap:5px;padding:2px 8px 2px 6px;white-space:nowrap}.evidence-pill.is-positive{background:var(--green-tint);box-shadow:inset 0 0 0 1px rgba(44,138,88,.32);color:var(--green-dark)}.evidence-pill.is-negative{background:var(--red-tint);box-shadow:inset 0 0 0 1px rgba(180,35,24,.28);color:var(--red-dark)}.evidence-pill-icon{height:12px;width:12px}.trace-facts{display:flex;flex-direction:column;gap:3px;list-style:none;margin:6px 0 0;padding:0}.trace-facts li{font-size:12px;padding-inline-start:16px;position:relative}.trace-facts li:before{border-radius:50%;content:"";height:6px;inset-inline-start:2px;position:absolute;top:.55em;width:6px}.trace-facts li.is-hit:before{background:var(--green)}.trace-facts li.is-miss{color:var(--muted)}.trace-facts li.is-miss:before{background:var(--line)}.trace-code{background:var(--paper);border:1px solid var(--line);border-radius:4px;font-family:inherit;font-variant-numeric:tabular-nums;font-weight:700;padding:1px 5px}.ssc-check{align-items:stretch;grid-column:1/-1;padding:16px 20px 18px}.ssc-check,.ssc-check-widget{display:flex;flex-direction:column}.ssc-check-widget{align-items:center}.recaptcha-container{overflow:hidden}.recaptcha-container,.ssc-checking{display:flex;justify-content:center}.ssc-checking{align-items:center;color:var(--muted);font-weight:700;gap:10px;padding:14px 0 2px}.ssc-spinner{animation:lookup-spin .8s linear infinite;border:2px solid var(--line);border-radius:50%;border-top-color:var(--blue);display:inline-block;height:16px;width:16px}.collapsible[data-open=false] .ssc-spinner{animation-play-state:paused}.dev-recaptcha{align-items:center;background:#f9f9f9;border:1px solid #d3d3d3;border-radius:3px;color:#000;cursor:pointer;display:flex;font-size:14px;gap:12px;height:76px;padding:0 12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:302px}.dev-recaptcha-disabled{cursor:default}.dev-recaptcha-checkbox{align-items:center;background:#fff;border:2px solid #c1c1c1;border-radius:2px;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:background var(--settle) ease,border-color var(--settle) ease;width:28px}.dev-recaptcha-checkbox.checked{background:#4caf50;border-color:#4caf50}.dev-recaptcha-checkmark{color:#fff;font-size:22px;font-weight:700;line-height:1}.dev-recaptcha-label{flex:1}.dev-recaptcha-brand{align-items:center;color:#555;display:flex;flex-direction:column;flex-shrink:0;font-size:10px}.dev-recaptcha-brand-name{font-size:11px;font-weight:700}.dev-recaptcha-brand-mock{color:#888;font-size:9px}.ssc-run{display:flex;grid-column:1/-1;justify-content:center;padding:16px 20px 18px}.ssc-run-button{align-items:center;animation:ssc-attention-ring 1.8s ease-out infinite;background:var(--violet);border:1px solid var(--violet-dark);border-radius:6px;box-shadow:0 0 0 0 var(--violet-halo);color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-size:14px;font-weight:700;gap:8px;letter-spacing:.01em;min-height:38px;padding:0 18px 0 14px;transition:background .2s ease,border-color .2s ease}.ssc-run-button:hover{background:var(--violet-dark)}.ssc-run-button:active{background:#4d3a70;border-color:#4d3a70}.ssc-run-button:focus-visible{outline:2px solid var(--violet-dark);outline-offset:3px}@keyframes ssc-attention-bar{0%,to{opacity:1}50%{opacity:.45}}@keyframes ssc-attention-ring{0%{box-shadow:0 0 0 0 var(--violet-halo)}70%{box-shadow:0 0 0 11px rgba(117,90,165,0)}to{box-shadow:0 0 0 0 rgba(117,90,165,0)}}.ssc-run-icon{height:22px;transition:transform .2s ease;width:22px}.ssc-run-button:active .ssc-run-icon{transform:scale(1.2)}@container ssc-panel (width > 720px) and (width <= 960px){.ssc-grid{grid-template-columns:minmax(160px,1fr) minmax(auto,max-content) minmax(auto,max-content) minmax(auto,max-content)}.ssc-grid.has-trace{grid-template-columns:minmax(160px,1fr) minmax(auto,max-content) minmax(auto,max-content) minmax(auto,max-content) max-content}.ssc-lead-columns>.ssc-description{display:none}.ssc-code{grid-column:1}.ssc-status{grid-column:2}.ssc-labors{grid-column:3}.ssc-parts{grid-column:4}.ssc-trace-cell{grid-column:5}.ssc-row{grid-template-rows:auto auto}.ssc-row>.ssc-code{grid-row:1;padding-bottom:2px}.ssc-row>.ssc-description{grid-column:1;grid-row:2;padding-top:0}.ssc-row>.ssc-labors,.ssc-row>.ssc-parts,.ssc-row>.ssc-status,.ssc-row>.ssc-trace-cell{grid-row:1/span 2}}@container ssc-panel (max-width: 720px){.ssc-panel{padding:12px}.ssc-head{padding:14px 14px 10px}.ssc-grid,.ssc-grid.has-trace{grid-template-columns:minmax(0,1fr);overflow:visible}.ssc-lead-columns>.ssc-cell{display:none}.ssc-columns-label{align-items:center;color:var(--muted);display:flex;font-size:11px;font-weight:700;letter-spacing:.06em;padding:6px 14px;text-transform:uppercase}.ssc-lead-notice{padding:6px 14px}.ssc-row{gap:10px 12px;grid-template-columns:minmax(0,1fr) auto;padding:12px 14px}.ssc-row>.ssc-cell{padding:0}.ssc-row>.ssc-cell:before{color:var(--muted);content:attr(data-label);display:block;font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.ssc-row>.ssc-code:before,.ssc-row>.ssc-status:before,.ssc-row>.ssc-trace-cell:before{display:none}.ssc-code{align-self:center;font-size:15px;grid-column:1;grid-row:1}.ssc-trace-cell{grid-column:2;grid-row:1;justify-self:end}.ssc-status{grid-column:1/-1;grid-row:2;white-space:normal}.ssc-description{grid-column:1/-1;grid-row:3}.ssc-labors{grid-column:1/-1;grid-row:4}.ssc-parts{grid-column:1/-1;grid-row:5}.ssc-chips{max-width:none}.ssc-check,.ssc-run{padding:14px 14px 16px}.trace-item-head,.trace-step-head{gap:6px 8px}.trace-decided,.trace-step-decided{margin-inline-start:0}}@container ssc-panel (max-width: 430px){.ssc-head{align-items:stretch;flex-direction:column}.ssc-card[data-phase=busy] .ssc-summary .status-badge,.ssc-summary .status-badge,.ssc-summary .status-badge.is-idle{justify-content:center;max-width:none;width:100%}.ssc-summary .status-badge>span{flex:1 1 auto;text-align:center;white-space:normal}}.static{position:static}.h-\[200px\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\[26px\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.pointer-events-none{pointer-events:none}.mx-auto{margin-left:auto;margin-right:auto}.size-\[100px\]{height:100px;width:100px}.size-full{height:100%;width:100%}.h-auto{height:auto}.max-h-\[100px\]{max-height:100px}.w-auto{width:auto}.w-fit{width:fit-content}.max-w-\[100px\]{max-width:100px}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.gap-\[4px\]{gap:4px}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.bg-black\/40{background-color:rgba(0,0,0,.4)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\:opacity-100:hover{opacity:1}.\[\&_div\]\:hover\:\!opacity-100:hover div{opacity:1!important}.\[\&_img\]\:hover\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.end-0{inset-inline-end:0}.top-full{top:100%}.z-10{z-index:10}.my-auto{margin-bottom:auto;margin-top:auto}.me-\[16px\]{margin-inline-end:16px}.mt-\[4px\]{margin-top:4px}.size-\[16px\]{height:16px;width:16px}.size-\[18px\]{height:18px;width:18px}.h-\[150px\]{height:150px}.w-\[84px\]{width:84px}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.gap-\[16px\]{gap:16px}.gap-\[6px\]{gap:6px}.gap-\[8px\]{gap:8px}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\[4px\]{border-radius:4px}.border-b{border-bottom-width:1px}.border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\[12px\]{padding:12px}.p-\[6px\]{padding:6px}.px-\[16px\]{padding-left:16px;padding-right:16px}.px-\[24px\]{padding-left:24px;padding-right:24px}.py-\[10px\]{padding-bottom:10px;padding-top:10px}.py-\[15px\]{padding-bottom:15px;padding-top:15px}.py-\[16px\]{padding-bottom:16px;padding-top:16px}.py-\[6px\]{padding-bottom:6px;padding-top:6px}.py-\[8px\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.last\:border-b-0:last-child{border-bottom-width:0}.hover\:border-amber-600:hover{--tw-border-opacity:1;border-color:rgb(217 119 6/var(--tw-border-opacity,1))}.hover\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.hover\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.hover\:bg-sky-100\/50:hover{background-color:rgba(224,242,254,.5)}.left-0{left:0}.top-0{top:0}.max-w-\[460px\]{max-width:460px}.max-w-\[520px\]{max-width:520px}.translate-y-\[-4px\]{--tw-translate-y:-4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{user-select:none}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.gap-\[12px\]{gap:12px}.gap-\[2px\]{gap:2px}.overflow-auto{overflow:auto}.\!rounded-\[12px\]{border-radius:12px!important}.rounded-\[14px\]{border-radius:14px}.p-\[16px\]{padding:16px}.px-\[12px\]{padding-left:12px;padding-right:12px}.px-\[14px\]{padding-left:14px;padding-right:14px}.py-\[12px\]{padding-bottom:12px;padding-top:12px}.\!pb-0{padding-bottom:0!important}.text-\[13\.5px\]{font-size:13.5px}.leading-\[1\.35\]{line-height:1.35}.text-amber-900\/90{color:rgba(120,53,15,.9)}.opacity-100{opacity:1}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.md\:justify-between{justify-content:space-between}}.\[\&\>div\]\:grow>div{flex-grow:1}.my-2{margin-bottom:.5rem;margin-top:.5rem}.invisible{visibility:hidden}.pointer-events-auto{pointer-events:auto}.z-\[999\]{z-index:999}.h-\[100dvh\]{height:100dvh}.w-\[100dvw\]{width:100dvw}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\[110\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[110\%\]{--tw-scale-x:110%;--tw-scale-y:110%}.resize{resize:both}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\[1\.5px\]{stroke-width:1.5px}.duration-500{transition-duration:.5s}.bottom-\[40px\]{bottom:40px}.left-1\/2{left:50%}.left-\[30px\]{left:30px}.ml-\[-125px\]{margin-left:-125px}.box-content{box-sizing:content-box}.size-\[30px\]{height:30px;width:30px}.size-\[90px\]{height:90px;width:90px}.h-10{height:2.5rem}.h-\[320px\]{height:320px}.h-full{height:100%}.w-1\/2{width:50%}.w-\[150\%\]{width:150%}.w-\[90\%\]{width:90%}.w-\[calc\(100\%-0px\)\]{width:100%}.w-\[calc\(100\%-60px\)\]{width:calc(100% - 60px)}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.translate-y-\[-50\%\],.translate-y-\[-5px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-5px\]{--tw-translate-y:-5px}.scale-100,.scale-\[70\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[70\%\]{--tw-scale-x:70%;--tw-scale-y:70%}.justify-between{justify-content:space-between}.gap-\[250px\]{gap:250px}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\[6px\]{border-radius:6px}.border-\[\#f2aeb5\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.border-\[\#faebcc\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\[\#1a1a1a\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\[\#f7d7d8\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.bg-\[\#fcf8e3\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\[linear-gradient\(to_bottom\2c _\#428bca_0\%\2c _\#3071a9_100\%\)\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\[25px\]{padding:25px}.px-\[30px\]{padding-left:30px;padding-right:30px}.pt-\[16px\]{padding-top:16px}.text-\[22px\]{font-size:22px}.text-\[\#58151c\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.text-\[\#8a6d3b\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.duration-200{transition-duration:.2s}.\[\&_\*\]\:shrink-0 *{flex-shrink:0}

package/dist/collection/components/vehicle-lookup/vehicle-ssc.js

@@ -123,14 +123,20 @@ export class VehicleSsc {
             }
         };
         this.syncRecaptchaPosition = () => {
-            if (!this.recaptchaPlaceholderRef || !this.recaptchaPortalEl || this.recaptchaPortalEl.style.display === 'none')
+            this.positionRAF = undefined;
+            const portal = this.recaptchaPortalEl;
+            if (!portal || portal.style.display === 'none')
                 return;
-            const rect = this.recaptchaPlaceholderRef.getBoundingClientRect();
-            this.recaptchaPortalEl.style.top = `${rect.top}px`;
-            this.recaptchaPortalEl.style.left = `${rect.left}px`;
-            const opacity = this.getAncestorOpacity();
-            this.recaptchaPortalEl.style.opacity = String(opacity);
-            this.recaptchaPortalEl.style.pointerEvents = opacity < 0.1 ? 'none' : 'auto';
+            const placeholder = this.recaptchaPlaceholderRef;
+            let opacity = 0;
+            if (placeholder && placeholder.isConnected !== false) {
+                const rect = placeholder.getBoundingClientRect();
+                portal.style.top = `${rect.top}px`;
+                portal.style.left = `${rect.left}px`;
+                opacity = this.getAncestorOpacity();
+            }
+            portal.style.opacity = String(opacity);
+            portal.style.pointerEvents = opacity < 0.1 ? 'none' : 'auto';
             this.positionRAF = requestAnimationFrame(this.syncRecaptchaPosition);
         };
         this.traces = {};
@@ -388,7 +394,7 @@ export class VehicleSsc {
         return this.recaptchaReady;
     }
     hideRealRecaptcha() {
-        cancelAnimationFrame(this.positionRAF);
+        this.stopFollowingPlaceholder();
         clearTimeout(this.recaptchaHideTimer);
         if (this.recaptchaPortalEl)
             this.recaptchaPortalEl.style.display = 'none';
@@ -404,7 +410,7 @@ export class VehicleSsc {
         if (this.showRecaptcha && !this.recaptchaRes && !this.useMockRecaptchaWidget) {
             clearTimeout(this.recaptchaHideTimer);
             this.recaptchaPortalEl.style.display = 'block';
-            this.syncRecaptchaPosition();
+            this.followPlaceholder();
             return;
         }
         clearTimeout(this.recaptchaHideTimer);
@@ -451,7 +457,7 @@ export class VehicleSsc {
         var _a, _b;
         (_a = this.heightAnnouncer) === null || _a === void 0 ? void 0 : _a.dispose();
         this.stopFollowingDrawer();
-        cancelAnimationFrame(this.positionRAF);
+        this.stopFollowingPlaceholder();
         clearInterval(this.recaptchaIntervalRef);
         clearTimeout(this.recaptchaHideTimer);
         clearTimeout(this.retainTimer);
@@ -463,6 +469,26 @@ export class VehicleSsc {
             this.recaptchaWidgetId = undefined;
         }
     }
+    /**
+     * Keeps the widget over its placeholder for as long as it is shown: one frame at a time, one loop
+     * at a time. The placeholder is not always on the page while the widget is. A lookup made after
+     * an answered check prepares the next check while the body is shut over nothing — the last
+     * check's block left with the body once the manufacturer had answered — and the placeholder only
+     * returns with the render that lands the vehicle. So the loop must not end when the placeholder
+     * is missing: it keeps the widget out of sight and out of reach until the placeholder is back,
+     * then takes its place. A loop that ended there left the portal shown but stranded, at the
+     * opacity the body had when it faded out: an invisible widget under a prompt to complete it.
+     */
+    followPlaceholder() {
+        if (this.positionRAF !== undefined)
+            return;
+        this.syncRecaptchaPosition();
+    }
+    stopFollowingPlaceholder() {
+        if (this.positionRAF !== undefined)
+            cancelAnimationFrame(this.positionRAF);
+        this.positionRAF = undefined;
+    }
     /**
      * How see-through the widget's place on the page is: the product of every ancestor's opacity,
      * from the placeholder up through this shadow root (the body fading as it shuts) and on up the
@@ -589,8 +615,8 @@ export class VehicleSsc {
         // stays rendered after the manufacturer has answered — the body shuts over it and it leaves
         // with the body — and is dropped with the check on the next lookup. Rendered by the campaigns
         // panel inside its "check" body only, so it can never sit beside a list.
-        const manufacturerCheck = this.showRecaptcha && (h("div", { key: 'dcbff9ed43160482ef7b6573ae1d59aa5daa751d', class: "ssc-check-widget" }, h("div", { key: '3e9e0f41e871b4aa60a557d1d517e9d012e04ed3', class: "recaptcha-container" }, this.useMockRecaptchaWidget ? (h("div", { ref: el => (this.recaptchaPlaceholderRef = el), onClick: this.handleDevRecaptchaClick, class: cn('dev-recaptcha', { 'dev-recaptcha-disabled': this.devRecaptchaChecked }) }, h("div", { class: cn('dev-recaptcha-checkbox', { checked: this.devRecaptchaChecked }) }, this.devRecaptchaChecked && h("span", { class: "dev-recaptcha-checkmark" }, "\u2713")), h("div", { class: "dev-recaptcha-label" }, "I'm not a robot"), h("div", { class: "dev-recaptcha-brand" }, h("div", { class: "dev-recaptcha-brand-name" }, "reCAPTCHA"), h("div", { class: "dev-recaptcha-brand-mock" }, "(dev mock)")))) : (h("div", { ref: el => (this.recaptchaPlaceholderRef = el), style: { minWidth: '302px', minHeight: '76px' } })))));
-        return (h(Host, { key: '55baf0475afa6d3f4a37c65c2ad4a5f1c177e334', translate: "no" }, h(VehicleInfoLayout, { key: '08a2eee97c9e97a0eb9d7a9bd99c0055b1a19fd0', isError: this.isError, coreOnly: this.coreOnly, isLoading: this.isLoading, header: (_b = (_a = this.vehicleLookup) === null || _a === void 0 ? void 0 : _a.vin) !== null && _b !== void 0 ? _b : this.skippedVin, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, h("div", { key: '355b56a6bf16cab6b8eeaebd362fd7d0fdf37efa', class: "ssc-panel", dir: this.locale.sharedLocales.direction }, h(SscCampaigns, Object.assign({ key: '3b5ae414e28c472fad1deeaa38238cd71aee72e2' }, state, { loading: this.isLoading || this.leaving, checking: this.checkingUnauthorizedSSC, retainedBody: this.retainedBody, onRunLookup: this.runSkippedLookup, showTrace: this.showTrace, openTraceKey: this.openTraceKey, traces: this.traces, traceLoading: this.traceLoading, traceError: this.traceError, onToggleTrace: this.toggleTrace }), manufacturerCheck)))));
+        const manufacturerCheck = this.showRecaptcha && (h("div", { key: '34ff7f59eb4ba3ba3144182d47282ef999c4b437', class: "ssc-check-widget" }, h("div", { key: '3493f438ccb8e1dd91633e0bb4e87bb2948172ac', class: "recaptcha-container" }, this.useMockRecaptchaWidget ? (h("div", { ref: el => (this.recaptchaPlaceholderRef = el), onClick: this.handleDevRecaptchaClick, class: cn('dev-recaptcha', { 'dev-recaptcha-disabled': this.devRecaptchaChecked }) }, h("div", { class: cn('dev-recaptcha-checkbox', { checked: this.devRecaptchaChecked }) }, this.devRecaptchaChecked && h("span", { class: "dev-recaptcha-checkmark" }, "\u2713")), h("div", { class: "dev-recaptcha-label" }, "I'm not a robot"), h("div", { class: "dev-recaptcha-brand" }, h("div", { class: "dev-recaptcha-brand-name" }, "reCAPTCHA"), h("div", { class: "dev-recaptcha-brand-mock" }, "(dev mock)")))) : (h("div", { ref: el => (this.recaptchaPlaceholderRef = el), style: { minWidth: '302px', minHeight: '76px' } })))));
+        return (h(Host, { key: 'dcc3af3c83a40144200d58881d79986a27aea50b', translate: "no" }, h(VehicleInfoLayout, { key: '5a510714ac8aacb507b4fde8c957f02955e2b429', isError: this.isError, coreOnly: this.coreOnly, isLoading: this.isLoading, header: (_b = (_a = this.vehicleLookup) === null || _a === void 0 ? void 0 : _a.vin) !== null && _b !== void 0 ? _b : this.skippedVin, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, h("div", { key: '88a67d8d1079d4139d1f238207167ec252271cf9', class: "ssc-panel", dir: this.locale.sharedLocales.direction }, h(SscCampaigns, Object.assign({ key: 'a3794269740305195205f2d1aba6d7609cf0c938' }, state, { loading: this.isLoading || this.leaving, checking: this.checkingUnauthorizedSSC, retainedBody: this.retainedBody, onRunLookup: this.runSkippedLookup, showTrace: this.showTrace, openTraceKey: this.openTraceKey, traces: this.traces, traceLoading: this.traceLoading, traceError: this.traceError, onToggleTrace: this.toggleTrace }), manufacturerCheck)))));
     }
     static get is() { return "vehicle-ssc"; }
     static get encapsulation() { return "shadow"; }
@@ -672,6 +698,25 @@ export class VehicleSsc {
                 "reflect": false,
                 "attribute": "is-dev"
             },
+            "today": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "today"
+            },
             "disableVinValidation": {
                 "type": "boolean",
                 "mutable": false,

package/dist/collection/components/vehicle-lookup/vehicle-warranty-timeline.css

@@ -1 +1 @@
-*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{clip:rect(0,0,0,0);border:0;border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.\!pointer-events-none{pointer-events:none!important}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.absolute{position:absolute}.\!relative{position:relative!important}.relative{position:relative}.left-0{left:0}.top-0{top:0}.isolate{isolation:isolate}.z-10{z-index:10}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.origin-left{transform-origin:left}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.\!overflow-hidden{overflow:hidden!important}.rounded{border-radius:.25rem}.rounded-\[4px\]{border-radius:4px}.border{border-width:1px}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-skeleton{border-radius:4px;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{border-style:none!important;overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-color:#dde1e6;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.85) 50%,hsla(0,0%,100%,0));background-repeat:no-repeat;background-size:300% 300%;background-size:45% 100%;border-radius:inherit!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}:host{--paper:#fff;--paper-soft:#f7f9fa;--ink:#1a2530;--muted:#5f6c78;--date-ink:#46535e;--line:#d5dce2;--line-soft:#e8ecef;--blue:#3071a9;--blue-dark:#275e8f;--blue-tint:#e8f1f8;--green:#2c8a58;--green-dark:#216b44;--green-tint:#e8f4ed;--red:#b42318;--red-dark:#9b2c2c;--red-tint:#fff1f0;--amber:#b7791f;--amber-dark:#8a5a12;--amber-tint:#fff7e6;--violet:#755aa5;--violet-dark:#5f4887;--violet-tint:#f1ecf8;--shadow:0 18px 45px rgba(27,45,61,.1),0 2px 7px rgba(27,45,61,.06);--settle:320ms;--leave-scale:1.25;--rail-leave-scale:1.06;container-name:warranty-panel;container-type:inline-size;display:block}.vehicle-info-container{background-color:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative;transition-duration:.5s;transition-property:all}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;position:relative;text-align:center}.vehicle-info-header-action{align-items:center;display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}.coverage-timeline,.coverage-timeline *,.coverage-timeline :after,.coverage-timeline :before{box-sizing:border-box}.coverage-timeline{color:var(--ink);font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}.warranty-card{background:var(--paper);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);overflow:hidden;position:relative;width:100%}.warranty-card:before{background:var(--card-accent,var(--line));content:"";height:4px;inset:0 0 auto;position:absolute;transition:opacity var(--settle) ease;z-index:3}.collapsible{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--settle) ease,opacity calc(var(--settle) - 60ms) ease}.collapsible[data-open=true]{grid-template-rows:1fr;opacity:1}.collapsible-body{overflow:hidden}.activation-broker,.activation-title,.status-badge>span,.total-coverage,.warranty-notice>span{transition:opacity var(--settle) ease,transform var(--settle) ease}.activation-broker,.activation-title,.warranty-notice>span{transform-origin:left center}.total-coverage{background:transparent;border:0;border-inline-start:2px solid var(--green);border-radius:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;padding:2px 0 2px 14px}.total-coverage,[dir=rtl] .activation-broker,[dir=rtl] .activation-title,[dir=rtl] .warranty-notice>span{transform-origin:right center}[dir=rtl] .total-coverage{transform-origin:left center}.loading .activation-broker,.loading .activation-title,.loading .status-badge>span,.loading .total-coverage,.loading .warranty-notice>span{opacity:0;transform:scale(var(--leave-scale))}.notice-icon{flex:0 0 auto;height:16px;transition:opacity var(--settle) ease;width:16px}.loading .badge-icon,.loading .notice-icon{opacity:0}.axis,.lane,.today-head{transition:opacity var(--settle) ease,transform var(--settle) ease}.loading .axis,.loading .lane,.loading .today-head{opacity:0;transform:scale(var(--rail-leave-scale))}.loading .shift-skeleton:after{animation:warranty-sheen 1.3s linear infinite}@keyframes warranty-sheen{0%{background-position:-100% 0}to{background-position:200% 0}}.loading .warranty-card:before{opacity:0}.broker-slot,.timeline-shell,.total-slot{transition:opacity var(--settle) ease}.broker-slot[data-empty=true],.broker-slot[data-empty=true] .activation-broker,.collapsible[data-open=false] .notice-icon,.collapsible[data-open=false] .warranty-notice>span,.total-slot[data-empty=true],.total-slot[data-empty=true] .total-coverage{opacity:0}.timeline-shell[data-empty=true]{opacity:.45}.activation-header{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(130px,1fr) auto;padding:14px 20px 12px}.activation-main{min-width:0}.status-badge{align-items:center;border-radius:999px;display:inline-flex;flex:1 1 0;font-size:13px;font-weight:700;gap:0;letter-spacing:-.005em;line-height:1.15;min-height:30px;min-width:0;overflow:hidden;padding:0;transition:color var(--settle) ease,background var(--settle) ease,box-shadow var(--settle) ease}.status-badge.is-positive{background:var(--green-tint);box-shadow:inset 0 0 0 1px rgba(44,138,88,.32);color:var(--green-dark)}.status-badge.is-negative{background:var(--red-tint);box-shadow:inset 0 0 0 1px rgba(180,35,24,.28);color:var(--red-dark)}.status-badge.is-idle{background:var(--line-soft);box-shadow:inset 0 0 0 1px rgba(95,108,120,.22);color:var(--muted)}.status-badge.is-idle .badge-icon{background:var(--line)}.status-badge>span{flex:1 1 auto;padding:6px 13px 6px 11px;text-align:center}.badge-icon{align-self:stretch;box-sizing:border-box;color:#fff;display:block;flex:0 0 auto;height:auto;padding:6px 9px;transition:opacity var(--settle) ease,background var(--settle) ease;width:34px}.status-badge.is-positive .badge-icon{background:var(--green)}.status-badge.is-negative .badge-icon{background:var(--red)}.loading .status-badge{animation:warranty-sheen 1.3s linear infinite;background-color:#dcdfe4;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.85) 50%,hsla(0,0%,100%,0));background-repeat:no-repeat;background-size:45% 100%;box-shadow:inset 0 0 0 1px rgba(95,108,120,.42)}.loading .status-badge .badge-icon{background:#dcdfe4}.loading .warranty-notice{animation:warranty-sheen 1.3s linear infinite;background-color:#dcdfe4;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.85) 50%,hsla(0,0%,100%,0));background-repeat:no-repeat;background-size:45% 100%;box-shadow:inset 0 1px 0 rgba(95,108,120,.42),inset 0 -1px 0 rgba(95,108,120,.42)}.activation-title{font-size:clamp(16px,3.2cqw,20px);font-weight:500;letter-spacing:-.025em;line-height:1.15;margin:0;overflow-wrap:anywhere}.activation-title span{color:var(--muted)}.activation-title strong{color:var(--ink);font-weight:760}.activation-broker{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;font-size:13px;font-weight:500;line-height:1.2;margin:3px 0 0;overflow:hidden;overflow-wrap:anywhere}.activation-broker span{color:var(--muted)}.activation-broker strong{color:var(--ink);font-weight:700}.warranty-notice{align-items:center;background:var(--red-tint);border-radius:0;box-shadow:inset 0 1px 0 rgba(180,35,24,.18),inset 0 -1px 0 rgba(180,35,24,.18);color:var(--red-dark);display:flex;font-size:13px;font-weight:650;gap:8px;line-height:1.3;margin-bottom:10px;padding:9px 20px}.total-slot{min-width:250px}.total-coverage span{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.total-coverage strong{align-self:center;color:var(--green-dark);font-size:20px;grid-column:2;grid-row:1/span 2;line-height:1.1;margin:0 0 0 10px}.total-coverage .coverage-mix{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:0;line-height:1.3;margin-top:2px;min-height:1.3em;text-transform:none}.journey{border-top:1px dashed var(--line);padding:10px 20px 12px}.journey-head{align-items:stretch;display:flex;flex-wrap:wrap;gap:7px 12px;justify-content:space-between;margin-bottom:8px}.timeline-shell{background:var(--paper-soft);border:1px solid var(--line);border-radius:10px;overflow:hidden;position:relative}.timeline{--axis-height:18px;padding:12px 14px 7px}.axis{border-bottom:1px solid #bdc7cf;height:var(--axis-height);margin:0 8px;position:relative;z-index:2}.axis-date{background:var(--paper-soft);color:var(--date-ink);font-size:13px;font-variant-numeric:tabular-nums;font-weight:700;inset:0 auto auto var(--at);letter-spacing:.01em;line-height:1;padding:0 3px;position:absolute;transform:translateX(-50%);white-space:nowrap}.axis-date.is-crowded{display:none}.axis-date[data-align=start]{transform:none}.axis-date[data-align=end]{transform:translateX(-100%)}.axis-date:after{background:#aeb9c2;content:"";height:12px;left:50%;position:absolute;top:var(--axis-height);width:1px}.axis-date[data-align=start]:after{left:0}.axis-date[data-align=end]:after{left:100%}.lane{--track-top:16px;--track-height:54px;--label-band:49px;height:calc(var(--track-top) + var(--track-height) + var(--label-band));isolation:isolate;margin:0 8px;position:relative}.lane:before{background:repeating-linear-gradient(-45deg,rgba(95,108,120,.035) 0 5px,transparent 5px 10px),#edf1f3;border:1px solid var(--line-soft);border-radius:8px;content:"";height:var(--track-height);inset:var(--track-top) 0 auto;position:absolute}.today-head{height:50px;margin:0 8px;position:relative}.today-pill{background:var(--blue-tint);border:1px solid rgba(48,113,169,.32);border-radius:999px;color:var(--blue-dark);font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;left:var(--at);letter-spacing:.01em;padding:3px 6px;position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}.today-head.is-near-end .today-pill{transform:translateX(calc(-100% + 8px))}.today-head.is-near-start .today-pill{transform:translateX(-8px)}.today-marker{bottom:var(--label-band);left:var(--at);pointer-events:none;position:absolute;top:calc(var(--axis-height)*-1 - 21px);width:0;z-index:5}.today-marker:before{background:var(--blue);bottom:0;box-shadow:0 0 0 1px hsla(0,0%,100%,.72);content:"";left:-1px;position:absolute;top:0;width:2px}.today-tail{bottom:0;left:var(--at);pointer-events:none;position:absolute;top:calc(100% - var(--label-band));width:0;z-index:0}.today-tail:before{background:var(--blue);box-shadow:0 0 0 1px hsla(0,0%,100%,.72);content:"";inset:0 auto 0 -1px;position:absolute;width:2px}.today-marker:after{background:var(--paper);border:2px solid var(--blue);border-radius:50%;content:"";height:8px;left:0;position:absolute;top:0;transform:translateX(-50%);width:8px}.coverage-entry{left:var(--start);min-width:0;position:absolute;top:var(--track-top);transition:opacity .16s ease,filter .16s ease;width:var(--span);z-index:var(--layer,1)}.coverage-list{inset:0;position:absolute;z-index:1}.segment{align-items:center;border:1px solid;border-radius:8px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.56);display:flex;height:var(--track-height);justify-content:center;min-width:0;overflow:hidden;position:relative;width:100%}.segment.is-standard{background:var(--tone-tint);border-color:var(--tone-border);border-inline-start:4px solid var(--tone);color:var(--tone-dark);justify-content:flex-start;padding:0 16px}.segment.is-standard strong{font-size:13px;font-weight:700;letter-spacing:.015em}.segment.is-extended{background:var(--tone-tint);border-color:var(--tone-border);border-style:dashed}.segment.is-extended.tone-alt{border-style:dotted;border-width:2px}.provider-logo{display:block;flex:0 0 auto;height:46px;max-width:calc(100% - 12px);-o-object-fit:contain;object-fit:contain;width:auto}.coverage-label{-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--ink);display:-webkit-box;font-size:12px;font-weight:700;line-height:1.2;margin-top:5px;min-height:29px;overflow:hidden;overflow-wrap:anywhere;padding:0 4px;text-align:center;width:100%}.boundary{background:var(--tone,var(--blue));border:2px solid var(--paper);border-radius:50%;box-shadow:0 0 0 1px var(--tone-border,rgba(48,113,169,.46));height:10px;left:var(--at);top:calc(var(--track-top) + var(--track-height)/2);transform:translate(-50%,-50%);width:10px;z-index:6}.boundary,.past-wash{pointer-events:none;position:absolute}.past-wash{backdrop-filter:grayscale(.92);-webkit-backdrop-filter:grayscale(.92);background:linear-gradient(90deg,rgba(228,233,236,.62),rgba(228,233,236,.46));border-radius:8px 0 0 8px;height:var(--track-height);left:0;top:var(--track-top);width:var(--to,0);z-index:4}.boundary-layer{inset:0;pointer-events:none;position:absolute;z-index:6}@container warranty-panel (max-width: 820px){.activation-header{gap:6px 10px;grid-template-columns:minmax(0,1fr) auto;padding:10px 12px 9px}.activation-title{font-size:16px}.total-slot{justify-self:end;min-width:0;width:clamp(170px,50cqw,190px)}.total-coverage{padding-inline-start:10px}.total-coverage .coverage-mix{min-height:2.6em}}@container warranty-panel (max-width: 700px){.warranty-notice{font-size:12px;margin-bottom:8px;padding:8px 12px}.journey{padding:8px 8px 10px}.journey-head{gap:6px;margin-bottom:6px;padding-inline:4px}.status-badge{font-size:12px;min-height:28px}.status-badge>span{padding:5px 10px 5px 9px}.badge-icon{padding:5px 8px;width:30px}.timeline{--axis-height:30px;padding:10px 10px 5px}.today-head.is-near-end .today-pill{transform:translateX(calc(-100% - 46px))}.today-head.is-near-end .today-pill:after{border-top:1px solid rgba(48,113,169,.42);content:"";left:100%;position:absolute;top:50%;width:46px}.axis-date[data-align=end]{top:13px}.axis-date[data-align=end]:after{top:calc(var(--axis-height) - 13px)}}@container warranty-panel (max-width: 430px){.journey-head{align-items:stretch;flex-direction:column}.status-badge{justify-content:center}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.p-\[16px\]{padding:16px}.resize{resize:both}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.h-\[200px\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\[26px\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.z-\[999\]{z-index:999}.h-\[100dvh\]{height:100dvh}.w-\[100dvw\]{width:100dvw}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\[110\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[110\%\]{--tw-scale-x:110%;--tw-scale-y:110%}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\[1\.5px\]{stroke-width:1.5px}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}
+*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{clip:rect(0,0,0,0);border:0;border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.\!pointer-events-none{pointer-events:none!important}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.absolute{position:absolute}.\!relative{position:relative!important}.relative{position:relative}.left-0{left:0}.top-0{top:0}.isolate{isolation:isolate}.z-10{z-index:10}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.origin-left{transform-origin:left}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.\!overflow-hidden{overflow:hidden!important}.rounded{border-radius:.25rem}.rounded-\[4px\]{border-radius:4px}.border{border-width:1px}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-skeleton{border-radius:4px;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{border-style:none!important;overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-color:#dde1e6;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.85) 50%,hsla(0,0%,100%,0));background-repeat:no-repeat;background-size:300% 300%;background-size:45% 100%;border-radius:inherit!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}:host{--paper:#fff;--paper-soft:#f7f9fa;--ink:#1a2530;--muted:#5f6c78;--date-ink:#46535e;--line:#d5dce2;--line-soft:#e8ecef;--blue:#3071a9;--blue-dark:#275e8f;--blue-tint:#e8f1f8;--green:#2c8a58;--green-dark:#216b44;--green-tint:#e8f4ed;--red:#b42318;--red-dark:#9b2c2c;--red-tint:#fff1f0;--amber:#b7791f;--amber-dark:#8a5a12;--amber-tint:#fff7e6;--violet:#755aa5;--violet-dark:#5f4887;--violet-tint:#f1ecf8;--shadow:0 18px 45px rgba(27,45,61,.1),0 2px 7px rgba(27,45,61,.06);--settle:320ms;--leave-scale:1.25;--rail-leave-scale:1.06;container-name:warranty-panel;container-type:inline-size;display:block}.vehicle-info-container{background-color:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative;transition-duration:.5s;transition-property:all}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;position:relative;text-align:center}.vehicle-info-header-action{align-items:center;display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}.coverage-timeline,.coverage-timeline *,.coverage-timeline :after,.coverage-timeline :before{box-sizing:border-box}.coverage-timeline{color:var(--ink);font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}.warranty-card{background:var(--paper);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);overflow:hidden;position:relative;width:100%}.warranty-card:before{background:var(--card-accent,var(--line));content:"";height:4px;inset:0 0 auto;position:absolute;transition:opacity var(--settle) ease;z-index:3}.collapsible{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--settle) ease,opacity calc(var(--settle) - 60ms) ease}.collapsible[data-open=true]{grid-template-rows:1fr;opacity:1}.collapsible-body{overflow:hidden}.activation-broker,.activation-title,.status-badge>span,.total-coverage,.warranty-notice>span{transition:opacity var(--settle) ease,transform var(--settle) ease}.activation-broker,.activation-title,.warranty-notice>span{transform-origin:left center}.total-coverage{background:transparent;border:0;border-inline-start:2px solid var(--green);border-radius:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;padding:2px 0 2px 14px}.total-coverage,[dir=rtl] .activation-broker,[dir=rtl] .activation-title,[dir=rtl] .warranty-notice>span{transform-origin:right center}[dir=rtl] .total-coverage{transform-origin:left center}.loading .activation-broker,.loading .activation-title,.loading .status-badge>span,.loading .total-coverage,.loading .warranty-notice>span{opacity:0;transform:scale(var(--leave-scale))}.notice-icon{flex:0 0 auto;height:16px;transition:opacity var(--settle) ease;width:16px}.loading .badge-icon,.loading .notice-icon{opacity:0}.axis,.lane,.today-head{transition:opacity var(--settle) ease,transform var(--settle) ease}.loading .axis,.loading .lane,.loading .today-head{opacity:0;transform:scale(var(--rail-leave-scale))}.loading .shift-skeleton:after{animation:warranty-sheen 1.3s linear infinite}@keyframes warranty-sheen{0%{background-position:-100% 0}to{background-position:200% 0}}.loading .warranty-card:before{opacity:0}.broker-slot,.timeline-shell,.total-slot{transition:opacity var(--settle) ease}.broker-slot[data-empty=true],.broker-slot[data-empty=true] .activation-broker,.collapsible[data-open=false] .notice-icon,.collapsible[data-open=false] .warranty-notice>span,.total-slot[data-empty=true],.total-slot[data-empty=true] .total-coverage{opacity:0}.timeline-shell[data-empty=true]{opacity:.45}.activation-header{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(130px,1fr) auto;padding:14px 20px 12px}.activation-main{min-width:0}.status-badge{align-items:center;border-radius:999px;display:inline-flex;flex:1 1 0;font-size:13px;font-weight:700;gap:0;letter-spacing:-.005em;line-height:1.15;min-height:30px;min-width:0;overflow:hidden;padding:0;transition:color var(--settle) ease,background var(--settle) ease,box-shadow var(--settle) ease}.status-badge.is-positive{background:var(--green-tint);box-shadow:inset 0 0 0 1px rgba(44,138,88,.32);color:var(--green-dark)}.status-badge.is-negative{background:var(--red-tint);box-shadow:inset 0 0 0 1px rgba(180,35,24,.28);color:var(--red-dark)}.status-badge.is-idle{background:var(--line-soft);box-shadow:inset 0 0 0 1px rgba(95,108,120,.22);color:var(--muted)}.status-badge.is-idle .badge-icon{background:var(--line)}.status-badge>span{flex:1 1 auto;padding:6px 13px 6px 11px;text-align:center}.badge-icon{align-self:stretch;box-sizing:border-box;color:#fff;display:block;flex:0 0 auto;height:auto;padding:6px 9px;transition:opacity var(--settle) ease,background var(--settle) ease;width:34px}.status-badge.is-positive .badge-icon{background:var(--green)}.status-badge.is-negative .badge-icon{background:var(--red)}.loading .status-badge{animation:warranty-sheen 1.3s linear infinite;background-color:#dcdfe4;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.85) 50%,hsla(0,0%,100%,0));background-repeat:no-repeat;background-size:45% 100%;box-shadow:inset 0 0 0 1px rgba(95,108,120,.42)}.loading .status-badge .badge-icon{background:#dcdfe4}.loading .warranty-notice{animation:warranty-sheen 1.3s linear infinite;background-color:#dcdfe4;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.85) 50%,hsla(0,0%,100%,0));background-repeat:no-repeat;background-size:45% 100%;box-shadow:inset 0 1px 0 rgba(95,108,120,.42),inset 0 -1px 0 rgba(95,108,120,.42)}.activation-title{font-size:clamp(16px,3.2cqw,20px);font-weight:500;letter-spacing:-.025em;line-height:1.15;margin:0;overflow-wrap:anywhere}.activation-title span{color:var(--muted)}.activation-title strong{color:var(--ink);font-weight:760}.activation-broker{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;font-size:13px;font-weight:500;line-height:1.2;margin:3px 0 0;overflow:hidden;overflow-wrap:anywhere}.activation-broker span{color:var(--muted)}.activation-broker strong{color:var(--ink);font-weight:700}.warranty-notice{align-items:center;background:var(--red-tint);border-radius:0;box-shadow:inset 0 1px 0 rgba(180,35,24,.18),inset 0 -1px 0 rgba(180,35,24,.18);color:var(--red-dark);display:flex;font-size:13px;font-weight:650;gap:8px;line-height:1.3;margin-bottom:10px;padding:9px 20px}.total-slot{min-width:250px}.total-coverage span{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.total-coverage strong{align-self:center;color:var(--green-dark);font-size:20px;grid-column:2;grid-row:1/span 2;line-height:1.1;margin:0 0 0 10px}.total-coverage .coverage-mix{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:0;line-height:1.3;margin-top:2px;min-height:1.3em;text-transform:none}.journey{border-top:1px dashed var(--line);padding:10px 20px 12px}.journey-head{align-items:stretch;display:flex;flex-wrap:wrap;gap:7px 12px;justify-content:space-between;margin-bottom:8px}.timeline-shell{background:var(--paper-soft);border:1px solid var(--line);border-radius:10px;overflow:hidden;position:relative}.timeline{--axis-height:18px;padding:12px 14px 7px}.axis{border-bottom:1px solid #bdc7cf;height:var(--axis-height);margin:0 8px;position:relative;z-index:2}.axis-date{background:var(--paper-soft);color:var(--date-ink);font-size:13px;font-variant-numeric:tabular-nums;font-weight:700;inset:0 auto auto var(--at);letter-spacing:.01em;line-height:1;padding:0 3px;position:absolute;transform:translateX(-50%);transition:left var(--settle) ease,transform var(--settle) ease;white-space:nowrap}.axis-date.is-crowded{display:none}.axis-date[data-align=start]{transform:none}.axis-date[data-align=end]{transform:translateX(-100%)}.axis-date:after{background:#aeb9c2;content:"";height:12px;left:50%;position:absolute;top:var(--axis-height);width:1px}.axis-date[data-align=start]:after{left:0}.axis-date[data-align=end]:after{left:100%}.lane{--track-top:16px;--track-height:54px;--label-band:49px;height:calc(var(--track-top) + var(--track-height) + var(--label-band));isolation:isolate;margin:0 8px;position:relative}.lane:before{background:repeating-linear-gradient(-45deg,rgba(95,108,120,.035) 0 5px,transparent 5px 10px),#edf1f3;border:1px solid var(--line-soft);border-radius:8px;content:"";height:var(--track-height);inset:var(--track-top) 0 auto;position:absolute}.today-head{height:50px;margin:0 8px;position:relative}.today-pill{background:var(--blue-tint);border:1px solid rgba(48,113,169,.32);border-radius:999px;color:var(--blue-dark);font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;left:var(--at);letter-spacing:.01em;padding:3px 6px;position:absolute;top:0;transform:translateX(-50%);transition:left var(--settle) ease,transform var(--settle) ease;white-space:nowrap}.today-head.is-near-end .today-pill{transform:translateX(calc(-100% + 8px))}.today-head.is-near-start .today-pill{transform:translateX(-8px)}.today-marker{bottom:var(--label-band);left:var(--at);pointer-events:none;position:absolute;top:calc(var(--axis-height)*-1 - 21px);transition:left var(--settle) ease;width:0;z-index:5}.today-marker:before{background:var(--blue);bottom:0;box-shadow:0 0 0 1px hsla(0,0%,100%,.72);content:"";left:-1px;position:absolute;top:0;width:2px}.today-tail{bottom:0;left:var(--at);pointer-events:none;position:absolute;top:calc(100% - var(--label-band));transition:left var(--settle) ease;width:0;z-index:0}.today-tail:before{background:var(--blue);box-shadow:0 0 0 1px hsla(0,0%,100%,.72);content:"";inset:0 auto 0 -1px;position:absolute;width:2px}.today-marker:after{background:var(--paper);border:2px solid var(--blue);border-radius:50%;content:"";height:8px;left:0;position:absolute;top:0;transform:translateX(-50%);width:8px}.coverage-entry{left:var(--start);min-width:0;position:absolute;top:var(--track-top);transition:left var(--settle) ease,width var(--settle) ease,opacity .16s ease,filter .16s ease;width:var(--span);z-index:var(--layer,1)}.coverage-list{inset:0;position:absolute;z-index:1}.segment{align-items:center;border:1px solid;border-radius:8px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.56);display:flex;height:var(--track-height);justify-content:center;min-width:0;overflow:hidden;position:relative;width:100%}.segment.is-standard{background:var(--tone-tint);border-color:var(--tone-border);border-inline-start:4px solid var(--tone);color:var(--tone-dark);justify-content:flex-start;padding:0 16px}.segment.is-standard strong{font-size:13px;font-weight:700;letter-spacing:.015em}.segment.is-extended{background:var(--tone-tint);border-color:var(--tone-border);border-style:dashed}.segment.is-extended.tone-alt{border-style:dotted;border-width:2px}.provider-logo{display:block;flex:0 0 auto;height:46px;max-width:calc(100% - 12px);-o-object-fit:contain;object-fit:contain;width:auto}.coverage-label{-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--ink);display:-webkit-box;font-size:12px;font-weight:700;line-height:1.2;margin-top:5px;min-height:29px;overflow:hidden;overflow-wrap:anywhere;padding:0 4px;text-align:center;width:100%}.boundary{background:var(--tone,var(--blue));border:2px solid var(--paper);border-radius:50%;box-shadow:0 0 0 1px var(--tone-border,rgba(48,113,169,.46));height:10px;left:var(--at);top:calc(var(--track-top) + var(--track-height)/2);transform:translate(-50%,-50%);transition:left var(--settle) ease;width:10px;z-index:6}.boundary,.past-wash{pointer-events:none;position:absolute}.past-wash{backdrop-filter:grayscale(.92);-webkit-backdrop-filter:grayscale(.92);background:linear-gradient(90deg,rgba(228,233,236,.62),rgba(228,233,236,.46));border-radius:8px 0 0 8px;height:var(--track-height);left:0;top:var(--track-top);transition:width var(--settle) ease;width:var(--to,0);z-index:4}.boundary-layer{inset:0;pointer-events:none;position:absolute;z-index:6}@container warranty-panel (max-width: 820px){.activation-header{gap:6px 10px;grid-template-columns:minmax(0,1fr) auto;padding:10px 12px 9px}.activation-title{font-size:16px}.total-slot{justify-self:end;min-width:0;width:clamp(170px,50cqw,190px)}.total-coverage{padding-inline-start:10px}.total-coverage .coverage-mix{min-height:2.6em}}@container warranty-panel (max-width: 700px){.warranty-notice{font-size:12px;margin-bottom:8px;padding:8px 12px}.journey{padding:8px 8px 10px}.journey-head{gap:6px;margin-bottom:6px;padding-inline:4px}.status-badge{font-size:12px;min-height:28px}.status-badge>span{padding:5px 10px 5px 9px}.badge-icon{padding:5px 8px;width:30px}.timeline{--axis-height:30px;padding:10px 10px 5px}.today-head.is-near-end .today-pill{transform:translateX(calc(-100% - 46px))}.today-head.is-near-end .today-pill:after{border-top:1px solid rgba(48,113,169,.42);content:"";left:100%;position:absolute;top:50%;width:46px}.axis-date[data-align=end]{top:13px}.axis-date[data-align=end]:after{top:calc(var(--axis-height) - 13px)}}@container warranty-panel (max-width: 430px){.journey-head{align-items:stretch;flex-direction:column}.status-badge{justify-content:center}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.h-\[200px\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\[26px\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.pointer-events-none{pointer-events:none}.mx-auto{margin-left:auto;margin-right:auto}.size-\[100px\]{height:100px;width:100px}.size-full{height:100%;width:100%}.h-auto{height:auto}.max-h-\[100px\]{max-height:100px}.w-auto{width:auto}.w-fit{width:fit-content}.max-w-\[100px\]{max-width:100px}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.gap-\[4px\]{gap:4px}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.bg-black\/40{background-color:rgba(0,0,0,.4)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.duration-300{transition-duration:.3s}.hover\:opacity-100:hover{opacity:1}.\[\&_div\]\:hover\:\!opacity-100:hover div{opacity:1!important}.\[\&_img\]\:hover\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.end-0{inset-inline-end:0}.top-full{top:100%}.my-auto{margin-bottom:auto;margin-top:auto}.me-\[16px\]{margin-inline-end:16px}.mt-\[4px\]{margin-top:4px}.size-\[16px\]{height:16px;width:16px}.size-\[18px\]{height:18px;width:18px}.h-\[150px\]{height:150px}.w-\[84px\]{width:84px}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.gap-\[16px\]{gap:16px}.gap-\[6px\]{gap:6px}.gap-\[8px\]{gap:8px}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.border-b{border-bottom-width:1px}.border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\[12px\]{padding:12px}.p-\[6px\]{padding:6px}.px-\[16px\]{padding-left:16px;padding-right:16px}.px-\[24px\]{padding-left:24px;padding-right:24px}.py-\[10px\]{padding-bottom:10px;padding-top:10px}.py-\[15px\]{padding-bottom:15px;padding-top:15px}.py-\[16px\]{padding-bottom:16px;padding-top:16px}.py-\[6px\]{padding-bottom:6px;padding-top:6px}.py-\[8px\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.last\:border-b-0:last-child{border-bottom-width:0}.hover\:border-amber-600:hover{--tw-border-opacity:1;border-color:rgb(217 119 6/var(--tw-border-opacity,1))}.hover\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.hover\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.hover\:bg-sky-100\/50:hover{background-color:rgba(224,242,254,.5)}.max-w-\[460px\]{max-width:460px}.max-w-\[520px\]{max-width:520px}.translate-y-\[-4px\]{--tw-translate-y:-4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{user-select:none}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.gap-\[12px\]{gap:12px}.gap-\[2px\]{gap:2px}.overflow-auto{overflow:auto}.\!rounded-\[12px\]{border-radius:12px!important}.rounded-\[14px\]{border-radius:14px}.p-\[16px\]{padding:16px}.px-\[12px\]{padding-left:12px;padding-right:12px}.px-\[14px\]{padding-left:14px;padding-right:14px}.py-\[12px\]{padding-bottom:12px;padding-top:12px}.\!pb-0{padding-bottom:0!important}.text-\[13\.5px\]{font-size:13.5px}.leading-\[1\.35\]{line-height:1.35}.text-amber-900\/90{color:rgba(120,53,15,.9)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.md\:justify-between{justify-content:space-between}}.\[\&\>div\]\:grow>div{flex-grow:1}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.fixed{position:fixed}.pointer-events-auto{pointer-events:auto}.z-\[999\]{z-index:999}.h-\[100dvh\]{height:100dvh}.w-\[100dvw\]{width:100dvw}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\[110\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[110\%\]{--tw-scale-x:110%;--tw-scale-y:110%}.resize{resize:both}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\[1\.5px\]{stroke-width:1.5px}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bottom-\[40px\]{bottom:40px}.left-1\/2{left:50%}.left-\[30px\]{left:30px}.ml-\[-125px\]{margin-left:-125px}.box-content{box-sizing:content-box}.size-\[30px\]{height:30px;width:30px}.size-\[90px\]{height:90px;width:90px}.h-10{height:2.5rem}.h-\[320px\]{height:320px}.h-full{height:100%}.w-1\/2{width:50%}.w-\[150\%\]{width:150%}.w-\[90\%\]{width:90%}.w-\[calc\(100\%-0px\)\]{width:100%}.w-\[calc\(100\%-60px\)\]{width:calc(100% - 60px)}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.translate-y-\[-50\%\],.translate-y-\[-5px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-5px\]{--tw-translate-y:-5px}.scale-100,.scale-\[70\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[70\%\]{--tw-scale-x:70%;--tw-scale-y:70%}.justify-between{justify-content:space-between}.gap-\[250px\]{gap:250px}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\[6px\]{border-radius:6px}.border-\[\#f2aeb5\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.border-\[\#faebcc\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\[\#1a1a1a\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\[\#f7d7d8\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.bg-\[\#fcf8e3\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\[linear-gradient\(to_bottom\2c _\#428bca_0\%\2c _\#3071a9_100\%\)\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\[25px\]{padding:25px}.px-\[30px\]{padding-left:30px;padding-right:30px}.pt-\[16px\]{padding-top:16px}.text-\[22px\]{font-size:22px}.text-\[\#58151c\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.text-\[\#8a6d3b\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.duration-200{transition-duration:.2s}.\[\&_\*\]\:shrink-0 *{flex-shrink:0}

package/dist/collection/components/vehicle-lookup/vehicle-warranty-timeline.js

@@ -59,7 +59,7 @@ export class VehicleWarrantyTimeline {
     // #endregion
     render() {
         var _a, _b;
-        return (h(Host, { key: '4998b57393261ab864334a5a726de9bf36029c1e', translate: "no" }, h(VehicleInfoLayout, { key: 'f1906f66299eee7e407a8015800335dc012787ff', isError: this.isError, coreOnly: this.coreOnly, isLoading: this.isLoading, header: (_a = this.vehicleLookup) === null || _a === void 0 ? void 0 : _a.vin, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, h("div", { key: '2bad1637e1c539e7e1f733406c298abc5e963a68', class: "p-[16px]" }, h(CoverageTimeline, { key: '99d8041d9d44ba9dca92ce506680408b61358a6b', vehicleInformation: this.vehicleLookup, locale: this.locale, isAuthorized: (_b = this.vehicleLookup) === null || _b === void 0 ? void 0 : _b.isAuthorized })))));
+        return (h(Host, { key: 'b2f8aaa8c0de5d3820c2c6f09e2625e5bf80595c', translate: "no" }, h(VehicleInfoLayout, { key: 'ea8a2b81fb1f8832fa885d275e0b0ebb0f61c5f8', isError: this.isError, coreOnly: this.coreOnly, isLoading: this.isLoading, header: (_a = this.vehicleLookup) === null || _a === void 0 ? void 0 : _a.vin, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, h("div", { key: 'fafaf940c255ab1824f6b7f358c0901013348fa4', class: "p-[16px]" }, h(CoverageTimeline, { key: '22793c1f41f4fab1879bb3486f961a701466543f', vehicleInformation: this.vehicleLookup, locale: this.locale, isAuthorized: (_b = this.vehicleLookup) === null || _b === void 0 ? void 0 : _b.isAuthorized, today: this.today })))));
     }
     static get is() { return "vehicle-warranty-timeline"; }
     static get encapsulation() { return "shadow"; }
@@ -141,6 +141,25 @@ export class VehicleWarrantyTimeline {
                 "reflect": false,
                 "attribute": "is-dev"
             },
+            "today": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "ISO calendar date, read as UTC. Omit it to use the wall clock."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "today"
+            },
             "disableVinValidation": {
                 "type": "boolean",
                 "mutable": false,

package/dist/collection/features/form-hook/functions.js

@@ -7,6 +7,7 @@ import { getSharedFormLocal } from "../multi-lingual/index";
 import { gistLoader } from "./gist-loader";
 import { fetchJson } from "../../global/lib/fetch-json";
 import { formatISO, parse } from "date-fns";
+import { now } from "../../global/lib/clock";
 /**
  * `data` is optional on the structure type, and `Object.hasOwn(undefined, ...)`
  * throws. That throw landed in `formDidLoadHandler` before `formContext.form`
@@ -151,7 +152,7 @@ export const onFormSubmit = async ({ context, formValues, middleware, afterSucce
                 else if (typeof truncateValue === 'string' && truncateValue) {
                     if (oldKey.startsWith('parse date: ')) {
                         const tempKey = oldKey.replaceAll('parse date: ', '');
-                        payload[tempKey] = parse(payload[tempKey], truncateValue, new Date());
+                        payload[tempKey] = parse(payload[tempKey], truncateValue, now(context.today));
                     }
                     else if (oldKey.startsWith('format date: ')) {
                         const tempKey = oldKey.replaceAll('format date: ', '');

package/dist/collection/features/form-hook/render-structure.js

@@ -41,7 +41,7 @@ export function renderStructure(structure, elementMapper, generaProps, fields, c
             const Tag = tag;
             return (h(Tag, Object.assign({}, props, { part: cn(props === null || props === void 0 ? void 0 : props.id, props === null || props === void 0 ? void 0 : props.class, `element-${tag}`, tag) }), Array.isArray(children) && children.map(child => renderStructure(child, elementMapper, Object.assign({}, generaProps), fields, currentStep)), typeof children === 'object' && !Array.isArray(children) && children !== null && (children === null || children === void 0 ? void 0 : children[generaProps === null || generaProps === void 0 ? void 0 : generaProps.language])));
         }
-        const newProps = Object.assign(Object.assign({}, generaProps), { props: Object.assign(Object.assign(Object.assign({}, props), (fields && fields[name] ? fields[name] : {})), { name, wrapperId: props === null || props === void 0 ? void 0 : props.id, form: generaProps.form, wrapperClass: props === null || props === void 0 ? void 0 : props.class, isLoading: generaProps.isLoading }) });
+        const newProps = Object.assign(Object.assign({}, generaProps), { props: Object.assign(Object.assign(Object.assign({ today: generaProps.props.today }, props), (fields && fields[name] ? fields[name] : {})), { name, wrapperId: props === null || props === void 0 ? void 0 : props.id, form: generaProps.form, wrapperClass: props === null || props === void 0 ? void 0 : props.class, isLoading: generaProps.isLoading }) });
         if (((typeof name === 'string' && name) || (typeof type === 'string' && type)) && elementMapper[type || name])
             return elementMapper[type || name](newProps);
     }

package/dist/collection/features/mocks/data/assets/accessories/accessory.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300">
+<style>.bg{fill:#f4f4f5}.k{fill:#27272a}.k2{fill:#3f3f46}.k3{fill:#52525b}.al{fill:#a1a1aa}.al2{fill:#d4d4d8}.ol{fill:none;stroke:#18181b;stroke-width:2;stroke-linejoin:round}.hl{fill:#f59e0b}.cap{fill:#71717a;font-size:11px;letter-spacing:.1em}</style>
+<rect class="bg" width="400" height="300"/>
+<path class="k3" d="M110 120L200 80L290 120L200 160Z"/>
+<path class="k" d="M110 120L200 160V240L110 200Z"/>
+<path class="k2" d="M290 120L200 160V240L290 200Z"/>
+<path d="M155 100L245 140" stroke="#a1a1aa" stroke-width="12"/>
+<path d="M200 160V240" stroke="#f59e0b" stroke-width="4"/>
+<text class="cap" x="200" y="282" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">GENUINE ACCESSORY · PART</text>
+</svg>

package/dist/collection/features/mocks/data/assets/accessories/floor-mats.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300">
+<style>.bg{fill:#f4f4f5}.k{fill:#27272a}.k2{fill:#3f3f46}.k3{fill:#52525b}.al{fill:#a1a1aa}.al2{fill:#d4d4d8}.ol{fill:none;stroke:#18181b;stroke-width:2;stroke-linejoin:round}.hl{fill:#f59e0b}.cap{fill:#71717a;font-size:11px;letter-spacing:.1em}</style>
+<rect class="bg" width="400" height="300"/>
+<path class="k2" d="M150 92L300 78L332 214L188 236Z"/>
+<path d="M168 112L314 98" stroke="#52525b" stroke-width="3" stroke-linecap="round"/><path d="M176 132L318 118" stroke="#52525b" stroke-width="3" stroke-linecap="round"/><path d="M184 152L322 138" stroke="#52525b" stroke-width="3" stroke-linecap="round"/><path d="M192 172L326 158" stroke="#52525b" stroke-width="3" stroke-linecap="round"/><path d="M200 192L330 178" stroke="#52525b" stroke-width="3" stroke-linecap="round"/><path d="M208 212L334 198" stroke="#52525b" stroke-width="3" stroke-linecap="round"/>
+<path class="k" d="M62 118L212 104L244 240L100 262Z"/>
+<path d="M80 138L226 124" stroke="#52525b" stroke-width="3" stroke-linecap="round"/><path d="M86 158L230 144" stroke="#52525b" stroke-width="3" stroke-linecap="round"/><path d="M92 178L234 164" stroke="#52525b" stroke-width="3" stroke-linecap="round"/><path d="M98 198L238 184" stroke="#52525b" stroke-width="3" stroke-linecap="round"/><path d="M104 218L242 204" stroke="#52525b" stroke-width="3" stroke-linecap="round"/><path d="M110 238L246 224" stroke="#52525b" stroke-width="3" stroke-linecap="round"/>
+<circle class="hl" cx="98" cy="128" r="7"/><circle cx="98" cy="128" r="3" fill="#7c2d12"/>
+<text class="cap" x="200" y="282" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">GENUINE ACCESSORY · FLOOR MATS</text>
+</svg>

package/dist/collection/features/mocks/data/assets/accessories/mud-guards.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300">
+<style>.bg{fill:#f4f4f5}.k{fill:#27272a}.k2{fill:#3f3f46}.k3{fill:#52525b}.al{fill:#a1a1aa}.al2{fill:#d4d4d8}.ol{fill:none;stroke:#18181b;stroke-width:2;stroke-linejoin:round}.hl{fill:#f59e0b}.cap{fill:#71717a;font-size:11px;letter-spacing:.1em}</style>
+<rect class="bg" width="400" height="300"/>
+<path class="k" d="M96 70Q70 130 92 210Q120 232 170 226Q160 160 196 100Q150 60 96 70Z"/>
+<path class="k3" d="M108 88Q88 140 104 200Q124 214 156 208Q152 160 176 108Q140 78 108 88Z"/>
+<circle cx="112" cy="100" r="4" fill="#d4d4d8"/><circle cx="104" cy="150" r="4" fill="#d4d4d8"/><circle cx="116" cy="198" r="4" fill="#d4d4d8"/><circle cx="156" cy="206" r="4" fill="#d4d4d8"/>
+<path class="k" d="M236 100Q224 154 240 218Q264 238 316 234Q306 174 322 114Q290 78 236 100Z"/>
+<path class="k3" d="M250 116Q240 154 250 208Q270 222 300 216Q294 174 306 128Q282 104 250 116Z"/>
+<circle cx="252" cy="124" r="4" fill="#d4d4d8"/><circle cx="246" cy="170" r="4" fill="#d4d4d8"/><circle cx="258" cy="212" r="4" fill="#d4d4d8"/><circle cx="298" cy="216" r="4" fill="#d4d4d8"/>
+<text class="cap" x="200" y="282" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">GENUINE ACCESSORY · MUD GUARDS</text>
+</svg>

package/dist/collection/features/mocks/data/assets/accessories/roof-rack.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300">
+<style>.bg{fill:#f4f4f5}.k{fill:#27272a}.k2{fill:#3f3f46}.k3{fill:#52525b}.al{fill:#a1a1aa}.al2{fill:#d4d4d8}.ol{fill:none;stroke:#18181b;stroke-width:2;stroke-linejoin:round}.hl{fill:#f59e0b}.cap{fill:#71717a;font-size:11px;letter-spacing:.1em}</style>
+<rect class="bg" width="400" height="300"/>
+<path class="ol" d="M90 96L310 96L340 190L60 190Z"/>
+<path class="ol" d="M90 96L90 84L310 84L310 96 M60 190L60 176L340 176L340 190"/>
+<path class="ol" d="M96 96L68 190"/><path class="ol" d="M148 96L134 190"/><path class="ol" d="M200 96L200 190"/><path class="ol" d="M252 96L266 190"/><path class="ol" d="M304 96L332 190"/>
+<path class="k2" d="M84 84h232v6H84z M56 176h288v6H56z"/>
+<rect class="k" x="112" y="196" width="14" height="30" rx="3"/><rect class="k" x="274" y="196" width="14" height="30" rx="3"/>
+<rect class="k3" x="100" y="226" width="38" height="8" rx="3"/><rect class="k3" x="262" y="226" width="38" height="8" rx="3"/>
+<text class="cap" x="200" y="282" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">GENUINE ACCESSORY · ROOF RACK</text>
+</svg>