:root {
   --blue:#00639b;
   --dark:#111;
   --line:#a8a8a8;
   --green:#078b36;


   --ts-red: #e82127;
  --ts-ink: #333333;
  --ts-page: #ebebeb;
  --ts-surface: #ffffff;
  --ts-line: #d6d6d6;
  --ts-link: #2975d1;
  --ts-disabled: #e5e5e5;
  --ts-disabled-ink: #5f6b73;
}

#svi-overlay, #svi-overlay * { box-sizing:border-box; }
#svi-overlay { color:var(--dark); font-size:12px; }
html.svi-overlay-open, body.svi-overlay-open { overflow:hidden !important; }
#svi-overlay button, #svi-overlay input { font:inherit; }
#svi-overlay button, #svi-overlay a { -webkit-tap-highlight-color:transparent; }
#svi-overlay button:focus-visible, #svi-overlay a:focus-visible, #svi-overlay input:focus-visible { outline:3px solid #f0a000; outline-offset:2px; }
#svi-overlay .site-header { height:92px; position:relative; border-top:31px solid #0074a8; background:#f5f5f5; }
#svi-overlay .sign-out { position:absolute; top:-22px; right:max(6vw,24px); color:#fff; text-decoration:none; font-size:11px; }
#svi-overlay .brand { width:1025px; max-width:100%; height:61px; margin:auto; padding-top:2px; color:#00659c; font-size:31px; line-height:56px; text-align:center; letter-spacing:-2px; font-style:italic; font-weight:700; }
#svi-overlay .brand strong { font-weight:800; }
#svi-overlay .page-content { width:744px; max-width:calc(100% - 32px); margin:18px auto 80px; }
#svi-overlay .education { display:block; color:#005b99; font-size:16px; text-align:center; text-decoration:none; }
#svi-overlay .rule { height:1px; margin:23px 0 27px; background:#9d9d9d; }
#svi-overlay .meeting-summary { display:flex; justify-content:center; align-items:center; }
#svi-overlay .issuer { padding-right:14px; border-right:1px solid #999; }
#svi-overlay .issuer h1 { margin:0; font-size:29px; line-height:33px; font-weight:700; }
#svi-overlay .meeting-date { padding-left:16px; font-size:25px; line-height:27px; }
#svi-overlay .meeting-date small { display:block; font-size:11px; }
#svi-overlay .vote-confirmation { margin:26px auto 23px; text-align:center; }
#svi-overlay .vote-confirmation .voted { margin:0 0 22px; color:#008b2e; font-weight:700; font-size:20px; }
#svi-overlay .vote-confirmation h2 { margin:0 0 31px; font-size:23px; font-weight:400; }
#svi-overlay .vote-confirmation p { margin:0; line-height:16px; font-size:12px; }
#svi-overlay .vote-confirmation .scroll-note { margin:24px 0 27px; font-weight:700; }
#svi-overlay .outline-button, #svi-overlay .primary-button { min-height:31px; border:1px solid var(--blue); padding:6px 13px; background:#fff; color:#005d98; font-weight:700; cursor:pointer; }
#svi-overlay .primary-button { background:#00639b; color:#fff; }
#svi-overlay .outline-button span { margin-right:9px; }
#svi-overlay .email-card, #svi-overlay .control-card { width:450px; max-width:100%; margin:0 auto; border:1px solid #777; padding:19px 28px; }
#svi-overlay .email-card h2 { margin:0 0 27px; font-size:16px; line-height:25px; font-weight:400; text-align:center; }
#svi-overlay .email-card label, #svi-overlay .control-card h2 { display:block; margin:0 0 7px; font-size:11px; font-weight:700; }
#svi-overlay .email-row, #svi-overlay .control-row { display:flex; gap:10px; }
#svi-overlay .email-row input, #svi-overlay .control-row input, #svi-overlay .search input { min-width:0; flex:1; height:30px; border:1px solid #222; padding:5px; }
#svi-overlay .meeting-options { margin:38px auto 31px; text-align:center; }
#svi-overlay .meeting-options h2, #svi-overlay .meetings h2 { margin:0; font-size:19px; font-weight:400; }
#svi-overlay .option-links { display:flex; width:260px; margin:35px auto 0; }
#svi-overlay .option { width:50%; min-height:123px; padding:0 15px; color:#222; text-decoration:none; font-size:16px; line-height:18px; }
#svi-overlay .option + .option { border-left:1px solid #ddd; }
#svi-overlay .option-icon { display:block; margin:0 auto 16px; color:#00639b; font-size:43px; line-height:34px; }
#svi-overlay .svi-status { width:450px; max-width:100%; margin:0 auto 11px; padding:12px 14px; background:var(--green); color:#fff; font-size:10px; line-height:14px; }
#svi-overlay .svi-status strong { display:block; font-size:10px; }
#svi-overlay .svi-status p { display:flex; align-items:flex-start; gap:8px; margin:7px 0 0; }
#svi-overlay .svi-status .check { width:16px; height:16px; flex:0 0 16px; display:inline-grid; place-items:center; border:1px solid #fff; border-radius:50%; font-size:11px; font-weight:700; }
#svi-overlay .svi-status a { display:block; margin-left:24px; color:#fff; font-weight:700; text-decoration:underline; }
#svi-overlay .control-card { padding:19px 21px; }
#svi-overlay .connected-copy { width:450px; max-width:100%; margin:36px auto 27px; font-size:11px; line-height:14px; }
#svi-overlay .meetings { width:450px; max-width:100%; margin:auto; }
#svi-overlay .meetings > h2 { margin-bottom:23px; text-align:center; }
#svi-overlay .tabs { display:flex; border-bottom:1px solid #ddd; }
#svi-overlay .tabs button { flex:1; border:0; border-bottom:2px solid transparent; padding:8px 0 12px; background:transparent; color:#005d98; font-size:10px; font-weight:700; cursor:pointer; }
#svi-overlay .tabs button.active { border-color:#00639b; font-weight:400; }
#svi-overlay .search-label { display:block; margin:30px 0 8px; font-weight:700; }
#svi-overlay .search { display:flex; align-items:center; position:relative; }
#svi-overlay .search span { position:absolute; right:12px; font-size:20px; transform:rotate(-20deg); }
#svi-overlay .meeting-intro { margin:29px 0 13px; line-height:14px; }
#svi-overlay .meeting-list article { display:flex; justify-content:space-between; gap:20px; margin:0 0 31px; }
#svi-overlay .meeting-list h3 { max-width:330px; margin:0 0 3px; font-size:14px; line-height:16px; }
#svi-overlay .meeting-list strong { font-size:11px; }
#svi-overlay .meeting-list p { margin:2px 0 0; font-size:11px; line-height:14px; }
#svi-overlay .meeting-list .primary-button { align-self:flex-start; min-width:76px; height:30px; }
#svi-overlay { position:fixed; z-index:10; inset:0; display:flex; justify-content:center; align-items:center; padding:18px; background:rgb(0 0 0 / 40%); }
#svi-overlay .microsite-header {
  flex: 0 0 auto;
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 40px;
  background: #fff;
  border-bottom: 1px solid var(--ts-line);
}

