@-webkit-keyframes spinAround {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spinAround {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

[data-tooltip]:not(.is-disabled),
[data-tooltip]:not(.is-loading),
[data-tooltip]:not([disabled]) {
    cursor: pointer;
    overflow: visible;
    position: relative
}

[data-tooltip]:not(.is-disabled)::after,
[data-tooltip]:not(.is-disabled)::before,
[data-tooltip]:not(.is-loading)::after,
[data-tooltip]:not(.is-loading)::before,
[data-tooltip]:not([disabled])::after,
[data-tooltip]:not([disabled])::before {
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .75rem;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    visibility: hidden;
    z-index: 1020
}

[data-tooltip]:not(.is-disabled)::after,
[data-tooltip]:not(.is-loading)::after,
[data-tooltip]:not([disabled])::after {
    content: '';
    border-style: solid;
    border-width: 6px;
    border-color: rgba(74, 74, 74, .9) transparent transparent transparent;
    margin-bottom: -5px
}

[data-tooltip]:not(.is-disabled)::after,
[data-tooltip]:not(.is-loading)::after,
[data-tooltip]:not([disabled])::after {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-top: -5px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: -5px;
    border-color: rgba(74, 74, 74, .9) transparent transparent transparent
}

[data-tooltip]:not(.is-disabled)::before,
[data-tooltip]:not(.is-loading)::before,
[data-tooltip]:not([disabled])::before {
    background: rgba(74, 74, 74, .9);
    border-radius: 2px;
    content: attr(data-tooltip);
    padding: .5rem 1rem;
    text-overflow: ellipsis;
    white-space: pre
}

[data-tooltip]:not(.is-disabled)::before,
[data-tooltip]:not(.is-loading)::before,
[data-tooltip]:not([disabled])::before {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    top: 0;
    margin-top: -5px;
    margin-bottom: auto;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

[data-tooltip]:not(.is-disabled).has-tooltip-bottom::after,
[data-tooltip]:not(.is-loading).has-tooltip-bottom::after,
[data-tooltip]:not([disabled]).has-tooltip-bottom::after {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -5px;
    margin-left: -5px;
    border-color: transparent transparent rgba(74, 74, 74, .9) transparent
}

[data-tooltip]:not(.is-disabled).has-tooltip-bottom::before,
[data-tooltip]:not(.is-loading).has-tooltip-bottom::before,
[data-tooltip]:not([disabled]).has-tooltip-bottom::before {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-bottom: -5px;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

[data-tooltip]:not(.is-disabled).has-tooltip-left::after,
[data-tooltip]:not(.is-loading).has-tooltip-left::after,
[data-tooltip]:not([disabled]).has-tooltip-left::after {
    top: auto;
    right: auto;
    bottom: 50%;
    left: 0;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -6px;
    margin-left: -11px;
    border-color: transparent transparent transparent rgba(74, 74, 74, .9)
}

[data-tooltip]:not(.is-disabled).has-tooltip-left::before,
[data-tooltip]:not(.is-loading).has-tooltip-left::before,
[data-tooltip]:not([disabled]).has-tooltip-left::before {
    top: auto;
    right: auto;
    bottom: 50%;
    left: -11px;
    -webkit-transform: translate(-100%, 50%);
    transform: translate(-100%, 50%)
}

[data-tooltip]:not(.is-disabled).has-tooltip-right::after,
[data-tooltip]:not(.is-loading).has-tooltip-right::after,
[data-tooltip]:not([disabled]).has-tooltip-right::after {
    top: auto;
    right: 0;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    margin-right: -11px;
    margin-bottom: -6px;
    margin-left: auto;
    border-color: transparent rgba(74, 74, 74, .9) transparent transparent
}

[data-tooltip]:not(.is-disabled).has-tooltip-right::before,
[data-tooltip]:not(.is-loading).has-tooltip-right::before,
[data-tooltip]:not([disabled]).has-tooltip-right::before {
    top: auto;
    right: -11px;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    -webkit-transform: translate(100%, 50%);
    transform: translate(100%, 50%)
}

[data-tooltip]:not(.is-disabled).has-tooltip-multiline::before,
[data-tooltip]:not(.is-loading).has-tooltip-multiline::before,
[data-tooltip]:not([disabled]).has-tooltip-multiline::before {
    height: auto;
    width: 15rem;
    max-width: 15rem;
    text-overflow: clip;
    white-space: normal;
    word-break: keep-all
}

[data-tooltip]:not(.is-disabled).has-tooltip-active::after,
[data-tooltip]:not(.is-disabled).has-tooltip-active::before,
[data-tooltip]:not(.is-disabled):focus::after,
[data-tooltip]:not(.is-disabled):focus::before,
[data-tooltip]:not(.is-disabled):hover::after,
[data-tooltip]:not(.is-disabled):hover::before,
[data-tooltip]:not(.is-loading).has-tooltip-active::after,
[data-tooltip]:not(.is-loading).has-tooltip-active::before,
[data-tooltip]:not(.is-loading):focus::after,
[data-tooltip]:not(.is-loading):focus::before,
[data-tooltip]:not(.is-loading):hover::after,
[data-tooltip]:not(.is-loading):hover::before,
[data-tooltip]:not([disabled]).has-tooltip-active::after,
[data-tooltip]:not([disabled]).has-tooltip-active::before,
[data-tooltip]:not([disabled]):focus::after,
[data-tooltip]:not([disabled]):focus::before,
[data-tooltip]:not([disabled]):hover::after,
[data-tooltip]:not([disabled]):hover::before {
    opacity: 1;
    visibility: visible
}

[data-tooltip]:not(.is-disabled).has-tooltip-fade::after,
[data-tooltip]:not(.is-disabled).has-tooltip-fade::before,
[data-tooltip]:not(.is-loading).has-tooltip-fade::after,
[data-tooltip]:not(.is-loading).has-tooltip-fade::before,
[data-tooltip]:not([disabled]).has-tooltip-fade::after,
[data-tooltip]:not([disabled]).has-tooltip-fade::before {
    transition: opacity .3s linear, visibility .3s linear
}

@media screen and (max-width:768px) {
    .has-tooltip-top-mobile::after {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        margin-top: -5px;
        margin-right: auto;
        margin-bottom: auto;
        margin-left: -5px;
        border-color: rgba(74, 74, 74, .9) transparent transparent transparent
    }

    .has-tooltip-top-mobile::before {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        top: 0;
        margin-top: -5px;
        margin-bottom: auto;
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%)
    }
}

@media screen and (min-width:769px),
print {
    .has-tooltip-top-tablet::after {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        margin-top: -5px;
        margin-right: auto;
        margin-bottom: auto;
        margin-left: -5px;
        border-color: rgba(74, 74, 74, .9) transparent transparent transparent
    }

    .has-tooltip-top-tablet::before {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        top: 0;
        margin-top: -5px;
        margin-bottom: auto;
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%)
    }
}

@media screen and (min-width:769px) and (max-width:1087px) {
    .has-tooltip-top-tablet-only::after {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        margin-top: -5px;
        margin-right: auto;
        margin-bottom: auto;
        margin-left: -5px;
        border-color: rgba(74, 74, 74, .9) transparent transparent transparent
    }

    .has-tooltip-top-tablet-only::before {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        top: 0;
        margin-top: -5px;
        margin-bottom: auto;
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%)
    }
}

@media screen and (max-width:1087px) {
    .has-tooltip-top-touch::after {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        margin-top: -5px;
        margin-right: auto;
        margin-bottom: auto;
        margin-left: -5px;
        border-color: rgba(74, 74, 74, .9) transparent transparent transparent
    }

    .has-tooltip-top-touch::before {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        top: 0;
        margin-top: -5px;
        margin-bottom: auto;
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%)
    }
}

