/* SIMPLE ROLES */


.anvil-role-clickable {
    cursor: pointer;
}


.anvil-role-crossed-out {
    text-decoration: line-through;
}

.anvil-role-fullrounded {
    border-radius: 50vh;
}


.anvil-role-fullheight {
    height: 100%;
}


.anvil-role-softcorners {
    border-radius: 4px;
}


.anvil-role-softercorners {
    border-radius: 12px;
}


.anvil-role-underlined {
    border-bottom: 1px solid;
}






/* COMPLEX ROLES */

.anvil-role-dull-icons i, 
.anvil-role-dull-icons span[anvil-name="anvil-m3-text-icon"],
.anvil-role-ghost-icons span[anvil-name="anvil-m3-heading-icon"] {
    opacity: 0.4;
    transition: all 150ms ease-in-out;
}
.anvil-role-dull-icons:hover i, 
.anvil-role-dull-icons:hover span[anvil-name="anvil-m3-text-icon"],
.anvil-role-ghost-icons:hover span[anvil-name="anvil-m3-heading-icon"]{
    opacity: 1;
}


.anvil-role-ghost-icons i, 
.anvil-role-ghost-icons span[anvil-name="anvil-m3-text-icon"], 
.anvil-role-ghost-icons span[anvil-name="anvil-m3-heading-icon"] {
    opacity: 0.1;
    transition: all 150ms ease-in-out;
}

.anvil-role-ghost-icons:hover i, 
.anvil-role-ghost-icons:hover span[anvil-name="anvil-m3-text-icon"],
.anvil-role-ghost-icons:hover span[anvil-name="anvil-m3-heading-icon"] {
    opacity: 1;
}


.anvil-role-striped-rows .anvil-data-row-panel {
    border-left: 3px solid rgba(0,0,0,.2);
    transition: all 150ms linear;
}
.anvil-role-striped-rows .anvil-data-row-panel:hover {
    border-left: 3px solid #006C48;
}
.anvil-role-striped-rows .anvil-data-row-panel:nth-of-type(even) {
    background: inherit;
}
.anvil-role-striped-rows .anvil-data-row-panel:nth-of-type(odd) {
    background: #e0e3e5;
}