:root{
   --box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
   --box-shadow-soft: 0 1px 2px rgba(0, 0, 0, 0.15);
   --brandColorFaded: rgb(229 240 250);
}


.has-shadow, .on-hover-shadow:hover {
   -webkit-box-shadow: var(--box-shadow);
   -moz-box-shadow: var(--box-shadow);
   box-shadow: var(--box-shadow);
}


#showFilterContainer {
   text-align: center;
   background: white;
   display: block;
   position: absolute;
   border-radius: 4px;
   left: 8px;
   height: 44px;
   width: 40px;
   z-index: 4;
   padding: unset;
   box-shadow: var(--box-shadow-soft);
   border: none;
   margin: 2px 0; /*Matches buttons to let shadows show*/   
}


.is-icon[data-icon='vip']::before {
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 13l3 6.5l3-6.5m3.5 0v6.5m4-2.225h1.48c.651 0 1.277-.275 1.721-.75a2.34 2.34 0 0 0 .215-2.932a1.4 1.4 0 0 0-1.14-.593H20.5zm0 0V19.5M5 7h22a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 13l3 6.5l3-6.5m3.5 0v6.5m4-2.225h1.48c.651 0 1.277-.275 1.721-.75a2.34 2.34 0 0 0 .215-2.932a1.4 1.4 0 0 0-1.14-.593H20.5zm0 0V19.5M5 7h22a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2'/%3E%3C/svg%3E");
}



.is-icon[data-icon='sliders']::before {
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M11.5 2a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3M9.05 3a2.5 2.5 0 0 1 4.9 0H16v1h-2.05a2.5 2.5 0 0 1-4.9 0H0V3zM4.5 7a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3M2.05 8a2.5 2.5 0 0 1 4.9 0H16v1H6.95a2.5 2.5 0 0 1-4.9 0H0V8zm9.45 4a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3m-2.45 1a2.5 2.5 0 0 1 4.9 0H16v1h-2.05a2.5 2.5 0 0 1-4.9 0H0v-1z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M11.5 2a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3M9.05 3a2.5 2.5 0 0 1 4.9 0H16v1h-2.05a2.5 2.5 0 0 1-4.9 0H0V3zM4.5 7a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3M2.05 8a2.5 2.5 0 0 1 4.9 0H16v1H6.95a2.5 2.5 0 0 1-4.9 0H0V8zm9.45 4a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3m-2.45 1a2.5 2.5 0 0 1 4.9 0H16v1h-2.05a2.5 2.5 0 0 1-4.9 0H0v-1z'/%3E%3C/svg%3E");
}

.is-icon[data-icon='marquee']::before {
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M197.58 129.06L146 110l-19-51.62a15.92 15.92 0 0 0-29.88 0L78 110l-51.62 19a15.92 15.92 0 0 0 0 29.88L78 178l19 51.62a15.92 15.92 0 0 0 29.88 0L146 178l51.62-19a15.92 15.92 0 0 0 0-29.88ZM137 164.22a8 8 0 0 0-4.74 4.74L112 223.85L91.78 169a8 8 0 0 0-4.78-4.78L32.15 144L87 123.78a8 8 0 0 0 4.78-4.78L112 64.15L132.22 119a8 8 0 0 0 4.74 4.74L191.85 144ZM144 40a8 8 0 0 1 8-8h16V16a8 8 0 0 1 16 0v16h16a8 8 0 0 1 0 16h-16v16a8 8 0 0 1-16 0V48h-16a8 8 0 0 1-8-8m104 48a8 8 0 0 1-8 8h-8v8a8 8 0 0 1-16 0v-8h-8a8 8 0 0 1 0-16h8v-8a8 8 0 0 1 16 0v8h8a8 8 0 0 1 8 8'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M197.58 129.06L146 110l-19-51.62a15.92 15.92 0 0 0-29.88 0L78 110l-51.62 19a15.92 15.92 0 0 0 0 29.88L78 178l19 51.62a15.92 15.92 0 0 0 29.88 0L146 178l51.62-19a15.92 15.92 0 0 0 0-29.88ZM137 164.22a8 8 0 0 0-4.74 4.74L112 223.85L91.78 169a8 8 0 0 0-4.78-4.78L32.15 144L87 123.78a8 8 0 0 0 4.78-4.78L112 64.15L132.22 119a8 8 0 0 0 4.74 4.74L191.85 144ZM144 40a8 8 0 0 1 8-8h16V16a8 8 0 0 1 16 0v16h16a8 8 0 0 1 0 16h-16v16a8 8 0 0 1-16 0V48h-16a8 8 0 0 1-8-8m104 48a8 8 0 0 1-8 8h-8v8a8 8 0 0 1-16 0v-8h-8a8 8 0 0 1 0-16h8v-8a8 8 0 0 1 16 0v8h8a8 8 0 0 1 8 8'/%3E%3C/svg%3E");
}

