#new_legend {
    /* height: auto; */
    width: auto;
    padding: 3px;
    position: absolute;
    border: 2px solid;
    border-color: #fed600;
    border-radius: 7px;
    /* border-style: dotted; */
    background-color: #c80303;
    transform: rotate(30deg);
    transform-origin: top;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
    right: 50%;
    top: 10%;
    line-height: 8px;
    font-size: 8px;
    font-weight: bold;
    color: #feba00;
}
#sale_legend {
    /* height: auto; */
    /* width: auto; */
    width: fit-content;
    padding: 3px;
    position: relative;
    border: 2px solid;
    border-color: #fed600;
    border-radius: 7px;
    /* border-style: dotted; */
    background-color: #c80303;
    transform: rotate(10deg);
    transform-origin: top;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
    left: 30%;
    bottom: -25%;
    line-height: 10px;
    font-family: var(--font-legend-label);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    color: #feba00;
}
#soon_legend {
    /* height: auto; */
    width: auto;
    padding: 3px;
    position: absolute;
    border: 2px solid;
    border-color: #105c0e;
    border-radius: 7px;
    /* border-style: dotted; */
    background-color: #add00f;
    transform: rotate(30deg);
    transform-origin: top;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
    right: 45%;
    top: 15%;
    line-height: 8px;
    font-size: 10px;
    font-weight: bold;
    color: #4c3904;
    /* color: #fdfd06; */
}
#promo_legend {
    /* height: auto; */
    width: fit-content;
    padding: 3px;
    position: relative;
    border: 2px solid;
    border-color: #105c0e;
    border-radius: 7px;
    /* border-style: dotted; */
    background-color: #add00f;
    transform: rotate(15deg);
    transform-origin: top;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
    left: 0%;
    top: 25%;
    line-height: 16px;
    font-size: 14px;
    font-weight: bold;
    color: #4c3904;
    /* color: #fdfd06; */
}