.wheel-configurator,.wheel-configurator *,.wheel-configurator *:before,.wheel-configurator *:after,.wheel-configurator-media,.wheel-configurator-media *,.wheel-configurator-media *:before,.wheel-configurator-media *:after{box-sizing:border-box}.wheel-configurator{display:block;width:100%;max-width:100%;overflow-x:hidden;color:rgb(var(--color-foreground))}.wheel-configurator__heading{margin:0;font-size:2rem;line-height:1.25}.wheel-configurator__guidance{margin:.6rem 0 0;color:rgba(var(--color-foreground),.68);font-size:1.4rem;line-height:1.45}.wheel-configurator__controls{margin-top:2.2rem}.wheel-configurator__form{display:grid;gap:1.8rem}.wheel-configurator__group{min-width:0;margin:0;padding:1.2rem;border:.1rem solid rgba(var(--color-foreground),.16);border-radius:var(--inputs-radius)}.wheel-configurator__legend{margin:0 0 .9rem;padding:0;font-weight:600}.wheel-configurator__group--color-circles,.wheel-configurator__group--text-buttons,.wheel-configurator__group--select{padding:0;border:0}.wheel-configurator__label{display:block;margin-bottom:.5rem;font-weight:600}.wheel-configurator__select{display:block;width:100%;min-height:4.4rem;margin:0;padding:.8rem 1.2rem;border:.1rem solid rgba(var(--color-foreground),.28);border-radius:var(--inputs-radius);color:rgb(var(--color-foreground));background:rgb(var(--color-background));font:inherit}.wheel-configurator__select:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.9);outline-offset:.2rem}.wheel-configurator__choices{display:flex;flex-wrap:wrap;gap:.8rem;max-width:100%}.wheel-configurator__choice{position:relative;display:inline-flex;align-items:center;gap:.7rem;min-height:4.4rem;min-width:10rem;padding:.7rem 1rem;border:.1rem solid rgba(var(--color-foreground),.22);border-radius:var(--inputs-radius);cursor:pointer}.wheel-configurator__choice:has(input:checked){border-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 .1rem rgb(var(--color-foreground))}.wheel-configurator__choice:has(input:focus-visible){outline:.2rem solid rgba(var(--color-foreground),.9);outline-offset:.2rem}.wheel-configurator__choice:has(input:disabled){cursor:not-allowed;opacity:.48}.wheel-configurator__choice input{position:absolute;opacity:0;pointer-events:none}.wheel-configurator__choices--color-circles{gap:.6rem}.wheel-configurator__choice--color-circles{position:relative;flex:0 0 auto;justify-content:center;box-sizing:border-box;aspect-ratio:1 / 1;width:4.4rem;height:4.4rem;min-width:4.4rem;min-height:4.4rem;max-width:4.4rem;max-height:4.4rem;padding:0;border:0;border-radius:50%;overflow:visible}.wheel-configurator__choice--color-circles:before{content:"";position:absolute;top:.1rem;right:.1rem;bottom:.1rem;left:.1rem;border-radius:50%;border:.2rem solid transparent;box-shadow:inset 0 0 0 .35rem rgb(var(--color-background));pointer-events:none}.wheel-configurator__choice--color-circles:has(input:checked){box-shadow:none}.wheel-configurator__choice--color-circles:has(input:checked):before{border-color:rgb(var(--color-foreground))}.wheel-configurator__choice--color-circles:has(input:checked) .wheel-configurator__colour-circle{box-shadow:none}.wheel-configurator__colour-tooltip{position:absolute;bottom:calc(100% + .7rem);left:50%;z-index:3;width:max-content;max-width:16rem;padding:.4rem .7rem;border-radius:.4rem;color:rgb(var(--color-background));background:rgb(var(--color-foreground));font-size:1.2rem;line-height:1.3;opacity:0;pointer-events:none;transform:translate(-50%,.3rem);transition:opacity .12s ease,transform .12s ease}.wheel-configurator__choice--color-circles:hover .wheel-configurator__colour-tooltip,.wheel-configurator__choice--color-circles:focus-within .wheel-configurator__colour-tooltip,.wheel-configurator__choice--color-circles:has(input:focus) .wheel-configurator__colour-tooltip,.wheel-configurator__choice--preset-image:hover .wheel-configurator__colour-tooltip,.wheel-configurator__choice--preset-image:focus-within .wheel-configurator__colour-tooltip,.wheel-configurator__choice--preset-image:has(input:focus) .wheel-configurator__colour-tooltip{opacity:1;transform:translate(-50%)}.wheel-configurator__colour-circle{display:block;flex:0 0 auto;box-sizing:border-box;aspect-ratio:1 / 1;width:3.2rem;height:3.2rem;border:.1rem solid rgba(var(--color-foreground),.28);border-radius:50%;background:var(--wheel-swatch-colour)}.wheel-configurator__choices--text-buttons{align-items:stretch;gap:.8rem}.wheel-configurator__choice--text-buttons{justify-content:center;min-width:0;min-height:4.4rem;padding:.7rem 1.2rem;border-radius:.8rem;text-align:center}.wheel-configurator__choice--text-buttons:has(input:checked){color:rgb(var(--color-background));background:rgb(var(--color-foreground))}.wheel-configurator__choices--body-presets{gap:.8rem;flex-wrap:wrap;align-items:center}[data-wheel-body-custom].wheel-configurator__choice--body-preset{justify-content:center;min-width:0;min-height:4.4rem;padding:.7rem 1.2rem;border-radius:.8rem}[data-wheel-body-custom].wheel-configurator__choice--body-preset:has(input:checked){color:rgb(var(--color-background));background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));box-shadow:none}.wheel-configurator__choice--preset-image{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;box-sizing:border-box;width:6.4rem;height:6.4rem;min-width:6.4rem;min-height:6.4rem;max-width:6.4rem;max-height:6.4rem;padding:0;border:.2rem solid rgba(var(--color-foreground),.18);border-radius:50%;cursor:pointer;background:rgba(var(--color-foreground),.06);overflow:visible}.wheel-configurator__choice--preset-image:before{content:"";position:absolute;top:.1rem;right:.1rem;bottom:.1rem;left:.1rem;border-radius:50%;border:.2rem solid transparent;box-shadow:inset 0 0 0 .3rem rgb(var(--color-background));pointer-events:none;z-index:2}.wheel-configurator__choice--preset-image:has(input:checked){border-color:rgb(var(--color-foreground));box-shadow:none}.wheel-configurator__choice--preset-image:has(input:checked):before{border-color:rgb(var(--color-foreground))}.wheel-configurator__choice--preset-image:has(input:focus-visible){outline:.2rem solid rgba(var(--color-foreground),.9);outline-offset:.3rem}.wheel-configurator__choice--preset-image:has(input:disabled){cursor:not-allowed;opacity:.48}.wheel-configurator__choice--preset-image input{position:absolute;opacity:0;pointer-events:none}.wheel-configurator__preset-image-mask{display:block;box-sizing:border-box;width:87.5%;height:87.5%;border-radius:50%;overflow:hidden;flex:0 0 auto;pointer-events:none}.wheel-configurator__preset-image{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.wheel-configurator__swatch,.wheel-configurator__sidewall-mark{width:2.6rem;height:2.6rem;flex:0 0 auto;border:.1rem solid rgba(var(--color-foreground),.28);background:var(--wheel-swatch-colour)}.wheel-configurator__swatch{border-radius:50%}.wheel-configurator__sidewall-mark{border-radius:999rem}.wheel-configurator__choice-name{min-width:0;overflow-wrap:anywhere}.wheel-configurator__status,.wheel-configurator__message,.wheel-configurator__diagnostics{margin:1rem 0 0;color:rgba(var(--color-foreground),.72)}.wheel-configurator__message{padding:.9rem 1rem;border-left:.3rem solid rgba(var(--color-foreground),.45)}.wheel-configurator__diagnostics{font-size:1.2rem}.wheel-configurator__message[hidden],.wheel-configurator__diagnostics[hidden]{display:none}.wheel-configurator-media{width:100%;max-width:100%;margin-bottom:1.2rem}.wheel-configurator-media__switch{display:inline-flex;gap:.2rem;margin-bottom:.8rem;padding:.2rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:.8rem;overflow:hidden}.wheel-configurator-media__mode{min-height:4rem;padding:.7rem 1.2rem;border:0;border-radius:.6rem;color:rgb(var(--color-foreground));background:transparent;cursor:pointer;font:inherit}.wheel-configurator-media__mode[aria-pressed=true]{color:rgb(var(--color-background));background:rgb(var(--color-foreground))}.wheel-configurator-media__mode:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.wheel-configurator-media__viewer-panel{position:relative;width:100%;height:var(--wheel-viewer-height-desktop, 560px);min-height:320px;overflow:hidden;border:.1rem solid rgba(var(--color-foreground),.16);border-radius:var(--media-radius);background:var(--wheel-viewer-background, #D8D4D2)}.wheel-configurator-media__viewer-panel[hidden],.wheel-configurator-media__gallery[hidden]{display:none}.wheel-configurator-media__canvas{position:relative;width:100%;height:100%;min-height:inherit}.wheel-configurator-media__canvas canvas{display:block;width:100%;height:100%;touch-action:pan-y}.wheel-configurator-media__canvas [data-wheel-viewer-message]{position:absolute;inset:50% auto auto 50%;z-index:1;width:min(32rem,calc(100% - 3.2rem));transform:translate(-50%,-50%);text-align:center;pointer-events:none}.wheel-configurator-media__canvas [data-wheel-viewer-message][hidden]{display:none}.wheel-configurator-media__notice{margin:.8rem 0}.wheel-configurator-media__diagnostics{position:absolute;inset:1rem 1rem auto auto;z-index:2;max-width:min(28rem,calc(100% - 2rem));margin:0;padding:.8rem;overflow-wrap:anywhere;color:rgb(var(--color-background));background:rgba(var(--color-foreground),.88);font-size:1.1rem}.wheel-configurator-media__diagnostics div{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:.5rem}.wheel-configurator-media__diagnostics dt,.wheel-configurator-media__diagnostics dd{margin:0}@media screen and (max-width:749px){.wheel-configurator__choices--color-circles{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(.2rem,1.2%,.5rem);overflow-x:visible;overflow-y:visible;flex-wrap:unset}[data-wheel-config-group=caliperColorId] .wheel-configurator__choices--color-circles{grid-template-columns:repeat(7,minmax(0,1fr))}.wheel-configurator__choice--color-circles{width:100%;height:auto;min-width:0;min-height:0;max-width:none;max-height:none;flex:none;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}.wheel-configurator__choice--color-circles .wheel-configurator__colour-circle{width:73%;height:auto;aspect-ratio:1 / 1;min-width:0;min-height:0}.wheel-configurator__group--color-circles{position:static;padding-top:.4rem;padding-bottom:.4rem}}@media screen and (max-width:749px){.wheel-configurator__choices--radio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.wheel-configurator__choice--radio{min-width:0}.wheel-configurator__choices--text-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}.wheel-configurator__choice--text-buttons{flex:none;min-width:0;min-height:3.6rem;padding:.5rem .3rem;font-size:clamp(1.1rem,3.2vw,1.4rem)}.wheel-configurator__choices--body-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.3rem,1.5%,.8rem);align-items:center}[data-wheel-body-custom].wheel-configurator__choice--body-preset{grid-column:1 / -1}.wheel-configurator__choice--preset-image{width:100%;height:auto;min-width:0;min-height:0;max-width:none;max-height:none;flex:none;aspect-ratio:1 / 1;padding:0}.wheel-configurator-media__viewer-panel{height:var(--wheel-viewer-height-mobile, 420px);min-height:280px}.wheel-configurator-media__switch{display:flex}.wheel-configurator-media__mode{flex:1 1 0}}@media screen and (min-width:750px){.product__media-wrapper--wheel-configurator{position:sticky;top:calc(var(--header-height, 0px) + 1.6rem);align-self:start}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/wheel-3d-configurator.css.map */