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