:root {
  --fontMdi: "Material Design Icons";
  --spacing: 24px;
  --containerPadding: 0 40px
}
@media(max-width:800px) {
  :root {
    --containerPadding: 0 24px
  }
}

.container-wide {
    max-width: 1760px  !important;  /*; istediğin genişlik */
}

button {
  outline: 2px solid transparent;
  outline-offset: 2px
}
.btn.btn--loading {
  --tw-text-opacity: 0;
  color: transparent;
  opacity: .7;
  pointer-events: none;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.btn.btn--loading, .btn.btn--loading span, .btn.btn--loading svg {
  text-shadow: none !important
}
.btn.btn--loading span, .btn.btn--loading svg {
  opacity: 0;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.btn.btn--loading:after {
  --spinnerSize: 1.3em;
  -webkit-animation: spinAround .5s linear infinite;
  animation: spinAround .5s linear infinite;
  border: 3px solid;
  border-color: transparent transparent var(--text) var(--text);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--spinnerSize);
  left: calc(50% - var(--spinnerSize)/2);
  position: absolute;
  top: calc(50% - var(--spinnerSize)/2);
  width: var(--spinnerSize);
  z-index: 3
}
@-webkit-keyframes spinAround {
  to {
    transform: rotate(1turn)
  }
}
@keyframes spinAround {
  to {
    transform: rotate(1turn)
  }
}
.btn {
  --text: #fff;
  align-items: center;
  border-radius: 8px;
  color: var(--text);
  display: flex;
  gap: .875rem;
  justify-content: center;
  transition-duration: .2s
}
.btn:focus, .btn:hover {
  --tw-brightness: brightness(1.1);
  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)
}
.btn span {
  display: inline-block;
  font-size: 16px;
  font-weight: 700
}
.btn.btn--transparent:focus, .btn.btn--transparent:hover {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.05;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.btn.btn--purple {
  background: linear-gradient(85.06deg, #8e44bb, #c25dff)
}
.btn.btn--purple span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.btn.btn--blue-grad {
  background: linear-gradient(225deg, #5d94ff, #4c72be)
}
.btn.btn--blue-grad span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.btn.btn--light-blue {
  background: linear-gradient(225deg, #0cc8d0, #238286)
}
.btn.btn--light-blue span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.btn.btn--yellow-grad {
  background: linear-gradient(90deg, #f1c259, #f2eaaa)
}

.btn.btn--red-grad {
  background: linear-gradient(90deg,#9B2A2A,#ED8B53)
}
.btn.btn--yellow-grad.btn--loading:after {
  border-color: transparent transparent #332500 #332500
}
.btn.btn--yellow-grad span {
  --tw-text-opacity: 1;
  color: rgb(51 37 0/var(--tw-text-opacity))
}
.btn.btn--transparent-white {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.08;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-color: #ffffff0a;
  border-style: solid;
  border-width: 2px
}
.btn.btn--transparent-white:focus, .btn.btn--transparent-white:hover {
  --tw-bg-opacity: 0.14
}
.btn.btn--grey {
  background: linear-gradient(85.06deg, hsla(0, 0%, 75%, .24), hsla(0, 0%, 100%, .24))
}
.btn.btn--red-grad {
  background: linear-gradient(90deg, #f15959, #da6868)
}
*, :after, :before {
  border: 0 solid #e5e7eb;
  box-sizing: border-box
}
:after, :before {
  --tw-content: ""
}
html {
  -webkit-text-size-adjust: 100%;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4
}
body {
  line-height: inherit;
  margin: 0
}
hr {
  border-top-width: 1px;
  color: inherit;
  height: 0
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit
}
a {
  color: inherit;
  text-decoration: inherit
}
b, strong {
  font-weight: bolder
}
code, kbd, pre, samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-size: 1em
}
small {
  font-size: 80%
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}
table {
  border-collapse: collapse;
  border-color: inherit;
  text-indent: 0
}
button, input, optgroup, select, textarea {
  color: inherit;
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0
}
button, select {
  text-transform: none
}

.searchbtn {
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.08);
    border: 2px solid rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(16px);
    border-radius: 12px;
}

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none
}
:-moz-focusring {
  outline: auto
}
:-moz-ui-invalid {
  box-shadow: none
}
progress {
  vertical-align: baseline
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}
::-webkit-search-decoration {
  -webkit-appearance: none
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}
summary {
  display: list-item
}
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
  margin: 0
}
fieldset {
  margin: 0
}
fieldset, legend {
  padding: 0
}
menu, ol, ul {
  list-style: none;
  margin: 0;
  padding: 0
}
textarea {
  resize: vertical
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #9ca3af;
  opacity: 1
}
input::placeholder, textarea::placeholder {
  color: #9ca3af;
  opacity: 1
}
[role=button], button {
  cursor: pointer
}
:disabled {
  cursor: default
}
audio, canvas, embed, iframe, img, object, svg, video {
  display: block;
  vertical-align: middle
}
img, video {
  height: auto;
  max-width: 100%
}
*, :after, :before {
  --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-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: rgba(58, 169, 255, .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:
}
::-webkit-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-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: rgba(58, 169, 255, .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:
}
::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-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: rgba(58, 169, 255, .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:
}
.container {
  width: 100%
}
@media (min-width:640px) {
  .container {
    max-width: 640px
  }
}
@media (min-width:768px) {
  .container {
    max-width: 768px
  }
}
@media (min-width:1024px) {
  .container {
    max-width: 1024px
  }
}
@media (min-width:1280px) {
  .container {
    max-width: 1280px
  }
}
@media (min-width:1536px) {
  .container {
    max-width: 1536px
  }
}
.pointer-events-none {
  pointer-events: none
}
.visible {
  visibility: visible
}
.absolute {
  position: absolute
}
.relative {
  position: relative
}
.sticky {
  position: -webkit-sticky;
  position: sticky
}
.order-first {
  order: -9999
}
.col-span-2 {
  grid-column: span 2/span 2
}
.mx-auto {
  margin-left: auto;
  margin-right: auto
}
.mt-8 {
  margin-top: 2rem
}
.block {
  display: block
}
.flex {
  display: flex
}
.grid {
  display: grid
}
.hidden {
  display: none
}
.w-full {
  width: 100%
}
.max-w-5xl {
  max-width: 64rem
}
.max-w-xs {
  max-width: 20rem
}
.-translate-x-10 {
  --tw-translate-x: -2.5rem
}
.-translate-x-10, .translate-x-0 {
  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))
}
.translate-x-0 {
  --tw-translate-x: 0px
}
.translate-y-10 {
  --tw-translate-y: 2.5rem
}
.translate-y-0, .translate-y-10 {
  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))
}
.translate-y-0 {
  --tw-translate-y: 0px
}
.translate-x-10 {
  --tw-translate-x: 2.5rem
}
.scale-105, .translate-x-10 {
  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))
}
.scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05
}
.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1
}
.scale-100, .scale-95 {
  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))
}
.scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95
}
.transform {
  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))
}
.cursor-pointer {
  cursor: pointer
}
.resize {
  resize: both
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr))
}
.flex-col {
  flex-direction: column
}
.gap-4 {
  gap: 1rem
}
.py-4 {
  padding-bottom: 1rem;
  padding-top: 1rem
}
.text-center {
  text-align: center
}
.text-\[20px\] {
  font-size: 20px
}
.opacity-0 {
  opacity: 0
}
.opacity-100 {
  opacity: 1
}
.opacity-10 {
  opacity: .1
}
.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-duration: .15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.transition {
  transition-duration: .15s;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.delay-300 {
  transition-delay: .3s
}
.delay-200 {
  transition-delay: .2s
}
.delay-100 {
  transition-delay: .1s
}
.delay-150 {
  transition-delay: .15s
}
.duration-150 {
  transition-duration: .15s
}
.duration-500 {
  transition-duration: .5s
}
.duration-300 {
  transition-duration: .3s
}
.duration-\[200ms\] {
  transition-duration: .2s
}
.duration-\[500ms\] {
  transition-duration: .5s
}
.duration-\[250ms\] {
  transition-duration: .25s
}
.duration-\[300ms\] {
  transition-duration: .3s
}
.ease-in-out {
  transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, .2, 1)
}
.ease-in {
  transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}
.overlay {
  bottom: 0;
  height: 100%;
  position: fixed;
  right: 0;
  z-index: 99999
}
#ndzn-app__bg-image-container, .overlay {
  left: 0;
  overflow: hidden;
  top: 0;
  width: 100%
}
#ndzn-app__bg-image-container {
  height: auto;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition-duration: 1s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 2
}
#ndzn-app__bg-image-container.show {
  opacity: 1
}
#ndzn-app__bg-image-container .ndzn-app__colorful-gradient {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
#ndzn-app__bg-image-container.centered {
  z-index: 7
}
#ndzn-app__bg-image-container.centered .ndzn-app__colorful-gradient {
  -webkit-animation: centralGradientPulsation 10s ease infinite;
  animation: centralGradientPulsation 10s ease infinite
}
#ndzn-app__bg-image-container.to-back {
  z-index: 2 !important
}
#ndzn-app__bg-image-container.to-front {
  z-index: 999 !important
}
#ndzn-app__bg-image-container.blue-purple .ndzn-app__colorful-gradient {
  background: linear-gradient(90deg, #333948, #2e2639 22.69%, #2d2539 45.62%, #312539 68.59%, #3b2339);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2
}
#ndzn-app__bg-image-container.blue, #ndzn-app__bg-image-container.light-blue, #ndzn-app__bg-image-container.purple, #ndzn-app__bg-image-container.yellow.reliability {
  height: 100%;
  width: 100%
}
#ndzn-app__bg-image-container.blue .ndzn-app__colorful-gradient {
  background: radial-gradient(closest-side, #5d94ff4f, transparent);
  height: 600px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  top: 500px;
  width: 100%
}
#ndzn-app__bg-image-container.purple .ndzn-app__colorful-gradient {
  background: radial-gradient(closest-side, #533366d6, transparent);
  height: 900px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  top: 200px;
  width: 100%
}
#ndzn-app__bg-image-container.light-blue .ndzn-app__colorful-gradient {
  background: radial-gradient(closest-side, #1e494b, transparent);
  height: 1500px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  top: 300px;
  width: 100%
}
#ndzn-app__bg-image-container.light-blue .ndzn-app__left-bg-icon {
  top: 300px
}
#ndzn-app__bg-image-container.light-blue .ndzn-app__right-bg-icon {
  top: 400px
}
#ndzn-app__bg-image-container.yellow .ndzn-app__bg-image {
  opacity: .05
}
#ndzn-app__bg-image-container.yellow .ndzn-app__colorful-gradient {
  background: radial-gradient(closest-side, #706545, transparent);
  bottom: -200px;
  height: 800px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  top: unset;
  width: 100%
}
#ndzn-app__bg-image-container.reliability.yellow .ndzn-app__colorful-gradient {
  bottom: -330px
}
#ndzn-app__bg-image-container .ndzn-app__left-bg-icon, #ndzn-app__bg-image-container .ndzn-app__right-bg-icon {
  pointer-events: none;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
#ndzn-app__bg-image-container .ndzn-app__left-bg-icon {
  -webkit-animation: bgIconMovement 9s ease infinite;
  animation: bgIconMovement 9s ease infinite;
  left: 0;
  top: 3.5rem
}
#ndzn-app__bg-image-container .ndzn-app__right-bg-icon {
  -webkit-animation: bgIconMovement 14s ease infinite;
  animation: bgIconMovement 14s ease infinite;
  right: 0;
  top: 170px
}
#ndzn-app__bg-image-container .ndzn-app__bg-image {
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  width: 100%;
  z-index: 4
}
#ndzn-app__bg-image-container .ndzn-app__gray-gradient {
  background: linear-gradient(180deg, #22222259, #101219);
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 6
}
#ndzn-app__bg-image-container .ndzn-app__gray-gradient-left {
  background: linear-gradient(90deg, #101219, #10121936);
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 7
}
#ndzn-footer, #ndzn-header, #ndzn-page {
  position: relative;
  z-index: 4
}
#ndzn-app-cloak {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34/var(--tw-bg-opacity));
  pointer-events: none;
  transition-delay: .4s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
#ndzn-app-cloak[x-cloak] {
  opacity: 1 !important;
  visibility: visible !important
}
body {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color:rgb(16 18 25);
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-family: Gilroy-Regular, sans-serif;
  position: relative
}
body::-webkit-scrollbar {
  padding: .75rem;
  width: 10px
}
body::-webkit-scrollbar-track {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
body::-webkit-scrollbar-thumb {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.8;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: 10px;
  transition-duration: .2s
}
body::-webkit-scrollbar-thumb:hover {
  --tw-bg-opacity: 1
}
#ndzn-app {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100vh;
  opacity: 1;
  visibility: visible
}
#ndzn-app, #ndzn-page {
  position: relative;
  z-index: 4
}
#ndzn-page {
  margin-bottom: 88px
}
[x-cloak] {
  display: none !important
}
#ndzn-app-cloak {
  bottom: 0;
  display: block !important;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition-delay: .1s;
  transition-duration: .2s;
  visibility: hidden;
  width: 100%;
  z-index: 999999
}
#ndzn-app-cloak[x-cloak] {
  opacity: 1;
  visibility: visible
}
.container {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 1560px;
  padding: var(--containerPadding)
}
.page-main {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  gap: 1.5rem
}
.page-content {
  flex: 1 1 auto;
  width: 100%
}
.panel .__noDesc {
  margin-bottom: 0;
  margin-top: 0
}
.ndzn-js--dd {
  position: relative
}
.ndzn-js--dd .ndzn-js--ddMenu {
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  opacity: 0;
  pointer-events: none;
  top: calc(100% - 10px);
  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));
  transition-duration: .3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  visibility: hidden;
  z-index: 5
}
.ndzn-js--dd .ndzn-js--ddMenu:before {
  border-bottom: 8px solid #433840;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  top: -7px;
  width: 0
}
.ndzn-js--dd.open .ndzn-js--ddMenu {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  opacity: 1;
  pointer-events: auto;
  top: calc(100% + 10px);
  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));
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto;
  visibility: visible
}
a {
  transition-duration: .2s
}
a.btn {
  -webkit-text-decoration-line: none !important;
  text-decoration-line: none !important
}
.content-category .panel.--heading {
  padding-left: 200px;
  padding-right: 200px
}
.panel {
  border-radius: 12px;
  margin-bottom: var(--spacing)
}
.panel.panel--filled {
  --tw-bg-opacity: 1;
  background-color: rgb(25 27 34);
  border-color: #ffffff0a;
  border-style: solid;
  border-width: 2px
}
.panel.panel--filled.panel--yellow {
  background: linear-gradient(90deg, #f1c259, #f2eaaa)
}
.panel.panel--filled.panel--white-transparent {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.2;
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.panel .panel__heading {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 104px;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 104px
}
.panel .panel__heading h1 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-family: Gilroy-Bold, sans-serif;
  font-size: 64px;
  line-height: 80px;
  text-align: center;
  text-transform: uppercase
}
.panel .panel__heading h1 small {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.5;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: block;
  font-family: Gilroy-Bold, sans-serif;
  font-size: 20px;
  line-height: 28px
}
.panel .panel__body hr {
  border-color: #ffffff1a
}
.panel .panel__body>:first-child {
  margin-top: 0
}
.panel .panel__body>:last-child {
  margin-bottom: 0
}
.modal__description h1, .modal__description h2, .modal__description h3, .modal__description h4, .modal__description h5, .modal__description h6, .panel__body h1, .panel__body h2, .panel__body h3, .panel__body h4, .panel__body h5, .panel__body h6 {
  font-family: Gilroy-Heavy, sans-serif;
  margin-bottom: 1rem
}
.modal__description h1, .modal__description h2, .modal__description h3, .modal__description h4, .panel__body h1, .panel__body h2, .panel__body h3, .panel__body h4 {
  text-transform: uppercase
}
.modal__description h1, .panel__body h1 {
  font-size: 64px;
  line-height: 80px
}
.modal__description h2, .panel__body h2 {
  font-size: 40px;
  line-height: 52px
}
.modal__description h3, .panel__body h3 {
  font-size: 32px;
  line-height: 41px
}
.modal__description h4, .panel__body h4 {
  font-size: 24px;
  line-height: 32px
}
.modal__description h5, .modal__description h6, .panel__body h5, .panel__body h6 {
  font-size: 20px;
  line-height: 29px
}
.modal__description li, .modal__description p, .panel__body li, .panel__body p {
  --tw-text-opacity: 1;
  color: rgb(191 191 191/var(--tw-text-opacity));
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px
}
.modal__description ol, .modal__description p, .modal__description ul, .panel__body ol, .panel__body p, .panel__body ul {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem
}
.modal__description ol li, .modal__description ul li, .panel__body ol li, .panel__body ul li {
  margin-bottom: .5rem;
  margin-top: .5rem;
  padding-left: 1.5rem;
  position: relative
}
.modal__description ol li:before, .modal__description ul li:before, .panel__body ol li:before, .panel__body ul li:before {
  --tw-bg-opacity: 1;
  background-color: rgb(191 191 191/var(--tw-bg-opacity));
  border-radius: 9999px;
  content: "";
  display: block;
  height: 4px;
  left: 9px;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  top: 11px;
  width: 4px
}
.modal__description a, .panel__body a {
  --tw-text-opacity: 1;
  color: rgb(255 242 123/var(--tw-text-opacity));
  font-family: Gilroy-Bold, sans-serif;
  font-size: 16px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}
.modal__description small, .panel__body small {
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px
}
.modal__description b, .modal__description strong, .panel__body b, .panel__body strong {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-family: Gilroy-Bold, sans-serif
}
.alert svg {
  -webkit-animation: Pulse 2s linear 1s infinite alternate;
  animation: Pulse 2s linear 1s infinite alternate
}
.alert.alert--transparent {
  align-items: center;
  display: flex
}
.alert.alert--transparent span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-family: Gilroy-Bold, sans-serif;
  font-size: 20px;
  line-height: 28px
}
.alert.alert--red {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(255 75 85/var(--tw-bg-opacity));
  border-radius: 12px;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  line-height: 29px;
  margin-bottom: var(--spacing);
  margin-top: var(--spacing);
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  position: relative
}
.alert.alert--red:before {
  border-color: #ffffff33;
  border-radius: 12px;
  border-style: solid;
  border-width: 2px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
.alert.alert--red svg {
  flex: 0 0 24px;
  margin-right: 22px;
  width: 24px
}
.input, input {
  --tw-bg-opacity: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgb(51 51 51/var(--tw-bg-opacity));
  border-radius: 12px;
  font-size: 16px;
  font-weight: 400;
  min-height: 75px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  padding-left: 2.5rem;
  padding-right: 2.5rem
}
.input::-moz-placeholder, input::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.input::placeholder, input::placeholder {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.input::-moz-placeholder, input::-moz-placeholder {
  --tw-text-opacity: 0.7
}
.input::placeholder, input::placeholder {
  --tw-text-opacity: 0.7
}
select.input {
  cursor: pointer
}
@-webkit-keyframes Pulse {
  0%, to {
    transform: scale(1.2)
  }
  50% {
    transform: scale(.9)
  }
}
@keyframes Pulse {
  0%, to {
    transform: scale(1.2)
  }
  50% {
    transform: scale(.9)
  }
}
@-webkit-keyframes bgIconMovement {
  0%, to {
    transform: scale(1.1) rotate(4deg)
  }
  50% {
    transform: scale(1.2) rotate(-4deg)
  }
}
@keyframes bgIconMovement {
  0%, to {
    transform: scale(1.1) rotate(4deg)
  }
  50% {
    transform: scale(1.2) rotate(-4deg)
  }
}
@-webkit-keyframes centralGradientPulsation {
  0%, to {
    transform: scale(1.05)
  }
  50% {
    transform: scale(.95)
  }
}
@keyframes centralGradientPulsation {
  0%, to {
    transform: scale(1.05)
  }
  50% {
    transform: scale(.95)
  }
}
@media(max-width:1050px) {
  #ndzn-app__bg-image-container .ndzn-app__left-bg-icon, #ndzn-app__bg-image-container .ndzn-app__right-bg-icon {
    display: none
  }
  #ndzn-page {
    margin-bottom: 80px
  }
  .page-content .alert.alert--red {
    margin-top: 0
  }
  .panel .panel__heading {
    padding-bottom: 3rem;
    padding-left: 0;
    padding-right: 0;
    padding-top: 2rem
  }
  .panel .panel__heading h1 {
    line-height: 58px
  }
  .modal__description h1, .panel .panel__heading h1, .panel__body h1 {
    font-size: 48px
  }
  .modal__description h1, .panel__body h1 {
    line-height: 58px
  }
  .modal__description h2, .panel__body h2 {
    font-size: 40px;
    line-height: 48px
  }
  .modal__description h3, .panel__body h3 {
    font-size: 32px;
    line-height: 38px
  }
  .modal__description h4, .panel__body h4 {
    font-size: 24px;
    line-height: 28px
  }
  .modal__description h5, .modal__description h6, .panel__body h5, .panel__body h6 {
    font-size: 20px;
    line-height: 24px
  }
  .modal__description ol, .modal__description p, .modal__description ul, .panel__body ol, .panel__body p, .panel__body ul {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem
  }
  .modal__description ol li, .modal__description ul li, .panel__body ol li, .panel__body ul li {
    margin-bottom: .375rem;
    margin-top: .375rem
  }
  .heading__buttons {
    gap: .625rem !important;
    margin-top: .875rem !important
  }
}
@media(max-width:750px) {
  .alert.alert--red {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    gap: .75rem;
    justify-content: center;
    line-height: 22px;
    padding: 1rem;
    text-align: center
  }
}
@media(max-width:650px) {
  #ndzn-page {
    margin-bottom: 104px
  }
  .alert.alert--red {
    font-size: 14px;
    line-height: 22px;
    padding: 1rem
  }
  .alert.alert--red svg {
    margin-right: 1rem
  }
  .modal__description h1, .modal__description h2, .modal__description h3, .modal__description h4, .modal__description h5, .modal__description h6, .panel .panel__body h1, .panel .panel__body h2, .panel .panel__body h3, .panel .panel__body h4, .panel .panel__body h5, .panel .panel__body h6 {
    margin-bottom: 1.5rem
  }
  .modal__description h1, .panel .panel__body h1 {
    font-size: 36px;
    line-height: 42px
  }
  .modal__description h2, .panel .panel__body h2 {
    font-size: 32px;
    line-height: 38px
  }
  .modal__description h3, .panel .panel__body h3 {
    font-size: 24px;
    line-height: 29px
  }
  .modal__description h4, .panel .panel__body h4 {
    font-size: 20px;
    line-height: 25px
  }
  .modal__description h5, .modal__description h6, .panel .panel__body h5, .panel .panel__body h6 {
    font-size: 16px;
    line-height: 20px
  }
  .modal__description p, .panel .panel__body p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 1rem;
    margin-top: 1rem
  }
  .modal__description ol li, .modal__description ul li, .panel .panel__body ol li, .panel .panel__body ul li {
    font-size: 14px;
    line-height: 20px
  }
  .modal__description ol li:before, .modal__description ul li:before, .panel .panel__body ol li:before, .panel .panel__body ul li:before {
    top: .5rem
  }
  .panel .panel__heading {
    padding-bottom: 2rem;
    padding-top: 1.5rem
  }
  .panel .panel__heading h1 {
    font-size: 36px;
    line-height: 42px
  }
}
@media(max-width:450px) {
  .alert.alert--red {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
  }
  .alert.alert--red svg {
    margin-right: 0
  }
}
.toast {
  align-items: center;
  border-radius: 8px;
  bottom: -6px;
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  left: 0;
  margin-bottom: 1.5rem;
  margin-left: 5rem;
  margin-right: 5rem;
  min-height: 48px;
  opacity: 0;
  padding: .625rem 27px;
  pointer-events: none;
  position: fixed;
  transition-duration: .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: calc(100% - 160px);
  z-index: 9999
}
.toast.toast--visible {
  bottom: 0;
  opacity: 1
}
.toast.toast--visible .toast-icon, .toast.toast--visible svg {
  display: block !important
}
.toast.toast--success {
  background: linear-gradient(90deg, #59f1a8, #68daa3);
  box-shadow: 0 0 32px 0 #00000052
}
.toast.toast--success .toast-text {
  --tw-text-opacity: 1;
  color: rgb(19 104 63/var(--tw-text-opacity))
}
.toast.toast--danger {
  background: linear-gradient(90deg, #f15959, #da6868);
  box-shadow: 0 0 32px 0 #00000052
}
.toast .toast-text {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: inline-block;
  font-family: Gilroy-Bold, sans-serif;
  font-size: 14px;
  line-height: 19px
}
.toast .toast-icon {
  margin-right: .75rem
}
@media(max-width:650px) {
  .toast {
    flex: 1 1 auto;
    margin-bottom: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    min-height: unset;
    width: calc(100% - 32px)
  }
  .toast-container {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding-left: 1rem;
    padding-right: 1rem
  }
  .toast-container .toast-icon {
    margin-right: 0
  }
  .toast-container .toast-text {
    line-height: 22px;
    margin-top: .375rem;
    text-align: center
  }
}
.tippy-box[data-animation=shift-away][data-state=hidden] {
  opacity: 0
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top] {
  transform: translateY(10px)
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
  transform: translateY(-10px)
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left] {
  transform: translateX(10px)
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
  transform: translateX(-10px)
}
.modal-wrap {
  --tw-bg-opacity: 0.7;
  align-items: center;
  background-color: rgb(0 0 0/var(--tw-bg-opacity));
  bottom: 0;
  display: grid;
  grid-template-columns: minmax(auto, 600px);
  grid-template-rows: auto 0;
  height: 100%;
  justify-content: center;
  left: 0;
  overflow: hidden;
  overflow: auto;
  padding-bottom: 4rem;
  padding-top: 4rem;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 99999
}
.modal.is-slideout .modal-wrap {
  align-items: stretch;
  grid-template-columns: minmax(auto, 360px);
  padding-bottom: 0;
  padding-top: 0
}
.modal.is-slideout.is-left .modal-wrap {
  justify-content: flex-start
}
.modal.is-slideout.is-right .modal-wrap {
  justify-content: flex-end
}
#checkout-overlay:after, #waiting-overlay:after, .modal-spinner {
  -webkit-animation: modalSpinner 1s linear infinite;
  animation: modalSpinner 1s linear infinite;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' style='display:block' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='50' cy='50' r='32' stroke-width='8' stroke='%23fff' stroke-dasharray='50.26548245743669 50.26548245743669' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  bottom: 0;
  content: "";
  display: block;
  height: 100px;
  left: 0;
  margin: auto;
  opacity: .1;
  right: 0;
  top: 0;
  width: 100px
}
@-webkit-keyframes modalSpinner {
  0% {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(1turn)
  }
}
@keyframes modalSpinner {
  0% {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(1turn)
  }
}
#checkout-overlay, #waiting-overlay {
  --tw-bg-opacity: 0.7;
  align-items: center;
  background-color: rgb(0 0 0/var(--tw-bg-opacity));
  bottom: 0;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 99999
}
#checkout-overlay {
  opacity: 0;
  transition-duration: .15s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  visibility: hidden
}
#checkout-overlay.shown {
  opacity: 1;
  visibility: visible
}
.modal__description>:first-of-type {
  margin-top: 0 !important
}
.modal__description>:last-of-type {
  margin-bottom: 0 !important
}
.modal.is-centered .modal-wrap {
  grid-template-columns: minmax(auto, 1032px);
  padding-left: 100px;
  padding-right: 100px
}
.modal.is-centered .modal-dialogue {
  border-color: #ffffff0a;
  border-radius: 12px;
  border-style: solid;
  border-width: 2px
}
.modal.is-slideout .modal-wrap {
  grid-template-columns: minmax(auto, 499px)
}
.modal.is-slideout .modal-dialogue {
  border-radius: 0;
  height: 100%
}
.modal.is-slideout .modal-body {
  flex: 1 1 auto
}
.modal.is-slideout.is-left .modal-dialogue, .modal.is-slideout.is-right .modal-dialogue {
  border-color: #ffffff0a;
  border-style: solid
}
.modal.is-slideout.is-right .modal-dialogue {
  border-left-width: 2px
}
.modal.is-slideout.is-left {
  border-right-width: 2px
}
.modal .modal-heading {
  --tw-bg-opacity: 1;
  background-color: rgb(54 54 54/var(--tw-bg-opacity));
  border-bottom-width: 2px;
  border-color: #ffffff0a;
  border-style: solid;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding-bottom: 2.5rem;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 2.5rem
}
.modal .modal-heading .modal-title {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: block;
  font-family: Gilroy-Bold, sans-serif;
  font-size: 24px;
  line-height: 29px;
  text-transform: uppercase
}
.modal-wrap {
  --tw-bg-opacity: 0.1;
  --tw-backdrop-blur: blur(16px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  background-color: rgb(0 0 0/var(--tw-bg-opacity)) !important;
  padding-bottom: 61px;
  padding-top: 61px
}
.modal-dialogue {
  --tw-bg-opacity: 1;
  background-color: rgb(48 48 48/var(--tw-bg-opacity));
  border-radius: 6px;
  position: relative;
  z-index: 3
}
.modal-dialogue .__inner {
  padding: 2.5rem
}
.btn.btn--close {
  align-items: center;
  background-color: transparent;
  border-radius: 8px;
  display: flex;
  flex: 0 0 44px;
  height: 44px;
  justify-content: center;
  width: 44px
}
.btn.btn--close:focus, .btn.btn--close:hover {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.03;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
@media(max-width:900px) {
  .modal.is-centered .modal-wrap {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
}
@media(max-width:560px) {
  .modal.is-centered .modal-wrap {
    padding: 1rem
  }
  .modal.modal--options .btn.btn--close {
    right: 1rem !important;
    top: 15px !important
  }
  .modal.modal--options .modal-heading {
    padding-bottom: 1.5rem !important;
    padding-left: 1rem !important;
    padding-right: 2.5rem;
    padding-top: 1.5rem !important
  }
  .modal.modal--options .modal-body {
    padding: 1rem !important
  }
}
#modal-slideout-cart .close-and-currency, .panel--checkout .close-and-currency {
  align-items: center;
  display: flex;
  justify-content: flex-end
}
#modal-slideout-cart .btn.btn--close, .panel--checkout .btn.btn--close {
  left: 2.5rem;
  position: absolute;
  top: 30px
}
#modal-slideout-cart .modal-dialogue, .panel--checkout .modal-dialogue {
  display: flex;
  flex-direction: column;
  padding-bottom: 2.5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 2rem
}
#modal-slideout-cart .currency-container, .panel--checkout .currency-container {
  margin-right: -6px;
  position: relative
}
#modal-slideout-cart .currency-container.open .currency__btn svg, .panel--checkout .currency-container.open .currency__btn svg {
  --tw-scale-y: -1;
  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))
}
#modal-slideout-cart .currency__btn, .panel--checkout .currency__btn {
  align-items: center;
  display: flex;
  gap: .25rem;
  padding-bottom: .5rem;
  padding-left: .75rem;
  padding-right: .75rem;
  padding-top: .5rem
}
#modal-slideout-cart .currency__btn span, .panel--checkout .currency__btn span {
  display: inline-block;
  font-family: Gilroy-Bold, sans-serif;
  font-size: 18px;
  line-height: 24px
}
#modal-slideout-cart .currency__btn svg, .panel--checkout .currency__btn svg {
  transition-duration: .2s
}
#modal-slideout-cart .menu--currency, .panel--checkout .menu--currency {
  --tw-bg-opacity: 1;
  background-color: rgb(84 84 84/var(--tw-bg-opacity));
  border-color: #ffffff1a;
  border-radius: 8px;
  border-style: solid;
  border-width: 2px;
  display: grid;
  gap: .25rem;
  grid-template-columns: repeat(0, minmax(0, 1fr));
  padding: .75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  width: 120px
}
#modal-slideout-cart .menu--currency:before, .panel--checkout .menu--currency:before {
  display: none
}
#modal-slideout-cart .menu--currency a, .panel--checkout .menu--currency a {
  --tw-text-opacity: 1;
  border-radius: 8px;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-family: Gilroy-Bold, sans-serif;
  font-size: 15px;
  padding: .25rem;
  text-align: center
}
#modal-slideout-cart .menu--currency a:focus, #modal-slideout-cart .menu--currency a:hover, .panel--checkout .menu--currency a:focus, .panel--checkout .menu--currency a:hover {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.06;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
#modal-slideout-cart .menu--currency a.active, .panel--checkout .menu--currency a.active {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  color: rgb(84 84 84/var(--tw-text-opacity))
}
#modal-slideout-cart .cart-header, .panel--checkout .cart-header {
  background: linear-gradient(85.06deg, #8e44bb, #c25dff);
  border-radius: 12px;
  margin-top: 1.75rem;
  overflow: hidden;
  padding-bottom: 1.5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 26px;
  position: relative
}
#modal-slideout-cart .cart-header:before, .panel--checkout .cart-header:before {
  border-color: #ffffff29;
  border-radius: 12px;
  border-style: solid;
  border-width: 2px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
