/* created by nile lol cause im lazy */

.fade {
    opacity: 0;
    transition: opacity 0.25s;
    pointer-events: none;
}

.fade.show {
    opacity: 1;
    pointer-events: auto; 
}


.hidden {
    display: none;
}

.spin {
    display: inline-block;
    animation: spin 2s linear infinite;
}

.zuos_small{position:relative;padding-left:27px;overflow:hidden;}
.zuos_small::before{content:"";display:inline-block;width:34px;height:34px;background-image:url('/img/ZuoSmall.png');background-position:center;background-repeat:no-repeat;position:absolute;top:-6px;left:0;margin-left:-20px;padding-left:32px;}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.avatarColor.selected {
    border:4px solid var(--cirkllight);
}



.mt-0 { margin-top: 0; }
.mt-1 { margin-top: 4px; }
.mt-2 { margin-top: 8px; }
.mt-3 { margin-top: 12px; }
.mt-4 { margin-top: 16px; }
.mt-5 { margin-top: 24px; }
.mt-6 { margin-top: 32px; }

.mr-0 { margin-right: 0; }
.mr-1 { margin-right: 4px; }
.mr-2 { margin-right: 8px; }
.mr-3 { margin-right: 12px; }
.mr-4 { margin-right: 16px; }
.mr-5 { margin-right: 24px; }
.mr-6 { margin-right: 32px; }

.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 4px; }
.mb-2 { margin-bottom: 8px; }
.mb-3 { margin-bottom: 12px; }
.mb-4 { margin-bottom: 16px; }
.mb-5 { margin-bottom: 24px; }
.mb-6 { margin-bottom: 32px; }

.ml-0 { margin-left: 0; }
.ml-1 { margin-left: 4px; }
.ml-2 { margin-left: 8px; }
.ml-3 { margin-left: 12px; }
.ml-4 { margin-left: 16px; }
.ml-5 { margin-left: 24px; }
.ml-6 { margin-left: 32px; }

.m-0 { margin: 0; }
.m-1 { margin: 4px; }
.m-2 { margin: 8px; }
.m-3 { margin: 12px; }
.m-4 { margin: 16px; }
.m-5 { margin: 24px; }
.m-6 { margin: 32px; }

.disabled { background-color: var(--d3) !important; pointer-events: none; }

.category { cursor: pointer; }

.side-by-side {
    display: flex;
    align-items: center;
}

.under_text_settings {
    margin-top: 5px; 
    font-size: 13px;
}