.profile-text-selector {
    display: grid;
    row-gap: $width-border; 
    margin: spacing(-2) 0 spacing(0);
    li {
       margin: 0;
       padding: 0;
        &::before {
        content: none;
       } 
    }

    &__item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        @include set-colors('background-secondary');
        padding: spacing(-2) spacing(-1);
        @include set-font(0, 'single');
        &:hover {
            background-color: color('background-secondary-hover');
            .button {
                background-color: color('theme-hover');
            }
            .button--text {
                background-color: transparent;
                box-shadow: $shadow-style-front color("shadow");
            }
        }
        &:active {
            color: color('foreground-theme'); 
            .button {
                box-shadow: $shadow-style-back color("shadow");
            }
            .button--text {
                box-shadow: $shadow-style-back color("shadow");
            }
            .profile-text-selector__item__title::before {
                color: color('foreground-theme'); 
            }
        }
        &:focus-visible {
              outline: $outline-width solid color("utility-focus");
              outline-offset: $outline-offset;
              z-index: $z-index-just-above-static;
          }
        &__title {
            display: flex;
            align-items: center;
            @include icon-style {
                display: inline-block;
                text-align: center;
                color: color('foreground-theme'); 
                margin-right: spacing(-4); 
                font-size: font-size(2);
                width: line-height('single');
            }
        }
        &--filled-in {
            color: color('foreground-secondary');
            .profile-text-selector__item__title::before {
                color: color('foreground-secondary'); 
            }
        }
    }
}