/* Tooltip Variables */
--tooltip__background-color: rgba(0, 0, 0, 0.9);
--tooltip__flex-direction: row;

--tooltip__color: rgba(255, 255, 255, 1);
--tooltip__font-size: 10px;
--tooltip__font-style: normal;
--tooltip__text-align: center;
--tooltip__text-shadow: inherit;

--tooltip__border-color: rgba(0, 0, 0, 1);
--tooltip__border-color-top: var(--tooltip__border-color);
--tooltip__border-color-right: var(--tooltip__border-color);
--tooltip__border-color-bottom: var(--tooltip__border-color);
--tooltip__border-color-left: var(--tooltip__border-color);

--tooltip__border-width: 1px;
--tooltip__border-width-top: var(--tooltip__border-width);
--tooltip__border-width-bottom: var(--tooltip__border-width);
--tooltip__border-width-left: var(--tooltip__border-width);
--tooltip__border-width-right: var(--tooltip__border-width);

--tooltip__border-radius: 3px;
--tooltip__border-radius-top-left: var(--tooltip__border-radius);
--tooltip__border-radius-top-right: var(--tooltip__border-radius);
--tooltip__border-radius-bottom-left: var(--tooltip__border-radius);
--tooltip__border-radius-bottom-right: var(--tooltip__border-radius);

--tooltip__padding: 3px;
--tooltip__padding-top: var(--tooltip__padding);
--tooltip__padding-bottom: var(--tooltip__padding);
--tooltip__padding-left: var(--tooltip__padding);
--tooltip__padding-right: var(--tooltip__padding);

/* Tooltip Settings Form Variables */
--tooltip-settings-form__margin: 0px;
--tooltip-settings-form__margin-top: var(--tooltip-settings-form__margin);
--tooltip-settings-form__margin-bottom: var(--tooltip-settings-form__margin);
--tooltip-settings-form__margin-left: var(--tooltip-settings-form__margin);
--tooltip-settings-form__margin-right: var(--tooltip-settings-form__margin);

--tooltip-settings-form__padding: 10px;
--tooltip-settings-form__padding-top: var(--tooltip-settings-form__padding);
--tooltip-settings-form__padding-bottom: var(--tooltip-settings-form__padding);
--tooltip-settings-form__padding-left: var(--tooltip-settings-form__padding);
--tooltip-settings-form__padding-right: var(--tooltip-settings-form__padding);

--tooltip-settings-form__border-color: rgb(154, 153, 153);
--tooltip-settings-form__border-top-color: var(--tooltip-settings-form__border-color);
--tooltip-settings-form__border-right-color: var(--tooltip-settings-form__border-color);
--tooltip-settings-form__border-bottom-color: var(--tooltip-settings-form__border-color);
--tooltip-settings-form__border-left-color: var(--tooltip-settings-form__border-color);

--tooltip-settings-form__border-width: 1px;
--tooltip-settings-form__border-top-width: var(--tooltip-settings-form__border-width);
--tooltip-settings-form__border-bottom-width: var(--tooltip-settings-form__border-width);
--tooltip-settings-form__border-left-width: var(--tooltip-settings-form__border-width);
--tooltip-settings-form__border-right-width: var(--tooltip-settings-form__border-width);

--tooltip-settings-form__border-radius: 5px;
--tooltip-settings-form__border-top-left-radius: var(--tooltip-settings-form__border-radius);
--tooltip-settings-form__border-top-right-radius: var(--tooltip-settings-form__border-radius);
--tooltip-settings-form__border-bottom-left-radius: var(--tooltip-settings-form__border-radius);
--tooltip-settings-form__border-bottom-right-radius: var(--tooltip-settings-form__border-radius);

--tooltip-settings-form__background-color: inherit;
--tooltip-settings-form__color: inherit;

--tooltip-settings-form__title-color: inherit;
--tooltip-settings-form__title-font-size: inherit;
--tooltip-settings-form__title-font-style: bold;
--tooltip-settings-form__title-background-color: inherit;
--tooltip-settings-form__title-text-align: inherit;

--tooltip-settings-form__title-padding: inherit;
--tooltip-settings-form__title-padding-top: var(--tooltip-settings-form__title-padding);
--tooltip-settings-form__title-padding-bottom: var(--tooltip-settings-form__title-padding);
--tooltip-settings-form__title-padding-left: var(--tooltip-settings-form__title-padding);
--tooltip-settings-form__title-padding-right: var(--tooltip-settings-form__title-padding);