#svi-overlay .microsite-header .close { position: static; float: none; margin: 0; padding: 0; width: 32px; height: 32px; font-size: 28px; line-height: 1; cursor: pointer; }
#svi-overlay .microsite-modal .topbar { margin-top: 0; }
#svi-overlay .microsite-modal { width:min(100%, 930px); height:min(92vh, 900px); max-height:min(92vh, 900px); position:relative; display:flex; flex-direction:column; background:#fff; box-shadow:0 20px 60px rgb(0 0 0 / 35%); overflow:hidden; }
#svi-overlay .microsite-modal[hidden] { display: none; }
#svi-overlay .microsite-modal:focus { outline: 0; }
#svi-overlay .microsite-modal iframe { width:100%; height:100%; border:0; }
/* Scroll area is a flex column so the visible page can stretch to fill it. */
/* position:relative makes this scroll container the containing block for any
   absolutely positioned descendants (e.g. the .sr-only radio inputs), so they
   scroll with the content instead of being positioned against the
   non-scrollable .microsite-modal. */
#svi-overlay .microsite-modal #svi-microsite { position:relative; flex:1 1 auto; min-height:0; overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; display:flex; flex-direction:column; }
#svi-overlay .microsite-modal .page { min-height:0; max-width:none; }
#svi-overlay .microsite-modal #svi-microsite > .page { flex: 1 0 auto; }
#svi-overlay .microsite-close { z-index:1; top:12px; right:12px; width:34px; height:34px; font-size:36px; opacity:.92; margin: 4px !important;}
#svi-overlay .dialog-backdrop { position: fixed; z-index: 10; inset: 0; display: flex; align-items: center; justify-content: center; padding: 1.5rem; background: rgb(0 0 0 / 58%); }
#svi-overlay .dialog-backdrop[hidden] { display:none; }
#svi-overlay[hidden] { display: none; }
#svi-overlay .dialog-panel { width: min(100%, 34rem); display: flex; flex-direction: column; gap: 1rem; padding: 2rem; background: var(--ts-surface); box-shadow: 0 1rem 2.5rem rgb(0 0 0 / 28%); }
#svi-overlay .dialog-action { margin-top: 0.5rem; }

