@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.tox {
    .td-link {
        .aria-autocomplete__input {
            padding: 7px 10px;
        }
    }

    .aria-autocomplete__wrapper {
        font-size: 16px;
        position: relative;
    }
    .aria-autocomplete--hide {
        display: none !important;
    }
    .aria-autocomplete__sr-only {
        border: 0;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    .aria-autocomplete__input--disabled {
        background-color: #ebebeb;
        cursor: not-allowed;
    }
    .aria-autocomplete__show-all {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='17' height='10' viewBox='0 0 17 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.023L8.488 8 16 1' stroke-width='1' stroke='%23434143' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
        background-position: center center;
        background-repeat: no-repeat;
        border: 1px solid #606060;
        box-sizing: border-box;
        height: 44px;
        position: absolute;
        right: 0;
        top: 0;
        width: 44px;
    }
    .aria-autocomplete__show-all--disabled {
        background-color: #ebebeb;
        cursor: not-allowed;
    }
    .aria-autocomplete__list {
        background: #fff;
        border: 1px solid #eee;
        border-radius: 6px;
        box-shadow: none;
        box-sizing: border-box;
        font-size: 13px;
        height: auto;
        left: 0;
        list-style: none;
        margin: 0;
        margin-top: 10px;
        max-height: 304px;
        min-height: 0;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 0 !important;
        width: 100%;
        z-index: 99999;

        &.aria-autocomplete__list--no-results {
            border: 0;
        }
    }
    .aria-autocomplete__option {
        align-items: flex-start;
        border-bottom: 1px solid #eee;
        color: #434143;
        cursor: pointer;
        display: flex;
        font-weight: normal;
        gap: 10px;
        justify-content: space-between;
        list-style: none;
        padding: 7px 10px;
        text-decoration: none;
        word-break: break-word;

        &:last-child {
            border-bottom-color: transparent;
        }

        > span {
            pointer-events: none;
        }

        &.aria-autocomplete__option--no-results {
            font-weight: bold;
            padding: 0;
        }
    }
    .aria-autocomplete__option:focus {
        box-shadow: none;
        outline: none;
    }
    .aria-autocomplete__option:hover,
    .aria-autocomplete__option--focused {
        background: #f0f0f0;
        color: #000;
        cursor: pointer;
        font-weight: normal;
        margin: 0;

        .aria-autocomplete__option--type {
            background: white;
        }
    }
    .aria-autocomplete__option:hover[aria-disabled="true"],
    .aria-autocomplete__option--focused[aria-disabled="true"] {
        background: #f5f5f5;
    }
    .aria-autocomplete__option--no-results,
    .aria-autocomplete__option[aria-disabled="true"] {
        color: #434143 !important;
        cursor: not-allowed !important;
        opacity: 0.65 !important;
        text-decoration: none !important;
    }
    .aria-autocomplete__option--title {
        display: block;
        font-weight: 500;
        margin-bottom: 0.2em;
        position: relative;
    }
    .aria-autocomplete__option--info {
        color: #757575;
        display: block;
        font-size: 0.9em;
        line-height: 1.3;
    }
    .aria-autocomplete__option--type {
        background-color: #f0f0f0;
        border-radius: 2px;
        display: block;
        font-size: 0.9em;
        margin-left: auto;
        padding: 3px 6px;
        white-space: nowrap;
    }
    .aria-autocomplete__option--no-results {
        background: transparent !important;
        margin-top: 0 !important;
    }
    .aria-autocomplete__selected {
        align-items: center;
        background: #606060;
        border: 1px solid #606060;
        border-radius: 20px;
        color: #f0f0f0;
        cursor: pointer;
        display: inline-flex;
        font-size: 13px;
        margin: 2px 4px 2px 0;
        padding: 0 28px 0 10px;
        position: relative;
        word-break: break-word;
    }
    .aria-autocomplete__selected--disabled {
        opacity: 0.7;
    }
    .aria-autocomplete__selected:hover,
    .aria-autocomplete__selected:focus {
        background: #474747;
        color: #fff;
    }
    .aria-autocomplete__selected:after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10' height='10' viewBox='0 0 10 10' version='1.1'%3E%3Cg id='surface1'%3E%3Cpath d='M 0.234375 10 L 5 5.21875 L 9.765625 10 L 9.988281 9.78125 L 5.21875 5 L 9.988281 0.21875 L 9.765625 0 L 5 4.78125 L 0.234375 0 L 0.0117188 0.21875 L 4.78125 5 L 0.0117188 9.78125 Z M 0.234375 10 ' style='stroke:%23ffffff;fill-rule:nonzero;fill:%23ffffff;fill-opacity:1;'/%3E%3C/g%3E%3C/svg%3E");
        background-position: center center;
        background-repeat: no-repeat;
        content: "";
        height: 20px;
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
    }

    @media speech {
        .aria-autocomplete__selected:after {
            display: none;
        }
    }
    .aria-autocomplete__selected--delete-all {
        background: #db0000;
        border-color: #db0000;
        color: #fff;
    }
    .aria-autocomplete__selected--delete-all:hover,
    .aria-autocomplete__selected--delete-all:focus {
        background: #a80000;
    }
    .aria-autocomplete__wrapper--multiple .aria-autocomplete__input {
        margin-bottom: 5px;
    }
    .aria-autocomplete__wrapper--show-all,
    .aria-autocomplete__wrapper--autogrow.aria-autocomplete__wrapper--multiple.aria-autocomplete__wrapper--show-all {
        padding-right: 43px;
    }
    .aria-autocomplete__wrapper--loading:after {
        animation: lds-dual-ring 1.2s linear infinite;
        background-color: rgba(255, 255, 255, 0.25);
        border: 2px solid #606060;
        border-color: #606060 transparent #606060 transparent;
        border-radius: 50%;
        box-sizing: border-box;
        content: "";
        height: 20px;
        margin: 10px;
        position: absolute;
        right: 0;
        top: 0;
        width: 20px;
    }
    .aria-autocomplete__wrapper--loading .aria-autocomplete__show-all {
        background-image: none;
    }
    .aria-autocomplete__wrapper--loading.aria-autocomplete__wrapper--autogrow:after {
        margin-top: -12px;
        top: 50%;
    }
    .aria-autocomplete__wrapper--autogrow {
        align-items: center;
        border: 1px solid #606060;
        border-radius: 2px;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        min-height: 44px;
        padding: 6px 10px;
        width: 100%;
    }
    .aria-autocomplete__wrapper--autogrow.aria-autocomplete__wrapper--disabled {
        background-color: #ebebeb;
        cursor: not-allowed;
    }
    .aria-autocomplete__wrapper--autogrow .aria-autocomplete__show-all {
        border-bottom: none;
        border-right: none;
        border-top: none;
        height: 100%;
        order: 3;
    }
    .aria-autocomplete__wrapper--autogrow .aria-autocomplete__input {
        background: none !important;
        border: 0 none !important;
        box-shadow: none !important;
        height: 26px;
        line-height: inherit !important;
        margin: 0 !important;
        max-height: none !important;
        max-width: 100% !important;
        min-height: 0 !important;
        order: 2;
        outline: 0 !important;
        padding: 0 !important;
        text-indent: 0 !important;
        -webkit-user-select: auto !important;
        width: 1px;
    }
    .aria-autocomplete__wrapper--autogrow .aria-autocomplete__list {
        left: -1px;
        top: calc(100% + 4px);
        width: calc(100% + 2px);
    }
    .aria-autocomplete__wrapper--autogrow .aria-autocomplete__selected {
        order: 1;
    }
}
