.tooltip-wrapper{display:inline}.has-tooltip,.tooltip-wrapper{position:relative}.has-tooltip .tooltip,.tooltip-wrapper .tooltip{position:absolute;left:50%;top:0;margin-top:-12px;background-color:#333;color:#ccc;font-weight:400;padding:12px 16px;box-shadow:0 2px 10px rgba(0,0,0,.5);transform:translate(-50%,-90%);white-space:pre;transition:opacity .2s;transition:opacity .1s,transform .2s;opacity:0;pointer-events:none;font-size:14px;line-height:150%;z-index:2}.has-tooltip .tooltip:after,.tooltip-wrapper .tooltip:after{content:"";position:absolute;left:50%;bottom:-5px;width:0;height:0;margin-left:-6px;border-color:#333 rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:6px 6px 0;filter:drop-shadow(0 2px 10px rgba(0,0,0,.5))}.has-tooltip .tooltip[style],.tooltip-wrapper .tooltip[style]{white-space:pre-wrap}.has-tooltip .tooltip li,.tooltip-wrapper .tooltip li{line-height:150%}.has-tooltip .tooltip.tooltip-small,.tooltip-wrapper .tooltip.tooltip-small{padding:4px 8px;line-height:22px}.has-tooltip .tooltip.tooltip-down,.tooltip-wrapper .tooltip.tooltip-down{top:unset;bottom:-10px;transform:translate(-50%,50%)}.has-tooltip .tooltip.tooltip-down:after,.tooltip-wrapper .tooltip.tooltip-down:after{bottom:auto;top:-5px;transform:rotate(180deg)}.has-tooltip .tooltip.tooltip-right,.tooltip-wrapper .tooltip.tooltip-right{left:unset;right:-10px;top:50%;transform:translate(100%,calc(-50% - 10px))}.has-tooltip .tooltip.tooltip-right:after,.tooltip-wrapper .tooltip.tooltip-right:after{right:auto;left:0;top:50%;margin-top:-6px;border-width:7px 0 7px 7px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #333;transform:rotate(180deg)}.has-tooltip.is-open .tooltip,.tooltip-wrapper.is-open .tooltip{opacity:1;transform:translate(-50%,-100%)}.has-tooltip.is-open .tooltip.tooltip-down,.tooltip-wrapper.is-open .tooltip.tooltip-down{transform:translate(-50%,100%)}.has-tooltip.is-open .tooltip.tooltip-right,.tooltip-wrapper.is-open .tooltip.tooltip-right{transform:translate(100%,calc(-50% + 10px))}.has-tooltip:not(.is-open):hover .tooltip,.tooltip-wrapper:not(.is-open):hover .tooltip{opacity:1;transform:translate(-50%,-100%);transition-delay:.5s}.has-tooltip:not(.is-open):hover .tooltip.tooltip-down,.tooltip-wrapper:not(.is-open):hover .tooltip.tooltip-down{transform:translate(-50%,100%);transition-delay:.5s}.has-tooltip:not(.is-open):hover .tooltip.tooltip-right,.tooltip-wrapper:not(.is-open):hover .tooltip.tooltip-right{transform:translate(100%,calc(-50% + 10px));transition-delay:.5s}@media(max-width:900px){.has-tooltip.mobile-open-left.mobile-open-left .tooltip,.tooltip-wrapper.mobile-open-left.mobile-open-left .tooltip{left:unset;right:0;transform:translate(6px,-100%)}.has-tooltip.mobile-open-left.mobile-open-left .tooltip:after,.tooltip-wrapper.mobile-open-left.mobile-open-left .tooltip:after{left:unset;right:10px}}.has-tooltip .actions,.tooltip-wrapper .actions{display:flex;justify-content:flex-end;margin-top:16px;pointer-events:all}.has-tooltip .actions button:hover,.tooltip-wrapper .actions button:hover{background-color:hsla(0,0%,100%,.2)}.has-tooltip h5,.tooltip-wrapper h5{font-size:16px;color:#e5e5e5;margin-bottom:16px;font-weight:700}.has-tooltip h5 svg,.tooltip-wrapper h5 svg{vertical-align:middle;width:24px;height:24px;margin-right:16px}.has-tooltip p,.tooltip-wrapper p{white-space:pre-wrap}.ftue-tooltip-wrapper{width:100%;position:absolute;left:0;right:0}.ftue-tooltip-wrapper.is-open>.tooltip{animation:open-ftue-tooltip .2s .5s forwards;padding:20px;width:400px;font-size:16px}.ftue-tooltip-wrapper.is-open>.tooltip:after{margin-left:-8px;border-width:8px 8px 0;bottom:-7px}.ftue-tooltip-wrapper.is-open~div .tooltip-wrapper .tooltip{display:none}@keyframes open-ftue-tooltip{to{opacity:1;transform:translate(-50%,-100%)}}