/* MicroLab v1.0.22 - square text/background colour boxes */
.re-square-palette {
    position: fixed !important;
    z-index: 2147483647 !important;
    display: none !important;
    grid-template-columns: repeat(10, 20px) !important;
    gap: 3px !important;
    width: 238px !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    background: #ffffff !important;
    border: 1px solid #bcc5d6 !important;
    border-radius: 6px !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .38) !important;
}

.re-square-palette.re-square-palette-open {
    display: grid !important;
}

.re-square-palette .re-square-colour {
    display: block !important;
    flex: none !important;
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(0, 0, 0, .3) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    cursor: pointer !important;
    appearance: none !important;
}

.re-square-palette .re-square-colour:hover,
.re-square-palette .re-square-colour:focus {
    outline: 2px solid #1769e0 !important;
    outline-offset: 1px !important;
    transform: none !important;
}