.garage{--g-bg: #1B1C1D;--g-bg-2: #232426;--g-surface: #2C2E30;--g-surface-2: #35373A;--g-line: #3A3C3E;--g-line-soft: #2C2E30;--g-ink: #F1F1EF;--g-ink-2: #BFC0BC;--g-ink-3: #8B8D89;--g-blue: #2e6ce6;--g-red: #e4002b;--g-violet: #7b2fbe;--g-accent: #C6A66B;--g-ease: cubic-bezier(.22, .61, .36, 1);--g-ease-2: cubic-bezier(.65, .05, .36, 1);--g-fast: .18s;--g-med: .38s;--g-slow: .7s;--g-panel-w: 520px;--g-radius: 3px;--g-radius-lg: 14px;position:relative;display:flex;flex-direction:column;min-height:100dvh;isolation:isolate;background:var(--g-bg);color:var(--g-ink);font-family:Helvetica Neue,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow:clip}.garage--portal{display:contents}.garage *,.garage *:before,.garage *:after{box-sizing:border-box}.garage__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.garage__bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,var(--g-line-soft) 1px,transparent 1px),linear-gradient(to bottom,var(--g-line-soft) 1px,transparent 1px);background-size:88px 88px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 45%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 90% 70% at 50% 45%,#000 20%,transparent 75%);opacity:.55}.garage__bloom{position:absolute;left:50%;top:46%;width:min(1500px,130vw);aspect-ratio:2 / 1;translate:-50% -50%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--g-accent) 15%,transparent) 0%,transparent 62%);filter:blur(30px);opacity:.5;transition:opacity var(--g-slow) var(--g-ease),background var(--g-slow) var(--g-ease)}.garage.is-hot .garage__bloom{opacity:.92}.garage__floor{position:absolute;left:0;right:0;bottom:12%;height:1px;background:linear-gradient(to right,transparent,var(--g-line) 22%,var(--g-line) 78%,transparent);opacity:.8}.garage__header{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px clamp(18px,4vw,48px);border-bottom:1px solid var(--g-line-soft);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);background:color-mix(in srgb,var(--g-bg) 62%,transparent)}.garage__wordmark{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--g-ink);text-decoration:none;white-space:nowrap}.garage__mstripe{display:block;width:34px;height:10px;flex:none;background:linear-gradient(to right,var(--g-blue) 0%,var(--g-blue) 33.3%,var(--g-violet) 33.3%,var(--g-violet) 66.6%,var(--g-red) 66.6%,var(--g-red) 100%);clip-path:polygon(14% 0,100% 0,86% 100%,0 100%)}.garage__cart{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border:1px solid var(--g-line);border-radius:999px;background:color-mix(in srgb,var(--g-surface) 70%,transparent);color:var(--g-ink);font:inherit;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:border-color var(--g-fast) var(--g-ease),background var(--g-fast) var(--g-ease)}.garage__cart:hover{border-color:var(--g-accent);background:var(--g-surface-2)}.garage__cart-count{min-width:20px;padding:2px 6px;border-radius:999px;background:var(--g-accent);color:#1b1c1d;font-variant-numeric:tabular-nums;font-size:11px;line-height:1.4;text-align:center;transition:scale var(--g-fast) var(--g-ease-2)}.garage__cart-count.is-bump{scale:1.35}.garage__intro{position:relative;z-index:10;margin-top:auto;padding:clamp(20px,2.8vw,40px) clamp(18px,4vw,48px) 0;text-align:center}.garage__eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 14px;color:var(--g-ink-3);font-size:11px;font-weight:600;letter-spacing:.28em;text-transform:uppercase}.garage__eyebrow:before,.garage__eyebrow:after{content:"";width:clamp(20px,6vw,64px);height:1px;background:var(--g-line)}.garage__title{margin:0;font-size:clamp(1.95rem,4.6vw,3.6rem);font-weight:700;line-height:.95;letter-spacing:-.035em;text-transform:uppercase}.garage__title em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--g-ink-3)}.garage__sub{max-width:62ch;margin:12px auto 0;color:var(--g-ink-2);font-size:clamp(.88rem,1.15vw,.98rem);line-height:1.6}.garage__models{position:relative;z-index:20;display:flex;justify-content:center;margin:clamp(16px,2vw,24px) auto 0;padding:0 18px}.garage__models-inner{display:flex;gap:4px;padding:5px;border:1px solid var(--g-line);border-radius:999px;background:color-mix(in srgb,var(--g-surface) 78%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.garage__model{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:11px clamp(16px,3vw,30px);border:0;border-radius:999px;background:none;color:var(--g-ink-3);font:inherit;cursor:pointer;transition:color var(--g-med) var(--g-ease),background var(--g-med) var(--g-ease)}.garage__model:hover{color:var(--g-ink-2)}.garage__model[aria-selected=true]{background:var(--g-ink);color:var(--g-bg)}.garage__model-code{font-size:13px;font-weight:700;letter-spacing:.1em;line-height:1}.garage__model-name{font-size:9.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;opacity:.7;line-height:1}.garage__stage{position:relative;z-index:10;width:100%;max-width:1460px;margin:clamp(8px,2vw,24px) auto 0;padding:0 clamp(8px,3vw,40px)}.garage__cars{position:relative;width:min(100%,calc(41dvh * var(--art-aspect, 2.5)));margin-inline:auto;aspect-ratio:var(--art-aspect, 2.5);transition:aspect-ratio var(--g-slow) var(--g-ease)}.garage__car{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;scale:.965;visibility:hidden;transition:opacity var(--g-slow) var(--g-ease),scale var(--g-slow) var(--g-ease),visibility 0s linear var(--g-slow)}.garage__car.is-active{opacity:1;scale:1;visibility:visible;transition-delay:.06s,.06s,0s}.garage__svg{display:block;width:100%;height:100%;overflow:visible}.garage__art{transition:opacity var(--g-med) var(--g-ease),filter var(--g-med) var(--g-ease)}.garage__car.is-hot .garage__art{opacity:.3;filter:saturate(.4)}.garage__art-lit{opacity:0;transition:opacity var(--g-med) var(--g-ease)}.garage__zone.is-hot .garage__art-lit{opacity:1}.garage__zone-fill{fill:var(--g-accent);opacity:0;transition:opacity var(--g-med) var(--g-ease)}.garage__zone.is-hot .garage__zone-fill{opacity:.1}.garage__zone-line{fill:none;stroke:var(--g-accent);stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-dasharray:var(--len) var(--len);stroke-dashoffset:var(--len);opacity:0;transition:stroke-dashoffset var(--g-slow) var(--g-ease),opacity var(--g-fast) linear}.garage__zone.is-hot .garage__zone-line{stroke-dashoffset:0;opacity:1}.garage__zone-glow{fill:none;stroke:var(--g-accent);stroke-width:6;vector-effect:non-scaling-stroke;filter:blur(5px);opacity:0;transition:opacity var(--g-med) var(--g-ease)}.garage__zone.is-hot .garage__zone-glow{opacity:.45}.garage__zone-hit{fill:#fff;fill-opacity:0;stroke:none;cursor:pointer;outline:none}.garage__zone-hit:focus-visible+.garage__zone-focus,.garage__zone.is-focused .garage__zone-focus{opacity:1}.garage__zone-focus{fill:none;stroke:var(--g-ink);stroke-width:1.5;stroke-dasharray:5 4;vector-effect:non-scaling-stroke;opacity:0;transition:opacity var(--g-fast) linear}.garage__labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.garage__label{position:absolute;translate:-50% -50%;display:flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid color-mix(in srgb,var(--g-accent) 55%,var(--g-line));border-radius:999px;background:color-mix(in srgb,var(--g-bg) 72%,transparent);-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);white-space:nowrap;opacity:0;scale:.9;transition:opacity var(--g-med) var(--g-ease),scale var(--g-med) var(--g-ease-2),translate var(--g-med) var(--g-ease)}.garage__label.is-hot{opacity:1;scale:1;translate:-50% calc(-50% - 8px)}.garage__label-text{font-size:10.5px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--g-ink)}.garage__label-count{padding:1px 7px;border-radius:999px;background:var(--g-accent);color:#1b1c1d;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}.garage__pip{position:absolute;translate:-50% -50%;width:9px;height:9px;border-radius:50%;background:var(--g-accent);opacity:.9;transition:opacity var(--g-med) var(--g-ease),scale var(--g-med) var(--g-ease)}.garage__pip:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid var(--g-accent);animation:garage-pulse 2.6s var(--g-ease) infinite}.garage__pip.is-hot{opacity:0;scale:.3}@keyframes garage-pulse{0%{scale:.7;opacity:.9}70%{scale:2.3;opacity:0}to{scale:2.3;opacity:0}}.garage__rail{position:relative;z-index:15;max-width:1460px;width:100%;margin:clamp(12px,2vw,24px) auto auto;padding-block:4px clamp(24px,3vw,40px);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.garage__rail::-webkit-scrollbar{display:none}.garage__rail-inner{display:flex;gap:8px;width:max-content;margin-inline:auto;padding-inline:clamp(18px,4vw,48px)}.garage__rail-btn{flex:none;display:inline-flex;align-items:baseline;gap:8px;padding:12px 18px;border:1px solid var(--g-line);border-radius:999px;background:none;color:var(--g-ink-2);font:inherit;font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color var(--g-fast) var(--g-ease),border-color var(--g-fast) var(--g-ease),background var(--g-fast) var(--g-ease)}.garage__rail-btn:hover,.garage__rail-btn.is-hot{color:var(--g-ink);border-color:var(--g-accent);background:color-mix(in srgb,var(--g-accent) 9%,transparent)}.garage__rail-btn span{color:var(--g-ink-3);font-size:10px;font-variant-numeric:tabular-nums}.garage__rail-btn--hero{border-color:color-mix(in srgb,var(--g-accent) 55%,transparent);background:color-mix(in srgb,var(--g-accent) 10%,transparent);color:var(--g-ink)}.garage__rail-btn--hero:before{content:"";width:6px;height:6px;margin-right:2px;border-radius:50%;background:var(--g-accent);align-self:center}.garage__rail-btn--off{border-style:dashed;color:var(--g-ink-3)}.garage__rail-btn--off:hover{color:var(--g-ink-2)}.garage__car.is-ignited .garage__zone-glow{opacity:.62}.garage__car.is-ignited .garage__zone-fill{opacity:.16}.garage__car.is-ignited .garage__art{opacity:.18}.garage__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:color-mix(in srgb,#000 62%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity var(--g-med) var(--g-ease),visibility 0s linear var(--g-med)}.garage.is-open .garage__scrim{opacity:1;visibility:visible;transition-delay:0s,0s}.garage__panel{position:fixed;top:0;right:0;z-index:100;display:flex;flex-direction:column;width:min(var(--g-panel-w),100vw);height:100dvh;border-left:1px solid var(--g-line);background:color-mix(in srgb,var(--g-bg-2) 88%,transparent);-webkit-backdrop-filter:blur(28px) saturate(170%);backdrop-filter:blur(28px) saturate(170%);translate:100% 0;transition:translate var(--g-med) var(--g-ease-2)}.garage.is-open .garage__panel{translate:0 0}.garage__panel-head{flex:none;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:26px 26px 22px;border-bottom:1px solid var(--g-line-soft)}.garage__panel-eyebrow{display:block;margin-bottom:9px;color:var(--g-accent);font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.garage__panel-title{margin:0;font-size:clamp(1.35rem,3.6vw,1.75rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;text-transform:uppercase}.garage__panel-meta{margin:9px 0 0;color:var(--g-ink-3);font-size:12px;letter-spacing:.04em}.garage__close{flex:none;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--g-line);border-radius:50%;background:none;color:var(--g-ink-2);cursor:pointer;transition:color var(--g-fast) var(--g-ease),border-color var(--g-fast) var(--g-ease),rotate var(--g-med) var(--g-ease)}.garage__close:hover{color:var(--g-ink);border-color:var(--g-accent);rotate:90deg}.garage__close svg{width:14px;height:14px}.garage__panel-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 26px 40px}.garage__grid{display:grid;gap:14px}.garage__card{--d: 0ms;display:grid;grid-template-columns:116px 1fr;gap:16px;padding:14px;border:1px solid var(--g-line-soft);border-radius:var(--g-radius-lg);background:color-mix(in srgb,var(--g-surface) 60%,transparent);opacity:0;translate:0 14px;animation:garage-rise var(--g-med) var(--g-ease) var(--d) forwards;transition:border-color var(--g-fast) var(--g-ease),background var(--g-fast) var(--g-ease)}.garage__card:hover{border-color:color-mix(in srgb,var(--g-accent) 45%,var(--g-line));background:var(--g-surface)}@keyframes garage-rise{to{opacity:1;translate:0 0}}.garage__card-media{position:relative;aspect-ratio:1;border-radius:9px;overflow:hidden;background:repeating-linear-gradient(45deg,#2c2e30 0 3px,#232426 3px 6px),repeating-linear-gradient(-45deg,#2c2e30 0 3px,#232426 3px 6px);background-blend-mode:overlay}.garage__card-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.garage__card-body{min-width:0}.garage__card-brand{display:block;margin-bottom:5px;color:var(--g-ink-3);font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.garage__card-title{margin:0 0 8px;font-size:14px;font-weight:600;line-height:1.35;letter-spacing:-.01em}.garage__card-title a{color:var(--g-ink);text-decoration:none}.garage__card-title a:hover{color:var(--g-accent)}.garage__card-spec{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:11px}.garage__tag{padding:3px 8px;border:1px solid var(--g-line);border-radius:999px;color:var(--g-ink-2);font-size:9.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.garage__card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.garage__price{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.garage__price s{margin-left:7px;color:var(--g-ink-3);font-size:12px;font-weight:400}.garage__add{padding:9px 16px;border:1px solid var(--g-accent);border-radius:999px;background:color-mix(in srgb,var(--g-accent) 11%,transparent);color:var(--g-ink);font:inherit;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background var(--g-fast) var(--g-ease),color var(--g-fast) var(--g-ease)}.garage__add:hover:not(:disabled){background:var(--g-accent);color:#1b1c1d}.garage__add:disabled{cursor:default;opacity:.55}.garage__add.is-done{border-color:var(--g-ink);background:var(--g-ink);color:var(--g-bg);opacity:1}.garage__variant{width:100%;margin-bottom:10px;padding:8px 10px;border:1px solid var(--g-line);border-radius:7px;background:var(--g-bg);color:var(--g-ink-2);font:inherit;font-size:11px}.garage__state{padding:48px 8px;text-align:center;color:var(--g-ink-3);font-size:13px;letter-spacing:.04em}.garage__spinner{width:26px;height:26px;margin:0 auto 16px;border:2px solid var(--g-line);border-top-color:var(--g-accent);border-radius:50%;animation:garage-spin .8s linear infinite}@keyframes garage-spin{to{rotate:360deg}}.garage__viewall{display:block;margin-top:20px;padding:15px;border:1px solid var(--g-line);border-radius:999px;color:var(--g-ink-2);font-size:10.5px;font-weight:700;letter-spacing:.2em;text-align:center;text-transform:uppercase;text-decoration:none;transition:color var(--g-fast) var(--g-ease),border-color var(--g-fast) var(--g-ease)}.garage__viewall:hover{color:var(--g-ink);border-color:var(--g-accent)}@media(max-width:900px){.garage__panel{top:auto;bottom:0;right:0;left:0;width:100%;height:min(86dvh,780px);border-left:0;border-top:1px solid var(--g-line);border-radius:20px 20px 0 0;translate:0 100%}.garage__panel-head{padding:20px 20px 18px}.garage__panel-head:before{content:"";position:absolute;top:9px;left:50%;translate:-50% 0;width:42px;height:4px;border-radius:999px;background:var(--g-line)}.garage__panel-body{padding:18px 20px 44px}.garage__model{padding:10px 14px}}@media(hover:none){.garage__label-text{font-size:9.5px}.garage__card{grid-template-columns:92px 1fr}}@media(max-width:560px){.garage__title em{-webkit-text-stroke-width:.7px}.garage__eyebrow{letter-spacing:.2em;font-size:10px}.garage__labels .garage__label{display:none}}@media(prefers-reduced-motion:reduce){.garage *,.garage *:before,.garage *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.garage__card{opacity:1;translate:0 0}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/interactive-garage.css.map */