html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-gallery{display:block;position:relative;min-width:0;width:100%;padding:0 0 88px;margin:0;background:transparent;border:0;border-radius:0;overflow:hidden;--djs-card-gap:22px}html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-gallery .djs-site-gallery-track{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;position:relative;isolation:isolate;overflow:hidden!important;scroll-snap-type:none;touch-action:pan-y;margin:0!important;padding:0!important}html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-gallery .djs-site-gallery-track>figure{grid-area:1/1;width:100%;height:auto;min-height:0;margin:0!important;align-self:start;justify-self:center;aspect-ratio:auto!important;border:1px solid #45484e;border-radius:28px!important;overflow:hidden;background:#080a0b;color:#fff;opacity:1;visibility:hidden;pointer-events:none;translate:none!important;transform:translate(calc(var(--djs-card-slot,0) * (100% + var(--djs-card-gap))))!important;transition:transform 1.05s cubic-bezier(.65,0,.15,1),visibility 0s 1.1s!important}html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-gallery figure:is(.is-current,.is-neighbour,.is-leaving){visibility:visible;transition-delay:0s!important}html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-gallery figure.is-current{pointer-events:auto;z-index:2}html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-gallery:not(:defined) figure:first-child{visibility:visible}html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-gallery figcaption{padding:6px 12px 0;text-align:center;color:#c1c5ca;font-size:12px}html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-gallery .djs-site-gallery-arrow{display:none!important}html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-gallery .djs-gallery-pagination{position:absolute;bottom:12px;left:calc(50% - 154px);display:flex;align-items:center;justify-content:center;width:244px;height:52px;gap:0;padding:0 12px;border-radius:999px;background:#2c2c2e;overflow:hidden;box-shadow:none}html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-gallery .djs-gallery-dot{position:relative;display:grid;place-items:center;flex:0 0 24px;width:24px;height:52px;min-width:0;min-height:0;margin:0;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:999px!important;color:#f5f5f7!important;translate:none!important;scale:1!important;transform:none!important;transition:flex-basis .6s cubic-bezier(.22,.61,.36,1),width .6s cubic-bezier(.22,.61,.36,1)!important;cursor:pointer}html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-gallery .djs-gallery-dot[hidden]{display:none!important}html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-gallery .djs-gallery-dot[aria-current=true]{flex-basis:48px;width:48px}html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-gallery .djs-gallery-dot>span{display:block;position:relative;width:7px;height:7px;border-radius:999px;background:#8e8e93;overflow:hidden;transition:width .6s cubic-bezier(.22,.61,.36,1)}html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-gallery .djs-gallery-dot[aria-current=true]>span{width:34px;background:#737376}html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-gallery .djs-gallery-dot i{display:none;position:absolute;inset:0 auto 0 0;width:var(--djs-gallery-progress,0%);border-radius:999px;background:#f5f5f7}html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-gallery .djs-gallery-dot[aria-current=true] i{display:block}html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-gallery .djs-site-gallery-pause{position:absolute;bottom:12px;left:calc(50% + 102px);right:auto;display:grid;place-items:center;width:52px!important;height:52px!important;min-width:52px;min-height:52px;margin:0;padding:0!important;background:#2c2c2e!important;border:0!important;border-radius:50%!important;box-shadow:none;color:#f5f5f7!important;cursor:pointer}html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-gallery .djs-site-gallery-pause svg{width:22px;height:22px;display:block}html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-gallery .djs-site-gallery-pause:hover{background:#414143!important}html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-gallery :is(.djs-site-gallery-pause,.djs-gallery-dot):focus-visible{outline:2px solid #f5f5f7;outline-offset:3px}@media(max-width:749px){html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-gallery .djs-site-gallery-track>figure{border-radius:24px!important}}@media(prefers-reduced-motion:reduce){html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-gallery :is(figure,.djs-gallery-dot,.djs-gallery-dot>span){transition:none!important}}html body[data-djs-site-nav] #MainContent .djs-rims .djs-hero{background:#202226!important;border-bottom:8px solid #e1ff00}html body[data-djs-site-nav] #MainContent .djs-rims .djs-hero>.djs-grid{align-items:center;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,4vw,64px)}html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-visual{display:grid;place-items:center;position:relative;width:100%;aspect-ratio:1;margin:0;padding:0;border:0!important;border-radius:0!important;background:#050606;overflow:hidden;transform:none!important;transition:none;box-shadow:none!important}html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-visual:before,html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-visual:after{display:none!important}html body[data-djs-site-nav] #MainContent .djs-rims .dr-client-photo{display:block;width:100%;height:100%!important;aspect-ratio:auto!important;object-fit:contain!important;border-radius:0!important;transform:none!important;margin:0}html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-wheel{position:relative;display:block;width:100%;aspect-ratio:1;isolation:isolate;pointer-events:none}html body[data-djs-site-nav] #MainContent .djs-rims .dr-wheel-base{display:block;width:100%;height:100%!important;aspect-ratio:1!important;object-fit:contain!important;border-radius:0!important;transform:none!important;margin:0}html body[data-djs-site-nav] #MainContent .djs-rims .dr-rim-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none;mask-image:var(--rim-mask);-webkit-mask-image:var(--rim-mask);mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}html body[data-djs-site-nav] #MainContent .djs-rims .dr-rim-reflection{background-image:var(--dr-black-wheel);background-size:100% 100%;filter:grayscale(1);mix-blend-mode:screen;opacity:.6}html body[data-djs-site-nav] #MainContent .djs-rims .dr-rim-shading{background-image:radial-gradient(ellipse at 24% 31%,#ffffff1f,transparent 31%),linear-gradient(128deg,#ffffff08 8%,transparent 27%,#00000024 43%,transparent 53%,#ffffff18 62%,#0000000a 87%)}html body[data-djs-site-nav] #MainContent .djs-rims .dr-rim-signature{position:absolute;right:2.2%;bottom:2.2%;display:block;width:24%!important;height:auto!important;aspect-ratio:auto!important;border-radius:0!important;transform:none!important;object-fit:contain!important;margin:0}html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-gallery figcaption{display:grid;gap:4px;align-content:center;min-height:78px;padding:12px 18px;text-align:center;background:#080a0b}html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-gallery figcaption strong{color:#fff;font-size:clamp(15px,1.4vw,19px);font-weight:700;line-height:1.25}html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-gallery figcaption span{color:#c1c5ca;font-size:13px;line-height:1.4}@media(max-width:749px){html body[data-djs-site-nav] #MainContent .djs-rims .djs-hero>.djs-grid{grid-template-columns:minmax(0,1fr);gap:30px}html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-gallery figcaption{min-height:72px;padding:10px 12px}}html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-gallery img{background:transparent!important;max-height:none!important;padding:0!important;box-shadow:none!important}@media(min-width:750px){html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-visual{aspect-ratio:3/2}html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-wheel{width:66.666667%}}html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-gallery figcaption{min-height:96px}html body[data-djs-site-nav] #MainContent .djs-rims .dr-hero-gallery figcaption small{font-size:11px;line-height:1.4;font-weight:400;color:#c1c5ca}
/*# sourceMappingURL=/cdn/shop/t/12/assets/djs-rims-landing.css.map */