@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.sp-icon {
    display: inline-flex;
    flex-shrink: 0;
    width: 48px;
    height: 48px
}

.sp-icon>svg {
    width: 100%;
    height: 100%
}

.sp-icon>svg g,
.sp-icon>svg path,
.sp-icon>svg polygon {
    transition: fill .2s ease-in-out
}

.sp-icon.icon--sst {
    width: 10px;
    height: 10px
}

.sp-icon.icon--st {
    width: 11px;
    height: 11px
}

.sp-icon.icon--tn {
    width: 12px;
    height: 12px
}

.sp-icon.icon--sm {
    width: 14px;
    height: 14px
}

.sp-icon.icon--md {
    width: 18px;
    height: 18px
}

.sp-icon.icon--lg {
    width: 25px;
    height: 25px
}

.sp-icon.icon--16 {
    width: 16px;
    height: 16px
}

.sp-icon.icon--20 {
    width: 20px;
    height: 20px
}

.sp-icon.icon--24 {
    width: 24px;
    height: 24px
}

.sp-icon.icon--30 {
    width: 30px;
    height: 30px
}

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

.icon--spin {
    animation: spin 2s infinite linear
}

.icon--analyst g,
.icon--purple g,
.icon--action g,
.icon--analyst path,
.icon--purple path,
.icon--action path,
.icon--analyst polygon,
.icon--purple polygon,
.icon--action polygon {
    fill: #88619a
}

.icon--sentinel g,
.icon--blue g,
.icon--sentinel path,
.icon--blue path,
.icon--sentinel polygon,
.icon--blue polygon {
    fill: #4298b4
}

.icon--darkblue g,
.icon--darkblue path,
.icon--darkblue polygon {
    fill: #2e6a7d
}

.icon--explorer g,
.icon--yellow g,
.icon--explorer path,
.icon--yellow path,
.icon--explorer polygon,
.icon--yellow polygon {
    fill: #e4ae3a
}

.icon--diplomat g,
.icon--green g,
.icon--diplomat path,
.icon--green path,
.icon--diplomat polygon,
.icon--green polygon {
    fill: #33a474
}

.icon--red g,
.icon--red path,
.icon--red polygon {
    fill: #f25e62
}

.icon--white {
    color: #343c4b
}

.icon--white g,
.icon--white path,
.icon--white polygon {
    fill: #fff
}

.icon--lightgray {
    color: #343c4b
}

.icon--lightgray g,
.icon--lightgray path,
.icon--lightgray polygon {
    fill: #f9fafa
}

.icon--darkgray g,
.icon--darkgray path,
.icon--darkgray polygon {
    fill: #343c4b
}

.icon--midgray g,
.icon--midgray path,
.icon--midgray polygon {
    fill: #bbbfc6
}

.icon--gray g,
.icon--gray path,
.icon--gray polygon {
    fill: rgb(var(--rgb-gray-10))
}

.icon--current path,
.sp-icon.color--current path,
.icon--current g,
.sp-icon.color--current g,
.icon--current polygon,
.sp-icon.color--current polygon {
    fill: currentColor
}

.icon--unread {
    position: relative
}

.icon--unread:after {
    content: "";
    position: absolute;
    top: -2px;
    right: -4px;
    width: 10px;
    height: 10px;
    background: #f25e62;
    border: 2px solid white;
    border-radius: 1000px
}

.icon--rotatable[data-v-e50d787f] {
    transform-origin: center
}

.icon--dir-lt[data-v-e50d787f] {
    transform: scaleX(-1)
}

.icon--dir-up[data-v-e50d787f] {
    transform: rotate(-90deg)
}

.icon--dir-dn[data-v-e50d787f] {
    transform: rotate(90deg)
}

.link--unstyled[data-v-e1bf077b] {
    font-size: unset;
    line-height: unset;
    letter-spacing: unset;
    font-weight: unset;
    vertical-align: baseline;
    height: auto;
    background: none;
    padding: 0;
    border: none;
    border-radius: 0;
    display: inline;
    cursor: pointer
}

.link--unstyled[data-v-e1bf077b]:focus-visible,
.link--unstyled[data-v-e1bf077b]:hover,
.link--unstyled[data-v-e1bf077b]:active {
    background: none
}