:root{--tooltip-background-color:#484848;--tooltip-color:var(--banner-color);--tooltip-max-width:360px;--tooltip-point-left-position:40px;--tooltip-element-distance:5px}.ui-tooltip{inline-size:100%;position:relative}.ui-tooltip_clicked .ui-tooltip__text{visibility:visible}.ui-tooltip_center{inline-size:auto;display:flex}.ui-tooltip__text{z-index:1;visibility:hidden;padding:var(--spacing-m);border-radius:var(--spacing-xs);inline-size:min(110%, var(--tooltip-max-width));background-color:var(--tooltip-background-color);color:var(--tooltip-color);font-weight:var(--font-weight-default);line-height:var(--line-height-default);position:absolute;inset-block-end:calc(150% + var(--tooltip-element-distance));inset-inline-start:calc(-1 * var(--tooltip-point-left-position))}.ui-tooltip__text:after{content:"";border-style:solid;border-width:5px;border-color:var(--tooltip-background-color) transparent transparent;position:absolute;inset-block-start:100%;inset-inline-start:var(--tooltip-point-left-position)}.ui-tooltip_center .ui-tooltip__text{--tooltip-element-distance:14px;--tooltip-max-width:200px;inline-size:var(--tooltip-max-width);inset-block-end:calc(100% + var(--tooltip-element-distance));inset-inline-start:50%;transform:translate(-50%)}.ui-tooltip_center .ui-tooltip__text:after{inset-inline-start:50%;transform:translate(-50%)}html[dir=rtl] .ui-tooltip_center .ui-tooltip__text,html[dir=rtl] .ui-tooltip_center .ui-tooltip__text:after{transform:translate(50%)}.ui-tooltip__text li{margin-inline-start:10px;list-style-type:disc}@media (width>=1024px){.ui-tooltip_center .ui-tooltip__text{--tooltip-max-width:256px}}@media (width>=1024px) and (hover:hover){.ui-tooltip:hover .ui-tooltip__text{visibility:visible}}@media (width>=1024px) and (hover:none){.ui-tooltip:active .ui-tooltip__text{visibility:visible}}