#modal-slideout-cart .cart-header b, #modal-slideout-cart .cart-header span, .panel--checkout .cart-header b, .panel--checkout .cart-header span {
  display: block;
  font-family: Gilroy-Bold, sans-serif
}
#modal-slideout-cart .cart-header b, .panel--checkout .cart-header b {
  font-size: 20px;
  line-height: 28px
}
#modal-slideout-cart .cart-header .btn, .panel--checkout .cart-header .btn {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  gap: .5rem;
  margin-left: -1rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .5rem
}
#modal-slideout-cart .cart-header .btn:disabled, .panel--checkout .cart-header .btn:disabled {
  opacity: .6;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
#modal-slideout-cart .cart-header .btn:focus, #modal-slideout-cart .cart-header .btn:hover, .panel--checkout .cart-header .btn:focus, .panel--checkout .cart-header .btn:hover {
  background-color: transparent
}
#modal-slideout-cart .cart-header .btn:focus span, #modal-slideout-cart .cart-header .btn:hover span, .panel--checkout .cart-header .btn:focus span, .panel--checkout .cart-header .btn:hover span {
  opacity: 1
}
#modal-slideout-cart .cart-header .btn:focus svg, #modal-slideout-cart .cart-header .btn:hover svg, .panel--checkout .cart-header .btn:focus svg, .panel--checkout .cart-header .btn:hover svg {
  --tw-translate-x: 4px;
  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))
}
#modal-slideout-cart .cart-header .btn:focus svg path, #modal-slideout-cart .cart-header .btn:hover svg path, .panel--checkout .cart-header .btn:focus svg path, .panel--checkout .cart-header .btn:hover svg path {
  fill-opacity: 1 !important
}
#modal-slideout-cart .cart-header .btn span, #modal-slideout-cart .cart-header .btn svg, #modal-slideout-cart .cart-header .btn svg path, .panel--checkout .cart-header .btn span, .panel--checkout .cart-header .btn svg, .panel--checkout .cart-header .btn svg path {
  transition-duration: .2s
}
#modal-slideout-cart .cart-header .btn span, .panel--checkout .cart-header .btn span {
  display: inline-block;
  font-family: Gilroy-Bold, sans-serif;
  font-size: 16px;
  line-height: 20px;
  margin-top: -2px;
  opacity: .7
}
#modal-slideout-cart .header__bg-grad, #modal-slideout-cart .header__bg-img, .panel--checkout .header__bg-grad, .panel--checkout .header__bg-img {
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
#modal-slideout-cart .header__bg-img, .panel--checkout .header__bg-img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
#modal-slideout-cart .header__bg-grad, .panel--checkout .header__bg-grad {
  height: 100%;
  width: 247px
}
#modal-slideout-cart .cart-body, .panel--checkout .cart-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  margin-top: 2.5rem
}
#modal-slideout-cart .message, .panel--checkout .message {
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64/var(--tw-bg-opacity));
  border-color: #ffffff0a;
  border-radius: 12px;
  border-style: solid;
  border-width: 2px;
  padding-bottom: 1.25rem;
  padding-left: 72px;
  padding-right: 72px;
  padding-top: 1.25rem
}
#modal-slideout-cart .message h6, #modal-slideout-cart .message p, .panel--checkout .message h6, .panel--checkout .message p {
  text-align: center
}
#modal-slideout-cart .message h6, .panel--checkout .message h6 {
  font-family: Gilroy-Bold, sans-serif;
  font-size: 20px;
  line-height: 36px
}
#modal-slideout-cart .message p, .panel--checkout .message p {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.6;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-family: Gilroy-Medium, sans-serif;
  font-size: 14px;
  line-height: 25px;
  margin-top: .5rem
}
#modal-slideout-cart .btn--back-to-shopping, .panel--checkout .btn--back-to-shopping {
  align-items: center;
  background: linear-gradient(85.06deg, hsla(0, 0%, 89%, .2), hsla(0, 0%, 100%, .2));
  border-color: #ffffff0a;
  border-radius: 12px;
  border-style: solid;
  border-width: 2px;
  display: flex;
  margin-top: 1.5rem;
  padding-bottom: 19px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 19px;
  width: 100%
}
#modal-slideout-cart .btn--back-to-shopping:focus svg, #modal-slideout-cart .btn--back-to-shopping:hover svg, .panel--checkout .btn--back-to-shopping:focus svg, .panel--checkout .btn--back-to-shopping:hover svg {
  --tw-translate-x: -4px;
  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))
}
#modal-slideout-cart .btn--back-to-shopping svg, .panel--checkout .btn--back-to-shopping svg {
  transition-duration: .2s
}
#modal-slideout-cart .btn--back-to-shopping span, .panel--checkout .btn--back-to-shopping span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: inline-block;
  font-family: Gilroy-Bold, sans-serif;
  font-size: 16px;
  line-height: 22px
}
#modal-slideout-cart .modal-body, .panel--checkout .modal-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  height: auto
}
#modal-slideout-cart .cart-body__items, .panel--checkout .cart-body__items {
  padding-bottom: 2.5rem
}
#modal-slideout-cart .cart-body__total-and-checkout, .panel--checkout .cart-body__total-and-checkout {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(54 54 54/var(--tw-bg-opacity));
  display: flex;
  margin-bottom: -40px;
  margin-left: -40px;
  margin-right: -40px;
  margin-top: auto;
  padding: 2.5rem
}
#modal-slideout-cart .cart-body__total-and-checkout .total, .panel--checkout .cart-body__total-and-checkout .total {
  align-items: flex-start;
  display: flex;
  flex-direction: column
}
#modal-slideout-cart .cart-body__total-and-checkout .total span, .panel--checkout .cart-body__total-and-checkout .total span {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.5;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-family: Gilroy-Medium, sans-serif;
  font-size: 16px;
  line-height: 22px
}
#modal-slideout-cart .cart-body__total-and-checkout .total b, .panel--checkout .cart-body__total-and-checkout .total b {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-family: Gilroy-Bold, sans-serif;
  font-size: 20px;
  line-height: 24px;
  margin-top: .375rem
}
#modal-slideout-cart .cart-body__total-and-checkout .checkout-btn, .panel--checkout .cart-body__total-and-checkout .checkout-btn {
  margin-left: auto
}
#modal-slideout-cart .cart-body__total-and-checkout .btn--checkout, .panel--checkout .cart-body__total-and-checkout .btn--checkout {
  border-radius: 12px;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  width: 272px
}
#modal-slideout-cart .cart-body__total-and-checkout .btn--checkout span, .panel--checkout .cart-body__total-and-checkout .btn--checkout span {
  display: inline-block;
  font-family: Gilroy-Bold, sans-serif;
  font-size: 16px;
  line-height: 22px
}
@media(max-width:1050px) {
  #modal-slideout-cart .modal-dialogue, .panel--checkout .modal-dialogue {
    padding-top: 1.75rem !important
  }
  #modal-slideout-cart .btn.btn--close {
    left: 1.75rem !important;
    top: 1.5rem !important
  }
}
@media(max-width:750px) {
  #modal-slideout-cart.modal .modal-dialogue, .panel.panel--checkout .modal-dialogue {
    padding: 1.5rem !important
  }
  #modal-slideout-cart.modal .cart-body__items, .panel.panel--checkout .cart-body__items {
    padding-bottom: 1.5rem !important
  }
  #modal-slideout-cart.modal .cart-body__total-and-checkout, .panel.panel--checkout .cart-body__total-and-checkout {
    border-color: #ffffff0a;
    border-style: solid;
    border-top-width: 2px;
    margin-bottom: -24px;
    margin-left: -24px;
    margin-right: -24px;
    padding: 1.5rem
  }
  #modal-slideout-cart.modal .cart-body__total-and-checkout .total span, .panel.panel--checkout .cart-body__total-and-checkout .total span {
    font-size: 14px;
    line-height: 17px
  }
  #modal-slideout-cart.modal .cart-body__total-and-checkout .total b, .panel.panel--checkout .cart-body__total-and-checkout .total b {
    font-size: 16px;
    line-height: 19px
  }
  #modal-slideout-cart.modal .btn.btn--checkout, .panel.panel--checkout .btn.btn--checkout {
    width: 192px
  }
  #modal-slideout-cart.modal .cart-body, .panel.panel--checkout .cart-body {
    margin-top: 2rem
  }
  #modal-slideout-cart.modal .modal-wrap {
    grid-template-columns: minmax(auto, 351px)
  }
  #modal-slideout-cart.modal .btn.btn--close {
    left: 1rem !important;
    top: 1rem !important
  }
  #modal-slideout-cart.modal .cart-header {
    margin-top: 22px;
    padding-bottom: 25px;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 25px
  }
  #modal-slideout-cart.modal .currency-container {
    margin-top: -2px
  }
  #modal-slideout-cart.modal .currency__btn span {
    font-size: 16px;
    line-height: 19px
  }
  #modal-slideout-cart.modal .currency__btn svg {
    flex: 0 0 20px;
    height: 20px;
    width: 20px
  }
  #modal-slideout-cart.modal .menu--currency {
    padding: .375rem
  }
  #modal-slideout-cart.modal .menu--currency:before {
    border-bottom: 8px solid #6b6b6b;
    border-left: 8px solid transparent;
    border-right: 8px solid trnasparent;
    content: "";
    display: block;
    left: unset;
    position: absolute;
    right: 2rem;
    top: -9px
  }
  #modal-slideout-cart.modal .menu--currency a {
    font-size: 14px;
    line-height: 17px
  }
  .basket-items .basket-item .details__name, .basket-items .basket-item .details__price, .cart-body__items .basket-item .details__name, .cart-body__items .basket-item .details__price {
    font-size: 14px;
    line-height: 18px
  }
  .basket-items .basket-item .details__price, .cart-body__items .basket-item .details__price {
    margin-top: .25rem
  }
  .basket-items .basket-item .basket-item__details__inner, .cart-body__items .basket-item .basket-item__details__inner {
    align-items: center;
    display: flex;
    padding-bottom: 1.5rem !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    padding-top: 1.25rem !important
  }
  .basket-items .basket-item .btn--danger, .basket-items .basket-item .details__qty, .basket-items .basket-item .details__qty-parent.single, .cart-body__items .basket-item .btn--danger, .cart-body__items .basket-item .details__qty, .cart-body__items .basket-item .details__qty-parent.single {
    flex: 0 0 36px;
    height: 36px;
    width: 36px
  }
  .basket-items .basket-item .btn--danger svg, .cart-body__items .basket-item .btn--danger svg {
    flex: 0 0 20px;
    height: 20px;
    width: 20px
  }
  .basket-items .basket-item .details__qty, .cart-body__items .basket-item .details__qty {
    gap: .25rem
  }
  .basket-items .basket-item .details__right, .cart-body__items .basket-item .details__right {
    gap: .75rem
  }
  .basket-items .basket-item .basket-item__options, .cart-body__items .basket-item .basket-item__options {
    margin-top: -4px;
    padding-bottom: 22px;
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
  .basket-items .basket-item .option, .cart-body__items .basket-item .option {
    align-items: flex-start;
    display: flex;
    flex-direction: column
  }
  .basket-items .basket-item .option svg, .cart-body__items .basket-item .option svg {
    display: none
  }
  .basket-items .basket-item .details__qty-parent .menu--qtys, .cart-body__items .basket-item .details__qty-parent .menu--qtys {
    padding: .375rem;
    width: 84px
  }
}
@media(max-width:360px) {
  #modal-slideout-cart .cart-body__total-and-checkout, .panel--checkout .cart-body__total-and-checkout {
    display: flex;
    flex-direction: column
  }
  #modal-slideout-cart .cart-body__total-and-checkout .checkout-btn, .panel--checkout .cart-body__total-and-checkout .checkout-btn {
    margin-top: var(--spacing)
  }
  #modal-slideout-cart .cart-body__total-and-checkout .checkout-btn, #modal-slideout-cart .cart-body__total-and-checkout .checkout-btn .btn--checkout, .panel--checkout .cart-body__total-and-checkout .checkout-btn, .panel--checkout .cart-body__total-and-checkout .checkout-btn .btn--checkout {
    flex: 1 1 auto;
    width: 100%
  }
  #modal-slideout-cart .cart-body__total-and-checkout .total, .panel--checkout .cart-body__total-and-checkout .total {
    align-items: center;
    justify-content: center;
    text-align: center
  }
  #modal-slideout-cart .cart-body__total-and-checkout .total b, #modal-slideout-cart .cart-body__total-and-checkout .total span, .panel--checkout .cart-body__total-and-checkout .total b, .panel--checkout .cart-body__total-and-checkout .total span {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center
  }
}
#modal-login .modal-dialogue {
  border-radius: 12px;
  border-width: 0;
  overflow: hidden;
  padding: 120px 2rem 130px;
  position: relative
}
#modal-login .modal-dialogue:before {
  border-color: #ffffff0a;
  border-radius: 12px;
  border-style: solid;
  border-width: 2px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