#svi-overlay .submit { display: inline-flex; align-items: center; gap: 1rem; align-self: flex-start; padding: 1.5rem 2.5rem; background: var(--ts-red) !important; color: var(--ts-surface) !important; font-size: 1.125rem; font-weight: 700; cursor: pointer; transition: opacity .15s; }
#svi-overlay .submit:hover { opacity: .9; }
#svi-overlay .submit:disabled { cursor: not-allowed; background: var(--ts-disabled) !important; color: var(--ts-disabled-ink) !important; opacity: 1; }

#svi-overlay .submission-title{
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    font-family: "Open Sans", Arial, sans-serif;
    margin:0px
}
#svi-overlay .submission-modal{
  font-family: "Open Sans", Arial, sans-serif;

}
#svi-overlay #submission-message{
   font-size: 1rem;
   line-height: 1.625rem;
   margin:0px;
}
#svi-overlay .tesla-brand-button { border: 0;}
#svi-overlay .ts-modal-dialog { width: min(735px, 100%); border-radius: 0; }
#svi-overlay .microsite-modal.ts-modal-dialog { width: min(930px, 100%); }
#svi-overlay .ts-modal-content { border: 1px solid #818181; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }

#svi-overlay .ts-close-btn {
  border: 0;
  background: transparent;
  padding: 0;
  color: var(--pv-link-color, #00578e);
  font-weight: 400;
  line-height: 1;
}
#svi-overlay .ts-close-btn:hover, #svi-overlay .ts-close-btn:focus { color: var(--pv-link-color, #00578e); opacity: .8; }

#svi-overlay #enrollment-prompt.modal.modal-custom {
  display: block;
  position: static;
  z-index: auto;
  width: 100%;
  height: auto;
  overflow: visible;
  outline: 0;
}
#svi-overlay #enrollment-prompt.modal.modal-custom[hidden] { display: none; }
#svi-overlay #enrollment-prompt .modal-dialog {
  margin: 0 auto;
  pointer-events: auto;
}
#svi-overlay #enrollment-prompt .modal-dialog-centered {
  min-height: 0;
  display: block;
}
#svi-overlay #enrollment-prompt .modal-dialog-centered::before {
  display: none;
  height: 0;
  content: none;
}

#svi-overlay #enroll-button.btn-primary {
  background-color: var(--pv-primary-btn-bg);
  border-color: var(--pv-primary-btn-bg);
  color: var(--pv-primary-btn-color);
}
#svi-overlay #enroll-button.btn-primary:hover,
#svi-overlay #enroll-button.btn-primary:focus,
#svi-overlay #enroll-button.btn-primary:active {
  background-color: var(--pv-primary-btn-bg);
  border-color: var(--pv-primary-btn-bg);
  color: var(--pv-primary-btn-color);
  opacity: 0.8;
}
#svi-overlay #enroll-button.btn-primary:focus {
  box-shadow: none;
}

