@-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);
    }
}

/* ============================================================
   2. BASE TOOLTIP STYLES
   ============================================================ */

[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%);
}

/* ============================================================
   3. TOOLTIP POSITIONS
   ============================================================ */

[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%);
}

/* ============================================================
   4. MULTILINE TOOLTIPS
   ============================================================ */

[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;
}

/* ============================================================
   5. TOOLTIP COLORS
   ============================================================ */

/* --- WHITE --- */

[data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-bottom::after,
[data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-bottom::after,
[data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-bottom::after {
    border-color:transparent transparent rgba(255,255,255,.9) transparent;
}

[data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-left::after,
[data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-left::after,
[data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-left::after {
    border-color:transparent transparent transparent rgba(255,255,255,.9);
}

[data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-right::after,
[data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-right::after,
[data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-right::after {
    border-color:transparent rgba(255,255,255,.9) transparent transparent;
}

[data-tooltip]:not(.is-disabled).has-tooltip-white:not(.has-tooltip-bottom)::after,
[data-tooltip]:not(.is-disabled).has-tooltip-white:not(.has-tooltip-left)::after,
[data-tooltip]:not(.is-disabled).has-tooltip-white:not(.has-tooltip-right)::after,
[data-tooltip]:not(.is-loading).has-tooltip-white:not(.has-tooltip-bottom)::after,
[data-tooltip]:not(.is-loading).has-tooltip-white:not(.has-tooltip-left)::after,
[data-tooltip]:not(.is-loading).has-tooltip-white:not(.has-tooltip-right)::after,
[data-tooltip]:not([disabled]).has-tooltip-white:not(.has-tooltip-bottom)::after,
[data-tooltip]:not([disabled]).has-tooltip-white:not(.has-tooltip-left)::after,
[data-tooltip]:not([disabled]).has-tooltip-white:not(.has-tooltip-right)::after {
    border-color:rgba(255,255,255,.9) transparent transparent transparent;
}

[data-tooltip]:not(.is-disabled).has-tooltip-white:before,
[data-tooltip]:not(.is-loading).has-tooltip-white:before,
[data-tooltip]:not([disabled]).has-tooltip-white:before {
    background-color:rgba(255,255,255,.9);
    color:#0a0a0a;
}

/* --- BLACK --- */

[data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-bottom::after,
[data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-bottom::after,
[data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-bottom::after {
    border-color:transparent transparent rgba(10,10,10,.9) transparent;
}

[data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-left::after,
[data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-left::after,
[data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-left::after {
    border-color:transparent transparent transparent rgba(10,10,10,.9);
}

[data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-right::after,
[data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-right::after,
[data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-right::after {
    border-color:transparent rgba(10,10,10,.9) transparent transparent;
}

[data-tooltip]:not(.is-disabled).has-tooltip-black:not(.has-tooltip-bottom)::after,
[data-tooltip]:not(.is-disabled).has-tooltip-black:not(.has-tooltip-left)::after,
[data-tooltip]:not(.is-disabled).has-tooltip-black:not(.has-tooltip-right)::after,
[data-tooltip]:not(.is-loading).has-tooltip-black:not(.has-tooltip-bottom)::after,
[data-tooltip]:not(.is-loading).has-tooltip-black:not(.has-tooltip-left)::after,
[data-tooltip]:not(.is-loading).has-tooltip-black:not(.has-tooltip-right)::after,
[data-tooltip]:not([disabled]).has-tooltip-black:not(.has-tooltip-bottom)::after,
[data-tooltip]:not([disabled]).has-tooltip-black:not(.has-tooltip-left)::after,
[data-tooltip]:not([disabled]).has-tooltip-black:not(.has-tooltip-right)::after {
    border-color:rgba(10,10,10,.9) transparent transparent transparent;
}

[data-tooltip]:not(.is-disabled).has-tooltip-black:before,
[data-tooltip]:not(.is-loading).has-tooltip-black:before,
[data-tooltip]:not([disabled]).has-tooltip-black:before {
    background-color:rgba(10,10,10,.9);
    color:#fff;
}

/* --- LIGHT --- */

[data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-bottom::after,
[data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-bottom::after,
[data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-bottom::after {
    border-color:transparent transparent rgba(245,245,245,.9) transparent;
}

[data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-left::after,
[data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-left::after,
[data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-left::after {
    border-color:transparent transparent transparent rgba(245,245,245,.9);
}

[data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-right::after,
[data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-right::after,
[data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-right::after {
    border-color:transparent rgba(245,245,245,.9) transparent transparent;
}

[data-tooltip]:not(.is-disabled).has-tooltip-light:not(.has-tooltip-bottom)::after,
[data-tooltip]:not(.is-disabled).has-tooltip-light:not(.has-tooltip-left)::after,
[data-tooltip]:not(.is-disabled).has-tooltip-light:not(.has-tooltip-right)::after,
[data-tooltip]:not(.is-loading).has-tooltip-light:not(.has-tooltip-bottom)::after,
[data-tooltip]:not(.is-loading).has-tooltip-light:not(.has-tooltip-left)::after,
[data-tooltip]:not(.is-loading).has-tooltip-light:not(.has-tooltip-right)::after,
[data-tooltip]:not([disabled]).has-tooltip-light:not(.has-tooltip-bottom)::after,
[data-tooltip]:not([disabled]).has-tooltip-light:not(.has-tooltip-left)::after,
[data-tooltip]:not([disabled]).has-tooltip-light:not(.has-tooltip-right)::after {
    border-color:rgba(245,245,245,.9) transparent transparent transparent;
}

[data-tooltip]:not(.is-disabled).has-tooltip-light:before,
[data-tooltip]:not(.is-loading).has-tooltip-light:before,
[data-tooltip]:not([disabled]).has-tooltip-light:before {
    background-color:rgba(245,245,245,.9);
    color:#363636;
}

/* --- DARK --- */

[data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-bottom::after,
[data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-bottom::after,
[data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-bottom::after {
    border-color:transparent transparent rgba(54,54,54,.9) transparent;
}

[data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-left::after,
[data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-left::after,
[data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-left::after {
    border-color:transparent transparent transparent rgba(54,54,54,.9);
}

[data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-right::after,
[data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-right::after,
[data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-right::after {
    border-color:transparent rgba(54,54,54,.9) transparent transparent;
}

[data-tooltip]:not(.is-disabled).has-tooltip-dark:not(.has-tooltip-bottom)::after,
[data-tooltip]:not(.is-disabled).has-tooltip-dark:not(.has-tooltip-left)::after,
[data-tooltip]:not(.is-disabled).has-tooltip-dark:not(.has-tooltip-right)::after,
[data-tooltip]:not(.is-loading).has-tooltip-dark:not(.has-tooltip-bottom)::after,
[data-tooltip]:not(.is-loading).has-tooltip-dark:not(.has-tooltip-left)::after,
[data-tooltip]:not(.is-loading).has-tooltip-dark:not(.has-tooltip-right)::after,
[data-tooltip]:not([disabled]).has-tooltip-dark:not(.has-tooltip-bottom)::after,
[data-tooltip]:not([disabled]).has-tooltip-dark:not(.has-tooltip-left)::after,
[data-tooltip]:not([disabled]).has-tooltip-dark:not(.has-tooltip-right)::after {
    border-color:rgba(54,54,54,.9) transparent transparent transparent;
}

[data-tooltip]:not(.is-disabled).has-tooltip-dark:before,
[data-tooltip]:not(.is-loading).has-tooltip-dark:before,
[data-tooltip]:not([disabled]).has-tooltip-dark:before {
    background-color:rgba(54,54,54,.9);
    color:#f5f5f5;
}

/* --- PRIMARY --- */

[data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-bottom::after,
[data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-bottom::after,
[data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-bottom::after {
    border-color:transparent transparent rgba(0,209,178,.9) transparent;
}

[data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-left::after,
[data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-left::after,
[data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-left::after {
    border-color:transparent transparent transparent rgba(0,209,178,.9);
}

[data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-right::after,
[data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-right::after,
[data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-right::after {
    border-color:transparent rgba(0,209,178,.9) transparent transparent;
}

[data-tooltip]:not(.is-disabled).has-tooltip-primary:not(.has-tooltip-bottom)::after,
[data-tooltip]:not(.is-disabled).has-tooltip-primary:not(.has-tooltip-left)::after,
[data-tooltip]:not(.is-disabled).has-tooltip-primary:not(.has-tooltip-right)::after,
[data-tooltip]:not(.is-loading).has-tooltip-primary:not(.has-tooltip-bottom)::after,
[data-tooltip]:not(.is-loading).has-tooltip-primary:not(.has-tooltip-left)::after,
[data-tooltip]:not(.is-loading).has-tooltip-primary:not(.has-tooltip-right)::after,
[data-tooltip]:not([disabled]).has-tooltip-primary:not(.has-tooltip-bottom)::after,
[data-tooltip]:not([disabled]).has-tooltip-primary:not(.has-tooltip-left)::after,
[data-tooltip]:not([disabled]).has-tooltip-primary:not(.has-tooltip-right)::after {
    border-color:rgba(0,209,178,.9) transparent transparent transparent;
}

[data-tooltip]:not(.is-disabled).has-tooltip-primary:before,
[data-tooltip]:not(.is-loading).has-tooltip-primary:before,
[data-tooltip]:not([disabled]).has-tooltip-primary:before {
    background-color:rgba(0,209,178,.9);
    color:#fff;
}

/* --- LINK --- */

[data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-bottom::after,
[data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-bottom::after,
[data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-bottom::after {
    border-color:transparent transparent rgba(50,115,220,.9) transparent;
}

[data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-left::after,
[data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-left::after,
[data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-left::after {
    border-color:transparent transparent transparent rgba(50,115,220,.9);
}

[data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-right::after,
[data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-right::after,
[data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-right::after {
    border-color:transparent rgba(50,115,220,.9) transparent transparent;
}

[data-tooltip]:not(.is-disabled).has-tooltip-link:not(.has-tooltip-bottom)::after,
[data-tooltip]:not(.is-disabled).has-tooltip-link:not(.has-tooltip-left)::after,
[data-tooltip]:not(.is-disabled).has-tooltip-link:not(.has-tooltip-right)::after,
[data-tooltip]:not(.is-loading).has-tooltip-link:not(.has-tooltip-bottom)::after,
[data-tooltip]:not(.is-loading).has-tooltip-link:not(.has-tooltip-left)::after,
[data-tooltip]:not(.is-loading).has-tooltip-link:not(.has-tooltip-right)::after,
[data-tooltip]:not([disabled]).has-tooltip-link:not(.has-tooltip-bottom)::after,
[data-tooltip]:not([disabled]).has-tooltip-link:not(.has-tooltip-left)::after,
[data-tooltip]:not([disabled]).has-tooltip-link:not(.has-tooltip-right)::after {
    border-color:rgba(50,115,220,.9) transparent transparent transparent;
}

[data-tooltip]:not(.is-disabled).has-tooltip-link:before,
[data-tooltip]:not(.is-loading).has-tooltip-link:before,
[data-tooltip]:not([disabled]).has-tooltip-link:before {
    background-color:rgba(50,115,220,.9);
    color:#fff;
}

/* --- INFO --- */

[data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-bottom::after,
[data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-bottom::after,
[data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-bottom::after {
    border-color:transparent transparent rgba(32,156,238,.9) transparent;
}

[data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-left::after,
[data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-left::after,
[data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-left::after {
    border-color:transparent transparent transparent rgba(32,156,238,.9);
}

[data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-right::after,
[data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-right::after,
[data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-right::after {
    border-color:transparent rgba(32,156,238,.9) transparent transparent;
}

[data-tooltip]:not(.is-disabled).has-tooltip-info:not(.has-tooltip-bottom)::after,
[data-tooltip]:not(.is-disabled).has-tooltip-info:not(.has-tooltip-left)::after,
[data-tooltip]:not(.is-disabled).has-tooltip-info:not(.has-tooltip-right)::after,
[data-tooltip]:not(.is-loading).has-tooltip-info:not(.has-tooltip-bottom)::after,
[data-tooltip]:not(.is-loading).has-tooltip-info:not(.has-tooltip-left)::after,
[data-tooltip]:not(.is-loading).has-tooltip-info:not(.has-tooltip-right)::after,
[data-tooltip]:not([disabled]).has-tooltip-info:not(.has-tooltip-bottom)::after,
[data-tooltip]:not([disabled]).has-tooltip-info:not(.has-tooltip-left)::after,
[data-tooltip]:not([disabled]).has-tooltip-info:not(.has-tooltip-right)::after {
    border-color:rgba(32,156,238,.9) transparent transparent transparent;
}

[data-tooltip]:not(.is-disabled).has-tooltip-info:before,
[data-tooltip]:not(.is-loading).has-tooltip-info:before,
[data-tooltip]:not([disabled]).has-tooltip-info:before {
    background-color:rgba(32,156,238,.9);
    color:#fff;
}

/* --- SUCCESS --- */

[data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-bottom::after,
[data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-bottom::after,
[data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-bottom::after {
    border-color:transparent transparent rgba(35,209,96,.9) transparent;
}

[data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-left::after,
[data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-left::after,
[data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-left::after {
    border-color:transparent transparent transparent rgba(35,209,96,.9);
}

[data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-right::after,
[data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-right::after,
[data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-right::after {
    border-color:transparent rgba(35,209,96,.9) transparent transparent;
}

[data-tooltip]:not(.is-disabled).has-tooltip-success:not(.has-tooltip-bottom)::after,
[data-tooltip]:not(.is-disabled).has-tooltip-success:not(.has-tooltip-left)::after,
[data-tooltip]:not(.is-disabled).has-tooltip-success:not(.has-tooltip-right)::after,
[data-tooltip]:not(.is-loading).has-tooltip-success:not(.has-tooltip-bottom)::after,
[data-tooltip]:not(.is-loading).has-tooltip-success:not(.has-tooltip-left)::after,
[data-tooltip]:not(.is-loading).has-tooltip-success:not(.has-tooltip-right)::after,
[data-tooltip]:not([disabled]).has-tooltip-success:not(.has-tooltip-bottom)::after,
[data-tooltip]:not([disabled]).has-tooltip-success:not(.has-tooltip-left)::after,
[data-tooltip]:not([disabled]).has-tooltip-success:not(.has-tooltip-right)::after {
    border-color:rgba(35,209,96,.9) transparent transparent transparent;
}

[data-tooltip]:not(.is-disabled).has-tooltip-success:before,
[data-tooltip]:not(.is-loading).has-tooltip-success:before,
[data-tooltip]:not([disabled]).has-tooltip-success:before {
    background-color:rgba(35,209,96,.9);
    color:#fff;
}

/* --- WARNING --- */

[data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-bottom::after,
[data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-bottom::after,
[data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-bottom::after {
    border-color:transparent transparent rgba(255,221,87,.9) transparent;
}

[data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-left::after,
[data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-left::after,
[data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-left::after {
    border-color:transparent transparent transparent rgba(255,221,87,.9);
}

[data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-right::after,
[data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-right::after,
[data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-right::after {
    border-color:transparent rgba(255,221,87,.9) transparent transparent;
}

[data-tooltip]:not(.is-disabled).has-tooltip-warning:not(.has-tooltip-bottom)::after,
[data-tooltip]:not(.is-disabled).has-tooltip-warning:not(.has-tooltip-left)::after,
[data-tooltip]:not(.is-disabled).has-tooltip-warning:not(.has-tooltip-right)::after,
[data-tooltip]:not(.is-loading).has-tooltip-warning:not(.has-tooltip-bottom)::after,
[data-tooltip]:not(.is-loading).has-tooltip-warning:not(.has-tooltip-left)::after,
[data-tooltip]:not(.is-loading).has-tooltip-warning:not(.has-tooltip-right)::after,
[data-tooltip]:not([disabled]).has-tooltip-warning:not(.has-tooltip-bottom)::after,
[data-tooltip]:not([disabled]).has-tooltip-warning:not(.has-tooltip-left)::after,
[data-tooltip]:not([disabled]).has-tooltip-warning:not(.has-tooltip-right)::after {
    border-color:rgba(255,221,87,.9) transparent transparent transparent;
}

[data-tooltip]:not(.is-disabled).has-tooltip-warning:before,
[data-tooltip]:not(.is-loading).has-tooltip-warning:before,
[data-tooltip]:not([disabled]).has-tooltip-warning:before {
    background-color:rgba(255,221,87,.9);
    color:rgba(0,0,0,.7);
}

/* --- DANGER --- */

[data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-bottom::after,
[data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-bottom::after,
[data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-bottom::after {
    border-color:transparent transparent rgba(255,56,96,.9) transparent;
}

[data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-left::after,
[data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-left::after,
[data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-left::after {
    border-color:transparent transparent transparent rgba(255,56,96,.9);
}

[data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-right::after,
[data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-right::after,
[data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-right::after {
    border-color:transparent rgba(255,56,96,.9) transparent transparent;
}

[data-tooltip]:not(.is-disabled).has-tooltip-danger:not(.has-tooltip-bottom)::after,
[data-tooltip]:not(.is-disabled).has-tooltip-danger:not(.has-tooltip-left)::after,
[data-tooltip]:not(.is-disabled).has-tooltip-danger:not(.has-tooltip-right)::after,
[data-tooltip]:not(.is-loading).has-tooltip-danger:not(.has-tooltip-bottom)::after,
[data-tooltip]:not(.is-loading).has-tooltip-danger:not(.has-tooltip-left)::after,
[data-tooltip]:not(.is-loading).has-tooltip-danger:not(.has-tooltip-right)::after,
[data-tooltip]:not([disabled]).has-tooltip-danger:not(.has-tooltip-bottom)::after,
[data-tooltip]:not([disabled]).has-tooltip-danger:not(.has-tooltip-left)::after,
[data-tooltip]:not([disabled]).has-tooltip-danger:not(.has-tooltip-right)::after {
    border-color:rgba(255,56,96,.9) transparent transparent transparent;
}

[data-tooltip]:not(.is-disabled).has-tooltip-danger:before,
[data-tooltip]:not(.is-loading).has-tooltip-danger:before,
[data-tooltip]:not([disabled]).has-tooltip-danger:before {
    background-color:rgba(255,56,96,.9);
    color:#fff;
}

/* ============================================================
   6. ACTIVE & FADE EFFECTS
   ============================================================ */

[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;
}

/* ============================================================
   7. RESPONSIVE BREAKPOINTS
   ============================================================ */

@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%);
    }

}