.race-cz{display:block;margin-block:1.25rem}.race-cz__head{margin-bottom:1rem}.race-cz__h{margin:0;font-family:var(--font-heading--family, inherit);font-size:22px;line-height:1.25;letter-spacing:-.01em}.race-cz__choice{border:0;margin:0 0 1.25rem;padding:0}.race-cz__choice legend{padding:0;margin:0 0 .625rem;font-size:.875rem;font-weight:600}.race-cz__opts{display:grid;gap:.625rem;grid-template-columns:1fr}@media(min-width:30rem){.race-cz__opts{grid-template-columns:1fr 1fr}}.race-cz__opt{position:relative;display:flex;gap:.625rem;align-items:flex-start;min-height:44px;padding:.875rem .9375rem;border:1px solid var(--race-mist);border-radius:6px;background:var(--race-ground);cursor:pointer}.race-cz__opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.race-cz__opt:has(input:checked){border-width:2px;border-color:var(--race-ink);padding:calc(.875rem - 1px) calc(.9375rem - 1px)}.race-cz__opt:has(input:focus-visible){outline:var(--focus-outline-width, 2px) solid var(--race-ink);outline-offset:2px}.race-cz__tick{flex:0 0 auto;width:1.125rem;height:1.125rem;margin-top:.1rem;border:1.5px solid var(--race-mist);border-radius:50%;display:grid;place-items:center}.race-cz__opt:has(input:checked) .race-cz__tick{border-color:var(--race-ink);background:var(--race-ink)}.race-cz__tick:after{content:"";width:.4rem;height:.22rem;border-left:1.5px solid var(--color-background, #fff);border-bottom:1.5px solid var(--color-background, #fff);rotate:-45deg;translate:0 -.06em;opacity:0}.race-cz__opt:has(input:checked) .race-cz__tick:after{opacity:1}.race-cz__opt-t{display:block;font-weight:600;font-size:.9375rem;line-height:1.3}.race-cz__opt-s{display:block;font-size:.8125rem;line-height:1.35;color:var(--race-slate);margin-top:.15rem}.race-cz__preview{margin-bottom:1.25rem}.race-cz__preview-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem;font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--race-slate)}.race-cz__preview-title{display:inline-flex;align-items:center;gap:.5rem}.race-cz__example{padding:.15rem .45rem;border:1px solid var(--race-hair, #e2e7ea);border-radius:999px;font-size:.625rem;letter-spacing:.06em;color:var(--race-slate)}.race-cz__live{display:inline-flex;align-items:center;gap:.375rem}.race-cz__dot{width:.4375rem;height:.4375rem;border-radius:50%;background:var(--race-route);opacity:.35}.race-cz__dot[data-pulse=true]{opacity:1}@media(prefers-reduced-motion:no-preference){.race-cz__dot{transition:opacity .45s var(--ease-out-quad, ease-out)}}.race-cz__plate{display:block;width:100%;height:auto;border-radius:3px}.race-cz__plate [data-race-route]{stroke:var(--race-route)}.race-cz__fields{display:grid;gap:1rem}.race-cz__field{display:grid;gap:.3125rem}fieldset.race-cz__field{border:0;margin:0;padding:0;min-width:0}fieldset.race-cz__field>legend{padding:0;margin-bottom:.3125rem}.race-cz__label{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;font-size:.875rem;font-weight:600}.race-cz__count{font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums;color:var(--race-slate)}.race-cz__count[data-state=warn]{color:#8a6100}.race-cz__count[data-state=full]{color:var(--color-error, #b3261e)}.race-cz__input,.race-cz__timebox{width:100%;min-height:44px;padding:.625rem .75rem;font-size:16px;font-family:inherit;color:var(--race-ink);background:var(--race-ground);border:1px solid var(--race-mist);border-radius:var(--style-border-radius-inputs, 4px);box-shadow:none;-webkit-appearance:none;appearance:none}.race-cz__input:focus-visible,.race-cz__timebox:focus-visible{outline:var(--focus-outline-width, 2px) solid var(--race-ink);outline-offset:1px;border-color:var(--race-slate)}.race-cz__input[aria-invalid=true],.race-cz__timebox[aria-invalid=true]{border-color:var(--color-error, #b3261e);border-width:2px}.race-cz__timeset{margin:0;padding:0;border:0;min-width:0}.race-cz__time{display:flex;align-items:center;gap:.5rem}.race-cz__timepart{position:relative;display:inline-flex;align-items:center}.race-cz__timebox{width:4.25rem;padding-inline-end:1.65rem;text-align:center}.race-cz__timeunit{position:absolute;inset-inline-end:.6rem;font-size:.8125rem;color:var(--race-slate);pointer-events:none}.race-cz__timesep{font-size:1.125rem;line-height:1;color:var(--race-slate)}.race-cz__help{font-size:.8125rem;line-height:1.45;color:var(--race-slate);margin:0}.race-cz__err{font-size:.8125rem;line-height:1.45;color:var(--color-error, #b3261e);margin:0}.race-cz__err:empty{display:none}.race-cz__pills{display:flex;flex-wrap:wrap;gap:.5rem;border:0;margin:0;padding:0}.race-cz__pill{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 .9375rem;border:1px solid var(--race-mist);border-radius:999px;font-size:.875rem;cursor:pointer;white-space:nowrap}.race-cz__pill input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.race-cz__pill:has(input:checked){border-width:2px;border-color:var(--race-ink);font-weight:600;padding:0 calc(.9375rem - 1px)}.race-cz__pill:has(input:focus-visible){outline:var(--focus-outline-width, 2px) solid var(--race-ink);outline-offset:2px}.race-cz__custom{display:grid;grid-template-columns:1fr auto;gap:.5rem}.race-cz__custom[hidden]{display:none}.race-cz__spell{margin:.25rem 0 0;font-size:.8125rem;line-height:1.5;color:var(--race-slate)}.race-cz__panel[hidden]{display:none!important}@media(prefers-reduced-motion:no-preference){.race-cz__panel{animation:race-cz-in .28s var(--ease-out-quad, ease-out)}@keyframes race-cz-in{0%{opacity:0;transform:translateY(-.375rem)}}}.race-cz__later{background:var(--race-panel);border-left:3px solid var(--race-slate);padding:1rem 1.125rem;font-size:.875rem;line-height:1.6;color:var(--race-slate);margin:0}.race-cz[data-race-broken=true] .race-cz__fields,.race-cz[data-race-broken=true] .race-cz__choice{opacity:.4;pointer-events:none}.race-cz__broken{display:none;margin:0 0 1rem;padding:.875rem 1rem;border:2px solid var(--color-error, #b3261e);border-radius:4px;font-size:.875rem;line-height:1.5}.race-cz[data-race-broken=true] .race-cz__broken{display:block}.race-cz:not([data-race-ready=true]) .race-cz__preview,.race-cz:not([data-race-ready=true]) .race-cz__count{display:none}
/*# sourceMappingURL=/cdn/shop/t/8/assets/race-customizer.css.map */
