.wpwl-form {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	max-width: none;
}

.wpwl-group:not(.wpwl-group-submit) {
	background-color: #10182080;
	border: 2px solid white;
	border-radius: 8px;
	padding: 16px 20px 20px;
	color: white;
	font-weight: 400;
	font-size: var(--wp--custom--font--size--step-m-1);
	line-height: 20px;
	letter-spacing: 0%;
}

.wpwl-group:nth-of-type(1) {
	display: none;
}

.wpwl-group:nth-of-type(3) {
	padding-right: 10px;
	width: 50%;
}

.wpwl-group:nth-of-type(4) {
	padding-left: 10px;
	width: 50%;
}

.wpwl-label {
	font-weight: 400;
	font-size: var(--wp--custom--font--size--step-m-2);
	line-height: 18px;
	letter-spacing: 0%;
	color: #a7a7a7;

	&::after {
		content: '*';
		color: #ff0000;
		margin-left: 4px;
	}
}

.wpwl-wrapper {
	width: 100%;
}

.wpwl-control,
.wpwl-control input {
	padding: 0;
	height: 30px;
	width: 100%;
	background-color: transparent;
	border: none;
}

.wpwl-hint {
	display: block;
	font-size: 13px;
	margin-bottom: 0;
	margin-top: 5px;
	width: 100%;
}

.wpwl-has-error {
	border-color: rgb(169, 68, 66) !important;
}

.wpwl-group-submit {
	order: 2;
}

.wpwl-wrapper-submit {
	display: flex;
	z-index: 200;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	margin-top: 40px;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px;
}

.wpwl-wrapper-submit:before,
.wpwl-wrapper-submit:after {
	display: none;
}

.wpwl-button-pay,
.wpwl-button-pay:hover,
.wpwl-button-pay:focus,
.wpwl-button-pay:focus-visible,
.wpwl-button-pay:active {
	background-color: transparent;
	border-radius: 8px;
	border: 4px solid #fc2fff;
	font-size: var(--wp--custom--font--size--step-1);
	font-weight: 700;
	letter-spacing: 10%;
	line-height: 100%;
	padding: var(--wp--custom--spacing--15);
	text-align: center;
	text-transform: uppercase;
	width: fit-content;
	color: #fc2fff;
	box-shadow: 0px 0px 8px 0px #fc2fff, 0px 0px 8px 0px #fc2fff inset;
	text-shadow: 0px 0px 2px #fc2fff;

	&:hover:not(:disabled) {
		box-shadow: none;
	}
}

.wpwl-button-pay[disabled],
.wpwl-button-error[disabled],
.wpwl-button-success[disabled],
.wpwl-button-error[disabled]:hover,
.wpwl-button-success[disabled]:hover,
.wpwl-button-error[disabled]:focus,
.wpwl-button-success[disabled]:focus,
.wpwl-button-error[disabled]:active,
.wpwl-button-success[disabled]:active {
	background-color: transparent;
	align-self: flex-end;
	padding: 10px 16px;
	color: #fff;
	float: none;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: .5px;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	box-shadow: none;
	opacity: 0.3;
	text-shadow: none;
}

@plugin 'tailwindcss-animate';
*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
  tab-size: 4; /* 3 */
  font-family: Saira Stencil One, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