@media screen and (min-width:1088px) {
    .has-tooltip-top-desktop::after {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        margin-top: -5px;
        margin-right: auto;
        margin-bottom: auto;
        margin-left: -5px;
        border-color: rgba(74, 74, 74, .9) transparent transparent transparent
    }

    .has-tooltip-top-desktop::before {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        top: 0;
        margin-top: -5px;
        margin-bottom: auto;
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%)
    }
}

@media screen and (min-width:1088px) and (max-width:1279px) {
    .has-tooltip-top-desktop-only::after {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        margin-top: -5px;
        margin-right: auto;
        margin-bottom: auto;
        margin-left: -5px;
        border-color: rgba(74, 74, 74, .9) transparent transparent transparent
    }

    .has-tooltip-top-desktop-only::before {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        top: 0;
        margin-top: -5px;
        margin-bottom: auto;
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%)
    }
}

@media screen and (max-width:1279px) {
    .has-tooltip-top-until-widescreen::after {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        margin-top: -5px;
        margin-right: auto;
        margin-bottom: auto;
        margin-left: -5px;
        border-color: rgba(74, 74, 74, .9) transparent transparent transparent
    }

    .has-tooltip-top-until-widescreen::before {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        top: 0;
        margin-top: -5px;
        margin-bottom: auto;
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%)
    }
}

