.ticket{--ticket-lighten-percentage: 40%;--ticket-color: hsl(var(--color-ticket-h), var(--color-ticket-s), var(--color-ticket-l));--ticket-bg-color: 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:var(--number-width) minmax(.8em,1fr);align-items:flex-start;align-content:flex-start;justify-content:flex-start}@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.team{--ticket-lighten-percentage: 50%}.ticket--online:not(.team){--ticket-lighten-percentage: 33%}.ticket--disabled{--ticket-color: var(--color-secondary--light);--ticket-bg-color: var(--color-disabled)}.ticket__grid{--gap: 3.2em;gap:var(--gap);display:grid;grid-template-columns:minmax(.8em,1fr);align-items:flex-start;align-content:flex-start;justify-content:flex-start}@media only screen and (max-width: 1024px){.ticket__grid{--gap: 2.4em}}.ticket__number{--number-font-size: 2.4em;padding-top:1em;padding-bottom:1em;font-size:var(--number-font-size);font-weight:300;line-height:1;color:var(--ticket-color)}@media only screen and (max-width: 1366px){.ticket__number{--number-font-size: xx-large}}@media only screen and (max-width: 768px){.ticket__number{--number-font-size: x-large}}@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: large}}.ticket__number:before{display:inline-block;content:"#";font-size:1em}.ticket__content{--cols: minmax(.8em, 1fr) auto auto;--col-gap: 1.6em;--space-between: flex-start;--pad: 2.4em;--title-size: xx-large;gap:var(--col-gap);display:grid;grid-template-columns:var(--cols);align-items:flex-start;align-content:flex-start;justify-content:var(--space-between);padding:var(--pad);box-shadow:0 0 2.4em #00000026;border-radius:m;background-color:var(--ticket-bg-color);border-radius:0 .8em .8em 0;border-left:.4em solid var(--ticket-color)}@media only screen and (max-width: 1024px){.ticket__content{--title-size: x-large;--pad: 1.6em}}@media only screen and (max-width: 768px){.ticket__content{--cols: auto 9rem;--col-gap: .8em;--space-between: space-between}}@media only screen and (max-width: 425px){.ticket__content{--col-gap: 1.6em;--cols: repeat(2, minmax(.8em, auto))}}@media only screen and (max-width: 375px){.ticket__content{--title-size: large;--col-gap: .8em}}@media only screen and (max-width: 320px){.ticket__content{--pad: .8em;-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:var(--gap-s, 1.6em);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: 425px){.ticket__title{--gap: .8em}}.ticket__date{flex-basis:1;margin-top:.4em;font-size:medium;color:var(--ticket-color);text-align:right}@media only screen and (max-width: 425px){.ticket__date>span{display:block}}.ticket__note{font-size:small;color:var(--ticket-color)}.ticket__desc{-webkit-margin-before:1.6em;margin-block-start:1.6em;font-size:clamp(small,var(--desc-font-size, 1em),large);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: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:var(--vat-font-size, medium);white-space:nowrap}@media only screen and (max-width: 425px){.ticket__price>small{--vat-font-size: small}}.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}}.ticket__price+.button:not([disabled]),.ticket__price+.button.button--fail:not([disabled]){--btn-background: var(--ticket-color);--btn-text-color: var(--color-white)}