.roofbar-selector{margin:0}.roofbar-selector__inner{padding:2rem 0;text-align:center}.roofbar-selector__head{margin-bottom:1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center}.roofbar-selector__heading{margin:0 0 .5rem;text-align:center}.roofbar-selector__intro{max-width:60rem;margin-left:auto;margin-right:auto;text-align:center}.roofbar-selector__status{margin-bottom:1rem;padding:.875rem 1rem;border-radius:.75rem;font-size:.95rem;line-height:1.1;background:#0000000a;text-align:center}.roofbar-selector__status[data-type=success]{background:#0f72241f}.roofbar-selector__status[data-type=error]{background:#b419191f}.roofbar-selector__contact-form{max-width:1200px;margin-left:auto;margin-right:auto}.roofbar-selector__helper-row{width:100%;max-width:1200px;text-align:center;margin:0 auto 1.5rem}.roofbar-selector__contact-link{-webkit-appearance:none;appearance:none;background:none;border:0;box-shadow:none;padding:0;margin:0;min-height:0;display:inline-block;font:inherit;font-size:.875rem;font-weight:400;line-height:1.2;letter-spacing:normal;text-transform:none;color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.12em;cursor:pointer}.roofbar-selector__contact-link:hover{opacity:.75}.roofbar-selector__contact-link:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:2px}.roofbar-selector__grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1rem;max-width:1200px;margin-left:auto;margin-right:auto}.roofbar-selector__field{flex:0 1 240px;width:min(240px,100%);max-width:240px;opacity:1;transform:translate(0);transition:opacity .28s ease,transform .28s ease;will-change:opacity,transform;text-align:center}.roofbar-selector__field--animated-in{animation:roofbar-selector-field-in .28s ease}@keyframes roofbar-selector-field-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}.roofbar-selector__field[hidden]{display:none!important}.roofbar-selector__field label{display:block;margin-bottom:.4rem;font-weight:600;text-align:center}.roofbar-selector__field select{width:100%;min-height:4.4rem;padding:.9rem 1rem;border:1px solid rgba(0,0,0,.14);border-radius:.75rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));text-align:center;text-align-last:center}.roofbar-selector__field select:disabled{opacity:.55;cursor:not-allowed}.roofbar-selector__contact-panel{max-width:760px;margin:1.25rem auto 0;padding:1.5rem;border:1px solid rgba(0,0,0,.08);border-radius:1rem;background:rgb(var(--color-background));text-align:left}.roofbar-selector__contact-panel[hidden]{display:none!important}.roofbar-selector__contact-copy{margin-bottom:1rem;text-align:center}.roofbar-selector__contact-copy p{margin:0}.roofbar-selector__contact-panel .field{margin-bottom:1rem;text-align:left}.roofbar-selector__contact-panel .field:last-of-type{margin-bottom:0}.roofbar-selector__contact-panel .field__input,.roofbar-selector__contact-panel .text-area{width:100%}.roofbar-selector__contact-panel .form-status,.roofbar-selector__contact-panel .errors,.roofbar-selector__contact-panel .default-errors{margin-bottom:1rem}.roofbar-selector__contact-submit{margin-top:1rem;text-align:center}.roofbar-selector__result{margin-top:clamp(2rem,5vh,4rem)}.roofbar-selector__result[hidden]{display:none!important}.roofbar-selector__no-result{padding:1.25rem;border:1px solid rgba(0,0,0,.08);border-radius:1rem;overflow:hidden;background:rgb(var(--color-background));text-align:center}.roofbar-selector__no-result h3{margin:0 0 .5rem}.roofbar-selector__result .roofbar-fitment-native-results{position:relative;min-width:0}.roofbar-selector__result .roofbar-fitment-native-results>.section-background{display:none}.roofbar-selector__result [data-testid=product-list]{padding:0!important;background:transparent}.roofbar-selector__result .section-resource-list,.roofbar-selector__result .section-resource-list__content,.roofbar-selector__result .resource-list,.roofbar-selector__result .resource-list__item{min-width:0}.roofbar-selector__result .section-resource-list__header,.roofbar-selector__result .section-resource-list__content:empty{display:none}.roofbar-selector__result [data-fitment-result-grid]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:0;padding:0;align-items:stretch}@media screen and (min-width:990px){.roofbar-selector__result [data-fitment-result-grid]{grid-template-columns:repeat(4,minmax(0,1fr))}}.roofbar-selector__result [data-fitment-result-grid]>*,.roofbar-selector__result [data-fitment-result-grid] .resource-list__item{min-width:0;list-style:none;display:flex;height:100%}.roofbar-selector__result [data-fitment-result-grid]>*>*,.roofbar-selector__result [data-fitment-result-grid] .resource-list__item>*{min-width:0;width:100%;flex:1 1 auto}.roofbar-selector__result product-card,.roofbar-selector__result .product-card,.roofbar-selector__result .product-grid__card,.roofbar-selector__result .product-card__container,.roofbar-selector__result .product-card__main{min-width:0;width:100%;height:100%}.roofbar-selector__result .product-card__link,.roofbar-selector__result [ref=productCardLink],.roofbar-selector__result [ref=cardGalleryLink],.roofbar-selector__result [ref=productTitleLink]{max-width:100%}.roofbar-selector__result .product-media,.roofbar-selector__result .product-media__image,.roofbar-selector__result media-gallery,.roofbar-selector__result slideshow-component,.roofbar-selector__result deferred-media{position:relative;display:block;width:100%;max-width:100%;aspect-ratio:1 / 1;overflow:hidden}.roofbar-selector__result .product-media>*,.roofbar-selector__result .product-media__image>*,.roofbar-selector__result media-gallery>*,.roofbar-selector__result slideshow-component>*,.roofbar-selector__result deferred-media>*,.roofbar-selector__result .product-media a,.roofbar-selector__result .product-media__image a,.roofbar-selector__result slideshow-slide,.roofbar-selector__result picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%!important;height:100%!important}.roofbar-selector__result .product-media img,.roofbar-selector__result .product-media__image img,.roofbar-selector__result media-gallery img,.roofbar-selector__result slideshow-component img,.roofbar-selector__result deferred-media img,.roofbar-selector__result slideshow-slide img,.roofbar-selector__result picture img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%!important;height:100%!important;min-width:100%;min-height:100%;max-width:none!important;object-fit:cover;object-position:center center}.roofbar-selector__result .product-media,.roofbar-selector__result .product-media__image,.roofbar-selector__result media-gallery,.roofbar-selector__result slideshow-component,.roofbar-selector__result deferred-media,.roofbar-selector__result picture{overflow:hidden}.roofbar-selector__result .product-media img,.roofbar-selector__result .product-media__image img,.roofbar-selector__result media-gallery img,.roofbar-selector__result slideshow-component img,.roofbar-selector__result deferred-media img,.roofbar-selector__result slideshow-slide img,.roofbar-selector__result picture img{transition:transform .35s ease;transform:scale(1);will-change:transform}.roofbar-selector__result .resource-list__item:hover .product-media img,.roofbar-selector__result .resource-list__item:hover .product-media__image img,.roofbar-selector__result .resource-list__item:hover media-gallery img,.roofbar-selector__result .resource-list__item:hover slideshow-component img,.roofbar-selector__result .resource-list__item:hover deferred-media img,.roofbar-selector__result .resource-list__item:hover slideshow-slide img,.roofbar-selector__result .resource-list__item:hover picture img{transform:scale(1.1)}.roofbar-selector__result slideshow-slide:not(:first-child){display:none!important}.roofbar-selector__result .product-media img:not(:first-of-type),.roofbar-selector__result .product-media__image img:not(:first-of-type),.roofbar-selector__result picture img:not(:first-of-type){opacity:0!important;visibility:hidden!important}.roofbar-selector__fitment-bullets{display:block;width:100%;text-align:left;font-family:var(--font-accent--family);font-size:14px;line-height:1.4;font-style:normal;font-weight:400;letter-spacing:normal;text-transform:none;text-wrap:pretty;color:rgb(var(--color-link))}.roofbar-selector__fitment-bullets.text-block{padding-top:10px}.roofbar-selector__fitment-bullets:not(.text-block){padding:10px 10px 0}.roofbar-selector__fitment-bullet-list{margin:0;padding-left:1.1rem;list-style:disc;list-style-position:outside}.roofbar-selector__fitment-bullet-list li{margin:0}.roofbar-selector__fitment-bullet-list li+li{margin-top:.4rem}.roofbar-selector__fitment-bullet-list li::marker{color:rgb(var(--color-link))}@media(prefers-reduced-motion:reduce){.roofbar-selector__field{transition:none;will-change:auto}.roofbar-selector__field--animated-in{animation:none}.roofbar-selector__result .product-media img,.roofbar-selector__result .product-media__image img,.roofbar-selector__result media-gallery img,.roofbar-selector__result slideshow-component img,.roofbar-selector__result deferred-media img,.roofbar-selector__result slideshow-slide img,.roofbar-selector__result picture img{transition:none;transform:none!important}.roofbar-selector__fitment-bullets,.roofbar-selector__fitment-bullet-list,.roofbar-selector__fitment-bullet-list li{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/roofbar-fitment-selector.css.map */
