[data-ew-finish-picker]{width:100%}[data-ew-finish-open]{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:transparent;border:1px solid var(--ew-steel);color:var(--ew-paper);font:inherit;font-size:14px;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:border-color .15s,background .15s}[data-ew-finish-open]:hover{border-color:var(--accent);background:#ff38380a}[data-ew-finish-open]:after{content:"\203a";font-size:22px;color:var(--ew-aluminum);transform:translateY(-1px)}[data-ew-finish-selected]{display:flex;align-items:center;gap:14px;padding:10px 14px;background:var(--ew-graphite);border:1px solid var(--ew-steel)}[data-ew-finish-selected] .ew-finish-swatch{width:64px;height:64px;border-radius:50%;background:var(--ew-black);border:1px solid var(--ew-steel);flex-shrink:0;object-fit:cover}[data-ew-finish-selected] .ew-finish-meta{flex:1;min-width:0}[data-ew-finish-selected] .ew-finish-name{display:block;color:var(--ew-white);font-size:16px;letter-spacing:.02em;line-height:1.25}[data-ew-finish-selected] .ew-finish-cat{display:block;color:var(--ew-aluminum);font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-top:4px}[data-ew-finish-change]{background:transparent;border:none;color:var(--accent-text);font:inherit;font-size:11px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;padding:6px 8px}[data-ew-finish-change]:hover{text-decoration:underline}.ew-finish-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;z-index:9998;display:none;align-items:stretch;justify-content:center;padding:0}.ew-finish-modal[data-open=true]{display:flex}.ew-finish-modal__dialog{background:var(--ew-black);border:1px solid var(--ew-steel);width:100%;max-width:1100px;max-height:100vh;display:flex;flex-direction:column;overflow:hidden}@media(min-width:720px){.ew-finish-modal{padding:32px;align-items:center}.ew-finish-modal__dialog{max-height:calc(100vh - 64px)}}.ew-finish-modal__head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--ew-steel);flex-shrink:0}.ew-finish-modal__title{color:var(--ew-white);font-size:18px;text-transform:uppercase;letter-spacing:.08em;margin:0}.ew-finish-modal__close{background:transparent;border:none;color:var(--ew-paper);font-size:26px;line-height:1;cursor:pointer;padding:4px 8px}.ew-finish-modal__close:hover{color:var(--accent)}.ew-finish-modal__filters{display:flex;flex-wrap:wrap;gap:8px;padding:14px 24px;border-bottom:1px solid var(--ew-steel);align-items:center;flex-shrink:0}.ew-finish-chip{background:transparent;border:1px solid var(--ew-steel);color:var(--ew-paper);font:inherit;font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:7px 14px;cursor:pointer;transition:all .12s;white-space:nowrap}.ew-finish-chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.ew-finish-chip:hover:not([aria-pressed=true]){border-color:var(--accent);color:var(--ew-white)}.ew-finish-search{margin-left:auto;background:var(--ew-graphite);border:1px solid var(--ew-steel);color:var(--ew-white);padding:7px 12px;font:inherit;font-size:13px;min-width:200px}.ew-finish-search::placeholder{color:var(--ew-aluminum)}.ew-finish-search:focus{outline:none;border-color:var(--accent)}.ew-finish-modal__body{flex:1;overflow-y:auto;padding:20px 24px}.ew-finish-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media(min-width:720px){.ew-finish-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:960px){.ew-finish-grid{grid-template-columns:repeat(4,1fr)}}.ew-finish-card{position:relative;background:var(--ew-graphite);border:3px solid transparent;outline:1px solid var(--ew-steel);outline-offset:-3px;cursor:pointer;transition:outline-color .12s;text-align:left;padding:0;font:inherit;color:var(--ew-paper);display:flex;flex-direction:column}.ew-finish-card:hover{outline-color:var(--ew-paper)}.ew-finish-card[aria-selected=true]{border-color:var(--accent);outline:none}.ew-finish-card[data-hidden=true]{display:none}.ew-finish-card__img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;background:var(--ew-black)}.ew-finish-card__info{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:#000000b8;border:1px solid rgba(255,255,255,.18);color:var(--ew-white);font-size:13px;cursor:help;display:flex;align-items:center;justify-content:center;font-weight:600;font-style:italic}.ew-finish-card__info:hover{background:var(--accent);color:var(--on-accent)}.ew-finish-card__check{position:absolute;top:8px;left:8px;width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:none;align-items:center;justify-content:center;font-size:16px;font-weight:700}.ew-finish-card[aria-selected=true] .ew-finish-card__check{display:flex}.ew-finish-card__name{padding:10px 12px;color:var(--ew-white);font-size:13px;letter-spacing:.02em;line-height:1.3}.ew-finish-tooltip{position:absolute;z-index:2;background:var(--ew-black);border:1px solid var(--accent);color:var(--ew-paper);font-size:12px;line-height:1.45;padding:10px 12px;max-width:260px;pointer-events:none;opacity:0;transition:opacity .12s;text-transform:none;letter-spacing:.01em;box-shadow:0 8px 24px #0009}.ew-finish-card__info:hover~.ew-finish-tooltip,.ew-finish-card__info:focus+.ew-finish-tooltip{opacity:1}.ew-finish-modal__foot{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--ew-steel);background:var(--ew-graphite);flex-shrink:0}.ew-finish-modal__count{margin-right:auto;color:var(--ew-aluminum);font-size:11px;text-transform:uppercase;letter-spacing:.1em;align-self:center}body[data-ew-finish-modal-open=true]{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/2/assets/wheel-finish-picker.css.map */