input {
    width: 35px;
    height: 35px;
    border-radius: 50px;
    transition: 1s;
    padding: 10px;
    color: transparent;
    border: 1px solid aquamarine;
    background-color: var(--layout-secondary-background-color-light);
}

input:hover {
    border: 1px solid rgb(218, 218, 218);
    outline: 1px solid rgb(218, 218, 218);
}

input::placeholder {
    color: transparent;
}

input:hover::placeholder {
    color: rgb(110, 110, 110);
}

input:focus {
    color: rgb(70, 70, 70);
    border: 1px solid aquamarine;
    outline: 1px solid aquamarine;
    /* background-color: var(--layout-secondary-background-color-light); */
    color: rgb(228, 228, 228);
}

input:focus::placeholder {
    color: rgb(184, 184, 184);
}

.hidden {
    width: 0;
    color: transparent;
    overflow: hidden;
    box-shadow: none;
    transition: all 1s;
}