.note-container{position:relative;display:inline-block}.info-note{cursor:pointer;color:#06c;text-decoration:underline}.note-tooltip{visibility:hidden;opacity:0;width:400px;background-color:#fff;text-align:left;padding:0 20px 10px 20px;border-radius:6px;position:absolute;z-index:1000;top:calc(100% + 10px);right:0;box-shadow:0 4px 12px rgb(0 0 0 / .15);transition:opacity 0.2s,visibility 0.2s;pointer-events:none}.note-tooltip.active{visibility:visible;opacity:1;pointer-events:auto}.note-content{font-size:13px}.note-close-btn{position:absolute;padding:5px 12px;top:0;right:10px;cursor:pointer;background:none;border:none;font-size:18px;color:#666}.note-close-btn:hover{background-color:#fff;color:#000}.note-tooltip::before{content:'';position:absolute;bottom:100%;right:20px;border-width:0 8px 10px;border-style:solid;border-color:#fff0 #fff0 #fff;filter:drop-shadow(0 -2px 2px rgb(0 0 0 / .05))}@media (max-width:767px){.note-container{float:none!important;display:block;text-align:right;width:100%;margin-left:auto}.note-tooltip{right:5%!important;left:auto!important;width:90vw;max-width:400px}.note-tooltip::before{right:7%!important;left:auto!important}}