@media (max-width: 600px) {
  #svi-overlay .ts-modal-dialog { width: 100%; }
}

@media (max-width:600px) {
  #svi-overlay .site-header { height:71px; border-top-width:25px; }#svi-overlay .brand { height:46px; font-size:25px; line-height:43px; }#svi-overlay .sign-out { top:-18px; right:16px; }
  #svi-overlay .page-content { max-width:calc(100% - 24px); margin-top:15px; }#svi-overlay .education { font-size:14px; }#svi-overlay .rule { margin:18px 0 22px; }
  #svi-overlay .meeting-summary { flex-direction:column; text-align:center; }#svi-overlay .issuer { padding:0 0 9px; border:0; }#svi-overlay .issuer h1 { font-size:23px; line-height:27px; }#svi-overlay .meeting-date { padding:0; font-size:21px; }#svi-overlay .meeting-date small { font-size:10px; }
  #svi-overlay .vote-confirmation { margin-top:22px; }#svi-overlay .vote-confirmation h2 { margin-bottom:22px; font-size:21px; }#svi-overlay .email-card, #svi-overlay .control-card { padding:18px; }#svi-overlay .email-row, #svi-overlay .control-row { align-items:stretch; flex-direction:column; }#svi-overlay .email-row .primary-button, #svi-overlay .control-row .primary-button { width:100%; }#svi-overlay .meeting-options { margin-top:31px; }
  #svi-overlay .enrollment-prompt { min-height:0; padding:54px 20px 28px; }#svi-overlay .enrollment-prompt h2 { font-size:30px; line-height:33px; }#svi-overlay .enrollment-prompt h2 br, #svi-overlay .enrollment-prompt p br { display:none; }#svi-overlay .enrollment-prompt p { font-size:14px; line-height:21px; }#svi-overlay .modal-actions { flex-wrap:wrap; }#svi-overlay .close { top:12px; right:12px; width:36px; height:36px; font-size:39px; }#svi-overlay .microsite-modal { width:100%; height:100%; }#svi-overlay .microsite-close { top:9px; right:9px; }

}

#svi-overlay .tesla-brand {
  --ts-red: #e82127;
  --ts-ink: #333333;
  --ts-page: #ebebeb;
  --ts-surface: #ffffff;
  --ts-line: #d6d6d6;
  --ts-link: #2975d1;
  --ts-disabled: #e5e5e5;
  --ts-disabled-ink: #5f6b73;
  color-scheme: light;
  color: var(--ts-ink);
  font-family: "Open Sans", Arial, sans-serif;
}

#svi-overlay .enroll-header {
    font-size: 36px;
    line-height: 41px;
    font-weight: 400;
}

#svi-overlay .enroll-btn {
    font-size: 16px !important;
    font-weight: 600;
}


/* Resets use :where() so they carry no specificity and never override the component classes below. */
#svi-overlay :where(.tesla-brand) *, #svi-overlay :where(.tesla-brand) *::before, #svi-overlay :where(.tesla-brand) *::after { box-sizing: border-box; }
#svi-overlay .tesla-brand { margin: 0; background: var(--ts-page); -webkit-font-smoothing: antialiased; }
#svi-overlay :where(.tesla-brand) :where(h1, h2, p, ul, fieldset) { margin: 0; padding: 0; }
#svi-overlay :where(.tesla-brand) fieldset { border: 0; min-width: 0; }
#svi-overlay :where(.tesla-brand) legend { padding: 0; }
#svi-overlay :where(.tesla-brand) ul { list-style: none; }
#svi-overlay :where(.tesla-brand) img { display: block; }
#svi-overlay :where(.tesla-brand) button { font: inherit; color: inherit; background: none; border: 0; padding: 0; }
#svi-overlay .tesla-brand [hidden] { display: none !important; }