.is-icon[data-icon='deal']::before, .is-icon[data-icon='adeal']::before {
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1'%3E%3Cpath d='m5.927 13.177l4.896 4.896a.25.25 0 0 0 .354 0l6.25-6.25a.25.25 0 0 0 .073-.177V8.104l-.002-.03L17.5 8a1.5 1.5 0 0 0-1.574-1.498l-.03-.002h-3.543a.25.25 0 0 0-.176.073l-6.25 6.25a.25.25 0 0 0 0 .354Z'/%3E%3Cpath stroke-linecap='round' d='M11.5 15v-4.5'/%3E%3Cpath d='M9.854 12.396a.5.5 0 1 1-.708.708a.5.5 0 0 1 .708-.708Zm4 0a.5.5 0 1 1-.708.708a.5.5 0 0 1 .708-.708Z'/%3E%3C/g%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1'%3E%3Cpath d='m5.927 13.177l4.896 4.896a.25.25 0 0 0 .354 0l6.25-6.25a.25.25 0 0 0 .073-.177V8.104l-.002-.03L17.5 8a1.5 1.5 0 0 0-1.574-1.498l-.03-.002h-3.543a.25.25 0 0 0-.176.073l-6.25 6.25a.25.25 0 0 0 0 .354Z'/%3E%3Cpath stroke-linecap='round' d='M11.5 15v-4.5'/%3E%3Cpath d='M9.854 12.396a.5.5 0 1 1-.708.708a.5.5 0 0 1 .708-.708Zm4 0a.5.5 0 1 1-.708.708a.5.5 0 0 1 .708-.708Z'/%3E%3C/g%3E%3C/svg%3E");
   scale: 1.5;
}

.is-icon[data-icon='premium']::before, .is-icon[data-icon='best-seats']::before  {
   -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTYgM2gxMWwzLjkgNS41N0wxMS41IDIyTDIuMSA4LjU3em00LjE2IDFsLTEuNyA0aDYuMDhsLTEuNy00ek04LjMzIDlsMy4xNyA5Ljc2TDE0LjY3IDl6TTMuNzIgOGgzLjY2bDEuNy00SDYuNXptLS4xIDFsNi44MiA5Ljc1TDcuMjggOXptMTUuNjYtMUwxNi41IDRoLTIuNThsMS43IDR6bS4xIDFoLTMuNjZsLTMuMTYgOS43NXoiLz48L3N2Zz4=");
   mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTYgM2gxMWwzLjkgNS41N0wxMS41IDIyTDIuMSA4LjU3em00LjE2IDFsLTEuNyA0aDYuMDhsLTEuNy00ek04LjMzIDlsMy4xNyA5Ljc2TDE0LjY3IDl6TTMuNzIgOGgzLjY2bDEuNy00SDYuNXptLS4xIDFsNi44MiA5Ljc1TDcuMjggOXptMTUuNjYtMUwxNi41IDRoLTIuNThsMS43IDR6bS4xIDFoLTMuNjZsLTMuMTYgOS43NXoiLz48L3N2Zz4=");
}

