* {
  padding: 0;
  margin: 0;
}

@media (min-width: 640px) {
  .sm\:flex-1 {
    flex: 1 1 0;
  }
  .sm\:flex-2 {
    flex: 2 1 0;
  }
  .sm\:flex-3 {
    flex: 3 1 0;
  }
  .sm\:flex-4 {
    flex: 4 1 0;
  }
  .sm\:flex-5 {
    flex: 5 1 0;
  }
  .sm\:flex-6 {
    flex: 6 1 0;
  }
  .sm\:flex-7 {
    flex: 7 1 0;
  }
  .sm\:flex-8 {
    flex: 8 1 0;
  }
  .sm\:flex-9 {
    flex: 9 1 0;
  }
  .sm\:flex-10 {
    flex: 10 1 0;
  }
  .sm\:flex-none {
    flex: none;
  }
}
@media (min-width: 768px) {
  .md\:flex-1 {
    flex: 1 1 0;
  }
  .md\:flex-2 {
    flex: 2 1 0;
  }
  .md\:flex-3 {
    flex: 3 1 0;
  }
  .md\:flex-4 {
    flex: 4 1 0;
  }
  .md\:flex-5 {
    flex: 5 1 0;
  }
  .md\:flex-6 {
    flex: 6 1 0;
  }
  .md\:flex-7 {
    flex: 7 1 0;
  }
  .md\:flex-8 {
    flex: 8 1 0;
  }
  .md\:flex-9 {
    flex: 9 1 0;
  }
  .md\:flex-10 {
    flex: 10 1 0;
  }
  .md\:flex-none {
    flex: none;
  }
}
@media (min-width: 1024px) {
  .lg\:flex-1 {
    flex: 1 1 0;
  }
  .lg\:flex-2 {
    flex: 2 1 0;
  }
  .lg\:flex-3 {
    flex: 3 1 0;
  }
  .lg\:flex-4 {
    flex: 4 1 0;
  }
  .lg\:flex-5 {
    flex: 5 1 0;
  }
  .lg\:flex-6 {
    flex: 6 1 0;
  }
  .lg\:flex-7 {
    flex: 7 1 0;
  }
  .lg\:flex-8 {
    flex: 8 1 0;
  }
  .lg\:flex-9 {
    flex: 9 1 0;
  }
  .lg\:flex-10 {
    flex: 10 1 0;
  }
  .lg\:flex-none {
    flex: none;
  }
}
@media (min-width: 1280px) {
  .xl\:flex-1 {
    flex: 1 1 0;
  }
  .xl\:flex-2 {
    flex: 2 1 0;
  }
  .xl\:flex-3 {
    flex: 3 1 0;
  }
  .xl\:flex-4 {
    flex: 4 1 0;
  }
  .xl\:flex-5 {
    flex: 5 1 0;
  }
  .xl\:flex-6 {
    flex: 6 1 0;
  }
  .xl\:flex-7 {
    flex: 7 1 0;
  }
  .xl\:flex-8 {
    flex: 8 1 0;
  }
  .xl\:flex-9 {
    flex: 9 1 0;
  }
  .xl\:flex-10 {
    flex: 10 1 0;
  }
  .xl\:flex-none {
    flex: none;
  }
}
@media (min-width: 1536px) {
  .\32 xl\:flex-1 {
    flex: 1 1 0;
  }
  .\32 xl\:flex-2 {
    flex: 2 1 0;
  }
  .\32 xl\:flex-3 {
    flex: 3 1 0;
  }
  .\32 xl\:flex-4 {
    flex: 4 1 0;
  }
  .\32 xl\:flex-5 {
    flex: 5 1 0;
  }
  .\32 xl\:flex-6 {
    flex: 6 1 0;
  }
  .\32 xl\:flex-7 {
    flex: 7 1 0;
  }
  .\32 xl\:flex-8 {
    flex: 8 1 0;
  }
  .\32 xl\:flex-9 {
    flex: 9 1 0;
  }
  .\32 xl\:flex-10 {
    flex: 10 1 0;
  }
  .\32 xl\:flex-none {
    flex: none;
  }
}
.flex-1 {
  flex: 1 1 0;
}

.flex-2 {
  flex: 2 1 0;
}

.flex-3 {
  flex: 3 1 0;
}

.flex-4 {
  flex: 4 1 0;
}

.flex-5 {
  flex: 5 1 0;
}

.flex-6 {
  flex: 6 1 0;
}

.flex-7 {
  flex: 7 1 0;
}

.flex-8 {
  flex: 8 1 0;
}

.flex-9 {
  flex: 9 1 0;
}

.flex-10 {
  flex: 10 1 0;
}

.flex-none {
  flex: none;
}

.my-container {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  width: 60rem;
}

div.switch-button {
  height: 1.5rem;
  width: 2.75rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

div.switch-button::after {
  position: absolute;
  left: 0.125rem;
  top: 0.125rem;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  --tw-content: "";
  content: var(--tw-content);
}

.peer:checked ~ div.switch-button {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}

.peer:checked ~ div.switch-button::after {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

select, input[type=text], input[type=password], input[type=number], input[type=date] {
  height: 2.5rem;
  border-radius: 0.375rem;
  border-width: 0px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-inset: inset;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
}

textarea {
  border-radius: 0.375rem;
  border-width: 0px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-inset: inset;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
}

textarea:focus, select:focus, input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, input[type=date]:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-inset: inset;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity));
  outline: none;
  border-color: initial;
}

button.default {
  overflow: hidden;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199 / var(--tw-bg-opacity));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

button.default:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / var(--tw-bg-opacity));
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
}

button.info {
  overflow: hidden;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199 / var(--tw-bg-opacity));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

button.info:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / var(--tw-bg-opacity));
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
}

button.info {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}

button.info:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity));
}

button.serious {
  overflow: hidden;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199 / var(--tw-bg-opacity));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

button.serious:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / var(--tw-bg-opacity));
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
}

button.serious {
  --tw-bg-opacity: 1;
  background-color: rgb(225 29 72 / var(--tw-bg-opacity));
}

button.serious:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / var(--tw-bg-opacity));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(244 63 94 / var(--tw-ring-opacity));
}

button.secondary {
  overflow: hidden;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199 / var(--tw-bg-opacity));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

button.secondary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / var(--tw-bg-opacity));
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
}

button.secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}

button.secondary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity));
}

button.warning {
  overflow: hidden;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199 / var(--tw-bg-opacity));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

button.warning:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / var(--tw-bg-opacity));
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
}

button.warning {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity));
}

button.warning:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity));
}

button.small {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

ul.header-menu {
  display: flex;
  align-items: center;
}
ul.header-menu li {
  margin-right: 0.25rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  padding: 0.75rem;
  text-align: center;
}
@media (min-width: 640px) {

  ul.header-menu li {
    width: 8rem;
  }
}
@media (min-width: 1280px) {

  ul.header-menu li {
    width: 10rem;
  }
}
ul.header-menu li a {
  cursor: pointer;
}
ul.header-menu li.active {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
ul.header-menu li:has(a:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.blink {
  animation: blink 1.5s infinite;
}

.hover\:blink:hover {
  animation: none;
}

.moving {
  color: transparent !important;
  background-color: rgba(221, 221, 238, 0.8) !important;
}