.link
{
    color: var(--bs-link-color);

    &:hover
    {
        text-decoration: underline;
        cursor: pointer;
    }
}

.link-plain
{
    text-decoration: none !important;
}

.link-external
{
    /*color: var(--bs-white);*/
    /*background-color: #006bb7;*/
    border-radius: 5px;
    padding: .25rem .25rem;
    transition: all 0.15s ease-in-out;

    &:before
    {
        font-family: 'Icons';
        content: '\e064';
        vertical-align: middle;
        font-size: 14px;
        padding-right: .25rem;
    }

    &:hover
    {
        color: var(--bs-white);
        background-color: #006bb7;
    }

    &:active
    {
        color: var(--bs-white);
        background-color: #5600b7;
    }
}

.round
{
    border-radius: 10000px;
}

.icon-large
{
    width: 40px;
    height: 40px;
}

.no-select
{
    user-drag: none!important;
    -webkit-user-drag: none!important;
    user-select: none!important;
    -moz-user-select: none!important;
    -webkit-user-select: none!important;
    -ms-user-select: none!important;

    input
    {
        pointer-events: none!important;
    }
}

.debug-text
{
    background: black;
    color: white;
}

code, .font-monospace
{
    font-family: 'Fira Code Retina', var(--bs-font-monospace)!important;
}

.drag-handle
{
    color: var(--bs-gray-600);
    align-self: center;
    cursor: ns-resize;

    &:after
    {
        content: '='
    }
}

.dragging-ease
{
    transition: transform 0.25s ease;
}

.btn-foldout_text
{
    display: block;
    transition: width ease 0.33s, padding ease 0.33s;
    white-space: nowrap;
    overflow: hidden;
}

:not(.btn:hover) > .btn-foldout_text
{
    width: 0!important;
    padding: 0!important;
}