/********* public:kingz_account_settings.css ********/
.emudevs__side-nav .link {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--emudevs__text-color-200);
    text-transform: capitalize;
    padding-block: 0.375rem; padding-left: 1.75rem;
    padding-right: 0.5rem;
    border-radius: 0.5rem !important;
    transition: height .25s ease,color .25s ease,background .25s ease;
}

.blockLink {
    padding: 8px 12px;
    padding-right: 12px;
    padding-left: 12px;
    text-decoration: none;
    cursor: pointer;
}

.emudevs__side-nav .link:first-child:not(:only-child)::before {
    top: unset;
    bottom: 0;
    height: calc(100% - 0.25rem);
}

.emudevs__side-nav .link::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0.875rem;
    width: 1px;
    height: 100%;
    background: var(--emudevs__border-color);
}

.emudevs__side-nav .link {
    color: var(--emudevs__text-color-200);
    text-transform: capitalize;
}

.emudevs__block-icon .emudevs__block-icon-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 0.25rem;
    background: var(--emudevs__kingz-green-color-fade-5);
}

.emudevs__block-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--emudevs__border-color);
    border-radius: 0.5rem;
    padding: 0.125rem;
    flex-shrink: 0;
}

.emudevs__mr-2x {
    margin-right: 0.5rem;
}

.sparkle path:nth-of-type(1) {
    --scale: 0.5;
    --delay: 0.1;
}

.sparkle path:nth-of-type(2) {
    --scale: 1.5;
    --delay: 0.2;
}

.sparkle path:nth-of-type(3) {
    --scale: 2.5;
    --delay: 0.35;
}

.sparkle path {
    --transition: 0.5s;
    color: var(--emudevs__kingz-green-color);
    transform-box: fill-box;
    transform-origin: center;
    fill: currentColor;
    stroke: currentColor;
    animation-name: bounce;
    animation-delay: calc((var(--transition)*1.5) + (var(--delay)*1s));
    animation-duration: 2s;
    animation-iteration-count: infinite;
    transition: color var(--transition);
}

@keyframes bounce {
    35%, 65% {
        scale: var(--scale);
    }
}

.sparkle path:nth-of-type(1) {
    --scale: 0.5;
    --delay: 0.1;
}

.sparkle path:nth-of-type(2) {
    --scale: 1.5;
    --delay: 0.2;
}

.sparkle path:nth-of-type(3) {
    --scale: 2.5;
    --delay: 0.35;
}

.emudevs__side-nav .link.is-selected {
    border: 0;
}

.emudevs__side-nav .link:hover, .emudevs__side-nav .link.is-selected {
    color: var(--emudevs__text-color-white);
}

.emudevs__side-nav .link {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--emudevs__text-color-200);
    text-transform: capitalize;
    padding-block: 0.375rem; padding-left: 1.75rem;
    padding-right: 0.5rem;
    border-radius: 0.5rem !important;
    transition: height .25s ease,color .25s ease,background .25s ease;
}

.blockLink:hover {
    background: #101116;
    text-decoration: inherit;
}

.blockLink.is-selected {
    font-weight: 600;
    background: #101116;
    border-left: 3px solid #17181f;
}

.blockLink {
    padding: 8px 12px;
    padding-right: 12px;
    padding-left: 12px;
    text-decoration: none;
    cursor: pointer;
}

.blockLink.is-selected {
    background: none !important;
}

.emudevs__side-nav .link .link-arrow {
    color: var(--emudevs__text-color-500) !important;
    margin-left: auto;
}

.emudevs__side-nav .link:hover .link-arrow {
    animation: popin .25s forwards;
    color: var(--emudevs__kingz-green-color) !important;
}

.emudevs__side-nav .link:hover, .emudevs__side-nav .link.is-selected {
    color: var(--emudevs__text-color-white);
}

.emudevs__side-nav .link:hover:after, .emudevs__side-nav .link.is-selected:after {
    height: 62%;
}

.emudevs__side-nav .link:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 0.875rem;
    transform: translateY(-50%);
    width: 1px;
    height: 0;
    background: var(--emudevs__kingz-green-color);
    transition: height .25s ease;
}