.c-vs{position:relative;display:block;width:100%;max-width:420px}.c-vs__sticky-sentinel{height:1px}.c-vs__trigger-row{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .35s ease,opacity .3s ease}.c-vs.is-wizard-open .c-vs__trigger-row{grid-template-rows:0fr;opacity:0}.c-vs__trigger-row-inner{overflow:hidden;min-height:0}.c-vs__trigger{width:auto;cursor:pointer}@media screen and (max-width:479px){.c-vs__trigger{width:100%}}.c-vs__sticky-trigger[hidden],.c-vs__sticky-trigger{display:none}@media screen and (min-width:990px){.c-vs__sticky-trigger{display:none!important}}@media screen and (max-width:989px){.c-vs__sticky-trigger:not([hidden]){position:fixed;right:0;bottom:0;left:0;z-index:20;width:100%;max-width:none;display:flex;align-items:center;justify-content:center;font-size:1.6rem;padding-top:1.4rem;padding-right:2rem;padding-left:2rem;padding-bottom:max(1.4rem,env(safe-area-inset-bottom));border-radius:1rem 1rem 0 0;box-shadow:0 -12px 28px #0000004d;animation:c-vs-sticky-in .3s ease both}@supports (-webkit-touch-callout: none){.c-vs__sticky-trigger:not([hidden]){height:6.4rem;padding-bottom:1.4rem}}}body[class*=overflow-hidden-] .c-vs__sticky-trigger:not([hidden]){opacity:0;pointer-events:none;transition:opacity .15s ease}@keyframes c-vs-sticky-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.c-vs__wizard{opacity:0;transform:translateY(-10px);transition:opacity .35s ease,transform .35s ease;padding:1.8rem;background-color:#111;border:1px solid rgba(255,255,255,.15);border-radius:1.4rem}.c-vs__wizard.is-visible{opacity:1;transform:translateY(0)}@media screen and (min-width:990px){.c-vs__wizard{position:absolute;top:0;left:0;width:100%;max-width:500px;z-index:2;padding:2.2rem;box-shadow:0 24px 50px #0009}}.c-vs__wizard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.c-vs__breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;min-width:0;font-family:var(--font-body-family);font-size:1.35rem;line-height:1.4}.c-vs__crumb{display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap}.c-vs__crumb.is-done{font-weight:700;color:var(--accent)}.c-vs__crumb.is-done svg{width:1.5rem;height:1.5rem;flex-shrink:0}.c-vs__crumb.is-active{color:#ffffff80;font-weight:500}.c-vs__crumb-sep{color:#ffffff4d}.c-vs__reset{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:3.4rem;height:3.4rem;padding:0;background:#ffffff0d;border:1px solid rgba(255,255,255,.16);border-radius:50%;color:#ffffffb3;cursor:pointer;transition:border-color .2s ease,color .2s ease,transform .2s ease}.c-vs__reset svg{width:1.7rem;height:1.7rem}.c-vs__reset:hover{border-color:var(--accent);color:var(--accent);transform:rotate(-45deg)}.c-vs__stage{position:relative}.c-vs__stage>*{transition:opacity .2s ease,transform .2s ease}.c-vs__stage:not(.is-leaving):not(.is-entering)>*{opacity:1;transform:translateY(0)}.c-vs__stage.is-leaving>*{opacity:0;transform:translateY(-8px)}.c-vs__stage.is-entering>*{opacity:0;transform:translateY(8px)}.c-vs__field{position:relative}.c-vs__field-btn{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;width:100%;padding:1.7rem 3.4rem 1.7rem 1.8rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.18);border-radius:1rem;color:#fff;font-family:var(--font-body-family);text-align:left;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.c-vs__field-btn:hover{border-color:var(--accent);background:#ffffff14}.c-vs__field.is-open .c-vs__field-btn{border-color:var(--accent);box-shadow:0 12px 32px #00000059}.c-vs__field-label{font-family:var(--font-body-family);font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80}.c-vs__field-value{font-size:1.8rem;font-weight:800;color:#fff;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c-vs__chevron{position:absolute;top:50%;right:1.2rem;width:1.8rem;height:1.8rem;color:#ffffff8c;transform:translateY(-50%);transition:transform .2s ease,color .2s ease;pointer-events:none}.c-vs__field.is-open .c-vs__chevron{color:var(--accent);transform:translateY(-50%) rotate(180deg)}.c-vs__listbox{display:none;position:relative;margin:1rem 0 0;padding:.8rem;list-style:none;max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent;background:#0e0e0ef7;border:1px solid rgba(255,255,255,.16);border-radius:1rem;box-shadow:0 16px 32px #00000059}.c-vs__listbox::-webkit-scrollbar{width:6px}.c-vs__listbox::-webkit-scrollbar-thumb{background-color:#ffffff40;border-radius:999px}.c-vs__field.is-open .c-vs__listbox{display:block}.c-vs__option{display:flex;align-items:center;min-height:2.6rem;padding:1.4rem 1.6rem;border-radius:.7rem;color:#fff;font-family:var(--font-body-family);font-size:1.6rem;font-weight:600;line-height:1.3;cursor:pointer;transition:background-color .15s ease,color .15s ease}.c-vs__option:hover,.c-vs__option:focus-visible{background-color:var(--accent);color:var(--accent-contrast);font-weight:700;outline:none}.c-vs__skeleton-bar{height:6rem;border-radius:1rem;background:linear-gradient(90deg,#ffffff0f 25%,#ffffff29 37%,#ffffff0f 63%);background-size:400% 100%;animation:c-vs-shimmer 1.4s ease infinite}@keyframes c-vs-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.c-vs__go-btn{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;min-height:6.4rem;padding:0 2rem;background-color:var(--accent);color:var(--accent-contrast);border:none;border-radius:1rem;font-family:var(--font-body-family);font-weight:800;text-transform:uppercase;letter-spacing:.03em;font-size:1.5rem;text-decoration:none;cursor:pointer;transition:filter .2s ease,transform .2s ease}.c-vs__go-btn svg{width:1.8rem;height:1.8rem;flex-shrink:0}.c-vs__go-btn:hover{filter:brightness(1.08);transform:translate(3px)}.c-vs__go-btn.is-loading{position:relative;cursor:default}.c-vs__go-btn.is-loading:hover{filter:none;transform:none}.c-vs__go-btn.is-loading>*{opacity:0}.c-vs__go-btn.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:2rem;height:2rem;margin-top:-1rem;margin-left:-1rem;border:.25rem solid rgba(var(--color-foreground, 20, 16, 11),.3);border-top-color:var(--accent-contrast);border-radius:50%;animation:c-vs-spin .7s linear infinite}@keyframes c-vs-spin{to{transform:rotate(360deg)}}.c-vs__status{display:none;margin:1rem 0 0;font-family:var(--font-body-family);font-size:1.2rem;color:#ff9c9c}.c-vs.is-error .c-vs__status{display:block}.c-vs.is-error .c-vs__stage{opacity:.5;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/119/assets/c-vehicle-selector.css.map */