@media screen and (min-width:1280px) {
    .has-tooltip-top-widescreen::after {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        margin-top: -5px;
        margin-right: auto;
        margin-bottom: auto;
        margin-left: -5px;
        border-color: rgba(74, 74, 74, .9) transparent transparent transparent
    }

    .has-tooltip-top-widescreen::before {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        top: 0;
        margin-top: -5px;
        margin-bottom: auto;
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%)
    }
}

@media screen and (min-width:1280px) and (max-width:1471px) {
    .has-tooltip-top-widescreen-only::after {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        margin-top: -5px;
        margin-right: auto;
        margin-bottom: auto;
        margin-left: -5px;
        border-color: rgba(74, 74, 74, .9) transparent transparent transparent
    }

    .has-tooltip-top-widescreen-only::before {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        top: 0;
        margin-top: -5px;
        margin-bottom: auto;
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%)
    }
}

@media screen and (max-width:1471px) {
    .has-tooltip-top-until-fullhd::after {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        margin-top: -5px;
        margin-right: auto;
        margin-bottom: auto;
        margin-left: -5px;
        border-color: rgba(74, 74, 74, .9) transparent transparent transparent
    }

    .has-tooltip-top-until-fullhd::before {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        top: 0;
        margin-top: -5px;
        margin-bottom: auto;
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%)
    }
}

@media screen and (min-width:1472px) {
    .has-tooltip-top-fullhd::after {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        margin-top: -5px;
        margin-right: auto;
        margin-bottom: auto;
        margin-left: -5px;
        border-color: rgba(74, 74, 74, .9) transparent transparent transparent
    }

    .has-tooltip-top-fullhd::before {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        top: 0;
        margin-top: -5px;
        margin-bottom: auto;
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%)
    }
}

@media screen and (max-width:768px) {
    .has-tooltip-right-mobile::after {
        top: auto;
        right: 0;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        margin-right: -11px;
        margin-bottom: -6px;
        margin-left: auto;
        border-color: transparent rgba(74, 74, 74, .9) transparent transparent
    }

    .has-tooltip-right-mobile::before {
        top: auto;
        right: -11px;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        -webkit-transform: translate(100%, 50%);
        transform: translate(100%, 50%)
    }
}

@media screen and (min-width:769px),
print {
    .has-tooltip-right-tablet::after {
        top: auto;
        right: 0;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        margin-right: -11px;
        margin-bottom: -6px;
        margin-left: auto;
        border-color: transparent rgba(74, 74, 74, .9) transparent transparent
    }

    .has-tooltip-right-tablet::before {
        top: auto;
        right: -11px;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        -webkit-transform: translate(100%, 50%);
        transform: translate(100%, 50%)
    }
}

@media screen and (min-width:769px) and (max-width:1087px) {
    .has-tooltip-right-tablet-only::after {
        top: auto;
        right: 0;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        margin-right: -11px;
        margin-bottom: -6px;
        margin-left: auto;
        border-color: transparent rgba(74, 74, 74, .9) transparent transparent
    }

    .has-tooltip-right-tablet-only::before {
        top: auto;
        right: -11px;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        -webkit-transform: translate(100%, 50%);
        transform: translate(100%, 50%)
    }
}

@media screen and (max-width:1087px) {
    .has-tooltip-right-touch::after {
        top: auto;
        right: 0;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        margin-right: -11px;
        margin-bottom: -6px;
        margin-left: auto;
        border-color: transparent rgba(74, 74, 74, .9) transparent transparent
    }

    .has-tooltip-right-touch::before {
        top: auto;
        right: -11px;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        -webkit-transform: translate(100%, 50%);
        transform: translate(100%, 50%)
    }
}

