.dsw-dealer-search-input {
  width: 100%;
  position: relative
}

.dsw-dealer-search-input__suggestions {
  position: absolute;
  bottom: 2px;
  transform: translate3d(0, 100%, 0);
  width: 100%;
  z-index: 10;
  background: var(--dsw-suggestions-list--background, #fff)
}

.dsw-suggestions-list {
  border-radius: var(--dsw-suggestions-list--border-radius, 0);
  border: .125rem solid var(--dsw-suggestions-list--border-color, #011E50);
  overflow: hidden
}

.dsw-suggestions-list__inner {
  list-style: none;
  padding: 0
}

.dsw-suggestions-list__el {
  width: 100%
}

.dsw-suggestions-list__el:not(:last-child) {
  border-bottom: 1px solid var(--dsw-suggestions-list--item-border-color, #ccc)
}

.dsw-suggestions-list__item {
  width: 100%;
  cursor: pointer;
  transition: background .2s;
  padding: 1.25rem 1.5rem;
  background: transparent;
  border: 0;
  text-align: left
}

.dsw-suggestions-list__item:hover {
  background: var(--dsw-suggestions-list--item-hover-background, #f3f3f3)
}

.dsw-suggestions-list__item:hover .dsw-suggestions-list__item-title {
  color: var(--dsw-suggestions-list--item-hover-title-color, #011E50)
}

.dsw-suggestions-list__item:hover .dsw-suggestions-list__item-subtitle {
  color: var(--dsw-suggestions-list--item-hover-subtitle-color, #666)
}

.dsw-suggestions-list__item-title {
  font-family: var(--dsw-ff-title, "VW Head");
  font-weight: 700;
  color: var(--dsw-suggestions-list--item-title-color, #333)
}

.dsw-suggestions-list__item-subtitle {
  font-family: var(--dsw-ff-default, "VW Text");
  color: #666;
  color: var(--dsw-suggestions-list--item-subtitle-color, #666)
}

.audi {
  --dsw-suggestions-list--border-radius: 0 0 .625rem .625rem;
  --dsw-suggestions-list--background: #101319;
  --dsw-suggestions-list--item-border-color: #434A54;
  --dsw-suggestions-list--border-color: #fff;
  --dsw-suggestions-list--item-border-color: #ccc;
  --dsw-suggestions-list--item-hover-background: #22262D;
  --dsw-suggestions-list--item-title-color: #fff;
  --dsw-suggestions-list--item-hover-title-color: #fff;
  --dsw-suggestions-list--item-subtitle-color: rgba(255, 255, 255, .7);
  --dsw-suggestions-list--item-hover-subtitle-color: #fff
}

.skoda {
  --dsw-suggestions-list--item-hover-background: #F1F1F1;
  --dsw-suggestions-list--item-title-color: #161719;
  --dsw-suggestions-list--item-subtitle-color: #7C7D7E;
  --dsw-suggestions-list--item-border-color: rgba(158, 159, 160, .35);
  --dsw-suggestions-list--item-hover-title-color: #161719
}

.cupra {
  --dsw-suggestions-list--border-color: #b2764d;
  --dsw-suggestions-list--background: #0d0e11;
  --dsw-suggestions-list--item-hover-background: #15181e;
  --dsw-suggestions-list--item-title-color: #fafafa;
  --dsw-suggestions-list--item-hover-title-color: #fafafa;
  --dsw-suggestions-list--item-subtitle-color: #b5b6b9;
  --dsw-suggestions-list--item-border-color: rgba(250, 250, 250, .2);
  --dsw-input--color: #fafafa;
  --dsw-suggestions-list--border-radius: 0 0 .375rem .375rem;
  --dsw-dealer-item--hover-border-color: #fafafa
}

.cupra .dsw-dealer-item,
.cupra .dsw-dealer-item:hover {
  background: linear-gradient(to bottom, #fafafa26, #c3c3cb0d 85%, #c3c3cb26)
}

.cupra .dsw-dealer-item--selected,
.cupra .dsw-dealer-item:hover {
  box-shadow: unset
}

.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto
}

.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  bottom: 0;
  position: absolute
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  right: 0;
  position: absolute
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
  display: block;
  background-color: transparent
}

.ps:hover>.ps__rail-x,
.ps:hover>.ps__rail-y,
.ps--focus>.ps__rail-x,
.ps--focus>.ps__rail-y,
.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y {
  opacity: .6
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: .9
}

.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  bottom: 2px;
  position: absolute
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  right: 2px;
  position: absolute
}

.ps__rail-x:hover>.ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px
}

.ps__rail-y:hover>.ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px
}

@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important
  }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
  .ps {
    overflow: auto !important
  }
}

.scrollbar-container {
  position: relative;
  height: 100%
}

.dsw-dealer-item {
  padding: 1.25rem 1.5rem;
  border: 1px solid var(--dsw-dealer-item--border-color, #b5babe);
  border-radius: var(--dsw-dealer-item--border-radius, 0rem);
  background: var(--dsw-dealer-item--background, #fff);
  font-size: 1rem;
  line-height: 1;
  width: 100%;
  text-align: left;
  cursor: pointer;
  color: var(--dsw-dealer-item--color, #000);
  transition: all .2s ease;
  font-family: var(--dsw-ff-default, "VW Text")
}

.dsw-dealer-item__name {
  font-family: var(--dsw-ff-title, "VW Head");
  font-weight: 700;
  margin-bottom: .75rem
}

.dsw-dealer-item__address {
  font-weight: 400;
  opacity: .5
}

.dsw-dealer-item__phone {
  text-decoration: underline;
  margin-top: 1rem
}

.dsw-dealer-item--selected,
.dsw-dealer-item:hover {
  box-shadow: 0 0 0 1px var(--dsw-dealer-item--hover-border-color, #000);
  border-color: var(--dsw-dealer-item--hover-border-color, #000);
  background: var(--dsw-dealer-item--hover-background, #fff)
}

.audi {
  --dsw-dealer-item--border-radius: .625rem;
  --dsw-dealer-item--border-color: #2D343F;
  --dsw-dealer-item--hover-border-color: #3E4551;
  --dsw-dealer-item--background: #22262D;
  --dsw-dealer-item--hover-background: #3E4551;
  --dsw-dealer-item--color: #fff
}

.cupra {
  --dsw-dealer-item--background: #0d0e11;
  --dsw-dealer-item--hover-background: linear-gradient(to bottom, rgba(#fafafa, .15) 0%, rgba(#c3c3cb, .05) 85%, rgba(#c3c3cb, .15) 100%);
  --dsw-dealer-item--color: #fafafa;
  --dsw-dealer-item--border-color: rgba(250, 250, 250, .2);
  --dsw-dealer-item--border-radius: .375rem
}

.dsw-dealers-list__title {
  font-family: var(--dsw-ff-title, "VW Head");
  font-weight: 700;
  font-size: 1.5rem;
  margin-bottom: 1rem
}

.dsw-dealers-list__inner {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1px
}

.dsw-modal-button-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem
}

.dsw-modal-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--dsw-button--height, 3.75rem);
  padding: var(--dsw-button--py, .9375rem) var(--dsw-button--px, 1.5625rem);
  font-family: var(--dsw-button--family, var(--dsw-ff-default, "VW Text"));
  font-size: var(--dsw-button--fs, .875rem);
  font-weight: var(--dsw-button--font-weight, 700);
  color: var(--dsw-button--color, #011E50);
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  background: var(--dsw-button--background, transparent);
  border-color: var(--dsw-button--border-color, #011E50);
  border-style: solid;
  border-width: var(--dsw-button--border-width, .125rem);
  border-radius: var(--dsw-button--border-radius, 624999.9375rem);
  outline: none;
  transition: all .2s ease-in-out, outline 0s linear
}

.dsw-modal-button .icon:not(:first-child) {
  margin-right: -.25rem;
  margin-left: .375rem
}

.dsw-modal-button .icon:not(:last-child) {
  margin-right: .375rem;
  margin-left: -.25rem
}

.dsw-modal-button:hover {
  box-shadow: 0 0 0 .0625rem hsl(from var(--dsw-button--background, transparent) h s calc(l - 5))
}

.dsw-modal-button:hover:active {
  box-shadow: 0 0 0 .125rem hsl(from var(--dsw-button--background, transparent) h s calc(l - 5))
}

.dsw-modal-button:focus-visible {
  outline: .1875rem solid rgba(from hsl(from var(--dsw-button--background, transparent) h s calc(l - 5)) r g b/.3)
}

.dsw-modal-button:hover,
.dsw-modal-button:focus-visible {
  color: var(--dsw-button--hover-color, #fff);
  background: var(--dsw-button--hover-background, #0040C5);
  border-color: var(--dsw-button--hover-border-color, #0040C5)
}

.dsw-modal-button[disabled] {
  pointer-events: none;
  filter: grayscale(1);
  opacity: .5
}

.dsw-modal-button {
  width: 100%
}

.dsw-modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow-y: hidden;
  padding-top: 6rem
}

.dsw-modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  background: rgba(from #373737 r g b/.75)
}

.dsw-modal__dialog {
  position: relative;
  z-index: 2;
  width: 100%;
  background: var(--dsw-modal--background, #fff);
  border-radius: 0;
  display: flex;
  flex-direction: column;
  height: 100%
}

@media screen and (max-width:767px) {
  .dsw-modal__dialog {
    overflow: scroll
  }
}

.dsw-modal__dialog-close {
  display: flex;
  justify-content: flex-end;
  padding: 1rem
}

.dsw-modal__dialog-content {
  flex-grow: 1;
  display: flex;
  align-items: stretch
}

.dsw-modal__close {
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  border: none;
  color: var(--dsw-modal--close-color, #000)
}

.dsw-modal__close:focus-visible {
  outline: 2px solid #011E50;
  outline-offset: .125rem
}

.dsw-modal--open {
  display: block
}

.dsw-modal--open .dsw-modal__dialog {
  animation: .3s modal-opening-keyframes forwards
}

.dsw-modal--open .dsw-modal__overlay {
  animation: .3s modal-overlay-opening-keyframes forwards
}

.dsw-modal--open .dsw-modal__close .icon {
  animation: .3s modal-close-icon-opening-keyframes forwards
}

.dsw-modal--close {
  display: block;
  pointer-events: none
}

.dsw-modal--close .dsw-modal__dialog {
  animation: .3s modal-closing-keyframes forwards
}

.dsw-modal--close .dsw-modal__overlay {
  animation: .3s modal-overlay-closing-keyframes forwards
}

.dsw-modal--close .dsw-modal__close .icon {
  animation: .3s modal-close-icon-closing-keyframes forwards
}

.dsw-modal--loading .dsw-modal__close {
  pointer-events: none;
  color: transparent
}

.dsw-modal--loading .dsw-modal__close .modal__loading-spin {
  display: block
}

.audi {
  --dsw-modal--close-color: rgba(255, 255, 255, .7);
  --dsw-modal--background: #101319
}

.cupra {
  --dsw-modal--background: #0d0e11;
  --dsw-modal--close-color: #fafafa
}

@keyframes modal-opening-keyframes {
  0% {
    transform: translateY(100px);
    opacity: 0
  }

  to {
    transform: translateY(0);
    opacity: 1;
    filter: blur(0)
  }
}

@keyframes modal-closing-keyframes {
  0% {
    opacity: 1;
    transform: none
  }

  to {
    transform: translateY(100px);
    opacity: 0;
    filter: blur(0)
  }
}

@keyframes modal-close-icon-opening-keyframes {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(180deg)
  }
}

@keyframes modal-close-icon-closing-keyframes {
  0% {
    transform: rotate(180deg)
  }

  to {
    transform: rotate(0)
  }
}

@keyframes modal-overlay-opening-keyframes {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes modal-overlay-closing-keyframes {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

html,
body {
  height: 100%
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0
}

*:before,
*:after {
  box-sizing: border-box
}

ol,
ul {
  list-style: none
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%
}

input,
button,
textarea,
select {
  font: inherit
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 400;
  overflow-wrap: break-word
}

.dsw-input {
  display: block;
  width: 100%;
  font-family: var(--dsw-ff-default, "VW Text");
  max-width: 100%;
  height: var(--dsw-input--height, var(--dsw-form--height, 3.75rem));
  padding: var(--dsw-input--pt, var(--dsw-form--pt, .625rem)) var(--dsw-input--pr, var(--dsw-form--pr, 1.25rem)) var(--dsw-input--pb, var(--dsw-form--pb, .625rem)) var(--dsw-input--pl, var(--dsw-form--pl, 1.25rem));
  color: var(--dsw-input--color, var(--dsw-form--color, #333));
  background: var(--dsw-input--background, var(--dsw-form--background, #f3f3f3));
  border: var(--dsw-input--border-width, var(--dsw-form--border-width, .0625rem)) solid var(--dsw-input--border-color, var(--dsw-form--border-color, #b5babe));
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: var(--dsw-input--radius, var(--dsw-form--border-radius, 0rem));
  outline: none;
  transition: var(--dsw-input--transition, var(--dsw-form--transition, all .2s ease, outline 0s linear))
}

.dsw-input:hover {
  border-color: var(--dsw-input--hover-color, var(--dsw-form--border-color-hover, hsl(from #b5babe h s calc(l - 25))))
}

.dsw-input:focus {
  border-color: var(--dsw-input--focus-color, var(--dsw-form--border-color-focus, #011E50));
  border-width: .125rem
}

.dsw-input:focus-visible {
  outline: var(--dsw-input--outline, var(--dsw-form--outline, .1875rem solid rgba(1, 30, 80, .2)))
}

.dsw-input[disabled],
fieldset[disabled] .dsw-input {
  color: var(--dsw-input--disabled-color, #b5babe);
  background-color: var(--dsw-input--disabled-background-color, #f3f3f3);
  border-color: var(--dsw-input--disabled-border-color, #f3f3f3);
  box-shadow: none
}

.dsw-input:-moz-placeholder {
  color: var(--dsw-input--placeholder-color, var(--dsw-form--placeholder-color, #b5babe))
}

.dsw-input::-moz-placeholder {
  color: var(--dsw-input--placeholder-color, var(--dsw-form--placeholder-color, #b5babe))
}

.dsw-input::-webkit-input-placeholder {
  color: var(--dsw-input--placeholder-color, var(--dsw-form--placeholder-color, #b5babe))
}

.dsw-input--filling-up {
  box-shadow: 0 0 0 .0625rem var(--dsw-input--focus-color, var(--dsw-form--border-color-focus, #011E50))
}

input:-webkit-autofill {
  -webkit-text-fill-color: var(--dsw-input--color, var(--dsw-form--color, #333)) !important;
  -webkit-box-shadow: 0 0 0 1000px var(--dsw-input--background, var(--dsw-form--background, #f3f3f3)) inset !important;
  box-shadow: 0 0 0 1000px var(--dsw-input--background, var(--dsw-form--background, #f3f3f3)) inset !important
}

.dsw-input-wrapper--icon-left {
  position: relative
}

.dsw-input-wrapper--icon-left .dsw-input {
  padding-left: calc(var(--dsw-input--pl, var(--dsw-form--pl, 1.25rem)) + 1.5rem + .5rem)
}

.dsw-field__label {
  display: block;
  margin-bottom: .5rem;
  font-size: var(--dsw-field--label-size, 1rem);
  font-weight: var(--dsw-field--label-fw, var(--dsw-form--label-fw, 400));
  color: var(--dsw-field--label-color, var(--dsw-form--label-color, #6b767d));
  font-family: var(--dsw-ff-default, "VW Text")
}

.dsw-field__control {
  position: relative;
  box-sizing: border-box;
  clear: both;
  text-align: inherit
}

.dsw-field__feedback {
  position: relative;
  margin: 0 0 0 var(--dsw-form--pl, 1.25rem);
  font-size: .875rem;
  font-weight: 400;
  line-height: 1;
  color: #666;
  padding-top: .4375rem;
  margin-bottom: -.4375rem;
  display: flex;
  flex-direction: column;
  gap: .125rem
}

.dsw-field__feedback-suggestion {
  transition: all .1s ease
}

.dsw-field__feedback-error {
  color: #da291c
}

.dsw-field__feedback-error>* {
  margin-bottom: .4375rem
}

.dsw-field--feedback-fade-out .dsw-field__feedback-suggestion {
  opacity: 0
}

.dsw-field--float-label {
  position: relative;
  cursor: pointer
}

.dsw-field--float-label .dsw-field__control {
  background: var(--dsw-form--background, #f3f3f3);
  border-radius: var(--dsw-form--border-radius, 0rem)
}

.dsw-field--float-label .dsw-field__label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  width: 100%;
  height: var(--dsw-form--height, 3.75rem);
  padding-right: var(--dsw-form--pr, 1.25rem);
  padding-left: var(--dsw-form--pl, 1.25rem);
  margin: 0;
  border: var(--dsw-form--border-width, .0625rem) solid transparent;
  white-space: nowrap;
  pointer-events: none;
  cursor: text;
  -webkit-user-select: none;
  user-select: none;
  transition: var(--dsw-form--transition, all .2s ease, outline 0s linear);
  transform: translateZ(0)
}

.dsw-field--float-label .dsw-field__label span {
  background: transparent
}

.dsw-field--float-label .dsw-input,
.dsw-field--float-label .dsw-select select,
.dsw-field--float-label .dsw-textarea {
  background: transparent;
  padding-top: calc(var(--dsw-form--height, 3.75rem) / 100 * 45)
}

.dsw-field--float-label .dsw-input:-moz-placeholder,
.dsw-field--float-label .dsw-select select:-moz-placeholder,
.dsw-field--float-label .dsw-textarea:-moz-placeholder {
  color: transparent !important
}

.dsw-field--float-label .dsw-input::-moz-placeholder,
.dsw-field--float-label .dsw-select select::-moz-placeholder,
.dsw-field--float-label .dsw-textarea::-moz-placeholder {
  color: transparent !important
}

.dsw-field--float-label .dsw-input::-webkit-input-placeholder,
.dsw-field--float-label .dsw-select select::-webkit-input-placeholder,
.dsw-field--float-label .dsw-textarea::-webkit-input-placeholder {
  color: transparent !important
}

.dsw-field--float-label .dsw-select {
  z-index: 2
}

.dsw-field--float-label .dsw-select select {
  background-color: transparent
}

.dsw-field--float-label .dsw-textarea {
  min-height: 11.25rem;
  resize: none
}

@media screen and (max-width:767px) {
  .dsw-field--float-label .dsw-textarea {
    min-height: 18.75rem
  }
}

.dsw-field--float-label.dsw-field--textarea .dsw-field__label {
  width: 100%
}

.dsw-field--float-label.dsw-field--textarea .dsw-field__control {
  position: relative
}

.dsw-field--float-label.dsw-field--textarea .dsw-field__control:after {
  position: absolute;
  display: block;
  content: "";
  top: var(--dsw-form--border-width, .0625rem);
  left: var(--dsw-form--border-width, .0625rem);
  width: calc(100% - var(--dsw-form--border-width, .0625rem) * 2);
  height: 1.875rem;
  pointer-events: none;
  background: linear-gradient(to bottom, var(--dsw-form--background, #f3f3f3) 0%, var(--dsw-form--background, #f3f3f3) 50%, rgba(var(--dsw-form--background, #f3f3f3), 0) 100%);
  border-radius: var(--dsw-form--border-radius, 0rem) var(--dsw-form--border-radius, 0rem) 0 0
}

.dsw-field--float-label.dsw-field--filled .dsw-field__label {
  z-index: 3;
  height: calc(var(--dsw-form--height, 3.75rem) / 1.4);
  font-size: .875rem;
  color: var(--dsw-form--label-color, #6b767d)
}

.dsw-field--float-label.dsw-field--filled .dsw-input {
  position: relative;
  z-index: 2
}

.dsw-field--float-label.dsw-field--disabled .control {
  background: transparent
}

.skoda .dsw-field--float-label .dsw-field__control {
  background: #f1f1f1
}

.dsw-field--icon-right .dsw-field__icon,
.dsw-field--icon-left .dsw-field__icon {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  top: 50%;
  pointer-events: none;
  fill: #000;
  color: #666;
  z-index: 2
}

.dsw-field--icon-right .dsw-field__icon svg,
.dsw-field--icon-left .dsw-field__icon svg {
  width: 100%;
  height: auto
}

.dsw-field--icon-left.dsw-field--float-label .dsw-field__label,
.dsw-field--icon-left .dsw-input {
  padding-left: calc(2.25rem + var(--dsw-form--pl, 1.25rem))
}

.dsw-field--icon-left .dsw-field__icon--left {
  left: var(--dsw-form--pl, 1.25rem);
  transform: translateY(-50%)
}

.dsw-field--icon-right.dsw-field--float-label .dsw-field__label,
.dsw-field--icon-right .dsw-input {
  padding-right: 1.25remvar(--dsw-form--pl, 1.25rem)1rem
}

.dsw-field--icon-right .dsw-field__icon--right {
  right: var(--dsw-form--pr, 1.25rem);
  transform: translateY(-50%)
}

.dsw-field .dsw-field__icon--erase {
  pointer-events: auto;
  right: var(--dsw-form--pr, 1.25rem);
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 99;
  border-radius: calc(infinity * 1px);
  border: none;
  background: transparent
}

.dsw-field .dsw-field__icon--erase:hover {
  background: #dddddd1a;
  box-shadow: 0 0 0 3px #dddddd1a
}

.skoda .dsw-field--icon-left:focus-within .dsw-field__icon--left {
  fill: var(--dsw-form--border-color-focus, #011E50);
  color: var(--dsw-form--border-color-focus, #011E50)
}

.cupra .dsw-field--icon-left:focus-within .dsw-field__icon--left {
  fill: #fafafa;
  color: #fafafa
}

@keyframes spinAround {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(359deg)
  }
}

.audi {
  --dsw-ff-default: "Audi Type";
  --dsw-ff-title: "Audi Type"
}

.cupra {
  --dsw-ff-default: "Cupra Screen";
  --dsw-ff-title: "Cupra Screen"
}

.skoda {
  --dsw-ff-default: "Skoda Next";
  --dsw-ff-title: "Skoda Next"
}

.audi {
  --dsw-button--color: #fff;
  --dsw-button--background: #181D25;
  --dsw-button--hover-background: #657080;
  --dsw-button--border-color: #2D343F;
  --dsw-button--hover-border-color: #657080
}

.skoda {
  --dsw-button--color: #161719;
  --dsw-button--hover-background: #161719;
  --dsw-button--border-color: #161719;
  --dsw-button--hover-border-color: #161719
}

.cupra {
  --dsw-button--color: #fafafa;
  --dsw-button--hover-background: #0d0e11;
  --dsw-button--border-color:#fafafa;
  --dsw-button--hover-border-color: #0d0e11;
  --dsw-button--border-radius: .375rem .375rem;
}

.audi {
  --dsw-form--color: #fff;
  --dsw-form--primary: #fff;
  --dsw-form--primary-invert: #000;
  --dsw-form--label-color: #b5b6b9;
  --dsw-form--background: #1d2129;
  --dsw-form--border-radius: .625rem .625rem 0 0;
  --dsw-form--border-color: #8b9097;
  --dsw-form--border-color-hover: #fff;
  --dsw-form--border-color-focus: #fff;
  --dsw-form--outline: .1875rem solid rgba(255, 255, 255, .2)
}

.cupra {
  --dsw-form--border-color: #fafafa;
  --dsw-form--background: rgba(195, 195, 203, .0509803922);
  --dsw-form--border-radius: .375rem .375rem 0 0;
  --dsw-form--label-color: #aeaeb7;
  --dsw-form--border-color: #aeaeb7;
  --dsw-form--border-color-hover: #fff;
  --dsw-form--border-color-focus: #b2764d;
  --dsw-form--outline: .1875rem solid rgba(255, 255, 255, .2)
}

.dsw-modal-layout {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  color: var(--dsw-modal-layout--color, #161719)
}

.dsw-modal-layout__head {
  padding: 0 1.875rem
}

@media screen and (max-width:767px) {
  .dsw-modal-layout__head {
    padding: 0 1rem
  }
}

.dsw-modal-layout__head {
  padding-bottom: 2rem;
  position: relative
}

.dsw-modal-layout__head-inner,
.dsw-modal-layout__body-item-container {
  display: block;
  width: 100%;
  max-width: 28.75rem;
  margin: 0 auto
}

.dsw-modal-layout__foot,
.dsw-modal-layout__body {
  position: relative;
  background: var(--dsw-modal-layout--background, #f3f3f3)
}

.dsw-modal-layout__body {
  padding: 0 1.875rem
}

@media screen and (max-width:767px) {
  .dsw-modal-layout__body {
    padding: 0 1rem
  }
}

.dsw-modal-layout__body {
  padding-top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  border-top: 2px solid var(--dsw-modal-layout--border-color, #f3f3f3)
}

.dsw-modal-layout__foot {
  position: relative;
  flex-grow: 2
}

.dsw-modal-layout__foot-perfect-scrollbar {
  max-height: var(--dsw-modal-layout--body-height);
  overflow: hidden
}

@media screen and (max-width:767px) {
  .dsw-modal-layout__foot-perfect-scrollbar {
    max-height: 100%
  }
}

.dsw-modal-layout__foot-wrapper {
  padding: 0 1.875rem
}

@media screen and (max-width:767px) {
  .dsw-modal-layout__foot-wrapper {
    padding: 0 1rem
  }
}

.dsw-modal-layout__foot-wrapper {
  height: 100%
}

.dsw-modal-layout__foot-inner {
  display: block;
  width: 100%;
  max-width: 28.75rem;
  margin: 0 auto;
  height: 100%
}

.dsw-modal-layout__title {
  font-family: var(--dsw-ff-title, "VW Head");
  font-weight: 700;
  font-size: 1.875rem;
  margin-bottom: 1.25rem;
  line-height: 1;
  display: block
}

@media screen and (max-width:767px) {
  .dsw-modal-layout__title {
    font-size: 1.5rem
  }
}

.dsw-modal-layout__body-title {
  font-family: var(--dsw-ff-title, "VW Head");
  font-weight: 700;
  font-size: 1.5rem
}

@media screen and (max-width:767px) {
  .dsw-modal-layout__body-title {
    font-size: 1.25rem
  }
}

.dsw-modal-layout__body-title {
  margin-bottom: 1.25rem;
  line-height: 1;
  display: block
}

.dsw-modal-layout__body-content-placeholder {
  font-size: 1.25rem;
  font-family: var(--dsw-ff-default, "VW Text");
  opacity: .5
}

.ps--active-y>.ps__rail-y {
  z-index: 3
}

.audi {
  --dsw-modal-layout--color: #fff;
  --dsw-modal-layout--background: #101319;
  --dsw-modal-layout--border-color: #000
}

.skoda {
  --dsw-modal-layout--background: #E4E4E4;
  --dsw-modal-layout--border-color: #E4E4E4
}

.cupra {
  --dsw-modal-layout--background: #0d0e11;
  --dsw-modal-layout--border-color: #0d0e11;
  --dsw-modal-layout--color: #fff;
  --dsw-modal-layout--border-color: #000
}