.ticket{--ticket-lighten-percentage: 40%;--ticket-color: hsl(var(--color-ticket-h), var(--color-ticket-s), var(--color-ticket-l));--ticket-color--bg: hsl(var(--color-ticket-h), var(--color-ticket-s), calc(var(--color-ticket-l) + var(--ticket-lighten-percentage)));--number-width: 6.25rem;display:grid;grid-template-columns:6.25rem minmax(.5rem,1fr);grid-template-columns:var(--col-template, var(--number-width) minmax(.5rem, 1fr));align-items:flex-start;align-content:flex-start;justify-content:flex-start}.ticket--disabled{--ticket-color: var(--color-secondary--light);--ticket-color--bg: var(--color-bg)}.ticket--flexi,.ticket--online-individual{--ticket-lighten-percentage: 33%}.ticket--student,.ticket--online-team{--ticket-lighten-percentage: 50%}.ticket--featured{--col-template: minmax(.5rem, 1fr) }@media only screen and (max-width: 1024px){.ticket{--number-width: 5.625rem}}@media only screen and (max-width: 768px){.ticket{--number-width: 5rem}}@media only screen and (max-width: 425px){.ticket{--number-width: 3.125rem}}@media only screen and (max-width: 320px){.ticket{--number-width: 2.75rem}}.ticket__wrapper{--gap: 2rem;display:grid;grid-template-columns:minmax(.5rem,1fr);gap:2rem;grid-gap:2rem;grid-gap:var(--gap);gap:var(--gap);align-items:flex-start;align-content:flex-start;justify-content:flex-start}@media only screen and (max-width: 1024px){.ticket__wrapper{--gap: 1.5rem}}.ticket__number{padding-top:1em;padding-bottom:1em;font-size:2rem;font-size:var(--number-font-size, 2rem);font-weight:300;line-height:1;color:var(--ticket-color)}@media only screen and (max-width: 1366px){.ticket__number{--number-font-size: 2rem}}@media only screen and (max-width: 768px){.ticket__number{--number-font-size: 1.5rem}}@media only screen and (max-width: 425px){.ticket__number{--number-font-size: 1.4em}}@media only screen and (max-width: 320px){.ticket__number{--number-font-size: 1.125rem}}.ticket__number:before{display:inline-block;content:"#";font-size:1em}.ticket__content{--title-size: 2rem;display:grid;grid-template-columns:minmax(.5rem,1fr) auto auto;grid-template-columns:var(--cols, minmax(.5rem, 1fr) auto auto);gap:2rem;grid-gap:2rem;grid-gap:var(--col-gap, 2rem);gap:var(--col-gap, 2rem);align-items:flex-start;align-items:var(--align-items, flex-start);align-content:flex-start;justify-content:flex-start;justify-content:var(--space-between, flex-start);padding-top:2rem;padding-bottom:2rem;padding-top:var(--pad, 2rem);padding-bottom:var(--pad, 2rem);padding-left:2rem;padding-right:2rem;padding-left:var(--pad, 2rem);padding-right:var(--pad, 2rem);--shadow-radius: 1.5rem;transition:box-shadow var(--trans-time) var(--trans-fnc);box-shadow:0 0 1.5rem #00000026;box-shadow:0 0 var(--shadow-radius) 0 hsl(0 0% 0%/var(--shadow-alpha, .15));border-radius:l;border-radius:1rem;background-color:var(--ticket-color--bg);border-top-left-radius:0;border-bottom-left-radius:0;border-left:.25rem solid var(--ticket-color)}@media (hover: hover){a.ticket__content:hover,button.ticket__content:hover,select.ticket__content:hover,input.ticket__content:hover,textarea.ticket__content:hover{--shadow-alpha: 30%}}input.ticket__content:focus,textarea.ticket__content:focus,.ticket__content:not(a):not(button):not(select):not(input):not(textarea){--shadow-alpha: 30%}@media only screen and (max-width: 1024px){.ticket__content{--title-size: 1.5rem;--pad: 1rem}}@media only screen and (max-width: 768px){.ticket__content{--cols: minmax(1rem, 1fr) 10rem;--col-gap: 1rem;--space-between: space-between}}@media only screen and (max-width: 425px){.ticket__content{--align-items: center;--cols: minmax(.5rem, 1fr) 8.5rem}}@media only screen and (max-width: 375px){.ticket__content{--title-size: 1.125rem}}@media only screen and (max-width: 320px){.ticket__content{--pad: .5rem;-moz-column-gap:0;column-gap:0}}@media only screen and (max-width: 768px){.ticket__content>div:not([class]){grid-column-end:span 2}}.ticket__title{display:flex;flex-flow:row nowrap;align-items:center;align-content:normal;justify-content:space-between;gap:1.5rem;gap:var(--gap, 1.5rem);font-family:prometo,sans-serif;font-size:var(--title-size);font-weight:700;line-height:1;color:var(--ticket-color)}@media only screen and (max-width: 768px){.ticket__title{--gap: 1rem}}@media only screen and (max-width: 425px){.ticket__title{--gap: .5rem}}.ticket__date{flex-basis:1;margin-top:.25rem;font-size:max(.875rem,min(.65em,1.125rem));color:var(--ticket-color);text-align:right}@media only screen and (max-width: 425px){.ticket__date>span{display:block}}.ticket__note{font-size:max(.875rem,min(.65em,1.125rem));color:var(--ticket-color)}.ticket__desc{margin-top:1rem;font-size:max(.875rem,min(1em,1.125rem));font-size:max(.875rem,min(var(--desc-font-size, 1em),1.125rem));font-weight:300}@media only screen and (max-width: 425px){.ticket__desc{--desc-font-size: .9em}}.ticket__price{--price-align-items: flex-end;display:flex;flex-flow:column wrap;align-items:flex-end;align-items:var(--price-align-items);align-content:normal;justify-content:flex-start;gap:0;color:var(--ticket-color);text-align:right}@media only screen and (max-width: 768px){.ticket__price{--price-align-items: flex-start}}.ticket__price>strong{font-family:prometo,sans-serif;font-size:var(--title-size);line-height:1;white-space:nowrap}.ticket__price>strong *{font-family:inherit}.ticket__price>small{font-size:1rem;font-size:var(--vat-font-size, 1rem);white-space:nowrap}@media only screen and (max-width: 425px){.ticket__price>small{--vat-font-size: .75rem}}.ticket__price+.button,.ticket__price+.button.button--fail{--btn-min-width: 10rem}@media only screen and (max-width: 768px){.ticket__price+.button,.ticket__price+.button.button--fail{--btn-min-width: none}}@media only screen and (max-width: 425px){.ticket__price+.button,.ticket__price+.button.button--fail{max-width:8rem}}.ticket__price+.button:not([disabled]),.ticket__price+.button.button--fail:not([disabled]){--btn-background: var(--ticket-color);--btn-text-color: var(--color-white)}
