.interface-color-picker[data-v-9d5108]{position:relative;--swatch-size:20px;display:flex;flex-direction:column;flex-wrap:wrap;height:calc(var(--swatch-size)*11);width:calc(var(--swatch-size)*18);margin-bottom:var(--swatch-size)}.interface-color-picker button[data-v-9d5108]{flex-basis:var(--swatch-size);width:var(--swatch-size);height:var(--swatch-size);display:block;transform:scale(1);transition:transform var(--fast) var(--transition-in)}.interface-color-picker button[data-v-9d5108]:hover{transition:none;transform:scale(1.4);z-index:1;box-shadow:var(--box-shadow)}.interface-color-picker button i[data-v-9d5108]{font-size:18px;margin-top:-3px;color:var(--white)}.interface-color-picker button i.dark[data-v-9d5108]{color:var(--black)}.interface-color-picker button[data-v-9d5108]:last-child{flex-grow:1;position:absolute;left:50%;top:calc(var(--swatch-size)*11);width:50%}.interface-color-picker button[data-v-9d5108]:last-child:hover{transform:scale(1.1)}.interface-color-picker button[data-v-9d5108]:nth-last-child(2){flex-grow:1;border:1px solid var(--lightest-gray);position:absolute;left:0;top:calc(var(--swatch-size)*11);width:50%}.interface-color-picker button[data-v-9d5108]:nth-last-child(2):hover{transform:scale(1.1)}.interface-color-picker button[disabled=disabled][data-v-9d5108]{cursor:not-allowed;filter:grayscale(1)}.interface-color-picker button[disabled=disabled].active[data-v-9d5108]{filter:none}.interface-color-picker button[disabled=disabled][data-v-9d5108]:hover{transform:none;transition:none}