.vgreen-lug-finder{max-width:64rem;margin:4rem auto;padding:3rem;font-family:var(--font-body-family);color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.02);border:1px solid rgba(var(--color-foreground),.1);border-radius:var(--inputs-radius, .6rem)}.vgreen-lug-finder__header{text-align:center;margin-bottom:2.5rem}.vgreen-lug-finder__title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:2.4rem;letter-spacing:.04rem;margin:0 0 .75rem}.vgreen-lug-finder__subtitle{font-size:1.4rem;color:rgba(var(--color-foreground),.7);margin:0;line-height:1.5}.vgreen-lug-finder__loading{display:none;align-items:center;justify-content:center;gap:1rem;padding:1.25rem 1.5rem;margin-bottom:1.5rem;background:rgba(var(--color-foreground),.04);border:1px solid rgba(var(--color-foreground),.12);border-radius:var(--inputs-radius, .4rem);font-size:1.3rem;color:rgba(var(--color-foreground),.75)}.vgreen-lug-finder__loading.is-visible{display:flex}.vgreen-lug-finder__loading.is-error{background:#dc32320f;border-color:#dc32324d;color:#b41e1e}.vgreen-lug-finder__spinner{width:1.6rem;height:1.6rem;border:.2rem solid rgba(var(--color-foreground),.2);border-top-color:rgb(var(--color-foreground));border-radius:50%;animation:vgreen-lug-spin .8s linear infinite;flex-shrink:0}@keyframes vgreen-lug-spin{to{transform:rotate(360deg)}}.vgreen-lug-finder__field{margin-bottom:1.5rem}.vgreen-lug-finder__label{display:block;font-weight:600;font-size:1.2rem;letter-spacing:.08rem;text-transform:uppercase;color:rgba(var(--color-foreground),.65);margin-bottom:.5rem}.vgreen-lug-finder__select,.vgreen-lug-finder__input{width:100%;padding:1.1rem 1.2rem;font-size:1.5rem;font-family:var(--font-body-family);color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.25);border-radius:var(--inputs-radius, .4rem);appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color .15s ease}.vgreen-lug-finder__select:focus,.vgreen-lug-finder__input:focus{outline:.2rem solid var(--vg-brand-green);outline-offset:.2rem;border-color:var(--vg-brand-green)}.vgreen-lug-finder__select:disabled,.vgreen-lug-finder__input:disabled{background:rgba(var(--color-foreground),.04);color:rgba(var(--color-foreground),.4);cursor:not-allowed}.vgreen-lug-finder__select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.2rem center;padding-right:3.5rem}.vgreen-lug-finder__results{display:none;margin-top:2.5rem}.vgreen-lug-finder__results.is-visible{display:block}.vgreen-lug-finder__results-title{font-family:var(--font-body-family);font-size:1.3rem;font-weight:600;letter-spacing:.1rem;text-transform:uppercase;color:rgba(var(--color-foreground),.55);margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(var(--color-foreground),.1)}.vgreen-lug-finder__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.25rem;max-height:60rem;overflow-y:auto}.vgreen-lug-finder__card{padding:1.5rem 1.75rem;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.12);border-radius:var(--inputs-radius, .4rem);transition:border-color .15s ease,box-shadow .15s ease}.vgreen-lug-finder__card:hover{border-color:rgba(var(--color-foreground),.3);box-shadow:0 .2rem .6rem rgba(var(--color-foreground),.08)}.vgreen-lug-finder__card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.25rem}.vgreen-lug-finder__card-name{font-size:1.6rem;font-weight:600;margin:0 0 .4rem;color:rgb(var(--color-foreground))}.vgreen-lug-finder__card-ref{font-size:1.25rem;color:rgba(var(--color-foreground),.6);margin:0;font-family:var(--font-body-family);letter-spacing:.04rem}.vgreen-lug-finder__card-lug{font-size:1.4rem;font-weight:600;white-space:nowrap;padding:.5rem 1rem;background:rgba(var(--color-foreground),.05);border-radius:var(--inputs-radius, .3rem)}.vgreen-lug-finder__card-lug-value{color:var(--vg-brand-green)}.vgreen-lug-finder__card-actions{display:flex;flex-wrap:wrap;gap:.75rem}.vgreen-lug-finder__cta{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-family:var(--font-body-family);font-size:1.3rem;font-weight:500;letter-spacing:.04rem;text-decoration:none;border-radius:var(--inputs-radius, .4rem);transition:background .15s ease,color .15s ease,border-color .15s ease;cursor:pointer;border:1px solid transparent}.vgreen-lug-finder__cta--primary{background:transparent;color:rgb(var(--color-foreground));border-color:rgba(var(--color-foreground),.55)}.vgreen-lug-finder__cta--primary:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.vgreen-lug-finder__cta--secondary{background:transparent;color:rgb(var(--color-foreground));border-color:rgba(var(--color-foreground),.3)}.vgreen-lug-finder__cta--secondary:hover{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04)}.vgreen-lug-finder__cta-arrow{display:inline-block;transition:transform .15s ease}.vgreen-lug-finder__cta:hover .vgreen-lug-finder__cta-arrow{transform:translate(.2rem)}.vgreen-lug-finder__empty{padding:2rem 1.5rem;text-align:center;color:rgba(var(--color-foreground),.6);font-size:1.4rem;background:rgba(var(--color-foreground),.03);border:1px dashed rgba(var(--color-foreground),.15);border-radius:var(--inputs-radius, .4rem)}.vgreen-lug-finder__disclaimer{font-size:1.2rem;color:rgba(var(--color-foreground),.55);text-align:center;margin:2.5rem 0 0;line-height:1.5;font-style:italic}@media screen and (max-width:749px){.vgreen-lug-finder{margin:2rem auto;padding:1.75rem 1.5rem;border-radius:var(--inputs-radius, .4rem)}.vgreen-lug-finder__title{font-size:2rem}.vgreen-lug-finder__card-header{flex-direction:column;gap:.5rem}.vgreen-lug-finder__card-actions{flex-direction:column}.vgreen-lug-finder__cta{width:100%;justify-content:center}}.vgreen-lug-finder__preset{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.2rem;background:rgba(var(--color-foreground),.04);border:.1rem solid rgba(var(--color-foreground),.15);border-radius:var(--inputs-radius, .4rem);font-size:1.5rem}.vgreen-lug-finder__preset[hidden]{display:none}.vgreen-lug-finder__preset-value{font-weight:600;color:rgb(var(--color-foreground))}.vgreen-lug-finder__preset-switch{background:none;border:none;padding:0;font-size:1.25rem;color:var(--vg-brand-green);cursor:pointer;text-decoration:underline;font-family:var(--font-body-family)}.vgreen-lug-finder__preset-switch:hover{color:var(--vg-brand-green-mid)}
/*# sourceMappingURL=/cdn/shop/t/14/assets/vgreen-lug-width-finder.css.map */