#svi-overlay .page { margin: 0 auto; display: flex; flex-direction: column; max-width: 1100px; min-height: 100vh; background: var(--ts-surface); }
#svi-overlay .topbar { height: 6px; background: var(--ts-red);}
#svi-overlay .content { display: flex; flex: 1; flex-direction: column; gap: 2rem; padding: 2.5rem 1.5rem; }
@media (min-width: 640px) { #svi-overlay .content { padding-left: 2.5rem; padding-right: 2.5rem; } }
#svi-overlay .logo { height: 2.5rem; width: auto; align-self: flex-start; }
@media (min-width: 480px) {
  #svi-overlay #instruction-view .logo { height: 40px; width: auto; }
  /* "Logo on success pop up  */
  #svi-overlay #enrollment-success-view .logo { height: 40px; width: auto; }  
}

#svi-overlay .stack-1, #svi-overlay .stack-3, #svi-overlay .stack-4, #svi-overlay .stack-6 { display: flex; flex-direction: column; }
#svi-overlay .stack-1 { gap: 0.25rem; } #svi-overlay .stack-3 { gap: 0.75rem; } #svi-overlay .stack-4 { gap: 1rem; } #svi-overlay .stack-6 { gap: 1.5rem; }

#svi-overlay .h1 { font-size: 1.875rem; line-height: 2.25rem; font-weight: 700; }
@media (min-width: 480px) {
  #svi-overlay #instruction-view .h1 { font-size: 30px; line-height: 36px; }
    /*h1 font size on Success popup */
  #svi-overlay #enrollment-success-view .h1 { font-size: 28px; line-height: 40px; font-weight: 400; }
  
}
#svi-overlay .h2 { font-size: 1.5rem; line-height: 2rem; font-weight: 700; }
/* "Learn more" heading */
@media (min-width: 480px) {
  #svi-overlay .h2 { font-size: 24px; line-height: 32px; }
}
#svi-overlay .h-terms { font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; }
/* Terms of the voting consent agreement */
@media (min-width: 480px) {
  #svi-overlay .h-terms { font-size: 14px; line-height: 20px; }
}
#svi-overlay .body { font-size: 1rem; line-height: 1.625; }
@media (min-width: 480px) {
  #svi-overlay #instruction-view .body { font-size: 16px; line-height: 26px; }
    /* body font size on success popup */
  #svi-overlay #enrollment-success-view .body { font-size: 14px; line-height: 28px; }	
}
#svi-overlay .small { font-size: 0.875rem; line-height: 1.625; }
/* V0 spec (text-sm) */
@media (min-width: 480px) {
  #svi-overlay #instruction-view .choice .small { font-size: 14px; }
  /* V0 spec Terms box paragraphs inherit from */
  #svi-overlay #instruction-view .terms.small { font-size: 14px; }
}
#svi-overlay .legend { margin-bottom: 1.25rem; font-size: 1.25rem; line-height: 1.75rem; font-weight: 600; color: #555555; }
/* Opt in button  */
@media (min-width: 480px) {
  #svi-overlay #instruction-view .legend { font-size: 20px; line-height: 28px; margin-bottom: 20px; }
}

#svi-overlay .instruction-error { display: flex; align-items: flex-start; gap: 0.75rem; border: 1px solid var(--ts-red); padding: 1rem 1.25rem; color: var(--ts-red); font-size: 1rem; line-height: 1.625; }
#svi-overlay .instruction-error:focus { outline: 3px solid var(--ts-link); outline-offset: 3px; }
#svi-overlay .instruction-error p { margin: 0; }
#svi-overlay .instruction-error .ico { margin-top: 0.125rem; }
#svi-overlay .font-bold {font-size: 16px; font-weight: 700; margin-bottom: 12px;}
#svi-overlay .additional-info-text { font-size: 14px; line-height: 24px; display: flex; flex-direction: column; gap: 12px; }

#svi-overlay .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

#svi-overlay .choice { position: relative; display: flex; gap: 0.75rem; padding: 1rem; border: 1px solid var(--ts-line); cursor: pointer; transition: border-color .15s; }
#svi-overlay .choice:hover { border-color: #999999; }
#svi-overlay .choice.is-on { border-color: var(--ts-ink); }
#svi-overlay .radio { margin-top: 2px; display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem; border: 2px solid var(--ts-ink); border-radius: 9999px; }
#svi-overlay .dot { display: none; width: 0.75rem; height: 0.75rem; border-radius: 9999px; background: var(--ts-red); }
#svi-overlay .choice.is-on .dot { display: block; }
#svi-overlay .choice input:focus-visible + .radio { outline: 2px solid var(--ts-link); outline-offset: 2px; }
#svi-overlay .choice-text { display: flex; flex-direction: column; gap: 0.75rem; }
#svi-overlay .choice-label { font-size: 1rem; font-weight: 600; }
/* back to selection button  */
@media (min-width: 480px) {
  #svi-overlay #instruction-view .choice-label { font-size: 16px; line-height: 24px; }
}

#svi-overlay .terms-head { display: flex; align-items: center; gap: 1rem; }
#svi-overlay .icon-btn { cursor: pointer; color: var(--ts-ink); display: inline-flex; }
#svi-overlay .ico { width: 1.25rem; height: 1.25rem; flex-shrink: 0; }
#svi-overlay .flip { transform: scaleX(-1); }
#svi-overlay .icon-btn .ico-min { display: none; }
#svi-overlay .icon-btn[aria-expanded="true"] .ico-min { display: block; }
#svi-overlay .icon-btn[aria-expanded="true"] .ico-max { display: none; }
#svi-overlay .terms { max-height: 9rem; overflow-y: auto; border: 1px solid var(--ts-line); padding: 0.75rem; }
#svi-overlay .terms.is-expanded { max-height: none; }

#svi-overlay .submit { display: inline-flex; align-items: center; gap: 1rem; align-self: flex-start; padding: 1.5rem 2.5rem; background: var(--ts-red) !important; color: var(--ts-surface) !important; font-size: 1.125rem; font-weight: 700; cursor: pointer; transition: opacity .15s; }
#svi-overlay .submit:hover { opacity: .9; }
#svi-overlay .submit:disabled { cursor: not-allowed; background: var(--ts-disabled) !important; color: var(--ts-disabled-ink) !important; opacity: 1; }
@media (min-width: 480px) {
  #svi-overlay #instruction-view .submit { font-size: 18px; line-height: 28px; padding: 24px 40px; gap: 16px; }
}

#svi-overlay .dialog-backdrop { position: fixed; z-index: 10; inset: 0; display: flex; align-items: center; justify-content: center; padding: 1.5rem; background: rgb(0 0 0 / 58%); }
#svi-overlay .dialog-panel { width: min(100%, 34rem); display: flex; flex-direction: column; gap: 1rem; padding: 2rem; background: var(--ts-surface); box-shadow: 0 1rem 2.5rem rgb(0 0 0 / 28%); }
#svi-overlay .dialog-action { margin-top: 0.5rem; }

#svi-overlay .thankyou-page { background: var(--ts-surface); margin: 0;}
#svi-overlay .thankyou-content { gap: 2rem; }
#svi-overlay .thankyou-content:focus-visible { outline: none; }
#svi-overlay .thankyou-title { color: var(--ts-red); }
#svi-overlay .thankyou-body { max-width: 60rem; }
#svi-overlay .thankyou-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; }
#svi-overlay .thankyou-actions .submit, #svi-overlay .thankyou-actions .secondary { align-self: center; height: 2.75rem; padding-top: 0; padding-bottom: 0; box-sizing: border-box; }
/* button changes on success popup */
@media (min-width: 480px) {
  /* Fixed, equal height for both buttons. With height:auto, "Back to selection"
     (no border, inherited line-height) rendered ~45px and "Close" (1px border,
     24px line-height) rendered ~50px. box-sizing:border-box keeps the border
     inside the height; inline-flex + align-items:center centres the label. */
  #svi-overlay #enrollment-success-view .thankyou-actions .submit,
  #svi-overlay #enrollment-success-view .thankyou-actions .secondary {
    height: 48px;
    padding: 0 24px;
    line-height: 24px;
    font-size: 14px;
    box-sizing: border-box;
  }
}

