.hint{position:relative;width:100%;padding:.75rem;font-weight:700;font-size:.75rem;line-height:.875rem;color:#fff;border-radius:.5rem}.hint,.hint:before{background-color:#2c2c2c}.hint:before{content:"";position:absolute;width:.875rem;height:.875rem}.hint.top-left:before{left:1rem}.hint.top-left:before,.hint.top-right:before{top:0;transform:translateY(-50%) rotate(45deg)}.hint.top-right:before{right:1rem}.hint.bottom-left:before{left:1rem;bottom:0;transform:translateY(50%) rotate(45deg)}.hint.bottom-right:before{right:1rem;bottom:0;transform:translateY(50%) rotate(45deg)}.hint .hint-content{z-index:2;position:relative}