[v-cloak] {
    display: none;
}
pre {
    max-height: 500px;
}
.bd-clipboard {
    position: absolute;
    right: 1rem;
    top: .25rem;
}
.btn-clipboard:hover {
    color: #fff;
    background-color: #0d6efd;
}
.btn-clipboard {
    position: absolute;
    top: .65rem;
    right: .65rem;
    z-index: 10;
    display: block;
    padding: .25rem .5rem;
    font-size: .75em;
    color: #0d6efd;
    background-color: #fff;
    border: 1px solid;
    border-radius: .25rem;
}  
.accordion-button {
    color: #fff;
    background-color: #2a9fD6;
}
.accordion-button:not(.collapsed) {
    /* color: #212529;
    background-color: #fff; */
    color: #fff;
    background-color: #2a9fD6;
}
.accordion-button, .accordion-button:focus {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
}
body, #collapsePreview, #collapseEditor, #collapseHTML {
    background-color: #222222;
    font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
}     
#collapseEditor {
    color: #737373;
    /* font-weight: bold; */
}
a, a:visited {
    color: #2a9fD6;
    text-decoration: none;
}
a:hover {
    color: #2a9fD6;
    text-decoration: underline;
}
p, ul {
    margin-bottom: .2rem !important;
}
.spinner-slow {
    animation-duration: 2s;
}

.search-types {
    text-transform: capitalize;
    max-width: max-content;
}