@media screen and (min-width:1088px) {
    .has-tooltip-right-desktop::after {
        top: auto;
        right: 0;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        margin-right: -11px;
        margin-bottom: -6px;
        margin-left: auto;
        border-color: transparent rgba(74, 74, 74, .9) transparent transparent
    }

    .has-tooltip-right-desktop::before {
        top: auto;
        right: -11px;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        -webkit-transform: translate(100%, 50%);
        transform: translate(100%, 50%)
    }
}

@media screen and (min-width:1088px) and (max-width:1279px) {
    .has-tooltip-right-desktop-only::after {
        top: auto;
        right: 0;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        margin-right: -11px;
        margin-bottom: -6px;
        margin-left: auto;
        border-color: transparent rgba(74, 74, 74, .9) transparent transparent
    }

    .has-tooltip-right-desktop-only::before {
        top: auto;
        right: -11px;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        -webkit-transform: translate(100%, 50%);
        transform: translate(100%, 50%)
    }
}

@media screen and (max-width:1279px) {
    .has-tooltip-right-until-widescreen::after {
        top: auto;
        right: 0;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        margin-right: -11px;
        margin-bottom: -6px;
        margin-left: auto;
        border-color: transparent rgba(74, 74, 74, .9) transparent transparent
    }

    .has-tooltip-right-until-widescreen::before {
        top: auto;
        right: -11px;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        -webkit-transform: translate(100%, 50%);
        transform: translate(100%, 50%)
    }
}

@media screen and (min-width:1280px) {
    .has-tooltip-right-widescreen::after {
        top: auto;
        right: 0;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        margin-right: -11px;
        margin-bottom: -6px;
        margin-left: auto;
        border-color: transparent rgba(74, 74, 74, .9) transparent transparent
    }

    .has-tooltip-right-widescreen::before {
        top: auto;
        right: -11px;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        -webkit-transform: translate(100%, 50%);
        transform: translate(100%, 50%)
    }
}

@media screen and (min-width:1280px) and (max-width:1471px) {
    .has-tooltip-right-widescreen-only::after {
        top: auto;
        right: 0;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        margin-right: -11px;
        margin-bottom: -6px;
        margin-left: auto;
        border-color: transparent rgba(74, 74, 74, .9) transparent transparent
    }

    .has-tooltip-right-widescreen-only::before {
        top: auto;
        right: -11px;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        -webkit-transform: translate(100%, 50%);
        transform: translate(100%, 50%)
    }
}

@media screen and (max-width:1471px) {
    .has-tooltip-right-until-fullhd::after {
        top: auto;
        right: 0;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        margin-right: -11px;
        margin-bottom: -6px;
        margin-left: auto;
        border-color: transparent rgba(74, 74, 74, .9) transparent transparent
    }

    .has-tooltip-right-until-fullhd::before {
        top: auto;
        right: -11px;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        -webkit-transform: translate(100%, 50%);
        transform: translate(100%, 50%)
    }
}

@media screen and (min-width:1472px) {
    .has-tooltip-right-fullhd::after {
        top: auto;
        right: 0;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        margin-right: -11px;
        margin-bottom: -6px;
        margin-left: auto;
        border-color: transparent rgba(74, 74, 74, .9) transparent transparent
    }

    .has-tooltip-right-fullhd::before {
        top: auto;
        right: -11px;
        bottom: 50%;
        left: auto;
        margin-top: auto;
        -webkit-transform: translate(100%, 50%);
        transform: translate(100%, 50%)
    }
}

@media screen and (max-width:768px) {
    .has-tooltip-bottom-mobile::after {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -5px;
        margin-left: -5px;
        border-color: transparent transparent rgba(74, 74, 74, .9) transparent
    }

    .has-tooltip-bottom-mobile::before {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-bottom: -5px;
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%)
    }
}

@media screen and (min-width:769px),
print {
    .has-tooltip-bottom-tablet::after {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -5px;
        margin-left: -5px;
        border-color: transparent transparent rgba(74, 74, 74, .9) transparent
    }

    .has-tooltip-bottom-tablet::before {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-bottom: -5px;
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%)
    }
}

@media screen and (min-width:769px) and (max-width:1087px) {
    .has-tooltip-bottom-tablet-only::after {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -5px;
        margin-left: -5px;
        border-color: transparent transparent rgba(74, 74, 74, .9) transparent
    }

    .has-tooltip-bottom-tablet-only::before {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-bottom: -5px;
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%)
    }
}

