.masterstudy-hint,.masterstudy-hint__icon{width:20px;height:20px;padding:0;display:flex}.masterstudy-hint{justify-content:center;align-items:center;flex-shrink:0;margin:0;position:relative}.masterstudy-hint__icon{justify-content:center;align-items:center;flex-shrink:0}.masterstudy-hint__icon::after{display:flex;font-family:stmlms;line-height:1;font-style:normal;font-variant:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none;text-transform:none;content:var(--stmlms-icon-explain);font-size:22px;font-weight:400;color:#4d5e6f}.masterstudy-hint:hover .masterstudy-hint__icon::after{color:#171717}.masterstudy-hint:hover .masterstudy-hint__popup{opacity:1;visibility:visible}.masterstudy-hint__popup{display:flex;position:absolute;bottom:calc(100% + 13px);opacity:0;visibility:hidden;padding:10px;border-radius:4px;background:#001931;color:rgba(255,255,255,.7);font-size:14px;font-style:normal;font-weight:500;line-height:22px;transition:.2s;z-index:5}.masterstudy-hint__popup::after{display:flex;content:"";width:15px;height:15px;background:#001931;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;bottom:-7px}.masterstudy-hint__text{display:flex;min-width:200px}.masterstudy-hint.masterstudy-hint_side-right .masterstudy-hint__popup{right:-20px}.masterstudy-hint.masterstudy-hint_side-right .masterstudy-hint__popup::after{right:22px}.masterstudy-hint.masterstudy-hint_side-left .masterstudy-hint__popup{left:-20px}.masterstudy-hint.masterstudy-hint_side-left .masterstudy-hint__popup::after{left:22px}.masterstudy-hint.masterstudy-hint_side-bottom .masterstudy-hint__popup{top:calc(100% + 13px);bottom:auto}.masterstudy-hint.masterstudy-hint_side-bottom .masterstudy-hint__popup::after{top:-7px;bottom:auto}.masterstudy-hint.masterstudy-hint_dark-mode .masterstudy-hint__popup{background:var(--accent-100);color:#fff}.masterstudy-hint.masterstudy-hint_dark-mode .masterstudy-hint__popup::after{background:var(--accent-100)}.masterstudy-hint.masterstudy-hint_dark-mode .masterstudy-hint:hover .masterstudy-hint__icon::after,.masterstudy-hint.masterstudy-hint_dark-mode .masterstudy-hint__icon::after{color:var(--accent-100)}