/* display tools */
#andcopypaste_tools:hover,
.andcopypaste_show {
    display: flex !important;
}

/* hover effects */
.andcopypaste_hover {
    outline: 1px solid #EECC66 !important;
    background-color: #FFEE88 !important;
}
@keyframes flash {
    0% {
        background-color: initial;
        outline: initial;
        /*color: initial;*/
    }
    100% {
        outline: 1px solid #EECC66;
        background-color: #FFEE88;
        /*color: #fff;*/
    }
}
@keyframes flashback {
    0%, 100% {
        background-color: initial;
        outline: initial;
        /*color: initial;*/
    }
    50% {
        outline: 1px solid #EECC66;
        background-color: #FFEE88;
        /*color: #fff;*/
    }
}
.andcopypaste_pasting {
    animation: flash 0.1s 1 !important;
}
.andcopypaste_pasted {
    animation: flashback 2s 1 !important;
}

/* container */
#andcopypaste_tools {
    position: fixed;
    z-index: 99999;
    display: none;
    white-space: nowrap;
}
#andcopypaste_tools * {
    font-size: 11px;
    background: default;
    color: default;
    margin: 0 1px;
    padding: 5px;
    border: 0;
}

/* buttons */
#andcopypaste_select,
#andcopypaste_copy,
#andcopypaste_paste {
    /* cf. https://fontawesome.com/v5/cheatsheet */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    background-color: #92b655;
    color: #fff;
}
#andcopypaste_select:hover,
#andcopypaste_copy:hover,
#andcopypaste_paste:hover {
    color: #92b655;
    background-color: #000;
}
#andcopypaste_select::before {
    content: "\f0b2";
}
#andcopypaste_copy::before {
    content: "\f00c";
}
#andcopypaste_paste::before {
    content: "\f0ea";
}