.knobs-swatch{--knobs-swatch-size: 32px;display:inline-block;width:var(--knobs-swatch-size);height:var(--knobs-swatch-size);border-radius:50%;background:#d8d8d4;border:1px solid rgba(0,0,0,.18);box-shadow:inset 0 calc(var(--knobs-swatch-size) * .12) calc(var(--knobs-swatch-size) * .22) calc(var(--knobs-swatch-size) * -.06) #ffffff73,inset 0 calc(var(--knobs-swatch-size) * -.16) calc(var(--knobs-swatch-size) * .25) calc(var(--knobs-swatch-size) * -.09) #00000073,inset 0 0 0 1px #ffffff14,0 1px 2px #0000001a;position:relative;vertical-align:middle;flex-shrink:0}.knobs-swatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(ellipse 70% 50% at 35% 25%,#ffffff47,#fff0 60%),radial-gradient(ellipse 80% 60% at 70% 85%,#00000047,#0000 65%);pointer-events:none}.knobs-swatch[data-finish*=white],.knobs-swatch[data-finish*=porcelain],.knobs-swatch[data-finish*=crystal],.knobs-swatch[data-finish*=glass],.knobs-swatch[data-finish*="mother of pearl"]{border-color:#00000038}.knobs-swatch--image{background-size:cover;background-position:center;background-color:#fff}.knobs-swatch--image:after{opacity:.25}.knobs-swatch--unknown{background:#e8e6e0;display:inline-flex;align-items:center;justify-content:center}.knobs-swatch__initial{font-family:var(--tk-font-body, system-ui),sans-serif;font-size:calc(var(--knobs-swatch-size) * .42);font-weight:600;color:#6a6a64;line-height:1}.knobs-prod__finish-pick--active .knobs-swatch{outline:2px solid var(--color-accent, #c2a058);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/knobs-finish-swatches.css.map */