@charset "UTF-8";.wheel-configurator{--highlight-color: #00b8fc;--gray-85: #d5d5d5;--gray-60: #979797;--gray-33: #515859;--gray-35: #5c5c5c;--gray-40: #5e6667;--gray-15: #2a2b2c;--gray-10: #1e1e1e;--presale-color: #ffffff88;--green: #2ac337;--red: #cf2729;--pink: #fdf2f2;--radius: 10px;--option-padding: 16px;--option-spacing: 12px;--title-spacing: 26px;--section-spacing: 48px;--group-spacing: 24px;--layout-gap: 32px;--vis-height: 40vh;--site-padding: var(--p-site-padding, 30px);background:#000;color:#fff;padding:50px 0}@media (min-width: 880px){.wheel-configurator{--vis-height: calc(100vh - 144px) }}@media (min-width: 1025px){.wheel-configurator{--option-padding: 30px;--option-spacing: 16px;--title-spacing: 52px;--section-spacing: 96px;--group-spacing: 48px;--layout-gap: 96px}}.wheel-configurator *:before,.wheel-configurator *:after{box-sizing:border-box}.wheel-configurator button{line-height:normal}.wheel-configurator svg{display:inline}.wheel-configurator h1{font-size:34px;font-weight:400;margin:0}.wheel-configurator h1 strong{font-weight:400;color:#c3c6c8}.wheel-configurator .description{margin-top:.5em;font-weight:300}.wheel-configurator h2{font-size:24px;font-weight:300;margin:0 0 var(--title-spacing);color:var(--highlight-color);text-transform:none}.wheel-configurator h3{font-size:30px;font-weight:400;margin-bottom:1.4em;margin-top:0}.wheel-configurator .layout{display:grid;gap:var(--layout-gap)}.wheel-configurator .subtotal-label{font-size:12px;font-weight:300}.wheel-configurator .subtotal-label span{color:#888}.wheel-configurator .sticky-container{position:sticky;top:20px;display:grid;grid-template-rows:auto 1fr}.wheel-configurator .visualization-container{position:relative;background:var(--gray-10);border-radius:20px;overflow:hidden;height:100%}.wheel-configurator .visualization{position:absolute;top:0;right:0;bottom:0;left:0}@media (max-width: 879px){.wheel-configurator .sticky-column{z-index:1}.wheel-configurator .visualization-region{height:calc(40px + var(--vis-height) + var(--site-padding));padding:40px 0 var(--site-padding)}.wheel-configurator .visualization-frame{transition:opacity .4s}.wheel-configurator .visualization-frame.mobile-fixed{position:fixed;top:0;left:0;width:100%;padding:40px var(--site-padding) var(--site-padding);background:#000}.wheel-configurator .visualization-frame.mobile-hide{opacity:0;pointer-events:none}.wheel-configurator .visualization-container{height:var(--vis-height)}}@media (min-width: 880px){.wheel-configurator .sticky-container{gap:20px;height:var(--vis-height)}.wheel-configurator .visualization-frame{height:100%}}.wheel-configurator .add-another .toggle{text-align:start;display:inline-block;position:relative;color:#fff;font-size:14px;font-weight:300;padding:5px 32px 5px 0}.wheel-configurator .add-another .toggle span{position:absolute;inset-inline-end:0;top:0;width:25px;height:25px;border:2px solid white;border-radius:50%}.wheel-configurator .add-another .toggle svg{font-size:22px}.wheel-configurator .add-another .wrapper{padding-top:var(--option-spacing)}.wheel-configurator .add-another .stack{padding:var(--option-padding);background:var(--gray-10);border-radius:var(--radius)}.wheel-configurator .add-another .stack .configurator-option{--option-padding: 10px}.wheel-configurator .scene-toggle{position:absolute;left:20px;bottom:20px}.wheel-configurator .scene-toggle button{color:#fff;padding:3px 3px 3px 70px}.wheel-configurator .scene-toggle button:before{content:"";width:56px;height:26px;border:3px solid var(--gray-40);background:var(--gray-15);border-radius:13px;position:absolute;left:0;top:0}.wheel-configurator .scene-toggle button:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:10px;background:var(--highlight-color);transition:transform .1s}.wheel-configurator .scene-toggle button.desktop:after{transform:translate(30px)}.wheel-configurator .scene-select{display:none;position:absolute;bottom:20px;left:20px;gap:10px}.wheel-configurator .scene-select button{border:2px solid white;border-radius:999px;padding:10px 20px;color:#fff}.wheel-configurator .scene-select button.selected{background:var(--highlight-color);border-color:var(--highlight-color);color:#000}.wheel-configurator .zoom-control{position:absolute;bottom:20px;inset-inline-end:20px;display:flex;gap:12px;color:#000}.wheel-configurator .zoom-control button{width:24px;height:24px;background:var(--gray-85);border-radius:4px;text-align:center;font-size:20px;line-height:1}.wheel-configurator .zoom-control svg{vertical-align:bottom}.wheel-configurator .options{display:grid;gap:var(--section-spacing)}.wheel-configurator .groups{display:grid;gap:var(--group-spacing)}.wheel-configurator .stack{display:grid;gap:var(--option-spacing)}.wheel-configurator .columns{display:grid;grid-auto-flow:column;gap:var(--option-spacing)}.wheel-configurator .columns label{padding:16px;border:1px solid currentColor;border-radius:16px}.wheel-configurator .finish{display:grid;gap:36px}.wheel-configurator .warning{border:1px solid var(--red);border-radius:4px;background:var(--pink);padding:12px;color:#000;font-size:14px;font-weight:300;line-height:1.33}.wheel-configurator .oos-error{border:1px solid var(--red);border-radius:4px;background:var(--pink);padding:12px 12px 12px 42px;color:#000;font-size:14px;font-weight:300;line-height:1.33;position:relative}.wheel-configurator .oos-error:before{content:"×";position:absolute;top:11px;left:14px;color:#fff;background:var(--red);width:16px;height:16px;border-radius:100%;text-align:center;line-height:16px}.wheel-configurator .add-to-cart{display:flex;justify-content:center;gap:10px;background:var(--highlight-color);color:#000;width:100%;padding:14px 12px;border-radius:4px;font-size:14px;letter-spacing:1px;position:relative}.wheel-configurator .add-to-cart.active span{visibility:hidden}.wheel-configurator .add-to-cart .loading-indicator{position:absolute;left:50%;top:50%;margin-top:2px;transform:translate(-50%,-50%)}.wheel-configurator .add-to-cart svg{margin-inline-end:6px}.wheel-configurator .sticky-bar{background:#222;padding:20px 0;margin-top:40px;position:fixed;bottom:0;width:100%;display:none}.wheel-configurator .sticky-bar .header{color:#d5d5d5;font-size:30px}.wheel-configurator .sticky-bar .subheader{margin-top:10px;font-weight:300}.wheel-configurator .sticky-bar .subtotal{text-align:end;--total-size: 24px}@media (min-width: 880px){.wheel-configurator .sticky-bar{display:block}}.wheel-configurator .sticky-layout{display:flex;justify-content:space-between}.wheel-configurator .configurator-option{position:relative;display:flex;gap:14px;align-items:center;padding:var(--option-padding);color:#fff;border-radius:var(--radius);text-align:start}.wheel-configurator .configurator-option.centered{text-align:center}.wheel-configurator .configurator-option .border{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--gray-33);pointer-events:none;transition:border-color .2s;border-radius:var(--radius)}.wheel-configurator .configurator-option .content{flex-grow:1}.wheel-configurator .configurator-option h4{font-size:18px;font-weight:300;margin:0;text-transform:none}.wheel-configurator .configurator-option .detail{color:var(--gray-60);font-size:12px;display:block;margin-top:6px;font-weight:300}.wheel-configurator .configurator-option .compatibility{color:var(--gray-60);font-size:12px;text-transform:uppercase}.wheel-configurator .configurator-option:not(.disabled){cursor:pointer}.wheel-configurator .configurator-option:not(.disabled).selected .border{border-color:var(--highlight-color);border-width:2px}.wheel-configurator .configurator-option:not(.disabled):hover .border{border-color:#fff}.wheel-configurator .configurator-option.disabled{opacity:.6;background-color:#333}.wheel-configurator .price-display.vertical{display:grid}.wheel-configurator .price-display .presale{text-decoration:line-through;color:var(--presale-color);font-weight:300}.wheel-configurator .selected-products{display:grid;gap:var(--option-spacing)}.wheel-configurator .selected-product{padding:20px;background:var(--gray-10);border-radius:var(--radius);display:grid;align-items:start;grid-template-columns:auto 1fr auto;gap:20px;font-size:14px}.wheel-configurator .selected-product a{color:#fff;text-decoration:none;font-size:20px}.wheel-configurator .selected-product a:hover{text-decoration:underline}.wheel-configurator .selected-product .image{width:80px;height:80px;display:grid;place-items:center}.wheel-configurator .selected-product .content{display:grid;gap:10px}.wheel-configurator .selected-product .status{color:var(--green);font-weight:300}.wheel-configurator .selected-product .status.oos{color:var(--red)}.wheel-configurator .selected-product .price-display{font-weight:300}.wheel-configurator .selected-product .delete{color:var(--gray-40);font-size:20px;padding:10px;position:relative;top:-10px;inset-inline-end:-10px}.wheel-configurator .selected-product .delete:hover{color:#fff}.wheel-configurator .subtotal-price{font-size:var(--total-size, 36px);margin-top:12px}.wheel-configurator .subtotal-sale{font-size:16px;margin-top:10px}.wheel-configurator .subtotal-sale .list{color:var(--presale-color);font-weight:300;text-decoration:line-through}.wheel-configurator .subtotal-sale .savings{color:#2ac337}@media (min-width: 880px){.wheel-configurator .layout{grid-template-columns:minmax(340px,1fr) minmax(400px,495px)}.wheel-configurator .scene-toggle{display:none}.wheel-configurator .scene-select{display:flex}}@keyframes spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.spinner{animation:spinner-rotate 2s linear infinite;z-index:2}.spinner .path{stroke:currentColor;stroke-linecap:round;animation:spinner-dash 1.5s ease-in-out infinite}