.compare .ow-color-carousel{min-width:0;width:100%}.compare .ow-color-stage{position:relative;isolation:isolate;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#ededed}.compare .ow-color-stage img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block;margin:0}.compare .ow-color-finish{opacity:0;transition:opacity 1.2s ease-in-out}.compare .ow-color-finish.is-visible{opacity:1}.compare .ow-color-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 0 14px}.compare .ow-color-name{margin:0;font-family:Arial,Helvetica,sans-serif;color:#202020;font-size:17px;line-height:1.3;font-weight:700}.compare .ow-color-accent{margin:4px 0 0;font-size:12px;color:#686868;line-height:1.35}.compare .ow-color-accent:empty{display:none}.compare .ow-color-pause{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid #d5d5d5;border-radius:50%;padding:0;background:transparent;color:#222;cursor:pointer}.compare .ow-color-pause:hover{background:#eee}.compare .ow-color-pause svg{width:12px;height:12px}.compare .ow-color-pause .ow-color-play{display:none}.compare .ow-color-pause[aria-pressed=true] .ow-color-play{display:block}.compare .ow-color-pause[aria-pressed=true] .ow-color-pause-icon{display:none}.compare .ow-color-swatches{display:flex;align-items:center;flex-wrap:wrap;gap:11px;padding:3px}.compare .ow-color-swatch{width:29px;height:29px;flex:0 0 29px;border:1px solid #b9b9b9;border-radius:50%;padding:0;background:var(--paint);cursor:pointer;outline:1px solid transparent;outline-offset:3px;transition:outline-color .2s}.compare .ow-color-swatch[aria-pressed=true]{outline-color:#222}.compare .ow-color-swatch:hover{outline-color:#777}.compare .ow-color-swatch:focus-visible,.compare .ow-color-pause:focus-visible{outline:2px solid #202020;outline-offset:4px}.compare .ow-color-note{margin:13px 0 0;color:#888;font-size:10px;line-height:1.4}@media(max-width:749px){.compare .ow-color-name{font-size:16px}.compare .ow-color-caption{padding-top:16px}.compare .ow-color-swatches{gap:12px}.compare .ow-color-swatch{width:27px;height:27px;flex-basis:27px}}@media(prefers-reduced-motion:reduce){.compare .ow-color-finish{transition:none}}.compare__content>.ow-color-carousel{grid-column:1 / -1}.compare .ow-color-stage img{border-radius:0}
/*# sourceMappingURL=/cdn/shop/t/15/compiled_assets/styles.css.map?subset=AAg */
