.change-car{--change-car-primary: #003971;--change-car-action: #006cd6;--change-car-surface: #ffffff;--change-car-muted: #5d6875;--change-car-border: #c8d1da}html.change-car-modal-open,html.change-car-modal-open body{overflow:hidden;overscroll-behavior:none}.change-car__current{margin:0;padding:1.4rem .2rem .2rem;text-align:center}.change-car__vehicle{margin:0;font-size:1.4rem;font-weight:500;letter-spacing:.025em;line-height:1.4}.change-car__vehicle strong{font-weight:700}.change-car__trigger,.change-car__fallback{min-height:4.4rem;margin:-.8rem auto 0;padding:1rem 1.2rem;border:0;background:transparent;color:var(--change-car-action);font:inherit;font-size:1.35rem;font-weight:600;line-height:1.5;text-decoration:underline;text-underline-offset:.2rem;cursor:pointer;touch-action:manipulation}.change-car__fallback{display:inline-flex;align-items:center;justify-content:center}.change-car__dialog{width:min(calc(100% - 3.2rem),38rem);max-width:none;max-height:min(90dvh,68rem);margin:auto;padding:0;overflow:visible;border:0;border-radius:1.6rem;background:var(--change-car-surface);color:#17212b;box-shadow:0 2.4rem 7rem #0019334d}.change-car__dialog:not([open]){display:none}.change-car__dialog::backdrop{background:#001f3f9e}.change-car__panel{position:relative;padding:3rem 2.2rem 2.4rem}.change-car__close{position:absolute;top:.8rem;right:.8rem;display:grid;width:4.4rem;height:4.4rem;padding:1rem;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--change-car-primary);cursor:pointer;touch-action:manipulation}.change-car__close svg{width:2.2rem;height:2.2rem}.change-car__title{margin:0 4rem .8rem 0;color:var(--change-car-action);font-size:2.6rem;line-height:1.15}.change-car__intro{margin:0 0 2rem;color:var(--change-car-muted);font-size:1.45rem;line-height:1.5}.change-car__field{margin-top:1.2rem}.change-car__field label{display:block;margin-bottom:.6rem;color:var(--change-car-primary);font-size:1.35rem;font-weight:700}.change-car__field select{display:block;width:100%;min-height:5.6rem;padding:0 5.2rem 0 1.6rem;border:1.5px solid var(--change-car-border);border-radius:1rem;-webkit-appearance:none;appearance:none;background-color:#fff;background-image:none;color:#17212b;font:inherit;font-size:1.6rem;line-height:1.35;box-shadow:0 .1rem .2rem #00264d0d;cursor:pointer;touch-action:manipulation}.change-car__select-wrap{position:relative;display:block}.change-car__select-wrap:after{position:absolute;top:50%;right:1.9rem;width:1rem;height:1rem;border-right:.2rem solid var(--change-car-primary);border-bottom:.2rem solid var(--change-car-primary);content:"";pointer-events:none;transform:translateY(-70%) rotate(45deg);transform-origin:center}.change-car__field select:disabled{background-color:#f2f5f8;color:#77828e;cursor:not-allowed;opacity:1}.change-car__select-wrap:has(select:disabled):after{border-color:#77828e}.change-car__field select:focus-visible{border-color:var(--change-car-action);outline:.3rem solid rgba(0,108,214,.22);outline-offset:.2rem}.change-car__status,.change-car__error{min-height:2rem;margin:1rem 0 0;font-size:1.3rem;line-height:1.45}.change-car__status{color:var(--change-car-muted)}.change-car__error{color:#a51d2d}.change-car__submit{width:100%;min-height:5rem;margin-top:1.4rem;padding:1rem 1.6rem;border:0;border-radius:2.6rem;background:var(--change-car-action);color:#fff;font:inherit;font-size:1.55rem;font-weight:700;cursor:pointer;box-shadow:0 .8rem 1.8rem #006cd640;touch-action:manipulation}.change-car__submit:disabled{background:#aab5c0;box-shadow:none;cursor:not-allowed}.change-car__help{display:block;min-height:4.4rem;padding:1.2rem 0 0;color:var(--change-car-primary);font-size:1.35rem;font-weight:600;text-align:center;text-underline-offset:.2rem}.change-car :focus-visible{outline:3px solid var(--change-car-action);outline-offset:2px}@media screen and (min-width:768px){[data-change-car-modal]{display:none}}@media(prefers-reduced-motion:no-preference){.change-car__dialog[open]{animation:change-car-enter .18s ease-out}@keyframes change-car-enter{0%{opacity:0;transform:translateY(1rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}}@media(prefers-reduced-motion:reduce){.change-car__dialog,.change-car__submit{scroll-behavior:auto;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/change-car-modal.css.map */
