.sa-rim{--sa-fg: var(--color-foreground, 18 18 18);--sa-bg: var(--color-background, 255 255 255);--sa-btn: var(--color-button, 18 18 18);--sa-btn-text: var(--color-button-text, 255 255 255);--sa-accent: #d02317;--sa-accent-dark: #a91a10;--sa-accent-rgb: 208, 35, 23;--sa-ink: #252525;--sa-line: rgba(var(--sa-fg), .12);--sa-radius: 4px;--sa-ctl-radius: 0;--sa-u: max(1rem, 16px);font-family:var(--font-body-family, Roboto, system-ui, -apple-system, "Segoe UI", sans-serif);color:rgb(var(--sa-fg));display:grid;gap:calc(2 * var(--sa-u));padding:calc(1.5 * var(--sa-u)) 0 calc(2.5 * var(--sa-u))}@media(min-width:900px){.sa-rim{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start}.sa-rim__preview{position:sticky;top:calc(1 * var(--sa-u))}}.sa-rim__stage-wheels{display:flex;align-items:center;flex-wrap:wrap;gap:calc(.45 * var(--sa-u));margin-top:calc(.7 * var(--sa-u))}.sa-rim__stage-wheels-label{font-size:calc(.75 * var(--sa-u));font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.7;margin-right:calc(.3 * var(--sa-u))}.sa-rim__more{-webkit-appearance:none;appearance:none;background:none;border:0;padding:calc(.3 * var(--sa-u)) calc(.5 * var(--sa-u));cursor:pointer;font:inherit;font-size:calc(.8 * var(--sa-u));font-weight:700;color:var(--sa-accent);text-decoration:underline;text-underline-offset:2px}.sa-rim__more[hidden]{display:none}.sa-rim__stage{position:relative;background:#fff;border:1px solid var(--sa-line);border-radius:var(--sa-radius);overflow:hidden}.sa-rim__stage canvas{display:block;width:100%;height:auto;aspect-ratio:1200 / 1201}.sa-rim__status{position:absolute;inset:auto 0 0 0;padding:calc(.5 * var(--sa-u)) calc(.75 * var(--sa-u));font-size:calc(.85 * var(--sa-u));background:#ffffffeb;color:#333}.sa-rim__status:empty{display:none}.sa-rim[data-sa-ready=loading] canvas{opacity:.5;transition:opacity .2s}.sa-rim[data-sa-ready=error] .sa-rim__status{color:#b00020}.sa-rim__stage-tools{position:absolute;top:calc(.6 * var(--sa-u));right:calc(.6 * var(--sa-u));display:flex;gap:calc(.4 * var(--sa-u))}.sa-rim__tool{-webkit-appearance:none;appearance:none;border:1px solid var(--sa-line);background:#fff;color:#111;border-radius:var(--sa-ctl-radius);padding:calc(.45 * var(--sa-u)) calc(.8 * var(--sa-u));font:inherit;font-size:calc(.8 * var(--sa-u));cursor:pointer}.sa-rim__tool:hover{border-color:#111}.sa-rim__kicker{margin:0 0 calc(.45 * var(--sa-u));font-size:calc(.78 * var(--sa-u));font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sa-accent)}.sa-rim__heading{margin:0 0 calc(.5 * var(--sa-u));font-size:clamp(calc(1.7 * var(--sa-u)),2.8vw,calc(2.3 * var(--sa-u)));line-height:1.02;font-weight:800;text-transform:uppercase;letter-spacing:-.01em}.sa-rim__intro{margin:0 0 calc(1.4 * var(--sa-u));opacity:.8;font-size:calc(.98 * var(--sa-u));line-height:1.5;max-width:52ch}.sa-rim__group{border:0;padding:0;margin:0 0 calc(1.4 * var(--sa-u));min-width:0}.sa-rim__group legend,.sa-rim__group-title{display:flex;justify-content:space-between;align-items:baseline;gap:calc(1 * var(--sa-u));width:100%;padding:0;margin:0 0 calc(.6 * var(--sa-u));font-weight:700;font-size:calc(.95 * var(--sa-u));letter-spacing:.02em;text-transform:uppercase}.sa-rim__group legend small,.sa-rim__group-title small{font-weight:400;text-transform:none;letter-spacing:0;opacity:.75}.sa-rim__hint{display:block;margin:-calc(.3 * var(--sa-u)) 0 calc(.6 * var(--sa-u));font-size:calc(.82 * var(--sa-u));opacity:.7}.sa-rim__hint[hidden]{display:none}.sa-rim__hint--warn{margin:calc(.6 * var(--sa-u)) 0 0;padding:calc(.5 * var(--sa-u)) calc(.7 * var(--sa-u));opacity:1;color:#7a4a00;background:#fff4e0;border-radius:0;border-left:3px solid #e0a300}.sa-rim__row--sizes>label{flex:1 1 calc(8 * var(--sa-u))}.sa-rim__modes{display:flex;gap:calc(.5 * var(--sa-u))}.sa-rim__mode{position:relative;flex:1 1 0;text-align:center;cursor:pointer;padding:calc(.7 * var(--sa-u)) calc(.8 * var(--sa-u));font-weight:700;font-size:calc(.9 * var(--sa-u));letter-spacing:.03em;text-transform:uppercase;border:2px solid var(--sa-ink);border-radius:var(--sa-ctl-radius);color:inherit}.sa-rim__mode input{position:absolute;opacity:0;width:1px;height:1px}.sa-rim__mode.is-on{background:var(--sa-ink);color:#fff;border-color:var(--sa-ink)}.sa-rim__mode:has(input:focus-visible){outline:2px solid var(--sa-accent);outline-offset:2px}.sa-rim__mode small{display:block;margin-top:calc(.15 * var(--sa-u));font-weight:500;font-size:calc(.72 * var(--sa-u));letter-spacing:0;text-transform:none;opacity:.8}.sa-rim__mode--custom{color:var(--sa-accent);border:2px solid var(--sa-accent);background:linear-gradient(135deg,rgba(var(--sa-accent-rgb),.1),rgba(var(--sa-accent-rgb),.02));box-shadow:0 0 0 3px rgba(var(--sa-accent-rgb),.14)}.sa-rim__mode--custom.is-on{background:var(--sa-accent);color:#fff;border-color:var(--sa-accent);box-shadow:0 6px 18px rgba(var(--sa-accent-rgb),.35)}.sa-rim__mode-badge{position:absolute;top:-calc(.6 * var(--sa-u));right:calc(.6 * var(--sa-u));padding:calc(.12 * var(--sa-u)) calc(.45 * var(--sa-u));font-size:calc(.62 * var(--sa-u));font-weight:800;letter-spacing:.08em;line-height:1.3;color:#fff;background:var(--sa-accent);border-radius:999px}.sa-rim__mode--custom.is-on .sa-rim__mode-badge{background:#fff;color:var(--sa-accent)}.sa-rim__pick{display:grid;gap:calc(.6 * var(--sa-u))}.sa-rim__pick [hidden]{display:none}@media(min-width:560px){.sa-rim__pick{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}.sa-rim__text{text-transform:uppercase;font-weight:700;letter-spacing:.06em;font-size:calc(1.1 * var(--sa-u));margin-bottom:calc(.6 * var(--sa-u))}.sa-rim__font{display:grid;gap:calc(.3 * var(--sa-u));font-size:calc(.85 * var(--sa-u));margin-bottom:calc(.4 * var(--sa-u))}.sa-rim__select,.sa-rim__qty{width:100%;padding:calc(.7 * var(--sa-u)) calc(.8 * var(--sa-u));font:inherit;color:inherit;background:#fff;border:1px solid rgba(var(--sa-fg),.35);border-radius:var(--sa-ctl-radius)}select.sa-rim__select{appearance:none;-webkit-appearance:none;padding-right:calc(2.4 * var(--sa-u));cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23252525' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right calc(.9 * var(--sa-u)) center}.sa-rim__select:focus-visible,.sa-rim__qty:focus-visible{outline:2px solid var(--sa-accent);outline-offset:1px}.sa-rim__qty{width:calc(6 * var(--sa-u))}.sa-rim__swatches{display:flex;flex-wrap:wrap;gap:calc(.55 * var(--sa-u))}.sa-rim__swatch{--sa-swatch: #000;-webkit-appearance:none;appearance:none;width:calc(2.4 * var(--sa-u));height:calc(2.4 * var(--sa-u));padding:0;cursor:pointer;border-radius:50%;border:2px solid transparent;background:var(--sa-swatch);box-shadow:0 0 0 1px #0000002e inset,0 1px 2px #00000026;transition:transform .12s}.sa-rim__swatch--light{box-shadow:0 0 0 1px #00000059 inset}.sa-rim__swatch:hover{transform:scale(1.08)}.sa-rim__swatch[aria-checked=true]{border-color:rgb(var(--sa-fg));box-shadow:0 0 0 2px rgb(var(--sa-bg)) inset,0 0 0 1px #0003}.sa-rim__swatch:focus-visible{outline:2px solid var(--sa-accent);outline-offset:2px}.sa-rim__wheels{display:flex;flex-wrap:wrap;gap:calc(.5 * var(--sa-u))}.sa-rim__wheel{-webkit-appearance:none;appearance:none;display:grid;justify-items:center;cursor:pointer;padding:2px;font:inherit;color:inherit;background:#fff;border:2px solid transparent;border-radius:50%;transition:transform .12s}.sa-rim__wheel[hidden]{display:none}.sa-rim__wheel:hover{transform:scale(1.08)}.sa-rim__wheel img{width:34px;height:34px;object-fit:cover;border-radius:50%;display:block}.sa-rim__wheel span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.sa-rim__wheel[aria-checked=true]{border-color:var(--sa-accent)}.sa-rim__wheel:focus-visible{outline:2px solid var(--sa-accent);outline-offset:2px}.sa-rim__toggle{display:flex;align-items:center;gap:calc(.6 * var(--sa-u));font-size:calc(.95 * var(--sa-u));cursor:pointer;margin-bottom:calc(.7 * var(--sa-u))}.sa-rim__toggle input{width:calc(1.15 * var(--sa-u));height:calc(1.15 * var(--sa-u));margin:0;accent-color:var(--sa-accent)}.sa-rim__summary{padding:calc(.9 * var(--sa-u)) calc(1.1 * var(--sa-u));margin:0 0 calc(1 * var(--sa-u));font-size:calc(.9 * var(--sa-u));line-height:1.45;color:#fff;background:var(--sa-ink);border-left:4px solid var(--sa-accent);border-radius:0}.sa-rim__buy{display:grid;gap:calc(.8 * var(--sa-u))}.sa-rim__kit{margin:0;font-size:calc(.82 * var(--sa-u));opacity:.75}.sa-rim__kit:empty{display:none}.sa-rim__row>label[hidden]{display:none}.sa-rim__row{display:flex;gap:calc(.8 * var(--sa-u));align-items:end;flex-wrap:wrap}.sa-rim__row>label{display:grid;gap:calc(.3 * var(--sa-u));font-size:calc(.85 * var(--sa-u));flex:1 1 calc(10 * var(--sa-u))}.sa-rim__price{font-size:calc(1.25 * var(--sa-u));font-weight:700}.sa-rim__add{-webkit-appearance:none;appearance:none;width:100%;padding:calc(1 * var(--sa-u)) calc(1.2 * var(--sa-u));cursor:pointer;font:inherit;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--sa-accent);border:0;border-radius:var(--sa-ctl-radius);transition:background .15s,transform .15s}.sa-rim__add:hover:not([disabled]){background:var(--sa-accent-dark);transform:translateY(-1px)}.sa-rim__add[disabled],.sa-rim__add[aria-busy=true]{opacity:.6;cursor:progress}.sa-rim__note{font-size:calc(.8 * var(--sa-u));opacity:.7;margin:0}
/*# sourceMappingURL=/cdn/shop/t/8/assets/sa-rim-editor.css.map */