.feature-tooltip{
 position:fixed;
 z-index:1000;
 width:300px;
 max-width:calc(100vw - 24px);
 margin:0;
 padding:12px 15px;
 border:1px solid rgba(168,136,72,.46);
 border-radius:13px;
 background:rgba(255,255,255,.97);
 color:#393630;
 box-shadow:0 5px 20px rgba(53,43,23,.10);
 font-size:13px;
 font-weight:400;
 line-height:1.55;
 overflow-wrap:anywhere;
 opacity:0;
 pointer-events:none;
 transition:opacity 170ms ease;
}
.feature-tooltip[data-open=true]{opacity:1;pointer-events:auto}
.feature-tooltip::before{
 content:"";
 position:absolute;
 left:var(--tooltip-tip-left,50%);
 width:9px;
 height:9px;
 background:#fff;
 border-right:1px solid rgba(168,136,72,.46);
 border-bottom:1px solid rgba(168,136,72,.46);
 transform:translateX(-50%) rotate(45deg);
}
.feature-tooltip[data-placement=top]::before{bottom:-5px}
.feature-tooltip[data-placement=bottom]::before{top:-5px;transform:translateX(-50%) rotate(225deg)}
@media(prefers-reduced-motion:reduce){.feature-tooltip{transition:none}}