*{
  border-color: hsl(var(--border));
}
body{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-auto{
  pointer-events: auto;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.-bottom-6{
  bottom: -1.5rem;
}
.left-0{
  left: 0px;
}
.right-1{
  right: 0.25rem;
}
.right-2{
  right: 0.5rem;
}
.top-0{
  top: 0px;
}
.top-1{
  top: 0.25rem;
}
.z-50{
  z-index: 50;
}
.z-\[100\]{
  z-index: 100;
}
.z-\[99999\]{
  z-index: 99999;
}
.-mx-1{
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-12{
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-12{
  margin-bottom: 3rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-48{
  margin-bottom: 12rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.ml-1{
  margin-left: 0.25rem;
}
.mr-1{
  margin-right: 0.25rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.mr-4{
  margin-right: 1rem;
}
.mr-6{
  margin-right: 1.5rem;
}
.mr-9{
  margin-right: 2.25rem;
}
.mt-12{
  margin-top: 3rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-8{
  margin-top: 2rem;
}
.block{
  display: block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.hidden{
  display: none;
}
.aspect-square{
  aspect-ratio: 1 / 1;
}
.size-1\.5{
  width: 0.375rem;
  height: 0.375rem;
}
.size-6{
  width: 1.5rem;
  height: 1.5rem;
}
.h-10{
  height: 2.5rem;
}
.h-3\.5{
  height: 0.875rem;
}
.h-4{
  height: 1rem;
}
.h-6{
  height: 1.5rem;
}
.h-8{
  height: 2rem;
}
.h-9{
  height: 2.25rem;
}
.h-\[1px\]{
  height: 1px;
}
.h-\[var\(--radix-select-trigger-height\)\]{
  height: var(--radix-select-trigger-height);
}
.h-fit{
  height: fit-content;
}
.h-full{
  height: 100%;
}
.h-px{
  height: 1px;
}
.max-h-\[--radix-select-content-available-height\]{
  max-height: var(--radix-select-content-available-height);
}
.max-h-screen{
  max-height: 100vh;
}
.w-0{
  width: 0px;
}
.w-1\/2{
  width: 50%;
}
.w-3\.5{
  width: 0.875rem;
}
.w-4{
  width: 1rem;
}
.w-6{
  width: 1.5rem;
}
.w-8{
  width: 2rem;
}
.w-9{
  width: 2.25rem;
}
.w-96{
  width: 24rem;
}
.w-\[1px\]{
  width: 1px;
}
.w-\[52rem\]{
  width: 52rem;
}
.w-fit{
  width: fit-content;
}
.w-full{
  width: 100%;
}
.w-px{
  width: 1px;
}
.min-w-\[8rem\]{
  min-width: 8rem;
}
.min-w-\[var\(--radix-select-trigger-width\)\]{
  min-width: var(--radix-select-trigger-width);
}
.max-w-96{
  max-width: 24rem;
}
.max-w-\[36rem\]{
  max-width: 36rem;
}
.max-w-\[768px\]{
  max-width: 768px;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-auto{
  flex: 1 1 auto;
}
.flex-none{
  flex: none;
}
.shrink-0{
  flex-shrink: 0;
}
.caption-bottom{
  caption-side: bottom;
}
.origin-\[--radix-select-content-transform-origin\]{
  transform-origin: var(--radix-select-content-transform-origin);
}
.cursor-default{
  cursor: default;
}
.cursor-move{
  cursor: move;
}
.select-none{
  -webkit-user-select: none;
          user-select: none;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-col{
  flex-direction: column;
}
.flex-col-reverse{
  flex-direction: column-reverse;
}
.flex-wrap{
  flex-wrap: wrap;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.gap-1{
  gap: 0.25rem;
}
.gap-10{
  gap: 2.5rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-4{
  gap: 1rem;
}
.gap-5{
  gap: 1.25rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-x-4{
  column-gap: 1rem;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.self-center{
  align-self: center;
}
.justify-self-end{
  justify-self: end;
}
.overflow-auto{
  overflow: auto;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-y-auto{
  overflow-y: auto;
}
.overflow-x-hidden{
  overflow-x: hidden;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-md{
  border-radius: 0.375rem;
}
.rounded-sm{
  border-radius: 0.125rem;
}
.rounded-xl{
  border-radius: 0.75rem;
}
.border{
  border-width: 1px;
}
.border-2{
  border-width: 2px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-r{
  border-right-width: 1px;
}
.border-t{
  border-top-width: 1px;
}
.border-destructive{
  border-color: hsl(var(--destructive));
}
.border-input{
  border-color: hsl(var(--input));
}
.border-neon-magenta{
  --tw-border-opacity: 1;
  border-color: rgb(252 47 255 / var(--tw-border-opacity, 1));
}
.border-primary{
  border-color: hsl(var(--primary));
}
.bg-background{
  background-color: hsl(var(--background));
}
.bg-border{
  background-color: hsl(var(--border));
}
.bg-card{
  background-color: hsl(var(--card));
}
.bg-charcoal-black{
  --tw-bg-opacity: 1;
  background-color: rgb(16 24 32 / var(--tw-bg-opacity, 1));
}
.bg-destructive{
  background-color: hsl(var(--destructive));
}
.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-medium-gray{
  --tw-bg-opacity: 1;
  background-color: rgb(167 167 167 / var(--tw-bg-opacity, 1));
}
.bg-muted{
  background-color: hsl(var(--muted));
}
.bg-muted\/50{
  background-color: hsl(var(--muted) / 0.5);
}
.bg-neutral-50{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.bg-popover{
  background-color: hsl(var(--popover));
}
.bg-primary{
  background-color: hsl(var(--primary));
}
.bg-secondary{
  background-color: hsl(var(--secondary));
}
.bg-transparent{
  background-color: transparent;
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.fill-primary{
  fill: hsl(var(--primary));
}
.p-0{
  padding: 0px;
}
.p-1{
  padding: 0.25rem;
}
.p-2{
  padding: 0.5rem;
}
.p-4{
  padding: 1rem;
}
.p-5{
  padding: 1.25rem;
}
.p-6{
  padding: 1.5rem;
}
.px-10{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.pl-2{
  padding-left: 0.5rem;
}
.pr-6{
  padding-right: 1.5rem;
}
.pr-8{
  padding-right: 2rem;
}
.pt-0{
  padding-top: 0px;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.align-middle{
  vertical-align: middle;
}
.text-step-0{
  font-size: clamp(1rem, 0.9432rem + 0.2841vw, 1.25rem);
}
.text-step-m-2{
  font-size: clamp(0.7901rem, 0.7879rem + 0.0112vw, 0.8rem);
}
.font-bold{
  font-weight: 700;
}
.font-light{
  font-weight: 300;
}
.font-medium{
  font-weight: 500;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.leading-none{
  line-height: 1;
}
.tracking-tight{
  letter-spacing: -0.025em;
}
.text-card-foreground{
  color: hsl(var(--card-foreground));
}
.text-current{
  color: currentColor;
}
.text-destructive-foreground{
  color: hsl(var(--destructive-foreground));
}
.text-foreground{
  color: hsl(var(--foreground));
}
.text-foreground\/50{
  color: hsl(var(--foreground) / 0.5);
}
.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-muted-foreground{
  color: hsl(var(--muted-foreground));
}
.text-popover-foreground{
  color: hsl(var(--popover-foreground));
}
.text-primary{
  color: hsl(var(--primary));
}
.text-primary-foreground{
  color: hsl(var(--primary-foreground));
}
.text-secondary-foreground{
  color: hsl(var(--secondary-foreground));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.line-through{
  text-decoration-line: line-through;
}
.underline-offset-4{
  text-underline-offset: 4px;
}
.opacity-0{
  opacity: 0;
}
.opacity-50{
  opacity: 0.5;
}
.opacity-90{
  opacity: 0.9;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
  --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);
}
.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline{
  outline-style: solid;
}
.ring-1{
  --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);
}
.ring-gray-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
}
.ring-offset-background{
  --tw-ring-offset-color: hsl(var(--background));
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@keyframes enter{
  from{
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}
@keyframes exit{
  to{
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}

@custom-variant dark (&:is(.dark *));

:root {
  --light-white: linear-gradient(0,rgba(255, 255, 255, 1) -16px, rgba(16, 24, 32, 1) 12px, rgba(16, 24, 32, 1) calc(100% - 12px), rgba(255, 255, 255, 1) calc(100% + 16px));
  --light-white-top: linear-gradient(to top,rgba(255, 255, 255, 1) -16px, rgba(16, 24, 32, 1) 12px, transparent 12px);
  --light-white-bottom: linear-gradient(to bottom,rgba(255, 255, 255, 1) -16px, rgba(16, 24, 32, 1) 12px, transparent 12px);
  --light-white-left: linear-gradient(to left,rgba(255, 255, 255, 1) -16px, rgba(16, 24, 32, 1) 12px, transparent 12px);
  --light-white-right: linear-gradient(to right,rgba(255, 255, 255, 1) -16px, rgba(16, 24, 32, 1) 12px, transparent 12px);
	--light-purple-top: linear-gradient(to top, #9c26c1 5%, #472980 40%, transparent 100%);
	--light-purple-bottom: linear-gradient(to bottom, #9c26c1 5%, #472980 40%, transparent 100%);
	--light-purple-left: linear-gradient(to left, #9c26c1 5%, #472980 40%, transparent 100%);
	--light-purple-right: linear-gradient(to right, #9c26c1 5%, #472980 40%, transparent 100%);

	--width-tiny: 25em; /* 400px */
	--width-small: 30em; /* 480px */
	--width-medium: 48em; /* 768px */
	--width-large: 64em; /* 1024px */
	--width-xlarge: 80em; /* 1280px */
	--width-xxlarge: 90em; /* 1440px */

	--bp-tiny: (min-width: 25em); /* 400px */
	--bp-small: (min-width: 30em); /* 480px */
	--bp-medium: (min-width: 48em); /* 768px */
	--bp-large: (min-width: 64em); /* 1024px */
	--bp-xlarge: (min-width: 80em); /* 1280px */
	--bp-xxlarge: (min-width: 90em); /* 1440px */
}

input {
  all: unset;
}

.admira-with-light {
	background-color: #9c26c1;
	height: 4px;
	width: 100vw;
	position: relative;
	z-index: -1;

	&::before,
	&::after {
		content: '';
		display: block;
		width: 100%;
		height: 400px;
		left: 0;
		right: 0;
		position: absolute;
		z-index: -1;
	}

	&::before {
		background: var(--light-purple-top);
		top: auto;
		bottom: 100%;
	}

	&::after {
		background: var(--light-purple-bottom);
		bottom: auto;
		top: 100%;
	}
}

/* Notifications */

.admira-notifications {
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 1000;
}

.admira-notifications__list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-height: 200px;
	overflow: hidden;
	padding: 20px;
}

.admira-notification__item {
	background-color: #101820;
	border-radius: 8px;
	border: 2px solid #fff;
	color: #fff;
	padding: 15px;
}

.admira-notification__item--error {
	border-color: #ff0000;
	color: white;
}

/* Layout */

html {
	background-color: #101820;
}

.admira-root {
	background-color: #101820;
	font-family: Montserrat, serif;
	overflow: hidden;
	position: relative;
	width: 100vw;
}

.admira-layout {
	min-height: 100vh;
	position: relative;
	z-index: 1;
	padding-bottom: 240px;

	@media screen and (min-width: 1024px) {
		display: grid;
		grid-template-columns: 300px 1fr;
		grid-template-rows: auto auto 1fr auto;
		grid-template-areas:
			'header header'
			'sidebar breadcrumbs'
			'sidebar main'
			'footer footer';
		max-width: 1280px;
		margin: 0 auto;
		padding: 0 20px;

		&[data-step="1"] {
			display: block;
		}
	}

	@media screen and (min-width: 1280px) {
		grid-template-columns: 397px 1fr;
	}

	p {
		font-family: Montserrat, serif;
	}
}

.admira-layout__sidebar {
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	z-index: 10;

	@media screen and (min-width: 1024px) {
		grid-area: sidebar;
		position: relative;
	}
}

.admira-header {
	@media screen and (min-width: 1024px) {
		grid-area: header;
	}
}

.admira-title {
	color: white;
	font-family: Montserrat, serif;
	font-size: clamp(1.125rem, 1.0256rem + 0.4972vw, 1.5625rem);
	letter-spacing: 0;
	line-height: 1.2;
}

.admira-description {
	color: white;
	line-height: 20px;
	letter-spacing: 0;
}

.admira-main {
	padding: 30px;

	@media screen and (min-width: 1024px) {
		grid-area: main;
	}
}

/* Header */

.admira-language {
	border-radius: 56px;
	display: flex;
	align-items: center;
	position: relative;
}

.admira-language__button {
	display: flex;
	border: 4px solid #fc2fff;
	border-radius: 8px;
	padding: 8px 4px;
	font-size: 16px;
	line-height: 16px;
	box-shadow: 0px 0px 8px 0px #fc2fff;

	.admira-language--light & {
		color: white;
	}
}

.admira-language__dropdown {
	background-color: #101820;
	border-radius: 8px;
	border: 2px solid white;
	box-shadow: 0px 0px 16px 0px white;
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	min-width: max-content;
	padding: 10px 20px;
	position: absolute;
	right: calc(-100% - 13px);
	top: 0;
	transform: translateX(-50%);
	z-index: 1;
}

.admira-language__dropdown-header {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;

	&::after {
		flex: 0 0 100%;
		content: '';
		display: block;
		width: 100%;
		height: 2px;
		background-color: #ffb9ff;
		box-shadow: 0px 0px 4px 0px #fc2fff;
		margin-top: 10px;
	}
}

.admira-language__dropdown-item {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	padding: 10px;
	border-radius: 8px;

	&.is-active {
		background-color: #ffffff4d;
	}
}

.admira-language__dropdown-flag {
	width: 20px;
	height: 20px;
	aspect-ratio: 1;
	border-radius: 10px;
}

/* Root page */

.admira-entry {
	display: flex;
	margin: 0 -30px;
	flex-direction: column;
	justify-content: space-between;

	@media screen and (min-width: 768px) {
		align-items: center;
	}

	.admira-with-light {
		height: 190px;
		margin-top: -190px;
		margin-bottom: 190px;

		@media screen and (min-width: 768px) {
			height: 4px;
			margin-top: -54px;
			margin-bottom: 54px;
		}
	}
}

.admira-entry-head {
	display: flex;
	flex-direction: column;
	grid-column: span 1 / span 1;
	text-align: center;
	justify-content: center;
	align-items: center;
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 150px;
	margin-bottom: 150px;
	gap: 32px;

	@media screen and (min-width: 768px) {
		width: 768px;
	}

	.admira-title {
		font-family: Saira Stencil One, sans-serif;
		font-size: clamp(1.802rem, 1.3446rem + 2.2871vw, 3.8147rem);
	}
}

.admira-entry-form {
	align-items: center;
	background: var(--light-white-top), var(--light-white-bottom);
	background-color: #000;
	border-bottom: 4px solid white;
	border-top: 4px solid white;
	box-shadow: 0px 0px 8px 0px white;
	display: flex;
	flex-direction: column;
	gap: 12px;
	justify-content: center;
	padding: 20px;
	position: relative;
	text-align: center;

	@media screen and (min-width: 768px) {
		background: #101820;
		border: 4px solid white;
		border-radius: 8px;
		box-shadow: 0px 0px 8px 0px white, 0px 0px 8px 0px white inset;
		flex-direction: row;
		justify-content: flex-start;
		gap: 20px;
		width: 768px;

		&::before {
			width: 100vw;
		}

		.admira-button {
			justify-self: flex-end;
		}
	}

}

/* Sessions page */

.admira-sessions {
	@media screen and (min-width: 768px) {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
			'calendar sessions'
			'actions actions';
		gap: 40px;
	}

	.admira-calendar {
		margin-bottom: 32px;

		@media screen and (min-width: 768px) {
			grid-area: calendar;
		}
	}

	fieldset {
		display: grid;
		grid-template-columns: 100%;
	}
}

.admira-sessions__title {
	font-size: clamp(1.125rem, 1.0256rem + 0.4972vw, 1.5625rem);
	font-family: Montserrat, serif;
	line-height: 1.2;
	letter-spacing: 0%;
	color: white;
	padding-bottom: 20px;
}

.admira-sessions-list {
	margin-top: 40px;

	@media screen and (min-width: 768px) {
		margin: 0;
	}
}

.admira-sessions-list__container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 10px 15px;
}

.admira-sessions-list__item {
	background-color: white;
	border: 2px solid white;
	border-radius: 4px;
	box-sizing: border-box;
	color: #101820;
	font-weight: 500;
	letter-spacing: 0%;
	line-height: 1;
	padding: 12px 0;
	text-align: center;

	&.admira-sessions-list__item--selected {
		background-color: #101820;
		color: white;
		border-color: #fc2fff;
	}
}

/* Loading */

.admira-overlay {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(16, 24, 32, 0.8);
	z-index: 9999;
}

.admira-loading::before {
	width: 64px;
	height: 64px;
	border: 4px solid #a7a7a7;
	border-top-color: #fc2fff;
	border-radius: 50%;
	animation: spin 1s linear infinite;
	content: '';
	display: block;
	margin-bottom: 20px;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/* Quantity Input */

.admira-quantity-input {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}

.admira-quantity-input__action {
	box-shadow: 0px 0px 8px 0px currentcolor;
	border: 0px solid currentcolor;
	border-radius: 4px;
	color: currentcolor;

	&:disabled {
		box-shadow: none;
		color: #a7a7a7;
	}
}

.admira-quantity-input__value {
	width: 2rem;
	text-align: center;
	font-size: 26px;
	line-height: 38px;
	letter-spacing: 0;
}

.admira-quantity-input--dark {
	color: #101820;
}

.admira-quantity-input--muted .admira-quantity-input__action {
	box-shadow: none;
}

/* Components */

.admira-button,
.admira-downloads__link {
	border-radius: 8px;
	border: 4px solid #fff;
	color: #fff;
	font-size: clamp(1.125rem, 1.0256rem + 0.4972vw, 1.5625rem);
	font-weight: 700;
	letter-spacing: 10%;
	line-height: 100%;
	padding: 15px;
	text-align: center;
	text-transform: uppercase;
	width: fit-content;

	&:disabled {
		box-shadow: none;
		opacity: 0.3;
		text-shadow: none;
	}

	&:hover:not(:disabled) {
		box-shadow: none;
	}
}

.admira-button--primary,
.admira-downloads__link--tickets {
	color: #fc2fff;
	border-color: #fc2fff;
	box-shadow: 0px 0px 8px 0px #fc2fff, 0px 0px 8px 0px #fc2fff inset;
	text-shadow: 0px 0px 2px #fc2fff;
}

.admira-button--secondary,
.admira-downloads__link--invoice {
	color: #5881bc;
	border-color: #5881bc;
	box-shadow: 0px 0px 8px 0px #5881bc, 0px 0px 8px 0px #5881bc inset;
	text-shadow: 0px 0px 2px #5881bc;
}

.admira-button--muted {
	box-shadow: none;
	text-shadow: none;
}

/* Breadcrumbs */

.admira-breadcrumbs {
	@media screen and (min-width: 1024px) {
		grid-area: breadcrumbs;
		position: relative;
	}

	&::before,
	&::after {
		@media screen and (min-width: 1024px) {
			content: '';
			display: block;
			width: 150vw;
			position: absolute;
			left: -50vw;
			right: -50vw;
			position: absolute;
			z-index: -1;
		}
	}

	&::before {
		@media screen and (min-width: 1024px) {
			background: var(--light-purple-top);
			top: auto;
			height: 300px;
			bottom: 0;
		}
	}

	&::after {
		@media screen and (min-width: 1024px) {
			background: var(--light-purple-bottom);
			bottom: auto;
			top: 100%;
			height: 600px;
		}
	}
}

.admira-breadcrumbs__title {
	display: none;
}

.admira-breadcrumbs__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	padding: 0 20px 8px;
}

.admira-breadcrumbs__crumb {
	flex: 1;
	padding: 8px 8px 4px;
	border-radius: 0;
	font-size: clamp(0.7901rem, 0.7879rem + 0.0112vw, 0.8rem);
	line-height: 16px;
	letter-spacing: 0%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #a7a7a7;

	a {
		display: flex;
		align-items: center;
		justify-content: center;

		.admira-breadcrumbs__label {
			color: #fff;
		}
	}

	a .admira-breadcrumbs__step,
	&.active .admira-breadcrumbs__step {
		box-shadow: 0px 0px 8px 0px #fff,
			inset 0px 0px 8px 0px #fff;
		text-shadow: 0px 0px 8px #fff;
		border: 2px solid #fff;
		color: #fff;
	}

	&.active {
		border-top: 2px solid #fff;
		border-bottom: 2px solid transparent;
		border-left: 2px solid #fff;
		border-right: 2px solid #fff;
		border-radius: 8px 8px 0 0;
		color: #fff;
		position: relative;

		@media screen and (min-width: 1024px) {
			border-width: 4px;
		}

		&::before,
		&::after {
			border-bottom: 2px solid #fff;
			bottom: -8px;
			content: '';
			height: 50%;
			position: absolute;
			top: auto;
			width: 200vw;

			@media screen and (min-width: 1024px) {
				border-bottom-width: 4px;
			}
		}

		&::before {
			border-bottom-right-radius: 8px;
			border-right: 2px solid #fff;
			left: auto;
			right: 100%;

			@media screen and (min-width: 1024px) {
				border-right-width: 4px;
			}
		}

		&::after {
			border-bottom-left-radius: 8px;
			border-left: 2px solid #fff;
			left: 100%;
			right: auto;

			@media screen and (min-width: 1024px) {
				border-left-width: 4px;
			}
		}

		.admira-breadcrumbs__step {
			box-shadow: 0px 0px 8px 0px white,
				inset 0px 0px 8px 0px white;
			text-shadow: 0px 0px 8px white;
			border: 2px solid white;
		}
	}

	&:not(.active) {
		border-top: 10px;
	}
}

.admira-breadcrumbs__step {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	margin: 4px;
	border: 2px solid #a7a7a7;
	border-radius: 4px;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 0%;
}

.admira-breadcrumbs__label {
	display: none;

	@media screen and (min-width: 768px) {
		display: inline-block;
		margin-left: 5px;
	}
}

/* Calendar */

.react-calendar {
	width: 100%;
}

.react-calendar__navigation {
	align-items: center;
	background-color: white;
	border-radius: 8px;
	color: #101820;
	display: flex;
	justify-content: space-between;
	padding: 10px 8px;
}

.react-calendar__navigation__label {
	font-size: 22px;
	line-height: 28px;
	letter-spacing: 0%;
	text-align: center;
}

.react-calendar__navigation__arrow {
	font-size: 0;

	&:disabled {
		filter: grayscale();
	}
}

.react-calendar__navigation__next-button {
	content: '';
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAyOCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8xMDlfMjA3MCkiPgo8cGF0aCBkPSJNOSA5TDE5IDE5TDkgMjkiIHN0cm9rZT0iI0ZDMkZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kXzEwOV8yMDcwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjgiIGhlaWdodD0iMzgiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldC8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjQiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMC45ODgyMzUgMCAwIDAgMCAwLjE4NDMxNCAwIDAgMCAwIDEgMCAwIDAgMSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzEwOV8yMDcwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzEwOV8yMDcwIiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=);
  background-size: 100% 100%;
  display: inline-block;
	width: 32px;
	height: 32px;
}

.react-calendar__navigation__prev-button {
	content: '';
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAyOCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8xMDlfMjA2NikiPgo8cGF0aCBkPSJNMTkgOUw5IDE5TDE5IDI5IiBzdHJva2U9IiNGQzJGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF8xMDlfMjA2NiIgeD0iMCIgeT0iMCIgd2lkdGg9IjI4IiBoZWlnaHQ9IjM4IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAuOTg4MjM1IDAgMCAwIDAgMC4xODQzMTQgMCAwIDAgMCAxIDAgMCAwIDEgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18xMDlfMjA2NiIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd18xMDlfMjA2NiIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K);
	background-size: 100% 100%;
	display: inline-block;
	width: 32px;
	height: 32px;
}

.react-calendar__month-view__days {
	margin: -4px;
}

.react-calendar__month-view__weekdays {
	margin: 12px -4px;
}

.react-calendar__month-view__weekdays__weekday  {
	font-size: clamp(0.7901rem, 0.7879rem + 0.0112vw, 0.8rem);
	line-height: 1;
	letter-spacing: 0%;
	text-align: center;
	text-transform: uppercase;

	abbr {
		text-decoration: none;
	}
}

.react-calendar__tile {

	abbr {
		aspect-ratio: 1;
		background-color: #e8e8e8;
		color: #101820;
		border-radius: 8px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 4px;
	}

	&:disabled abbr {
		background-color: #a7a7a7;
	}

	&.react-calendar__tile--active abbr {
		background-color: #101820;
		color: white;
		border: 2px solid #fc2fff;
	}
}

/* Sidebar */

.admira-sidebar {
	background: var(--light-white-bottom);
	background-color: #000;
	border-top: 4px solid white;
	box-shadow: 0px 0px 8px 0px white;
	padding: 20px;

	@media screen and (min-width: 1024px) {
		background: #101820;
		grid-area: sidebar;
		border: 4px solid white;
		position: relative;
		border-radius: 8px;
		box-shadow: 0px 0px 8px 0px white, 0px 0px 8px 0px white inset;
		padding: 40px;
	}
}

.admira-sidebar__title {
	font-family: Saira Stencil One, sans-serif;
	font-size: clamp(1.2656rem, 1.1094rem + 0.7813vw, 1.9531rem);
	line-height: 28px;
	letter-spacing: 0%;
	text-transform: uppercase;
	color: white;
	margin-bottom: 12px;

	@media screen and (min-width: 1024px) {
		margin-bottom: 30px;
	}
}

.admira-sidebar-summary {
	margin-bottom: 75px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;

	@media screen and (min-width: 1024px) {
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		margin-bottom: 0;
		gap: 20px;
	}
}

.admira-sidebar-summary__info {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.admira-sidebar-summary__item-label {
	display: none;

	@media screen and (min-width: 1024px) {
		display: block;
		color: #a7a7a7;
		font-size: clamp(0.7901rem, 0.7879rem + 0.0112vw, 0.8rem);
	}
}

.admira-sidebar-summary__item-value {
	font-size: clamp(0.7901rem, 0.7879rem + 0.0112vw, 0.8rem);
	line-height: 1.3;
	letter-spacing: 0%;
	vertical-align: bottom;

	@media screen and (min-width: 1024px) {
		color: #fff;
		font-size: clamp(1rem, 0.9432rem + 0.2841vw, 1.25rem);
	}

	.session-end {
		color: #a7a7a7;
		display: block;
	}
}

.admira-sidebar-summary__price-info {
	display: flex;
	flex-direction: column;
	justify-content: end;
	align-items: end;
	position: relative;

	@media screen and (min-width: 1024px) {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		padding-top: 30px;
		margin-top: 30px;
		width: 100%;
	}

	&::before {
		@media screen and (min-width: 1024px) {
			content: '';
			display: block;
			width: 100%;
			box-shadow: 0 0 8px 0 #fff;
			height: 2px;
			background: #ffb9ff;
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			border-radius: 2px;
		}
	}
}

.admira-sidebar-summary__price-label {
	color: #a7a7a7;

	@media screen and (min-width: 1024px) {
		font-size: clamp(1rem, 0.9432rem + 0.2841vw, 1.25rem);
	}
}


.admira-sidebar-summary__price-value {
	line-height: 1;
}

.admira-sidebar-light {
	background-color: #9c26c1;
	bottom: 0;
	height: 240px;
	position: fixed;
	z-index: -1;

	@media screen and (min-width: 1024px) {
		display: none;
	}
}

/* Footer */

.admira-footer {
	color: #a7a7a7;
	font-size: clamp(0.7901rem, 0.7879rem + 0.0112vw, 0.8rem);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	margin-top: 50px;

	@media screen and (min-width: 768px) {
		flex-direction: row;
		justify-content: center;
	}

	@media screen and (min-width: 1024px) {
		grid-area: footer;
	}
}

/* Components */

.admira-input {
	background-color: #10182080;
	border: 2px solid white;
	border-radius: 8px;
	padding: 16px 20px 20px;
	color: white;
	font-size: clamp(0.8889rem, 0.8636rem + 0.1263vw, 1rem);
	line-height: 20px;
	letter-spacing: 0%;
	display: grid;
	gap: 8px;

	&::placeholder {
		color: #a7a7a7;
	}

	&.admira-input--error {
		border-color: #ff0000;
	}

	@media screen and (min-width: 1024px) {
		&:has( .admira-button) {
			grid-template-areas:
				'label button'
				'input button';
			grid-template-columns: 1fr auto;
			align-items: center;

			.admira-button {
				grid-area: button;
			}

			.admira-input__label {
				grid-area: label;
			}

			.admira-input__input {
				grid-area: input;
			}
		}
	}
}

.admira-input__label {
	font-size: clamp(0.7901rem, 0.7879rem + 0.0112vw, 0.8rem);
	line-height: 18px;
	letter-spacing: 0%;
	color: #a7a7a7;

	&.admira-input__label--required::after {
		content: '*';
		color: #ff0000;
		margin-left: 4px;
	}
}

.admira-input__error-message {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 0%;
	color: #ff0000;
}

.admira-input__input {
	width: 100%;
	background-color: transparent;
	border: none;

	&:focus-visible {
		outline: none;
	}
}

.admira-page-actions {
	display: flex;
	z-index: 200;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin-top: 40px;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px;

	@media screen and (min-width: 1024px) {
		position: static;
		grid-area: actions;
		padding: 20px 0;
	}
}

.admira-check {
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0%;
	color: white;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;

	&.admira-check--required .admira-check__label::before {
		content: '*';
		color: #ff0000;
		margin-right: 4px;
	}

	.admira-input__error-message {
		flex: 0 0 100%;
	}
}

.admira-check__input {
	width: 32px;
	height: 32px;
	&::before{
		content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxnIGZpbHRlcj0idXJsKCNjaGVja2JveCkiPgoJCTxwYXRoIGQ9Ik0zMyAyMVYzMC4zMzMzQzMzIDMxLjA0MDYgMzIuNzE5IDMxLjcxODkgMzIuMjE5IDMyLjIxOUMzMS43MTg5IDMyLjcxOSAzMS4wNDA2IDMzIDMwLjMzMzMgMzNIMTEuNjY2N0MxMC45NTk0IDMzIDEwLjI4MTEgMzIuNzE5IDkuNzgxMDUgMzIuMjE5QzkuMjgwOTUgMzEuNzE4OSA5IDMxLjA0MDYgOSAzMC4zMzMzVjExLjY2NjdDOSAxMC45NTk0IDkuMjgwOTUgMTAuMjgxMSA5Ljc4MTA1IDkuNzgxMDVDMTAuMjgxMSA5LjI4MDk1IDEwLjk1OTQgOSAxMS42NjY3IDlIMjYuMzMzMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KCTwvZz4KCTxkZWZzPgoJCTxmaWx0ZXIgaWQ9ImNoZWNrYm94IiB4PSItMyIgeT0iLTMiIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgoJCQk8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgoJCQk8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KCQkJPGZlT2Zmc2V0Lz4KCQkJPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iNCIvPgoJCQk8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMSAwIi8+CgkJCTxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzEwOV8yMjYzIi8+CgkJCTxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzEwOV8yMjYzIiByZXN1bHQ9InNoYXBlIi8+CgkJPC9maWx0ZXI+Cgk8L2RlZnM+Cjwvc3ZnPgo=);
		color: white;
		position: relative;
		top: -6px;
		left: -6px;
	}

	&:checked::before {
		content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0NCA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxnIGZpbHRlcj0idXJsKCNjaGVja2JveC1jaGVja2VkKSI+CgkJPHBhdGggZD0iTTE3IDE5LjY2NjNMMjEgMjMuNjY2M0wzNC4zMzMzIDEwLjMzMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KCQk8cGF0aCBkPSJNMzMgMjFWMzAuMzMzM0MzMyAzMS4wNDA2IDMyLjcxOSAzMS43MTg5IDMyLjIxOSAzMi4yMTlDMzEuNzE4OSAzMi43MTkgMzEuMDQwNiAzMyAzMC4zMzMzIDMzSDExLjY2NjdDMTAuOTU5NCAzMyAxMC4yODExIDMyLjcxOSA5Ljc4MTA1IDMyLjIxOUM5LjI4MDk1IDMxLjcxODkgOSAzMS4wNDA2IDkgMzAuMzMzM1YxMS42NjY3QzkgMTAuOTU5NCA5LjI4MDk1IDEwLjI4MTEgOS43ODEwNSA5Ljc4MTA1QzEwLjI4MTEgOS4yODA5NSAxMC45NTk0IDkgMTEuNjY2NyA5SDI2LjMzMzMiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cgk8L2c+Cgk8ZGVmcz4KCQk8ZmlsdGVyIGlkPSJjaGVja2JveC1jaGVja2VkIiB4PSItMyIgeT0iLTMiIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgoJCQk8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgoJCQk8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KCQkJPGZlT2Zmc2V0Lz4KCQkJPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iNCIvPgoJCQk8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMSAwIi8+CgkJCTxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzEwOV8yMjU1Ii8+CgkJCTxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzEwOV8yMjU1IiByZXN1bHQ9InNoYXBlIi8+CgkJPC9maWx0ZXI+Cgk8L2RlZnM+Cjwvc3ZnPgo=);
	}
}

.admira-radio {
	background-color: #10182080;
	border: 2px solid white;
	border-radius: 8px;
	padding: 16px 20px 20px;
	color: white;
	font-size: clamp(0.8889rem, 0.8636rem + 0.1263vw, 1rem);
	display: flex;
	gap: 10px;
	align-items: center;
	flex-wrap: wrap;

	&.admira-radio--required .admira-radio__label::before {
		content: '*';
		color: #ff0000;
		margin-right: 4px;
	}

	.admira-mb-way-phone {
		flex: 0 0 100%;
		display: flex;
		flex-direction: column;

		input:focus-visible {
			outline: none;
		}
	}
}

.admira-radio__label {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.admira-radio__input {
	width: 32px;
	height: 32px;
	position: relative;

	&::before {
		content: '';
		width: 32px;
		height: 32px;
		border-radius: 50%;
		border: 2px solid white;
		box-shadow: 0px 0px 8px 0px white;
		background-color: #FFFFFF50;
		display: block;
	}

	&:checked::after {
		content: '';
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background-color: white;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: block;
	}
}

/* Tickets list */

.admira-tickets {
	display: flex;
	color: #101820;
	flex-direction: column;
	gap: 10px;
	margin-top: 20px;
}

.admira-tickets__item {
	background-color: #e8e8e8;
	border-radius: 8px;
	padding: 20px;

	@media screen and (min-width: 768px) {
		display: flex;
		gap: 20px;
		align-items: center;
		justify-content: space-between;
	}
}

.admira-tickets__item-label {
	display: block;
	font-size: clamp(1rem, 0.9432rem + 0.2841vw, 1.25rem);
}

.admira-tickets__item-description {
	display: block;
	font-size: clamp(0.7901rem, 0.7879rem + 0.0112vw, 0.8rem);
}

.admira-tickets__item-seats,
.admira-quantity-input__value-by-step {
	display: none;
}

.admira-tickets__item-price {
	font-size: clamp(1.125rem, 1.0256rem + 0.4972vw, 1.5625rem);
}

/* Checkout page */

.admira-checkout__data {
	display: grid;
	gap: 20px;

	@media screen and (min-width: 768px) {
		grid-template-columns: 1fr 1fr;
	}

	.admira-input-wrapper:first-child {
		@media screen and (min-width: 768px) {
			grid-column-end: span 2;
		}
	}
}

.admira-checkout__details {
	font-size: clamp(0.7901rem, 0.7879rem + 0.0112vw, 0.8rem);
	line-height: 1.5;
	letter-spacing: 0%;
	color: #a7a7a7;

	&::before {
		content: '*';
		color: #ff0000;
		margin-right: 4px;
	}
}

.admira-checkout__form {
	margin-top: 20px;
}

.admira-checkout__billing-toggle {
	color: #a7a7a7;
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 32px;
	margin-bottom: 20px;
	margin-left: -16px;

	&.admira-checkout__billing-toggle--active {
		color: white;
	}

	svg {
		margin: -14px 0;
	}
}

.admira-checkout__checks {
	display: grid;
	gap: 20px;
	margin: 32px 0;
}

/* Vouchers */

.admira-vouchers {
	margin-bottom: 40px;

	.admira-title {
		margin-bottom: 20px;
	}
}

.admira-vouchers__form .admira-button {
	margin-top: 10px;
}

.admira-vouchers__discount {
	display: flex;
	gap: 4px;
}

.admira-vouchers__remove {
	color: #ff0000;
	font-size: 12px;
	text-decoration: underline;
}

/* Payment types */

.admira-payment-types {

	.admira-title {
		margin-bottom: 20px;
	}
}

.admira-payment-types__form legend {
	display: none;
}

.admira-payment-types__form fieldset {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/* MBWAY payment */

.admira-payment-mbway {
	text-align: center;
	max-width: 700px;
	margin: 100px auto;

	.admira-title {
		font-size: clamp(1.802rem, 1.3446rem + 2.2871vw, 3.8147rem);
		font-family: Saira Stencil One, sans-serif;
		margin-bottom: 50px;
	}
}

.admira-mbway-timer {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/* Checkout success */

.admira-success {
	padding: 80px;
	text-align: center;

	.admira-title {
		font-size: clamp(1.125rem, 1.0256rem + 0.4972vw, 1.5625rem);
		font-family: Saira Stencil One, sans-serif;
		text-transform: uppercase;
		margin-bottom: 20px;
	}

	.admira-description {
		font-size: clamp(2.0273rem, 1.4043rem + 3.1149vw, 4.7684rem);
		font-family: Saira Stencil One, sans-serif;
		line-height: 1;
		text-transform: uppercase;
	}

	.admira-downloads {
		display: flex;
		justify-content: center;
		gap: 20px;
		margin-top: 50px;
	}
}

.file\:border-0::file-selector-button{
  border-width: 0px;
}

.file\:bg-transparent::file-selector-button{
  background-color: transparent;
}

.file\:font-medium::file-selector-button{
  font-weight: 500;
}

.file\:text-foreground::file-selector-button{
  color: hsl(var(--foreground));
}

.placeholder\:text-muted-foreground::placeholder{
  color: hsl(var(--muted-foreground));
}

.hover\:bg-accent:hover{
  background-color: hsl(var(--accent));
}

.hover\:bg-destructive\/90:hover{
  background-color: hsl(var(--destructive) / 0.9);
}

.hover\:bg-muted\/50:hover{
  background-color: hsl(var(--muted) / 0.5);
}

.hover\:bg-primary\/90:hover{
  background-color: hsl(var(--primary) / 0.9);
}

.hover\:bg-secondary:hover{
  background-color: hsl(var(--secondary));
}

.hover\:bg-secondary\/80:hover{
  background-color: hsl(var(--secondary) / 0.8);
}

.hover\:text-accent-foreground:hover{
  color: hsl(var(--accent-foreground));
}

.hover\:text-foreground:hover{
  color: hsl(var(--foreground));
}

.hover\:underline:hover{
  text-decoration-line: underline;
}

.focus\:bg-accent:focus{
  background-color: hsl(var(--accent));
}

.focus\:text-accent-foreground:focus{
  color: hsl(var(--accent-foreground));
}

.focus\:opacity-100:focus{
  opacity: 1;
}

.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:ring-1: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(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);
}

.focus\:ring-ring:focus{
  --tw-ring-color: hsl(var(--ring));
}

.focus-visible\:outline-none:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-visible\:ring-1:focus-visible{
  --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);
}

.focus-visible\:ring-ring:focus-visible{
  --tw-ring-color: hsl(var(--ring));
}

.disabled\:pointer-events-none:disabled{
  pointer-events: none;
}

.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed;
}

.disabled\:opacity-50:disabled{
  opacity: 0.5;
}

.group:hover .group-hover\:opacity-100{
  opacity: 1;
}

.group.destructive .group-\[\.destructive\]\:border-muted\/40{
  border-color: hsl(var(--muted) / 0.4);
}

.group.destructive .group-\[\.destructive\]\:text-red-300{
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}

.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{
  border-color: hsl(var(--destructive) / 0.3);
}

.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{
  background-color: hsl(var(--destructive));
}

.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{
  color: hsl(var(--destructive-foreground));
}

.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{
  --tw-text-opacity: 1;
  color: rgb(254 242 242 / var(--tw-text-opacity, 1));
}

.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{
  --tw-ring-color: hsl(var(--destructive));
}

.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1));
}

.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{
  --tw-ring-offset-color: #dc2626;
}

.peer:disabled ~ .peer-disabled\:cursor-not-allowed{
  cursor: not-allowed;
}

.peer:disabled ~ .peer-disabled\:opacity-70{
  opacity: 0.7;
}

.data-\[disabled\]\:pointer-events-none[data-disabled]{
  pointer-events: none;
}

.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"]{
  --tw-translate-y: 0.25rem;
  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));
}

.data-\[side\=left\]\:-translate-x-1[data-side="left"]{
  --tw-translate-x: -0.25rem;
  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));
}

.data-\[side\=right\]\:translate-x-1[data-side="right"]{
  --tw-translate-x: 0.25rem;
  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));
}

.data-\[side\=top\]\:-translate-y-1[data-side="top"]{
  --tw-translate-y: -0.25rem;
  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));
}

.data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"]{
  --tw-translate-x: 0px;
  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));
}

.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"]{
  --tw-translate-x: var(--radix-toast-swipe-end-x);
  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));
}

.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"]{
  --tw-translate-x: var(--radix-toast-swipe-move-x);
  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));
}

.data-\[state\=checked\]\:bg-primary[data-state="checked"]{
  background-color: hsl(var(--primary));
}

.data-\[state\=selected\]\:bg-muted[data-state="selected"]{
  background-color: hsl(var(--muted));
}

.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{
  color: hsl(var(--muted-foreground));
}

.data-\[state\=checked\]\:text-primary-foreground[data-state="checked"]{
  color: hsl(var(--primary-foreground));
}

.data-\[disabled\]\:opacity-50[data-disabled]{
  opacity: 0.5;
}

.data-\[swipe\=move\]\:transition-none[data-swipe="move"]{
  transition-property: none;
}

.data-\[state\=open\]\:animate-in[data-state="open"]{
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}

.data-\[state\=closed\]\:animate-out[data-state="closed"]{
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}

.data-\[swipe\=end\]\:animate-out[data-swipe="end"]{
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}

.data-\[state\=closed\]\:fade-out-0[data-state="closed"]{
  --tw-exit-opacity: 0;
}

.data-\[state\=closed\]\:fade-out-80[data-state="closed"]{
  --tw-exit-opacity: 0.8;
}

.data-\[state\=open\]\:fade-in-0[data-state="open"]{
  --tw-enter-opacity: 0;
}

.data-\[state\=closed\]\:zoom-out-95[data-state="closed"]{
  --tw-exit-scale: .95;
}

.data-\[state\=open\]\:zoom-in-95[data-state="open"]{
  --tw-enter-scale: .95;
}

.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"]{
  --tw-enter-translate-y: -0.5rem;
}

.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"]{
  --tw-enter-translate-x: 0.5rem;
}

