.chart-container {
    height: 400px;
}

.vertical-centered {
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle;
}

.levels-menu-button {
    width: 263px;
}

.positions-menu-button {
    width: 250px;
}

.companies-menu-button {
    width: 350px;
}

.button.has-text-left {
    justify-content: flex-start;

}

.button.has-text-right {
    justify-content: flex-end;
}

/* Vertically center text in rows of table (not heading). And give same padding to rows of table and heading so everything is aligned. The default gave the heading more padding on the left so was not aligned with content */

#offersTableDiv td {
    vertical-align: middle;
    padding: 10px 18px 10px 5px;
}

#offersTableDiv th {
    padding: 10px 18px 10px 5px;
}

.table tr.is-selected {
    background-color: #EEF3FC;
    color: #363636;
}

#tweet-button {
    padding-top: 22px;
    margin-bottom: -10px;
}

.body-section {
    margin-top: -90px;
}


/* Show cursor as a pointer (the hand) every where in the drop down menu, including on the checkbox */

.dropdown-item {
    cursor: pointer;
}

.pointerCheckbox {
    cursor: pointer;
}


/* Smallest font in bulma is is-size-8 which is 0.75rem. This adds one size smaller. */

.is-size-8 {
    font-size: 0.67rem !important;
}

@media screen and (max-width: 768px) {
    .is-size-8-mobile {
        font-size: 0.67rem !important;
    }
}


/* This block is to make change how different fields in the left column of the table are displayed in mobile vs. larger screens*/
.vertical-line {
    display: inline;
}

.new-line {
    display: none;
}

@media screen and (max-width: 768px) {
    .vertical-line {
        display: none;
    }

    .new-line {
        display: inline;
    }
}

.twitter-typeahead {
    width: 100%;
}

.tt-query,
.tt-input {
    /* UPDATE: newer versions use tt-input instead of tt-query */
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999;
}

