.seatComponents-code-check-form-popup .background{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(36,34,33,.5);z-index:2147483637}
.seatComponents-code-check-form-popup .popup{width:288px;position:fixed;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#f1f1f1;margin:0 auto;z-index:2147483638}
.seatComponents-code-check-form-popup .popup .closePopup{position:absolute;width:14px;height:14px;top:9px;right:9px;cursor:pointer}
.seatComponents-code-check-form-popup .popup .closePopup:before{content:"";background-image:url(../../../../content/dam/react-cupra/icons/close.svg);background-size:100%;display:block;width:100%;height:100%}
.seatComponents-code-check-form-popup .popup .content{padding:40px 45px;position:relative;flex:0 0 100%;max-width:100%;color:#242221}
.seatComponents-code-check-form-popup .popup .content .title{padding-right:10px;padding-left:10px;margin-bottom:16px}
.seatComponents-code-check-form-popup .popup .content .title p{font-family:CupraLight,serif;font-size:30px;font-weight:3000;font-style:normal;font-stretch:normal;line-height:40px;letter-spacing:normal;text-align:center}
.seatComponents-code-check-form-popup .popup .content .copy{margin-bottom:14px}
.seatComponents-code-check-form-popup .popup .content .copy p{font-family:CupraLight,serif;font-size:16px;font-weight:300;font-stretch:normal;font-style:normal;line-height:1.63;letter-spacing:normal;text-align:center;color:rgba(36,34,33,.6)}
.seatComponents-code-check-form-popup .popup .content .cta{font-family:CupraRegular,serif;font-size:16px;line-height:24px;font-weight:5000;letter-spacing:normal;color:#242221;border:1px solid #242221;min-width:100px;height:48px;min-height:48px;padding:9px 20px;display:inline-block;text-align:center;background:transparent;border-radius:0;cursor:pointer}
@media(min-width:764px){.seatComponents-code-check-form-popup .popup{width:436px}
.seatComponents-code-check-form-popup .popup .content{padding-left:40px 66px}
.seatComponents-code-check-form-popup .popup .content .title{padding-right:16px;padding-left:16px}
.seatComponents-code-check-form-popup .popup .closePopup{width:19px;height:19px;top:14px;right:14px}
}
.seatComponents-code-check-form-tooltip{position:absolute;width:100%;max-width:304px;height:auto;color:#242221;background-color:#fff;z-index:2147483636}
.seatComponents-code-check-form-tooltip p{margin:0}
.seatComponents-code-check-form-tooltip .cupra-tooltip-title{text-align:center;padding:16px}
.seatComponents-code-check-form-tooltip .cupra-tooltip-title p{font-family:CupraMedium,serif;font-size:16px;font-weight:500;font-style:normal;font-stretch:normal;line-height:26px;letter-spacing:normal}
.seatComponents-code-check-form-tooltip .cupra-tooltip-dash{width:100%;height:2px;background-color:rgba(0,0,0,.1)}
.seatComponents-code-check-form-tooltip .cupra-tooltip-copy{padding:16px}
.seatComponents-code-check-form-tooltip .cupra-tooltip-copy p{font-family:CupraBook,serif;font-size:14px;font-weight:400;font-style:normal;font-stretch:normal;line-height:24px;letter-spacing:normal}
.seatComponents-code-check-form-tooltip .cupra-tooltip-cta{padding:0 22px 16px}
.seatComponents-code-check-form-tooltip .cupra-tooltip-cta a{font-family:CupraMedium,serif;font-size:14px;font-weight:500;font-style:normal;font-stretch:normal;line-height:24px;letter-spacing:normal}
.seatComponents-code-check-form-tooltip .cupra-tooltip-cta .linkBlack{position:relative;color:#242221}
.seatComponents-code-check-form-tooltip .closeTooltip{position:absolute;width:16px;height:16px;top:20px;right:25px;cursor:pointer}
.seatComponents-code-check-form-tooltip .closeTooltip:before{content:"";background-image:url(../../../../content/dam/react-cupra/icons/close.svg);background-size:100%;display:block;width:100%;height:100%}
@media(min-width:764px){.seatComponents-code-check-form-tooltip{width:334px}
.seatComponents-code-check-form-tooltip .cupra-tooltip-title{text-align:center;padding:24px 24px 16px}
.seatComponents-code-check-form-tooltip .cupra-tooltip-copy{padding:16px 24px}
.seatComponents-code-check-form-tooltip .cupra-tooltip-cta{padding:0 24px 24px}
.seatComponents-code-check-form-tooltip .closeTooltip{top:28px;right:28px}
}
.seatComponents-code-check-form .code_check_form{padding-top:40px}
.seatComponents-code-check-form .code_check_form .title{position:relative}
.seatComponents-code-check-form .code_check_form .title p{display:inline-block;font-family:CupraRegular,serif;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:26px;letter-spacing:normal;color:#242221}
.seatComponents-code-check-form .code_check_form .title .tooltipPointer{position:absolute;margin:0 0 0 8px;bottom:-14px;width:18px;height:18px;transform:rotate(45deg);background-color:#fff}
.seatComponents-code-check-form .code_check_form .title .tooltipInfo{position:absolute;margin:0 0 0 8px;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);width:24px;height:24px;cursor:pointer}
.seatComponents-code-check-form .code_check_form .title .tooltipInfo:before{content:"";background-image:url(../../../../content/dam/react-cupra/icons/info.svg);background-size:100%;display:block;width:100%;height:100%}
.seatComponents-code-check-form .code_check_form .copy p{font-family:CupraLight,serif;font-size:16px;font-weight:300;font-stretch:normal;font-style:normal;line-height:26px;letter-spacing:normal;color:#242221}
.seatComponents-code-check-form .code_check_form .codeInput{margin-top:16px;margin-bottom:24px;position:relative}
.seatComponents-code-check-form .code_check_form .codeInput .error{position:relative}
.seatComponents-code-check-form .code_check_form .codeInput .inputBox{border:1px solid #d5d5d5;width:136px;padding:7px;font-family:CupraRegular,serif;font-size:20px;font-weight:400;font-stretch:normal;font-style:normal;line-height:30px;letter-spacing:normal;text-align:center;color:#242221}
.seatComponents-code-check-form .code_check_form .codeInput .check{top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);margin:0 0 0 16px;position:absolute;width:26px;height:26px}
.seatComponents-code-check-form .code_check_form .codeInput .check:before{content:"";background-image:url(../../../../content/dam/react-cupra/icons/check.svg);background-size:100%;display:block;width:100%;height:100%}
@media(min-width:764px){.seatComponents-code-check-form .code_check_form .codeInput{margin-top:24px;margin-bottom:32px}
.seatComponents-code-check-form .code_check_form .codeInput .inputCode{width:202px}
.seatComponents-code-check-form .code_check_form .codeInput .check{width:37px;height:37px}
}