@keyframes shine-skeleton-lines{0{background-position:-100px}
40%,100%{background-position:600px}
}
.mod__max-w-xl{max-width:1436px;margin:auto}
@keyframes spin{0{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes rotateImageLoading{from{transform:translate(-50%,-50%) rotateY(0) scale(1.01)}
to{transform:translate(-50%,-50%) rotateY(360deg) scale(1.01)}
}
.cmp-vin-checker{background-color:var(--bg-container-color)}
.cmp-vin-checker__container{background-color:var(--bg-container-color);display:flex;flex-direction:column;align-items:flex-start;padding:24px 16px;gap:40px;align-self:stretch}
.cmp-vin-checker__title .cmp-title__text{color:var(--font-color);font-family:'CupraRegular',sans-serif;font-weight:500;text-transform:capitalize;font-size:24px;line-height:28px;margin:0}
.cmp-vin-checker__description .cmp-text p{color:var(--font-color);font-family:'CupraRegular',sans-serif;font-size:16px;line-height:24px}
.cmp-vin-checker__description .cmp-text p>a{color:var(--font-color);text-decoration:underline}
.cmp-vin-checker__primary-button{width:100%}
.cmp-vin-checker__primary-button .cmp-button{height:48px;background-color:var(--bg-button-color)}
.cmp-vin-checker__primary-button .cmp-button__text{color:var(--font-button-color)}
.cmp-vin-checker__primary-button .cmp-button:hover{background-color:var(--color-ui-02)}
.cmp-vin-checker__primary-button .cmp-button:disabled{background-color:var(--color-ui-03)}
.cmp-vin-checker__input{width:100%;outline:0;border:0;background-color:transparent;border-bottom:solid 1px var(--color-ui-04);color:var(--font-color)}
.cmp-vin-checker__input::placeholder{font-family:'CupraRegular',sans-serif;font-weight:400;font-size:16px;line-height:20px;color:var(--color-font-04)}
.cmp-vin-checker__overlay{display:block;background-color:var(--color-ui-03);position:absolute;content:'';width:100%;height:48px;z-index:30;top:0;left:50%;transform:translateX(-50%)}
.cmp-vin-checker__button-container{display:block;position:relative}
.cmp-vin-checker__input-container{position:relative;height:48px;display:flex;align-items:flex-end}
.cmp-vin-checker__cta-container{display:flex;flex-direction:column;position:relative;gap:24px;width:100%}
.cmp-vin-checker__spinner{content:'';top:0;left:0;width:100%;height:100%;background-image:url("../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/dots-spinner.svg");background-repeat:no-repeat;background-position:center;pointer-events:none;user-select:none;width:40%;height:40%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.cmp-vin-checker__error-message{color:var(--font-color);font-size:16px;line-height:20px;font-family:'CupraRegular',sans-serif;font-weight:400;white-space:nowrap;max-width:100%}
.cmp-vin-checker .icon-ok{content:'';border:0;position:absolute;background:var(--icon-check);width:12px;height:12px;bottom:0}
.cmp-vin-checker__input-control-feedback{z-index:2;display:block;position:absolute;right:0;top:8px;width:24px;height:24px}
.cmp-vin-checker__input-control-feedback img{width:24px;height:auto}
@media(min-width:764px){.cmp-vin-checker__container{padding:24px}
.cmp-vin-checker__title .cmp-title__text{color:var(--font-color);font-family:'CupraBook',sans-serif;font-weight:350;text-transform:capitalize;font-size:40px;line-height:48px;margin:0}
.cmp-vin-checker__input,.cmp-vin-checker__input-container{width:296px}
.cmp-vin-checker__primary-button{width:296px}
.cmp-vin-checker__cta-container{flex-direction:row}
}
@media(min-width:1016px){.cmp-vin-checker__container{margin:0 auto;padding:24px 48px 64px}
}
@media(min-width:1436px){.cmp-vin-checker{margin:auto}
.cmp-vin-checker__container{margin:0 auto;padding:24px 58px 64px;max-width:1436px}
.cmp-vin-checker__title .cmp-title__text{color:var(--font-color);font-family:'CupraBook',sans-serif;font-weight:350;text-transform:capitalize;font-size:48px;line-height:56px;margin:0}
}
.cmp-vin-checker.theme-dark{--bg-container-color:var(--color-bg-01);--bg-button-color:var(--color-ui-06);--font-color:var(--color-font-03);--font-button-color:var(--color-font-01);--icon-check:url(../../../../../etc.clientlibs/seatComponents/globalStyles/cupra-code/clientlibs/resources/images/check-icon-white.svg) center center no-repeat}
.cmp-vin-checker.theme-light{--bg-container-color:var(--color-bg-03);--bg-button-color:var(--color-ui-01);--font-color:var(--color-font-01);--font-button-color:var(--color-font-03);--icon-check:url(../../../../../etc.clientlibs/seatComponents/globalStyles/cupra-code/clientlibs/resources/images/check-icon-black.svg) center center no-repeat}