.note{position:relative;color:#333;text-shadow:none;background:#ebebeb;background:rgba(235,235,235,.9019607843);background:radial-gradient(ellipse at center, rgba(235, 235, 235, 0.9019607843) 0%, rgba(212, 212, 212, 0.8) 65%),linear-gradient(225deg, transparent 0.7071067812em, rgba(212, 212, 212, 0.8) 0.7071067812em, rgba(212, 212, 212, 0.8) 100%);background-size:100% calc(100% - 1em),100% 1em;background-position:0 1em,0 0;background-repeat:no-repeat;padding:.5em 1.5em .5em 1em;border-radius:.5rem}.note::after{content:"";position:absolute;top:0;right:0;width:1em;height:1em;-webkit-box-shadow:-1px 1px 1px rgba(0,0,0,.3019607843);box-shadow:-1px 1px 1px rgba(0,0,0,.3019607843);border-radius:0 0 0 .375em;background:linear-gradient(225deg, transparent 50%, rgba(212, 212, 212, 0.7490196078) 50%)}.note--dark{background:hsla(0,0%,100%,.1019607843);background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.1490196078)), to(rgba(255, 255, 255, 0.0509803922)));background:linear-gradient(90deg, rgba(255, 255, 255, 0.1490196078), rgba(255, 255, 255, 0.0509803922));background:linear-gradient(225deg, transparent 0.7071067812em, rgba(255, 255, 255, 0.1019607843) 0.7071067812em, rgba(255, 255, 255, 0.1490196078) 100%);background-repeat:no-repeat;color:#fff}.note--dark::after{background:linear-gradient(225deg, transparent 50%, rgba(255, 255, 255, 0.1490196078) 50%)}.note--tip{background:rgba(255,229,0,.1019607843);background:-webkit-gradient(linear, left top, right top, from(rgba(255, 229, 0, 0.1490196078)), to(rgba(255, 229, 0, 0.0509803922)));background:linear-gradient(90deg, rgba(255, 229, 0, 0.1490196078), rgba(255, 229, 0, 0.0509803922));background:linear-gradient(225deg, transparent 0.7071067812em, rgba(255, 229, 0, 0.1019607843) 0.7071067812em, rgba(255, 229, 0, 0.1490196078) 100%);background-repeat:no-repeat;color:rgba(255,229,0,.8509803922)}.note--tip::after{background:linear-gradient(225deg, transparent 50%, rgba(255, 229, 0, 0.1490196078) 50%)}.note-style-demo{display:grid;gap:1rem}.note-style-demo>h3{margin-bottom:0}.note-style-demo .row>[class*=col-]{margin-bottom:.75rem}.note-style-demo .note{min-height:5.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.note-style-demo .note>p{margin:0;text-align:center}@media(max-width: 37.4rem){.note-style-demo{gap:.75rem}.note-style-demo .note{min-height:4.5rem}}/* Built with Synticore Website Compiler 1.1.4 */
/*# sourceMappingURL=note-style.min.css.map */