entrada-cor {
    display: inline-flex;
    flex: 0 0 auto;
    width: fit-content;
}

entrada-cor .entrada-cor {
    position: relative;
    display: flex;
    align-items: center;
    width: 3.5rem;
    height: var(--altura-2);
    overflow: hidden;
    border: var(--borda-normal);
    border-radius: var(--borda-raio);
    background-color: var(--cor-fundo);
    cursor: pointer;
}

entrada-cor:hover,
entrada-cor:focus-within {
    border-color: var(--cor-azul);
}

entrada-cor .entrada-cor-amostra {
    flex: 1;
    align-self: stretch;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    cursor: pointer;
}

entrada-cor input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
}