@media screen and (max-width:1087px) {
    .has-tooltip-bottom-touch::after {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -5px;
        margin-left: -5px;
        border-color: transparent transparent rgba(74, 74, 74, .9) transparent
    }

    .has-tooltip-bottom-touch::before {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-bottom: -5px;
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%)
    }
}

@media screen and (min-width:1088px) {
    .has-tooltip-bottom-desktop::after {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -5px;
        margin-left: -5px;
        border-color: transparent transparent rgba(74, 74, 74, .9) transparent
    }

    .has-tooltip-bottom-desktop::before {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-bottom: -5px;
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%)
    }
}

@media screen and (min-width:1088px) and (max-width:1279px) {
    .has-tooltip-bottom-desktop-only::after {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -5px;
        margin-left: -5px;
        border-color: transparent transparent rgba(74, 74, 74, .9) transparent
    }

    .has-tooltip-bottom-desktop-only::before {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-bottom: -5px;
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%)
    }
}

@media screen and (max-width:1279px) {
    .has-tooltip-bottom-until-widescreen::after {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -5px;
        margin-left: -5px;
        border-color: transparent transparent rgba(74, 74, 74, .9) transparent
    }

    .has-tooltip-bottom-until-widescreen::before {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-bottom: -5px;
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%)
    }
}

@media screen and (min-width:1280px) {
    .has-tooltip-bottom-widescreen::after {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -5px;
        margin-left: -5px;
        border-color: transparent transparent rgba(74, 74, 74, .9) transparent
    }

    .has-tooltip-bottom-widescreen::before {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-bottom: -5px;
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%)
    }
}

@media screen and (min-width:1280px) and (max-width:1471px) {
    .has-tooltip-bottom-widescreen-only::after {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -5px;
        margin-left: -5px;
        border-color: transparent transparent rgba(74, 74, 74, .9) transparent
    }

    .has-tooltip-bottom-widescreen-only::before {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-bottom: -5px;
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%)
    }
}

@media screen and (max-width:1471px) {
    .has-tooltip-bottom-until-fullhd::after {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -5px;
        margin-left: -5px;
        border-color: transparent transparent rgba(74, 74, 74, .9) transparent
    }

    .has-tooltip-bottom-until-fullhd::before {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-bottom: -5px;
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%)
    }
}

@media screen and (min-width:1472px) {
    .has-tooltip-bottom-fullhd::after {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -5px;
        margin-left: -5px;
        border-color: transparent transparent rgba(74, 74, 74, .9) transparent
    }

    .has-tooltip-bottom-fullhd::before {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-top: auto;
        margin-bottom: -5px;
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%)
    }
}

@media screen and (max-width:768px) {
    .has-tooltip-left-mobile::after {
        top: auto;
        right: auto;
        bottom: 50%;
        left: 0;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -6px;
        margin-left: -11px;
        border-color: transparent transparent transparent rgba(74, 74, 74, .9)
    }

    .has-tooltip-left-mobile::before {
        top: auto;
        right: auto;
        bottom: 50%;
        left: -11px;
        -webkit-transform: translate(-100%, 50%);
        transform: translate(-100%, 50%)
    }
}

@media screen and (min-width:769px),
print {
    .has-tooltip-left-tablet::after {
        top: auto;
        right: auto;
        bottom: 50%;
        left: 0;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -6px;
        margin-left: -11px;
        border-color: transparent transparent transparent rgba(74, 74, 74, .9)
    }

    .has-tooltip-left-tablet::before {
        top: auto;
        right: auto;
        bottom: 50%;
        left: -11px;
        -webkit-transform: translate(-100%, 50%);
        transform: translate(-100%, 50%)
    }
}

@media screen and (min-width:769px) and (max-width:1087px) {
    .has-tooltip-left-tablet-only::after {
        top: auto;
        right: auto;
        bottom: 50%;
        left: 0;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -6px;
        margin-left: -11px;
        border-color: transparent transparent transparent rgba(74, 74, 74, .9)
    }

    .has-tooltip-left-tablet-only::before {
        top: auto;
        right: auto;
        bottom: 50%;
        left: -11px;
        -webkit-transform: translate(-100%, 50%);
        transform: translate(-100%, 50%)
    }
}

