.qs-vc{background-color:var(--qs-surface-page);scroll-margin-top:10rem}.qs-vc__card{display:grid;grid-template-columns:minmax(0,26rem) minmax(0,1fr);align-items:center;gap:var(--qs-sp-6) var(--qs-sp-7);border-radius:8px;background-color:var(--qs-white)}.qs-vc__intro{position:relative;display:flex;align-items:flex-start;gap:var(--qs-sp-4);padding-right:var(--qs-sp-7)}.qs-vc__intro:after{content:"";position:absolute;top:50%;right:0;width:1px;height:calc(100% + var(--qs-sp-7));transform:translateY(-50%);background-color:var(--qs-gray-200)}.qs-vc__icon-disc{flex-shrink:0;display:grid;place-items:center;width:5.2rem;height:5.2rem;border-radius:50%;background-color:#0b2545;color:var(--qs-white)}.qs-vc__icon{width:3.2rem;height:3.2rem}.qs-vc__heading{margin:0;font-size:1.9rem;line-height:1.25}.qs-vc__subheading{margin:var(--qs-sp-2) 0 0;font-size:var(--qs-fs-small);line-height:1.5;color:var(--qs-gray-600)}.qs-vc__form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:var(--qs-sp-4)}.qs-vc__field{display:flex;flex-direction:column;gap:var(--qs-sp-2);min-width:0}.qs-vc__label{font-size:var(--qs-fs-small);color:var(--qs-gray-600)}.qs-vc__select-wrap{position:relative;display:block}.qs-vc__select{appearance:none;-webkit-appearance:none;width:100%;height:var(--qs-control-h);padding:0 4rem 0 1.4rem;font-family:var(--qs-font-body);font-size:var(--qs-fs-body);color:var(--qs-gray-900);background-color:#fbfcfd;border:1px solid var(--qs-gray-200);border-radius:var(--qs-radius-control);cursor:pointer;transition:border-color var(--qs-transition),box-shadow var(--qs-transition)}.qs-vc__select:disabled{background-color:var(--qs-gray-100);color:var(--qs-gray-400);cursor:not-allowed}.qs-vc__select:focus-visible{outline:none;border-color:var(--qs-blue-600);box-shadow:var(--qs-focus-ring)}.qs-vc__caret{position:absolute;top:50%;right:1.4rem;width:1.6rem;height:1.6rem;transform:translateY(-50%);color:var(--qs-gray-600);pointer-events:none}.qs-vc__submit{white-space:nowrap}.qs-vc__submit:disabled{background-color:var(--qs-gray-200);border-color:var(--qs-gray-200);color:var(--qs-gray-400);cursor:not-allowed}.qs-vc__note{grid-column:1 / -1;display:flex;align-items:center;justify-content:flex-start;gap:var(--qs-sp-2);margin:0;font-size:var(--qs-fs-small);color:var(--qs-gray-600)}.qs-vc__note-icon{width:1.6rem;height:1.6rem;flex-shrink:0;color:var(--qs-blue-600)}.qs-vc__result{grid-column:1 / -1;display:flex;align-items:center;gap:var(--qs-sp-4);padding:var(--qs-sp-5);border:1px solid var(--qs-gray-200);border-radius:var(--qs-radius-card)}.qs-vc__result[hidden]{display:none}.qs-vc__result--compatible{background-color:var(--qs-blue-50);border-color:var(--qs-blue-50)}.qs-vc__result--adapter{background-color:#fdf6e6;border-color:#f2dfb0}.qs-vc__result--unknown,.qs-vc__result--error{background-color:var(--qs-gray-100)}.qs-vc__result-icon{flex-shrink:0;display:grid;place-items:center;width:3.2rem;height:3.2rem}.qs-vc__result-icon svg{width:100%;height:100%}.qs-vc__result--compatible .qs-vc__result-icon{color:var(--qs-blue-600)}.qs-vc__result--adapter .qs-vc__result-icon{color:#b07d12}.qs-vc__result--unknown .qs-vc__result-icon,.qs-vc__result--error .qs-vc__result-icon{color:var(--qs-gray-600)}.qs-vc__result-body{flex:1 1 auto;min-width:0}.qs-vc__result-title{margin:0;font-family:var(--qs-font-heading);font-size:1.7rem;font-weight:700;line-height:1.3;color:var(--qs-navy-900)}.qs-vc__result-vehicle{margin:.2rem 0 0;font-size:var(--qs-fs-small);font-weight:700;color:var(--qs-blue-600)}.qs-vc__result-text{margin:var(--qs-sp-2) 0 0;font-size:var(--qs-fs-small);line-height:1.5;color:var(--qs-gray-600)}.qs-vc__result-actions{flex-shrink:0;display:flex;flex-direction:column;gap:var(--qs-sp-2)}.qs-vc__result-cta{flex-shrink:0;white-space:nowrap}@media screen and (max-width:1099px){.qs-vc__card{grid-template-columns:minmax(0,1fr);gap:var(--qs-sp-5)}.qs-vc__intro{padding-right:0}.qs-vc__intro:after{display:none}}@media screen and (max-width:749px){.qs-vc__card{gap:var(--qs-sp-4)}.qs-vc__form{grid-template-columns:minmax(0,1fr);gap:var(--qs-sp-3)}.qs-vc__submit{width:100%}.qs-vc__icon-disc{width:4.4rem;height:4.4rem}.qs-vc__icon{width:2.4rem;height:2.4rem}.qs-vc__result{flex-wrap:wrap;padding:var(--qs-sp-4)}.qs-vc__result-actions{flex:0 0 100%;width:100%}.qs-vc__result-cta{width:100%}}@media(prefers-reduced-motion:reduce){.qs-vc__select{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/qs-vehicle-checker.css.map */