.popup-vehicle-selector-container{background:#000000cf;position:fixed;width:100%;height:100%;display:none;left:0;top:0;z-index:99999;padding-top:50px;overflow:hidden}.popup-vehicle-selector-container .vehicle-popup-close{position:absolute;top:12px;right:12px;z-index:5;box-sizing:border-box;width:36px;height:36px;padding:6px;overflow:visible;cursor:pointer}.vehicle-popup-close svg{color:red}.popup-vehicle-selector-container .popup-vehicle-selector-form{width:40%;margin:0 auto;background:#fff;padding:20px;box-shadow:1px 1px 10px #0000008c;transform:scale(0);max-height:max-content}.popup-vehicle-selector-container .popup-vehicle-selector-form .text-description{margin:10px 0}.popup-vehicle-selector-container .popup-vehicle-selector-form input{padding:10px;line-height:normal}.popup-vehicle-selector-container .popup-vehicle-selector-form .basic-info{display:flex;gap:10px}.popup-vehicle-selector-container .popup-vehicle-selector-form .basic-info .control{flex:1}.popup-vehicle-selector-container .popup-vehicle-selector-form .vehicles{display:flex;flex-direction:column;gap:10px;margin:20px 0}.popup-vehicle-selector-container .popup-vehicle-selector-form .vehicles .control{flex:1;font-family:var(--font-family-1)}.popup-vehicle-selector-form h2{margin:0}.popup-vehicle-selector-container .popup-vehicle-selector-form select{width:100%;padding:10px;border:1px solid grey;background:#fff;font-family:var(--font-family-1)}@media screen and (max-width:1301px){.popup-vehicle-selector-container .popup-vehicle-selector-form{width:70%;margin-top:40px}}@media screen and (max-width:1100px){.popup-vehicle-selector-container .popup-vehicle-selector-form{width:50%}}@media screen and (max-width:1001px){.popup-vehicle-selector-container .popup-vehicle-selector-form{width:70%;margin-top:40px}}@media screen and (max-width:820px){.popup-vehicle-selector-container .popup-vehicle-selector-form{width:70%;margin-top:40px}}@media screen and (max-width:652px){.popup-vehicle-selector-container .popup-vehicle-selector-form{width:90%;overflow:auto}.popup-vehicle-selector-container .popup-vehicle-selector-form .vehicles,.popup-vehicle-selector-container .popup-vehicle-selector-form .basic-info{flex-direction:column}}.popup-vehicle-selector-container .popup-vehicle-selector-form [type=submit]:disabled,.popup-vehicle-selector-container .popup-vehicle-selector-form .after-sent button:disabled{background:gray}.popup-vehicle-selector-container .popup-vehicle-selector-form .after-sent{display:none}.popup-vehicle-selector-container .popup-vehicle-selector-form .after-sent .alert-success{padding:20px}.popup-vehicle-selector-container .popup-vehicle-selector-form .after-sent button{width:200px;margin:10px}.popup-vehicle-selector-container.show{display:flex}.popup-vehicle-selector-container.show .popup-vehicle-selector-form{animation:appear-content .3s ease forwards;border-radius:10px}.popup-vehicle-selector-container .wrapper-close{width:100%;height:100%;position:absolute}@keyframes appear-content{0%{transform:scale(0)}to{transform:scale(1)}}.popup-ab.popup-vehicle-selector-container{align-items:flex-start;justify-content:center;padding:15vh 16px 16px}.popup-ab .popup-vehicle-selector-form{position:relative;width:min(560px,92vw);max-height:calc(85vh - 16px);margin:0;overflow:auto;padding:16px 22px 10px;background:#fff;color:#161616}.popup-ab--banner .popup-vehicle-selector-form{width:min(560px,94vw);padding:0 22px 10px}.popup-ab .vehicle-popup-close{z-index:5;box-sizing:border-box;width:36px;height:36px;padding:8px;top:8px;right:8px;overflow:visible}.popup-ab .vehicle-popup-close line{stroke:#161616;stroke-width:2.25}.popup-ab--banner .vehicle-popup-close{top:10px;right:10px;background:#0000008c;border-radius:50%}.popup-ab--banner .vehicle-popup-close line{stroke:#fff}.popup-ab .popup-ab-copy[hidden],.popup-ab .popup-ab-step[hidden],.popup-ab .popup-ab-cta[hidden],.popup-ab .popup-ab-success[hidden]{display:none!important}.popup-ab-logo{display:block;width:72px;height:auto}.popup-ab .text-description{margin:4px 0 0;color:#3a3a3a;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.35}.popup-ab .popup-vehicle-selector-form h2{margin:8px 0 0;color:#111;font-family:Bebas Neue,sans-serif;font-size:2.15rem;font-weight:400;letter-spacing:.4px;line-height:.9}.popup-ab .popup-vehicle-selector-form h2 span{color:#bc2931}.popup-ab-hero{position:relative;aspect-ratio:1024 / 428;overflow:hidden;margin:0 -22px;background-color:#f3f3f3;background-position:center;background-repeat:no-repeat;background-size:cover}.popup-ab-hero .popup-ab-logo{width:128px}.popup-ab-hero-copy{position:relative;z-index:1;box-sizing:border-box;width:50%;padding:12px 8px 10px 16px}.popup-ab--banner h2{max-width:100%;font-size:1.75rem}.popup-ab-hero .text-description{max-width:100%;font-size:14px}.popup-ab-perks{display:grid;grid-template-columns:repeat(4,1fr);margin:8px 0 2px;padding:2px 0;list-style:none}.popup-ab-perks li{padding:2px 8px;border-right:1px solid #e4e4e4;text-align:center}.popup-ab-perks li:last-child{border-right:0}.popup-ab-perks svg{width:22px;height:22px;fill:none;stroke:#bc2931;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.popup-ab-perks svg circle.popup-ab-dot{fill:#bc2931;stroke:none}.popup-ab-perks span{display:block;margin-top:6px;color:#161616;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:700;letter-spacing:.2px;line-height:1.15;text-transform:uppercase}.popup-ab .popup-vehicle-selector-form label{display:block;margin:0 0 3px;color:#222;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:500;letter-spacing:0;line-height:1.3;text-transform:none}.popup-ab .popup-vehicle-selector-form label em{color:#bc2931;font-style:normal}.popup-ab .popup-vehicle-selector-form form{display:flex;flex-direction:column;gap:0}.popup-ab .basic-info{flex-direction:row;gap:18px;margin-top:14px}.popup-ab .basic-info .control{min-width:0}.popup-ab .popup-vehicle-selector-form .vehicles{flex-direction:row;gap:18px;margin:14px 0 0}.popup-ab .popup-vehicle-selector-form .vehicles .control{flex:1;min-width:0}.popup-ab .popup-vehicle-selector-form .vehicles .control+.control{margin-top:0}.popup-ab .marginTop{margin-top:14px}.popup-ab .input-checkbox{min-height:24px;margin-bottom:4px;padding-top:2px;color:#222;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:400}.popup-ab .custom-button--primary{align-self:flex-start;display:flex;align-items:center;justify-content:center;width:auto;height:40px;margin:4px 0 2px}.popup-ab .custom-button--primary .button__content{display:flex;height:auto;padding:0 28px}.popup-ab .popup-vehicle-selector-form input,.popup-ab .popup-vehicle-selector-form select,.popup-ab .control{width:100%;box-sizing:border-box}.popup-ab .popup-vehicle-selector-form input,.popup-ab .popup-vehicle-selector-form select{height:36px;background:#fff;color:#161616;border:1px solid #c8c8c8}@media screen and (max-width:652px){.popup-ab.popup-vehicle-selector-container{padding:10px}.popup-ab .popup-vehicle-selector-form,.popup-ab--banner .popup-vehicle-selector-form{width:min(420px,94vw);max-height:calc(100dvh - 20px);padding:12px 14px 8px}.popup-ab--banner .popup-vehicle-selector-form{padding-top:0}.popup-ab-logo{width:72px}.popup-ab .popup-vehicle-selector-form h2{margin-top:6px;font-size:1.85rem}.popup-ab .text-description{display:none}.popup-ab-hero{aspect-ratio:1024 / 380;background-position-y:-20px;margin:0 -14px}.popup-ab-hero .popup-ab-logo{width:80px}.popup-ab-hero-copy{padding:10px 6px 8px 12px}.popup-ab--banner h2{font-size:1.35rem}.popup-ab-perks{grid-template-columns:repeat(4,1fr);margin:6px 0 0;padding:4px 0 2px;border-top:0}.popup-ab-perks li,.popup-ab-perks li:nth-child(odd){padding:4px 2px 2px;border-right:1px solid #ececec;border-bottom:0}.popup-ab-perks li:last-child{border-right:0}.popup-ab-perks svg{width:20px;height:20px}.popup-ab-perks span{margin-top:3px;font-size:9px}.popup-ab .basic-info,.popup-ab .popup-vehicle-selector-form .vehicles{flex-direction:column;gap:12px;margin-top:12px}.popup-ab .vehicles .control+.control{margin-top:0}.popup-ab .popup-vehicle-selector-form label{margin-bottom:2px;font-size:12px}.popup-ab .popup-vehicle-selector-form input,.popup-ab .popup-vehicle-selector-form select{height:34px;padding:6px 8px}.popup-ab .marginTop{margin-top:12px}.popup-ab .input-checkbox{min-height:22px;margin-bottom:0;font-size:13px}.popup-ab .custom-button--primary{height:40px;margin:4px 0 2px}}
/*# sourceMappingURL=/cdn/shop/t/217/assets/vehicle-selector-popup.css.map */