#svi-overlay .thankyou-actions .footer { margin-top: 0; }
#svi-overlay .secondary { display: inline-flex; align-self: flex-start; align-items: center; justify-content: center; padding: 0.75rem 1.75rem; border: 1px solid var(--ts-ink); background: var(--ts-surface); color: var(--ts-ink); font-size: 1rem; font-weight: 700; cursor: pointer; transition: background .15s, color .15s; }
#svi-overlay .secondary:hover { background: var(--ts-ink); color: var(--ts-surface); }
/* back to svi selection button  */
@media (min-width: 480px) {
  #svi-overlay .secondary { font-size: 16px; line-height: 24px; padding: 12px 24px; }
}
#svi-overlay .thankyou-content .footer { margin-top: auto; }
#svi-overlay .faq { border-bottom: 1px solid var(--ts-line); }
#svi-overlay .faq-q { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 0; text-align: left; font-size: 1rem; cursor: pointer; appearance: none; -webkit-appearance: none; background: none; border: none; border-bottom: 1px solid var(--ts-line); color: inherit; }
/*FAQ question  */
@media (min-width: 480px) {
  #svi-overlay .faq-q { font-size: 16px; padding: 16px 0; }
}
#svi-overlay .tesla-brand button.faq-q,
#svi-overlay .tesla-brand button.faq-q:focus,
#svi-overlay .tesla-brand button.faq-q:active {
  outline: none !important;
  box-shadow: none !important;
}
#svi-overlay .faqs .faq-q:focus-visible,
#svi-overlay .tesla-brand .faqs .faq-q:focus-visible,
#svi-overlay .tesla-brand button.faq-q:focus-visible {
  outline: 2px solid var(--ts-link) !important;
  outline-offset: -2px !important;
  box-shadow: none !important;
}
#svi-overlay .faq-q .chev {
  stroke-width: 1.5;
  transform: rotate(0deg) !important;
  transform-origin: center !important;
  transition: transform .15s ease !important;
}
#svi-overlay .faq-q[aria-expanded="true"] .chev,
#svi-overlay button.faq-q[aria-expanded="true"] .chev,
#svi-overlay .faqs .faq-q[aria-expanded="true"] .chev {
  transform: rotate(180deg) !important;
}
#svi-overlay .faq-a { padding-bottom: 1.25rem; }
/* questin ans  */
@media (min-width: 480px) {
  #svi-overlay .faq-a { font-size: 14px; line-height: 22.75px; padding-bottom: 20px; }
}