.is-icon[data-icon='budget']::before {
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M16.5 14H20v-2h-2v-1h-2v1.05a2.5 2.5 0 0 0 .5 4.95h1a.5.5 0 0 1 0 1H14v2h2v1h2v-1.05a2.5 2.5 0 0 0-.5-4.95h-1a.5.5 0 0 1 0-1'/%3E%3Cpath fill='%23000' d='M29 13h-2.02A5.78 5.78 0 0 0 25 8.852V5a1 1 0 0 0-1.6-.8L19.667 7H15c-5.51 0-9.463 3.241-9.948 8H5a1 1 0 0 1-1-1v-2H2v2a3.003 3.003 0 0 0 3 3h.07A9.17 9.17 0 0 0 9 23.557V27a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-2h3v2a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-3.363A5.1 5.1 0 0 0 26.819 20H29a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1m-1 5h-2.876c-.305 2.753-.823 3.485-3.124 4.315V26h-2v-3h-7v3h-2v-3.622A7.01 7.01 0 0 1 7 16c0-4.835 4.018-7 8-7h5.334L23 7v2.776c2.418 1.86 1.913 3.186 2.018 5.224H28Z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M16.5 14H20v-2h-2v-1h-2v1.05a2.5 2.5 0 0 0 .5 4.95h1a.5.5 0 0 1 0 1H14v2h2v1h2v-1.05a2.5 2.5 0 0 0-.5-4.95h-1a.5.5 0 0 1 0-1'/%3E%3Cpath fill='%23000' d='M29 13h-2.02A5.78 5.78 0 0 0 25 8.852V5a1 1 0 0 0-1.6-.8L19.667 7H15c-5.51 0-9.463 3.241-9.948 8H5a1 1 0 0 1-1-1v-2H2v2a3.003 3.003 0 0 0 3 3h.07A9.17 9.17 0 0 0 9 23.557V27a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-2h3v2a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-3.363A5.1 5.1 0 0 0 26.819 20H29a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1m-1 5h-2.876c-.305 2.753-.823 3.485-3.124 4.315V26h-2v-3h-7v3h-2v-3.622A7.01 7.01 0 0 1 7 16c0-4.835 4.018-7 8-7h5.334L23 7v2.776c2.418 1.86 1.913 3.186 2.018 5.224H28Z'/%3E%3C/svg%3E");
}

.is-icon[data-icon='floor']::before, .is-icon[data-icon='floor-seats']::before {
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11 11.5v-1a1.5 1.5 0 0 1 3 0V12'/%3E%3Cpath d='M17 12V5.5a1.5 1.5 0 0 1 3 0V16a6 6 0 0 1-6 6h-2h.208a6 6 0 0 1-5.012-2.7L7 19q-.468-.718-3.286-5.728a1.5 1.5 0 0 1 .536-2.022a1.87 1.87 0 0 1 2.28.28L8 13'/%3E%3Cpath d='M14 10.5a1.5 1.5 0 0 1 3 0V12m-9 1V4.5a1.5 1.5 0 0 1 3 0V12'/%3E%3C/g%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11 11.5v-1a1.5 1.5 0 0 1 3 0V12'/%3E%3Cpath d='M17 12V5.5a1.5 1.5 0 0 1 3 0V16a6 6 0 0 1-6 6h-2h.208a6 6 0 0 1-5.012-2.7L7 19q-.468-.718-3.286-5.728a1.5 1.5 0 0 1 .536-2.022a1.87 1.87 0 0 1 2.28.28L8 13'/%3E%3Cpath d='M14 10.5a1.5 1.5 0 0 1 3 0V12m-9 1V4.5a1.5 1.5 0 0 1 3 0V12'/%3E%3C/g%3E%3C/svg%3E");
}



