.note{border:1px #dee2e6 solid;border-left-width:4px;padding:1rem calc(1rem * 1.5);background-color:#f8f9fa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.note>*:first-child{margin-top:0}.note>*:last-child{margin-bottom:0}*+.note,.note+*{margin-top:calc(1rem * 2)}.note--primary{border-left:4px solid #047bbb}.note--success{border-left:4px solid #23843e}.note--info{border-left:4px solid #17a2b8}.note--warning{border-left:4px solid #ffc107}.note--danger{border-left:4px solid #dc3545}