.spinner{position:relative}.spinner:before{content:"";position:absolute;top:calc(50% - 15px);left:calc(50% - 15px);width:30px;height:30px;border:5px solid #FFF;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite;opacity:0}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink-success{0%,to{background-color:#fff}50%{background-color:#a8f1ad}}@keyframes blink-error{0%,to{background-color:#fff}50%{background-color:#f09393}}.registration-lookup__wrapper{padding:30px 0}.registration-lookup__compact.registration-lookup__wrapper{padding:15px;margin:15px 0;border:1px solid #000;border-radius:5px}.registration-lookup__wrapper .button--primary[disabled],.registration-lookup__wrapper .button--primary.loading,.registration-lookup__wrapper .button--primary.button--disabled{opacity:.5;background:var(--primary-button-background);pointer-events:none}.registration-lookup__search-container{text-align:center}.registration-lookup__details-container.active{display:block}.registration-lookup__details-container{display:none;padding-top:30px}.registration-lookup__results-container.active{display:block}.registration-lookup__results-container{display:none;margin-top:30px;padding-top:30px;border-top:1px solid #dfdfdf}.registration-lookup__details{list-style:none}.registration-lookup__roof-details .heading,.registration-lookup__roof-types .heading{text-transform:none}.registration-lookup__details-item{position:relative;padding:0;margin:0}.registration-lookup__wrapper:not(.registration-lookup__compact) .registration-lookup__details-item>.form__input-wrapper{margin-bottom:0}.registration-lookup__details-item select{border-color:var(--link-color);transition-property:border-color 0s;text-transform:uppercase}.registration-lookup__details-item select.loading{color:#fff}.registration-lookup__details-item select.loading~.spinner{display:inline-flex}.registration-lookup__details-item select~.spinner{margin:0;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#fff;z-index:1;padding-left:15px;border:1px solid var(--form-border-color);pointer-events:none;text-align:left;display:none;align-items:center}.registration-lookup__details-item select~.spinner:before{opacity:1;border-color:var(--form-border-color);border-bottom-color:transparent;position:relative;left:-10px;height:25px;width:25px;top:0}.registration-lookup__details-item select.loading~.spinner:before{opacity:1}.registration-lookup__details-item select[disabled]{border-color:var(--form-border-color);opacity:.6;pointer-events:none}.registration-lookup__compact .registration-lookup__heading{margin-bottom:10px}.registration-lookup__expand-btn{display:block;text-align:center;margin:10px auto 0}.registration-lookup__compact .registration-lookup__expand-btn span{text-wrap:nowrap}.registration-lookup__expand-btn:not([disabled]):hover span,.registration-lookup__expand-btn:not([disabled]):focus span{text-decoration:underline;text-decoration-color:var(--link-color)}.registration-lookup__expand-btn[disabled]{opacity:.6}.registration-lookup__expand-btn span>svg{width:12px;height:12px;margin-left:3px}.registration-lookup__expand-btn span{color:var(--link-color);-webkit-text-decoration:none;text-decoration:none;transition:color .2s ease-in-out}.registration-lookup__reg-form{display:flex}.registration-lookup__reg-input{color:var(--heading-color);flex:1 0 auto;border-radius:4px;position:relative;border:2px solid #000;overflow:hidden;color:#000}.registration-lookup__reg-input:focus-within{border-color:var(--link-color-hover)}.registration-lookup__reg-input-wrapper{display:flex;align-items:center}.registration-lookup__reg-input input::placeholder{opacity:.65}.registration-lookup__reg-search-input{text-transform:uppercase}.registration-lookup__reg-search{margin-left:10px}.registration-lookup__reg-search.loading .spinner{color:var(--primary-button-background)}.registration-lookup__reg-search.loading .spinner:before{opacity:1}.registration-lookup__reg-input input{-webkit-appearance:none;appearance:none;text-transform:uppercase;font-size:20px;border:0;background-color:#ffc10a;line-height:normal;display:block;outline:none;position:absolute;padding:0 10px 0 40px;top:0;right:0;bottom:0;left:0;height:100%;width:100%}.registration-lookup__reg-input img{z-index:1;display:block;position:absolute;height:100%;left:0}.registration-lookup__wrapper:not(.registration-lookup__compact) .registration-lookup__details{display:flex;justify-content:space-between;flex-wrap:wrap;margin:0 -5px}.registration-lookup__wrapper:not(.registration-lookup__compact) .registration-lookup__details-item{padding:0 5px;flex:1 0 50%;margin-top:10px}.registration-lookup__details-item:last-child{flex-basis:100%}.registration-lookup__details-btn.loading .spinner{color:var(--primary-button-background)}.registration-lookup__details-btn.loading .spinner:before{opacity:1}.registration-lookup__details-btn{width:100%}.registration-lookup__wrapper:not(.registration-lookup__compact) .registration-lookup__details-btn{margin-top:10px}.registration-lookup__error{text-align:center;color:var(--error-color);margin:15px 0 5px}.registration-lookup__error:empty{display:none}.registration-lookup__error:not(:empty)+.registration-lookup__details-container{padding-top:0}.registration-lookup__vehicle-image[src=""]:empty{display:none}.registration-lookup__vehicle-details:empty{display:none}.registration-lookup__vehicle-details{display:flex;flex-wrap:wrap;margin:0 -5px}.registration-lookup__vehicle-details>*{padding:5px;width:50%}.registration-lookup__vehicle-details dt,.registration-lookup__vehicle-details dd{font-size:15px;line-height:22px}.registration-lookup__vehicle-details dt{font-weight:700;display:block}.registration-lookup__vehicle-details dd{display:block;margin-left:0}.registration-lookup__roof-types-list{list-style:none;display:flex;flex-wrap:wrap;margin:0 -10px}.registration-lookup__roof-types-list li{padding:0 10px 10px;position:relative}.registration-lookup__roof-types-list li p{transition:color .25s,text-decoration .25s}.registration-lookup__roof-types input{-webkit-appearance:none;appearance:none;position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;cursor:pointer}.registration-lookup__roof-types input:hover~img,.registration-lookup__roof-types input:focus~img,.registration-lookup__roof-types-list input:checked~img,.registration-lookup__roof-types input:hover~label,.registration-lookup__roof-types-list input:focus~label,.registration-lookup__roof-types-list input:checked~label{border-color:var(--link-color-hover);color:var(--link-color-hover);text-decoration:underline}.registration-lookup__roof-types-list li img{border-radius:5px;display:block;border:3px solid #DFDFDF;transition:.25s border-color}.registration-lookup__roof-types-list:empty{display:none}.registration-lookup__roof-types-list label{text-transform:capitalize}.registration-lookup__wrapper[data-compatible=false],.registration-lookup__wrapper[data-compatible=true]{border-width:3px}.registration-lookup__wrapper[data-compatible=true]{border-color:#00b80c;-webkit-animation:blink-success .75s ease-in-out;-moz-animation:blink-success .75s ease-in-out;-o-animation:blink-success .75s ease-in-out;animation:blink-success .75s ease-in-out}.registration-lookup__wrapper[data-compatible=false]{border-color:#d60000;-webkit-animation:blink-error .75s ease-in-out;-moz-animation:blink-error .75s ease-in-out;-o-animation:blink-error .75s ease-in-out;animation:blink-error .75s ease-in-out}.registration-lookup__compatibility{color:#fff;padding:5px;border-radius:5px;text-align:center;margin-top:10px}.registration-lookup__compatibility.has-focus{-webkit-animation:blink-effect .5s infinite;-moz-animation:blink-effect .5s infinite;-o-animation:blink-effect .5s infinite;animation:blink-effect .5s infinite}.registration-lookup__compatibility.has-focus:hover{animation:none}.registration-lookup__compatibility p{margin-bottom:0}.registration-lookup__wrapper[data-compatible=true]>.registration-lookup__compatibility{background-color:#00b80c}.registration-lookup__wrapper[data-compatible=false]>.registration-lookup__compatibility{background-color:#d60000}.registration-lookup__wrapper[data-compatible=""]>.registration-lookup__compatibility{display:none}.registration-lookup__wrapper[data-compatible=true]>.registration-lookup__compatibility>p:last-child{display:none}.registration-lookup__wrapper[data-compatible=false]>.registration-lookup__compatibility>p:first-child{display:none}.registration-lookup__compatibility-tick,.registration-lookup__compatibility-cross{margin-right:5px}.registration-lookup__compatibility-tick{height:8px;width:14px;position:relative;border-left:2px solid white;border-bottom:2px solid white;display:inline-block;transform:rotate(-45deg);margin-bottom:3px}.registration-lookup__compatibility-cross svg{margin-bottom:4px}.registration-lookup__compatibility-cross svg stroke{color:#fff}.registration-lookup__viewall.button{margin-top:5px;line-height:27px;padding:12px;background-color:#000;border-color:#000;color:#fff}.registration-lookup__viewall.button:hover,.registration-lookup__viewall.button:focus{background-color:#fff;border-color:#fff;color:#000}a.registration-lookup__viewall{margin-top:5px}.registration-lookup__viewall:not(.button){color:var(--link-color);text-decoration:underline}.registration-lookup__viewall:not(.button):hover,.registration-lookup__viewall:not(.button):focus{text-decoration:none}.registration-lookup__viewall,.registration-lookup__wrapper[data-compatible=true] .registration-lookup__viewall{display:none}.registration-lookup__wrapper[data-compatible=false] .registration-lookup__viewall{display:block}@media screen and (min-width: 400px){.registration-lookup__wrapper:not(.registration-lookup__compact) .registration-lookup__roof-details{display:flex;align-items:flex-start}.registration-lookup__wrapper:not(.registration-lookup__compact) .registration-lookup__vehicle-details{flex:1 0 55%;margin:33px 0 0 20px}}@media screen and (min-width: 600px){.registration-lookup__wrapper:not(.registration-lookup__compact) .registration-lookup__expand-btn,.registration-lookup__wrapper:not(.registration-lookup__compact) .registration-lookup__reg-form{display:inline-flex;vertical-align:middle;margin-bottom:0}.registration-lookup__wrapper:not(.registration-lookup__compact) .registration-lookup__expand-btn span{margin-top:-8px;text-align:left;display:flex;align-items:center}.registration-lookup__wrapper:not(.registration-lookup__compact) .registration-lookup__expand-btn{margin:0 0 0 16px;flex-direction:column}.registration-lookup__reg-search{margin-left:16px}.registration-lookup__reg-input{min-width:210px}.registration-lookup__wrapper:not(.registration-lookup__compact) .registration-lookup__details-item{flex-basis:25%}.registration-lookup__compact .registration-lookup__details{display:flex;flex-wrap:wrap;margin:0 -5px}.registration-lookup__compact .registration-lookup__details-item{flex-basis:50%;padding:5px}.registration-lookup__compact .registration-lookup__details-item:last-child{flex-basis:100%}}@media screen and (max-width: 1023.98px){.registration-lookup__wrapper:not(.registration-lookup__compact) .registration-lookup__heading{margin-bottom:20px}}@media screen and (min-width: 1024px){.registration-lookup__heading{display:inline-flex;vertical-align:middle;margin-bottom:0}.registration-lookup__wrapper:not(.registration-lookup__compact) .registration-lookup__reg-form,.registration-lookup__wrapper:not(.registration-lookup__compact) .registration-lookup__expand-btn{margin-left:25px}.registration-lookup__wrapper:not(.registration-lookup__compact).registration-lookup__reg-form{margin-left:20px}.registration-lookup__wrapper:not(.registration-lookup__compact).registration-lookup__details-btn{margin-top:0}.registration-lookup__wrapper:not(.registration-lookup__compact) .registration-lookup__details-item{flex-basis:20%;align-self:end;margin-top:0}.registration-lookup__wrapper:not(.registration-lookup__compact) .registration-lookup__details-item:last-child{flex-basis:20%;max-width:140px}.registration-lookup__details-btn{margin-top:0}.registration-lookup__wrapper:not(.registration-lookup__compact) .registration-lookup__results-container.active{display:flex}.registration-lookup__results-container{justify-content:space-between}.registration-lookup__wrapper:not(.registration-lookup__compact) .registration-lookup__roof-types{flex:0 0 40%;padding-left:20px}}@media screen and (min-width: 1024px) and (max-width: 1279.98px){.registration-lookup__heading{font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 21px))}}@media screen and (min-width: 1280px){.registration-lookup__vehicle-details>*{padding:5px 8px}.registration-lookup__reg-input input{font-size:30px}.registration-lookup__wrapper:not(.registration-lookup__compact) .registration-lookup__vehicle-details{margin-left:30px}.registration-lookup__wrapper:not(.registration-lookup__compact) .registration-lookup__roof-types{padding-left:40px}.registration-lookup__compact .registration-lookup__search-container{text-align:left}.registration-lookup__compact .registration-lookup__roof-details{display:flex;align-items:flex-start}.registration-lookup__compact .registration-lookup__vehicle-details{margin:33px 10px 0 20px}.registration-lookup__compact .registration-lookup__heading{display:inline-block;vertical-align:top;font-size:1.5em;line-height:1.1em;margin-bottom:0;width:150px}.registration-lookup__compact .registration-lookup__reg-form{display:inline-flex;width:calc(100% - 155px);padding-left:10px}.registration-lookup__compact .registration-lookup__expand-btn{margin:0 0 0 auto}}@media screen and (min-width: 1400px){.registration-lookup__compact .registration-lookup__heading{width:200px}.registration-lookup__compact .registration-lookup__reg-form{width:calc(100% - 205px);padding-left:10px}}.registration-lookup__wrapper+.shopify-section>.section{margin-top:0}.lookup-results__wrapper .product-list--collection:before{display:block}.registration-lookup__breadcrumbs{margin-top:20px}.lookup-results__loading .spinner{padding-left:35px}.lookup-results__loading .spinner:before{border-color:var(--link-color);border-bottom-color:transparent;opacity:1;left:0}
/*# sourceMappingURL=/cdn/shop/t/101/assets/registration-lookup.css.map */