#modal-login .modal-dialogue .panel--login__bg-image {
  bottom: -26px;
  height: 1011px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: .05;
  pointer-events: none;
  position: absolute;
  right: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 1796px
}
#modal-login .modal-dialogue .panel--login__bg-blur {
  background: radial-gradient(closest-side, #72684c, transparent);
  bottom: -200px;
  height: 500px;
  left: -150px;
  position: absolute;
  width: calc(100% + 300px)
}
#modal-login .modal-dialogue .panel__body, #modal-login .modal-dialogue .panel__heading {
  position: relative;
  z-index: 2
}
#modal-login .modal-dialogue .btn.btn--close {
  position: absolute;
  right: 1.25rem;
  top: 1.25rem
}
#modal-login .modal-dialogue .panel__heading {
  max-width: unset
}
#modal-login .modal-dialogue .panel__heading h1 {
  font-size: 40px;
  line-height: 48px
}
#modal-login .modal-dialogue .panel__heading h1 b, #modal-login .modal-dialogue .panel__heading h1 span {
  display: block
}
#modal-login .modal-dialogue .alert.alert--transparent {
  margin-top: 2.25rem !important
}
#modal-login .modal-dialogue .alert.alert--transparent svg {
  flex: 0 0 16px;
  height: 16px;
  width: 16px
}
#modal-login .modal-dialogue .alert.alert--transparent span {
  font-size: 16px;
  line-height: 20px
}
#modal-login .modal-dialogue .btn--login-fivem {
  border-radius: 12px;
  margin-top: 48px
}
#modal-shopping:not(.modal--options) .btn--close {
  position: absolute;
  right: 2rem;
  top: 2rem;
  z-index: 5
}
#modal-shopping:not(.modal--options) .modal-wrap {
  align-items: flex-start;
  display: flex;
  padding-bottom: 32px;
  padding-top: 32px
}
#modal-shopping:not(.modal--options) .modal-dialogue {
  height: 100%;
  max-width: 1032px;
  overflow: hidden;
  position: relative;
  width: 100%
}
#modal-shopping:not(.modal--options) .packageInfo__nameAndClose {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
#modal-shopping:not(.modal--options) .packageInfo__packageDetails {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%
}
#modal-shopping:not(.modal--options) .modal-body, #modal-shopping:not(.modal--options) .modal__packageInfo {
  height: 100%;
  overflow: hidden
}
#modal-shopping:not(.modal--options) .modal__descriptionContainer {
  height: calc(100% - 302px);
  margin-bottom: 168px;
  margin-right: 1rem;
  margin-top: 134px;
  overflow: auto
}
#modal-shopping:not(.modal--options) .modal__descriptionContainer::-webkit-scrollbar {
  border-radius: 4px;
  width: 4px
}
#modal-shopping:not(.modal--options) .modal__descriptionContainer::-webkit-scrollbar-track {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.04;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: 4px
}
#modal-shopping:not(.modal--options) .modal__descriptionContainer::-webkit-scrollbar-thumb {
  --tw-bg-opacity: 1;
  background-color: rgb(242 232 165/var(--tw-bg-opacity));
  border-radius: 4px
}
#modal-shopping:not(.modal--options) .modal__description {
  padding-right: 1.25rem
}
.modal__packageInfo .description__no-desc {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: -8px
}
.modal__packageInfo .packageInfo__nameAndClose {
  --tw-bg-opacity: 1;
  background-color: rgb(54 54 54/var(--tw-bg-opacity));
  border-bottom-width: 1px;
  border-color: #ffffff0a;
  border-style: solid;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding-bottom: 2.5rem;
  padding-left: 3rem;
  padding-right: 100px;
  padding-top: 2.5rem
}
.modal__packageInfo .nameAndClose__name {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-family: Gilroy-Bold, sans-serif;
  font-size: 24px;
  line-height: 29px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  width: 100%
}
.modal__packageInfo .modal__description {
  padding-bottom: 2.5rem;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 2.5rem
}
.modal__packageInfo .packageInfo__packageDetails {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(54 54 54/var(--tw-bg-opacity));
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-color: #ffffff0a;
  border-style: solid;
  border-top-width: 1px;
  display: flex;
  padding-bottom: 2.5rem;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 2.5rem
}
.modal__packageInfo .packageDetails__left {
  align-items: flex-start;
  display: flex;
  flex-direction: column
}
.modal__packageInfo .packageDetails__right {
  margin-left: auto
}
.modal__packageInfo .price__actual, .modal__packageInfo .price__discounted {
  display: block
}
.modal__packageInfo .price__actual {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-family: Gilroy-Bold, sans-serif;
  font-size: 20px;
  line-height: 26px
}
.modal__packageInfo .price__discounted {
  --tw-text-opacity: 1;
  color: rgb(255 93 93/var(--tw-text-opacity));
  font-family: Gilroy-Medium, sans-serif;
  font-size: 16px;
  line-height: 21px;
  margin-top: .375rem;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through
}
.modal__packageInfo .packageDetails__buttons {
  align-items: center;
  display: flex;
  gap: 1.5rem
}
.modal__packageInfo .packageDetails__buttons .btn {
  border-radius: 12px;
  min-height: 63px
}
.modal__packageInfo .packageDetails__buttons .btn span {
  display: inline-block;
  font-family: Gilroy-Bold, sans-serif;
  font-size: 16px;
  line-height: 22px
}
.modal__packageInfo .packageDetails__buttons .btn--add, .modal__packageInfo .packageDetails__buttons .btn--remove {
  min-width: 231px;
  position: relative
}
.modal__packageInfo .packageDetails__buttons .btn--add:before, .modal__packageInfo .packageDetails__buttons .btn--remove:before {
  border-color: #ffffff29;
  border-radius: 12px;
  border-style: solid;
  border-width: 2px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
.modal__packageInfo .packageDetails__buttons .btn--gift {
  background: linear-gradient(90deg, hsla(0, 0%, 100%, .12), hsla(0, 0%, 89%, .12));
  border-color: #ffffff1a;
  border-style: solid;
  border-width: 2px;
  min-width: 65px
}
.gift-parent {
  position: relative
}
.gift-parent.is-open .gift-form {
  bottom: calc(100% + 12px);
  opacity: 1;
  pointer-events: auto;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto;
  visibility: visible
}
.gift-parent .btn--gift svg {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.gift-parent .gift-form {
  --tw-bg-opacity: 1;
  background-color: rgb(76 76 76/var(--tw-bg-opacity));
  border-color: #ffffff1a;
  border-radius: 12px;
  border-style: solid;
  border-width: 2px;
  bottom: 100%;
  display: flex;
  flex-direction: column;
  gap: .75rem;
  left: -91px;
  opacity: 0;
  padding: 1.5rem;
  pointer-events: none;
  position: absolute;
  transition-duration: .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  visibility: hidden;
  width: 247px
}
.gift-parent .gift-form .btn--sendGift, .gift-parent .gift-form .input {
  min-height: 55px;
  width: 100%
}
.gift-parent .gift-form .input {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.08;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-color: #ffffff0a;
  border-style: solid;
  border-width: 2px;
  padding-bottom: .75rem;
  padding-left: .5rem;
  padding-right: .5rem;
  padding-top: .75rem;
  text-align: center
}
.gift-parent .gift-form .input::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(139 139 139/var(--tw-text-opacity))
}
.gift-parent .gift-form .input::placeholder {
  --tw-text-opacity: 1;
  color: rgb(139 139 139/var(--tw-text-opacity))
}
.gift-parent .btn--sendGift {
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  position: relative
}
.gift-parent .btn--sendGift:before {
  border-color: #ffffff1a;
  border-radius: 12px;
  border-style: solid;
  border-width: 2px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
@media(max-width:1200px) {
  #modal-shopping:not(.modal--options) .modal__description {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
  }
}
@media(max-width:1050px) {
  #modal-shopping:not(.modal--options) .btn.btn--close {
    right: .875rem;
    top: 13px
  }
  #modal-shopping:not(.modal--options) .modal__descriptionContainer {
    height: calc(100% - 214px);
    margin-top: 91px
  }
  #modal-shopping:not(.modal--options) .modal__description {
    padding-bottom: 0;
    padding-right: .875rem;
    padding-top: 0
  }
  #modal-shopping:not(.modal--options) .packageInfo__nameAndClose {
    padding-left: 1.75rem;
    padding-right: 5rem
  }
  #modal-shopping:not(.modal--options) .packageInfo__nameAndClose, #modal-shopping:not(.modal--options) .packageInfo__packageDetails {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
  }
  #modal-shopping:not(.modal--options) .packageInfo__packageDetails {
    padding-left: 1.75rem;
    padding-right: 1.5rem
  }
  .modal__packageInfo .modal__description {
    padding-left: 1.5rem
  }
  .modal__packageInfo .nameAndClose__name {
    font-size: 20px;
    line-height: 24px
  }
  .modal__packageInfo .packageDetails__buttons {
    gap: .75rem
  }
  .modal__packageInfo .packageDetails__buttons .btn--add, .modal__packageInfo .packageDetails__buttons .btn--gift, .modal__packageInfo .packageDetails__buttons .btn--remove {
    min-height: 56px
  }
  .modal__packageInfo .packageDetails__buttons .btn--gift {
    flex: 0 0 56px;
    min-width: unset;
    width: 56px
  }
  .modal__packageInfo .packageDetails__buttons .btn--add, .modal__packageInfo .packageDetails__buttons .btn--remove {
    min-width: 180px;
    padding-bottom: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .5rem
  }
  .modal__packageInfo .packageDetails__buttons .btn--add span, .modal__packageInfo .packageDetails__buttons .btn--remove span {
    display: inline-block;
    font-family: Gilroy-Bold, sans-serif;
    font-size: 14px;
    line-height: 17px
  }
  .modal__packageInfo .gift-parent .gift-form {
    gap: 1rem;
    left: 0;
    padding: 1rem;
    right: unset;
    width: 247px
  }
  .modal__packageInfo .input, .modal__packageInfo .packageDetails__buttons .btn span {
    font-size: 14px
  }
}
@media(max-width:540px) {
  #modal-shopping:not(.modal--options) .modal__descriptionContainer {
    height: calc(100% - 264px)
  }
  #modal-shopping:not(.modal--options) .modal-wrap {
    padding-bottom: 1rem;
    padding-top: 1rem
  }
  #modal-shopping:not(.modal--options) .modal__packageInfo .packageInfo__packageDetails {
    padding-left: 1rem;
    padding-right: 1rem
  }
  #modal-shopping:not(.modal--options) .modal__packageInfo .packageDetails__right {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto
  }
  #modal-shopping:not(.modal--options) .modal__packageInfo .packageDetails__left {
    align-items: center;
    display: flex;
    flex-direction: column
  }
  #modal-shopping:not(.modal--options) .modal__packageInfo .packageInfo__packageDetails {
    padding-bottom: 1rem;
    padding-top: 1rem
  }
  #modal-shopping:not(.modal--options) .modal__packageInfo .packageDetails__buttons {
    margin-top: 1rem
  }
  #modal-shopping:not(.modal--options) .modal__packageInfo .price__discounted {
    margin-top: .25rem
  }
  #modal-shopping:not(.modal--options) .packageInfo__packageDetails {
    align-items: center;
    display: flex;
    flex-direction: column
  }
}
@media(max-width:450px) {
  #modal-shopping:not(.modal--options) .modal__descriptionContainer {
    height: calc(100% - 238px);
    margin-right: .5rem;
    margin-top: 72px
  }
  #modal-shopping:not(.modal--options) .modal__description {
    padding-left: 1rem;
    padding-right: .5rem
  }
  #modal-shopping:not(.modal--options) .packageInfo__nameAndClose {
    padding-bottom: 1.25rem;
    padding-left: 1rem;
    padding-right: 70px;
    padding-top: 1.25rem
  }
  #modal-shopping:not(.modal--options) .btn.btn--close {
    right: 9px;
    top: 9px
  }
  .modal__packageInfo .nameAndClose__name {
    font-size: 18px;
    line-height: 22px
  }
  .modal__packageInfo .packageDetails__buttons, .modal__packageInfo .packageDetails__right {
    width: 100%
  }
  .modal__packageInfo .packageDetails__buttons .btn--add, .modal__packageInfo .packageDetails__buttons .btn--remove {
    flex: 1 1 auto;
    min-width: unset;
    width: 100%
  }
}
#modal-slideout-storeMenu .modal-wrap {
  grid-template-columns: minmax(auto, 368px)
}
#modal-slideout-storeMenu .modal-dialogue {
  padding-bottom: 2.25rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 2.25rem
}
#modal-slideout-storeMenu .btn.btn--close {
  position: absolute;
  right: 1.5rem;
  top: 26px
}
#modal-slideout-storeMenu .modal__header {
  padding-right: 3.5rem
}
#modal-slideout-storeMenu .modal__header h1 {
  display: inline-block;
  font-family: Gilroy-Bold, sans-serif;
  font-size: 20px;
  line-height: 24px;
  text-align: left
}
#modal-slideout-storeMenu .modal__body {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  justify-content: center;
  margin-top: 2.5rem;
  width: 100%
}
#modal-slideout-storeMenu .dd-parent, #modal-slideout-storeMenu .menu-cat--complex, #modal-slideout-storeMenu .menu-cat--simple {
  flex: 1 1 auto;
  width: 100%
}
#modal-slideout-storeMenu .dd-parent.dd-parent--yellow-grad .dd-toggle {
  background: linear-gradient(90deg, #f1c259, #f2eaaa)
}
#modal-slideout-storeMenu .dd-parent.dd-parent--yellow-grad .dd-toggle span {
  --tw-text-opacity: 1;
  color: rgb(51 37 0/var(--tw-text-opacity))
}
#modal-slideout-storeMenu .dd-dropdown {
  gap: var(--spacing);
  margin-top: var(--spacing)
}
#modal-slideout-storeMenu .complex__toggle span, #modal-slideout-storeMenu .dd-toggle span, #modal-slideout-storeMenu .menu-cat--simple span, #modal-slideout-storeMenu .menu-subcat span {
  transition-duration: .2s
}
#modal-slideout-storeMenu .complex__toggle:focus, #modal-slideout-storeMenu .complex__toggle:hover, #modal-slideout-storeMenu .dd-toggle:focus, #modal-slideout-storeMenu .dd-toggle:hover, #modal-slideout-storeMenu .menu-cat--simple:focus, #modal-slideout-storeMenu .menu-cat--simple:hover, #modal-slideout-storeMenu .menu-subcat:focus, #modal-slideout-storeMenu .menu-subcat:hover {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.04;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  transition-duration: .2s
}
#modal-slideout-storeMenu .complex__toggle:focus span, #modal-slideout-storeMenu .complex__toggle:hover span, #modal-slideout-storeMenu .dd-toggle:focus span, #modal-slideout-storeMenu .dd-toggle:hover span, #modal-slideout-storeMenu .menu-cat--simple:focus span, #modal-slideout-storeMenu .menu-cat--simple:hover span, #modal-slideout-storeMenu .menu-subcat:focus span, #modal-slideout-storeMenu .menu-subcat:hover span {
  --tw-text-opacity: 1
}
#modal-slideout-storeMenu .complex__toggle, #modal-slideout-storeMenu .dd-toggle, #modal-slideout-storeMenu .menu-cat--simple {
  align-items: center;
  border-radius: 12px;
  display: block;
  display: flex;
  gap: .5rem;
  padding-bottom: 1.5rem;
  padding-left: 2rem;
  padding-right: 1.25rem;
  padding-top: 1.5rem;
  width: 100%
}
#modal-slideout-storeMenu .complex__toggle>span, #modal-slideout-storeMenu .dd-toggle>span, #modal-slideout-storeMenu .menu-cat--simple>span {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.5;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-family: Gilroy-Bold, sans-serif;
  font-size: 16px;
  line-height: 20px
}
#modal-slideout-storeMenu .dd-dropdown {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center
}
#modal-slideout-storeMenu .dd-dropdown .complex__toggle:focus span:before, #modal-slideout-storeMenu .dd-dropdown .complex__toggle:hover span:before, #modal-slideout-storeMenu .dd-dropdown .menu-cat--simple:focus span:before, #modal-slideout-storeMenu .dd-dropdown .menu-cat--simple:hover span:before {
  --tw-bg-opacity: 1
}
#modal-slideout-storeMenu .dd-dropdown .complex__toggle span, #modal-slideout-storeMenu .dd-dropdown .menu-cat--simple span {
  display: inline-block;
  padding-left: 27px;
  position: relative
}
#modal-slideout-storeMenu .dd-dropdown .complex__toggle span:before, #modal-slideout-storeMenu .dd-dropdown .menu-cat--simple span:before {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.5;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: .625rem;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  top: 0;
  transition-duration: .2s;
  width: 6px
}
#modal-slideout-storeMenu .dd-dropdown .complex__toggle svg, #modal-slideout-storeMenu .dd-dropdown .menu-cat--simple svg {
  display: inline-block
}
#modal-slideout-storeMenu .menu-cat--complex.open {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.04;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: 12px
}
#modal-slideout-storeMenu .menu-cat--complex.open .complex__toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}
#modal-slideout-storeMenu .menu-cat--complex.open .complex__toggle svg {
  --tw-scale-y: -1;
  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))
}
#modal-slideout-storeMenu .complex__toggle svg {
  fill: #fff;
  flex: 0 0 24px;
  height: 24px;
  margin-left: auto;
  opacity: .5;
  transition-duration: .2s;
  width: 24px
}
#modal-slideout-storeMenu .complex__subcats {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: .75rem;
  padding: .75rem
}
#modal-slideout-storeMenu .menu-subcat {
  border-radius: 12px;
  flex: 1 1 auto;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  position: relative;
  width: 100%
}
#modal-slideout-storeMenu .menu-subcat.menu-subcat--active {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.04;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-color: #ffffff0a;
  border-radius: 12px;
  border-style: solid;
  border-width: 1px
}
#modal-slideout-storeMenu .menu-subcat.menu-subcat--active:after {
  border-bottom: 4px solid transparent;
  border-left: 4px solid #f2c866;
  border-top: 4px solid transparent;
  bottom: 0;
  content: "";
  display: inline-block;
  height: 22px;
  left: 0;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  top: 0;
  width: 0
}
#modal-slideout-storeMenu .menu-subcat.menu-subcat--active span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
#modal-slideout-storeMenu .menu-subcat span {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.5;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-family: Gilroy-Bold, sans-serif
}
#modal-slideout-storeMenu .menu-cat--complex.menu-cat--active .complex__toggle, #modal-slideout-storeMenu .menu-cat.menu-cat--simple.menu-cat--active {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.04;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-color: #ffffff0a;
  border-style: solid;
  border-width: 1px;
  position: relative
}
#modal-slideout-storeMenu .menu-cat--complex.menu-cat--active .complex__toggle:before, #modal-slideout-storeMenu .menu-cat.menu-cat--simple.menu-cat--active:before {
  border-bottom: 4px solid transparent;
  border-left: 4px solid #f2c866;
  border-top: 4px solid transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 22px;
  left: 0;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  top: 0;
  width: 0
}
#modal-slideout-storeMenu .menu-cat--complex.menu-cat--active .complex__toggle span, #modal-slideout-storeMenu .menu-cat.menu-cat--simple.menu-cat--active span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.featured-packages-and-sales {
  display: grid;
  gap: var(--spacing);
  grid-template-columns: auto 504px
}
.panel--featured-packages {
  min-height: 363px
}
.welcome-message {
  padding-bottom: 64px;
  padding-top: 64px
}
.welcome-message h6 {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.5;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: block;
  font-family: Gilroy-Bold, sans-serif;
  font-size: 20px;
  line-height: 28px;
  text-transform: uppercase
}
.welcome-message h2 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: block;
  font-family: Gilroy-Bold, sans-serif;
  font-size: 40px;
  line-height: 50px;
  margin-top: .25rem;
  text-transform: uppercase
}
.homepage-panels {
  display: grid;
  gap: var(--spacing);
  grid-template-columns: repeat(3, minmax(0, 1fr))
}
.codem-info {
  --tw-bg-opacity: 1;
  background-color: rgb(43 43 43/var(--tw-bg-opacity));
  margin-top: 72px
}
.codem-info .container {
  padding-bottom: 5rem;
  padding-top: 5rem
}
.codem-info .info-cards-container {
  display: grid;
  gap: var(--spacing);
  grid-template-columns: repeat(3, minmax(0, 1fr))
}
.info-card {
  --tw-bg-opacity: 1;
  background-color: rgb(46 46 46/var(--tw-bg-opacity));
  border-width: 1px !important;
  margin: 0;
  padding: 2.75rem
}
.info-card .info-card__icon-container {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.2;
  align-items: center;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: 8px;
  display: flex;
  flex: 0 0 48px;
  height: 48px;
  justify-content: center;
  width: 48px
}
.info-card h6 {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 1rem;
  margin-top: 1.5rem
}
.info-card p {
  --tw-text-opacity: 1;
  color: rgb(192 192 192/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  margin: 0
}
.info-card.info-card--red .info-card__icon-container {
  --tw-bg-opacity: 1;
  background-color: rgb(232 93 81/var(--tw-bg-opacity))
}
.info-card.info-card--blue .info-card__icon-container {
  --tw-bg-opacity: 1;
  background-color: rgb(61 140 226/var(--tw-bg-opacity))
}
.info-card.info-card--light-blue .info-card__icon-container {
  --tw-bg-opacity: 1;
  background-color: rgb(69 156 188/var(--tw-bg-opacity))
}
.info-card.info-card--lavender .info-card__icon-container {
  --tw-bg-opacity: 1;
  background-color: rgb(103 111 213/var(--tw-bg-opacity))
}
.info-card.info-card--pink .info-card__icon-container {
  --tw-bg-opacity: 1;
  background-color: rgb(155 88 209/var(--tw-bg-opacity))
}
.info-card.info-card--dark-blue .info-card__icon-container {
  --tw-bg-opacity: 1;
  background-color: rgb(66 68 104/var(--tw-bg-opacity))
}
.info-card.info-card--light-green .info-card__icon-container {
  --tw-bg-opacity: 1;
  background-color: rgb(143 171 92/var(--tw-bg-opacity))
}
.info-card.info-card--light-orange .info-card__icon-container {
  --tw-bg-opacity: 1;
  background-color: rgb(214 136 93/var(--tw-bg-opacity))
}
.info-card.info-card--cfx .info-card__icon-container {
  --tw-bg-opacity: 1;
  background-color: rgb(29 32 45/var(--tw-bg-opacity))
}
@media(min-width:1351px) {
  .featured-packages-and-sales .btn--discord .btn--discord__mobileText {
    display: none
  }
}
@media(max-width:1350px) {
  .featured-packages-and-sales {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-template-rows: auto auto
  }
  .featured-packages-and-sales .sales-and-discord {
    align-items: flex-start !important;
    display: flex;
    flex-direction: row !important;
    gap: var(--spacing)
  }
  .featured-packages-and-sales .panel--sale {
    margin-bottom: 0
  }
  .featured-packages-and-sales .btn--discord {
    flex: 0 0 257px;
    width: 257px
  }
  .featured-packages-and-sales .btn--discord span:not(.btn--discord__mobileText) {
    display: none
  }
  .featured-packages-and-sales .btn--discord .btn--discord__mobileText {
    display: inline-block;
    font-family: Gilroy-Bold, sans-serif;
    font-size: 24px;
    line-height: 29px
  }
  .featured-packages-and-sales .btn--discord .discord__bg-image {
    height: 117px;
    -o-object-fit: fill;
    object-fit: fill;
    width: 167px
  }
  .featured-packages-and-sales .panel.panel--sale {
    height: auto;
    min-height: 120px
  }
  .featured-packages-and-sales .panel.panel--sale .discount-percentage {
    line-height: 19px;
    margin-top: -1px;
    padding-bottom: .125rem;
    padding-left: .75rem;
    padding-right: .75rem;
    padding-top: .125rem;
    position: unset
  }
  .featured-packages-and-sales .panel.panel--sale .btn--CTA {
    background-color: transparent;
    border-width: 0;
    height: 100% !important;
    left: 0;
    max-width: unset !important;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100% !important
  }
  .featured-packages-and-sales .panel.panel--sale .btn--CTA span {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap
  }
  .featured-packages-and-sales .panel.panel--sale .panel__body {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: .5rem;
    padding-left: 2.5rem;
    padding-top: .5rem
  }
  .featured-packages-and-sales .panel.panel--sale .panel__body h3 {
    font-size: 24px;
    line-height: 29px
  }
  .featured-packages-and-sales .panel.panel--sale .sale__bg-img-container {
    height: 700px;
    opacity: .06;
    right: -286px;
    top: -235px;
    width: 700px
  }
  .featured-packages-and-sales .panel.panel--sale .sale__img-container .sale__img {
    bottom: 10px
  }
  .welcome-message {
    padding-bottom: 58px
  }
  .welcome-message h6 {
    font-family: Gilroy-Bold, sans-serif;
    font-size: 18px;
    line-height: 23px
  }
  .welcome-message h2 {
    font-family: Gilroy-Heavy, sans-serif;
    font-size: 32px;
    line-height: 39px;
    margin-top: .375rem
  }
  .homepage-panels {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}
@media(max-width:1050px) {
  .codem-info {
    margin-top: 4rem
  }
  .codem-info .container {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem
  }
  .codem-info .info-cards-container {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
  .info-card {
    --tw-bg-opacity: 1;
    background-color: rgb(46 46 46/var(--tw-bg-opacity));
    padding: 2.5rem 2.5rem 2rem
  }
  .info-card h6 {
    margin-bottom: 18px
  }
}
@media(max-width:800px) {
  .featured-packages-and-sales .sales-and-discord {
    flex-direction: column !important
  }
  .featured-packages-and-sales .panel.panel--sale {
    min-height: 199px
  }
  .featured-packages-and-sales .panel.panel--sale .panel__body {
    padding-bottom: 110px;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1.75rem
  }
  .featured-packages-and-sales .panel.panel--sale .panel__body .sale__desc, .featured-packages-and-sales .panel.panel--sale .panel__body h3 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center
  }
  .featured-packages-and-sales .panel.panel--sale .discount-percentage {
    margin-left: .75rem
  }
  .sales-and-discord .btn--discord {
    flex: 0 0 auto;
    padding-bottom: 22px !important;
    padding-top: 22px !important
  }
  .sales-and-discord .btn--discord svg {
    flex: 0 0 24px;
    height: 24px;
    width: 24px
  }
  .sales-and-discord .btn--discord span.btn--discord__mobileText {
    display: inline-block;
    font-size: 16px;
    line-height: 20px
  }
  .sales-and-discord .btn--discord .discord__bg-image {
    width: 60%
  }
  .welcome-message {
    padding-bottom: 60px;
    padding-top: 60px
  }
  .welcome-message h6 {
    font-size: 16px;
    line-height: 20px
  }
  .welcome-message h2 {
    font-size: 24px;
    line-height: 28px;
    margin-top: .625rem
  }
  .codem-info {
    margin-top: 4rem
  }
  .codem-info .container {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
  }
  .info-card {
    padding: 2rem
  }
  .info-card .info-card__icon-container {
    flex: 0 0 40px;
    height: 40px;
    width: 40px
  }
  .info-card h6 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: .875rem;
    margin-top: 1.25rem
  }
  .info-card p {
    font-size: 14px;
    line-height: 22px
  }
}
@media(max-width:650px) {
  .codem-info .info-cards-container {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
}
.basket-items, .cart-body__items {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1.5rem
}
.basket-items .basket-item, .cart-body__items .basket-item {
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64/var(--tw-bg-opacity));
  border-color: #ffffff0a;
  border-radius: 12px;
  border-style: solid;
  border-width: 2px
}
.basket-items .basket-item__details, .cart-body__items .basket-item__details {
  align-items: center
}
.basket-items .basket-item__options, .cart-body__items .basket-item__options {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  padding-left: 32px;
  padding-right: 32px
}
.basket-items .details__name, .basket-items .details__price, .cart-body__items .details__name, .cart-body__items .details__price {
  display: block
}
.basket-items .details__name, .cart-body__items .details__name {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-family: Gilroy-Bold, sans-serif;
  font-size: 16px;
  line-height: 25px
}
.basket-items .details__price, .cart-body__items .details__price {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.7;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 14px;
  font-weight: 700;
  margin-top: .375rem
}
.basket-items .details__left, .cart-body__items .details__left {
  padding-right: 1rem
}
.basket-items .details__right, .cart-body__items .details__right {
  align-items: center;
  display: flex;
  gap: .75rem;
  margin-left: auto;
  position: relative
}
.basket-items .btn--danger, .basket-items .details__qty, .cart-body__items .btn--danger, .cart-body__items .details__qty {
  border-radius: 6px;
  flex: 0 0 45px;
  height: 45px;
  width: 45px
}
.basket-items .details__qty-parent form, .cart-body__items .details__qty-parent form {
  position: relative
}
.basket-items .details__qty-parent form .item-qty-down, .basket-items .details__qty-parent form .item-qty-up, .cart-body__items .details__qty-parent form .item-qty-down, .cart-body__items .details__qty-parent form .item-qty-up {
  height: 5px;
  pointer-events: none;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 5px
}
.basket-items .details__qty-parent form .item-qty-up, .cart-body__items .details__qty-parent form .item-qty-up {
  right: .875rem;
  top: 1.25rem
}
.basket-items .details__qty-parent form .item-qty-down, .cart-body__items .details__qty-parent form .item-qty-down {
  bottom: 1.25rem;
  right: .875rem
}
.basket-items .btn--danger, .basket-items .details__qty-parent form .details__qty, .cart-body__items .btn--danger, .cart-body__items .details__qty-parent form .details__qty {
  border-radius: 6px
}
.basket-items .details__qty, .cart-body__items .details__qty {
  --tw-bg-opacity: 1;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgb(88 88 88/var(--tw-bg-opacity));
  border-color: #ffffff0a;
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  display: inline-block;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  gap: .625rem;
  justify-content: center;
  line-height: 22px;
  outline: 2px solid transparent;
  outline-offset: 2px
}
.basket-items .details__qty.single, .cart-body__items .details__qty.single {
  opacity: .5;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.basket-items .option, .cart-body__items .option {
  align-items: center;
  -moz-column-gap: .625rem;
  column-gap: .625rem;
  display: flex;
  flex-wrap: wrap;
  row-gap: .25rem
}
.basket-items .option:not(:first-of-type), .cart-body__items .option:not(:first-of-type) {
  margin-top: .5rem
}
.basket-items .option svg, .cart-body__items .option svg {
  flex: 0 0 18px;
  height: 18px;
  width: 18px
}
.basket-items .option svg path, .cart-body__items .option svg path {
  fill: #fff !important
}
.basket-items .option .option__name, .basket-items .option .option__value, .cart-body__items .option .option__name, .cart-body__items .option .option__value {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 14px;
  font-weight: 600
}
.basket-items .svg.svg--chevrons, .cart-body__items .svg.svg--chevrons {
  margin-top: -1px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.basket-items .svg.svg--chevrons path, .cart-body__items .svg.svg--chevrons path {
  fill: #fff
}
.basket-items .details__qty-parent, .cart-body__items .details__qty-parent {
  position: relative
}
.basket-items .details__qty-parent.single, .cart-body__items .details__qty-parent.single {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.12;
  align-items: center;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-color: #ffffff0a;
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  display: flex;
  flex: 0 0 45px;
  height: 45px;
  justify-content: center;
  opacity: .5;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 45px
}
.basket-items .details__qty-parent .menu--qtys, .cart-body__items .details__qty-parent .menu--qtys {
  --tw-bg-opacity: 1;
  background-color: rgb(88 88 88/var(--tw-bg-opacity));
  border-color: #ffffff1a;
  border-radius: 8px;
  border-style: solid;
  border-width: 1px;
  display: grid;
  gap: .375rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  opacity: 0;
  padding-bottom: .625rem;
  padding-left: .5rem;
  padding-right: .5rem;
  padding-top: .625rem;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 100%;
  transition-duration: .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  visibility: hidden;
  width: 104px
}
.basket-items .details__qty-parent.open, .cart-body__items .details__qty-parent.open {
  z-index: 3
}
.basket-items .details__qty-parent.open .menu--qtys, .cart-body__items .details__qty-parent.open .menu--qtys {
  opacity: 1;
  pointer-events: auto;
  top: calc(100% + 8px);
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto;
  visibility: visible
}
.basket-items .details__qty-parent .btn--qtyValue, .cart-body__items .details__qty-parent .btn--qtyValue {
  min-height: 28px;
  padding-bottom: .125rem;
  padding-left: .5rem;
  padding-right: .5rem;
  padding-top: .125rem
}
.basket-items .details__qty-parent .btn--qtyValue span, .cart-body__items .details__qty-parent .btn--qtyValue span {
  font-size: 14px
}
.basket-items .details__qty-parent .btn--qtyValue:focus, .basket-items .details__qty-parent .btn--qtyValue:hover, .cart-body__items .details__qty-parent .btn--qtyValue:focus, .cart-body__items .details__qty-parent .btn--qtyValue:hover {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.04;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: 8px
}
.basket-items .details__qty-parent .btn--qtyValue.btn--qtyValue--active, .cart-body__items .details__qty-parent .btn--qtyValue.btn--qtyValue--active {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.basket-items .details__qty-parent .btn--qtyValue.btn--qtyValue--active span, .cart-body__items .details__qty-parent .btn--qtyValue.btn--qtyValue--active span {
  --tw-text-opacity: 1;
  color: rgb(88 88 88/var(--tw-text-opacity))
}
.basket-items .basket-item__details__inner, .cart-body__items .basket-item__details__inner {
  align-items: flex-start;
  display: flex;
  flex: 1 1 auto;
  padding-bottom: 1.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1.5rem;
  width: 100%
}
.basket-items .basket-item__options, .cart-body__items .basket-item__options {
  flex: 1 1 auto;
  gap: .25rem;
  padding-bottom: 1.75rem;
  padding-left: 2rem;
  padding-right: 2rem;
  width: 100%
}
.basket-items .basket-item__details, .cart-body__items .basket-item__details {
  align-items: flex-start;
  display: flex;
  flex-direction: column
}
#ndzn-app__bg-image-container.checkout .ndzn-app__gray-gradient {
  background: linear-gradient(180deg, #222222a8, #101219)
}
#ndzn-app__bg-image-container.checkout .ndzn-app__gray-gradient-left {
  background: linear-gradient(90deg, #101219, #101219ba, #22222200);
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  z-index: 5
}
#ndzn-app__bg-image-container.checkout .ndzn-app__bg-image {
  --tw-translate-y: 30px;
  --tw-translate-x: -80px;
  --tw-scale-x: 1.2;
  --tw-scale-y: 1.2;
  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))
}
.checkout-content .panel {
  margin-left: auto;
  margin-right: auto;
  width: 1320px
}
.panel.panel--filled.panel--checkout {
  --tw-bg-opacity: .12;
  --tw-backdrop-blur: blur(16px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.panel--checkoutSummary .panel__heading {
  padding-bottom: 76px;
  padding-top: 1.5rem
}
.panel--checkoutSummary .heading-buttons {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 1.5rem
}
.panel--checkoutSummary .btn--checkoutSummary {
  align-items: center;
  border-radius: 12px;
  display: flex;
  gap: .625rem;
  height: 52px;
  padding-bottom: .5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: .5rem
}
.panel--checkoutSummary .btn--checkoutSummary span {
  display: inline-block;
  font-family: Gilroy-Bold, sans-serif;
  font-size: 20px;
  line-height: unset;
  line-height: 28px;
  text-transform: none
}
.panel.panel--checkout .panel__heading {
  align-items: center;
  display: flex;
  padding-bottom: 48px;
  padding-left: 56px;
  padding-right: 56px;
  padding-top: 48px
}
.panel.panel--checkout .panel__heading svg {
  margin-right: 1rem
}
.panel.panel--checkout .panel__heading h2, .panel.panel--checkout .panel__heading span {
  display: inline-block;
  font-family: Gilroy-Bold, sans-serif
}
.panel.panel--checkout .panel__heading h2 {
  font-size: 24px;
  line-height: 29px
}
.panel.panel--checkout .panel__heading span {
  font-size: 20px;
  line-height: 25px;
  margin-left: auto
}
.panel.panel--checkout .panel__body {
  padding-bottom: 56px;
  padding-left: 56px;
  padding-right: 56px
}
.panel.panel--checkout .basket-item {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.08;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.panel.panel--basketItems {
  position: relative;
  z-index: 2
}
.panel.panel--coupons form.coupon-el {
  display: grid;
  gap: .75rem;
  grid-template-columns: auto 210px
}
.panel.panel--coupons form.coupon-el .btn, .panel.panel--coupons form.coupon-el .input {
  border-radius: 12px
}
.panel.panel--coupons form.coupon-el .input {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.08;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-color: #ffffff0a;
  border-style: solid;
  border-width: 1px;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem
}
.panel.panel--coupons form.coupon-el .btn span {
  font-family: Gilroy-Heavy, sans-serif
}
.panel.panel--coupons .coupons-list {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 3rem
}
.panel.panel--coupons .coupon-err {
  align-items: center;
  background: linear-gradient(90deg, #f15959, #da6868);
  border-radius: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  justify-content: center;
  margin-top: 1.5rem;
  padding: 1rem;
  position: relative
}
.panel.panel--coupons .coupon-err:before {
  background-color: transparent;
  border-color: #ffffff1a;
  border-radius: 12px;
  border-style: solid;
  border-width: 1px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
.panel.panel--coupons .coupon-err span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-family: Gilroy-Bold, sans-serif;
  font-size: 16px;
  line-height: 21px;
  text-align: center
}
.coupon {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 0.1;
  align-items: center;
  background-color: rgb(255 242 123/var(--tw-bg-opacity));
  border-color: rgb(255 242 123/var(--tw-border-opacity));
  border-radius: 12px;
  border-style: solid;
  border-width: 1px;
  padding: 18px 1.5rem
}
.coupon, .coupon .coupon__left {
  display: flex
}
.coupon .coupon__left {
  align-items: center;
  flex-wrap: wrap
}
.coupon .coupon__left i {
  --tw-bg-opacity: 1;
  background-color: rgb(255 242 123/var(--tw-bg-opacity));
  display: inline-block;
  height: 8px;
  margin-left: .75rem;
  margin-right: .75rem;
  width: 1px
}
.coupon .coupon__right {
  margin-left: auto;
  padding-left: 1.5rem
}
.coupon .coupon__desc, .coupon .coupon__name {
  --tw-text-opacity: 1;
  color: rgb(255 242 123/var(--tw-text-opacity));
  font-size: 16px;
  line-height: 25px;
  text-align: left
}
.coupon .coupon__name {
  font-family: Gilroy-Bold, sans-serif;
  margin-left: .75rem
}
.coupon .coupon__desc {
  --tw-text-opacity: 0.6;
  font-family: Gilroy-Medium, sans-serif
}
.coupon .btn--removeCoupon {
  align-items: center;
  display: flex;
  height: 30px;
  justify-content: center;
  width: 30px
}
.coupon .btn--removeCoupon:focus, .coupon .btn--removeCoupon:hover {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.04;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.coupon .btn--removeCoupon svg {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.coupon .btn--loading:after {
  border-color: transparent transparent #fff27b #fff27b
}
.panel.panel--purchase .panel__heading {
  padding-bottom: 2.25rem
}
.panel.panel--purchase .panel__body p {
  margin-bottom: 2.25rem
}
.panel.panel--purchase .purchase-buttons {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: 398px auto
}
.panel.panel--purchase .purchase-buttons .btn {
  border-radius: 12px;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem
}
.panel.panel--purchase .purchase-buttons .btn span {
  font-family: Gilroy-Heavy, sans-serif
}
.panel.panel--purchase .purchase-buttons .btn--grey {
  background: rgba(white, .12);
  position: relative
}
.panel.panel--purchase .purchase-buttons .btn--grey:before {
  border-color: #ffffff0a;
  border-radius: 12px;
  border-style: solid;
  border-width: 2px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
.panel.panel--purchase .purchase-buttons .btn--grey span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
@media(max-width:1500px) {
  .checkout-content .panel {
    width: 100%
  }
  .panel--checkoutSummary .heading-buttons {
    margin-top: 1rem
  }
}
@media(max-width:1050px) {
  .panel--checkoutSummary .panel__heading {
    padding-bottom: 34px
  }
  .panel--checkoutSummary .panel__heading b {
    display: block;
    margin-top: .5rem
  }
  .panel--checkoutSummary .panel__heading .heading-buttons {
    margin-top: 1.25rem
  }
  .panel--checkoutSummary .btn--checkoutSummary {
    height: 44px;
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }
  .panel--checkoutSummary .btn--checkoutSummary span {
    font-size: 16px;
    line-height: 20px
  }
  .panel--checkoutSummary .btn--checkoutSummary svg {
    flex: 0 0 17px;
    width: 17px
  }
  .panel--checkoutSummary .heading-buttons {
    margin-top: .75rem
  }
}
@media(max-width:1000px) {
  .panel.panel--purchase .purchase-buttons {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}
@media(max-width:900px) {
  .basket-items {
    gap: 1.5rem
  }
  .panel.panel--checkout .panel__heading {
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.5rem
  }
  .panel.panel--checkout .panel__heading h2 {
    font-size: 22px;
    line-height: 27px
  }
  .panel.panel--checkout .panel__body {
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
  .panel.panel--coupons .coupons-list {
    margin-top: 1.5rem
  }
  .panel.panel--purchase .panel__body p {
    margin-bottom: 1.5rem
  }
}
@media(max-width:750px) {
  .panel.panel--purchase .purchase-buttons {
    gap: .75rem
  }
  .panel.panel--purchase .purchase-buttons .btn {
    min-height: 65px;
    padding-bottom: 21px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 20px
  }
  .panel.panel--coupons .coupons-list {
    gap: 1rem;
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
  .panel.panel--coupons form.coupon-el {
    grid-template-columns: auto 150px
  }
  .panel.panel--coupons form.coupon-el .input {
    min-height: 48px;
    padding-bottom: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.25rem
  }
  .coupon {
    padding: .75rem .75rem .75rem 18px
  }
  .coupon .coupon__icon {
    flex: 0 0 18px;
    height: 18px;
    width: 18px
  }
  .coupon .coupon__name {
    margin-left: 0
  }
  .coupon .coupon__left {
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    flex: 1 1 auto;
    row-gap: .375rem;
    width: 100%
  }
  .coupon .coupon__left i {
    display: none
  }
  .coupon .coupon__right {
    padding-left: .75rem
  }
  .coupon .coupon__desc, .coupon .coupon__name {
    font-size: 14px;
    line-height: 18px
  }
}
@media(max-width:540px) {
  .panel.panel--purchase .purchase-buttons {
    display: flex;
    flex-direction: column
  }
  .panel.panel--purchase .purchase-buttons .btn {
    min-height: 60px;
    padding-bottom: 18px;
    padding-top: 18px
  }
  .panel.panel--purchase .purchase-buttons .btn span {
    font-size: 14px;
    line-height: 18px
  }
  .panel.panel--coupons .coupons-list {
    margin-top: 1rem
  }
  .panel.panel--coupons form.coupon-el {
    gap: 0;
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
  .panel.panel--coupons form.coupon-el .btn span, .panel.panel--coupons form.coupon-el .input {
    font-size: 14px;
    line-height: 18px
  }
  .panel.panel--coupons form.coupon-el .input {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
    text-align: center
  }
  .panel.panel--coupons form.coupon-el .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-bottom: 21px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 21px
  }
  .panel.panel--checkout.panel--purchase .panel__body {
    padding-top: 0
  }
  .panel.panel--checkout.panel--purchase .panel__body p {
    margin-bottom: 1rem
  }
  .panel.panel--checkout .panel__heading {
    padding: 1rem
  }
  .panel.panel--checkout .panel__heading svg {
    flex: 0 0 20px;
    height: 20px;
    width: 20px
  }
  .panel.panel--checkout .panel__heading h2, .panel.panel--checkout .panel__heading span {
    font-size: 20px;
    line-height: 24px
  }
  .panel.panel--checkout .panel__body {
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .5rem
  }
  .panel.panel--checkout .basket-items {
    gap: 1rem
  }
  .panel.panel--checkout .basket-items .basket-item .basket-item__details__inner {
    padding: 1rem !important
  }
  .panel.panel--checkout .basket-items .basket-item .basket-item__options {
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .5rem
  }
}
@media(max-width:450px) {
  .panel.panel--checkout.panel--basketItems .panel__heading {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: .875rem;
    justify-content: center
  }
  .panel.panel--checkout.panel--basketItems .panel__heading span {
    margin-left: auto;
    margin-right: auto
  }
  .panel.panel--checkout .panel__heading {
    justify-content: center
  }
  .panel.panel--checkout .panel__heading svg {
    display: none
  }
  .panel.panel--checkout .panel__heading h2 {
    display: block;
    text-align: center
  }
}
@media(max-width:375px) {
  .panel.panel--checkout.panel--purchase .panel__body p {
    text-align: center
  }
  .panel.panel--checkout .basket-items .basket-item .basket-item__details__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
  }
  .basket-items .basket-item {
    padding-bottom: .5rem
  }
  .basket-items .basket-item .details__right {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.25rem
  }
  .basket-items .basket-item .option {
    display: block;
    text-align: center
  }
  .basket-items .details__left {
    padding-right: 0
  }
  .basket-items .details__price {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
  }
}
.ndzn-js--videoThumbnail {
  display: none !important
}
.content-package {
  overflow: hidden
}
.content-package .package-page {
  opacity: 1;
  position: relative;
  transition-duration: .5s
}
.content-package .package-page.package-page--loading {
  opacity: 0
}
.content-package .panel--package--wide+.panel--packageVideo {
  display: none !important
}
.content-package .panel--package.panel--package--wide .panel__body, .content-package .panel--package.panel--package--wide .panel__heading {
  padding-right: 0 !important
}
.content-package .panel--package .panel__body, .content-package .panel--package .panel__heading {
  padding-right: 750px
}
.content-package .panel--package .panel__heading {
  padding-bottom: 2.5rem;
  padding-left: 0;
  padding-top: 2.25rem
}
.content-package .panel--package .panel__heading b, .content-package .panel--package .panel__heading small {
  display: block;
  text-align: left
}
.content-package .panel--package .panel__heading b {
  font-family: Gilroy-Heavy, sans-serif
}
.content-package .panel--package .panel__body {
  position: relative
}
.content-package .panel--package .panel__body .__noDesc {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.7;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-family: Gilroy-Medium, sans-serif;
  font-size: 17px;
  line-height: 22px
}
.content-package .panel--package .packageDetails {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.03;
  --tw-backdrop-blur: blur(8px);
  align-items: center;
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  margin-top: 52px;
  padding-bottom: 1.25rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 5
}
.content-package .panel--package .packageDetails.packageDetails--nonSticky {
  background-color: transparent;
  justify-content: flex-start;
  padding: 0;
  position: unset;
  width: auto
}
.content-package .panel--package .packageDetails__price {
  align-items: flex-start;
  display: flex;
  flex-direction: column
}
.content-package .panel--package .price__actual, .content-package .panel--package .price__discounted {
  display: block;
  text-align: left
}
.content-package .panel--package .price__discounted {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.5;
  color: rgb(255 93 93/var(--tw-text-opacity));
  font-family: Gilroy-Medium, sans-serif;
  font-size: 16px;
  line-height: 22px;
  margin-top: .375rem;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through
}
.content-package .panel--package .price__actual {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-family: Gilroy-Bold, sans-serif;
  font-size: 20px;
  line-height: 24px
}
.content-package .panel--package .packageDetails__buttons {
  align-items: center;
  display: flex;
  gap: .75rem;
  margin-left: 3.5rem
}
.content-package .panel--package .packageDetails__buttons .btn {
  border-radius: 12px;
  min-height: 63px;
  position: relative
}
.content-package .panel--package .packageDetails__buttons .btn:before {
  border-color: #ffffff1a;
  border-radius: 12px;
  border-style: solid;
  border-width: 2px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
.content-package .panel--package .packageDetails__buttons .btn--gift {
  background: linear-gradient(90deg, hsla(0, 0%, 100%, .12), hsla(0, 0%, 89%, .12));
  min-width: 63px;
  padding: 1rem
}
.content-package .panel--package .packageDetails__buttons .btn--add, .content-package .panel--package .packageDetails__buttons .btn--remove {
  min-width: 231px;
  padding-bottom: .5rem;
  padding-left: 72px;
  padding-right: 72px;
  padding-top: .5rem
}
.content-package .panel--package .packageDetails__buttons .btn--add span, .content-package .panel--package .packageDetails__buttons .btn--remove span {
  font-family: Gilroy-Bold, sans-serif
}
.panel--packageVideo {
  flex: 0 0 504px;
  margin-bottom: 0;
  position: absolute;
  right: 132px;
  top: -142px;
  width: 504px
}
.packageVideoContainer, .packageVideo__link {
  align-items: center;
  display: inline-block;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%
}
.packageVideoContainer {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  aspect-ratio: 504 / 285;
}
.packageVideoContainer:focus:before, .packageVideoContainer:hover:before {
  -webkit-animation: unset;
  animation: unset;
  border-color: #ffffff50
}
.packageVideoContainer:before {
  -webkit-animation: borderPulsation 1.5s infinite;
  animation: borderPulsation 1.5s infinite;
  border-color: #ffffff29;
  border-radius: 12px;
  border-style: solid;
  border-width: 2px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition-duration: .3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  z-index: 2
}
.packageVideo__link {
  position: relative
}
.packageVideo__link:focus .packageVideo__img, .packageVideo__link:hover .packageVideo__img {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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))
}
.packageVideo__link:focus .packageVideo__youtubeThumbnail, .packageVideo__link:hover .packageVideo__youtubeThumbnail {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  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))
}
.packageVideo__link .packageVideo__img, .packageVideo__link .packageVideo__youtubeThumbnail {
  transition-duration: .3s
}
.packageVideo__link .packageVideo__youtubeThumbnail {
  bottom: 0;
  flex: 0 0 70px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 70px;
  z-index: 3
}
.packageVideo__link .packageVideo__img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
@-webkit-keyframes borderPulsation {
  0%, to {
    border-color: #ffffff29
  }
  50% {
    border-color: #ffffff50
  }
}
@keyframes borderPulsation {
  0%, to {
    border-color: #ffffff29
  }
  50% {
    border-color: #ffffff50
  }
}
@media(max-width:1400px) {
  .content-package .panel.panel--package {
    margin-top: -6px
  }
  .content-package .panel.panel--package .panel__body, .content-package .panel.panel--package .panel__heading {
    padding-right: 422px
  }
  .content-package .panel.panel--package .panel__heading {
    padding-bottom: 1.75rem;
    padding-top: 0
  }
  .content-package .panel.panel--package .panel__heading h1 small {
    font-size: 16px;
    line-height: 19px
  }
  .content-package .panel.panel--package .panel__heading h1 b {
    font-size: 48px;
    line-height: 58px;
    margin-top: .75rem
  }
  .content-package .panel.panel--package .panel__body h1 {
    font-size: 48px;
    line-height: 56px
  }
  .content-package .panel.panel--package .packageDetails {
    margin-top: 3rem
  }
  .content-package .panel.panel--package .price__discounted {
    margin-top: .25rem
  }
  .panel--packageVideo {
    right: 40px;
    top: -30px;
    width: 304px
  }
}
@media(max-width:1050px) {
  .content-package .panel.panel--package {
    margin-top: 0
  }
  .content-package .panel.panel--package .panel__body, .content-package .panel.panel--package .panel__heading {
    padding-right: 364px
  }
  .content-package .panel.panel--package .panel__heading {
    padding-top: 2.75rem
  }
  .content-package .panel.panel--package .packageDetails__buttons {
    margin-left: auto;
    padding-left: 1.25rem
  }
  .panel--packageVideo {
    right: 1.5rem;
    top: -24px
  }
}
@media(max-width:900px) {
  .content-package .panel.panel--package.panel--package--wide .panel__body {
    padding-top: 1.5rem
  }
  .content-package .panel.panel--package .panel__body, .content-package .panel.panel--package .panel__heading {
    padding-right: 0
  }
  .content-package .panel.panel--package .panel__heading {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 2.5rem
  }
  .content-package .panel.panel--package .panel__heading h1 b, .content-package .panel.panel--package .panel__heading h1 small {
    text-align: center
  }
  .content-package .panel.panel--package .panel__heading h1 b {
    margin-top: .625rem
  }
  .content-package .panel.panel--package .panel__body {
    padding-top: 0;
    text-align: center
  }
  .content-package .panel.panel--package .panel__body ol li, .content-package .panel.panel--package .panel__body ul li {
    text-align: left
  }
  .content-package .panel.panel--package .panel--packageVideo {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    inset: unset;
    width: 490px
  }
  .content-package .panel.panel--package .gift-parent .gift-form {
    gap: .875rem;
    left: unset;
    padding: .875rem;
    right: 0;
    width: 327px
  }
  .content-package .panel.panel--package .gift-parent .gift-form .btn--purple {
    min-height: 55px;
    padding-bottom: 14px;
    padding-top: 14px
  }
  .content-package .panel.panel--package .gift-parent .gift-form .btn, .content-package .panel.panel--package .gift-parent .gift-form .input {
    border-radius: 8px
  }
  .content-package .panel.panel--package .gift-form:before {
    background-color: transparent;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #5e5e5e;
    bottom: -12px;
    content: "";
    height: 0;
    pointer-events: none;
    position: absolute;
    right: 17px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 0
  }
  .content-package .panel.panel--package .btn--add, .content-package .panel.panel--package .btn--remove {
    min-width: 250px
  }
}
@media(max-width:800px) {
  .content-package .panel--package .packageDetails {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
}
@media(max-width:650px) {
  .content-package .panel.panel--package .panel--packageVideo {
    width: 100%
  }
  .content-package .panel.panel--package .panel__heading {
    padding-left: 0;
    padding-right: 0
  }
  .content-package .panel.panel--package .panel__body h1, .content-package .panel.panel--package .panel__heading h1 b {
    font-size: 36px;
    line-height: 44px
  }
  .content-package .panel.panel--package .panel__heading {
    padding-bottom: 1.5rem;
    padding-top: 2rem
  }
  .content-package .panel.panel--package .packageDetails {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-top: 2.75rem
  }
  .content-package .panel.panel--package .packageDetails__price {
    align-items: center
  }
  .content-package .panel.panel--package .packageDetails__buttons {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.5rem;
    padding-left: 0
  }
}
@media(max-width:450px) {
  .content-package .panel.panel--package {
    margin-bottom: 0
  }
  .content-package .panel.panel--package .gift-parent .gift-form {
    width: 250px
  }
  .content-package .panel.panel--package .panel__heading {
    padding-bottom: 1.25rem
  }
  .content-package .panel.panel--package .panel__heading h1 small {
    font-size: 14px;
    line-height: 17px
  }
  .content-package .panel.panel--package .panel__heading h1 b {
    margin-top: .5rem
  }
  .content-package .panel.panel--package .panel__body .__noDesc {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 0
  }
  .content-package .panel.panel--package .packageDetails__buttons {
    width: 100%
  }
  .content-package .panel.panel--package .btn--add, .content-package .panel.panel--package .btn--remove {
    flex: 1 1 auto;
    min-width: unset;
    padding-left: .75rem;
    padding-right: .75rem;
    width: 100%
  }
}
.panel.panel--reviews {
  align-items: center;
  display: flex;
  flex-direction: column
}
.panel.panel--reviews .panel__heading {
  flex: 1 1 auto;
  max-width: 655px;
  padding-bottom: 24px;
  padding-top: 24px;
  width: 100%
}
.panel.panel--reviews .panel__heading b {
  --tw-text-opacity: 1;
  color: rgb(145 145 145/var(--tw-text-opacity))
}
.heading__buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 48px;
  justify-content: center;
  margin-top: 2rem
}
.heading__buttons .btn, .heading__buttons .tag {
  align-items: center;
  display: flex;
  gap: .625rem;
  padding-bottom: .75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .75rem;
  position: relative
}
.heading__buttons .btn span, .heading__buttons .tag span {
  font-family: Gilroy-Bold, sans-serif;
  font-size: 20px;
  line-height: 28px
}
.heading__buttons .btn svg, .heading__buttons .tag svg {
  transition-duration: .4s
}
.heading__buttons .btn:before {
  --tw-translate-y: 5px;
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.5;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: 5px;
  bottom: 0;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  transition-duration: .4s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 34px
}
.heading__buttons .btn:before, .heading__buttons .btn:focus:before, .heading__buttons .btn:hover:before {
  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))
}
.heading__buttons .btn:focus:before, .heading__buttons .btn:hover:before {
  --tw-translate-y: 0px;
  opacity: 1
}
.heading__buttons .btn:focus svg, .heading__buttons .btn:hover svg {
  --tw-scale-x: 1.2;
  --tw-scale-y: 1.2;
  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-reviews .panel--reviews {
  margin-bottom: 0
}
.content-reviews .panel--reviews .feedback-container, .content-reviews .panel--reviews .rating-container {
  gap: 1.5rem;
  grid-template-columns: repeat(3, minmax(0, 1fr))
}
.content-reviews .panel--reviews.product-ratings .rating-container {
  display: grid
}
.content-reviews .panel--reviews.product-ratings .feedback-container, .content-reviews .panel--reviews.user-feedback .rating-container {
  display: none
}
.content-reviews .panel--reviews.user-feedback .feedback-container {
  display: grid
}
.content-reviews .panel--reviews .panel__body {
  margin-top: 70px;
  max-height: 786px;
  overflow: hidden;
  position: relative;
  transition-duration: .5s
}
.content-reviews .panel--reviews .panel__body:before {
  background: linear-gradient(
1deg, rgba(16, 18, 25, 1) 0%, rgba(255, 255, 255, 0) 100%);
  bottom: 0;
  content: "";
  display: block;
  height: 540px;
  left: 0;
  opacity: 1;
  position: absolute;
  transition-duration: .5s;
  width: 100%;
  z-index: 3
}
.content-reviews .panel--reviews .panel__body.show-more {
  max-height: unset
}
.content-reviews .panel--reviews .panel__body.show-more:before {
  bottom: -10px;
  opacity: 0
}
.content-reviews .panel--reviews .panel__body .btn--view-more {
  border-radius: 12px;
  bottom: 64px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 280px;
  opacity: 1;
  overflow: hidden;
  padding-bottom: 26px;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 26px;
  position: absolute;
  right: 0;
  transition-duration: .5s;
  z-index: 5
}
.content-reviews .panel--reviews .panel__body .btn--view-more.show-more {
  --tw-translate-y: 10px;
  opacity: 0;
  pointer-events: none;
  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));
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  visibility: hidden
}
.content-reviews .panel--reviews .panel__body .btn--view-more:focus img, .content-reviews .panel--reviews .panel__body .btn--view-more:hover img {
  --tw-scale-x: 1.2;
  --tw-scale-y: 1.2;
  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-reviews .panel--reviews .panel__body .btn--view-more:before {
  border-color: #ffffff0a;
  border-radius: 12px;
  border-style: solid;
  border-width: 2px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
.content-reviews .panel--reviews .panel__body .btn--view-more img {
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition-duration: .4s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto
}
.content-reviews .panel--reviews .panel__body .btn--view-more span {
  font-family: Gilroy-Bold, sans-serif;
  font-size: 16px;
  line-height: 23px;
  text-transform: uppercase
}
.feedback-card {
  --tw-bg-opacity: 1;
  background-color: rgb(54 56 61/var(--tw-bg-opacity));
  border: 1px solid #ffffff0a;
  border-radius: 12px;
  padding: 2rem
}
.feedback-card .user-info__img {
  border-radius: 9999px;
  flex: 0 0 63px;
  height: 63px;
  margin-right: 1.5rem;
  width: 63px
}
.feedback-card .feedback-card__user-info {
  align-items: center;
  display: flex
}
.feedback-card .user-info__text {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: .375rem
}
.feedback-card .user-info__text h6 {
  font-family: Gilroy-Bold, sans-serif;
  font-size: 20px;
  line-height: 28px;
  margin: 0
}
.feedback-card .user-info__text span {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.5;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-family: Gilroy-Medium, sans-serif;
  font-size: 16px;
  line-height: 24px
}
.feedback-card .feedback-card__desc {
  --tw-text-opacity: 1;
  color: rgb(194 195 196/var(--tw-text-opacity));
  font-family: Gilroy-Medium, sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-top: 1.25rem
}
@media(max-width:1200px) {
  #ndzn-app__bg-image-container.centered.blue.to-front .ndzn-app__colorful-gradient {
    height: 900px;
    left: -300px;
    top: 250px;
    width: calc(100% + 600px)
  }
  .content-reviews .panel--reviews .feedback-container, .content-reviews .panel--reviews .rating-container {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
  .content-reviews .panel--reviews .panel__body {
    margin-top: .75rem
  }
}
@media(max-width:650px) {
  .panel .panel__heading h1 {
    font-size: 36px;
    line-height: 44px
  }
  .panel .panel__heading h1 b, .panel .panel__heading h1 span {
    display: block;
    text-align: center
  }
  .content-reviews .panel--reviews .feedback-container, .content-reviews .panel--reviews .rating-container {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
  .content-reviews .panel--reviews .panel__body {
    margin-top: 0
  }
  .panel.panel--reviews .panel__heading {
    padding-bottom: 2rem
  }
  .panel.panel--reviews .panel__heading b {
    --tw-text-opacity: 1;
    color: rgb(194 190 196/var(--tw-text-opacity))
  }
}
@media(max-width:375px) {
  .feedback-card {
    padding: 1.25rem
  }
  .feedback-card .user-info__img {
    flex: 0 0 56px;
    height: 56px;
    margin-right: 1.25rem;
    width: 56px
  }
  .feedback-card .user-info__text {
    gap: .5rem
  }
  .feedback-card .user-info__text h6 {
    font-size: 18px;
    line-height: 24px
  }
  .feedback-card .user-info__text span {
    font-size: 14px;
    line-height: 18px
  }
  .feedback-card .feedback-card__desc {
    font-size: 14px;
    line-height: 21px
  }
}
.panel--faq .panel__heading {
  padding-bottom: 90px;
  padding-top: 32px;
  width: 650px
}
.panel--faq .panel__heading h1 b {
  --tw-text-opacity: 1;
  color: rgb(147 145 148/var(--tw-text-opacity))
}
.panel--faq .panel__body {
  padding-left: 92px;
  padding-right: 92px
}
.panel--faq.show-general-q .tech-questions, .panel--faq.show-technical-q .general-questions {
  display: none
}
.general-questions, .tech-questions {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(1, minmax(0, 1fr))
}
.question {
  --tw-bg-opacity: 0.08;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border: 1px solid #ffffff0a;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  transition-duration: .6s
}
.question:not(.opened) .question__answer {
  display: none
}
.question.opened .question__answer {
  display: block
}
.question.opened .question__main {
  border-bottom-width: 1px;
  border-color: #ffffff0a;
  border-style: solid
}
.question.opened .question__main:before {
  height: 0;
  top: 36px
}
.question .question__main {
  align-items: center;
  cursor: pointer;
  display: flex;
  padding-bottom: 20px;
  padding-left: 2rem;
  padding-right: 100px;
  padding-top: 20px;
  position: relative
}
.question .question__main span {
  font-family: Gilroy-Medium, sans-serif;
  font-size: 20px;
  line-height: 32px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.question .question__main:after, .question .question__main:before {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  content: "";
  display: block;
  pointer-events: none;
  position: absolute;
  transition-duration: .5s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.question .question__main:before {
  height: 16px;
  margin-bottom: auto;
  margin-top: auto;
  right: 39px;
  top: 1.75rem;
  width: 2px
}
.question .question__main:after {
  height: 2px;
  right: 2rem;
  top: 35px;
  width: 16px
}
.question .question__answer {
  padding: 2rem;
  transition-duration: .5s
}
.question .question__answer p:first-of-type {
  margin-top: 0
}
.question .question__answer p:last-of-type {
  margin-bottom: 0
}
@media(max-width:1050px) {
  #ndzn-app__bg-image-container.centered .ndzn-app__left-bg-icon, #ndzn-app__bg-image-container.centered .ndzn-app__right-bg-icon {
    display: block
  }
  #ndzn-app__bg-image-container.centered .ndzn-app__left-bg-icon {
    left: -290px
  }
  #ndzn-app__bg-image-container.centered .ndzn-app__right-bg-icon {
    right: -100px
  }
  #ndzn-app__bg-image-container.centered .ndzn-app__colorful-gradient {
    height: 1200px;
    left: -100px;
    width: calc(100% + 200px)
  }
  #ndzn-app__bg-image-container.purple.centered .ndzn-app__colorful-gradient {
    background: radial-gradient(closest-side, #533366, transparent)
  }
  .panel--faq .panel__body, .panel--faq .panel__heading {
    padding-left: 0;
    padding-right: 0;
    width: 100%
  }
  .panel--faq .panel__heading {
    padding-bottom: 2.25rem
  }
  .panel--faq .panel__heading h1 b, .panel--faq .panel__heading h1 span {
    display: block;
    text-align: center
  }
  .question .question__main {
    padding-bottom: 1.75rem;
    padding-top: 1.75rem
  }
  .question .question__main:after, .question .question__main:before {
    bottom: 0;
    margin-bottom: auto;
    margin-top: auto;
    top: 0
  }
  .question .question__answer {
    display: block;
    font-size: 20px;
    line-height: 32px
  }
}
@media(max-width:650px) {
  #ndzn-app__bg-image-container.centered .ndzn-app__left-bg-icon, #ndzn-app__bg-image-container.centered .ndzn-app__right-bg-icon {
    display: none
  }
  #ndzn-app__bg-image-container.centered .ndzn-app__colorful-gradient {
    height: 900px;
    left: -300px;
    top: 200px;
    width: calc(100% + 600px)
  }
  .panel.panel--faq {
    margin-bottom: 0
  }
  .panel.panel--faq .panel__heading h1 b {
    --tw-text-opacity: 1;
    color: rgb(194 190 196/var(--tw-text-opacity))
  }
  .panel.panel--faq .heading__buttons {
    margin-top: 1rem !important
  }
  .question .question__main {
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 72px;
    padding-top: 1.5rem
  }
  .question .question__main span {
    font-size: 16px;
    line-height: 26px
  }
  .question .question__answer {
    --tw-text-opacity: 0.7;
    font-size: 16px;
    line-height: 25px;
    padding: 1.5rem
  }
}
.panel--docs {
  margin-bottom: -90px
}
.panel--docs:before {
  background: linear-gradient(0deg, #222, rgba(34, 34, 34, .991) 6.67%, rgba(34, 34, 34, .964) 13.33%, rgba(34, 34, 34, .918) 20%, rgba(34, 34, 34, .853) 26.67%, rgba(34, 34, 34, .768) 33.33%, rgba(34, 34, 34, .668) 40%, rgba(34, 34, 34, .557) 46.67%, rgba(34, 34, 34, .443) 53.33%, rgba(34, 34, 34, .332) 60%, rgba(34, 34, 34, .232) 66.67%, rgba(34, 34, 34, .147) 73.33%, rgba(34, 34, 34, .082) 80%, rgba(34, 34, 34, .036) 86.67%, rgba(34, 34, 34, .009) 93.33%, rgba(34, 34, 34, 0));
  bottom: -90px;
  content: "";
  height: 249px;
  left: 0;
  position: absolute;
  width: 100%
}
.panel--docs .panel__heading {
  max-width: 1000px;
  padding-bottom: 3rem;
  padding-top: .75rem
}
.panel--docs .panel__heading b, .panel--docs .panel__heading span {
  display: block
}
.panel--docs .panel__heading b {
  --tw-text-opacity: 1;
  color: rgb(145 145 145/var(--tw-text-opacity))
}
.panel--docs .learn-more-buttons {
  align-items: center;
  display: flex;
  justify-content: center
}
.panel--docs .btn--learn-more {
  border-radius: 12px;
  padding-bottom: 25px;
  padding-left: 92px;
  padding-right: 92px;
  padding-top: 1.5rem;
  position: relative
}
.panel--docs .btn--learn-more:before {
  border-color: #ffffff0a;
  border-radius: 12px;
  border-style: solid;
  border-width: 2px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
.panel--docs .btn--learn-more:focus .learn-more__bg, .panel--docs .btn--learn-more:hover .learn-more__bg {
  width: 66%
}
.panel--docs .btn--learn-more .learn-more__bg {
  border-radius: 12px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition-duration: .3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 62%
}
.panel--docs .btn--learn-more span {
  font-family: Gilroy-Bold, sans-serif;
  font-size: 16px;
  text-transform: uppercase
}
.panel--docs .info-img-container {
  margin-top: 104px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
@media(max-width:1050px) {
  #ndzn-app__bg-image-container.light-blue.centered .ndzn-app__colorful-gradient {
    left: -200px;
    top: 250px;
    width: calc(100% + 400px)
  }
  .panel.panel--docs .panel__heading {
    padding-bottom: 1.75rem;
    padding-top: 2rem
  }
  .panel.panel--docs .btn--learn-more {
    padding-bottom: 1.25rem;
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 1.25rem
  }
  .panel.panel--docs .btn--learn-more span {
    font-size: 14px;
    line-height: 18px
  }
  .panel.panel--docs .info-img-container {
    margin-top: 45px
  }
}
@media(max-width:650px) {
  .panel--docs:before {
    bottom: -104px
  }
}
@media(min-width:451px) {
  .panel--docs .info-img__mobile {
    display: none
  }
}
@media(max-width:450px) {
  .panel.panel--docs .panel__heading {
    padding-bottom: 1.75rem
  }
  .panel.panel--docs .heading__buttons {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
    margin-top: 1.25rem !important;
    row-gap: .125rem !important
  }
  .panel.panel--docs .btn--learn-more {
    padding-left: .75rem;
    padding-right: .75rem;
    width: 100%
  }
  .panel.panel--docs .info-img-container {
    margin-top: var(--spacing)
  }
  .panel.panel--docs .info-img {
    display: none
  }
  .panel.panel--docs .info-img__mobile {
    display: block;
    height: auto;
    width: 100%
  }
}
.content-login {
  padding-bottom: 169px;
  padding-top: 184px
}
#ndzn-loginContainer {
  align-items: center;
  display: flex;
  justify-content: center
}
#ndzn-app__bg-image-container.login, #ndzn-app__bg-image-container.login .ndzn-app__bg-image {
  height: 100%
}
#ndzn-app__bg-image-container.login .ndzn-app__colorful-gradient {
  z-index: 8
}
#ndzn-app__bg-image-container.login .ndzn-app__gray-gradient {
  background: linear-gradient(0deg, #222, rgba(34, 34, 34, .991) 6.67%, rgba(34, 34, 34, .964) 13.33%, rgba(34, 34, 34, .918) 20%, rgba(34, 34, 34, .853) 26.67%, rgba(34, 34, 34, .768) 33.33%, rgba(34, 34, 34, .668) 40%, rgba(34, 34, 34, .557) 46.67%, rgba(34, 34, 34, .443) 53.33%, rgba(34, 34, 34, .332) 60%, rgba(34, 34, 34, .232) 66.67%, rgba(34, 34, 34, .147) 73.33%, rgba(34, 34, 34, .082) 80%, rgba(34, 34, 34, .036) 86.67%, rgba(34, 34, 34, .009) 93.33%, rgba(34, 34, 34, 0));
  bottom: 176px;
  height: 455px;
  left: 0;
  position: absolute;
  top: unset;
  z-index: 6
}
.panel--login {
  margin-bottom: 0;
  max-width: 681px
}
.panel--login .panel__heading {
  max-width: 486px;
  padding: 0
}
.panel--login .panel__heading h1 b {
  --tw-text-opacity: 1;
  color: rgb(150 149 147/var(--tw-text-opacity))
}
.panel--login .panel__body {
  display: flex;
  flex-direction: column
}
.panel--login .alert--transparent {
  gap: .625rem;
  margin-top: 40px !important
}
.panel--login .alert--transparent span {
  margin-top: -1px
}
.panel--login .btn--login-fivem {
  margin-left: auto;
  margin-right: auto;
  margin-top: 3.5rem;
  max-width: 280px;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
  width: 100%
}
.panel--login .btn--login-fivem span {
  font-family: Gilroy-Heavy, sans-serif;
  text-transform: uppercase
}
@media(max-width:1050px) {
  .content-login {
    padding-bottom: 74px;
    padding-top: 120px
  }
  .panel--login .panel__heading {
    max-width: 365px
  }
  .panel--login .alert--transparent {
    margin-top: 30px !important
  }
  .panel--login .alert--transparent span {
    font-size: 16px;
    line-height: 22px
  }
  .panel--login .alert--transparent svg {
    flex: 0 0 16px;
    height: 16px;
    margin-bottom: -1px;
    width: 16px
  }
  .panel--login .btn--login-fivem {
    border-radius: 12px;
    margin-top: 2.75rem !important;
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }
  .panel--login .btn--login-fivem span {
    display: inline-block;
    font-size: 16px;
    line-height: 19px
  }
  #ndzn-app__bg-image-container.login .ndzn-app__gray-gradient {
    display: none
  }
  #ndzn-app__bg-image-container.login .ndzn-app__colorful-gradient {
    -webkit-animation: unset;
    animation: unset;
    background: linear-gradient(0deg, #706545, transparent);
    bottom: -160px
  }
}
@media(max-width:650px) {
  .content-login {
    padding-bottom: 50px;
    padding-top: 110px
  }
  .panel--login .alert--transparent {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
  }
  .panel--login .alert--transparent span {
    line-height: 25px;
    text-align: center
  }
  #ndzn-app__bg-image-container.yellow .ndzn-app__colorful-gradient {
    bottom: 200px;
    height: 500px
  }
  .panel--login .alert--transparent {
    margin-top: 2.25rem !important
  }
  .panel--login .panel__heading {
    max-width: 100%
  }
  .panel--login .panel__heading h1 {
    font-size: 36px
  }
  .panel--login .panel__heading h1 b, .panel--login .panel__heading h1 span {
    display: block;
    text-align: center
  }
  .panel--login .btn--login-fivem {
    margin-top: 44px !important;
    max-width: auto;
    padding-bottom: 23px;
    padding-top: 23px;
    width: 100%
  }
  .panel--login .btn--login-fivem span {
    font-size: 14px;
    line-height: 18px
  }
}
#ndzn-app__bg-image-container.category {
  align-items: flex-end;
  display: flex;
  justify-content: flex-end
}
#ndzn-app__bg-image-container.category:before {
  --tw-gradient-from: #101219;
  --tw-gradient-to: rgb(16 18 25);
  --tw-gradient-stops: #101219, #10121900;
  --tw-gradient-to: #101219;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  content: "";
  display: block;
  height: 1259px;
  position: absolute;
  right: 0;
  top: 0;
  width: 1259px;
  z-index: 5
}
#ndzn-app__bg-image-container.category .ndzn-app__bg-image {
  height: 1259px;
  -o-object-fit: cover;
  object-fit: cover;
  position: unset;
  width: 1259px
}
.panel--categoryDetails {
  margin-bottom: 2.25rem;
  padding-top: 1.5rem
}
.panel--categoryDetails .panel__heading {
  padding: 0 !important
}
.panel--categoryDetails .panel__heading h1 b, .panel--categoryDetails .panel__heading h1 small {
  display: block;
  text-align: center
}
.panel--categoryDetails .panel__heading .heading__buttons {
  gap: .75rem;
  margin-top: .625rem
}
.panel--categoryDetails .panel__body {
  margin-bottom: 4rem;
  margin-top: 2.25rem;
  text-align: center
}
.panel--categoryDetails .desc__additionalInfo {
  align-items: center;
  display: flex;
  gap: .5rem;
  justify-content: center
}
.panel--categoryDetails .desc__additionalInfo span {
  --tw-text-opacity: 1;
  color: rgb(255 242 123/var(--tw-text-opacity));
  display: inline-block;
  font-family: Gilroy-Bold, sans-serif;
  font-size: 16px;
  line-height: 26px
}
.panel--categoryBar {
  background: linear-gradient(85.06deg, #8e44bb, #c25dff);
  border-radius: 12px;
  padding: 45px 52px;
  position: relative
}
.panel--categoryBar .categoryBar__bgImg, .panel--categoryBar:before {
  border-radius: 12px;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
.panel--categoryBar:before {
  border-color: #ffffff29;
  border-style: solid;
  border-width: 2px;
  content: "";
  display: block
}
.panel--categoryBar .panel__body {
  align-items: center;
  display: flex
}
.panel--categoryBar .categoryBar__bgImg {
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute
}
.panel--categoryBar .categoryBar__left, .panel--categoryBar .categoryBar__right {
  position: relative;
  z-index: 2
}
.categoryBar__left b, .categoryBar__left span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: block;
  font-family: Gilroy-Bold, sans-serif;
  text-align: left
}
.categoryBar__left span {
  display: inline-block;
  font-size: 20px;
  line-height: 26px;
  padding-right: 40px;
  position: relative
}
.categoryBar__left span .svg {
  display: inline-block;
  position: absolute
}
.categoryBar__left span .svg--star2 {
  right: 20px;
  top: -7px
}
.categoryBar__left span .svg--star1 {
  right: .625rem;
  top: .25rem
}
.categoryBar__left b {
  font-size: 32px;
  line-height: 39px
}
.categoryBar__right {
  margin-left: auto
}
.categoryBar__right .btn--categoryBar {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.16;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-color: #ffffff1a;
  border-radius: 12px;
  gap: .75rem;
  padding-bottom: 15px;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 15px
}
.categoryBar__right .btn--categoryBar:focus, .categoryBar__right .btn--categoryBar:hover {
  --tw-bg-opacity: 0.2
}
.categoryBar__right .btn--categoryBar:focus svg, .categoryBar__right .btn--categoryBar:hover svg {
  --tw-translate-x: 4px;
  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))
}
.categoryBar__right .btn--categoryBar span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: inline-block;
  font-family: Gilroy-Bold, sans-serif;
  font-size: 16px;
  line-height: 23px
}
.categoryBar__right .btn--categoryBar svg {
  transition-duration: .2s
}
.packages-container {
  display: grid;
  gap: var(--spacing)
}
.packages-container.is-images, .packages-container.is-list {
  grid-template-columns: repeat(4, minmax(0, 1fr))
}
.package {
  --tw-bg-opacity: 1;
  background-color: rgb(30 33 46);
  border-radius: 12px;
  margin: 0
}
.package .package__expires {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(255 75 85/var(--tw-bg-opacity));
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  display: flex;
  gap: .75rem;
  min-height: 40px;
  padding-bottom: .5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: .5rem
}
.package .package__expires span {
  display: inline-block;
  font-family: Gilroy-Bold, sans-serif;
  font-size: 16px;
  line-height: 23px;
  margin-top: -1px
}
.package .package__image {
  cursor: pointer;
  overflow: hidden
}
.package .package__name {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-family: Gilroy-Bold, sans-serif;
  font-size: 20px;
  line-height: 32px
}
.package .package__price {
  align-items: center;
  display: flex;
  gap: .75rem;
  margin-top: .625rem
}
.package .price__actual, .package .price__custom {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-family: Gilroy-Bold, sans-serif;
  font-size: 16px;
  line-height: 22px
}
.package .price__discounted {
  --tw-text-opacity: 1;
  color: rgb(255 93 93/var(--tw-text-opacity));
  font-family: Gilroy-Medium, sans-serif;
  font-size: 14px;
  line-height: 18px;
  position: relative
}
.package .price__discounted:before {
  --tw-bg-opacity: 1;
  background-color: rgb(255 93 93/var(--tw-bg-opacity));
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  margin-bottom: auto;
  margin-top: auto;
  opacity: .4;
  position: absolute;
  top: 0;
  width: 100%
}
.package .price__free {
  --tw-text-opacity: 1;
  color: rgb(42 202 87/var(--tw-text-opacity));
  font-family: Gilroy-Bold, sans-serif;
  font-size: 16px;
  line-height: 23px
}
.package .package__buttons {
  align-items: center;
  display: flex;
  gap: .75rem
}
.package .btn--add, .package .btn--info, .package .btn--remove {
  align-items: center;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  position: relative
}
.package .btn--add:before, .package .btn--info:before, .package .btn--remove:before {
  border-radius: 12px;
  border-style: solid;
  border-width: 2px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
.package .btn--info {
  --tw-bg-opacity: 1;
  background-color: rgb(73 73 73/var(--tw-bg-opacity));
  height: 63px;
  width: 63px
}
.package .btn--info:before {
  border-color: #ffffff0a
}
.package .btn--add, .package .btn--remove {
  flex: 1 1 auto;
  height: 63px
}
.package .btn--add:before, .package .btn--remove:before {
  border-color: #ffffff29
}
.package .btn--add span, .package .btn--remove span {
  font-family: Gilroy-Bold, sans-serif;
  font-size: 16px;
  line-height: 23px
}
.package.package--images, .package.package--list {
  overflow: hidden
}
.package.package--images.package--hasPackageCountdown .package__image, .package.package--list.package--hasPackageCountdown .package__image {
  height: 170px
}
.package.package--images.package--hasPackageCountdown .package__inner, .package.package--list.package--hasPackageCountdown .package__inner {
  height: calc(100% - 40px)
}
.package.package--images:not(.package.package--images.package--hasPackageCountdown) .package__image img, .package.package--list:not(.package.package--list.package--hasPackageCountdown) .package__image img {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px
}
.package.package--images .package__inner, .package.package--list .package__inner {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  height: 100%;
  overflow: hidden
}
.package.package--images .package__inner .package__info, .package.package--list .package__inner .package__info {
  margin-top: auto;
  width: 100%
}
.package.package--images .package__image, .package.package--list .package__image {
  align-items: center;
  display: flex;
  height: 210px;
  justify-content: center;
  width: 100%
}
.package.package--images .package__image:focus img, .package.package--images .package__image:focus svg, .package.package--images .package__image:hover img, .package.package--images .package__image:hover svg, .package.package--list .package__image:focus img, .package.package--list .package__image:focus svg, .package.package--list .package__image:hover img, .package.package--list .package__image:hover svg {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  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))
}
.package.package--images .package__image img, .package.package--images .package__image svg, .package.package--list .package__image img, .package.package--list .package__image svg {
  transition-duration: .3s
}
.package.package--images .package__image img, .package.package--list .package__image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
.package.package--images .package__image svg, .package.package--list .package__image svg {
  display: inline-block;
  height: 140px;
  opacity: .1;
  width: auto
}
.package.package--images .package__name, .package.package--list .package__name {
  margin-top: 1.25rem;
  text-align: center
}
.package.package--images .package__price, .package.package--list .package__price {
  justify-content: center
}
.package.package--images .price__actual, .package.package--images .price__custom, .package.package--images .price__discounted, .package.package--list .price__actual, .package.package--list .price__custom, .package.package--list .price__discounted {
  text-align: left
}
.package.package--images .package__buttons, .package.package--list .package__buttons {
  margin-top: 1.75rem;
  padding-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem
}
.package.package--images .package__details, .package.package--list .package__details {
  padding-left: 1.5rem;
  padding-right: 1.5rem
}
.panel.panel--noPackages .panel__body p {
  display: block;
  margin-bottom: 0;
  text-align: center
}
@media(max-width:1350px) {
  .packages-container.is-images, .packages-container.is-list {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
  .panel--categoryDetails {
    padding-top: 0
  }
  .panel--categoryDetails .panel__heading h1 {
    font-size: 48px;
    line-height: 58px
  }
  .panel--categoryDetails .panel__heading h1 small {
    font-size: 16px;
    line-height: 20px
  }
  .panel--categoryDetails .panel__heading h1 b {
    margin-top: .625rem
  }
  .panel--categoryDetails .panel__heading .heading__buttons {
    gap: .5rem
  }
  .panel--categoryDetails .panel__body {
    margin-bottom: 3rem
  }
  .heading__buttons .btn svg, .heading__buttons .tag svg {
    flex: 0 0 16px;
    height: 16px;
    width: 16px
  }
  .heading__buttons .btn span, .heading__buttons .tag span {
    display: inline-block;
    font-size: 16px;
    line-height: 19px
  }
}
@media(max-width:1050px) {
  .panel.panel--categoryDetails .panel__heading {
    padding-top: 2.5rem !important
  }
  .panel.panel--categoryDetails .panel__body {
    margin-top: 2rem
  }
  .panel.panel--categoryDetails .panel__body a, .panel.panel--categoryDetails .panel__body b, .panel.panel--categoryDetails .panel__body p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: .75rem;
    margin-top: .75rem
  }
  .panel.panel--categoryDetails .desc__additionalInfo span {
    font-size: 14px;
    line-height: 20px
  }
  .panel--categoryBar {
    margin-bottom: 3rem;
    padding: 2rem 2.5rem
  }
  .categoryBar__left {
    padding-right: 1.25rem
  }
  .categoryBar__left span {
    font-size: 16px;
    line-height: 20px
  }
  .categoryBar__left b {
    font-size: 26px;
    line-height: 30px;
    margin-top: .125rem
  }
  .categoryBar__right .btn--categoryBar {
    border-width: 1px;
    padding: .5rem 1rem 9px
  }
  .categoryBar__right .btn--categoryBar span {
    font-size: 14px;
    line-height: 18px
  }
  .categoryBar__right .btn--categoryBar svg {
    flex: 0 0 20px;
    height: 20px;
    width: 20px
  }
  .packages-container.is-images, .packages-container.is-list {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
  .package.package--images .package__expires span, .package.package--list .package__expires span {
    font-size: 14px;
    line-height: 20px
  }
  .package.package--images .package__name, .package.package--list .package__name {
    font-size: 20px;
    line-height: 30px;
    margin-top: 1.5rem
  }
  .package.package--images .price__actual, .package.package--images .price__custom, .package.package--list .price__actual, .package.package--list .price__custom {
    line-height: 20px
  }
  .package.package--images .package__buttons, .package.package--list .package__buttons {
    margin-top: 26px
  }
}
@media(max-width:650px) {
  .panel.panel--categoryDetails {
    margin-bottom: 1.25rem;
    padding: 2rem 0 .75rem
  }
  .panel.panel--categoryDetails .panel__heading {
    padding-top: .5rem !important
  }
  .panel.panel--categoryDetails .panel__heading h1 {
    font-size: 36px;
    line-height: 44px
  }
  .panel.panel--categoryDetails .panel__heading h1 small {
    font-size: 14px;
    line-height: 18px
  }
  .panel.panel--categoryDetails .panel__heading h1 b {
    margin-top: .5rem
  }
  .panel.panel--categoryDetails .panel__heading .heading__buttons {
    margin-top: 1.25rem
  }
  .panel.panel--categoryDetails .panel__body {
    margin-bottom: 1.25rem;
    margin-top: 1.75rem
  }
  .heading__buttons .btn span, .heading__buttons .tag span {
    font-size: 14px;
    line-height: 17px
  }
  .heading__buttons .btn svg, .heading__buttons .tag svg {
    flex: 0 0 14px;
    height: 14px;
    width: 14px
  }
  .panel--categoryBar {
    margin-bottom: 1.5rem;
    padding-top: 26px
  }
  .panel--categoryBar .panel__body {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
  }
  .panel--categoryBar .categoryBar__left {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0
  }
  .panel--categoryBar .categoryBar__left span {
    padding-left: 2.5rem;
    padding-right: 2.5rem
  }
  .panel--categoryBar .categoryBar__left b {
    margin-top: .5rem
  }
  .panel--categoryBar .categoryBar__right {
    margin-left: auto;
    margin-right: auto;
    margin-top: 26px
  }
  .panel--categoryBar .btn--categoryBar {
    padding-bottom: 11px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 11px
  }
  .panel--categoryBar .btn--categoryBar svg {
    display: none
  }
  .packages-container.is-images, .packages-container.is-list {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
}
@media(max-width:500px) {
  .panel--categoryBar {
    padding-left: 1.75rem;
    padding-right: 1.75rem
  }
  .panel--categoryBar .categoryBar__right {
    flex: 1 1 auto;
    margin-top: 1.5rem;
    width: 100%
  }
  .panel--categoryBar .btn--categoryBar span {
    text-align: center
  }
  .panel--categoryDetails .desc__additionalInfo svg {
    display: none
  }
}
@media(max-width:375px) {
  .panel.panel--categoryDetails {
    margin-bottom: var(--spacing);
    padding-bottom: 0;
    padding-top: .75rem
  }
  .panel.panel--categoryDetails .panel__heading .heading__buttons {
    margin-top: 1rem !important
  }
  .panel.panel--categoryDetails .panel__body {
    margin-top: 1.25rem
  }
  .panel--categoryBar {
    padding: 1rem
  }
  .panel--categoryBar .categoryBar__right {
    margin-top: 1rem
  }
  .package.package--images .package__buttons, .package.package--images .package__details, .package.package--list .package__buttons, .package.package--list .package__details {
    padding-left: .75rem !important;
    padding-right: .75rem !important
  }
  .package.package--images .package__buttons, .package.package--list .package__buttons {
    margin-top: 1.25rem !important;
    padding-bottom: .75rem !important
  }
  .package.package--images .package__name, .package.package--list .package__name {
    margin-top: .75rem !important
  }
  .package .package__expires {
    justify-content: center;
    min-height: 34px !important;
    padding-bottom: .25rem;
    padding-left: .75rem;
    padding-right: .75rem;
    padding-top: .25rem
  }
  .package .package__expires svg {
    display: none
  }
}
.panel.panel--reliability {
  margin-bottom: 0
}
.panel.panel--reliability .panel__heading {
  padding-bottom: 1rem;
  padding-top: .75rem
}
.panel.panel--reliability .heading__buttons {
  margin-top: 2rem
}
.panel.panel--reliability .panel__body {
  padding-bottom: 66px;
  padding-top: 70px
}
.panel.panel--reliability .reliability-container {
  align-items: center;
  display: flex;
  flex-direction: column
}
.panel.panel--reliability .rel-app, .panel.panel--reliability .rel-info {
  flex: 1 1 auto;
  width: 100%
}
.panel.panel--reliability .rel-info {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(4, minmax(0, 1fr))
}
.panel.panel--reliability .rel-block {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.08;
  align-items: center;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  height: 152px;
  justify-content: center;
  overflow: hidden;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .75rem
}
.panel.panel--reliability .rel-block h6, .panel.panel--reliability .rel-block span {
  display: block;
  text-align: center
}
.panel.panel--reliability .rel-block h6 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-family: Gilroy-Bold, sans-serif;
  font-size: 32px;
  line-height: 39px;
  margin-bottom: 0
}
.panel.panel--reliability .rel-block span {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.5;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-family: Gilroy-Medium, sans-serif;
  font-size: 20px;
  line-height: 24px;
  margin-top: .375rem
}
.panel.panel--reliability .rel-app {
  margin-top: 96px;
  text-align: center
}
.panel.panel--reliability .rel-app b, .panel.panel--reliability .rel-app span {
  font-family: Gilroy-Medium, sans-serif
}
.panel.panel--reliability .rel-app span {
  font-size: 32px;
  line-height: 38px;
  position: relative
}
.panel.panel--reliability .rel-app b {
  --tw-text-opacity: 1;
  color: rgb(255 242 123/var(--tw-text-opacity))
}
.panel.panel--reliability .rel-app .rel-app__img {
  height: auto;
  position: absolute;
  right: 0;
  top: 2.75rem;
  width: 133px
}
@media(max-width:1450px) {
  .panel.panel--reliability .panel__body, .panel.panel--reliability .panel__heading {
    padding-left: 0;
    padding-right: 0
  }
}
@media(max-width:1200px) {
  #ndzn-app__bg-image-container.reliability.yellow .ndzn-app__colorful-gradient {
    bottom: -400px
  }
  .panel.panel--reliability .heading__buttons {
    margin-top: 1rem
  }
  .panel.panel--reliability .panel__body {
    padding-bottom: 2.5rem;
    padding-top: 1.5rem
  }
  .panel.panel--reliability .rel-block {
    height: 110px
  }
  .panel.panel--reliability .rel-block h6 {
    font-size: 24px;
    line-height: 29px
  }
  .panel.panel--reliability .rel-block span {
    font-size: 16px;
    line-height: 22px;
    margin-top: .25rem
  }
  .panel.panel--reliability .rel-app {
    margin-top: 2rem
  }
  .panel.panel--reliability .rel-app span {
    font-size: 22px;
    line-height: 28px
  }
  .panel.panel--reliability .rel-app .rel-app__img {
    top: 1.75rem;
    width: 100px
  }
}
@media(max-width:1050px) {
  .panel.panel--reliability .rel-info {
    gap: 1rem
  }
  #ndzn-app__bg-image-container.reliability.yellow .ndzn-app__colorful-gradient {
    bottom: -700px
  }
}
@media(max-width:900px) {
  .panel.panel--reliability .rel-info {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}
@media(max-width:650px) {
  #ndzn-app__bg-image-container.reliability.yellow {
    display: none !important
  }
  .panel.panel--reliability {
    margin-bottom: -80px
  }
  .panel.panel--reliability .panel__body {
    padding-top: .75rem
  }
}
@media(max-width:450px) {
  .panel.panel--reliability .rel-app {
    margin-top: 1.25rem
  }
  .panel.panel--reliability .rel-app .rel-app__img {
    display: none
  }
  .panel.panel--reliability .rel-app span {
    font-size: 18px;
    line-height: 24px
  }
  .panel.panel--reliability .rel-info {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
  .panel.panel--reliability .rel-block {
    height: 96px;
    padding-bottom: .75rem
  }
  .panel.panel--reliability .rel-block h6 {
    font-size: 22px;
    line-height: 26px
  }
}
.content-options {
  padding-left: 67px;
  padding-right: 67px
}
#ndzn-app__bg-image-container.options {
  height: 100%;
  overflow: hidden;
  width: 100%
}
#ndzn-app__bg-image-container.options .ndzn-app__bg-image {
  height: 552px;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%
}
#ndzn-app__bg-image-container.options .ndzn-app__gray-gradient {
  height: 455px;
  left: 0;
  top: 97px
}
.panel--options {
  margin-bottom: 0
}
.panel--options .panel__heading {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 5rem;
  padding-top: 30px
}
.panel--options .panel__heading h1 {
  margin-top: 22px
}
.panel--options .heading__back-btn {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(50 50 50/var(--tw-bg-opacity));
  border-color: #ffffff1a;
  border-radius: 12px;
  border-style: solid;
  border-width: 1px;
  display: inline-flex;
  padding-bottom: .75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: .75rem;
  transition-duration: .2s
}
.panel--options .heading__back-btn:focus, .panel--options .heading__back-btn:hover {
  --tw-brightness: brightness(1.1);
  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)
}
.panel--options .heading__back-btn span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-family: Gilroy-Bold, sans-serif;
  font-size: 16px;
  line-height: 25px
}
.options-form .btn--add {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  min-height: 75px;
  padding-bottom: 1.5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 1.5rem;
  width: 100%
}
.options-form .btn--add span {
  display: inline-block;
  font-family: Gilroy-Heavy, sans-serif;
  font-size: 16px;
  line-height: 22px
}
.options-form .alert.alert--red {
  margin: 0
}
.options-form {
  display: flex;
  flex-direction: column;
  gap: var(--spacing)
}
.form-group.form-group-discord {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: 283px auto
}
.form-group .form-group__inner {
  position: relative
}
.form-group .form-group__inner:before {
  border-color: #ffffff1a;
  border-radius: 12px;
  border-style: solid;
  border-width: 1px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
.form-group .form-group__inner .selected-currency {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.08;
  align-items: center;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-color: #ffffff1a;
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  bottom: 0;
  display: flex;
  font-family: Gilroy-Bold, sans-serif;
  font-size: 16px;
  height: 35px;
  line-height: 35px;
  margin-bottom: auto;
  margin-top: auto;
  padding-bottom: 2px;
  padding-left: 21px;
  padding-right: 21px;
  pointer-events: none;
  position: absolute;
  right: 2.5rem;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.form-group .input, .form-group select.input {
  display: block;
  padding-bottom: 1.5rem;
  padding-left: 2.5rem;
  padding-right: 100px;
  padding-top: 1.5rem;
  width: 100%
}
.form-group .svg--dd {
  bottom: 0;
  margin-bottom: auto;
  margin-top: auto;
  pointer-events: none;
  position: absolute;
  right: 32px;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.form-group .btn--discord {
  border-radius: 12px;
  overflow: hidden;
  padding-bottom: 26px;
  padding-top: 25px;
  position: relative
}
.form-group .btn--discord span {
  display: inline-block;
  font-family: Gilroy-Heavy, sans-serif;
  font-size: 16px;
  letter-spacing: .025em;
  line-height: 22px
}
.form-group .btn--discord .btn--discord__bg {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 63%
}
.modal.modal--options .btn--close {
  position: absolute;
  right: 2rem;
  top: 2rem
}
.modal.modal--options .modal-dialogue {
  border-color: #ffffff1a
}
.modal.modal--options .modal-heading {
  padding-right: 100px
}
.modal.modal--options .modal-body {
  padding: 3rem
}
.modal.modal--options .modal-body .input, .modal.modal--options .modal-body input {
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64/var(--tw-bg-opacity))
}
.modal.modal--options .modal-body .form-group .form-group__inner:before {
  border-color: #ffffff0a
}
@media(max-width:1050px) {
  .modal.modal--options .btn.btn--close {
    right: 2rem;
    top: 1.5rem
  }
  .modal.modal--options .modal-body, .modal.modal--options .modal-heading {
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-top: 2rem
  }
  .modal.modal--options .modal-heading {
    padding-right: 96px
  }
  .modal.modal--options .modal-heading .modal-title {
    font-size: 22px;
    line-height: 26px
  }
  .modal.modal--options .modal-body {
    padding-right: 2rem
  }
  .modal.modal--options .options-form {
    gap: 1rem
  }
  .form-group .form-group__inner .selected-currency {
    border-radius: 8px;
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 8px;
    padding-left: .75rem;
    padding-right: .75rem;
    padding-top: 9px;
    right: 1rem
  }
  .form-group.form-group-discord {
    -moz-column-gap: 1rem;
    column-gap: 1rem
  }
  .form-group.form-group--price .input {
    padding-right: 6rem
  }
  .form-group .input, .form-group input {
    font-size: 14px;
    min-height: 65px
  }
  .form-group .svg--dd {
    right: 1rem
  }
  .form-group .input, .form-group select.input {
    padding-bottom: 1.25rem;
    padding-left: 1.5rem;
    padding-right: 4rem;
    padding-top: 1.25rem
  }
  .form-group .btn--discord {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
  .form-group .btn--discord, .options-form .btn--add {
    padding-bottom: 1rem;
    padding-top: 1rem
  }
  .options-form .btn--add {
    border-radius: 12px;
    min-height: 65px
  }
  .content-options {
    padding-left: 0;
    padding-right: 0
  }
  .panel--options .panel__heading {
    padding-bottom: 3.5rem
  }
}
@media(max-width:700px) {
  .modal.modal--options .btn.btn--close {
    right: 18px;
    top: 18px
  }
  .modal.modal--options .modal-heading {
    padding-bottom: 1.75rem;
    padding-left: 1.75rem;
    padding-right: 5rem;
    padding-top: 1.75rem
  }
  .modal.modal--options .modal-heading .modal-title {
    font-size: 20px;
    line-height: 24px
  }
  .modal.modal--options .modal-body {
    padding: 1.75rem
  }
  .modal.modal--options .form-group.form-group-discord {
    align-items: flex-start;
    display: flex;
    flex-direction: column-reverse;
    gap: 0
  }
  .modal.modal--options .form-group.form-group-discord .btn--discord, .modal.modal--options .form-group.form-group-discord .form-group__inner, .modal.modal--options .form-group.form-group-discord .input {
    flex: 1 1 auto;
    width: 100%
  }
  .modal.modal--options .form-group.form-group-discord .btn--discord {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-bottom: 21px;
    padding-top: 22px
  }
  .modal.modal--options .form-group.form-group-discord .input {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-right: 1.5rem;
    text-align: center
  }
}
@media(max-width:650px) {
  .panel--options .panel__heading {
    padding-bottom: 2rem;
    padding-top: 1rem
  }
  .panel--options .panel__heading h1 {
    margin-top: .75rem
  }
  .panel--options .heading__back-btn {
    padding: 0
  }
  .panel--options .heading__back-btn .btn {
    gap: .75rem;
    padding-bottom: .75rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .75rem
  }
  .panel--options .heading__back-btn .btn svg {
    flex: 0 0 20px;
    height: 20px;
    width: 20px
  }
  .panel--options .heading__back-btn .btn span {
    font-size: 14px;
    line-height: 18px
  }
  .options-form {
    gap: 1rem
  }
  .form-group.form-group-discord {
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
    gap: 0
  }
  .form-group.form-group-discord .form-group__inner {
    flex: 1 1 auto;
    width: 100%
  }
  .form-group.form-group-discord .form-group__inner:before {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
  }
  .form-group.form-group-discord .btn--discord, .form-group.form-group-discord .input {
    display: flex;
    flex: 1 1 auto;
    width: 100%
  }
  .form-group.form-group-discord .input {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center
  }
  .form-group.form-group-discord .btn--discord {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-bottom: 23px;
    padding-top: 22px
  }
}
@media(max-width:450px) {
  .form-group .form-group__inner .selected-currency {
    right: .625rem
  }
  .form-group .input, .form-group select.input {
    min-height: 56px;
    padding-bottom: 1rem;
    padding-left: 1.25rem;
    padding-top: 1rem
  }
  .form-group select.input {
    padding-right: 3.5rem
  }
  .form-group .svg--dd {
    flex: 0 0 24px;
    height: 24px;
    width: 24px
  }
  .modal.modal--options .form-group.form-group-discord .btn--discord, .panel--options .form-group.form-group-discord .btn--discord {
    padding-bottom: 19px;
    padding-top: 1.25rem
  }
  .modal.modal--options .form-group.form-group-discord .btn--discord span, .panel--options .form-group.form-group-discord .btn--discord span {
    font-size: 14px;
    line-height: 17px
  }
}
.progress-bar-container {
  --tw-bg-opacity: 0.04;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: 12px;
  margin-top: .75rem
}
.progress-bar-container:first-of-type {
  margin-top: 0 !important
}
.progress-bar-container .progress-bar {
  align-items: center;
  background: linear-gradient(90deg, #f1c259, #f2eaaa);
  border-radius: 12px;
  display: block;
  display: flex;
  height: 50px;
  justify-content: center;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
.progress-bar-container .progress-bar__percentage {
  display: inline-block
}
.progress-bar-container .progress-bar__percentage b {
  --tw-text-opacity: 1;
  color: rgb(51 37 0/var(--tw-text-opacity));
  font-family: Gilroy-Heavy, sans-serif;
  font-size: 16px;
  line-height: 23px
}
.module--giftcards .giftcard-status {
  --tw-text-opacity: 1;
  color: rgb(191 191 191/var(--tw-text-opacity));
  font-size: 16px;
  line-height: 24px;
  margin: 0
}
.module--giftcards .giftcard-status.status-default {
  transition-duration: .2s
}
.module--giftcards .giftcard-status.status-checking {
  --tw-text-opacity: 1;
  color: rgb(241 194 89/var(--tw-text-opacity))
}
.module--giftcards .giftcard-status.status-found {
  --tw-text-opacity: 1;
  color: rgb(42 202 87/var(--tw-text-opacity))
}
.module--giftcards .__body {
  padding-top: 2rem
}
#giftcard-balance-form {
  align-items: center;
  display: flex;
  gap: .75rem;
  margin-top: .75rem
}
#giftcard-balance-form .input {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.04;
  --tw-text-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 500;
  min-height: auto;
  padding-bottom: .875rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: .875rem;
  transition-duration: .2s;
  width: 100%
}
#giftcard-balance-form .input::-moz-placeholder {
  font-size: 16px
}
#giftcard-balance-form .input::placeholder {
  font-size: 16px
}
#giftcard-balance-form .input::-moz-placeholder {
  font-weight: 400
}
#giftcard-balance-form .input::placeholder {
  font-weight: 400
}
#giftcard-balance-form .input::-moz-placeholder {
  color: #ffffff33
}
#giftcard-balance-form .input::placeholder {
  color: #ffffff33
}
#giftcard-balance-form .input:focus, #giftcard-balance-form .input:hover {
  --tw-bg-opacity: 0.06
}
#giftcard-balance-form #giftcard-balance-button {
  flex: 0 0 95px;
  width: 95px
}
.featured-packages-carousel {
  height: 363px
}
.featured-packages-carousel .panel {
  margin-bottom: 0
}
.panel.panel--sale {
  display: flex;
  flex: 1 1 auto;
  height: auto;
  height: 222px;
  overflow: hidden;
  width: 100%
}
.panel.panel--sale, .panel.panel--sale .panel__body {
  position: relative
}
.panel.panel--sale .panel__body {
  display: flex;
  flex-direction: column;
  padding-bottom: 2.25rem;
  padding-left: 2.5rem;
  padding-right: 210px;
  padding-top: 28px;
  width: 100%;
  z-index: 5
}
.panel.panel--sale .panel__body h3 {
  display: block;
  font-family: Gilroy-Heavy, sans-serif;
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 0
}
.panel.panel--sale .panel__body>p {
  margin-bottom: 0;
  margin-top: .5rem
}
.panel.panel--sale .sale__bg-img-container, .panel.panel--sale .sale__img-container {
  pointer-events: none;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.panel.panel--sale .sale__img-container {
  border-bottom-right-radius: 12px;
  bottom: 0;
  height: 100%;
  overflow: hidden;
  right: 0;
  transition-duration: 1s;
  width: 274px;
  z-index: 3
}
.panel.panel--sale .sale__img-container .sale__img {
  --tw-rotate: -15deg;
  bottom: -20px;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  right: -55px;
  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));
  width: 100%
}
.panel.panel--sale .sale__bg-img-container {
  border-radius: 9999px;
  display: block;
  height: 700px;
  opacity: .1;
  overflow: hidden;
  position: absolute;
  right: -311px;
  top: -159px;
  width: 700px;
  z-index: 1
}
.panel.panel--sale .sale__bg-img {
  -webkit-animation: constantRotation 50s linear infinite;
  animation: constantRotation 50s linear infinite;
  height: 100%;
  -webkit-mask-image: radial-gradient(circle, #000 0, transparent 60%);
  mask-image: radial-gradient(circle, #000 0, transparent 60%);
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
.panel.panel--sale .sale__desc {
  align-items: flex-start;
  display: block;
  display: inline-flex;
  flex-wrap: wrap;
  font-size: 16px;
  font-weight: 500;
  justify-content: flex-start;
  line-height: 22px;
  margin-top: .625rem;
  min-height: 27px;
  padding-right: 106px;
  padding-top: .25rem;
  position: relative;
  width: auto
}
.panel.panel--sale .discount-percentage {
  --tw-bg-opacity: 1;
  background-color: rgb(251 7 59/var(--tw-bg-opacity));
  border-radius: 50px;
  display: inline-block;
  font-family: Gilroy-Bold, sans-serif;
  font-size: 16px;
  line-height: 22px;
  padding-bottom: 3px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .125rem;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.panel.panel--sale .btn--CTA {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  justify-content: center;
  margin-top: auto;
  max-width: 148px;
  padding-bottom: .75rem;
  padding-top: .75rem
}
.panel.panel--sale .btn--CTA span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: block;
  font-size: 16px;
  line-height: 22px
}
.sales-and-discord {
  align-items: center;
  display: flex;
  flex-direction: column
}
.sales-and-discord .btn--discord {
  gap: .75rem;
  overflow: hidden;
  padding-bottom: 42px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 42px;
  position: relative;
  width: 100%
}
.sales-and-discord .btn--discord:focus svg, .sales-and-discord .btn--discord:hover svg {
  --tw-rotate: 360deg;
  --tw-scale-x: 1.16;
  --tw-scale-y: 1.16;
  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))
}
.sales-and-discord .btn--discord:focus .discord__bg-image, .sales-and-discord .btn--discord:hover .discord__bg-image {
  width: 70%
}
.sales-and-discord .btn--discord svg {
  transition-duration: 1s
}
.sales-and-discord .btn--discord span {
  font-family: Gilroy-Bold, sans-serif;
  font-size: 24px;
  line-height: 30px;
  text-transform: uppercase
}
.sales-and-discord .discord__bg-image {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
  transition-duration: .5s;
  width: 63%
}
.module.module--featured-package {
  display: none
}
.module {
  display: flex;
  flex-direction: column
}
.module, .module .panel__body, .module .panel__heading {
  position: relative
}
.module .panel__body, .module .panel__heading {
  z-index: 3
}
.module .panel__heading {
  padding-bottom: 1rem;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 38px;
  width: 100%
}
.module .panel__heading h1 {
  display: inline-block;
  font-family: Gilroy-Heavy, sans-serif;
  font-size: 24px;
  line-height: 36px;
  text-align: left;
  text-transform: uppercase
}
.module .panel__body {
  margin-bottom: auto;
  padding-bottom: 3rem;
  padding-left: 3rem;
  padding-right: 3rem
}
.module .btn {
  border-radius: 12px;
  padding-bottom: 25px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 25px;
  position: relative
}
.module .btn:before {
  border-color: #ffffff29;
  border-radius: 12px;
  border-style: solid;
  border-width: 2px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
.module .btn span {
  font-family: Gilroy-Heavy, sans-serif;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase
}
.module .btn.btn--yellow-grad:before {
  border-color: #ffffff29
}
.module .btn.btn--blue-grad {
  overflow: hidden;
  position: relative
}
.module .btn.btn--blue-grad:focus img, .module .btn.btn--blue-grad:hover img {
  width: 70%
}
.module .btn.btn--blue-grad:before {
  border-color: #ffffff0a
}
.module .btn.btn--blue-grad img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition-duration: .5s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 63%
}
.module.panel {
  border-radius: 12px;
  margin: 0;
  overflow: hidden
}
.module.module--clothes:before {
  background: linear-gradient(180deg, #2b2b2b, rgba(43, 43, 43, 0));
  border-radius: 12px;
  content: "";
  display: block;
  height: 219px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2
}
.module.module--clothes .panel--clothes__bg-image {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: .1;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}
.module.module--clothes p {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 2.25rem
}
.module.module--clothes p b {
  --tw-text-opacity: 1;
  color: rgb(255 242 123/var(--tw-text-opacity));
  font-weight: 700
}
.module.module--clothes .panel__heading {
  padding-bottom: 1.5rem
}
.module.module--zap-hosting .panel__body {
  margin-bottom: unset;
  margin-top: auto;
  padding-bottom: 140px;
  padding-top: 1.75rem;
  position: unset
}
.module.module--zap-hosting .zap-hosting__bg-image {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%
}
.module.module--recent-payments .panel__heading {
  padding-bottom: 38px
}
.module.module--recent-payments .recent-payments {
  display: grid;
  gap: 26px;
  grid-template-columns: repeat(1, minmax(0, 1fr))
}
.module.module--recent-payments .recent-payment {
  align-items: center;
  display: flex;
  margin: 0;
  padding-left: 0
}
.module.module--recent-payments .recent-payment:before {
  display: none
}
.module.module--recent-payments .recent-payment__avatar {
  flex: 0 0 40px;
  height: 40px;
  width: 40px
}
.module.module--recent-payments .recent-payment__avatar img {
  border-radius: 8px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
.module.module--recent-payments .recent-payment__info {
  margin-left: 1rem
}
.module.module--recent-payments .info__date span, .module.module--recent-payments .info__ign span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: inline-block
}
.module.module--recent-payments .info__ign span {
  font-family: Gilroy-Heavy, sans-serif;
  font-size: 16px;
  line-height: 25px
}
.module.module--recent-payments .info__date span {
  --tw-text-opacity: 0.5;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px
}
.module.module--top-donator {
  grid-column: span 2/span 2;
  overflow: hidden;
  position: relative
}
.module.module--top-donator .panel__body {
  margin-bottom: auto;
  margin-bottom: 0;
  position: unset
}
.module.module--top-donator .top-customer__img {
  border-radius: 8px;
  flex: 0 0 56px;
  height: 56px;
  width: 56px
}
.module.module--top-donator .top-donator__message {
  width: 400px
}
.module.module--top-donator .top-donator__message p {
  margin: 0
}
.module.module--top-donator .top-customer__info {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.08;
  align-items: center;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: 12px;
  display: inline-flex;
  gap: 1.5rem;
  margin-top: 50px;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 2.5rem;
  padding-top: 1.5rem
}
.module.module--top-donator .top-customer__details b, .module.module--top-donator .top-customer__details small {
  display: block
}
.module.module--top-donator .top-customer__details b {
  font-family: Gilroy-Bold, sans-serif;
  font-size: 20px;
  line-height: 32px
}
.module.module--top-donator .top-customer__details small {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.5;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-family: Gilroy-Medium, sans-serif;
  font-size: 16px;
  line-height: 25px
}
.module.module--top-donator .purple-gradient__level-1, .module.module--top-donator .purple-gradient__level-2, .module.module--top-donator .purple-gradient__level-3 {
  --tw-rotate: 27deg;
  background: linear-gradient(85.06deg, #8e44bb, #c25dff);
  height: calc(100% + 600px);
  pointer-events: none;
  position: absolute;
  top: -350px;
  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));
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 489px
}
.module.module--top-donator .purple-gradient__level-1 {
  -webkit-animation: gradientMovement 6s ease infinite;
  animation: gradientMovement 6s ease infinite;
  opacity: .05;
  right: -40px;
  z-index: 4
}
.module.module--top-donator .purple-gradient__level-2 {
  -webkit-animation: gradientMovement 12s ease infinite;
  animation: gradientMovement 12s ease infinite;
  opacity: .1;
  right: -130px;
  z-index: 2
}
.module.module--top-donator .purple-gradient__level-3 {
  -webkit-animation: gradientMovement 9s ease infinite;
  animation: gradientMovement 9s ease infinite;
  right: -220px;
  z-index: 1
}
.module.module--top-donator .purple-gradient__gta-character {
  bottom: 0;
  pointer-events: none;
  position: absolute;
  right: -10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 380px;
  z-index: 3
}
.module.module--giftcards #giftcard-balance-form .input {
  border-radius: 12px;
  height: 50px
}
.module.module--giftcards #giftcard-balance-button {
  border-radius: 12px;
  padding-bottom: .875rem;
  padding-top: .875rem
}
.module.module--giftcards #giftcard-balance-button span {
  font-size: 15px
}
.module .module__description {
  --tw-text-opacity: 1;
  color: rgb(191 191 191/var(--tw-text-opacity))
}
.featuredPackage, .module--featuredPackage, .slider-container, .slider-item, .slider-items {
  height: 100%
}
.slider-item {
  border-radius: 12px
}
.panel--featuredPackages, .slider-item {
  overflow: hidden;
  position: relative
}
.panel--featuredPackages {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(16 18 25) !important;
  border-width: 0 !important;
  height: 100%
}
.panel--featuredPackages:before {
  border-color: #ffffff1a;
  border-radius: 12px;
  border-style: solid;
  border-width: 2px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  z-index: 3
}
.panel--featuredPackages:after {
  background: linear-gradient(180deg, transparent, #44403cb3);
  border-radius: 12px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  z-index: 5
}
.panel--featuredPackages .featuredPackage {
  align-items: flex-start;
  display: flex;
  flex-direction: column
}
.panel--featuredPackages .featuredPackage__imageContainer {
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 70%;
  z-index: 1
}
.panel--featuredPackages .featuredPackage__imageContainer:before {
  background: linear-gradient(90deg, #101219, transparent);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 60%;
  z-index: 1
}
.panel--featuredPackages .featuredPackage__imageContainer img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
.panel--featuredPackages .featuredPackage__buttons, .panel--featuredPackages .featuredPackage__desc, .panel--featuredPackages .featuredPackage__name {
  max-width: 464px;
  position: relative;
  z-index: 8
}
.panel--featuredPackages .featuredPackage__desc {
  max-height: 66px;
  opacity: .7;
  overflow: hidden
}
.panel--featuredPackages .featuredPackage__buttons {
  align-items: center;
  display: flex;
  gap: .75rem;
  margin-top: auto
}
.panel--featuredPackages .featuredPackage__buttons .btn {
  padding-bottom: 1.25rem;
  padding-left: 52px;
  padding-right: 52px;
  padding-top: 1.25rem
}
.panel--featuredPackages .featuredPackage__buttons .btn span {
  font-family: Gilroy-Bold, sans-serif;
  font-size: 16px;
  line-height: 21px;
  text-transform: none
}
.panel--featuredPackages .featuredPackage__buttons .btn--moreDetails:focus, .panel--featuredPackages .featuredPackage__buttons .btn--moreDetails:hover {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.06;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.panel--featuredPackages .featuredPackage__buttons .btn--moreDetails:before {
  display: none
}
.featuredPackage {
  padding: 58px 72px
}
.featuredPackage .featuredPackage__name {
  font-family: Gilroy-Heavy, sans-serif;
  font-size: 40px;
  line-height: 50px;
  text-transform: uppercase
}
.featuredPackage .featuredPackage__desc {
  margin-top: 1.75rem
}
.slider-buttons {
  align-items: center;
  bottom: 0;
  display: flex;
  gap: .75rem;
  justify-content: center;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5rem;
  position: absolute;
  right: 0;
  z-index: 9
}
.slider-buttons .slider-button {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.5;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: 6px;
  flex: 0 0 6px;
  height: 6px;
  width: 6px
}
.slider-buttons .slider-button.active {
  --tw-bg-opacity: 1;
  flex: 0 0 22px;
  width: 22px
}
.slider__nextSlideBtn, .slider__previousSlideBtn {
  align-items: center;
  border-radius: 9999px;
  bottom: 0;
  display: flex;
  flex: 0 0 40px;
  height: 40px;
  justify-content: center;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  top: 0;
  transition-duration: .3s;
  width: 40px;
  z-index: 10
}
.slider__nextSlideBtn:focus, .slider__nextSlideBtn:hover, .slider__previousSlideBtn:focus, .slider__previousSlideBtn:hover {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.slider__previousSlideBtn {
  left: .5rem
}
.slider__previousSlideBtn svg {
  --tw-translate-x: -1px;
  --tw-scale-x: -1;
  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))
}
.slider__nextSlideBtn {
  right: .5rem
}
.slider__nextSlideBtn svg {
  --tw-translate-x: 1px;
  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))
}
@-webkit-keyframes constantRotation {
  0% {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(1turn)
  }
}
@keyframes constantRotation {
  0% {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(1turn)
  }
}
@-webkit-keyframes gradientMovement {
  0%, to {
    transform: translateX(-20px) rotate(27deg)
  }
  50% {
    transform: translateX(20px) rotate(27deg)
  }
}
@keyframes gradientMovement {
  0%, to {
    transform: translateX(-20px) rotate(27deg)
  }
  50% {
    transform: translateX(20px) rotate(27deg)
  }
}
@media(max-width:1350px) {
  .module .panel__heading {
    padding-bottom: .75rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1.5rem
  }
  .module .panel__heading h1 {
    font-size: 20px;
    line-height: 28px
  }
  .module .panel__body {
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem
  }
  .module.module--clothes .panel__heading, .module.module--discord .panel__heading {
    padding-bottom: .875rem
  }
  .module.module--clothes .panel__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    margin-bottom: unset
  }
  .module.module--clothes .panel__body .btn {
    margin-top: auto
  }
  .module.module--clothes .panel__body .btn, .module.module--discord .panel__body .btn {
    padding-bottom: 22px;
    padding-top: 22px
  }
  .module.module--zap-hosting {
    align-items: center;
    display: flex;
    flex-direction: column
  }
  .module.module--zap-hosting .panel__heading {
    padding-bottom: 1.25rem
  }
  .module.module--zap-hosting .panel__body {
    margin-bottom: auto;
    margin-top: 0;
    padding-bottom: 136px;
    padding-top: 1.25rem
  }
  .module.module--zap-hosting .zap-hosting__bg-image {
    height: 95px
  }
  .module.module--recent-payments .panel__heading {
    padding-bottom: 1.5rem
  }
  .module.module--top-donator .top-customer__info {
    gap: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 2rem;
    padding-top: 1rem
  }
  .module.module--top-donator .top-customer__img {
    flex: 0 0 48px;
    height: 48px;
    width: 48px
  }
  .module.module--top-donator .top-customer__details b {
    font-size: 16px;
    line-height: 20px
  }
  .module.module--top-donator .top-customer__details small {
    font-size: 14px;
    line-height: 18px;
    margin-top: .625rem
  }
  .module.module--top-donator .top-customer__info {
    margin-top: 1.25rem
  }
  .module.module--top-donator .purple-gradient__gta-character {
    --tw-scale-x: 1.15;
    --tw-scale-y: 1.15;
    bottom: 14px;
    right: 14px;
    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));
    width: 237px
  }
  .module.module--top-donator .purple-gradient__level-1 {
    right: -90px
  }
  .module.module--top-donator .purple-gradient__level-2 {
    right: -180px
  }
  .module.module--top-donator .purple-gradient__level-3 {
    right: -270px
  }
}
@media(max-width:1050px) {
  .featured-packages-carousel {
    height: 300px
  }
  .featuredPackage {
    padding: 2.75rem 3rem
  }
  .featuredPackage .featuredPackage__buttons, .featuredPackage .featuredPackage__desc, .featuredPackage .featuredPackage__name {
    max-width: unset
  }
  .featuredPackage .featuredPackage__name {
    font-size: 32px;
    line-height: 36px;
    margin-top: -4px
  }
  .featuredPackage .featuredPackage__desc {
    margin-top: 1rem
  }
  .featuredPackage .featuredPackage__buttons {
    margin-top: auto
  }
  .slider__nextSlideBtn, .slider__previousSlideBtn {
    flex: 0 0 34px;
    height: 34px;
    width: 34px
  }
  .slider__previousSlideBtn {
    left: .25rem
  }
  .slider__nextSlideBtn {
    right: .25rem
  }
  .slider-buttons {
    padding-bottom: .75rem;
    padding-top: 0
  }
  .recent-payment .info__date {
    opacity: .5
  }
  .module.module--recent-payments .recent-payments {
    gap: 1.5rem
  }
  .module.module--top-donator .top-donator__message {
    width: 330px
  }
  .progress-bar-container {
    margin-top: 1rem
  }
  .progress-bar-container .progress-bar {
    height: 40px
  }
  .progress-bar-container .progress-bar__percentage b {
    font-size: 14px
  }
}
@media(max-width:800px) {
  .featured-packages-carousel {
    height: 497px
  }
  .panel--featuredPackages:after {
    background: linear-gradient(180deg, transparent, #44403cd1)
  }
  .featuredPackage {
    align-items: center;
    justify-content: center;
    padding: 170px 1.5rem 2.5rem
  }
  .featuredPackage .featuredPackage__name {
    display: block;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    width: 100%
  }
  .featuredPackage .featuredPackage__desc {
    font-size: 14px;
    line-height: 20px;
    margin-top: 1rem;
    max-height: 110px;
    text-align: center
  }
  .featuredPackage .featuredPackage__buttons {
    flex-direction: column-reverse;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1rem
  }
  .featuredPackage .featuredPackage__imageContainer {
    height: 186px;
    width: 100%
  }
  .featuredPackage .featuredPackage__imageContainer:before {
    background: linear-gradient(180deg, transparent, #d9aa77);
    height: calc(100% + 2px);
    width: 100%
  }
  .slider__nextSlideBtn, .slider__previousSlideBtn {
    margin-bottom: unset;
    margin-top: unset;
    top: .375rem
  }
  .slider-buttons {
    padding-bottom: 1.25rem
  }
  .panel.panel--sale .sale__img-container {
    bottom: -90px !important;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    right: 0
  }
  .panel.panel--sale .sale__img-container .sale__img {
    --tw-rotate: 0deg;
    position: unset;
    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))
  }
  .featured-packages-and-sales .panel.panel--sale .sale__bg-img-container {
    height: auto;
    right: -100px;
    top: -40px;
    width: calc(100% + 200px)
  }
  .homepage-panels {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
  .homepage-panels .module {
    grid-column: span 1/span 1 !important
  }
  .module .panel__heading {
    padding-bottom: .75rem !important;
    padding-top: 26px
  }
  .module .panel__heading h1 {
    font-size: 16px;
    line-height: 24px
  }
  .module .panel__body p {
    line-height: 20px
  }
  .module .btn span, .module .panel__body p {
    font-size: 14px
  }
  .module .btn span {
    line-height: 18px
  }
  .module.module--clothes p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 40px
  }
  .module.module--clothes .panel__body .btn, .module.module--discord .panel__body .btn {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
  }
  .module.module--zap-hosting .panel__body {
    padding-top: 1.5rem
  }
  .module.module--recent-payments .panel__heading {
    padding-bottom: 1.5rem !important
  }
  .module.module--recent-payments .recent-payments {
    gap: 1.25rem
  }
  .module.module--recent-payments .recent-payment__info {
    margin-top: -2px
  }
  .module.module--recent-payments .recent-payment__avatar, .module.module--recent-payments .recent-payment__avatar img {
    flex: 0 0 32px;
    height: 2rem;
    width: 2rem
  }
  .module.module--recent-payments .info__ign span {
    font-size: 14px;
    line-height: 18px
  }
  .module.module--recent-payments .info__date small {
    font-size: 12px;
    line-height: 16px
  }
  .module.module--top-donator .purple-gradient-container {
    display: none
  }
  .module.module--top-donator .top-donator__message {
    width: auto
  }
  .module.module--top-donator .top-donator__message p {
    font-size: 14px;
    line-height: 18px
  }
  .module.module--top-donator .top-customer__img {
    flex: 0 0 40px;
    height: 40px;
    width: 40px
  }
  .module.module--top-donator .top-customer__info {
    gap: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 2rem;
    padding-top: 1rem
  }
  .module.module--top-donator .top-customer__details b {
    font-size: 14px;
    line-height: 18px
  }
  .module.module--top-donator .top-customer__details small {
    font-size: 12px;
    line-height: 16px;
    margin-top: .5rem
  }
  .progress-bar-container {
    margin-top: .75rem
  }
}
@media(max-width:450px) {
  .slider-buttons {
    display: none
  }
  .featuredPackage {
    padding-bottom: 1.5rem
  }
  .featuredPackage .featuredPackage__buttons {
    flex: 1 1 auto;
    width: 100%
  }
  .featuredPackage .featuredPackage__buttons .btn {
    padding-bottom: 22px;
    padding-top: 22px;
    width: 100%
  }
  .featuredPackage .featuredPackage__buttons .btn span {
    font-size: 16px;
    line-height: 19px
  }
  .featuredPackage .featuredPackage__desc {
    max-height: 100px
  }
  .module.module--zap-hosting {
    max-height: 223px
  }
  .module.module--top-donator .top-customer__info {
    flex: 1 1 auto;
    padding-right: 1rem;
    width: 100%
  }
}
.page-sidebar {
  flex: 0 0 352px;
  width: 352px
}
.menu-cat__toggle, .simple-cat, .simple-subcat {
  cursor: pointer;
  transition-duration: .2s
}
.menu-cat__toggle, .simple-cat {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(51 46 50/var(--tw-bg-opacity));
  border-radius: 4px;
  display: flex;
  flex: 1 1 auto;
  min-height: 80px;
  overflow: hidden;
  padding: .75rem 33px;
  position: relative;
  width: 100%;
  z-index: 3
}
.menu-cat__toggle:focus, .menu-cat__toggle:hover, .simple-cat:focus, .simple-cat:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(47 39 46/var(--tw-bg-opacity))
}
.menu-cat__toggle .menu-cat__name, .menu-cat__toggle .svg-chevron, .simple-cat .menu-cat__name, .simple-cat .svg-chevron {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.menu-cat__toggle .menu-cat__name, .simple-cat .menu-cat__name {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .025em;
  line-height: 28px
}
.menu-cat__toggle .svg-chevron, .simple-cat .svg-chevron {
  margin-left: auto;
  transition-duration: .2s
}
.menu-cat.complex-cat {
  border-radius: 0;
  overflow: hidden
}
.menu-cat.complex-cat.open .svg-chevron {
  --tw-scale-y: -1;
  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))
}
.menu-cat.complex-cat.open .menu-cat__toggle {
  --tw-bg-opacity: 1;
  background-color: rgb(47 39 46/var(--tw-bg-opacity))
}
.menu-cat__subcats {
  flex-direction: column;
  gap: .75rem;
  margin-top: .75rem;
  padding-top: .75rem;
  transition-duration: .4s
}
.menu-cat__subcats, .menu-cat__subcats .simple-subcat {
  display: flex
}
.menu-cat__subcats .simple-subcat {
  align-items: center;
  border-radius: 4px;
  height: 55px;
  padding-bottom: .5rem;
  padding-left: 46px;
  padding-right: 22px;
  padding-top: .5rem
}
.menu-cat__subcats .simple-subcat:focus, .menu-cat__subcats .simple-subcat:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(47 39 46/var(--tw-bg-opacity))
}
.menu-cat__subcats .simple-subcat.active .simple-subcat__name, .menu-cat__subcats .simple-subcat:focus .simple-subcat__name, .menu-cat__subcats .simple-subcat:hover .simple-subcat__name {
  opacity: 1
}
.menu-cat__subcats .simple-subcat__name {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  opacity: .5;
  transition-duration: .2s
}
.simple-cat.active, .simple-cat.active .menu-cat__name, .simple-cat.active .simple-subcat__name, .simple-subcat.active, .simple-subcat.active .menu-cat__name, .simple-subcat.active .simple-subcat__name {
  position: relative
}
.simple-cat.active .menu-cat__name, .simple-cat.active .simple-subcat__name, .simple-subcat.active .menu-cat__name, .simple-subcat.active .simple-subcat__name {
  z-index: 2
}
#ndzn-header {
  padding-bottom: 72px;
  position: relative;
  z-index: 6
}
#ndzn-header.hideSubpages .header__nav {
  display: none !important
}
.header__nav, .header__top {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-bottom: 2px;
  border-color: #ffffff1a;
  border-style: solid
}
.header__top {
  --tw-bg-opacity: 0.03;
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.header__top .container {
  align-items: center;
  display: flex
}
.header__top .top__left, .header__top .top__right {
  min-width: 157px
}
.header__top .top__logo {
  flex: 0 0 43px;
  width: 43px
}
.header__top .top-link, .header__top .top__links {
  align-items: center;
  display: flex
}
.header__top .top__links {
  margin-left: auto;
  margin-right: auto
}
.header__top .btn--purple {
  gap: 1rem;
  padding-bottom: .75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .75rem;
  position: relative;
  width: 100%
}
.header__top .btn--purple:before {
  border-color: #ffffff0a;
  border-radius: 8px;
  border-style: solid;
  border-width: 2px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.header__top .btn--purple span, .header__top .btn--purple svg {
  display: inline-block
}
.header__top .btn--purple span {
  font-size: 16px;
  line-height: 23px
}
.header__top .btn--grey {
  gap: .5rem;
  padding-bottom: .875rem;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: .875rem;
  position: relative
}
.header__top .btn--grey:before {
  border-color: #ffffff0a;
  border-radius: 8px;
  border-style: solid;
  border-width: 2px;
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
.header__top .btn--grey span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: inline-block;
  font-size: 16px;
  line-height: 20px
}
.header__top .top-link {
  gap: .5rem;
  padding-bottom: 47px;
  padding-left: 2.25rem;
  padding-right: 2.25rem;
  padding-top: 47px;
  transition-duration: .3s
}
.header__top .top-link:focus, .header__top .top-link:hover {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.015;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.header__top .top-link:focus svg, .header__top .top-link:hover svg {
  --tw-scale-x: 1.2;
  --tw-scale-y: 1.2;
  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))
}
.header__top .top-link.top-link--active span {
  --tw-text-opacity: 1;
  color: rgb(255 242 123/var(--tw-text-opacity));
  font-weight: 700
}
.header__top .top-link.top-link--active svg path {
  fill-opacity: 1 !important;
  fill: #fff27b
}
.header__top .top-link span {
  --tw-text-opacity: 1;
  color: rgb(191 191 191/var(--tw-text-opacity))
}
.header__top .top-link svg {
  transition-duration: .3s
}
.header__top .top-link svg path {
  fill: #bfbfbf
}
.header__nav {
  --tw-bg-opacity: 0.01
}
.header__nav .container {
  display: flex;
  justify-content: center
}
.navLink.navLink--active .navLink__toggle, .navLink.navLink--active.navLink--simple {
  overflow: hidden;
  position: relative
}
.navLink.navLink--active .navLink__toggle>span, .navLink.navLink--active.navLink--simple>span {
  --tw-text-opacity: 1;
  color: rgb(255 242 123/var(--tw-text-opacity));
  font-weight: 700
}
.navLink.navLink--active .navLink__toggle svg, .navLink.navLink--active.navLink--simple svg {
  opacity: 1
}
.navLink.navLink--active .navLink__toggle svg path, .navLink.navLink--active.navLink--simple svg path {
  fill: #fff27b
}
.navLink.navLink--active .navLink__toggle:before, .navLink.navLink--active.navLink--simple:before {
  --tw-bg-opacity: 1;
  background-color: rgb(255 242 123/var(--tw-bg-opacity));
  border-radius: 4px;
  bottom: 0;
  box-shadow: 0 4px 24px 0 #fff27b;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  width: 56px
}
.navLink--simple, .navLink__toggle {
  min-height: 75px;
  padding: .75rem 2.25rem;
  transition-duration: .2s
}
.navLink--simple span, .navLink__toggle span {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.7;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 500;
  line-height: 20px
}
.navLink--simple svg, .navLink__toggle svg {
  opacity: .7
}
.navLink--simple:focus, .navLink--simple:hover, .navLink__toggle:focus, .navLink__toggle:hover {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.02;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.navLink--simple {
  align-items: center;
  display: flex
}
.navLink__toggle {
  align-items: center;
  display: inline-flex
}
.navLink__toggle svg {
  margin-left: .5rem
}
.navLink__dd, .navLink__toggle svg {
  transition-duration: .2s
}
.navLink__dd {
  --tw-bg-opacity: 1;
  align-items: flex-start;
  background-color: rgb(63 63 63/var(--tw-bg-opacity));
  display: flex;
  flex-direction: column;
  opacity: 0;
  padding-bottom: .5rem;
  padding-top: .5rem;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  visibility: hidden;
  width: 100%;
  z-index: 3
}
.navLink__dd:before {
  border-bottom: 7px solid #3f3f3f;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: -7px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 0
}
.navLink__dd .subCategoryLink {
  display: block;
  padding-bottom: .5rem;
  padding-left: .75rem;
  padding-right: .5rem;
  padding-top: .5rem;
  text-align: left;
  transition-duration: .2s;
  width: 100%
}
.navLink__dd .subCategoryLink.subCategoryLink--active {
  position: relative
}
.navLink__dd .subCategoryLink.subCategoryLink--active:before {
  --tw-bg-opacity: 1;
  background-color: rgb(255 242 123/var(--tw-bg-opacity));
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
  bottom: 0;
  content: "";
  display: block;
  height: calc(100% - 10px);
  left: 0;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  top: 0;
  width: 3px
}
.navLink__dd .subCategoryLink.subCategoryLink--active span {
  --tw-text-opacity: 1;
  color: rgb(255 242 123/var(--tw-text-opacity));
  font-weight: 600
}
.navLink__dd .subCategoryLink:focus, .navLink__dd .subCategoryLink:hover {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.06;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.navLink__dd .subCategoryLink:focus span, .navLink__dd .subCategoryLink:hover span {
  --tw-translate-x: 5px;
  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))
}
.navLink__dd .subCategoryLink span {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  pointer-events: none;
  text-align: left;
  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));
  transition-duration: .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.navLink--complex {
  position: relative
}
.navLink--complex .navLink__dd {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  visibility: hidden
}
.navLink--complex.navLink--open .navLink__toggle>svg {
  --tw-scale-y: -1;
  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))
}
.navLink--complex.navLink--open .navLink__dd {
  opacity: 1;
  pointer-events: auto;
  top: calc(100% + 12px);
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto;
  visibility: visible
}
@media(max-width:1350px) {
  .panel.panel--sale .panel__body {
    padding-right: 150px
  }
  .panel.panel--sale .sale__bg-img-container {
    height: 560px;
    right: -241px;
    top: -61px;
    width: 560px
  }
  .panel.panel--sale .sale__img-container {
    bottom: 0;
    right: 0;
    top: -71px;
    top: unset;
    width: 220px
  }
  .panel.panel--sale .sale__img-container .sale__img {
    bottom: -90px;
    right: -58px
  }
  .panel.panel--sale .sale__desc {
    gap: .75rem;
    padding-right: 0;
    padding-top: 0;
    position: unset
  }
  .panel.panel--sale .discount-percentage {
    margin-top: -3px;
    position: absolute;
    right: .5rem;
    top: .5rem
  }
}
@media(max-width:1200px) {
  .header__top .top-link {
    padding: 2.5rem 1.75rem
  }
  .navLink--simple, .navLink__toggle {
    min-height: 70px;
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
}
@media(min-width:1051px) {
  #ndzn-header .header__top .btn--mobileMenu {
    display: none
  }
}
@media(max-width:1050px) {
  #ndzn-header {
    padding-bottom: 1.5rem;
    padding-top: 3rem
  }
  .header__nav, .header__top .top__links {
    display: none
  }
  .header__top {
    --tw-backdrop-blur: blur(0);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    background-color: transparent;
    border-bottom-width: 0
  }
  .header__top .container--header {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
  }
  .header__top .top__left {
    min-width: unset
  }
  .header__top .top__right {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    gap: 1.5rem;
    margin-top: 3rem;
    width: 100%
  }
  .header__top .top__logo {
    flex: 0 0 113px;
    width: 113px
  }
  .header__top .btn--cart svg, .header__top .btn--mobileMenu svg {
    transition-duration: .2s
  }
  .header__top .btn--cart:focus, .header__top .btn--cart:hover, .header__top .btn--mobileMenu:focus, .header__top .btn--mobileMenu:hover {
    --tw-bg-opacity: 0.12
  }
  .header__top .btn--cart:focus svg, .header__top .btn--cart:hover svg, .header__top .btn--mobileMenu:focus svg, .header__top .btn--mobileMenu:hover svg {
    --tw-scale-x: 1.2;
    --tw-scale-y: 1.2;
    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))
  }
  .header__top .btn--mobileMenu {
    --tw-bg-opacity: 1;
    --tw-bg-opacity: 0.08;
    --tw-backdrop-blur: blur(16px);
    align-items: center;
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-color: #ffffff0a;
    border-style: solid;
    border-width: 1px;
    display: flex;
    flex: 1 1 auto;
    gap: .5rem;
    justify-content: flex-start;
    min-height: 75px;
    padding-bottom: 25px;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 25px
  }
  .header__top .btn--cart {
    flex: 0 0 257px;
    min-height: 75px;
    padding-bottom: 25px;
    padding-top: 25px;
    width: 257px
  }
  .header__top .btn--login {
    padding-bottom: 1.75rem;
    padding-top: 1.75rem
  }
}
@media(min-width:651px) {
  .header__top .top__right .btn--mobileMenu .mobileMenu__mobileText {
    display: none
  }
}
@media(max-width:650px) {
  .header__top .top__right {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
  .header__top .top__right .btn--cart, .header__top .top__right .btn--mobileMenu {
    width: 100%
  }
  .header__top .top__right .btn--mobileMenu .mobileMenu__mobileText {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-family: Gilroy-Bold, sans-serif;
    font-size: 16px;
    line-height: 20px
  }
  .header__top .top__right .btn--mobileMenu {
    justify-content: center
  }
  .header__top .top__right .btn--mobileMenu span:not(.mobileMenu__mobileText) {
    display: none
  }
}
@media(max-width:375px) {
  .header__top .btn--login {
    padding-left: .5rem;
    padding-right: .5rem
  }
}
@media(max-width:350px) {
  .header__top .top__right .btn--cart, .header__top .top__right .btn--mobileMenu {
    border-radius: 12px;
    padding-bottom: .75rem;
    padding-top: .75rem
  }
  .header__top .top__right .btn--cart span, .header__top .top__right .btn--mobileMenu span {
    display: none
  }
  .header__top .top__right .btn--cart svg, .header__top .top__right .btn--mobileMenu svg {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
    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))
  }
}
#ndzn-footer {
  --tw-bg-opacity: 1;
  background-color: rgb(30 33 46);
  margin-top: auto
}
#ndzn-footer .container {
  padding-bottom: 60px;
  padding-top: 60px
}
#ndzn-footer #tm, #ndzn-footer .container, #ndzn-footer .footer__left {
  align-items: center;
  display: flex
}
#ndzn-footer .footer__right {
  margin-left: auto
}
#ndzn-footer .left__logo {
  flex: 0 0 51px;
  width: 51px
}
#ndzn-footer .left__text {
  margin-left: 1.5rem
}
#ndzn-footer .left__text span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px
}
#ndzn-footer #tm {
  padding-bottom: .625rem;
  padding-top: .625rem
}
#ndzn-footer #tm span, #ndzn-footer #tm svg {
  transition-duration: .2s
}
#ndzn-footer #tm span {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.3;
  color: rgb(255 255 255/var(--tw-text-opacity));
  margin-bottom: -1px;
  text-transform: uppercase
}
#ndzn-footer #tm svg {
  fill-opacity: .3;
  fill: #fff;
  margin-left: .5rem
}
#ndzn-footer #tm:focus span, #ndzn-footer #tm:hover span {
  --tw-text-opacity: 0.7
}
#ndzn-footer #tm:focus svg, #ndzn-footer #tm:hover svg {
  fill-opacity: .7
}
div[class*=-tebex-footer-wrapper] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(54 54 54/var(--tw-bg-opacity)) !important;
  border-width: 0 !important;
  font-family: Gilroy-Regular, sans-serif !important;
  height: unset !important;
  min-height: 50px !important;
  padding: .5rem 2.5rem !important;
  z-index: unset
}
div[class*=-tebex-footer-text] {
  --tw-text-opacity: 0.5 !important;
  color: rgb(255 255 255/var(--tw-text-opacity)) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 18px !important;
  margin-top: 0 !important;
  padding-right: 2rem !important
}
div[class*=-tebex-footer-image] {
  flex: 0 0 56px !important;
  margin-right: 1.5rem !important;
  padding-right: 0 !important;
  width: 56px !important
}
div[class*=-tebex-footer-links] {
  display: flex !important;
  gap: 1rem !important;
  justify-content: center !important;
  margin-top: 0 !important
}
div[class*=-tebex-footer-links]>a {
  text-wrap: nowrap;
  --tw-text-opacity: 1 !important;
  --tw-text-opacity: 0.5 !important;
  color: rgb(255 255 255/var(--tw-text-opacity)) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  height: 28px !important;
  line-height: 28px !important;
  margin: 0 !important;
  -webkit-text-decoration-line: underline !important;
  text-decoration-line: underline !important
}
div[class*=-tebex-footer-links]>a:focus, div[class*=-tebex-footer-links]>a:hover {
  --tw-brightness: brightness(1.25);
  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)
}
div[class*=-tebex-footer-links]>a:not(:last-child) {
  margin-right: 0 !important
}
@media(max-width:1050px) {
  div[class*=-tebex-footer-wrapper] {
    align-items: flex-start !important;
    display: flex !important;
    flex-direction: column !important;
    padding-bottom: 16px !important;
    padding-top: 16px !important
  }
  div[class*=-tebex-footer-image] {
    display: none !important
  }
  div[class*=-tebex-footer-text] {
    font-size: 12px !important;
    line-height: 16px !important
  }
  div[class*=-tebex-footer-links] {
    margin-top: .25rem !important
  }
  #ndzn-footer #tm span {
    display: inline-block;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: -2px
  }
}
@media(max-width:650px) {
  #ndzn-footer .container, #ndzn-footer .footer__left {
    align-items: center;
    display: flex;
    flex-direction: column
  }
  #ndzn-footer .container {
    padding-bottom: 26px;
    padding-top: 1.75rem
  }
  #ndzn-footer .left__text {
    margin-left: 0;
    margin-top: 2rem
  }
  #ndzn-footer .left__text span {
    text-align: center
  }
  #ndzn-footer .footer__right {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.25rem
  }
  div[class*=-tebex-footer-wrapper] {
    padding-left: .75rem !important;
    padding-right: .75rem !important
  }
  div[class*=-tebex-footer-text] {
    line-height: 18px !important;
    padding-right: 0 !important;
    text-align: center !important
  }
  div[class*=-tebex-footer-links] {
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: .625rem !important
  }
}
.packages-container-subs {
  gap: 1.5rem;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 66px
}
.package.package--subs {
  min-height: 273px;
  overflow: visible;
  position: relative;
  width: 100%
}
.package.package--subs.package--hasPackageCountdown, .package.package--subs.package--hasPackageCountdown:before {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
.package.package--subs:before {
  border-color: #ffffff0a;
  border-radius: 12px;
  border-style: solid;
  border-width: 0px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
.package.package--subs .package__inner {
  border-radius: 12px;
  position: relative
}
.package.package--subs .package__inner .btn--subsInfo {
  height: 36px;
  position: absolute;
  right: -36px;
  top: -36px;
  transition-duration: .5s;
  width: 36px
}
.package.package--subs .package__inner:focus .btn--subsInfo, .package.package--subs .package__inner:hover .btn--subsInfo {
  right: 0;
  top: 0
}
.package.package--subs .package__inner:focus .btn--subsInfo svg, .package.package--subs .package__inner:hover .btn--subsInfo svg {
  --tw-rotate: -6deg;
  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));
  transition-duration: .3s
}
.package.package--subs .package__inner:focus .btn--subsInfo:focus svg, .package.package--subs .package__inner:focus .btn--subsInfo:hover svg, .package.package--subs .package__inner:hover .btn--subsInfo:focus svg, .package.package--subs .package__inner:hover .btn--subsInfo:hover svg {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  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))
}
.package.package--subs .package__expires {
  justify-content: center;
  left: 0;
  position: absolute;
  top: -40px;
  width: 100%
}
.package.package--subs .package__expiryPeriod {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.5;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-family: Gilroy-Bold, sans-serif;
  font-size: 16px;
  line-height: 22px;
  text-align: center
}
.package.package--subs .package__name {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-family: Gilroy-Bold, sans-serif;
  font-size: 24px;
  line-height: 29px;
  margin-top: .5rem;
  text-align: center
}
.package.package--subs .price__actual {
  font-size: 26px;
  line-height: 30px;
  text-align: center
}
.package.package--subs .price__discounted {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: -2px
}
.package.package--subs .package__details {
  padding-top: 1.75rem
}
.package.package--subs .package__price {
  align-items: center;
  display: flex;
  flex-direction:column-reverse;
  gap: .75rem;
  margin-left: -24px;
  margin-right: -24px;
  margin-top: 1.5rem
}
.package.package--subs .package__buttons {
  margin-top: auto;
  padding-top: 2rem
}
.packageSubsContainer.packageSubsContainer--highlighted .package.package--subs, .packageSubsContainer.packageSubsContainer--highlighted .package__dds {
  background: linear-gradient(225deg, #5d94ff, #4c72be)
}
.packageSubsContainer.packageSubsContainer--highlighted .btn.btn--info {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.2;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.packageSubsContainer.packageSubsContainer--highlighted .btn.btn--add, .packageSubsContainer.packageSubsContainer--highlighted .btn.btn--remove {
  background: #fff !important
}
.packageSubsContainer.packageSubsContainer--highlighted .btn.btn--add:after, .packageSubsContainer.packageSubsContainer--highlighted .btn.btn--remove:after {
  border-color: transparent transparent #5483df #5483df
}
.packageSubsContainer.packageSubsContainer--highlighted .btn.btn--add span, .packageSubsContainer.packageSubsContainer--highlighted .btn.btn--remove span {
  --tw-text-opacity: 1;
  color: rgb(84 131 223/var(--tw-text-opacity))
}
.packageSubsContainer.packageSubsContainer--highlighted .itemDD__item span {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.7;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.packageSubsContainer .package__dds {
  --tw-bg-opacity: 1;
  align-items: flex-start;
  background-color: rgb(55 54 53/var(--tw-bg-opacity));
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: .5rem;
  margin-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1.5rem;
  position: relative
}
.packageSubsContainer .package__dds:before {
  border-color: #ffffff0a;
  border-radius: 12px;
  border-style: solid;
  border-width: 2px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
.packageSubsContainer .itemDD {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding-bottom: .5rem;
  padding-top: .5rem;
  width: 100%
}
.packageSubsContainer .itemDD:focus .itemDD__title svg, .packageSubsContainer .itemDD:hover .itemDD__title svg {
  --tw-scale-x: 1.2;
  --tw-scale-y: 1.2;
  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))
}
.packageSubsContainer .itemDD.itemDD--open .itemDD__title svg {
  --tw-scale-y: -1;
  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))
}
.packageSubsContainer .itemDD__title {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex: 1 1 auto;
  width: 100%
}
.packageSubsContainer .itemDD__title span, .packageSubsContainer .itemDD__title svg {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.packageSubsContainer .itemDD__title span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-family: Gilroy-Bold, sans-serif;
  font-size: 16px;
  line-height: 25px;
  padding-right: 1.25rem
}
.packageSubsContainer .itemDD__title svg {
  flex: 0 0 24px;
  height: 24px;
  margin-left: auto;
  transition-duration: .2s;
  width: 24px
}
.packageSubsContainer .itemDD__list {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 1rem;
  margin-top: .75rem;
  width: 100%
}
.packageSubsContainer .itemDD__item {
  align-items: flex-start;
  display: flex;
  width: 100%
}
.packageSubsContainer .itemDD__item>svg {
  flex: 0 0 16px;
  height: 16px;
  margin-right: .5rem;
  margin-top: .25rem;
  width: 16px
}
.packageSubsContainer .itemDD__item span {
  --tw-text-opacity: 1;
  color: rgb(194 193 193/var(--tw-text-opacity));
  font-family: Gilroy-Bold, sans-serif;
  font-size: 16px;
  line-height: 25px
}
@media(max-width:1500px) {
  .packages-container-subs {
    grid-template-columns: 1fr 1fr 1fr !important;
    row-gap: 48px
  }
  .package.package--subs {
    display: flex;
    flex-direction: column;
    min-height: 243px
  }
  .package.package--subs .package__inner {
    flex: 1 1 auto;
    height: 100% !important;
    top: 0
  }
  .package.package--subs .package__inner .package__info {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%;
    margin-top: 0
  }
  .package.package--subs .package__expiryPeriod {
    font-size: 14px;
    line-height: 18px
  }
  .package.package--subs .package__price {
    margin-top: 18px
  }
  .package.package--subs .package__name {
    font-size: 18px;
    line-height: 24px;
    margin-top: .25rem
  }
  .package.package--subs .price__actual {
    font-size: 24px;
    line-height: 28px
  }
  .package.package--subs .price__discounted {
    font-size: 16px;
    line-height: 22px
  }
  .package.package--subs .package__buttons {
    padding-top: 1.75rem
  }
}
@media(max-width:1050px) {
  .package.package--subs.package--hasPackageCountdown {
    border-radius: 12px;
    position: relative
  }
  .package.package--subs.package--hasPackageCountdown:before {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
  }
  .package.package--subs.package--hasPackageCountdown .package__expires {
    border-radius: 8px;
    flex: 0 0 unset;
    left: -6px;
    margin-left: auto;
    margin-right: auto;
    min-height: 24px;
    min-width: 130px;
    padding-bottom: .25rem;
    padding-left: .75rem;
    padding-right: .75rem;
    padding-top: .25rem;
    position: absolute;
    top: -6px;
    width: auto
  }
  .package.package--subs.package--hasPackageCountdown .package__expires svg {
    display: none
  }
  .package.package--subs .package__price {
    gap: .5rem;
    margin-left: -16px;
    margin-right: -16px
  }
  .packageSubsContainer .package__dds {
    gap: 1rem;
    padding-bottom: 1.75rem;
    padding-top: 1.75rem
  }
  .packageSubsContainer .itemDD {
    padding-bottom: 0;
    padding-top: 0
  }
  .packageSubsContainer .itemDD__title span {
    font-size: 14px;
    line-height: 20px
  }
  .packageSubsContainer .itemDD__title svg {
    flex: 0 0 20px;
    height: 20px;
    width: 20px
  }
  .packageSubsContainer .itemDD__item>svg {
    margin-top: .125rem
  }
  .packageSubsContainer .itemDD__item span {
    font-size: 14px;
    line-height: 20px
  }
  .packages-container-subs {
    margin-top: 0
  }
  .panel--categoryBar {
    margin-bottom: var(--spacing)
  }
}
@media(max-width:900px) {
  .packages-container-subs {
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    row-gap: 2.5rem
  }
  .packageSubsContainer .package__dds {
    margin-top: 1.25rem
  }
}
@media(max-width:650px) {
  .packages-container-subs {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    row-gap: 3rem
  }
}
@media(max-width:375px) {
  .packages-container-subs {
    row-gap: 36px
  }
  .package.package--subs {
    min-height: unset
  }
  .package.package--subs .package__buttons {
    margin-top: .5rem !important
  }
  .package.package--subs .package__details {
    padding-top: 2rem
  }
  .package.package--subs .package__name {
    margin-top: .25rem !important
  }
  .package.package--subs .package__price {
    flex-wrap: wrap
  }
  .package.package--subs:not(.package--hasPackageCountdown) .package__details {
    padding-top: 1.25rem
  }
  .packageSubsContainer .package__dds {
    margin-top: .75rem
  }
}
@media (min-width:640px) {
  .sm\:max-w-sm {
    max-width: 24rem
  }
}

@media(max-width: 650px){
    .panel--categoryBar .categoryBar__left b{
        text-align: center;
    }
}



@media (min-width:768px) {
  .md\:max-w-3xl {
    max-width: 48rem
  }
  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}