#svi-overlay .footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; padding-top: 0; padding-bottom: 0; border-top: none}
#svi-overlay .footer-row { display: flex; flex-wrap: wrap; align-items: center; gap: 1.5rem; width: 100%; justify-content: space-between; }
#svi-overlay .footer-row .logo { align-self: auto; }
#svi-overlay .social { display: flex; align-items: center; gap: 1.5rem; }
#svi-overlay .social a { display: block; color: var(--ts-ink); transition: opacity .15s; }
#svi-overlay .social a:hover { opacity: .7; }
#svi-overlay .social svg { display: block; width: 1.5rem; height: 1.5rem; }
/* social media logo */
@media (min-width: 480px) {
  #svi-overlay .social { gap: 24px; }
  #svi-overlay .social svg { width: 24px; height: 24px; }
}

#svi-overlay .privacy { color: var(--ts-link); text-decoration: underline; }
/*privacy policy changes */
@media (min-width: 480px) {
  #svi-overlay .privacy { font-size: 14px; line-height: 24px; }
}


#svi-overlay .ts-rich p + p { margin-top: 0.75rem; }
#svi-overlay .ts-rich ul, #svi-overlay .ts-rich ol { margin-top: 0.5rem; padding-left: 1.25rem; }
#svi-overlay .ts-rich ul { list-style: disc; }
#svi-overlay .ts-rich ol { list-style: decimal; }
#svi-overlay .ts-rich a { color: var(--ts-link); text-decoration: underline; }

