:root {
    --transparency: .2;

    --blue-rgb: rgb(6,11,209);
    --blue-rgba: rgba(6,11,209,var(--transparency));

    --azure-rgb: rgb(66,153,225);
    --azure-rgba: rgba(66,153,225,var(--transparency));

    --indigo-rgb: rgb(66,99,235);
    --indigo-rgba: rgba(66,99,235,var(--transparency));

    --purple-rgb: rgb(174,62,201);
    --purple-rgba: rgba(174,62,201,var(--transparency));

    --pink-rgb: rgb(214,51,108);
    --pink-rgba: rgba(214,51,108,var(--transparency));

    --red-rgb: rgb(214,57,57);
    --red-rgba: rgba(214,57,57,var(--transparency));

    --orange-rgb: rgb(247,103,7);
    --orange-rgba: rgba(247,103,7,var(--transparency));

    --yellow-rgb: rgb(245,159,0);
    --yellow-rgba: rgba(245,159,0,var(--transparency));

    --lime-rgb: rgb(116,184,22);
    --lime-rgba: rgba(116,184,22,var(--transparency));

    --green-rgb: rgb(47,179,68);
    --green-rgba: rgba(47,179,68,var(--transparency));

    --teal-rgb: rgb(12,166,120);
    --teal-rgba: rgba(12,166,120,var(--transparency));

    --cyan-rgb: rgb(23,162,184);
    --cyan-rgba: rgba(23,162,184,var(--transparency));

    --gray-rgb: rgb(108,122,145);
    --gray-rgba: rgba(108,122,145,var(--transparency));
}

.seatmap-picker .seatpicker-category-list::before,
.seatmap-picker.ticket .seatpicker-category-list::before,
.seatmap-picker.ticket-scanner .seatpicker-category-list::before,
.seatmap-picker.checkout .seatpicker-category-list::before {
    content: "";
    width: 10px;
    height: 10px;
    bottom: 10px;
    display: inline-block;
    margin-bottom: 1px;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.seatmap-picker.ticket .seatpicker-category-list::before {
    width: 20px;
    height: 20px;
    border-radius: 0;
    margin-bottom: -1px;
}

.seatmap-picker.checkout .seatpicker-category-list::before {
    margin-right: 0.38rem;
}

.seatmap-picker.ticket-scanner .seatpicker-category-list::before {
    margin-right: 0.2rem;
    margin-bottom: -1px;
    border-radius: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #2f4f4f;
}

.seatmap-picker .seatpicker-category-list.blue::before {
    background-color: var(--blue-rgb);
}

.seatmap-picker .seatpicker-category-list.azure::before {
    background-color: var(--azure-rgb);
}

.seatmap-picker .seatpicker-category-list.indigo::before {
    background-color: var(--indigo-rgb);
}

.seatmap-picker .seatpicker-category-list.purple::before {
    background-color: var(--purple-rgb);
}

.seatmap-picker .seatpicker-category-list.pink::before {
    background-color: var(--pink-rgb);
}

.seatmap-picker .seatpicker-category-list.red::before {
    background-color: var(--red-rgb);
}

.seatmap-picker .seatpicker-category-list.orange::before {
    background-color: var(--orange-rgb);
}

.seatmap-picker .seatpicker-category-list.yellow::before {
    background-color: var(--yellow-rgb);
}

.seatmap-picker .seatpicker-category-list.lime::before {
    background-color: var(--lime-rgb);
}

.seatmap-picker .seatpicker-category-list.green::before {
    background-color: var(--green-rgb);
}

.seatmap-picker .seatpicker-category-list.teal::before {
    background-color: var(--teal-rgb);
}

.seatmap-picker .seatpicker-category-list.cyan::before {
    background-color: var(--cyan-rgb);
}

.seatmap-picker .seatpicker-category-list.gray::before {
    background-color: var(--gray-rgb);
}