@media screen and (max-width:1087px) {
    .has-tooltip-left-touch::after {
        top: auto;
        right: auto;
        bottom: 50%;
        left: 0;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -6px;
        margin-left: -11px;
        border-color: transparent transparent transparent rgba(74, 74, 74, .9)
    }

    .has-tooltip-left-touch::before {
        top: auto;
        right: auto;
        bottom: 50%;
        left: -11px;
        -webkit-transform: translate(-100%, 50%);
        transform: translate(-100%, 50%)
    }
}

@media screen and (min-width:1088px) {
    .has-tooltip-left-desktop::after {
        top: auto;
        right: auto;
        bottom: 50%;
        left: 0;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -6px;
        margin-left: -11px;
        border-color: transparent transparent transparent rgba(74, 74, 74, .9)
    }

    .has-tooltip-left-desktop::before {
        top: auto;
        right: auto;
        bottom: 50%;
        left: -11px;
        -webkit-transform: translate(-100%, 50%);
        transform: translate(-100%, 50%)
    }
}

@media screen and (min-width:1088px) and (max-width:1279px) {
    .has-tooltip-left-desktop-only::after {
        top: auto;
        right: auto;
        bottom: 50%;
        left: 0;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -6px;
        margin-left: -11px;
        border-color: transparent transparent transparent rgba(74, 74, 74, .9)
    }

    .has-tooltip-left-desktop-only::before {
        top: auto;
        right: auto;
        bottom: 50%;
        left: -11px;
        -webkit-transform: translate(-100%, 50%);
        transform: translate(-100%, 50%)
    }
}

@media screen and (max-width:1279px) {
    .has-tooltip-left-until-widescreen::after {
        top: auto;
        right: auto;
        bottom: 50%;
        left: 0;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -6px;
        margin-left: -11px;
        border-color: transparent transparent transparent rgba(74, 74, 74, .9)
    }

    .has-tooltip-left-until-widescreen::before {
        top: auto;
        right: auto;
        bottom: 50%;
        left: -11px;
        -webkit-transform: translate(-100%, 50%);
        transform: translate(-100%, 50%)
    }
}

@media screen and (min-width:1280px) {
    .has-tooltip-left-widescreen::after {
        top: auto;
        right: auto;
        bottom: 50%;
        left: 0;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -6px;
        margin-left: -11px;
        border-color: transparent transparent transparent rgba(74, 74, 74, .9)
    }

    .has-tooltip-left-widescreen::before {
        top: auto;
        right: auto;
        bottom: 50%;
        left: -11px;
        -webkit-transform: translate(-100%, 50%);
        transform: translate(-100%, 50%)
    }
}

@media screen and (min-width:1280px) and (max-width:1471px) {
    .has-tooltip-left-widescreen-only::after {
        top: auto;
        right: auto;
        bottom: 50%;
        left: 0;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -6px;
        margin-left: -11px;
        border-color: transparent transparent transparent rgba(74, 74, 74, .9)
    }

    .has-tooltip-left-widescreen-only::before {
        top: auto;
        right: auto;
        bottom: 50%;
        left: -11px;
        -webkit-transform: translate(-100%, 50%);
        transform: translate(-100%, 50%)
    }
}

@media screen and (max-width:1471px) {
    .has-tooltip-left-until-fullhd::after {
        top: auto;
        right: auto;
        bottom: 50%;
        left: 0;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -6px;
        margin-left: -11px;
        border-color: transparent transparent transparent rgba(74, 74, 74, .9)
    }

    .has-tooltip-left-until-fullhd::before {
        top: auto;
        right: auto;
        bottom: 50%;
        left: -11px;
        -webkit-transform: translate(-100%, 50%);
        transform: translate(-100%, 50%)
    }
}

@media screen and (min-width:1472px) {
    .has-tooltip-left-fullhd::after {
        top: auto;
        right: auto;
        bottom: 50%;
        left: 0;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: -6px;
        margin-left: -11px;
        border-color: transparent transparent transparent rgba(74, 74, 74, .9)
    }

    .has-tooltip-left-fullhd::before {
        top: auto;
        right: auto;
        bottom: 50%;
        left: -11px;
        -webkit-transform: translate(-100%, 50%);
        transform: translate(-100%, 50%)
    }
}