.components-tooltip{max-width:100%;display:inline-block;position:relative}.components-tooltip .dattooltipwrapper{opacity:0;visibility:hidden;z-index:1002;transition:opacity .4s;position:absolute}.components-tooltip .dattooltipcontents{color:var(--white-100);border-radius:6px;padding:16px 22px;font-size:13px;font-weight:500;line-height:150%;display:inline-block;position:relative;box-shadow:0 0 12px 3px rgba(0,0,0,.4)}.components-tooltip:hover .dattooltipwrapper{opacity:1;visibility:visible}.components-tooltip .dattooltipwrapper:hover{opacity:1;visibility:visible}@media (min-width:600px){.components-tooltip.position-top .dattooltipcontents:after{content:"";border-style:solid;border-width:6px;border-color:var(--primary-700)transparent transparent transparent;margin-left:-6px;position:absolute;top:100%;left:50%}.components-tooltip.position-top.dark-background .dattooltipcontents:after{border-color:var(--primary-1000)transparent transparent transparent}}.components-tooltip.position-right .dattooltipcontents:after{content:"";border-style:solid;border-width:6px;border-color:transparent var(--primary-700)transparent transparent;margin-top:-5px;position:absolute;top:50%;left:-12px}.components-tooltip.position-right.dark-background .dattooltipcontents:after{border-color:transparent var(--primary-1000)transparent transparent}@media (min-width:600px){.components-tooltip.position-bottom .dattooltipcontents:after{content:"";border-style:solid;border-width:6px;border-color:transparent transparent var(--primary-700)transparent;margin-left:-6px;position:absolute;bottom:100%;left:50%}.components-tooltip.position-bottom.dark-background .dattooltipcontents:after{border-color:transparent transparent var(--primary-1000)transparent}}.components-tooltip .mobile-positioning{position:relative}@media (min-width:600px){.components-tooltip .mobile-positioning{position:static!important}}@media (min-width:600px){.components-tooltip .desktop-positioning{position:relative}}