@layer tng.userstyles.components{.tng-control:has(.date-picker-button-inside-control){--dp-gap:var(--tng-field-control-gap);--dp-label-size:var(--tng-field-control-label-block-size);--dp-input-size:var(--tng-field-control-input-block-size);--dp-pad:var(--tng-field-control-padding-block);--dp-pad-2x:calc(2 * var(--dp-pad));--dp-label-row:calc(var(--dp-label-size) + var(--dp-gap));--dp-value-row:calc(var(--dp-input-size) + var(--dp-pad-2x));--dp-block-size:calc(var(--dp-value-row) + var(--dp-label-row));--tng-field-control-block-size:var(--dp-block-size);--tng-control-block-size:var(--dp-block-size);block-size:var(--dp-block-size)}.tng-control-label+.date-picker-button-inside-control{min-block-size:var(--dp-input-size);padding-block:calc(var(--dp-pad) + var(--dp-label-row)) var(--dp-pad)}.is-disabled .tng-control .date-picker-button-inside-control{pointer-events:none;cursor:not-allowed}.date-form-item.is-open .tng-control{border-block-end:none}.date-picker-date-calendar-popover{z-index:2;background-color:var(--tng-color-background-neutral-default);border-block-start:1px solid #000;inline-size:100%;min-inline-size:34.3rem;position:absolute}.date-form-item{position:relative}.tng-control:has(.time-range-button-inside-control){--ts-gap:var(--tng-field-control-gap);--ts-label-size:var(--tng-field-control-label-block-size);--ts-input-size:var(--tng-field-control-input-block-size);--ts-pad:var(--tng-field-control-padding-block);--ts-pad-2x:calc(2 * var(--ts-pad));--ts-label-row:calc(var(--ts-label-size) + var(--ts-gap));--ts-value-row:calc(var(--ts-input-size) + var(--ts-pad-2x));--ts-block-size:calc(var(--ts-value-row) + var(--ts-label-row));--tng-field-control-block-size:var(--ts-block-size);--tng-control-block-size:var(--ts-block-size);block-size:var(--ts-block-size)}.tng-control-label+.time-range-button-inside-control{min-block-size:var(--ts-input-size);padding-block:calc(var(--ts-pad) + var(--ts-label-row)) var(--ts-pad)}.is-disabled{opacity:.5;cursor:not-allowed}.is-disabled .tng-control{pointer-events:none}.is-disabled .tng-control .time-range-button-inside-control{pointer-events:none;cursor:not-allowed}.time-range-popover{z-index:2;background-color:var(--tng-color-background-neutral-default);inline-size:100%;position:absolute}.appointment-request.is-disabled{opacity:.5;pointer-events:none}.appointment-request .date-form-item{inline-size:34.3rem}.appointment-request-spacing{padding-block-start:var(--tng-spacing-5xl)}@media (width>=768px){.appointment-request-spacing{padding-block-start:var(--tng-spacing-11xl)}.appointment-request-date-form{flex-direction:row;align-items:flex-start;gap:1.6rem}}@media (width>=992px){.appointment-request-spacing{padding-block-start:var(--tng-spacing-5xl)}}@media (width>=1200px){.appointment-request .date-form-item{inline-size:36rem}}.model-cards{gap:var(--tng-spacing-xl)}@media (width>=768px){.model-cards{gap:var(--tng-spacing-sm)}}.car-card{border-width:var(--tng-stroke-1);border-style:solid;border-color:var(--tng-color-border-contrast-default);max-inline-size:400px;transition:all var(--tng-transition-duration-xf) ease}.car-card:not(.car-card-expanded):hover{background:var(--tng-color-fill-contrast-default);border-width:var(--tng-stroke-1);border-style:solid;border-color:var(--tng-color-border-neutral-muted)}.car-card-header-image{flex:0 0 85px;min-block-size:69px}.car-card-body-option{border-width:var(--tng-stroke-1);border-style:solid;border-color:var(--tng-color-border-contrast-default);cursor:pointer;transition:background var(--tng-transition-duration-xf) ease}.car-card-body-option:focus-visible{outline:var(--tng-stroke-2) solid var(--tng-color-border-focus-neutral-default);outline-offset:1px}.car-card-body-option:hover{background:var(--tng-color-fill-contrast-default);border-width:var(--tng-stroke-2);border-style:solid;border-color:var(--tng-color-border-neutral-muted)}.long-short-forms-checkbox-input--inline-text{display:inline}.long-short-forms-checkbox-input--inline-text p{margin:0;display:inline}.long-short-forms-checkbox-input--inline-text .fg-error-default{margin-inline-start:0}.contact-details-form{max-inline-size:72rem}.contact-details-form-body{grid-template-columns:auto;display:inline-grid}@media (width>=768px){.contact-details-form-body{grid-template-columns:1fr 1fr}}.dealer-finder-forms .dealer-finder{padding:0}.dealer-finder-forms .dealer-finder h2{font-size:2.8rem}.test-drive-divider-wrapper{max-inline-size:72rem}.test-drive-divider{flex:1 1 0}.forms-dropdown-listbox{border-inline:.1rem solid var(--tng-color-border-neutral-emphasis);border-block-end:.1rem solid var(--tng-color-border-neutral-emphasis);background:var(--tng-color-neutral-white);z-index:10;max-block-size:32rem;padding:0;box-shadow:0 15px 80px #0000000a,0 2px 10px #00000008,0 4px 24px #0000000d,0 1px 4px #00000005}.forms-dropdown-option{padding-inline:var(--tng-spacing-16,1.6rem);cursor:pointer;align-items:center;block-size:6.5rem;margin-block:0;margin-inline:0;display:flex}.forms-dropdown-option:not(:last-child){border-block-end:.1rem solid var(--tng-color-border-contrast-default)}.forms-dropdown-option .forms-dropdown-option__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.forms-dropdown-option:hover,.forms-dropdown-option.forms-dropdown-option--active{background-color:var(--tng-color-surface-neutral-subtle)}.forms-dropdown-option:hover .forms-dropdown-option__label,.forms-dropdown-option.forms-dropdown-option--active .forms-dropdown-option__label{--tng-font-weight:var(--tng-typography-body-6-font-weight-emphasis)}.dropdown-dealer-finder tme-typeaheaddropdown[theme=forms] .tme-search-input:not(.invalid){border:.1rem solid var(--tng-control-border-color,var(--tng-color-border-neutral-muted))!important}.dropdown-dealer-finder tme-typeaheaddropdown[theme=forms]{margin-inline:0!important}.dropdown-dealer-finder .tng-stack.gap-xl>tme-typeaheaddropdown{inline-size:100%;display:block}.long-test-drive-form.is-dealer-finder-dropdown .form-step:not(.is-summary-step,.is-confirmation-step){max-inline-size:600px;margin-inline:auto}.my-toyota-login{max-inline-size:72rem}.my-toyota-login-button{inline-size:var(--tng-size-full)}@media (width>=768px){.my-toyota-login{flex-direction:row;justify-content:space-between;align-items:center}.my-toyota-login-description{margin-block-end:0}.my-toyota-login-button{inline-size:var(--tng-size-xs)}}.state-summary-car .title{margin-block-end:.8rem;font-size:1.3rem;line-height:2rem}.state-summary-car .car-model{align-items:center;display:flex}.state-summary-car .car-model-name{margin-inline-end:.4rem;font-size:1.6rem}.state-summary-car .car-model-fuel{color:var(--tng-color-foreground-info-subtle);gap:.8rem;font-size:1.3rem;display:flex}.dealer-summary-model{gap:.25rem;display:flex}.dealer-summary-model-name{font-size:1rem}.summary-cards-wrapper{grid-template-columns:1fr;grid-auto-rows:1fr}.summary-cards-wrapper .simple-card-border{border:1px solid var(--tng-color-border-contrast-default)}.summary-cards-wrapper .simple-card-fueltype{inline-size:auto}.summary-cards-wrapper .simple-card-vehicle-image{aspect-ratio:16/9;object-fit:contain;inline-size:100%;max-inline-size:720px}@media (width>=768px){.summary-cards-wrapper{padding:var(--tng-spacing-3xl);grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}.summary-cards-wrapper .summary-cards-wide-card{grid-column:span 2}.summary-cards-header{padding:var(--tng-spacing-5xl) var(--tng-spacing-3xl)}}@media (width>=1200px){.summary-cards-wrapper{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr}.summary-cards-wrapper .summary-cards-wide-card{grid-area:span 2/span 2}.summary-cards-header{grid-template-columns:repeat(3,1fr);align-items:end;display:grid}.summary-cards-header .summary-cards-wide-card{grid-column:span 2}}.long-test-drive .width-full{inline-size:100%}.long-test-drive .long-test-drive-header{z-index:2;background:var(--tng-color-surface-neutral-default);will-change:transform;padding-block-start:var(--header-navigation-height,0);transition:transform .5s ease-out;position:sticky;inset-block-start:0;transform:translateY(0)}html.dxp-header-hidden .long-test-drive .long-test-drive-header,html.header-hidden .long-test-drive .long-test-drive-header{transform:translateY(calc(0px - var(--header-navigation-height) - var(--long-test-drive-title-height)))}.long-test-drive .long-test-drive-header-top{padding-block-start:0}.long-test-drive .long-test-drive-header .long-test-drive-title{text-align:center;white-space:nowrap;text-overflow:ellipsis}.long-test-drive .long-test-drive-body{min-block-size:var(--long-test-drive-body-min-block-size);padding-block-start:2.4rem}.long-test-drive .long-test-drive-body .long-test-drive-item.is-confirmation-step{padding-block-start:6rem}.long-test-drive.long-test-drive-submitted .long-test-drive-body{padding-block-start:0}.long-test-drive .form-navigation{background:var(--tng-color-surface-neutral-default);border-block-start:1px solid var(--tng-color-border-contrast-default);position:sticky;inset-block-end:0}@media (width>=768px){.long-test-drive .long-test-drive-item{max-inline-size:72rem;margin-inline:auto}.long-test-drive .form-navigation .tng-button{inline-size:var(--tng-size-4xs)}}@media (width>=1200px){.long-test-drive .long-test-drive-header .long-test-drive-title{font-size:28px}}@media (width>=768px){.form-input--flex-half{flex:0 0 calc(50% - var(--tng-spacing-xl) / 2);align-self:flex-start}}.newsletter-form--form-wrapper{z-index:1;box-sizing:border-box;max-inline-size:54rem;min-block-size:var(--container-height,91.7rem);border:1px solid var(--tng-color-border-contrast-default);border-radius:var(--tng-radius-1);background-color:var(--tng-color-background-neutral-default);position:relative}.newsletter-form--form-wrapper .width-full{inline-size:100%}.newsletter-form--bg{z-index:0;block-size:var(--newsletter-form-bg-height);position:absolute;inset:0;inset-block-start:0;inset-inline:0}.newsletter-form--bg>div{block-size:100%;inline-size:100%}.newsletter-form--bg .dxp-image--is-dam{block-size:100%;inline-size:100%;display:block}.newsletter-form--bg .newsletter-form--bg-image{object-fit:cover;object-position:left top;block-size:100%;inline-size:100%;display:block}.newsletter-form--page{--newsletter-form-bg-height:194.3rem;padding-block:4.85rem;padding-inline:1.6rem;position:relative;overflow:hidden}.newsletter-form--submit{inline-size:100%}@media (width>=768px){.newsletter-form--page{--newsletter-form-bg-height:150.6rem;justify-content:center;padding-block:8rem;padding-inline:11.4rem;display:flex}.newsletter-form--form-wrapper .width-full,.newsletter-form--submit{inline-size:auto}}@media (width>=1200px){.newsletter-form--page{justify-content:start;padding-inline:15rem}}.forms-privacy-notice-modal-container{padding-inline:.8rem}@media (width>=1200px){.forms-privacy-notice-modal-container{padding-inline:40rem}}.form-input--flex-half,.form-input--flex-full{flex:0 0 100%}@media (width>=768px){.form-input--flex-half{flex:0 0 calc(50% - var(--tng-spacing-xl) / 2);align-self:flex-start}}.short-test-drive--form-wrapper{z-index:1;box-sizing:border-box;border:1px solid var(--tng-color-border-contrast-default);border-radius:var(--tng-radius-1);background-color:var(--tng-color-background-neutral-default);min-block-size:84.6rem;max-inline-size:54rem;position:relative}.short-test-drive--bg{z-index:0;block-size:var(--short-test-drive-bg-height);position:absolute;inset:0;inset-block-start:0;inset-inline:0}.short-test-drive--bg>div{block-size:100%;inline-size:100%}.short-test-drive--bg .dxp-image--is-dam{block-size:100%;inline-size:100%;display:block}.short-test-drive--bg .short-test-drive--bg-image{object-fit:cover;object-position:left top;block-size:100%;inline-size:100%;display:block}.short-test-drive--page{--short-test-drive-bg-height:94.3rem;padding-block:4.85rem;padding-inline:1.6rem;position:relative;overflow:hidden}.short-test-drive--submit{inline-size:100%}.submission-confirmation--simple-card-border{border:1px solid var(--tng-color-border-contrast-default);inline-size:100%}.submission-confirmation--link{border-block-end:1px solid var(--tng-color-grey-1400)}@media (width>=768px){.short-test-drive--page{--short-test-drive-bg-height:100.6rem;justify-content:center;padding-block:8rem;padding-inline:11.4rem;display:flex}.short-test-drive--submit{inline-size:auto}}@media (width>=1200px){.short-test-drive--page{justify-content:start;padding-inline:15rem}}}
