.info-button{display:flex;align-items:center;justify-self:start;height:12px;width:12px;position:relative;cursor:pointer}.info-button img{width:100%;height:100%;object-fit:contain;position:relative}.info-button__content{position:absolute;max-width:200px;width:max-content;padding:8px;border-radius:5px;letter-spacing:.25px;visibility:hidden;opacity:0;transform:scale(0);transition:all .1s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1.5;z-index:99;font-weight:500!important}.info-button__content.active{transform:scale(1);visibility:visible;opacity:1}.info-button__content.light{background-color:var(--color-white-secondary);color:var(--color-black)}.info-button__content.dark{background-color:var(--color-black);color:var(--color-white-secondary);font-weight:300}.info-button.arrow:before{content:"";position:absolute;transform:translateX(-50%);left:50%;visibility:hidden;transition:all .1s ease;top:auto;bottom:auto;border-color:transparent}.info-button.light.arrow.top:before{visibility:visible;border:10px solid transparent;border-top:10px solid var(--color-white-secondary);top:-10px}.info-button.light.arrow.bottom:before{visibility:visible;border:10px solid transparent;border-bottom:10px solid var(--color-white-secondary);bottom:-10px}.info-button.dark.arrow.top:before{visibility:visible;border:10px solid transparent;border-top:10px solid var(--color-black);top:-10px}.info-button.dark.arrow.bottom:before{visibility:visible;border:10px solid transparent;border-bottom:10px solid var(--color-black);bottom:-10px}@media only screen and (max-width:300px){.info-button__content{max-width:125px}}