--tooltip-settings-form__title-margin: inherit;
--tooltip-settings-form__title-margin-top: var(--tooltip-settings-form__title-margin);
--tooltip-settings-form__title-margin-bottom: var(--tooltip-settings-form__title-margin);
--tooltip-settings-form__title-margin-left: var(--tooltip-settings-form__title-margin);
--tooltip-settings-form__title-margin-right: var(--tooltip-settings-form__title-margin);

--tooltip-settings-form__label-font-size: inherit;
--tooltip-settings-form__label-font-style: inherit;
--tooltip-settings-form__label-text-align: inherit;

/* Styling */
#Tooltip
{
    background-color: var( --tooltip__background-color);
    flex-direction: var( --tooltip__flex-direction);
    color: var( --tooltip__color);
    font-size: var( --tooltip__font-size);
    -unity-font-style: var( --tooltip__font-style);
    -unity-text-align: var( --tooltip__text-align);

    border-top-color: var( --tooltip__border-top-color);
    border-bottom-color: var( --tooltip__border-bottom-color);
    border-left-color: var( --tooltip__border-left-color);
    border-right-color: var( --tooltip__border-right-color);

    padding-top: var( --tooltip__padding-top);
    padding-bottom: var( --tooltip__padding-bottom);
    padding-left: var( --tooltip__padding-left);
    padding-right: var( --tooltip__padding-right);

    border-top-left-radius: var( --tooltip__border-top-left-radius);
    border-top-right-radius: var( --tooltip__border-top-right-radius);
    border-bottom-left-radius: var( --tooltip__border-bottom-left-radius);
    border-bottom-right-radius: var( --tooltip__border-bottom-right-radius);

    border-top-width: var( --tooltip__border-top-width);
    border-bottom-width: var( --tooltip__border-bottom-width);
    border-left-width: var( --tooltip__border-left-width);
    border-right-width: var( --tooltip__border-right-width);
}

#Tooltip #TooltipLabel {
    color: var( --tooltip__color);
    font-size: var( --tooltip__font-size);
    -unity-font-style: var( --tooltip__font-style);
    -unity-text-align: var( --tooltip__text-align);
}

#TooltipSettingsForm
{
    margin-top: var( --tooltip-settings-form__margin-top);
    margin-bottom: var( --tooltip-settings-form__margin-bottom);
    margin-left: var( --tooltip-settings-form__margin-left);
    margin-right: var( --tooltip-settings-form__margin-right);

    padding-top: var( --tooltip-settings-form__padding-top);
    padding-bottom: var( --tooltip-settings-form__padding-bottom);
    padding-left: var( --tooltip-settings-form__padding-left);
    padding-right: var( --tooltip-settings-form__padding-right);

    border-top-color: var( --tooltip-settings-form__border-top-color);
    border-bottom-color: var( --tooltip-settings-form__border-bottom-color);
    border-left-color: var( --tooltip-settings-form__border-left-color);
    border-right-color: var( --tooltip-settings-form__border-right-color);

    border-top-width: var( --tooltip-settings-form__border-top-width);
    border-bottom-width: var( --tooltip-settings-form__border-bottom-width);
    border-left-width: var( --tooltip-settings-form__border-left-width);
    border-right-width: var( --tooltip-settings-form__border-right-width);

    border-top-left-radius: var( --tooltip-settings-form__border-top-left-radius);
    border-top-right-radius: var( --tooltip-settings-form__border-top-right-radius);
    border-bottom-left-radius: var( --tooltip-settings-form__border-bottom-left-radius);
    border-bottom-right-radius: var( --tooltip-settings-form__border-bottom-right-radius);
}

#TooltipSettingsForm #TooltipSettingsFormTitle {
    color: var( --tooltip-settings-form__title-color);
    font-size: var( --tooltip-settings-form__title-font-size);
    -unity-font-style: var( --tooltip-settings-form__title-font-style);
    -unity-text-align: var( --tooltip-settings-form__title-text-align);
}

#TooltipSettingsForm .form__label-element {
    color: var( --windowFrame__content-color);
    font-size: var( --tooltip-settings-form__label-font-size);
    -unity-font-style: var( --tooltip-settings-form__label-font-style);
    -unity-text-align: var( --tooltip-settings-form__label-text-align);
}

#TooltipSettingsForm .form__slider-element {
    color: var( --windowFrame__content-color);
    font-size: var( --tooltip-settings-form__label-font-size);
    -unity-font-style: var( --tooltip-settings-form__label-font-style);
    -unity-text-align: var( --tooltip-settings-form__label-text-align);
}