.js .r{opacity:0;transform:translateY(14px);transition:opacity .75s cubic-bezier(.22,.61,.36,1),transform .75s cubic-bezier(.22,.61,.36,1)}.js .r.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.js .r{opacity:1;transform:none;transition:none}}.finish-comparison-section{--fc-stage: min(118px, 33vw);--fc-featured: 1.1;position:relative;overflow:hidden;background-color:var(--secondary);color:var(--tertiary);padding:80px max(var(--side-padding),20px);text-align:center}.finish-comparison-gl{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.finish-comparison-inner{max-width:var(--max-width);margin:0 auto}.finish-comparison-head{display:flex;flex-direction:column;align-items:center;gap:14px}.finish-comparison-eyebrow{margin:0;font-family:var(--body-font-family);font-weight:400;font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:color-mix(in srgb,currentColor 75%,transparent)}.finish-comparison-heading{margin:0;font-family:var(--heading-font-family);font-weight:400;font-size:20px;line-height:1.12;letter-spacing:normal;text-transform:none;color:var(--tertiary)}.js .finish-swatch.r{transform:none}.finish-comparison-row{margin:44px auto 0;max-width:360px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px;align-items:start;justify-items:center}.finish-swatch{min-width:0;margin:0;display:flex;flex-direction:column;align-items:center}.finish-swatch-label-row{height:24px;margin-bottom:12px;display:flex;align-items:center;justify-content:center}.finish-swatch-label{margin:0;font-family:var(--body-font-family);font-weight:400;font-size:12px;color:color-mix(in srgb,currentColor 75%,transparent)}.finish-swatch-label--tag{padding:5px 10px;border:1px solid color-mix(in srgb,currentColor 50%,transparent);line-height:1;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}.finish-swatch-label--text{line-height:1.2;letter-spacing:.04em}.finish-swatch-stage-slot{height:calc(var(--fc-stage) * var(--fc-featured));display:flex;align-items:center;justify-content:center}.finish-comparison-section .finish-swatch-media{position:relative;width:var(--fc-stage);max-width:100%;aspect-ratio:1;border-radius:50%;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.finish-comparison-section .finish-swatch-media:active{cursor:grabbing}.finish-comparison-section .finish-swatch-media:focus{outline:none}.finish-comparison-section .finish-swatch-media:focus-visible{outline:2px solid color-mix(in srgb,var(--tertiary) 50%,transparent);outline-offset:8px}.finish-swatch-featured .finish-swatch-media{width:calc(var(--fc-stage) * var(--fc-featured))}.finish-swatch-fallback{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:74%;aspect-ratio:1;border-radius:50%;pointer-events:none}[data-finish=antique-brass] .finish-swatch-fallback{background:radial-gradient(circle at 38% 30%,#f1e3ab,#d3c08a 42%,#ccba85 60%,#998a5d)}[data-finish=bronze] .finish-swatch-fallback{background:radial-gradient(circle at 40% 28%,#6a615c,#514745 45%,#4e4542 62%,#332b29)}[data-finish=polished-nickel] .finish-swatch-fallback{background:radial-gradient(circle at 38% 28%,#fff,#c9c2b8 38%,#b0a89e 58%,#534e4a)}[data-finish=satin-nickel] .finish-swatch-fallback{background:radial-gradient(circle at 40% 30%,#f0eade,#d7d0c4 45%,#c6bfb3 62%,#857d72)}.finish-swatch-ball-shadow{display:none;position:absolute;left:51.5%;top:85.5%;transform:translate(-50%);width:74%;height:10.5%;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--tertiary) 20%,transparent) 0%,color-mix(in srgb,var(--tertiary) 12%,transparent) 40%,color-mix(in srgb,var(--tertiary) 4.5%,transparent) 64%,transparent 84%);filter:blur(3px)}.finish-swatch-ball-shadow:after{content:"";position:absolute;left:49%;top:50%;transform:translate(-50%,-50%);width:48%;height:54%;border-radius:50%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--tertiary) 26%,transparent),color-mix(in srgb,var(--tertiary) 8%,transparent) 55%,transparent 78%);filter:blur(2px)}.finish-comparison-section.gl-on .finish-swatch-fallback{visibility:hidden}.finish-comparison-section.gl-on .finish-swatch-ball-shadow{display:block}.finish-comparison-flat .finish-swatch-media{cursor:default;touch-action:auto}.finish-swatch-flat{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:74%;height:auto;aspect-ratio:1;pointer-events:none}.finish-comparison-flat .finish-swatch-ball-shadow{display:block}.finish-swatch-name{margin:12px 0 0;font-family:var(--body-font-family);font-weight:400;font-size:12px;line-height:1.2;letter-spacing:.04em;color:color-mix(in srgb,currentColor 75%,transparent)}.finish-swatch-featured .finish-swatch-name{font-weight:700;color:var(--tertiary)}@media(min-width:768px){.finish-comparison-section{--fc-stage: 70px;--fc-featured: 1.25;padding:96px var(--side-padding)}.finish-comparison-row{margin:40px 0 0;max-width:none;display:flex;justify-content:center;align-items:flex-start;gap:64px}.finish-swatch{flex:0 0 auto}.finish-swatch-label--tag{padding:5px 12px}.finish-swatch-name{margin-top:16px}}@media(min-width:1280px){.finish-comparison-section{--fc-stage: 103.4px;--fc-featured: 1.19318;padding:126px var(--side-padding) 166px}.finish-comparison-head{gap:16px}.finish-comparison-heading{font-size:30px;line-height:normal}.finish-comparison-row{margin-top:54px;gap:64px}.finish-swatch-name{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/419/assets/finish-comparison.css.map */