.is-icon[data-icon='more']::before {
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23000' d='M176 416a112 112 0 1 0 0 224a112 112 0 0 0 0-224m0 64a48 48 0 1 1 0 96a48 48 0 0 1 0-96m336-64a112 112 0 1 1 0 224a112 112 0 0 1 0-224m0 64a48 48 0 1 0 0 96a48 48 0 0 0 0-96m336-64a112 112 0 1 1 0 224a112 112 0 0 1 0-224m0 64a48 48 0 1 0 0 96a48 48 0 0 0 0-96'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23000' d='M176 416a112 112 0 1 0 0 224a112 112 0 0 0 0-224m0 64a48 48 0 1 1 0 96a48 48 0 0 1 0-96m336-64a112 112 0 1 1 0 224a112 112 0 0 1 0-224m0 64a48 48 0 1 0 0 96a48 48 0 0 0 0-96m336-64a112 112 0 1 1 0 224a112 112 0 0 1 0-224m0 64a48 48 0 1 0 0 96a48 48 0 0 0 0-96'/%3E%3C/svg%3E");
}

.is-icon[data-icon='trending']::before {

   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M240 56v64a8 8 0 0 1-13.66 5.66L200 99.31l-58.34 58.35a8 8 0 0 1-11.32 0L96 123.31l-66.34 66.35a8 8 0 0 1-11.32-11.32l72-72a8 8 0 0 1 11.32 0L136 140.69L188.69 88l-26.35-26.34A8 8 0 0 1 168 48h64a8 8 0 0 1 8 8'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M240 56v64a8 8 0 0 1-13.66 5.66L200 99.31l-58.34 58.35a8 8 0 0 1-11.32 0L96 123.31l-66.34 66.35a8 8 0 0 1-11.32-11.32l72-72a8 8 0 0 1 11.32 0L136 140.69L188.69 88l-26.35-26.34A8 8 0 0 1 168 48h64a8 8 0 0 1 8 8'/%3E%3C/svg%3E");
}

.is-icon[data-icon='quantity']::before {

   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath fill='%23000' d='M5 8.9c1.44 0 2.68.252 3.575.855C9.502 10.38 10 11.343 10 12.6a.501.501 0 0 1-1 0c0-.958-.358-1.596-.983-2.017C7.359 10.141 6.35 9.9 5 9.9s-2.36.241-3.017.684C1.358 11.005 1 11.643 1 12.601a.501.501 0 0 1-1 0c0-1.258.497-2.221 1.424-2.846C2.319 9.152 3.56 8.9 5 8.9m4.975 0c1.439 0 2.68.252 3.575.855c.927.625 1.425 1.588 1.425 2.846a.5.5 0 0 1-1 0c0-.958-.358-1.596-.984-2.017c-.518-.349-1.253-.57-2.202-.65a4.5 4.5 0 0 0-.87-1.033zM5 1.85a3.151 3.151 0 0 1 0 6.3a3.15 3.15 0 1 1 0-6.3m4.975 0a3.15 3.15 0 0 1 0 6.3c-.524 0-1.016-.13-1.45-.356a4.5 4.5 0 0 0 .534-.852a2.15 2.15 0 1 0 0-3.887a4.5 4.5 0 0 0-.535-.85a3.1 3.1 0 0 1 1.45-.355M5 2.85a2.151 2.151 0 0 0 0 4.3a2.15 2.15 0 0 0 0-4.3'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath fill='%23000' d='M5 8.9c1.44 0 2.68.252 3.575.855C9.502 10.38 10 11.343 10 12.6a.501.501 0 0 1-1 0c0-.958-.358-1.596-.983-2.017C7.359 10.141 6.35 9.9 5 9.9s-2.36.241-3.017.684C1.358 11.005 1 11.643 1 12.601a.501.501 0 0 1-1 0c0-1.258.497-2.221 1.424-2.846C2.319 9.152 3.56 8.9 5 8.9m4.975 0c1.439 0 2.68.252 3.575.855c.927.625 1.425 1.588 1.425 2.846a.5.5 0 0 1-1 0c0-.958-.358-1.596-.984-2.017c-.518-.349-1.253-.57-2.202-.65a4.5 4.5 0 0 0-.87-1.033zM5 1.85a3.151 3.151 0 0 1 0 6.3a3.15 3.15 0 1 1 0-6.3m4.975 0a3.15 3.15 0 0 1 0 6.3c-.524 0-1.016-.13-1.45-.356a4.5 4.5 0 0 0 .534-.852a2.15 2.15 0 1 0 0-3.887a4.5 4.5 0 0 0-.535-.85a3.1 3.1 0 0 1 1.45-.355M5 2.85a2.151 2.151 0 0 0 0 4.3a2.15 2.15 0 0 0 0-4.3'/%3E%3C/svg%3E");
}