#svi-overlay .tesla-brand a:focus-visible, #svi-overlay .tesla-brand button:focus-visible, #svi-overlay .tesla-brand input:focus-visible + .radio { outline: 3px solid var(--ts-link); outline-offset: 3px; }

@media (max-width: 479px) {
  #svi-overlay .content { gap: 1.5rem; padding: 1.5rem 1rem; }
  #svi-overlay .logo { height: 2rem; }
  #svi-overlay #instruction-view .logo { height: 32px; width: auto; }
  #svi-overlay .h1 { font-size: 1.625rem; line-height: 2rem; }
  #svi-overlay .h2 { font-size: 1.25rem; line-height: 1.75rem; }
  #svi-overlay .choice { gap: 0.625rem; padding: 0.875rem; }
  #svi-overlay .submit { width: 100%; justify-content: center; padding: 1rem 1.25rem; }
  #svi-overlay #back-to-instruction.secondary { width: 100%; justify-content: center; }
  #svi-overlay .thankyou-actions { flex-direction: column; align-items: stretch; }
  #svi-overlay .thankyou-actions .submit,
  #svi-overlay .thankyou-actions .secondary { width: 100%; justify-content: center; }
  #svi-overlay .footer-row { align-items: flex-start; flex-direction: column; }
  #svi-overlay .dialog-backdrop { align-items: flex-end; padding: 1rem; }
  #svi-overlay .dialog-panel { padding: 1.5rem; }
}

#svi-overlay #enrollment-prompt .btn,
#svi-overlay #enrollment-prompt .close {
  font-size: 1rem;
  line-height: 24px;
  font-family: inherit;
}
#svi-overlay #enrollment-prompt .close {
  font-size: 30px;
}


#svi-overlay #dismiss-prompt:focus,
#svi-overlay #dismiss-prompt:focus-visible,
#svi-overlay #close-microsite:focus,
#svi-overlay #close-microsite:focus-visible {
  outline: none;
  box-shadow: none;
}
#svi-overlay #dismiss-prompt > span,
#svi-overlay #close-microsite > span {
  display: inline-block;
  line-height: 1;
}
/* Match the existing PV modal close focus style
   (bootstrap.css: .modal .modal-header .close:focus { outline:1px solid #111111 }). */
#svi-overlay #dismiss-prompt:focus-visible > span,
#svi-overlay #close-microsite:focus-visible > span {
  outline: 1px solid #111111;
  outline-offset: 2px;
}

#svi-overlay #enrollment-prompt {
  color: #212529;
}

#svi-overlay #enrollment-prompt.modal.modal-custom {
  width: calc(100% + 36px);
  margin: -18px;
}


#svi-overlay #enrollment-prompt.modal-custom-lg .modal-dialog {
  max-width: 675px;
}


#svi-overlay #enrollment-prompt-body br {
  display: none;
}

#svi-overlay #cancel-enrollment.btn-outline-primary {
  background-color: #ffffff;
  border-color: var(--pv-secondary-btn-color);
  color: var(--pv-secondary-btn-color);
}
#svi-overlay #cancel-enrollment.btn-outline-primary:hover,
#svi-overlay #cancel-enrollment.btn-outline-primary:focus,
#svi-overlay #cancel-enrollment.btn-outline-primary:active {
  background-color: var(--pv-secondary-btn-color);
  border-color: var(--pv-secondary-btn-color);
  color: #ffffff;
}
#svi-overlay #cancel-enrollment.btn-outline-primary:focus {
  box-shadow: none;
}

#svi-overlay #cancel-enrollment.mr-md-3 {
  margin-right: 1rem;
}