/* .zolo-notation {
    --zolo-notation-rolate: 0;
    position: relative;
    filter: hue-rotate(var(--zolo-notation-rolate));
}
.zolo-notation::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    transform: translate(-50%, -50%);
    overflow: visible;
    background-position: center;
    background-repeat: no-repeat;
}

.zolo-notation[data-shape='circle']::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 797 304.33'%3e%3cdefs%3e%3cstyle%3e .cls-1 %7b fill: none; stroke: %23f00; stroke-miterlimit: 10; stroke-width: 8px;%7d %3c/style%3e%3c/defs%3e%3cpath class='cls-1' d='m264.2,11.55c112.13-20.83,259.99-9.88,368.66,24.71,36.55,11.63,72.37,26.42,104.41,47.52,17.81,11.73,34.66,25.7,45.95,43.8,11.28,18.1,16.42,40.87,9.94,61.18-8.38,26.27-33.61,43.18-58.32,55.4-83.91,41.49-179.35,52.71-272.85,57.17-104.72,4.99-210.97,2.12-312.26-24.93-47.75-12.75-95.92-32.05-128.94-68.82-10.67-11.88-19.87-26.45-19.79-42.42.09-16.78,11.48-40.56,23.3-52.47,20.31-20.47,46.33-34,72.07-47.01C230.93-2.38,437.43-4.55,563.79,40.45'/%3e%3c/svg%3e");
} */