/* Counts active filters */
.filter-badge {
   position: absolute;
   top: -4px;
   right: -4px;
   background-color: #000;
   color: #ffffff;
   font-family: sans-serif;
   font-size: 8px;
   font-weight: bold;
   width: 14px;
   height: 14px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
   z-index: 10;
}



section[data-section='categories']{
   height: 80px;
   background: #f1f5f8;
   box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.2);
   width: 100% !important;
   
}
section[data-section='categories'] lh{
   padding: 6px 8px;color: #555;  font-size: 11px; font-weight:500;
}


.tickets-container-header{
   border-top: 2px solid #0067CE;
}

#svgmap{
   height: 100% !important;
}


.ticket-options-list{
   display: flex;
   list-style: none;
   margin: 0;
   overflow-x: auto; /* Allows scrolling if they exceed screen width */
   white-space: nowrap;   
   -ms-overflow-style: none;
   scrollbar-width: none;   

   padding: 2px 0; /*allows shadows to show*/
   margin-left: 60px; /*Space for filter button*/
   padding-right: 16px;
   gap: 12px;
   

}

.ticket-options-list::-webkit-scrollbar{
   display: none;
}

.ticket-options-list.skeleton .ticket-option{
   width: 25%;
   flex: unset;
   height: 44px;
}

.ticket-options-list.skeleton button{
   border-radius: 6px;
   border: none;
   box-shadow: none;
   height: 44px;
   width: 64px;
}
.ticket-options-list.skeleton span{
   display: block;
   width: 72%;
   margin-top: 4px;
}

.ticket-option {
   flex: 0 0 64px; /* Fixes width at 64px, prevents shrinking */
   display: flex;
   flex-direction: column;
   align-items: center;
 }
 
 /* The Button / Interactive Area */
 .ticket-option button {
   border: none;
   cursor: pointer;
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 100%;
   height: 44px;
   box-sizing: border-box;
   border-radius: 6px;
   background: white;
   box-shadow: var(--box-shadow-soft);
   padding: 2px;      
 }
 
 /* The 40x40 Circle */
 .icon-container {
   background: #F8F8F8;
   background: none;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: background-color 0.2s;
   box-sizing: border-box;
 }
 


 /* The Label */
 .ticket-option .label-container .label {
   font-size: 12px;
   color: #252525;
   text-align: center;

 }


 li[data-option='marquee']:not(.is-active) .label {
/* 1. Start with a vibrant magenta 
       2. Move to your Hot Pink quickly (at 30%) and let it stay until 70%
       3. End with a light warm purple/plum 
    */
    background: linear-gradient(
        90deg,
        #840ac9 0%,  /* Trailing Purple */ 
        #d60eb2 30%,   /* Vibrant Magenta */
        #fa0b81 50%,  /* Your Hot Pink (Center Focus) */
        #fa0b81 100%  /* Your Hot Pink (Center Focus) */
        
    );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    
    /* Fallback for safety */
    color: #fa0b81; 
    font-weight: bold; /* Gradients look much better on thicker font weights */ 
}

