.tooltip{display:inline-block;position:relative}.tooltip__icon{border:1px solid #fff;border-radius:50%;color:#fff;display:block;font-size:0;height:24px;line-height:1;padding:4px;position:relative;transition:color .2s,background-color .2s,border-radius .2s;width:24px}.tooltip__icon:focus,.tooltip__icon:hover{background-color:#f1be48;border:0;border-radius:50% 5px 50% 50%;color:#000;cursor:default}.tooltip__icon-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;width:1px}.tooltip__content{bottom:100%;display:none;font-size:1rem;font-weight:400;left:0;line-height:1.2;max-width:300px;opacity:0;position:absolute;transform:translateY(14px);transition:opacity .2s,transform .2s;white-space:normal;width:calc(100vw - 40px)}.tooltip__text{background:#fff;border-radius:10px 10px 10px 0;color:#000;display:block;margin-bottom:34px;padding:1rem}.tooltip.is-active .tooltip__content{display:block}.tooltip.is-active .tooltip__icon{background-color:#f1be48;border:0;border-radius:50% 5px 50% 50%;color:#000;pointer-events:none}.tooltip.is-open{z-index:10}.tooltip.is-open .tooltip__content{opacity:1;transform:translateY(24px)}@media only screen and (min-width:768px){.tooltip__content{width:calc(100vw - 80px)}}