:root{--tooltip-color:inherit;--tooltip-icon-color:#363636;--tooltip-icon-color-hover:#b6b6b6;--tooltip-icon-size:24px;--tooltip-content-bcg:#fff;--tooltip-content-border:#eaeaea;--tooltip-content-box-shadow:hsla(0,0%,97%,.5)}.tooltip{color:var(--tooltip-color);display:inline-block;position:relative}.tooltip__icon{color:var(--tooltip-icon-color);display:block;font-size:0;line-height:1;position:relative;transition:color .15s}.tooltip__icon:focus,.tooltip__icon:hover{color:var(--tooltip-icon-color-hover)}.tooltip__icon .icon{height:var(--tooltip-icon-size);width:var(--tooltip-icon-size)}.tooltip__content{background:var(--tooltip-content-bcg);border:1px solid var(--tooltip-content-border);border-radius:2px;bottom:100%;box-shadow:0 0 2px var(--tooltip-content-box-shadow);display:none;font-family:Trade Gothic,sans-serif;font-size:.9375rem;left:50%;line-height:1.4;max-width:300px;opacity:0;padding:.75rem;position:absolute;transform:translate(-50%,20%);transition:opacity .1s,transform .1s;white-space:normal;width:calc(100vw - 40px)}.tooltip.is-active .tooltip__content{display:flex}.tooltip.is-open{z-index:1}.tooltip.is-open .tooltip__content{opacity:1;transform:translate(-50%,-10px)}.tooltip--right .tooltip__content{left:auto;right:0;transform:translateY(20%)}.tooltip--right.is-open .tooltip__content{transform:translateY(-10px)}