.icon-frame {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: auto;
    height: auto;
    border-radius: 3rem;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0;
    opacity: 99%;
    gap: .25rem;
}
.main-nav .icon-frame{
    justify-content: center;
    align-items: center;
}
/* .selected .icon-frame {
    background: #dd8800;
    opacity: 100%;
    transition: opacity 300ms, width 300ms, background 300ms;
} */


.icon-frame-inner {
    width: auto;
    height: auto;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.invite-status .icon{
    position: static;
    width: 2rem;
    height: 2rem;
    margin: 0;
    border: solid;
    border-radius: 50%;
    /* background-color: #DEDEDE; */
    border-color:  #DEDEDE;
    /* border-spacing: 10px; */
    border-width: 1px;
    /*border-radius: 100px; REMOVED TO MAKE MENU ICON SQUARE AGAIN*/
}


/*.explore.page .card .icon {*/
/*    width: 1rem;*/
/*    height: 1rem;*/
/*}*/

.explore.page .card .card-inner > .card-section > .content-panel > .card-subtitle {
    font-size: clamp(7px, 2dvh, 1rem);
}

.explore.page .action-item {
    font-size: 1rem;
}

.explore.page .action-item.person .icon-frame .icon {
    width: 2rem;
    height: 2rem;
}

.action-item.person {
    padding: 0;
}

.action-item .icon,
.title .action-item.menu .icon {
    max-width: 1.5rem;
    max-height: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
}

.overview .action-item .icon,
.overview .title .action-item.menu .icon {
    max-width: 1.5rem;
    max-height: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
}

.message-text .action-item .icon, .title .action-item.menu .icon
{
    max-width: 1.5rem;
    max-height: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
}

.small.action-item .icon,
.title .small.action-item.menu .icon {
    max-width: 1rem;
    max-height: 1rem;
    width: 1rem;
    height: 1rem;
}