.tagify {
    --tag-text-color: none;
    --tag-bg: none;
}

.tagify x {
    color: #838383
}

tags {
    background-color: #ede7e7;
    box-shadow: #c5c7c8 5px 5px 10px;
}
    
.tagify tag {
    --tag-bg: none;
    --tag-text-color: none;
    background-image: linear-gradient(90deg, #8cccf1, #87f379);
    color: rgb(250 245 255);
}

.alternativas li {
    padding-left: 0;
}

.alternativas .ql-ui:before {
    content: ')' !important;
}

.red-on-hover {
    transition: color 0.5s ease-in-out;
}

.mathquill4quill-latex-input {
    display: none !important;
}

.mathquill4quill-mathquill-input {
    width: 9em;
}

.red-on-hover:hover {
    color: red !important;
}

.alternativas_cards {
    padding: 12px 4px;
}

.alternativas_cards, .alternativas_cards .opcao {
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
}

.alternativas_cards .opcao {
    padding: 2px 4px;
    margin: 4px 4px;
    min-height: 3em;
}

.botao_remover_questao {
    font-size: 1.1em;
    margin-right: 16px;
    vertical-align: text-top;
}

.alternativas_cards .ql-indeletavel:last-child {
    display: flex;
    align-items: center;
}

.alternativas_cards .botao_excluir {
    position: absolute;
    transform: translate(-1.5em, 0.5em);
    cursor: pointer;
}

.opcao.gabarito {
    border-width: 3px;
	border-image: repeating-linear-gradient(45deg, #4094e0, #ffffff 60%) 1;
}

@property --border-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}


.glow {
    --border-angle: 0deg;
    --bg: hsl(190deg 20% 10%);
    border-radius: 12px;
    box-shadow: 0px 2px 4px hsl(0 0% 0% / 25%);
    animation: border-angle-rotate 2s infinite linear;
    border: 4px solid transparent;
    position: relative;

    background: linear-gradient(white, white) padding-box,
        conic-gradient(
            from var(--border-angle),
            var(--bg) 50%,
        white
        )
        border-box;

}

@keyframes border-angle-rotate {
  from { --border-angle: 0deg; }
  to { --border-angle: 360deg; }
}