[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background-color:#f5e2b8;color:#5d4037;padding:8px 14px;border-radius:12px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:100;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;pointer-events:none;border:1px solid rgba(0,0,0,.05)}[data-tooltip]:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(0);border-width:6px;border-style:solid;border-color:#f5e2b8 transparent transparent transparent;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:100;pointer-events:none}[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(-12px)}[data-tooltip]:hover:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}