.tooltip{display:inline-flex;position:relative}.tooltip__title{display:inline-flex;gap:var(--spacing-2);align-items:center}.tooltip__label{pointer-events:none;-webkit-user-select:none;user-select:none;font-size:var(--font-size)}.tooltip__dropdown{opacity:0;visibility:hidden;position:absolute;top:-500%;left:50%;transform:translateX(-50%);z-index:99;margin-bottom:var(--spacing-6)}.tooltip__dropdown-content{display:inline-block;font-size:12px;font-weight:var(--font-weight-medium);line-height:var(--line-height);color:var(--color-white);background-color:var(--color-gray-90);padding:var(--spacing-3) var(--spacing-2);width:max-content;max-width:200px;text-align:left;position:absolute;left:50%;transform:translateX(-50%);top:var(--spacing-3)}@media screen and (min-width: 360px){.tooltip__dropdown-content{width:max-content;max-width:255px}}.tooltip:not([disabled=true])[open] .tooltip__dropdown{opacity:1;visibility:visible;top:100%}@media(hover: hover){.tooltip:not([disabled=true])[behaviour=hover]:hover .tooltip__dropdown{opacity:1;visibility:visible;top:100%}}.tooltip svg{max-width:24px;max-height:24px;width:auto;height:auto;color:var(--color-primary-70);cursor:pointer}.tooltip--background-light .tooltip__dropdown-content{background-color:var(--color-white);color:var(--color-gray-90)}.tooltip--rounded-corner .tooltip__dropdown-content{border-radius:var(--border-radius-small)}.tooltip--shadow .tooltip__dropdown-content{box-shadow:var(--shadow-1)}