.interface-color[data-v-71b1c5]{max-width:var(--width-large)}.input[data-v-71b1c5]{max-width:var(--width-small);margin-right:8px}.input[data-v-71b1c5],.sliders[data-v-71b1c5]{display:inline-block;vertical-align:middle}.sliders[data-v-71b1c5]{max-width:200px;margin-right:36px}.sliders .slider-label[data-v-71b1c5]{display:inline-block;color:var(--light-gray);width:14px;vertical-align:text-bottom}.sliders .slider[data-v-71b1c5]{display:inline-block;margin-bottom:8px}.swatch[data-v-71b1c5]{transition:var(--fast) var(--transition);display:inline-block;width:40px;height:40px;border-radius:100%;vertical-align:middle;margin-right:8px;color:var(--white);text-align:center}.swatch i[data-v-71b1c5]{line-height:40px}button[data-v-71b1c5]{transition:var(--fast) var(--transition);position:relative;display:inline-block;width:40px;height:40px;border-radius:100%;border:2px solid var(--gray);margin-right:8px;margin-bottom:8px}button[data-v-71b1c5]:first-of-type{margin-left:16px}button[data-v-71b1c5]:first-of-type:before{content:"";position:absolute;top:0;bottom:0;left:-16px;border-left:1px solid var(--lighter-gray)}button[data-v-71b1c5]:not(:hover){background-color:var(--white)!important}button[data-v-71b1c5]:hover{transition:none;color:var(--white)!important}