:root{
   --sectionColor: #FFF;
   --sectionStrokeColor: #8ec6ff;
   --ticketedSectionColor: #deeafd;

   --dealColor2: #099009;
   --dealColor1: #0067CE;

   --featuredColor: #ea4991;
}


svg[data-mode='tickets'] polygon[data-role='section']{
   cursor: pointer;
   fill: var(--sectionColor);
   stroke: var(--sectionStrokeColor);
   stroke-width: 0.03em;
}


svg[data-mode='tickets'] polygon[data-role='section'][data-tktd='true']{
   fill: var(--ticketedSectionColor);
}




.ticket-group[data-style='flag'] rect[data-role='flag']{
   fill: #0067CE;
   stroke-width: 0.2em;
   paint-order: stroke;
   rx: 0.9em;
   width: 4em;
   height: 1.7em;
   y: -2.1em;
   x: -2em;
   stroke: #FFF;
}


.ticket-group[data-style='flag'][data-deal='1'] rect[data-role='flag']{
   fill: var(--dealColor1);
   width: 5em;
   height: 2.2em;
   y: -2.6em;
   x: -2.5em;
   rx: 1.2em;  
}

.ticket-group[data-style='flag'][data-deal='2'] rect[data-role='flag']{
   fill: var(--dealColor2);
   width: 5.4em;
   height: 2.4em;
   y: -2.8em;
   x: -2.8em;
   rx: 1.4em;   
}

.ticket-group[data-style='flag'][data-g='1'] rect[data-role='flag']{
   fill: var(--featuredColor);
   width: 5.4em;
   height: 2.4em;
   y: -3em;
   x: -2.8em;
   rx: 1.4em;   
}





.ticket-group[data-style='flag'] rect[data-role='arrow']{
   fill: #0067CE;
   paint-order: stroke;
   width: 1.2em;
   height: 1.1em;
   x: -1.2em;
   y: -1.1em;
   transform: rotate(45deg);
}

.ticket-group[data-style='flag'][data-deal='1'] rect[data-role='arrow']{
   fill: var(--dealColor1);
}

.ticket-group[data-style='flag'][data-deal='2'] rect[data-role='arrow']{
   fill: var(--dealColor2);
}

.ticket-group[data-style='flag'][data-g='1'] rect[data-role='arrow']{
   fill: var(--featuredColor);
}




.ticket-group[data-style='flag'] text[data-role='price']{
   fill: #FFF;
   text-anchor: middle;
   font-size: 1em;
   dominant-baseline: central;
}


.ticket-group[data-style='flag'][data-deal='1'] text[data-role='price']{
   font-size: 1.15em;
   font-weight: 500;   
}

.ticket-group[data-style='flag'][data-deal='2'] text[data-role='price']{
   font-size: 1.25em;
   font-weight: bold;   
}
.ticket-group[data-style='flag'][data-g='1'] text[data-role='price']{
   font-size: 1.25em;
   font-weight: bold;   
}

.ticket-group[data-style='flag'][data-g='1'] text[data-role='label']{
   fill: var(--featuredColor);
   stroke-width: 0.2em;
   stroke: white;
   paint-order: stroke;
   font-size: 1.5em;
   text-anchor: middle;
   font-weight: bold;
}


.ticket-group [data-role='marker']{
   fill: #0067CE;
   stroke: #FFF;
   stroke-width: 0.2em;
   paint-order: stroke;
   r: 0.4em;
}



/* Dimmed styles */
.ticket-group[data-dim='1'] [data-role='marker'], .ticket-group[data-dim='1'][data-style='flag'] rect[data-role='flag'], .ticket-group[data-dim='1'][data-style='flag'] rect[data-role='arrow']{

}

.ticket-group[data-dim='1'] [data-role='marker'] {
   r: 0.28em;
   fill: #666;
   stroke: none;
}

.ticket-group[data-dim='1'][data-style='flag'] rect[data-role='arrow']{
   display: none;
}

.ticket-group[data-dim='1'][data-style='flag'] rect[data-role='flag'] {
   fill: white;
   stroke: #666;
   stroke-width: 0.28em;
}



.ticket-group[data-dim='1'][data-style='flag'] text[data-role='price']{
   fill: #666;
   font-weight: bold !important;
   font-size: 0.85em !important;
}



.ticket-group[data-style='flag'][data-dim='1'] rect[data-role='flag'] {
   rx: 0.9em !important;
   width: 3.2em !important;
   height: 1.6em !important;
   y: -2.0em !important;
   x: -1.6em !important;
}



.ticket-group[data-style='flag'][data-deal='1'] circle[data-role='marker']{
   fill: var(--dealColor1);
}


.ticket-group[data-style='flag'][data-deal='2'] circle[data-role='marker']{
   fill: var(--dealColor2);
}

.ticket-group[data-style='flag'][data-g='1'] circle[data-role='marker']{
   fill: var(--featuredColor);
}





.ticket-group [data-role='marker'][data-deal='2']{
   fill: var(--dealColor2);
}

.ticket-group [data-role='marker'][data-deal='1']{
   fill: var(--dealColor1);
}


text[data-role='taglbl'] {
   font-size: 0.9em;
   font-weight: 500;
}

rect[data-role='tag']{
   fill: white;
   stroke: black;
   width: 4em;
   height: 1.2em;
   y: -4em;
   rx: 0.6em;   
}




.ticket-group:hover{
   cursor: pointer;
}


.ticket-group:hover circle[data-role='marker']{
   scale: 160%;
   fill: black !important;
}

.ticket-group[data-style='flag']:hover rect[data-role='flag'], .ticket-group[data-style='flag']:hover rect[data-role='arrow']{
   fill: black !important;
}



.ticket-group[data-style='flag']:hover rect{
   fill: black !important;
}

.ticket-group[data-style='flag']:hover text{
   fill: white !important;
}


.zone-group text{
   font-size: 1.3em;
   color: black;
}

.zone-group text [data-role='price']{
   font-weight: bold;
}




svg text[data-role='section']{
   text-anchor: middle;
}



svg[data-mode='tickets'] text[data-role='section']{
   fill: rgb(235 249 255);
   font-weight: bold;
   pointer-events: none;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;   
   
   stroke: none;
}

svg[data-mode='tickets'] text[data-role='section'][data-tktd='true']{
   fill: #cde3ff;
}

svg[data-mode='tickets'] text[data-role='section'][data-tktd='true'][data-on='1']{
   fill: #c3dcfd;
   font-size: 3em;
}

svg[data-mode='tickets'] text[data-role='section'][data-tktd='true'][data-on='0'] {
   fill: #e5e5e5;
}



svg[data-mode='tickets'] polygon[data-role='section'][data-on='0'] {
   fill: white;
   stroke: #e5e5e5;
}

svg[data-mode='tickets'] polygon[data-role='section'][data-on='1']{
   stroke-width: 0.1em;
}

svg[data-mode='tickets'] polygon[data-role='section'][data-on='1'][data-tktd='false'] {
   fill: #e7edf6;
   stroke: none;
}

svg[data-mode='tickets'] text[data-role='section'][data-on='1'][data-tktd='false']{
   fill: #d3d9e2;
}