.tt-menu {
    /* UPDATE: newer versions use tt-menu instead of tt-dropdown-menu */
    width: 100%;
    margin-top: 12px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.tt-suggestion {
    padding: 3px 20px;
    line-height: 24px;
}

.tt-suggestion.tt-is-under-cursor {
    /* UPDATE: newer versions use .tt-suggestion.tt-cursor */
    background-color: #efefef;
    cursor: pointer;
}

.tt-suggestion.tt-cursor,
.tt-suggestion:hover {
    background-color: #efefef;
    cursor: pointer;
}

.tt-suggestion p {
    margin: 0;
}

input.disabled {
    pointer-events: none;
    background: #EFEFEF;
}

.noPointer {
    pointer-events: none;
}

.yesPointer {
    pointer-events: auto;
}

/* Replicating a.dropdown-item's style for label.dropdown-item because we wrap the item in a label*/

label.dropdown-item,
button.dropdown-item {
    padding-right: 3rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    text-align: left;
    white-space: nowrap;
    width: 100%
}

label.dropdown-item:hover,
button.dropdown-item:hover {
    background-color: #f5f5f5;
    color: #0a0a0a
}

label.dropdown-item.is-active,
button.dropdown-item.is-active {
    background-color: #3273dc;
    color: #fff
}


/*Setting colors of different checkboxes, following format from bulma-radio-checkbox.css below*/

.is-colored-checkbox input[type="checkbox"]+label::after {
    color: #fff;
}

.is-generic input[type="checkbox"]+label::before {
    background-color: #3498dbc0;
    border-color: #3498dbc0;
}

.is-engineer input[type="checkbox"]+label::before {
    background-color: #9b59b6c0;
    border-color: #9b59b6c0;
}

.is-scientist input[type="checkbox"]+label::before {
    background-color: #1abc9cc0;
    border-color: #1abc9cc0;
}

.is-manager input[type="checkbox"]+label::before {
    background-color: #f39c12c0;
    border-color: #f39c12c0;
}

/* From https://github.com/hunzaboy/Cool-Checkboxes-for-Bulma.io/blob/master/dist/css/bulma-radio-checkbox.css */
/*!
   cool-checkboxes-for-bulma.io v1.1.0: Cool Checkboxes for Bulma.io
   (c) 2017
   MIT License

*/
@charset "UTF-8";

.b-checkbox {
    position: relative;
}

.b-checkbox label {
    padding-left: 5px;
    cursor: pointer;
    font-size: 0.8rem;
    line-height: 1;
}

.b-checkbox label::before {
    content: "";
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    top: 1px;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    background-color: #fff;
    transition: background .1s ease-in-out;
}

.b-checkbox label::after {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 3px;
    top: 3px;
    font-size: 12px;
    color: #363636;
}

.b-checkbox input[type="checkbox"],
.b-checkbox input[type="radio"] {
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}

/* Commenting the following out because don't want blue border around checkboxes in Chrome */
/*.b-checkbox input[type="checkbox"]:focus+label::before,
.b-checkbox input[type="radio"]:focus+label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}*/

/* Setting an indeterminate state */
.b-checkbox input[type="checkbox"]:indeterminate+label::after,
.b-checkbox input[type="radio"]:indeterminate+label::after {
    content: "\FF0D";
    font-weight: 900;
}

.b-checkbox input[type="checkbox"]:checked+label::after,
.b-checkbox input[type="radio"]:checked+label::after {
    /*content: "✔";*/
    /* Added bottom two because with above, at 90% zoom on Chrome and Brave, the checkmark looks misaligned in checkbox*/
    content: "\2713\0020";
    font-weight: 900;
}

.b-checkbox input[type="checkbox"]:disabled,
.b-checkbox input[type="radio"]:disabled {
    cursor: not-allowed;
}

.b-checkbox input[type="checkbox"]:disabled+label,
.b-checkbox input[type="radio"]:disabled+label {
    opacity: 0.65;
}

.b-checkbox input[type="checkbox"]:disabled+label::before,
.b-checkbox input[type="radio"]:disabled+label::before {
    /*background-color: whitesmoke;*/
    cursor: not-allowed;
}

.b-checkbox.is-circular label::before {
    border-radius: 50%;
}

.b-checkbox.is-inline {
    display: inline-block;
    font-weight: normal;
}

.b-checkbox.is-inline+.is-inline {
    margin-left: 10px;
}

.is-primary input[type="checkbox"]:checked+label::before {
    background-color: #00d1b2;
    border-color: #00d1b2;
}

.is-primary input[type="checkbox"]:checked+label::after {
    color: #fff;
}

.is-danger input[type="checkbox"]:checked+label::before {
    background-color: #ff3860;
    border-color: #ff3860;
}

.is-danger input[type="checkbox"]:checked+label::after {
    color: #fff;
}

.is-info input[type="checkbox"]:checked+label::before {
    background-color: #3273dc;
    border-color: #3273dc;
}

.is-info input[type="checkbox"]:checked+label::after {
    color: #fff;
}

.is-warning input[type="checkbox"]:checked+label::before {
    background-color: #ffdd57;
    border-color: #ffdd57;
}

.is-warning input[type="checkbox"]:checked+label::after {
    color: #fff;
}

.is-success input[type="checkbox"]:checked+label::before {
    background-color: #23d160;
    border-color: #23d160;
}

.is-success input[type="checkbox"]:checked+label::after {
    color: #fff;
}

.is-dark input[type="checkbox"]:checked+label::before {
    background-color: #363636;
    border-color: #363636;
}

.is-dark input[type="checkbox"]:checked+label::after {
    color: #fff;
}

.is-black input[type="checkbox"]:checked+label::before {
    background-color: #0a0a0a;
    border-color: #0a0a0a;
}

.is-black input[type="checkbox"]:checked+label::after {
    color: #fff;
}

input[type="checkbox"].styled:checked+label:after {
    font-family: "FontAwesome";
    content: "";
}

input[type="checkbox"] .styled:checked+label::before {
    color: #fff;
}

input[type="checkbox"] .styled:checked+label::after {
    color: #fff;
}

/* Copied from bulma is-divider extension https://github.com/Wikiki/bulma-divider/blob/387f1a7a81be1322e1e87e73b246906c6f8375b6/dist/css/bulma-divider.min.css */

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

.is-divider,
.is-divider-vertical {
    display: block;
    position: relative;
    border-top: .1rem solid #dbdbdb;
    height: .1rem;
    margin: 2rem 0;
    text-align: center
}

.is-divider-vertical[data-content]::after,
.is-divider[data-content]::after {
    background: #fff;
    color: #b5b5b5;
    content: attr(data-content);
    display: inline-block;
    font-size: .75rem;
    padding: .4rem .8rem;
    -webkit-transform: translateY(-1.1rem);
    transform: translateY(-1.1rem);
    text-align: center
}

@media screen and (min-width:769px),
print {
    .is-divider-vertical {
        display: block;
        flex: none;
        width: auto;
        height: auto;
        padding: 2rem;
        margin: 0;
        position: relative;
        border-top: none;
        min-height: 2rem
    }

    .is-divider-vertical::before {
        border-left: .1rem solid #dbdbdb;
        bottom: 1rem;
        content: "";
        display: block;
        left: 50%;
        position: absolute;
        top: 1rem;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .is-divider-vertical[data-content]::after {
        position: absolute;
        left: 50%;
        top: 50%;
        padding: .1rem;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%)
    }
}

.is-divider-vertical.is-white,
.is-divider.is-white {
    border-top-color: #fff
}

.is-divider-vertical.is-white[data-content]::after,
.is-divider.is-white[data-content]::after {
    background: #0a0a0a;
    color: #fff
}

.is-divider-vertical.is-white::before,
.is-divider.is-white::before {
    border-left-color: #fff
}

.is-divider-vertical.is-black,
.is-divider.is-black {
    border-top-color: #0a0a0a
}

.is-divider-vertical.is-black[data-content]::after,
.is-divider.is-black[data-content]::after {
    background: #fff;
    color: #0a0a0a
}

.is-divider-vertical.is-black::before,
.is-divider.is-black::before {
    border-left-color: #0a0a0a
}

.is-divider-vertical.is-light,
.is-divider.is-light {
    border-top-color: #f5f5f5
}

.is-divider-vertical.is-light[data-content]::after,
.is-divider.is-light[data-content]::after {
    background: #363636;
    color: #f5f5f5
}

.is-divider-vertical.is-light::before,
.is-divider.is-light::before {
    border-left-color: #f5f5f5
}

.is-divider-vertical.is-dark,
.is-divider.is-dark {
    border-top-color: #363636
}

.is-divider-vertical.is-dark[data-content]::after,
.is-divider.is-dark[data-content]::after {
    background: #f5f5f5;
    color: #363636
}

.is-divider-vertical.is-dark::before,
.is-divider.is-dark::before {
    border-left-color: #363636
}

.is-divider-vertical.is-primary,
.is-divider.is-primary {
    border-top-color: #00d1b2
}

.is-divider-vertical.is-primary[data-content]::after,
.is-divider.is-primary[data-content]::after {
    background: #fff;
    color: #00d1b2
}

.is-divider-vertical.is-primary::before,
.is-divider.is-primary::before {
    border-left-color: #00d1b2
}

.is-divider-vertical.is-link,
.is-divider.is-link {
    border-top-color: #3273dc
}

.is-divider-vertical.is-link[data-content]::after,
.is-divider.is-link[data-content]::after {
    background: #fff;
    color: #3273dc
}

.is-divider-vertical.is-link::before,
.is-divider.is-link::before {
    border-left-color: #3273dc
}

.is-divider-vertical.is-info,
.is-divider.is-info {
    border-top-color: #209cee
}

.is-divider-vertical.is-info[data-content]::after,
.is-divider.is-info[data-content]::after {
    background: #fff;
    color: #209cee
}

.is-divider-vertical.is-info::before,
.is-divider.is-info::before {
    border-left-color: #209cee
}

.is-divider-vertical.is-success,
.is-divider.is-success {
    border-top-color: #23d160
}

.is-divider-vertical.is-success[data-content]::after,
.is-divider.is-success[data-content]::after {
    background: #fff;
    color: #23d160
}

.is-divider-vertical.is-success::before,
.is-divider.is-success::before {
    border-left-color: #23d160
}

.is-divider-vertical.is-warning,
.is-divider.is-warning {
    border-top-color: #ffdd57
}

.is-divider-vertical.is-warning[data-content]::after,
.is-divider.is-warning[data-content]::after {
    background: rgba(0, 0, 0, .7);
    color: #ffdd57
}

.is-divider-vertical.is-warning::before,
.is-divider.is-warning::before {
    border-left-color: #ffdd57
}

.is-divider-vertical.is-danger,
.is-divider.is-danger {
    border-top-color: #ff3860
}

.is-divider-vertical.is-danger[data-content]::after,
.is-divider.is-danger[data-content]::after {
    background: #fff;
    color: #ff3860
}

.is-divider-vertical.is-danger::before,
.is-divider.is-danger::before {
    border-left-color: #ff3860
}

.is-divider-vertical.is-black-bis,
.is-divider.is-black-bis {
    border-top-color: #121212
}

.is-divider-vertical.is-black-bis[data-content]::after,
.is-divider.is-black-bis[data-content]::after {
    background: #fff;
    color: #121212
}

.is-divider-vertical.is-black-bis::before,
.is-divider.is-black-bis::before {
    border-left-color: #121212
}

.is-divider-vertical.is-black-ter,
.is-divider.is-black-ter {
    border-top-color: #242424
}

.is-divider-vertical.is-black-ter[data-content]::after,
.is-divider.is-black-ter[data-content]::after {
    background: #fff;
    color: #242424
}

.is-divider-vertical.is-black-ter::before,
.is-divider.is-black-ter::before {
    border-left-color: #242424
}

.is-divider-vertical.is-grey-darker,
.is-divider.is-grey-darker {
    border-top-color: #363636
}

.is-divider-vertical.is-grey-darker[data-content]::after,
.is-divider.is-grey-darker[data-content]::after {
    background: #fff;
    color: #363636
}

.is-divider-vertical.is-grey-darker::before,
.is-divider.is-grey-darker::before {
    border-left-color: #363636
}

.is-divider-vertical.is-grey-dark,
.is-divider.is-grey-dark {
    border-top-color: #4a4a4a
}

.is-divider-vertical.is-grey-dark[data-content]::after,
.is-divider.is-grey-dark[data-content]::after {
    background: #fff;
    color: #4a4a4a
}

.is-divider-vertical.is-grey-dark::before,
.is-divider.is-grey-dark::before {
    border-left-color: #4a4a4a
}

.is-divider-vertical.is-grey,
.is-divider.is-grey {
    border-top-color: #7a7a7a
}

.is-divider-vertical.is-grey[data-content]::after,
.is-divider.is-grey[data-content]::after {
    background: #fff;
    color: #7a7a7a
}

.is-divider-vertical.is-grey::before,
.is-divider.is-grey::before {
    border-left-color: #7a7a7a
}

.is-divider-vertical.is-grey-light,
.is-divider.is-grey-light {
    border-top-color: #b5b5b5
}

.is-divider-vertical.is-grey-light[data-content]::after,
.is-divider.is-grey-light[data-content]::after {
    background: #fff;
    color: #b5b5b5
}

.is-divider-vertical.is-grey-light::before,
.is-divider.is-grey-light::before {
    border-left-color: #b5b5b5
}

.is-divider-vertical.is-grey-lighter,
.is-divider.is-grey-lighter {
    border-top-color: #dbdbdb
}

.is-divider-vertical.is-grey-lighter[data-content]::after,
.is-divider.is-grey-lighter[data-content]::after {
    background: rgba(0, 0, 0, .7);
    color: #dbdbdb
}

.is-divider-vertical.is-grey-lighter::before,
.is-divider.is-grey-lighter::before {
    border-left-color: #dbdbdb
}

.is-divider-vertical.is-white-ter,
.is-divider.is-white-ter {
    border-top-color: #f5f5f5
}

.is-divider-vertical.is-white-ter[data-content]::after,
.is-divider.is-white-ter[data-content]::after {
    background: rgba(0, 0, 0, .7);
    color: #f5f5f5
}

.is-divider-vertical.is-white-ter::before,
.is-divider.is-white-ter::before {
    border-left-color: #f5f5f5
}

.is-divider-vertical.is-white-bis,
.is-divider.is-white-bis {
    border-top-color: #fafafa
}

.is-divider-vertical.is-white-bis[data-content]::after,
.is-divider.is-white-bis[data-content]::after {
    background: rgba(0, 0, 0, .7);
    color: #fafafa
}

.is-divider-vertical.is-white-bis::before,
.is-divider.is-white-bis::before {
    border-left-color: #fafafa
}

/* is-divider ends here */

/* Copied from bulma tooltip extension https://github.com/Wikiki/bulma-tooltip/blob/master/dist/css/bulma-tooltip.min.css */

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

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

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

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

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

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

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

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

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

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

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

/* tooltip ends here */