.tooltip{position:relative}.tooltip,.tooltip__icon{display:inline-flex;align-items:center}.tooltip__icon{width:16px;height:16px;flex-shrink:0;justify-content:center;border:1px solid #33353e;border-radius:50%;background:rgba(0,0,0,0);color:#6b6f7b;font-size:10px;font-weight:700;line-height:1;cursor:help;transition:color .2s,border-color .2s}.tooltip__icon:focus-visible,.tooltip__icon:hover,.tooltip__icon_active{color:#ffe001;border-color:#ffe001;outline:none}.tooltip__panel{display:block;position:absolute;left:50%;z-index:30;width:max-content;max-width:280px;padding:10px 12px;box-sizing:border-box;border:1px solid #33353e;background:#181b20;box-shadow:0 8px 30px rgba(0,0,0,.4);color:#fff;font-size:13px;font-weight:500;line-height:1.45;text-align:left;text-transform:none;letter-spacing:normal;white-space:normal;pointer-events:none;transform:translateX(calc(-50% + var(--tooltip-shift, 0px)))}.tooltip__panel_top{bottom:calc(100% + 8px)}.tooltip__panel_bottom{top:calc(100% + 8px)}.tooltip__panel:after{content:"";position:absolute;left:calc(50% - var(--tooltip-shift, 0px));width:8px;height:8px;background:#181b20;border:1px solid #33353e;transform:translateX(-50%) rotate(45deg)}.tooltip__panel_top:after{bottom:-5px;border-top:none;border-left:none}.tooltip__panel_bottom:after{top:-5px;border-bottom:none;border-right:none}@media screen and (max-width:480px){.tooltip__panel{max-width:calc(100vw - 24px)}}