.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"]{
  --tw-enter-translate-x: -0.5rem;
}

.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"]{
  --tw-enter-translate-y: 0.5rem;
}

.data-\[state\=closed\]\:slide-out-to-right-full[data-state="closed"]{
  --tw-exit-translate-x: 100%;
}

.data-\[state\=open\]\:slide-in-from-top-full[data-state="open"]{
  --tw-enter-translate-y: -100%;
}

@media (min-width: 640px){
  .sm\:bottom-0{
    bottom: 0px;
  }
  .sm\:right-0{
    right: 0px;
  }
  .sm\:top-auto{
    top: auto;
  }
  .sm\:flex-col{
    flex-direction: column;
  }
  .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state="open"]{
    --tw-enter-translate-y: 100%;
  }
}

@media (min-width: 768px){
  .md\:max-w-\[420px\]{
    max-width: 420px;
  }
}

@media (min-width: 1024px){
  .lg\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }
  .lg\:px-16{
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){
  padding-right: 0px;
}

.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{
  --tw-translate-y: 2px;
  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));
}

.\[\&\>span\]\:line-clamp-1>span{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.\[\&\>tr\]\:last\:border-b-0:last-child>tr{
  border-bottom-width: 0px;
}

.\[\&_svg\]\:pointer-events-none svg{
  pointer-events: none;
}

.\[\&_svg\]\:size-4 svg{
  width: 1rem;
  height: 1rem;
}

.\[\&_svg\]\:shrink-0 svg{
  flex-shrink: 0;
}

.\[\&_tr\:last-child\]\:border-0 tr:last-child{
  border-width: 0px;
}

.\[\&_tr\]\:border-b tr{
  border-bottom-width: 1px;
}