.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}
}
@font-face{font-family:CupraRegular;src:url(../../../../content/dam/react-cupra/fonts/Cupra-Regular.woff) format("woff");font-weight:400;font-style:normal}
@font-face{font-family:CupraBook;src:url(../../../../content/dam/react-cupra/fonts/Cupra-Book.woff) format("woff");font-weight:400;font-style:normal}
@font-face{font-family:CupraLight;src:url(../../../../content/dam/react-cupra/fonts/Cupra-Light.woff) format("woff");font-weight:300;font-style:normal}
@font-face{font-family:CupraMedium;src:url(../../../../content/dam/react-cupra/fonts/Cupra-Medium.woff) format("woff");font-weight:500;font-style:normal}
.seatComponents-socialbox{height:100%;background-color:#f5f5f5}
.seatComponents-socialbox>div{height:100%}
.seatComponents-socialbox a:hover{text-decoration:none}
.seatComponents-socialbox h1,.seatComponents-socialbox h2,.seatComponents-socialbox h3,.seatComponents-socialbox h4,.seatComponents-socialbox h5,.seatComponents-socialbox h6,.seatComponents-socialbox p{margin-bottom:auto;word-wrap:break-word}
.seatComponents-socialbox mark{background-color:transparent;padding:0}
.seatComponents-socialbox span{word-break:break-all}
.seatComponents-socialbox .blackColor h3,.seatComponents-socialbox .blackColor p,.seatComponents-socialbox .blackColor span{color:#242221}
.seatComponents-socialbox .whiteColor h3,.seatComponents-socialbox .whiteColor p,.seatComponents-socialbox .whiteColor span{color:#fff}
.seatComponents-socialbox .bgBlack{background-color:#242221}
.seatComponents-socialbox .bgBlack h3,.seatComponents-socialbox .bgBlack p,.seatComponents-socialbox .bgBlack span{color:#fff}
.seatComponents-socialbox .bgBluePetrol{background-color:#003c4a}
.seatComponents-socialbox .bgBluePetrol h3,.seatComponents-socialbox .bgBluePetrol p,.seatComponents-socialbox .bgBluePetrol span{color:#fff}
.seatComponents-socialbox .bgWhite{background-color:#fff}
.seatComponents-socialbox .bgWhite h3,.seatComponents-socialbox .bgWhite p,.seatComponents-socialbox .bgWhite span{color:#242221}
.seatComponents-socialbox a.btnBlack-primary{color:#242221;border:1px solid #242221;padding:8px 16px;display:inline-block;min-width:100px;overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:pre;vertical-align:bottom;transition:none}
.seatComponents-socialbox a.btnBlack-primary:hover{border:1px solid rgba(36,34,33,.6);color:rgba(36,34,33,.6)}
.seatComponents-socialbox a.btnBlack-primary:active{border:2px solid #242221;color:#242221}
.seatComponents-socialbox a.btnBlack-primary:disabled{border:1px solid rgba(36,34,33,.35);background-color:rgba(36,34,33,.35)}
.seatComponents-socialbox a.btnBluePetrol-primary{color:#fff;border:1px solid #003e51;background-color:#003e51;padding:8px 16px;display:inline-block;min-width:100px;overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:pre;vertical-align:bottom;transition:none}
.seatComponents-socialbox a.btnBluePetrol-primary:hover{border:1px solid rgba(0,62,81,.8);background-color:rgba(0,62,81,.8)}
.seatComponents-socialbox a.btnBluePetrol-primary:active{border:1px solid #242221;background-color:#242221}
.seatComponents-socialbox a.btnBluePetrol-primary:disabled{border:1px solid rgba(0,62,81,.4);background-color:rgba(0,62,81,.4)}
.seatComponents-socialbox a.btnBluePetrol-secondary{color:#003e51;border:1px solid #003e51;padding:8px 16px;display:inline-block;min-width:100px;overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:pre;vertical-align:bottom;transition:none}
.seatComponents-socialbox a.btnBluePetrol-secondary:hover{color:rgba(0,62,81,.6);border:1px solid rgba(0,62,81,.6)}
.seatComponents-socialbox a.btnBluePetrol-secondary:active{color:#242221;border:2px solid #242221}
.seatComponents-socialbox a.btnBluePetrol-secondary:disabled{color:rgba(0,62,81,.35);border:1px solid rgba(0,62,81,.35)}
.seatComponents-socialbox a.btnWhite-primary{color:#fff;border:1px solid #fff;padding:8px 16px;display:inline-block;min-width:100px;overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:pre;vertical-align:bottom;transition:none}
.seatComponents-socialbox a.btnWhite-primary:hover{border:1px solid hsla(0,0,100%,.6);color:hsla(0,0,100%,.6)}
.seatComponents-socialbox a.btnWhite-primary:active{border:2px solid #fff;color:#fff}
.seatComponents-socialbox a.btnWhite-primary:disabled{border:1px solid hsla(0,0,100%,.35);color:hsla(0,0,100%,.35)}
.seatComponents-socialbox a.btnWhite-secondary{color:rgba(36,34,33,.8);border:1px solid #fff;background-color:#fff;padding:8px 16px;display:inline-block;min-width:100px;overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:pre;vertical-align:bottom;transition:none}
.seatComponents-socialbox a.btnWhite-secondary:hover{color:rgba(36,34,33,.6)}
.seatComponents-socialbox a.btnWhite-secondary:active{color:#242221;border:1px solid #fff}
.seatComponents-socialbox a.btnWhite-secondary:disabled{color:hsla(0,0,96.1%,.2);border:1px solid hsla(0,0,96.1%,.2);background-color:hsla(0,0,96.1%,.2)}
.seatComponents-socialbox .linkBlack{position:absolute;padding-left:6.25vw}
.seatComponents-socialbox .linkBlack:after{display:block;content:"";position:absolute;height:1px;width:6.25vw;left:0;bottom:1.25vw;background:#242221}
.seatComponents-socialbox .linkBlack span{padding-left:8px;color:#242221;transition:none}
.seatComponents-socialbox .linkBlack:hover:after{background:rgba(36,34,33,.6)}
.seatComponents-socialbox .linkBlack:hover span{color:rgba(36,34,33,.6)}
.seatComponents-socialbox .linkBlack:active:after{height:2px;background:#003c4a}
.seatComponents-socialbox .linkBlack:active span{color:#003c4a}
.seatComponents-socialbox .linkBlack:disabled:after{background:rgba(36,34,33,.35)}
.seatComponents-socialbox .linkBlack:disabled span{color:rgba(36,34,33,.35)}
.seatComponents-socialbox .linkWhite{position:absolute;padding-left:6.25vw}
.seatComponents-socialbox .linkWhite:after{display:block;content:"";position:absolute;height:1px;width:6.25vw;left:0;bottom:1.25vw;background:#fff}
.seatComponents-socialbox .linkWhite span{padding-left:2.5vw;color:#fff;transition:none}
.seatComponents-socialbox .linkWhite:hover:after{background:hsla(0,0,96.1%,.6)}
.seatComponents-socialbox .linkWhite:hover span{color:hsla(0,0,96.1%,.6)}
.seatComponents-socialbox .linkWhite:active:after{height:2px;background:#fff}
.seatComponents-socialbox .linkWhite:active span{color:#fff}
.seatComponents-socialbox .linkWhite:disabled:after{background:hsla(0,0,83.5%,.35)}
.seatComponents-socialbox .linkWhite:disabled span{color:hsla(0,0,83.5%,.35)}
.seatComponents-socialbox .blackOverlayBottom,.seatComponents-socialbox .blackOverlayTop,.seatComponents-socialbox .whiteOverlayBottom,.seatComponents-socialbox .whiteOverlayTop{position:absolute;width:100%;left:0}
.seatComponents-socialbox .blackOverlayTop,.seatComponents-socialbox .whiteOverlayTop{top:0}
.seatComponents-socialbox .blackOverlayBottom,.seatComponents-socialbox .whiteOverlayBottom{bottom:0}
.seatComponents-socialbox .blackOverlayTop{background:linear-gradient(180deg,#fff,hsla(0,0,100%,.37),hsla(0,0,100%,0))}
.seatComponents-socialbox .whiteOverlayTop{background:linear-gradient(180deg,#242221,rgba(36,34,33,0))}
.seatComponents-socialbox .blackOverlayBottom{background:linear-gradient(0,#fff,hsla(0,0,100%,.37),hsla(0,0,100%,0))}
.seatComponents-socialbox .whiteOverlayBottom{background:linear-gradient(0,#242221,rgba(36,34,33,0))}
@media(min-width:764px){.seatComponents-socialbox .linkBlack,.seatComponents-socialbox .linkWhite{padding-left:2.6178vw}
.seatComponents-socialbox .linkBlack span,.seatComponents-socialbox .linkWhite span{padding-left:1.04712vw}
.seatComponents-socialbox .linkBlack:after,.seatComponents-socialbox .linkWhite:after{width:2.6178vw;bottom:.26178vw}
}
@media(min-width:1016px){.seatComponents-socialbox .linkBlack,.seatComponents-socialbox .linkWhite{padding-left:1.9685vw}
.seatComponents-socialbox .linkBlack span,.seatComponents-socialbox .linkWhite span{padding-left:.7874vw}
.seatComponents-socialbox .linkBlack:after,.seatComponents-socialbox .linkWhite:after{width:1.9685vw;bottom:.59055vw}
}
@media(min-width:1436px){.seatComponents-socialbox .linkBlack,.seatComponents-socialbox .linkWhite{padding-left:24px}
.seatComponents-socialbox .linkBlack span,.seatComponents-socialbox .linkWhite span{padding-left:8px}
.seatComponents-socialbox .linkBlack:after,.seatComponents-socialbox .linkWhite:after{width:24px;bottom:6px}
}
.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}
}