.is-icon[data-icon='marquee']::before {
   background: white;

   background: linear-gradient(90deg, #840ac9 0%, /* Trailing Purple */ #d60eb2 30%, /* Vibrant Magenta */ #fa0b81 50%, /* Your Hot Pink (Center Focus) */ #fa0b81 100% /* Your Hot Pink (Center Focus) */);

}



li.ticket-option.is-active .is-icon::before {
   color: #FFFFFF;
}

li.ticket-option.is-active .label {
   color: #FFFFFF;
}



li[data-option='marquee'].is-active .icon-container{
   backgrounds: linear-gradient(90deg, #840ac9 0%, /* Trailing Purple */ #d60eb2 30%, /* Vibrant Magenta */ #fa0b81 50%, /* Your Hot Pink (Center Focus) */ #fa0b81 100% /* Your Hot Pink (Center Focus) */);
}

.is-active .is-icon[data-icon='marquee']::before {
   background: white;
}

li.ticket-option .icon-container{
   position: relative;
}



.icon-container {
   width: 28px;
   height: 28px;
}


li.ticket-option button .is-icon{
   height: 20px;
   width: 20px;
}


.tickets-container-header{
   color: #555;
   padding: 0 8px;

   background: white;
   box-shadow: var(--box-shadow-soft);
   z-index: 1;
   display: block;
   position: relative;   
   line-height: 36px;
   height: 36px; 
   box-sizing: border-box;

}


.tickets-container-header .notice-aip{
   font-size: unset;
   font-weight: normal;
   color: #555;
   margin-top: 0;
}

.tickets-container-header .notice-aip:before{
   top: calc(50% - 8px);
}


button.sort-trigger{
   border: unset;
   -moz-box-shadow: unset;
   -webkit-box-shadow: unset;
   box-shadow: unset;
   font-weight: unset;
   font-size: unset;
   padding: unset;
   height: 36px;
   line-height: 36px;
   box-sizing: border-box;
   background: none;
}

button.sort-trigger{
   position:absolute;
   right: 8px;
   color: #252525;
   padding-right: 20px;
}

button.sort-trigger:after{
   content: '';
   position: absolute;
   right: 4px;
   top: calc(50% - 3px);
   
   /* Create the chevron shape */
   width: 6px;
   height: 6px;
   border-right: 2px solid #252525;
   border-bottom: 2px solid #252525;
   
   /* Rotate to point down */
   transform: translateY(-50%) rotate(45deg);   
}


li.ticket-option[data-option='marquee'].is-active .icon-container{
   border: none;
}




g.ticket-group text[data-role='feature']{
   fill: url(#ticketGradient);
}

/* ios hack for bad gradients */
@media screen and (max-width: 1024px) {
   @supports (-webkit-overflow-scrolling: touch) {
       g.ticket-group text[data-role='feature'] {
           fill: #fa0b81;
       }
   }
}

.ticket-group[data-g='1'] circle[data-role='marker'] {
   fill: url(#markerGradient);
}

li.ticket[data-g='1'] .buy-button {
   background: linear-gradient(241deg, #da2d82 0%, #fa0b81 50%, #fa0b81 100%);
}



li.ticket .tag-feature {
   background: white;
   position: relative;


   background: linear-gradient(90deg, #840ac9 0%, /* Trailing Purple */ #d60eb2 30%, /* Vibrant Magenta */ #fa0b81 50%, /* Your Hot Pink (Center Focus) */ #fa0b81 100% /* Your Hot Pink (Center Focus) */);
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
   color: #fa0b81;
   font-weight: bold;

}

li.ticket .tag-feature:after {
   /* Gradient using your Trailing Purple, Vibrant Magenta, and Hot Pink center focus */
   background: -webkit-gradient(linear, left top, right top, from(#840ac9), color-stop(30%, #d60eb2), color-stop(50%, #fa0b81), to(#fa0b81)) border-box;
   background: linear-gradient(90deg, #840ac9 0%, #d60eb2 30%, #fa0b81 50%, #fa0b81 100%) border-box;
   
   border: 2px solid transparent;
   border-radius: 6px;
   content: "";
   inset: 0;
   
   /* Masking logic to keep the gradient only on the border */
   -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
   mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
   -webkit-mask-composite: xor;
   mask-composite: exclude;
   position: absolute;
}

li.ticket .tag-feature {
   padding: 6px 4px;
   font-size: 11px;
}

li.ticket .quantity-details {
   font-size: 10px;
   color: #666;
   color: #999;
   top: 16px;
}

#container-button-reset-map{
   background-color: rgb(240 244 248 / 75%);   
}




#core{
   height: calc(50% - 36px) !important;
   position: absolute;
   width: 100%;
}

#map-container{
   height:100% !important;
}


#container-non-map{
   height: calc(50% - 30px);
}

#tickets-container{
   /* 36 is hieght of its header */
   height: calc(100% - 36px) !important;
}

#map-container{
   position: absolute;
   width: 100% !important;
}


li.ticket-option.is-active{
   position: relative;
}

li.ticket-option.is-active button {
   background: black;
   color: white;
   border-color: black;
   height: 40px;
   margin-top: 2px;
   margin-bottom: 2px;
}

li.ticket-option[data-option='adeal'].is-active .icon-container {
   border-color: white;
}


.ticket-option[data-option='price'] button, .ticket-option[data-option='quantity'] button{
   padding: 0px 12px;
   line-height: 44px;
}




li.ticket-option[data-type='cat']:not(.is-active) .label-container{
   margin-top: -6px;
}



.ticket-option[data-option='price'] button, .ticket-option[data-option='quantity'] button{
   position: relative;
   padding-right: 28px;
}

/* Down icon */
.ticket-option[data-option='price'] button:after, .ticket-option[data-option='quantity'] button:after{
   content: '';
   position: absolute;
   right: 8px;
   top: calc(50% - 3px);
   width: 6px;
   height: 6px;
   border-right: 2px solid #252525;
   border-bottom: 2px solid #252525;
   transform: translateY(-50%) rotate(45deg);
}



.ticket-option.is-active button{
   background: black;
   color: white;
}



/* Close icon */
li.ticket-option.is-active button:after{
   content: "";
   position: absolute;
   right: 4px;
   top: 50%;
   width: 16px;
   height: 16px;
   transform: translateY(-50%);
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='32' d='M368 368L144 144m224 0L144 368'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='32' d='M368 368L144 144m224 0L144 368'/%3E%3C/svg%3E");
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-position: center;
   mask-position: center;
   -webkit-mask-size: contain;
   mask-size: contain;
   background-color: white;
   color: white;
}



li.ticket-option.is-active{
   flex: unset;
}


li.ticket-option.is-active button{
   display: flex;
   gap: 0px;
   flex-direction: row;
   padding: 0 6px;
   padding-right: 28px;
   box-shadow: none;
}

li.ticket-option[data-type='quick'].is-active button{
   padding-left: 16px;
}


li.ticket-option[data-option='marquee'].is-active button{
   background: linear-gradient(90deg, #840ac9 0%, #d60eb2 30%, #fa0b81 50%, #fa0b81 100%);
}


li.ticket-option[data-option='marquee'].is-active .label{
   background: none;
   color: white;
}


li.ticket-option.is-active .icon-container{
   display: flex;
   
}


li.ticket-option.is-active .label-container{
   display: flex;
 
}


li.ticket-option:not(.is-active)[data-inventory='0']{
   display: none;
}

#core, .mobile #map-container{
   background: white !important;
}

section[data-section='categories']{

}

#showFilterContainer .is-icon{
   color: #252525;
}

#showFilterContainer.has-filters .is-icon{
   color: black;
}


/* Don't let marquee tag go past other elements */
li.ticket .tag-feature{
   max-width: 40%;
}


body.mode-ticket #map-container {
   position: absolute !important;
   top: unset !important;
}

.tickets-container-header{
   /* border-top: 1px solid #F8F8F8; */
}

.pinch-to-zoom{
   margin-top: 0;
   vertical-align: bottom;
}

.count-msg{
   margin-bottom: 2px;
   display: block;
}

#map-user-msg{
   padding: 6px 8px;
}


body.mode-ticket #core {
   position: fixed !important;
   top: 41px;
}

#hash-ticket-unavailable {
   padding: 16px 0;
   background: #df4800;
   color: white;
   z-index: 24;
   bottom: 24px;
   margin: 0px auto;
   border-radius: 8px;
   left: 8%;
   box-shadow: var(--box-shadow);
   width: 84%;
}