.hint-holder{position:relative;padding-left:2rem}.hint-holder .form-control{padding-right:3rem}.hint-holder .hint-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);height:3rem;width:1.5rem;opacity:.5;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.hint-holder .hint-btn:focus,.hint-holder .hint-btn:hover{opacity:1}.hint-holder .hint-btn i.material-icons{font-size:1.5rem;color:#333}.dark-hints-popover{background-color:#000000c7;color:#fff;max-width:250px;border-radius:5px;padding:10px}.dark-hints-popover .arrow:before{display:none}.dark-hints-popover .arrow:after{border-color:#000000c7;display:none}.bs-popover-start>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after{border-left-color:#000000c7}.bs-popover-bottom>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.bs-popover-bottom>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after{border-bottom-color:#000000c7}.dark-hints-popover .btn{background-color:#555;color:#fff;padding:5px 10px;font-size:.875rem;border-radius:4px}