.interface-color-picker[data-v-04ad7280]{--swatch-size:25px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;height:calc(var(--swatch-size)*11);margin-bottom:calc(var(--swatch-size) + var(--input-note-margin))}.interface-color-picker button[data-v-04ad7280]{-ms-flex-preferred-size:var(--swatch-size);flex-basis:var(--swatch-size);height:var(--swatch-size);display:block;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform var(--fast) var(--transition-in);transition:-webkit-transform var(--fast) var(--transition-in);transition:transform var(--fast) var(--transition-in);transition:transform var(--fast) var(--transition-in),-webkit-transform var(--fast) var(--transition-in)}.interface-color-picker button[data-v-04ad7280]:hover{-webkit-transition:none;transition:none;-webkit-transform:scale(1.4);transform:scale(1.4);z-index:1;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}.interface-color-picker button i[data-v-04ad7280]{position:absolute;left:0;right:0;bottom:0;top:3px;margin:auto;color:var(--white)}.interface-color-picker button i.dark[data-v-04ad7280]{color:var(--black)}.interface-color-picker button[data-v-04ad7280]:last-child{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:absolute;left:50%;top:calc(var(--swatch-size)*11);width:50%}.interface-color-picker button[data-v-04ad7280]:last-child:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.interface-color-picker button[data-v-04ad7280]:nth-last-child(2){-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border:1px solid var(--blue-grey-50);position:absolute;left:0;top:calc(var(--swatch-size)*11);width:50%}.interface-color-picker button[data-v-04ad7280]:nth-last-child(2):hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.interface-color-picker button[disabled=disabled][data-v-04ad7280]{cursor:not-allowed;-webkit-filter:grayscale(1);filter:grayscale(1)}.interface-color-picker button[disabled=disabled].active[data-v-04ad7280]{-webkit-filter:none;filter:none}.interface-color-picker button[disabled=disabled][data-v-04ad7280]:hover{-webkit-transform:none;transform:none;-webkit-transition:none;transition:none}