/* bebas-neue-regular - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/bebas-neue-v15-latin_latin-ext-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* league-spartan-300 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'League Spartan';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/league-spartan-v14-latin_latin-ext-300.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  ascent-override: 90%;
}
/* league-spartan-regular - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'League Spartan';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/league-spartan-v14-latin_latin-ext-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  ascent-override: 90%;
}
/* league-spartan-500 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'League Spartan';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/league-spartan-v14-latin_latin-ext-500.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  ascent-override: 90%;
}
/* league-spartan-600 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'League Spartan';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/league-spartan-v14-latin_latin-ext-600.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  ascent-override: 90%;
}
:root {
  --root-font-size: 20px;
  --body-bkg: #121212;
  --body-color: white;
  --content-width: clamp(80%, 85vw, 95%);
  --content-padding-x: clamp(1rem, 5vw, 5rem);
  --form-gap: 0.25rem;
  --panel-light: #1C1C1C;
  --text-light: #D9D9D9;
  --button-primary: #4CAF50;
}
/* mixins */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  user-select: none;
}
html {
  scroll-behavior: smooth;
}
html,
body {
  width: 100%;
  height: 100%;
  background-color: var(--body-bkg);
}
html,
body,
input,
select,
textarea,
button {
  font-family: "League Spartan", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: var(--root-font-size);
  color: var(--body-color);
}
h1,
h2,
h3,
h4,
h5 {
  font-family: "Bebas Neue", sans-serif;
  font-weight: normal;
}
h1 {
  font-size: clamp(3rem, 8vw, 4rem);
}
h2 {
  font-size: 2.4rem;
}
h3 {
  font-size: 1.8rem;
}
h4 {
  font-size: 1.4rem;
}
h5 {
  font-size: 1.2rem;
}
p {
  line-height: 1.3em;
}
section.panel {
  padding: 2rem var(--content-padding-x);
  text-align: center;
}
section.panel.min-pad-x {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
section.light {
  background-color: var(--panel-light);
}
.socky {
  margin: 2rem auto 1rem auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  gap: 2rem;
}
.socky a {
  display: block;
  font-size: 3rem;
  text-decoration: none;
  color: var(--text-light);
  transition: color 0.3s ease;
}
.socky a:hover {
  color: var(--button-primary);
}
.grid-2,
.grid-3,
.grid-4,
.grid-5 {
  width: var(--content-width);
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}
.grid-item {
  max-width: 100%;
}
.grid-2 .grid-item {
  width: calc(100% / 2 - 1rem);
  flex: 1 1 380px;
}
.grid-3 .grid-item {
  width: calc(100% / 3 - 1rem);
  flex: 1 1 330px;
}
.grid-4 .grid-item {
  width: calc(100% / 4 - 1rem);
  flex: 1 1 280px;
}
.grid-5 .grid-item {
  width: calc(100% / 5 - 1rem);
  flex: 1 1 230px;
}
.text-light {
  color: var(--text-light) !important;
}
.text-green {
  color: var(--button-primary) !important;
}
.text-red {
  color: #D03843 !important;
}
::-webkit-scrollbar {
  width: 0.3rem;
  height: 0.3rem;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #D9D9D9;
  border-radius: 0.1875rem;
}
::-webkit-scrollbar-thumb:hover {
  background: white;
}
.hero {
  min-height: 70vh;
  padding: 2rem var(--content-padding-x);
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 0px;
  position: relative;
  z-index: 1;
}
.hero img {
  max-width: 50%;
  margin-bottom: 2rem;
}
.hero h1,
.hero h2,
.hero h3,
.hero h4 {
  text-shadow: 0 0 4px black;
}
.hero h1 {
  margin-bottom: 1rem;
}
.hero h2 {
  margin-bottom: 0.75rem;
}
.hero h3 {
  margin-bottom: 0.5rem;
}
.hero h4 {
  margin-bottom: 0.25rem;
}
.hero p {
  font-size: 1.2rem;
  font-weight: 300;
  max-width: var(--content-width);
  margin: 0 auto;
  text-shadow: 0 0 4px black;
}
.hero.small {
  min-height: 50vh;
}
.hero.small img {
  max-width: 10rem;
  margin-bottom: 1.2rem;
}
.hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
.hero > * {
  z-index: 2;
  position: relative;
}
.hero:has(nav) {
  padding-top: 1rem;
}
.hero nav {
  width: var(--content-width);
  margin: 0 auto 1rem auto;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  justify-content: center;
}
.hero nav a {
  display: block;
  color: white;
  text-shadow: 0 0 5px black;
  text-decoration: none;
  border: solid 1px rgba(255, 255, 255, 0.3);
  padding: 0.5rem;
  border-radius: 0.3125rem;
  transition: background 0.3s ease, border-color 0.3s ease;
  backdrop-filter: blur(5px);
}
.hero nav a:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0);
}
a.btn,
button {
  text-decoration: none;
  display: inline-block;
  padding: 0.75rem 1rem;
  border: none;
  border-radius: 0.3rem;
  cursor: pointer;
  font-weight: 500;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
a.btn.primary,
button.primary {
  background-color: var(--button-primary);
  color: #F5F5F5;
}
a.btn.primary:hover,
button.primary:hover {
  background-color: #388E3C;
  color: white;
}
a.btn.outline,
button.outline {
  background-color: transparent;
  color: var(--button-primary);
  border: solid 1px var(--button-primary);
}
a.btn.outline:hover,
button.outline:hover {
  border-color: #388E3C;
  color: white;
}
a.btn.disabled,
button.disabled {
  background-color: #2E2E2E;
  color: white;
}
a.btn.disabled:hover,
button.disabled:hover {
  background-color: #333;
  color: #eee;
}
div.events {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(1rem, 5vw, 3rem);
  margin-top: 2rem;
}
div.events .event {
  flex: 1 1 400px;
}
div.events .event h3 {
  margin-top: 0.5rem;
}
div.events .event h4 {
  margin-top: 1rem;
}
div.events .event img {
  max-width: clamp(300px, 95%, 400px);
  aspect-ratio: 1;
  object-fit: cover;
  --corner-radius: 150px;
  clip-path: polygon(var(--corner-radius) 0%, calc(100% + var(--corner-radius) * -0.9476) calc(var(--corner-radius) * 0.0003), calc(100% + var(--corner-radius) * -0.895) calc(var(--corner-radius) * 0.0011), calc(100% + var(--corner-radius) * -0.842) calc(var(--corner-radius) * 0.0024), calc(100% + var(--corner-radius) * -0.7884) calc(var(--corner-radius) * 0.0044), calc(100% + var(--corner-radius) * -0.734) calc(var(--corner-radius) * 0.0072), calc(100% + var(--corner-radius) * -0.6786) calc(var(--corner-radius) * 0.0108), calc(100% + var(--corner-radius) * -0.6221) calc(var(--corner-radius) * 0.0155), calc(100% + var(--corner-radius) * -0.5644) calc(var(--corner-radius) * 0.0215), calc(100% + var(--corner-radius) * -0.5055) calc(var(--corner-radius) * 0.0294), calc(100% + var(--corner-radius) * -0.4456) calc(var(--corner-radius) * 0.0397), calc(100% + var(--corner-radius) * -0.3851) calc(var(--corner-radius) * 0.0532), calc(100% + var(--corner-radius) * -0.3251) calc(var(--corner-radius) * 0.0711), calc(100% + var(--corner-radius) * -0.267) calc(var(--corner-radius) * 0.0949), calc(100% + var(--corner-radius) * -0.213) calc(var(--corner-radius) * 0.126), calc(100% + var(--corner-radius) * -0.1655) calc(var(--corner-radius) * 0.1655), calc(100% + var(--corner-radius) * -0.126) calc(var(--corner-radius) * 0.213), calc(100% + var(--corner-radius) * -0.0949) calc(var(--corner-radius) * 0.267), calc(100% + var(--corner-radius) * -0.0711) calc(var(--corner-radius) * 0.3251), calc(100% + var(--corner-radius) * -0.0532) calc(var(--corner-radius) * 0.3851), calc(100% + var(--corner-radius) * -0.0397) calc(var(--corner-radius) * 0.4456), calc(100% + var(--corner-radius) * -0.0294) calc(var(--corner-radius) * 0.5055), calc(100% + var(--corner-radius) * -0.0215) calc(var(--corner-radius) * 0.5644), calc(100% + var(--corner-radius) * -0.0155) calc(var(--corner-radius) * 0.6221), calc(100% + var(--corner-radius) * -0.0108) calc(var(--corner-radius) * 0.6786), calc(100% + var(--corner-radius) * -0.0072) calc(var(--corner-radius) * 0.734), calc(100% + var(--corner-radius) * -0.0044) calc(var(--corner-radius) * 0.7884), calc(100% + var(--corner-radius) * -0.0024) calc(var(--corner-radius) * 0.842), calc(100% + var(--corner-radius) * -0.0011) calc(var(--corner-radius) * 0.895), calc(100% + var(--corner-radius) * -0.0003) calc(var(--corner-radius) * 0.9476), 100% var(--corner-radius), calc(100% + var(--corner-radius) * -0.0003) calc(100% + var(--corner-radius) * -0.9476), calc(100% + var(--corner-radius) * -0.0011) calc(100% + var(--corner-radius) * -0.895), calc(100% + var(--corner-radius) * -0.0024) calc(100% + var(--corner-radius) * -0.842), calc(100% + var(--corner-radius) * -0.0044) calc(100% + var(--corner-radius) * -0.7884), calc(100% + var(--corner-radius) * -0.0072) calc(100% + var(--corner-radius) * -0.734), calc(100% + var(--corner-radius) * -0.0108) calc(100% + var(--corner-radius) * -0.6786), calc(100% + var(--corner-radius) * -0.0155) calc(100% + var(--corner-radius) * -0.6221), calc(100% + var(--corner-radius) * -0.0215) calc(100% + var(--corner-radius) * -0.5644), calc(100% + var(--corner-radius) * -0.0294) calc(100% + var(--corner-radius) * -0.5055), calc(100% + var(--corner-radius) * -0.0397) calc(100% + var(--corner-radius) * -0.4456), calc(100% + var(--corner-radius) * -0.0532) calc(100% + var(--corner-radius) * -0.3851), calc(100% + var(--corner-radius) * -0.0711) calc(100% + var(--corner-radius) * -0.3251), calc(100% + var(--corner-radius) * -0.0949) calc(100% + var(--corner-radius) * -0.267), calc(100% + var(--corner-radius) * -0.126) calc(100% + var(--corner-radius) * -0.213), calc(100% + var(--corner-radius) * -0.1655) calc(100% + var(--corner-radius) * -0.1655), calc(100% + var(--corner-radius) * -0.213) calc(100% + var(--corner-radius) * -0.126), calc(100% + var(--corner-radius) * -0.267) calc(100% + var(--corner-radius) * -0.0949), calc(100% + var(--corner-radius) * -0.3251) calc(100% + var(--corner-radius) * -0.0711), calc(100% + var(--corner-radius) * -0.3851) calc(100% + var(--corner-radius) * -0.0532), calc(100% + var(--corner-radius) * -0.4456) calc(100% + var(--corner-radius) * -0.0397), calc(100% + var(--corner-radius) * -0.5055) calc(100% + var(--corner-radius) * -0.0294), calc(100% + var(--corner-radius) * -0.5644) calc(100% + var(--corner-radius) * -0.0215), calc(100% + var(--corner-radius) * -0.6221) calc(100% + var(--corner-radius) * -0.0155), calc(100% + var(--corner-radius) * -0.6786) calc(100% + var(--corner-radius) * -0.0108), calc(100% + var(--corner-radius) * -0.734) calc(100% + var(--corner-radius) * -0.0072), calc(100% + var(--corner-radius) * -0.7884) calc(100% + var(--corner-radius) * -0.0044), calc(100% + var(--corner-radius) * -0.842) calc(100% + var(--corner-radius) * -0.0024), calc(100% + var(--corner-radius) * -0.895) calc(100% + var(--corner-radius) * -0.0011), calc(100% + var(--corner-radius) * -0.9476) calc(100% + var(--corner-radius) * -0.0003), calc(100% - var(--corner-radius)) 100%, calc(var(--corner-radius) * 0.9476) calc(100% + var(--corner-radius) * -0.0003), calc(var(--corner-radius) * 0.895) calc(100% + var(--corner-radius) * -0.0011), calc(var(--corner-radius) * 0.842) calc(100% + var(--corner-radius) * -0.0024), calc(var(--corner-radius) * 0.7884) calc(100% + var(--corner-radius) * -0.0044), calc(var(--corner-radius) * 0.734) calc(100% + var(--corner-radius) * -0.0072), calc(var(--corner-radius) * 0.6786) calc(100% + var(--corner-radius) * -0.0108), calc(var(--corner-radius) * 0.6221) calc(100% + var(--corner-radius) * -0.0155), calc(var(--corner-radius) * 0.5644) calc(100% + var(--corner-radius) * -0.0215), calc(var(--corner-radius) * 0.5055) calc(100% + var(--corner-radius) * -0.0294), calc(var(--corner-radius) * 0.4456) calc(100% + var(--corner-radius) * -0.0397), calc(var(--corner-radius) * 0.3851) calc(100% + var(--corner-radius) * -0.0532), calc(var(--corner-radius) * 0.3251) calc(100% + var(--corner-radius) * -0.0711), calc(var(--corner-radius) * 0.267) calc(100% + var(--corner-radius) * -0.0949), calc(var(--corner-radius) * 0.213) calc(100% + var(--corner-radius) * -0.126), calc(var(--corner-radius) * 0.1655) calc(100% + var(--corner-radius) * -0.1655), calc(var(--corner-radius) * 0.126) calc(100% + var(--corner-radius) * -0.213), calc(var(--corner-radius) * 0.0949) calc(100% + var(--corner-radius) * -0.267), calc(var(--corner-radius) * 0.0711) calc(100% + var(--corner-radius) * -0.3251), calc(var(--corner-radius) * 0.0532) calc(100% + var(--corner-radius) * -0.3851), calc(var(--corner-radius) * 0.0397) calc(100% + var(--corner-radius) * -0.4456), calc(var(--corner-radius) * 0.0294) calc(100% + var(--corner-radius) * -0.5055), calc(var(--corner-radius) * 0.0215) calc(100% + var(--corner-radius) * -0.5644), calc(var(--corner-radius) * 0.0155) calc(100% + var(--corner-radius) * -0.6221), calc(var(--corner-radius) * 0.0108) calc(100% + var(--corner-radius) * -0.6786), calc(var(--corner-radius) * 0.0072) calc(100% + var(--corner-radius) * -0.734), calc(var(--corner-radius) * 0.0044) calc(100% + var(--corner-radius) * -0.7884), calc(var(--corner-radius) * 0.0024) calc(100% + var(--corner-radius) * -0.842), calc(var(--corner-radius) * 0.0011) calc(100% + var(--corner-radius) * -0.895), calc(var(--corner-radius) * 0.0003) calc(100% + var(--corner-radius) * -0.9476), 0% calc(100% - var(--corner-radius)), calc(var(--corner-radius) * 0.0003) calc(var(--corner-radius) * 0.9476), calc(var(--corner-radius) * 0.0011) calc(var(--corner-radius) * 0.895), calc(var(--corner-radius) * 0.0024) calc(var(--corner-radius) * 0.842), calc(var(--corner-radius) * 0.0044) calc(var(--corner-radius) * 0.7884), calc(var(--corner-radius) * 0.0072) calc(var(--corner-radius) * 0.734), calc(var(--corner-radius) * 0.0108) calc(var(--corner-radius) * 0.6786), calc(var(--corner-radius) * 0.0155) calc(var(--corner-radius) * 0.6221), calc(var(--corner-radius) * 0.0215) calc(var(--corner-radius) * 0.5644), calc(var(--corner-radius) * 0.0294) calc(var(--corner-radius) * 0.5055), calc(var(--corner-radius) * 0.0397) calc(var(--corner-radius) * 0.4456), calc(var(--corner-radius) * 0.0532) calc(var(--corner-radius) * 0.3851), calc(var(--corner-radius) * 0.0711) calc(var(--corner-radius) * 0.3251), calc(var(--corner-radius) * 0.0949) calc(var(--corner-radius) * 0.267), calc(var(--corner-radius) * 0.126) calc(var(--corner-radius) * 0.213), calc(var(--corner-radius) * 0.1655) calc(var(--corner-radius) * 0.1655), calc(var(--corner-radius) * 0.213) calc(var(--corner-radius) * 0.126), calc(var(--corner-radius) * 0.267) calc(var(--corner-radius) * 0.0949), calc(var(--corner-radius) * 0.3251) calc(var(--corner-radius) * 0.0711), calc(var(--corner-radius) * 0.3851) calc(var(--corner-radius) * 0.0532), calc(var(--corner-radius) * 0.4456) calc(var(--corner-radius) * 0.0397), calc(var(--corner-radius) * 0.5055) calc(var(--corner-radius) * 0.0294), calc(var(--corner-radius) * 0.5644) calc(var(--corner-radius) * 0.0215), calc(var(--corner-radius) * 0.6221) calc(var(--corner-radius) * 0.0155), calc(var(--corner-radius) * 0.6786) calc(var(--corner-radius) * 0.0108), calc(var(--corner-radius) * 0.734) calc(var(--corner-radius) * 0.0072), calc(var(--corner-radius) * 0.7884) calc(var(--corner-radius) * 0.0044), calc(var(--corner-radius) * 0.842) calc(var(--corner-radius) * 0.0024), calc(var(--corner-radius) * 0.895) calc(var(--corner-radius) * 0.0011), calc(var(--corner-radius) * 0.9476) calc(var(--corner-radius) * 0.0003));
}
div.events .event span {
  display: inline-block;
  color: var(--text-light);
}
div.events .event p {
  margin-top: 0.5rem;
  color: var(--text-light);
}
div.events .event .price {
  font-weight: 600;
}
div.events .event a.btn {
  margin-top: 1rem;
}
section.event.param h5 {
  margin-bottom: 0.5rem;
  color: var(--text-light);
}
section.event.param span {
  font-size: 1.3rem;
  color: var(--button-primary);
}
section.event p {
  max-width: var(--content-width);
  margin: 1rem auto;
  text-align: center;
}
section.event ul {
  width: fit-content;
  max-width: var(--content-width);
  margin: 1rem auto;
}
section.event ul li {
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.4rem;
  list-style-type: none;
}
section.event ul li:not(:first-child) {
  position: relative;
  margin-top: 1rem;
}
section.event ul li:not(:first-child)::before {
  --sep-width: 50px;
  display: block;
  content: '';
  width: var(--sep-width);
  height: 1px;
  border-top: dotted 1px #666;
  position: absolute;
  left: calc(50% - var(--sep-width) / 2);
  top: -0.5rem;
}
section.event form {
  width: var(--content-width);
  margin: 1rem auto;
}
section.event form .layout {
  max-width: calc(700px + var(--form-gap));
}
section.event form .layout .row-2 .field {
  flex: 0 1 350px;
}
section.event form .layout input,
section.event form .layout select,
section.event form .layout textarea {
  width: 100%;
}
section.event table.form {
  margin: 1rem auto;
  border-collapse: collapse;
}
section.event table.form td {
  padding: 0.25rem;
  text-align: left;
}
section.event table.form td:first-child {
  text-align: right;
}
section.event table.form td:not(:first-child) {
  text-align: left;
  font-size: 1.3rem;
}
section.event #qr {
  margin: 2rem auto;
  width: 256px;
}
div.merch {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 3rem;
  margin-top: 2rem;
}
div.item {
  flex: 0 1 300px;
}
div.item h3 {
  margin-top: 0.5rem;
}
div.item h4 {
  margin-top: 1rem;
}
div.item span {
  display: inline-block;
  color: var(--text-light);
}
div.item p {
  margin-top: 0.5rem;
  color: var(--text-light);
}
div.item .price {
  font-weight: 600;
}
div.item a.btn {
  margin-top: 1rem;
}
div.merch img,
section.merch-detail img {
  width: 95%;
  aspect-ratio: 1;
  object-fit: cover;
  --corner-radius: 150px;
  clip-path: polygon(var(--corner-radius) 0%, calc(100% + var(--corner-radius) * -0.9476) calc(var(--corner-radius) * 0.0003), calc(100% + var(--corner-radius) * -0.895) calc(var(--corner-radius) * 0.0011), calc(100% + var(--corner-radius) * -0.842) calc(var(--corner-radius) * 0.0024), calc(100% + var(--corner-radius) * -0.7884) calc(var(--corner-radius) * 0.0044), calc(100% + var(--corner-radius) * -0.734) calc(var(--corner-radius) * 0.0072), calc(100% + var(--corner-radius) * -0.6786) calc(var(--corner-radius) * 0.0108), calc(100% + var(--corner-radius) * -0.6221) calc(var(--corner-radius) * 0.0155), calc(100% + var(--corner-radius) * -0.5644) calc(var(--corner-radius) * 0.0215), calc(100% + var(--corner-radius) * -0.5055) calc(var(--corner-radius) * 0.0294), calc(100% + var(--corner-radius) * -0.4456) calc(var(--corner-radius) * 0.0397), calc(100% + var(--corner-radius) * -0.3851) calc(var(--corner-radius) * 0.0532), calc(100% + var(--corner-radius) * -0.3251) calc(var(--corner-radius) * 0.0711), calc(100% + var(--corner-radius) * -0.267) calc(var(--corner-radius) * 0.0949), calc(100% + var(--corner-radius) * -0.213) calc(var(--corner-radius) * 0.126), calc(100% + var(--corner-radius) * -0.1655) calc(var(--corner-radius) * 0.1655), calc(100% + var(--corner-radius) * -0.126) calc(var(--corner-radius) * 0.213), calc(100% + var(--corner-radius) * -0.0949) calc(var(--corner-radius) * 0.267), calc(100% + var(--corner-radius) * -0.0711) calc(var(--corner-radius) * 0.3251), calc(100% + var(--corner-radius) * -0.0532) calc(var(--corner-radius) * 0.3851), calc(100% + var(--corner-radius) * -0.0397) calc(var(--corner-radius) * 0.4456), calc(100% + var(--corner-radius) * -0.0294) calc(var(--corner-radius) * 0.5055), calc(100% + var(--corner-radius) * -0.0215) calc(var(--corner-radius) * 0.5644), calc(100% + var(--corner-radius) * -0.0155) calc(var(--corner-radius) * 0.6221), calc(100% + var(--corner-radius) * -0.0108) calc(var(--corner-radius) * 0.6786), calc(100% + var(--corner-radius) * -0.0072) calc(var(--corner-radius) * 0.734), calc(100% + var(--corner-radius) * -0.0044) calc(var(--corner-radius) * 0.7884), calc(100% + var(--corner-radius) * -0.0024) calc(var(--corner-radius) * 0.842), calc(100% + var(--corner-radius) * -0.0011) calc(var(--corner-radius) * 0.895), calc(100% + var(--corner-radius) * -0.0003) calc(var(--corner-radius) * 0.9476), 100% var(--corner-radius), calc(100% + var(--corner-radius) * -0.0003) calc(100% + var(--corner-radius) * -0.9476), calc(100% + var(--corner-radius) * -0.0011) calc(100% + var(--corner-radius) * -0.895), calc(100% + var(--corner-radius) * -0.0024) calc(100% + var(--corner-radius) * -0.842), calc(100% + var(--corner-radius) * -0.0044) calc(100% + var(--corner-radius) * -0.7884), calc(100% + var(--corner-radius) * -0.0072) calc(100% + var(--corner-radius) * -0.734), calc(100% + var(--corner-radius) * -0.0108) calc(100% + var(--corner-radius) * -0.6786), calc(100% + var(--corner-radius) * -0.0155) calc(100% + var(--corner-radius) * -0.6221), calc(100% + var(--corner-radius) * -0.0215) calc(100% + var(--corner-radius) * -0.5644), calc(100% + var(--corner-radius) * -0.0294) calc(100% + var(--corner-radius) * -0.5055), calc(100% + var(--corner-radius) * -0.0397) calc(100% + var(--corner-radius) * -0.4456), calc(100% + var(--corner-radius) * -0.0532) calc(100% + var(--corner-radius) * -0.3851), calc(100% + var(--corner-radius) * -0.0711) calc(100% + var(--corner-radius) * -0.3251), calc(100% + var(--corner-radius) * -0.0949) calc(100% + var(--corner-radius) * -0.267), calc(100% + var(--corner-radius) * -0.126) calc(100% + var(--corner-radius) * -0.213), calc(100% + var(--corner-radius) * -0.1655) calc(100% + var(--corner-radius) * -0.1655), calc(100% + var(--corner-radius) * -0.213) calc(100% + var(--corner-radius) * -0.126), calc(100% + var(--corner-radius) * -0.267) calc(100% + var(--corner-radius) * -0.0949), calc(100% + var(--corner-radius) * -0.3251) calc(100% + var(--corner-radius) * -0.0711), calc(100% + var(--corner-radius) * -0.3851) calc(100% + var(--corner-radius) * -0.0532), calc(100% + var(--corner-radius) * -0.4456) calc(100% + var(--corner-radius) * -0.0397), calc(100% + var(--corner-radius) * -0.5055) calc(100% + var(--corner-radius) * -0.0294), calc(100% + var(--corner-radius) * -0.5644) calc(100% + var(--corner-radius) * -0.0215), calc(100% + var(--corner-radius) * -0.6221) calc(100% + var(--corner-radius) * -0.0155), calc(100% + var(--corner-radius) * -0.6786) calc(100% + var(--corner-radius) * -0.0108), calc(100% + var(--corner-radius) * -0.734) calc(100% + var(--corner-radius) * -0.0072), calc(100% + var(--corner-radius) * -0.7884) calc(100% + var(--corner-radius) * -0.0044), calc(100% + var(--corner-radius) * -0.842) calc(100% + var(--corner-radius) * -0.0024), calc(100% + var(--corner-radius) * -0.895) calc(100% + var(--corner-radius) * -0.0011), calc(100% + var(--corner-radius) * -0.9476) calc(100% + var(--corner-radius) * -0.0003), calc(100% - var(--corner-radius)) 100%, calc(var(--corner-radius) * 0.9476) calc(100% + var(--corner-radius) * -0.0003), calc(var(--corner-radius) * 0.895) calc(100% + var(--corner-radius) * -0.0011), calc(var(--corner-radius) * 0.842) calc(100% + var(--corner-radius) * -0.0024), calc(var(--corner-radius) * 0.7884) calc(100% + var(--corner-radius) * -0.0044), calc(var(--corner-radius) * 0.734) calc(100% + var(--corner-radius) * -0.0072), calc(var(--corner-radius) * 0.6786) calc(100% + var(--corner-radius) * -0.0108), calc(var(--corner-radius) * 0.6221) calc(100% + var(--corner-radius) * -0.0155), calc(var(--corner-radius) * 0.5644) calc(100% + var(--corner-radius) * -0.0215), calc(var(--corner-radius) * 0.5055) calc(100% + var(--corner-radius) * -0.0294), calc(var(--corner-radius) * 0.4456) calc(100% + var(--corner-radius) * -0.0397), calc(var(--corner-radius) * 0.3851) calc(100% + var(--corner-radius) * -0.0532), calc(var(--corner-radius) * 0.3251) calc(100% + var(--corner-radius) * -0.0711), calc(var(--corner-radius) * 0.267) calc(100% + var(--corner-radius) * -0.0949), calc(var(--corner-radius) * 0.213) calc(100% + var(--corner-radius) * -0.126), calc(var(--corner-radius) * 0.1655) calc(100% + var(--corner-radius) * -0.1655), calc(var(--corner-radius) * 0.126) calc(100% + var(--corner-radius) * -0.213), calc(var(--corner-radius) * 0.0949) calc(100% + var(--corner-radius) * -0.267), calc(var(--corner-radius) * 0.0711) calc(100% + var(--corner-radius) * -0.3251), calc(var(--corner-radius) * 0.0532) calc(100% + var(--corner-radius) * -0.3851), calc(var(--corner-radius) * 0.0397) calc(100% + var(--corner-radius) * -0.4456), calc(var(--corner-radius) * 0.0294) calc(100% + var(--corner-radius) * -0.5055), calc(var(--corner-radius) * 0.0215) calc(100% + var(--corner-radius) * -0.5644), calc(var(--corner-radius) * 0.0155) calc(100% + var(--corner-radius) * -0.6221), calc(var(--corner-radius) * 0.0108) calc(100% + var(--corner-radius) * -0.6786), calc(var(--corner-radius) * 0.0072) calc(100% + var(--corner-radius) * -0.734), calc(var(--corner-radius) * 0.0044) calc(100% + var(--corner-radius) * -0.7884), calc(var(--corner-radius) * 0.0024) calc(100% + var(--corner-radius) * -0.842), calc(var(--corner-radius) * 0.0011) calc(100% + var(--corner-radius) * -0.895), calc(var(--corner-radius) * 0.0003) calc(100% + var(--corner-radius) * -0.9476), 0% calc(100% - var(--corner-radius)), calc(var(--corner-radius) * 0.0003) calc(var(--corner-radius) * 0.9476), calc(var(--corner-radius) * 0.0011) calc(var(--corner-radius) * 0.895), calc(var(--corner-radius) * 0.0024) calc(var(--corner-radius) * 0.842), calc(var(--corner-radius) * 0.0044) calc(var(--corner-radius) * 0.7884), calc(var(--corner-radius) * 0.0072) calc(var(--corner-radius) * 0.734), calc(var(--corner-radius) * 0.0108) calc(var(--corner-radius) * 0.6786), calc(var(--corner-radius) * 0.0155) calc(var(--corner-radius) * 0.6221), calc(var(--corner-radius) * 0.0215) calc(var(--corner-radius) * 0.5644), calc(var(--corner-radius) * 0.0294) calc(var(--corner-radius) * 0.5055), calc(var(--corner-radius) * 0.0397) calc(var(--corner-radius) * 0.4456), calc(var(--corner-radius) * 0.0532) calc(var(--corner-radius) * 0.3851), calc(var(--corner-radius) * 0.0711) calc(var(--corner-radius) * 0.3251), calc(var(--corner-radius) * 0.0949) calc(var(--corner-radius) * 0.267), calc(var(--corner-radius) * 0.126) calc(var(--corner-radius) * 0.213), calc(var(--corner-radius) * 0.1655) calc(var(--corner-radius) * 0.1655), calc(var(--corner-radius) * 0.213) calc(var(--corner-radius) * 0.126), calc(var(--corner-radius) * 0.267) calc(var(--corner-radius) * 0.0949), calc(var(--corner-radius) * 0.3251) calc(var(--corner-radius) * 0.0711), calc(var(--corner-radius) * 0.3851) calc(var(--corner-radius) * 0.0532), calc(var(--corner-radius) * 0.4456) calc(var(--corner-radius) * 0.0397), calc(var(--corner-radius) * 0.5055) calc(var(--corner-radius) * 0.0294), calc(var(--corner-radius) * 0.5644) calc(var(--corner-radius) * 0.0215), calc(var(--corner-radius) * 0.6221) calc(var(--corner-radius) * 0.0155), calc(var(--corner-radius) * 0.6786) calc(var(--corner-radius) * 0.0108), calc(var(--corner-radius) * 0.734) calc(var(--corner-radius) * 0.0072), calc(var(--corner-radius) * 0.7884) calc(var(--corner-radius) * 0.0044), calc(var(--corner-radius) * 0.842) calc(var(--corner-radius) * 0.0024), calc(var(--corner-radius) * 0.895) calc(var(--corner-radius) * 0.0011), calc(var(--corner-radius) * 0.9476) calc(var(--corner-radius) * 0.0003));
}
section.merch-detail img {
  max-width: 600px;
}
section.merch-detail form {
  margin: 1rem auto;
}
section.merch-detail form .layout {
  max-width: calc(700px + var(--form-gap));
}
section.merch-detail form .layout .row-2 .field {
  flex: 0 1 350px;
}
section.merch-detail form .layout input,
section.merch-detail form .layout select,
section.merch-detail form .layout textarea {
  width: 100%;
}
div.carousel {
  margin: 2rem auto;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  justify-content: center;
  gap: 1rem;
}
div.carousel .nav {
  cursor: pointer;
  font-size: clamp(2rem, 3vw, 3rem);
  color: #999;
  transition: color 0.3s ease;
}
div.carousel .nav:hover {
  color: var(--button-primary);
}
div.carousel .slider {
  margin: 0 auto;
  overflow-y: hidden;
  overflow-x: scroll;
  scroll-snap-type: x;
  scroll-behavior: smooth;
  padding-bottom: 0.5rem;
}
div.carousel .slider::-webkit-scrollbar-thumb {
  background-color: #333;
}
div.carousel .slider .images {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  transition: transform 0.5s ease;
  width: max-content;
}
div.carousel .slider .images .img {
  max-width: clamp(200px, 16vw, 300px);
  text-decoration: none;
  scroll-snap-align: center;
  cursor: pointer;
}
div.carousel .slider .images .img span {
  display: block;
  margin-top: 0.5rem;
  color: var(--text-light);
}
div.carousel .slider .images img {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 1rem;
  object-fit: cover;
}
#carouselPopup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(4px);
  box-sizing: content-box;
  cursor: pointer;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease;
}
#carouselPopup img {
  max-width: 90vw;
  max-height: 90vh;
  border-radius: 0.5rem;
  box-shadow: 0 0 1rem 0 rgba(255, 255, 255, 0.2);
  cursor: default;
}
#carouselPopup .close {
  display: block;
  position: absolute;
  top: 3rem;
  right: 3rem;
  color: var(--text-light);
  font-size: 3rem;
  cursor: pointer;
}
#carouselPopup .prev,
#carouselPopup .next {
  position: absolute;
  font-size: 3rem;
  color: #666;
  text-shadow: 0 0 5px black;
}
#carouselPopup .prev.active,
#carouselPopup .next.active {
  color: var(--button-primary);
}
#carouselPopup .prev {
  left: 3rem;
}
#carouselPopup .next {
  right: 3rem;
}
#carouselPopup.active {
  opacity: 1;
  pointer-events: all;
}
form .layout {
  margin: 0 auto 1rem auto;
  display: flex;
  flex-direction: column;
  gap: var(--form-gap);
}
form .row-2 {
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--form-gap);
}
form input,
form select,
form textarea {
  background: none;
  padding: 0.5rem;
  font-size: 1.2rem;
  border: solid 2px #666;
  border-radius: 0.3125rem;
}
form textarea {
  resize: none;
}
form input[required]:invalid,
form select[required]:invalid,
form textarea[required]:invalid {
  border-bottom-color: #A31324;
}
form input[required]:valid,
form select[required]:valid,
form textarea[required]:valid {
  border-color: var(--button-primary);
}
form select option {
  color: var(--text-light);
  background-color: #222;
}
form select[required]:invalid {
  color: gray;
}
form select[required]:valid {
  border-color: var(--button-primary);
}
form p.legal {
  text-align: center;
  width: fit-content;
  max-width: 90%;
  margin: 0 auto 1rem auto;
  color: #aaa;
}
.swal2-backdrop-show {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
body.swal2-shown > [aria-hidden='true'] {
  transition: 0.1s filter;
  filter: blur(3px);
}
.swal2-popup {
  box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.4);
}
.swal2-title {
  font-weight: 500;
}
.swal2-popup p:not(:first-child) {
  margin-top: 0.5rem;
}
body.errorpage {
  background-color: black;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
body.errorpage h1 {
  font-size: 8rem;
  margin: 1rem auto 0 auto;
}
body.errorpage h2 {
  transform: translateY(-2rem);
  margin-bottom: 3rem;
}
body.errorpage .logo {
  max-width: 200px;
}