.co-touch-dialog svg,.co-touch-config svg,.co-touch-added svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.co-touch-button{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:54px;border:1px solid transparent;border-radius:999px;padding:15px 22px;background:#1555fc;color:#fff;font:700 15px/1.4 Open Sans,sans-serif;text-align:left;cursor:pointer;margin:12px 0 0}.co-touch-button:hover{background:#093dc1}.co-touch-secondary{background:transparent;border-color:#b8cadc;color:#10243a}.co-touch-secondary:hover{background:#e2ebf6}.co-touch-button:disabled{opacity:.55;cursor:wait}.co-touch-link{display:inline-flex;gap:12px;align-items:center;min-height:44px;padding:12px 0;border:0;background:transparent;color:#1555fc;cursor:pointer;font:600 15px/1.5 Open Sans,sans-serif;text-align:left}.co-touch-link:hover{text-decoration:underline;text-underline-offset:4px}.co-touch-method{border:0;padding:0;margin:24px 0;min-width:0}.co-touch-method legend{font-weight:700;margin-bottom:14px}.co-touch-method label{display:flex;gap:12px;align-items:center;padding:12px 0;cursor:pointer}.co-touch-method input{width:20px;height:20px;accent-color:#1555fc;flex:none}.co-touch-location{display:grid;gap:8px;font-weight:600;font-size:15px}.co-touch-location select{width:100%;min-height:50px;padding:10px 14px;border:1px solid #b8cadc;border-radius:10px;background:#fff;color:#10243a;font:400 16px Open Sans,sans-serif}.co-touch-error{color:#a32525;font-size:15px;line-height:1.5}.co-touch-note{font-size:14px;line-height:1.5;color:#506278}.co-touch-config :focus-visible{outline:3px solid #1555fc;outline-offset:4px}.co-touch-config ::selection{background:#b7d0ff;color:#10243a}.co-touch-config{background:#f1f5fa;color:#10243a;padding:56px 24px 88px}.co-touch-config-wrap{max-width:1120px;margin:auto}.co-touch-config h1{font:700 clamp(32px,4vw,54px)/1.1 Gilroy,sans-serif;letter-spacing:-.025em;margin:28px 0 16px}.co-touch-config h2{font:700 28px/1.2 Gilroy,sans-serif;margin:0 0 24px}.co-touch-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:40px}.co-touch-config-grid aside{background:#fff;border-radius:16px;padding:28px;align-self:start}.co-touch-config-grid ul{list-style:none;padding:0;margin:0}.co-touch-config-grid li{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #d3dfeb;font-size:15px}.co-touch-config-grid li strong{white-space:nowrap;font-variant-numeric:tabular-nums}.co-touch-total{display:flex;justify-content:space-between;gap:16px;padding:24px 0;font-weight:700}.co-touch-config-extra{border-top:1px solid #b8cadc;padding-top:28px;margin-top:32px}.co-touch-config-extra>div{display:flex;gap:12px;align-items:center}.co-touch-config-extra svg{color:#1555fc}.co-touch-added{display:flex;gap:10px;align-items:center;font-size:15px!important;color:#1555fc!important}@media(max-width:640px){.co-touch-config-grid{grid-template-columns:1fr;gap:32px}.co-touch-config{padding:28px 20px 56px}.co-touch-config-grid aside{padding:24px}.co-touch-config h1{font-size:34px}}.co-touch-method label strong{margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums}.co-touch-dialog,.version-two dialog.co-touch-dialog:not(#nav-mobile){--co-touch-ink:#f6f9ff;--co-touch-muted:#bdcfe1;--co-touch-blue:#1954ff;--co-touch-accent:#a7caff;--co-touch-line:#a4c5e333;--co-touch-panel:linear-gradient(130deg,#34536dbb,#10243ae6);box-sizing:border-box;width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid var(--co-touch-line);border-radius:23px;background:radial-gradient(ellipse at 76% 0%,#234f78 0,transparent 43%),linear-gradient(160deg,#102b47,#071727 68%);color:var(--co-touch-ink);color-scheme:dark;font:400 14px/1.5 var(--body-font,"Open Sans",sans-serif);overflow:auto;overscroll-behavior:contain;scrollbar-color:#6b8da9 #071727}.co-touch-dialog *{box-sizing:border-box}.co-touch-dialog::backdrop{background:#061424a6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.co-touch-body{padding:32px}.co-touch-close{position:absolute;right:12px;top:12px;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--co-touch-muted);cursor:pointer}.co-touch-close svg{width:20px;height:20px}.co-touch-close:hover{background:#a4c5e312;color:var(--co-touch-ink)}.co-touch-heading{display:flex;align-items:flex-start;gap:14px;padding-right:20px}.co-touch-symbol{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:#a3c5ec16;color:var(--co-touch-accent)}.co-touch-symbol--close{background:#aa252526;color:#ffc6c6}.co-touch-symbol--loading svg{animation:co-touch-spin 1s linear infinite}.co-touch-body h2{font:600 27px/1.15 Gilroy,sans-serif;letter-spacing:-.025em;text-wrap:balance;margin:0;color:var(--co-touch-ink)}.co-touch-heading p{font-size:14px;line-height:1.5;margin:8px 0 0;color:var(--co-touch-muted)}.co-touch-vehicle{display:flex;align-items:center;gap:20px;margin:26px 0 20px;padding:16px 0;border-block:1px solid var(--co-touch-line)}.co-touch-vehicle img{display:block;width:124px;height:78px;object-fit:contain;flex:none}.co-touch-vehicle>div{min-width:0}.co-touch-vehicle strong{display:block;font-size:15px;line-height:1.4;font-weight:650;overflow-wrap:anywhere}.co-touch-vehicle span{display:block;font-size:12px;color:var(--co-touch-muted);margin-top:5px}.co-touch-install-status{display:flex;align-items:center;gap:12px;margin:20px 0}.co-touch-install-status>svg,.co-touch-fitment>svg{color:var(--co-touch-accent);width:20px;height:20px}.co-touch-install-status strong{display:block;font-size:14px;font-weight:650}.co-touch-install-status small{display:block;font-size:12px;color:var(--co-touch-muted);margin-top:3px}.co-touch-body .co-touch-fitment{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.5;color:var(--co-touch-muted);margin:16px 0}.co-touch-actions{display:grid;gap:10px;margin-top:26px}.co-touch-dialog .co-touch-button{gap:12px;min-height:53px;margin:0;padding:14px 20px;font-size:14px;font-weight:650;background:var(--co-touch-blue);border-color:transparent}.co-touch-dialog .co-touch-button>span{flex:1;min-width:0}.co-touch-dialog .co-touch-button>svg{width:20px;height:20px}.co-touch-dialog .co-touch-button>svg:last-child{width:18px;height:18px}.co-touch-dialog .co-touch-button small{display:block;color:inherit;font-size:11px;line-height:1.5;font-weight:400;margin-top:3px}.co-touch-dialog .co-touch-button:hover:enabled{background:#3267ff}.co-touch-dialog .co-touch-secondary{border-color:var(--co-touch-line);background:var(--co-touch-panel);color:var(--co-touch-ink)}.co-touch-dialog .co-touch-secondary small{color:var(--co-touch-muted)}.co-touch-dialog .co-touch-secondary:hover:enabled{border-color:#6b8da9;background:linear-gradient(130deg,#285982e6,#132e4bf2)}.co-touch-dialog .co-touch-button:disabled{opacity:1;background:#1d364d;color:#9cb1c4;border-color:var(--co-touch-line)}.co-touch-dialog .co-touch-link{font-size:13px;line-height:1.5;gap:10px;justify-content:center;color:var(--co-touch-accent);width:100%;padding:10px 0}.co-touch-dialog .co-touch-link>svg{width:17px;height:17px}.co-touch-dialog .co-touch-link:disabled{color:var(--co-touch-muted);cursor:wait}.co-touch-dialog[data-view=picker],.version-two dialog.co-touch-dialog[data-view=picker]:not(#nav-mobile){width:min(760px,calc(100% - 32px));overflow:hidden}.co-touch-dialog[data-view=picker] .co-touch-body{max-height:calc(100dvh - 34px);overflow:auto;overscroll-behavior:contain}.co-touch-dialog[data-view=picker] .co-touch-close{z-index:1;background:#102b47}.co-touch-dialog[data-view=picker] .co-touch-close:hover{background:#285982}.co-touch-dialog .n-vehicle-search{margin:0;padding:0;border-radius:0;background:none;animation:none}.co-touch-dialog .vs-selection:empty{display:none}.co-touch-dialog .vs-selection,.co-touch-dialog .n-search-title{padding-right:36px}.co-touch-dialog .n-search-title{color:var(--co-touch-ink)}.co-touch-dialog .vs-choices{scrollbar-color:#6b8da9 #071727}.co-touch-dialog .vs-choice{cursor:pointer}.co-touch-dialog .vs-help{color:var(--co-touch-accent)}.co-touch-dialog .co-touch-install-choices{display:grid;gap:10px;margin:22px 0 0}.co-touch-install-choices legend{font-size:13px;font-weight:650;margin-bottom:12px}.co-touch-dialog .co-touch-install-choices label{gap:12px;border:1px solid var(--co-touch-line);border-radius:15px;padding:15px;background:var(--co-touch-panel);min-height:58px;font-size:13px}.co-touch-dialog .co-touch-install-choices label:hover{border-color:#6b8da9}.co-touch-dialog .co-touch-install-choices label:has(input:checked){border-color:#8cbaff;box-shadow:inset 0 0 0 1px #8cbaff66;background:linear-gradient(130deg,#285982e6,#132e4bf2)}.co-touch-dialog .co-touch-install-choices label:has(input:checked)>svg{color:var(--co-touch-accent)}.co-touch-install-choices label>svg{width:20px;height:20px;color:var(--co-touch-muted)}.co-touch-install-choices label>span{min-width:0}.co-touch-dialog .co-touch-install-choices input{-webkit-appearance:auto;appearance:auto;width:19px;height:19px;min-width:19px;min-height:19px;margin:0;padding:0;border:initial;box-shadow:none;accent-color:#9bc5ff}.co-touch-install-choices strong{font-size:14px;font-weight:650}.co-touch-body .co-touch-error{padding:14px 16px;border:1px solid #ffc6c666;border-radius:14px;background:#aa252526;color:#ffc6c6;font-size:13px;line-height:1.6;margin:18px 0 0;overflow-wrap:anywhere}.co-touch-dialog :focus-visible{outline:3px solid #bad7ff;outline-offset:4px}.co-touch-dialog #co-touch-title:focus-visible{outline:none}.co-touch-dialog ::selection{background:var(--co-touch-accent);color:#071727}@keyframes co-touch-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.co-touch-symbol--loading svg{animation:none}}@media(max-width:600px){.co-touch-dialog,.version-two dialog.co-touch-dialog:not(#nav-mobile){width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:23px}.co-touch-dialog[data-view=picker],.version-two dialog.co-touch-dialog[data-view=picker]:not(#nav-mobile){width:calc(100% - 24px)}.co-touch-dialog[data-view=picker] .co-touch-body{max-height:calc(100dvh - 26px)}.co-touch-body{padding:28px 22px 22px}.co-touch-heading{gap:12px;padding-right:14px}.co-touch-symbol{width:36px;height:36px}.co-touch-symbol svg{width:20px;height:20px}.co-touch-body h2{font-size:24px}.co-touch-heading p{font-size:13px}.co-touch-vehicle{gap:14px;margin-top:24px}.co-touch-vehicle img{width:105px;height:70px}.co-touch-vehicle strong{font-size:14px}.co-touch-dialog .co-touch-button{padding:13px 17px;gap:10px}.co-touch-dialog .co-touch-install-choices label{gap:10px;padding:14px 12px}}@media(max-width:360px){.co-touch-body{padding-inline:18px}.co-touch-install-choices label>svg{display:none}}@media(forced-colors:active){.co-touch-dialog .co-touch-button,.co-touch-dialog .co-touch-install-choices label{border:1px solid ButtonText}.co-touch-dialog .co-touch-install-choices label:has(input:checked){outline:2px solid Highlight}}.co-touch-icon{flex-shrink:0}
/*# sourceMappingURL=/cdn/shop/t/7/assets/co-touchscreen-flow.css.map */
