.tooltip{display:inline-flex;position:relative}.tooltip:after{content:attr(data-tooltip);z-index:1000;color:#fff8e7;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(#8b1e14,#65140d);border:1px solid #ffd77840;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:600;line-height:1.2;transition:opacity .15s,transform .15s;position:absolute;box-shadow:0 4px 12px #00000026}.tooltip:before{content:"";z-index:1000;opacity:0;visibility:hidden;pointer-events:none;border:5px solid #0000;width:0;height:0;transition:opacity .15s;position:absolute}.tooltip-bottom:after{top:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(-4px)}.tooltip-bottom:before{border-bottom-color:#8b1e14;top:calc(100% + 5px);left:50%;transform:translate(-50%)}.tooltip-bottom:hover:after,.tooltip-bottom:hover:before{opacity:1;visibility:visible}.tooltip-bottom:hover:after{transform:translate(-50%)translateY(0)}.tooltip-top:after{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(4px)}.tooltip-top:before{border-top-color:#65140d;bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.tooltip-top:hover:after,.tooltip-top:hover:before{opacity:1;visibility:visible}.tooltip-top:hover:after{transform:translate(-50%)translateY(0)}.tooltip-left:after{top:50%;right:calc(100% + 10px);transform:translateY(-50%)translate(4px)}.tooltip-left:before{border-left-color:#65140d;top:50%;right:calc(100% + 5px);transform:translateY(-50%)}.tooltip-left:hover:after,.tooltip-left:hover:before{opacity:1;visibility:visible}.tooltip-left:hover:after{transform:translateY(-50%)translate(0)}.tooltip-right:after{top:50%;left:calc(100% + 10px);transform:translateY(-50%)translate(-4px)}.tooltip-right:before{border-right-color:#8b1e14;top:50%;left:calc(100% + 5px);transform:translateY(-50%)}.tooltip-right:hover:after,.tooltip-right:hover:before{opacity:1;visibility:visible}.tooltip-right:hover:after{transform:translateY(-50%)translate(0)}@media (prefers-reduced-motion:reduce){.tooltip:after,.tooltip:before{transition:none}}@media (hover:none){.tooltip:after,.tooltip:before{display:none}}