:root {
  --fontMdi: "Material Design Icons";
  --spacing: 24px;
  --containerPadding: 0 48px;
  --modalPadding: 32px;
  --tebex-legal-footer-background-color: #0a0a0a;
  --tebex-legal-footer-border-color: #ffffff14
}
@media(max-width:650px) {
  :root {
    --containerPadding: 0 24px;
    --modalPadding: 24px
  }
}
button {
  outline: 2px solid transparent;
  outline-offset: 2px
}
.btn.btn--loading {
  --tw-text-opacity: 0;
  color: transparent;
  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;
  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
}
@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--white {
  --text: #000;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  box-shadow: 0 0 48px 0 #ffffff66
}
.btn.btn--white:focus, .btn.btn--white:hover {
  box-shadow: 0 0 48px 0 #ffffff82
}
.btn.btn--white b, .btn.btn--white span {
  --tw-text-opacity: 1;
  color: rgb(0 0 0/var(--tw-text-opacity))
}
.btn.btn--white svg, .btn.btn--white svg path {
  fill: #000
}
.btn.btn--grey {
  --text: #fff;
  background-color: hsla(0, 0%, 100%, .24);
  border-color: hsla(0, 0%, 100%, .08);
  border-style: solid;
  border-width: 1px
}
.btn.btn--grey b, .btn.btn--grey span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.btn.btn--grey svg, .btn.btn--grey svg path {
  fill: #fff
}
.btn.btn--grey-2 {
  --text: #3d3c3c;
  --tw-bg-opacity: 1;
  background-color: rgb(217 216 214/var(--tw-bg-opacity))
}
.btn.btn--grey-2 b, .btn.btn--grey-2 span {
  --tw-text-opacity: 1;
  color: rgb(61 60 60/var(--tw-text-opacity))
}
.btn.btn--grey-2 svg, .btn.btn--grey-2 svg path {
  fill: #3d3c3c
}
.btn.btn--yellow {
  --text: #3d300c;
  --tw-bg-opacity: 1;
  background-color: rgb(255 200 49/var(--tw-bg-opacity))
}
.btn.btn--yellow b, .btn.btn--yellow span {
  --tw-text-opacity: 1;
  color: rgb(61 48 12/var(--tw-text-opacity))
}
.btn.btn--yellow svg svg path {
  fill: #3d300c
}
.btn.btn--blue {
  --text: #fff;
  --tw-bg-opacity: 1;
  background-color: rgb(59 149 241/var(--tw-bg-opacity));
  position: relative
}
.btn.btn--blue:before {
  content: ""
}
.btn.btn--blue:before {
  pointer-events: none
}
.btn.btn--blue:before {
  position: absolute
}
.btn.btn--blue:before {
  top: 0
}
.btn.btn--blue:before {
  left: 0
}
.btn.btn--blue:before {
  display: block
}
.btn.btn--blue:before {
  height: 100%
}
.btn.btn--blue:before {
  width: 100%
}
.btn.btn--blue:before {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.btn.btn--blue:before {
  border-radius: 10px
}
.btn.btn--blue:before {
  border-width: 2px
}
.btn.btn--blue:before {
  border-style: solid
}
.btn.btn--blue:before {
  border-color: hsla(0, 0%, 100%, .08)
}
.btn.btn--blue b, .btn.btn--blue span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.btn.btn--blue svg, .btn.btn--blue svg path {
  fill: #fff
}
.btn.btn--red {
  --text: #fff;
  --tw-bg-opacity: 1;
  background-color: rgb(255 103 103/var(--tw-bg-opacity))
}
.btn.btn--red b, .btn.btn--red span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.btn.btn--red svg, .btn.btn--red svg path {
  fill: #fff
}
.btn.btn--transparent:focus, .btn.btn--transparent:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.btn.btn--transparent:focus, .btn.btn--transparent:hover {
  --tw-bg-opacity: 0.05
}
*, :after, :before {
  border: 0 solid #e5e7eb;
  box-sizing: border-box
}
:after, :before {
  --tw-content: ""
}
html {
  -webkit-text-size-adjust: 100%;
  font-feature-settings: normal;
  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;
  font-variation-settings: normal;
  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
}
[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%
}
[hidden] {
  display: none
}
*, :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(59, 130, 246, .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(59, 130, 246, .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
}
.sticky {
  position: sticky
}
.order-first {
  order: -9999
}
.block {
  display: block
}
.contents {
  display: contents
}
.hidden {
  display: none
}
.-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-x-10 {
  --tw-translate-x: 2.5rem
}
.translate-x-10, .translate-y-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-y-0 {
  --tw-translate-y: 0px
}
.translate-y-10 {
  --tw-translate-y: 2.5rem
}
.scale-100, .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))
}
.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1
}
.scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05
}
.scale-105, .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
}
.text-center {
  text-align: center
}
.text-xs {
  font-size: .75rem;
  line-height: 1rem
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.text-opacity-75 {
  --tw-text-opacity: 0.75
}
.opacity-0 {
  opacity: 0
}
.opacity-10 {
  opacity: .1
}
.opacity-100 {
  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 {
  transition-duration: .15s;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.transition-all {
  transition-duration: .15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.delay-100 {
  transition-delay: .1s
}
.delay-150 {
  transition-delay: .15s
}
.delay-200 {
  transition-delay: .2s
}
.delay-300 {
  transition-delay: .3s
}
.duration-150 {
  transition-duration: .15s
}
.duration-300 {
  transition-duration: .3s
}
.duration-500 {
  transition-duration: .5s
}
.duration-\[200ms\] {
  transition-duration: .2s
}
.duration-\[250ms\] {
  transition-duration: .25s
}
.duration-\[300ms\] {
  transition-duration: .3s
}
.duration-\[500ms\] {
  transition-duration: .5s
}
.ease-in {
  transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}
.ease-in-out {
  transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, .2, 1)
}
.overlay {
  height: 100%;
  inset: 0;
  overflow: hidden;
  position: fixed;
  width: 100%;
  z-index: 99999
}
#ndzn-app-cloak {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0/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] {
  visibility: visible !important
}
#ndzn-app-cloak[x-cloak] {
  opacity: 1 !important
}
input:-internal-autofill-selected {
  --tw-bg-opacity: 1 !important;
  background-color: red !important;
  background-color: rgb(255 103 103/var(--tw-bg-opacity)) !important
}
html {
  scroll-behavior: smooth
}
body {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(0 0 0/var(--tw-bg-opacity));
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-family: Inter, serif;
  position: relative
}
body::-webkit-scrollbar {
  width: 8px
}
body::-webkit-scrollbar-track {
  background: #141414
}
body::-webkit-scrollbar-thumb {
  background: #fff
}
#ndzn-app {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100vh;
  opacity: 1;
  position: relative;
  visibility: visible;
  z-index: 3
}
#ndzn-page {
  margin-bottom: 88px;
  padding-top: 124px;
  position: relative;
  z-index: 4
}
[x-cloak] {
  display: none !important
}
#ndzn-app-bg {
  height: 525px;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  z-index: 1
}
#ndzn-app-bg .svg--bg {
  bottom: 0;
  height: auto;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 5
}
#ndzn-app-bg .ndzn-app-bg__city {
  bottom: 0;
  height: 421px;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  width: 100%;
  z-index: 3
}
#ndzn-app-bg .svg--cloud {
  position: absolute;
  z-index: 1
}
#ndzn-app-bg .svg--cloud-1 {
  animation: cloudLeftToRight 8s ease infinite;
  left: 67px;
  top: 155px
}
#ndzn-app-bg .svg--cloud-2 {
  animation: cloudLeftToRight 14s ease infinite;
  left: 245px;
  top: 141px
}
#ndzn-app-bg .svg--cloud-3 {
  animation: cloudLeftToRight 12s ease infinite;
  left: 505px;
  top: 174px
}
#ndzn-app-bg .svg--cloud-4 {
  animation: cloudLeftToRight 18s ease infinite;
  right: 645px;
  top: 141px
}
#ndzn-app-bg .svg--cloud-5 {
  animation: cloudLeftToRight 10s ease infinite;
  right: 433px;
  top: 141px
}
#ndzn-app-bg .svg--cloud-6 {
  animation: cloudLeftToRight 8s ease infinite;
  right: 96px;
  top: 105px
}
#ndzn-app-cloak {
  display: block !important;
  height: 100%;
  inset: 0;
  opacity: 0;
  position: fixed;
  transition-delay: .1s;
  transition-duration: .2s;
  visibility: hidden;
  width: 100%;
  z-index: 999999
}
#ndzn-app-cloak[x-cloak] {
  visibility: visible
}
#ndzn-app-cloak[x-cloak] {
  opacity: 1
}
.container {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 1288px;
  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 #fff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  content: ""
}
.ndzn-js--dd .ndzn-js--ddMenu:before {
  position: absolute
}
.ndzn-js--dd .ndzn-js--ddMenu:before {
  left: 0;
  right: 0
}
.ndzn-js--dd .ndzn-js--ddMenu:before {
  top: -7px
}
.ndzn-js--dd .ndzn-js--ddMenu:before {
  margin-left: auto;
  margin-right: auto
}
.ndzn-js--dd .ndzn-js--ddMenu:before {
  display: block
}
.ndzn-js--dd .ndzn-js--ddMenu:before {
  height: 0
}
.ndzn-js--dd .ndzn-js--ddMenu:before {
  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 {
  --tw-text-opacity: 1;
  color: rgb(59 149 241/var(--tw-text-opacity));
  text-decoration-line: underline;
  transition-duration: .2s
}
a:focus, 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)
}
a.btn {
  text-decoration-line: none !important
}
.content-category .panel.--heading {
  padding-left: 200px;
  padding-right: 200px
}
.module hr, .panel hr {
  background-color: hsla(0, 0%, 100%, .1);
  border-width: 0;
  height: 1px;
  margin-bottom: .75rem;
  margin-top: .75rem;
  width: 100%
}
.panel {
  margin-bottom: var(--spacing)
}
.panel .panel__body>:first-child {
  margin-top: 0
}
.panel .panel__body>:last-child {
  margin-bottom: 0
}
.panel .panel__body img {
  width: 100%
}
.modal__description h1, .modal__description h2, .modal__description h3, .modal__description h4, .modal__description h5, .modal__description h6, .module:not(.module--custom) h1, .module:not(.module--custom) h2, .module:not(.module--custom) h3, .module:not(.module--custom) h4, .module:not(.module--custom) h5, .module:not(.module--custom) h6, .panel__body h1, .panel__body h2, .panel__body h3, .panel__body h4, .panel__body h5, .panel__body h6, section h1, section h2, section h3, section h4, section h5, section h6 {
  margin-bottom: 1rem
}
.modal__description h1, .modal__description h2, .modal__description h3, .modal__description h4, .modal__description h5, .modal__description h6, .module:not(.module--custom) h1, .module:not(.module--custom) h2, .module:not(.module--custom) h3, .module:not(.module--custom) h4, .module:not(.module--custom) h5, .module:not(.module--custom) h6, .panel__body h1, .panel__body h2, .panel__body h3, .panel__body h4, .panel__body h5, .panel__body h6, section h1, section h2, section h3, section h4, section h5, section h6 {
  font-weight: 900
}
.modal__description h1, .modal__description h2, .modal__description h3, .modal__description h4, .modal__description h5, .modal__description h6, .module:not(.module--custom) h1, .module:not(.module--custom) h2, .module:not(.module--custom) h3, .module:not(.module--custom) h4, .module:not(.module--custom) h5, .module:not(.module--custom) h6, .panel__body h1, .panel__body h2, .panel__body h3, .panel__body h4, .panel__body h5, .panel__body h6, section h1, section h2, section h3, section h4, section h5, section h6 {
  text-transform: uppercase
}
.modal__description h1, .module:not(.module--custom) h1, .panel__body h1, section h1 {
  font-size: 32px
}
.modal__description h1, .module:not(.module--custom) h1, .panel__body h1, section h1 {
  line-height: 44px
}
.modal__description h2, .module:not(.module--custom) h2, .panel__body h2, section h2 {
  font-size: 24px
}
.modal__description h2, .module:not(.module--custom) h2, .panel__body h2, section h2 {
  line-height: 32px
}
.modal__description h3, .module:not(.module--custom) h3, .panel__body h3, section h3 {
  font-size: 20px
}
.modal__description h3, .module:not(.module--custom) h3, .panel__body h3, section h3 {
  line-height: 28px
}
.modal__description h4, .modal__description h5, .modal__description h6, .module:not(.module--custom) h4, .module:not(.module--custom) h5, .module:not(.module--custom) h6, .panel__body h4, .panel__body h5, .panel__body h6, section h4, section h5, section h6 {
  font-size: 16px
}
.modal__description h4, .modal__description h5, .modal__description h6, .module:not(.module--custom) h4, .module:not(.module--custom) h5, .module:not(.module--custom) h6, .panel__body h4, .panel__body h5, .panel__body h6, section h4, section h5, section h6 {
  line-height: 26px
}
.modal__description h4, .modal__description h5, .modal__description h6, .module:not(.module--custom) h4, .module:not(.module--custom) h5, .module:not(.module--custom) h6, .panel__body h4, .panel__body h5, .panel__body h6, section h4, section h5, section h6 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.modal__description li, .modal__description p, .module:not(.module--custom) li, .module:not(.module--custom) p, .panel__body li, .panel__body p, section li, section p {
  display: block
}
.modal__description li, .modal__description p, .module:not(.module--custom) li, .module:not(.module--custom) p, .panel__body li, .panel__body p, section li, section p {
  text-align: left
}
.modal__description li, .modal__description p, .module:not(.module--custom) li, .module:not(.module--custom) p, .panel__body li, .panel__body p, section li, section p {
  font-size: 16px
}
.modal__description li, .modal__description p, .module:not(.module--custom) li, .module:not(.module--custom) p, .panel__body li, .panel__body p, section li, section p {
  font-weight: 400
}
.modal__description li, .modal__description p, .module:not(.module--custom) li, .module:not(.module--custom) p, .panel__body li, .panel__body p, section li, section p {
  line-height: 26px
}
.modal__description li, .module:not(.module--custom) li, .panel__body li, section li {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.modal__description p, .module:not(.module--custom) p, .panel__body p, section p {
  margin-bottom: .75rem;
  margin-top: .75rem
}
.modal__description p, .module:not(.module--custom) p, .panel__body p, section p {
  --tw-text-opacity: 1;
  color: rgb(178 178 178/var(--tw-text-opacity))
}
.modal__description ol, .modal__description ul, .module:not(.module--custom) ol, .module:not(.module--custom) ul, .panel__body ol, .panel__body ul, section ol, section ul {
  margin-bottom: 1.25rem;
  margin-top: 1.25rem
}
.modal__description ol, .modal__description ul, .module:not(.module--custom) ol, .module:not(.module--custom) ul, .panel__body ol, .panel__body ul, section ol, section ul {
  opacity: .8
}
.modal__description ol li, .modal__description ul li, .module:not(.module--custom) ol li, .module:not(.module--custom) ul li, .panel__body ol li, .panel__body ul li, section ol li, section ul li {
  position: relative
}
.modal__description ol li, .modal__description ul li, .module:not(.module--custom) ol li, .module:not(.module--custom) ul li, .panel__body ol li, .panel__body ul li, section ol li, section ul li {
  margin-bottom: .5rem;
  margin-top: .5rem
}
.modal__description ol li, .modal__description ul li, .module:not(.module--custom) ol li, .module:not(.module--custom) ul li, .panel__body ol li, .panel__body ul li, section ol li, section ul li {
  padding-left: 1.5rem
}
.modal__description ol li:before, .modal__description ul li:before, .module:not(.module--custom) ol li:before, .module:not(.module--custom) ul li:before, .panel__body ol li:before, .panel__body ul li:before, section ol li:before, section ul li:before {
  content: ""
}
.modal__description ol li:before, .modal__description ul li:before, .module:not(.module--custom) ol li:before, .module:not(.module--custom) ul li:before, .panel__body ol li:before, .panel__body ul li:before, section ol li:before, section ul li:before {
  position: absolute
}
.modal__description ol li:before, .modal__description ul li:before, .module:not(.module--custom) ol li:before, .module:not(.module--custom) ul li:before, .panel__body ol li:before, .panel__body ul li:before, section ol li:before, section ul li:before {
  top: 11px
}
.modal__description ol li:before, .modal__description ul li:before, .module:not(.module--custom) ol li:before, .module:not(.module--custom) ul li:before, .panel__body ol li:before, .panel__body ul li:before, section ol li:before, section ul li:before {
  left: 9px
}
.modal__description ol li:before, .modal__description ul li:before, .module:not(.module--custom) ol li:before, .module:not(.module--custom) ul li:before, .panel__body ol li:before, .panel__body ul li:before, section ol li:before, section ul li:before {
  margin-bottom: auto;
  margin-top: auto
}
.modal__description ol li:before, .modal__description ul li:before, .module:not(.module--custom) ol li:before, .module:not(.module--custom) ul li:before, .panel__body ol li:before, .panel__body ul li:before, section ol li:before, section ul li:before {
  display: block
}
.modal__description ol li:before, .modal__description ul li:before, .module:not(.module--custom) ol li:before, .module:not(.module--custom) ul li:before, .panel__body ol li:before, .panel__body ul li:before, section ol li:before, section ul li:before {
  height: 4px
}
.modal__description ol li:before, .modal__description ul li:before, .module:not(.module--custom) ol li:before, .module:not(.module--custom) ul li:before, .panel__body ol li:before, .panel__body ul li:before, section ol li:before, section ul li:before {
  width: 4px
}
.modal__description ol li:before, .modal__description ul li:before, .module:not(.module--custom) ol li:before, .module:not(.module--custom) ul li:before, .panel__body ol li:before, .panel__body ul li:before, section ol li:before, section ul li:before {
  border-radius: 9999px
}
.modal__description ol li:before, .modal__description ul li:before, .module:not(.module--custom) ol li:before, .module:not(.module--custom) ul li:before, .panel__body ol li:before, .panel__body ul li:before, section ol li:before, section ul li:before {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.modal__description a, .module:not(.module--custom) a, .panel__body a, section a {
  word-break: break-all
}
.modal__description a, .module:not(.module--custom) a, .panel__body a, section a {
  font-size: 16px
}
.modal__description a, .module:not(.module--custom) a, .panel__body a, section a {
  font-weight: 700
}
.modal__description a, .module:not(.module--custom) a, .panel__body a, section a {
  --tw-text-opacity: 1;
  color: rgb(59 149 241/var(--tw-text-opacity))
}
.modal__description a, .module:not(.module--custom) a, .panel__body a, section a {
  text-decoration-line: underline
}
.modal__description small, .module:not(.module--custom) small, .panel__body small, section small {
  display: block
}
.modal__description small, .module:not(.module--custom) small, .panel__body small, section small {
  font-size: 13px
}
.modal__description small, .module:not(.module--custom) small, .panel__body small, section small {
  font-weight: 400
}
.modal__description small, .module:not(.module--custom) small, .panel__body small, section small {
  line-height: 20px
}
.modal__description b, .module:not(.module--custom) b, .panel__body b, section b {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.input, input {
  background-color: hsla(0, 0%, 100%, .02);
  border: 1px solid hsla(0, 0%, 100%, .08);
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  min-height: 40px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  padding: 1rem 1.25rem
}
.input::-moz-placeholder, input::-moz-placeholder {
  color: hsla(0, 0%, 100%, .3)
}
.input::placeholder, input::placeholder {
  color: hsla(0, 0%, 100%, .3)
}
.giftcard-status {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(26 26 26/var(--tw-bg-opacity));
  border: 1px solid hsla(0, 0%, 100%, .08);
  border-radius: .5rem;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-weight: 700;
  margin-top: 1rem !important;
  padding: 1rem 1.5rem;
  width: 100%
}
.table-responsive {
  -webkit-overflow-scrolling: touch;
  display: block;
  overflow-x: auto;
  width: 100%
}
.error-container {
  margin-bottom: 1rem;
  margin-top: 1rem
}
.error-container .error {
  align-items: center;
  display: flex;
  gap: 2.5rem;
  padding-bottom: .125rem;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: .125rem;
  position: relative
}
.error-container .error:before {
  -webkit-clip-path: polygon(0 0, 5px 8px, 5px calc(100% - 8px), 0 100%);
  clip-path: polygon(0 0, 5px 8px, 5px calc(100% - 8px), 0 100%);
  content: ""
}
.error-container .error:before {
  position: absolute
}
.error-container .error:before {
  left: 0
}
.error-container .error:before {
  top: 0
}
.error-container .error:before {
  display: block
}
.error-container .error:before {
  height: 100%
}
.error-container .error:before {
  width: 5px
}
.error-container .error:before {
  --tw-bg-opacity: 1;
  background-color: rgb(255 103 103/var(--tw-bg-opacity))
}
.error-container .error:after {
  animation: alertGradientPulse 4s ease infinite;
  background: linear-gradient(270deg, hsla(0, 100%, 70%, 0), #ff6767);
  content: ""
}
.error-container .error:after {
  position: absolute
}
.error-container .error:after {
  top: 0
}
.error-container .error:after {
  left: 0
}
.error-container .error:after {
  display: block
}
.error-container .error:after {
  height: 100%
}
.error-container .error:after {
  width: 81px
}
.error-container .error:after {
  opacity: .24
}
.error-container .error .svg--alert {
  fill: #ff6767;
  animation: alertIconPulse 2s ease infinite;
  flex: 0 0 40px;
  height: 2.5rem;
  width: 2.5rem
}
.error-container .error span {
  --tw-text-opacity: 1;
  color: rgb(255 103 103/var(--tw-text-opacity));
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  text-align: left
}
.error-container .error span a {
  --tw-text-opacity: 1;
  --tw-brightness: brightness(1.1);
  color: rgb(255 103 103/var(--tw-text-opacity));
  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);
  font-weight: 700
}
@keyframes cloudLeftToRight {
  0%, to {
    opacity: .24;
    transform: scale(1) translate(-8px)
  }
  50% {
    opacity: .3;
    transform: scale(1) translate(8px)
  }
}
@keyframes alertGradientPulse {
  0%, to {
    width: 81px
  }
  50% {
    width: 120px
  }
}
@keyframes alertIconPulse {
  0%, to {
    transform: scale(1)
  }
  50% {
    transform: scale(1.1)
  }
}
@media(max-width:1200px) {
  #ndzn-page {
    padding-top: 85px
  }
}
@media(max-width:1050px) {
  #ndzn-app-bg .svg--cloud-1 {
    top: -91px
  }
  #ndzn-app-bg .svg--cloud-3 {
    top: 38px
  }
  #ndzn-app-bg .svg--cloud-4 {
    right: 400px;
    top: 30px
  }
}
@media(max-width:750px) {
  .error-container .error {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 34px;
    overflow: hidden;
    padding: .75rem 0 0
  }
  .error-container .error:before {
    -webkit-clip-path: unset;
    clip-path: unset
  }
  .error-container .error:before {
    top: .25rem
  }
  .error-container .error:before {
    height: 2.5rem
  }
  .error-container .error:before {
    width: .25rem
  }
  .error-container .error:before {
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px
  }
  .error-container .error:after {
    animation: unset
  }
  .error-container .error:after {
    height: 3rem
  }
  .error-container .error:after {
    width: 100%
  }
  .error-container .error .svg--alert {
    flex: 0 0 24px;
    height: 1.5rem;
    margin-left: 1rem;
    width: 1.5rem
  }
  .error-container .error span {
    font-size: 14px;
    line-height: 23px
  }
}
@media(max-width:650px) {
  #ndzn-page {
    padding-top: 107px
  }
  section.title--homepage .title--homepage__additional {
    margin-top: 1rem !important
  }
  section.title--homepage .title--homepage__additional p {
    font-size: 14px !important;
    line-height: 22px !important
  }
}
.toast {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  align-items: center;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: .375rem;
  box-shadow: 0 4px 48px 0 #ffffff66;
  color: rgb(0 0 0/var(--tw-text-opacity));
  display: flex;
  left: -50px;
  max-width: 100%;
  min-height: 82px;
  opacity: 0;
  padding: 4px 2.5rem 4px 24px;
  pointer-events: none;
  position: fixed;
  top: 4rem;
  transition-duration: .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 9999
}
.toast.toast--visible {
  left: 4rem;
  opacity: 1
}
.toast.toast--visible .toast-icon, .toast.toast--visible svg {
  display: block !important
}
.toast.toast--success {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 255 255/var(--tw-border-opacity));
  border-bottom-width: 12px;
  border-left-color: rgb(83 215 89/var(--tw-border-opacity));
  border-left-width: 5px;
  border-style: solid;
  border-top-color: rgb(255 255 255/var(--tw-border-opacity));
  border-top-width: 12px
}
.toast.toast--success:before {
  background: linear-gradient(270deg, rgba(83, 215, 89, 0), #53d759);
  height: calc(100% + 24px)
}
.toast.toast--success:before {
  position: absolute
}
.toast.toast--success:before {
  top: -.75rem
}
.toast.toast--success:before {
  left: -.25rem
}
.toast.toast--success:before {
  width: 81px
}
.toast.toast--success:before {
  opacity: .24
}
.toast.toast--success:before {
  --tw-content: "";
  content: var(--tw-content)
}
.toast.toast--danger {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 255 255/var(--tw-border-opacity));
  border-bottom-width: 8px;
  border-left-color: rgb(255 103 103/var(--tw-border-opacity));
  border-left-width: 5px;
  border-style: solid;
  border-top-color: rgb(255 255 255/var(--tw-border-opacity));
  border-top-width: 8px
}
.toast.toast--danger:before {
  background: linear-gradient(270deg, hsla(0, 100%, 70%, 0), #ff6767);
  height: calc(100% + 24px)
}
.toast.toast--danger:before {
  position: absolute
}
.toast.toast--danger:before {
  top: -.75rem
}
.toast.toast--danger:before {
  left: -.25rem
}
.toast.toast--danger:before {
  width: 81px
}
.toast.toast--danger:before {
  opacity: .24
}
.toast.toast--danger:before {
  --tw-content: "";
  content: var(--tw-content)
}
.toast .toast-text {
  display: flex;
  flex-direction: column
}
.toast .toast-text b {
  font-weight: 900;
  line-height: 20px;
  margin-bottom: .5rem
}
.toast .toast-text span {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  opacity: .7
}
.toast .toast-icon {
  margin-right: 1.5rem
}
@media(max-width:650px) {
  .toast {
    width: calc(100% - 48px)
  }
  .toast.toast--visible {
    left: 1.5rem
  }
}
.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)
}
#ndzn-header {
  position: relative
}
#ndzn-header a {
  text-decoration-line: none
}
.header__splash, .header__top {
  position: relative;
  z-index: 3
}
.header__top .container {
  align-items: center;
  display: flex;
  padding-bottom: 2rem;
  padding-top: 2rem
}
.header__top .top__right {
  margin-left: auto
}
.header__logo {
  height: 318px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100px;
  transition-duration: .3s;
  width: 318px;
  z-index: 5
}
.header__logo:focus, .header__logo:hover {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02
}
.header__logo:focus, .header__logo:hover {
  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__logo img {
  --tw-scale-x: 1.57;
  --tw-scale-y: 1.57;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  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%
}
.top__left, .top__right {
  align-items: center;
  display: flex;
  justify-content: center
}
.top__left i {
  background-color: hsla(0, 0%, 100%, .3);
  display: inline-block;
  height: 10px;
  margin-left: 1rem;
  margin-right: 1rem;
  width: 1px
}
.top__left .user-action, .top__left .user-details {
  align-items: center;
  display: flex;
  gap: .5rem
}
.top__left .user-action span, .top__left .user-details span {
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  margin-top: -1px
}
.top__left .user-details span {
  font-weight: 700
}
.top__left .user-action:focus svg, .top__left .user-action:hover svg {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1
}
.top__left .user-action:focus svg, .top__left .user-action:hover svg {
  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))
}
.top__left .user-action:focus svg path, .top__left .user-action:hover svg path {
  fill-opacity: .7
}
.top__left .user-action:focus span, .top__left .user-action:hover span {
  color: hsla(0, 0%, 100%, .7)
}
.top__left .user-action span, .top__left .user-action svg, .top__left .user-action svg path {
  transition-duration: .2s
}
.top__left .user-action span {
  color: hsla(0, 0%, 100%, .5);
  font-weight: 500
}
.top__right {
  align-items: center;
  display: flex;
  gap: 3rem
}
.top__right .top-link {
  border-radius: 6px;
  transition-duration: .2s
}
.top__right .btn--cart {
  gap: .5rem;
  height: 54px;
  min-width: 180px;
  padding-bottom: .75rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: .75rem;
  transition-duration: .5s
}
.top__right .btn--cart:focus .svg--cart, .top__right .btn--cart:hover .svg--cart {
  --tw-rotate: 4deg
}
.top__right .btn--cart:focus .svg--cart, .top__right .btn--cart:hover .svg--cart {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25
}
.top__right .btn--cart:focus .svg--cart, .top__right .btn--cart:hover .svg--cart {
  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))
}
.top__right .btn--cart .svg--cart {
  transition-duration: .5s
}
.top__right .btn--cart b {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(0 0 0/var(--tw-bg-opacity));
  border-radius: 9999px;
  color: rgb(255 255 255/var(--tw-text-opacity));
  flex: 0 0 22px;
  font-size: 14px;
  font-weight: 700;
  height: 22px;
  line-height: 22px;
  width: 22px
}
.currency-container {
  position: relative
}
.currency-container.open .menu--currency {
  top: calc(100% + 12px)
}
.currency-container.open .svg--chevron-down {
  --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))
}
.currency-container .svg--chevron-down {
  transition-duration: .3s
}
.currency-container .top-link {
  align-items: center;
  border-radius: 6px;
  display: flex;
  gap: .5rem;
  height: 56px;
  padding-left: .75rem;
  padding-right: .75rem
}
.currency-container .top-link:focus, .currency-container .top-link:hover {
  background-color: hsla(0, 0%, 100%, .05)
}
.currency-container .top-link span {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px
}
.currency-container .menu--currency {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: 6px;
  display: grid;
  gap: .25rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding-bottom: .75rem;
  padding-left: .5rem;
  padding-right: .5rem;
  padding-top: .75rem;
  position: absolute;
  right: -17px;
  top: 100%;
  width: 110px
}
.currency-container .menu--currency a {
  --tw-text-opacity: 1;
  border-radius: .375rem;
  color: rgb(0 0 0/var(--tw-text-opacity));
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  padding-bottom: 3px;
  padding-left: .25rem;
  padding-right: .25rem;
  padding-top: 3px;
  text-align: center
}
.currency-container .menu--currency a:focus, .currency-container .menu--currency a:hover {
  background-color: rgba(0, 0, 0, .1)
}
.currency-container .menu--currency a.active {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(0 0 0/var(--tw-bg-opacity));
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.header__splash {
  margin-top: 244px
}
.header__splash .container {
  align-items: center;
  display: flex
}
.header__splash .splash__left, .header__splash .splash__right {
  align-items: center;
  display: flex
}
.header__splash .splash__left .svg--discord, .header__splash .splash__left .svg--play, .header__splash .splash__right .svg--discord, .header__splash .splash__right .svg--play {
  transition-duration: .5s
}
.header__splash .splash__left>div:not(.splash__icon-container), .header__splash .splash__right>div:not(.splash__icon-container) {
  transition-duration: .5s
}
.header__splash .splash__left .splash__icon-container, .header__splash .splash__right .splash__icon-container {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(59 149 241/var(--tw-bg-opacity));
  border-radius: 9999px;
  display: flex;
  flex: 0 0 48px;
  height: 48px;
  justify-content: center;
  width: 48px
}
.header__splash .splash__left b, .header__splash .splash__left span, .header__splash .splash__right b, .header__splash .splash__right span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: block;
  font-weight: 700
}
.header__splash .splash__left b, .header__splash .splash__right b {
  font-size: 16px;
  line-height: 21px;
  text-transform: uppercase
}
.header__splash .splash__left span, .header__splash .splash__right span {
  --tw-text-opacity: 0.5;
  font-size: 14px;
  line-height: 18px;
  margin-top: .25rem
}
.header__splash .splash__left i, .header__splash .splash__right i {
  font-style: normal
}
.header__splash .splash__left:focus .svg--play, .header__splash .splash__left:hover .svg--play {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25
}
.header__splash .splash__left:focus .svg--play, .header__splash .splash__left:hover .svg--play {
  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__splash .splash__left:focus>div:not(.splash__icon-container), .header__splash .splash__left:hover>div:not(.splash__icon-container) {
  --tw-translate-x: 5px
}
.header__splash .splash__left:focus>div:not(.splash__icon-container), .header__splash .splash__left:hover>div:not(.splash__icon-container) {
  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__splash .splash__left .splash__icon-container {
  margin-right: 1rem
}
.header__splash .splash__left b, .header__splash .splash__left span {
  text-align: left
}
.header__splash .splash__right {
  margin-left: auto
}
.header__splash .splash__right:focus .svg--discord, .header__splash .splash__right:hover .svg--discord {
  --tw-rotate: -20deg
}
.header__splash .splash__right:focus .svg--discord, .header__splash .splash__right:hover .svg--discord {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1
}
.header__splash .splash__right:focus .svg--discord, .header__splash .splash__right:hover .svg--discord {
  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__splash .splash__right:focus>div:not(.splash__icon-container), .header__splash .splash__right:hover>div:not(.splash__icon-container) {
  --tw-translate-x: -5px
}
.header__splash .splash__right:focus>div:not(.splash__icon-container), .header__splash .splash__right:hover>div:not(.splash__icon-container) {
  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__splash .splash__right .splash__icon-container {
  margin-left: 1rem
}
.header__splash .splash__right b, .header__splash .splash__right span {
  text-align: right
}
@media(min-width:1201px) {
  #ndzn-header .top__right .btn--mobile-menu, .header__splash .splash__left>span, .header__splash .splash__right>span {
    display: none
  }
}
@media(max-width:1200px) {
  #ndzn-header {
    height: 340px
  }
  #ndzn-header .container {
    padding-left: 3rem;
    padding-right: 3rem
  }
  #ndzn-header .header__splash .container {
    padding: 0
  }
  #ndzn-header .btn--mobile-menu {
    align-items: center;
    display: flex;
    gap: .5rem;
    height: 56px;
    justify-content: flex-start;
    padding-bottom: .75rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: .75rem;
    width: 252px
  }
  #ndzn-header .btn--mobile-menu svg {
    transition-duration: .3s
  }
  #ndzn-header .btn--mobile-menu:focus svg, #ndzn-header .btn--mobile-menu:hover svg {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
  }
  #ndzn-header .btn--mobile-menu:focus svg, #ndzn-header .btn--mobile-menu:hover svg {
    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-app-bg .svg--bg {
    bottom: 112px
  }
  #ndzn-app-bg .ndzn-app-bg__city {
    bottom: 115px;
    height: 380px
  }
  .header__logo {
    flex: 0 0 194px;
    height: 194px;
    top: 70px;
    width: 194px
  }
  .header__top {
    flex: 1 1 auto;
    width: 100%
  }
  .header__top .container {
    padding-bottom: 2rem;
    padding-top: 2rem
  }
  .splash__left, .splash__right {
    gap: .5rem !important
  }
  .splash__left>div:not(.splash__icon-container), .splash__right>div:not(.splash__icon-container) {
    display: none
  }
  .splash__left>span, .splash__right>span {
    margin: 0 !important
  }
  .splash__left>span, .splash__right>span {
    font-size: 16px
  }
  .splash__left>span, .splash__right>span {
    font-weight: 700
  }
  .splash__left>span, .splash__right>span {
    text-transform: uppercase
  }
  .splash__left>span, .splash__right>span {
    line-height: 23px
  }
  .splash__left>span, .splash__right>span {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
  }
  .header__splash {
    left: unset;
    margin-top: 0;
    position: absolute;
    right: 3rem;
    top: 2rem
  }
  .header__splash .splash__icon-container .svg--discord, .header__splash .splash__icon-container .svg--play {
    flex: 0 0 14px;
    height: .875rem;
    width: .875rem
  }
  .header__splash .splash__left .splash__icon-container, .header__splash .splash__right .splash__icon-container {
    flex: 0 0 24px;
    height: 1.5rem;
    margin: 0;
    width: 1.5rem
  }
  .header__splash .splash__left span, .header__splash .splash__right span {
    --tw-text-opacity: 1
  }
  .header__splash .splash__right {
    margin-left: 28px
  }
  .header__top {
    position: unset
  }
  .top__right {
    bottom: 0;
    position: absolute;
    right: 3rem;
    width: calc(100% - 96px)
  }
  .currency-container {
    margin-left: auto
  }
  .currency-container .svg--chevron-down {
    transition-duration: .3s
  }
  .currency-container .top-link:focus, .currency-container .top-link:hover {
    background-color: transparent
  }
}
@media(max-width:900px) {
  .top__right {
    gap: var(--spacing)
  }
  #ndzn-header .btn--mobile-menu {
    width: auto
  }
}
@media(min-width:651px) {
  #ndzn-header .btn--mobile-menu .btn__mobile-text {
    display: none
  }
}
@media(max-width:650px) {
  #ndzn-header {
    height: 384px
  }
  #ndzn-header .container {
    justify-content: center;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.5rem
  }
  #ndzn-header .container button {
    padding-bottom: .5rem;
    padding-top: .5rem
  }
  #ndzn-header .btn--mobile-menu {
    justify-content: center
  }
  #ndzn-app-bg .ndzn-app-bg__city {
    bottom: 100px;
    height: 400px
  }
  #ndzn-app-bg .svg--bg, .header__splash {
    display: none
  }
  .header__logo {
    top: 96px
  }
  .header__top .top__right {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
  .top__right {
    right: 1.5rem;
    width: calc(100% - 48px)
  }
  .top__right .currency-container {
    display: none !important
  }
  .top__right .btn--mobile-menu .btn__text {
    display: none
  }
}
@media(max-width:450px) {
  .header__top .top__right {
    grid-template-columns: 110px 1fr
  }
  .top__right .btn--cart, .top__right .btn--mobile-menu {
    padding-left: .5rem !important;
    padding-right: .5rem !important
  }
  .top__right .btn--cart {
    min-width: unset
  }
}
#ndzn-footer {
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 10/var(--tw-bg-opacity));
  border-color: hsla(0, 0%, 100%, .08);
  border-top: 1px hsla(0, 0%, 100%, .08);
  border-style: solid;
  margin-top: auto
}
#ndzn-footer a {
  text-decoration-line: none
}
#ndzn-footer .container {
  align-items: center;
  display: flex;
  padding-bottom: 60px;
  padding-top: 60px
}
#ndzn-footer .pma-footer-logo-container {
  flex: 0 0 68px;
  height: 68px;
  width: 68px
}
#ndzn-footer .pma-footer-logo-container .pma-footer-logo {
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  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%
}
#ndzn-footer .footer__left {
  align-items: center;
  display: flex;
  gap: 1.5rem
}
#ndzn-footer .footer__left__text span {
  display: block;
  text-align: left
}
#ndzn-footer .footer__left__text span:not(:first-of-type) {
  margin-top: .125rem
}
#ndzn-footer .footer__right {
  margin-left: auto
}
#ndzn-footer #tm {
  align-items: center;
  display: flex;
  gap: .5rem;
  padding: .75rem
}
#ndzn-footer #tm:focus span, #ndzn-footer #tm:hover span {
  color: hsla(0, 0%, 100%, .5)
}
#ndzn-footer #tm:focus .svg--ndzn, #ndzn-footer #tm:hover .svg--ndzn {
  opacity: .5
}
#ndzn-footer #tm .svg--ndzn, #ndzn-footer #tm span {
  transition-duration: .3s
}
#ndzn-footer #tm span {
  color: hsla(0, 0%, 100%, .3);
  display: inline-block;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase
}
#ndzn-footer #tm .svg--ndzn {
  opacity: .3
}
@media(max-width:650px) {
  #ndzn-footer>.container {
    display: flex
  }
  #ndzn-footer>.container {
    flex-direction: column
  }
  #ndzn-footer>.container {
    align-items: center
  }
  #ndzn-footer>.container {
    gap: .75rem
  }
  #ndzn-footer>.container {
    padding-bottom: 50px
  }
  #ndzn-footer .pma-footer-logo-container {
    flex: 0 0 103px;
    height: 103px;
    width: 103px
  }
  #ndzn-footer .footer__left {
    align-items: center;
    display: flex;
    flex-direction: column
  }
  #ndzn-footer .footer__left__text span {
    text-align: center
  }
  #ndzn-footer .footer__right {
    margin-left: auto;
    margin-right: auto
  }
}
.page-sidebar {
  flex: 0 0 268px;
  width: 268px
}
.page-sidebar__inner {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 1rem
}
.menu-cat {
  flex: 1 1 auto;
  width: 100%
}
.complex__toggle, .menu-cat--simple, .menu-cat--subcat {
  border-radius: .375rem;
  cursor: pointer;
  text-decoration-line: none
}
.complex__toggle:focus, .complex__toggle:hover, .menu-cat--simple:focus, .menu-cat--simple:hover, .menu-cat--subcat:focus, .menu-cat--subcat:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(8 8 8/var(--tw-bg-opacity))
}
.complex__toggle:focus>span, .complex__toggle:hover>span, .menu-cat--simple:focus>span, .menu-cat--simple:hover>span, .menu-cat--subcat:focus>span, .menu-cat--subcat:hover>span {
  color: hsla(0, 0%, 100%, .9)
}
.complex__toggle.active, .menu-cat--simple.active, .menu-cat--subcat.active {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.complex__toggle.active>span, .menu-cat--simple.active>span, .menu-cat--subcat.active>span {
  --tw-text-opacity: 1;
  color: rgb(34 34 34/var(--tw-text-opacity))
}
.complex__toggle>span, .menu-cat--simple>span, .menu-cat--subcat>span {
  font-size: 16px
}
.complex__toggle>span, .menu-cat--simple>span, .menu-cat--subcat>span {
  font-weight: 600
}
.complex__toggle>span, .menu-cat--simple>span, .menu-cat--subcat>span {
  color: hsla(0, 0%, 100%, .7)
}
.complex__toggle>span, .menu-cat--simple>span, .menu-cat--subcat>span {
  transition-duration: .3s
}
.menu-cat .menu-cat--subcat {
  padding-bottom: .75rem;
  padding-top: .75rem
}
.complex__toggle, .menu-cat--simple {
  padding: 1rem 1.25rem
}
.menu-cat--simple.active {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.menu-cat--complex.ndzn-js--dd .complex__subcats {
  transform: scale(1)
}
.menu-cat--complex .ndzn-js--ddMenu {
  position: unset
}
.menu-cat--complex .complex__subcats {
  gap: .5rem;
  margin-top: 1rem
}
.menu-cat--complex:not(.open) .complex__subcats {
  display: none
}
.menu-cat--complex.open .svg--chevron-down {
  --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.open .complex__subcats {
  display: flex
}
.menu-cat--complex .svg--chevron-down {
  margin-left: .5rem;
  transition-duration: .3s
}
.complex__toggle {
  align-items: center;
  display: flex
}
.complex__subcats {
  flex-direction: column;
  position: absolute;
  top: -100%;
  transition-duration: .3s
}
.complex__subcats:before {
  display: none !important
}
.menu-cat--subcat {
  padding: .5rem 2rem
}
@media(max-width:1400px) {
  .page-sidebar {
    flex: 0 0 240px;
    width: 240px
  }
}
@media(max-width:1200px) {
  .page-sidebar {
    display: none
  }
}
#modules {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: var(--spacing);
  position: relative
}
#modules.modules-added {
  margin-top: 3rem
}
#modules.not(.modules-added) {
  margin-top: 0
}
#modules.modules--show-gift .module:not(.module--giftcards) {
  display: none
}
#modules.modules--show-gift .module--giftcards {
  grid-column: span 2/span 2
}
#modules .module {
  margin: 0
}
.module--giftcard-link .module__message~.module__inner {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
.module {
  --tw-bg-opacity: 0.04;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border: 1px solid #ffffff0a;
  border-radius: .375rem;
  display: flex;
  flex-direction: column;
  min-height: 176px;
  padding: 2rem 2.5rem 2.5rem !important;
  text-align: left
}
.module .module__heading h6 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 0;
  text-transform: uppercase
}
.module .module__body {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  padding-top: 1rem
}
.module ul li {
  padding: 0
}
.module ul li:before {
  display: none
}
.progress-bar-container {
  --tw-bg-opacity: 0.04;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: 6px;
  flex: 1 1 auto;
  margin-top: .75rem;
  overflow: hidden;
  width: 100%
}
.progress-bar-container:first-of-type {
  margin-top: 0 !important
}
.progress-bar-container .progress-bar {
  --tw-bg-opacity: 1;
  background-color: rgb(59 149 241/var(--tw-bg-opacity));
  border-radius: 6px;
  display: block;
  height: 36px;
  width: 100%
}
.progress-bar-container .progress-bar__percentage {
  display: inline-block;
  position: relative;
  z-index: 3
}
#giftcard-balance-form {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  gap: 12px;
  width: 100%
}
#giftcard-balance-form>button, #giftcard-balance-form>input {
  border-radius: 6px
}
#giftcard-balance-form>input {
  flex: 1 1 auto
}
#giftcard-balance-form>input {
  width: 100%
}
#giftcard-balance-form>button {
  height: 100%
}
#giftcard-balance-form>button {
  padding-left: 50px;
  padding-right: 50px
}
#giftcard-balance-form>button span {
  text-transform: uppercase
}
.module--communitygoal .progress-bar-container {
  margin-top: 0
}
.progress-bar-container .progress-bar {
  align-items: center;
  display: flex;
  height: 55px;
  justify-content: center
}
.module--recent-payments ul.recent-payments {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-bottom: 0;
  margin-top: 0
}
.module--recent-payments ul.recent-payments li {
  border-radius: 8px;
  flex: 0 0 44px;
  height: 44px;
  margin: 0;
  overflow: hidden;
  padding-left: 0;
  width: 44px
}
.module--recent-payments ul.recent-payments li:before {
  display: none
}
.module--recent-payments .module__body {
  margin-top: 0
}
.module--top-donator .module__body {
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start
}
.module--top-donator .module__body>div p {
  margin: 0
}
.module--top-donator .top-donator-container {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: 6px;
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  padding-bottom: .75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: .75rem;
  text-align: center
}
.module--top-donator .top-donator-container span {
  color: rgba(0, 0, 0, .8);
  font-weight: 700
}
.progress-bar {
  position: relative
}
.progress-bar:before {
  animation: progressBarPulse 3s ease infinite;
  content: ""
}
.progress-bar:before {
  position: absolute
}
.progress-bar:before {
  top: 0
}
.progress-bar:before {
  left: 0
}
.progress-bar:before {
  display: block
}
.progress-bar:before {
  height: 100%
}
.progress-bar:before {
  width: 100%
}
.progress-bar:before {
  border-radius: 10px
}
.progress-bar:before {
  background-color: rgba(59, 149, 241, .5)
}
.progress-bar:before {
  --tw-blur: blur(10px);
  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)
}
.module__body p:first-of-type, .module__description p:first-of-type {
  margin-top: 0
}
.module__body p:last-of-type, .module__description p:last-of-type {
  margin-bottom: 0
}
.module--giftcards .module__body {
  padding-top: 1.75rem
}
.giftcard-status {
  color: #fff !important;
  display: inline-block;
  font-size: 16px;
  font-weight: 700 !important;
  line-height: 24px
}
@keyframes progressBarPulse {
  0% {
    opacity: 1;
    transform: scale(1)
  }
  to {
    opacity: 0;
    transform: scale(2)
  }
}
@media(max-width:1200px) {
  .module {
    padding: 1.75rem !important
  }
}
@media(max-width:950px) {
  #modules {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
  .module {
    min-height: unset
  }
}
@media(max-width:540px) {
  #giftcard-balance-form {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
  #giftcard-balance-form>input {
    min-height: 56px
  }
  #giftcard-balance-form>input {
    padding-bottom: 14px;
    padding-top: 14px
  }
  #giftcard-balance-form>input {
    text-align: center
  }
  #giftcard-balance-form>button {
    min-height: 56px
  }
  #giftcard-balance-form>button {
    padding-bottom: .75rem;
    padding-top: .75rem
  }
  .module--giftcards p.giftcard-status {
    display: block;
    text-align: center !important
  }
}
#ndzn-title h1 {
  font-size: 32px;
  font-weight: 900;
  line-height: 44px;
  margin-bottom: 18px;
  margin-top: 18px;
  text-transform: uppercase
}
.title__description {
  margin-bottom: 2rem
}
.title__description .title__main-text {
  color: #ffffffb2;
  font-weight: 500;
  line-height: 1.5rem
}
.title__description p {
  color: #ffffffb2;
  font-weight: 500;
  line-height: 1.5rem;
  margin-bottom: 1rem;
  margin-top: 1rem
}
.title__description h1 {
  font-size: 32px;
  font-weight: 900;
  line-height: 44px;
  margin-bottom: 18px;
  margin-top: 18px;
  text-transform: uppercase
}
.title__description .description--discord {
  align-items: center;
  display: flex;
  gap: 1.5rem;
  justify-content: flex-start;
  padding-top: 45px
}
.title__description .btn--blue {
  box-shadow: 0 4px 48px 0 #3b95f18f;
  gap: .5rem;
  height: 54px;
  width: 202px
}
.title__description .discord__text {
  --tw-text-opacity: 1;
  color: rgb(59 149 241/var(--tw-text-opacity));
  font-weight: 500;
  line-height: 26px;
  max-width: 236px
}
.title__description hr {
  border-color: #ffffff3d;
  border-left-width: 6px;
  border-right-width: 6px;
  border-style: solid;
  height: 1px;
  margin-bottom: 3.5rem;
  margin-top: 3.5rem;
  position: relative;
  width: 100%
}
.title__description .error {
  min-height: 82px
}
@media (max-width:600px) {
  #ndzn-title h1 {
    font-size: 28px
  }
  #ndzn-title p {
    font-size: 14px
  }
  .title__description .description--discord {
    align-items: flex-start;
    flex-direction: column
  }
  .title__description .discord__text {
    max-width: 270px
  }
}
.slider-container {
  height: 275px;
  margin-left: -.75rem;
  margin-right: -.75rem;
  overflow: hidden;
  padding-left: .75rem;
  padding-right: .75rem;
  position: relative
}
.slider-container .module {
  align-items: flex-start;
  background-color: transparent;
  border-width: 0;
  display: flex;
  flex-direction: column;
  height: 275px;
  padding: 0 !important
}
.slider-container .module__inner {
  flex: 1 1 auto
}
.slider-container .module__message {
  width: 100%
}
.slider-container .module__message span {
  text-transform: uppercase
}
.slider-container .slider__nextSlideBtn, .slider-container .slider__previousSlideBtn {
  flex: 0 0 24px;
  height: 24px;
  width: 24px;
  z-index: 10
}
.slider-container .slider__previousSlideBtn {
  bottom: 0;
  left: 5px;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  top: 0
}
.slider-container .slider__nextSlideBtn {
  bottom: 0;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  right: 5px;
  top: 0
}
.slider-container .slider-buttons {
  display: none
}
.module .module__message {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(59 149 241/var(--tw-bg-opacity));
  border-color: hsla(0, 0%, 100%, .08);
  border-style: solid;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  border-width: 1px;
  display: flex;
  gap: .25rem;
  justify-content: center;
  padding-bottom: .375rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: .375rem
}
.module .module__message>span {
  display: inline-block
}
.module .module__message>span {
  font-size: 14px
}
.module .module__message>span {
  font-weight: 700
}
.module .module__message>span {
  line-height: 18px
}
.module .module__message>span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.module .module__inner {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(26 26 26/var(--tw-bg-opacity));
  border-bottom-left-radius: .5rem;
  border-bottom-right-radius: .5rem;
  border-color: hsla(0, 0%, 100%, .08);
  border-style: solid;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-width: 1px;
  display: flex;
  gap: 2.5rem;
  padding-bottom: .75rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: .75rem;
  width: 100%
}
.module .giftcard-link__img {
  flex: 0 0 204px;
  height: 165px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 204px
}
.module .giftcard-link__main h5, .module .giftcard-link__main p {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: block;
  text-align: left
}
.module .giftcard-link__main h5 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 20px;
  font-weight: 900;
  line-height: 32px;
  margin-bottom: 0
}
.module .giftcard-link__main p {
  --tw-text-opacity: 0.7;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 0;
  margin-top: .625rem;
  max-height: 78px;
  overflow: hidden
}
.module .giftcard-buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: flex-start;
  margin-top: 29px
}
.module .giftcard-buttons .btn {
  border-radius: 6px;
  padding-bottom: 11px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 11px
}
.module .giftcard-buttons .btn__text {
  display: inline-block;
  font-size: 16px;
  line-height: 20px
}
.module .giftcard-buttons svg {
  flex: 0 0 18px;
  height: 18px;
  width: 18px
}
.module .btn:focus svg, .module .btn:hover svg {
  --tw-translate-x: 0.25rem
}
.module .btn:focus svg, .module .btn:hover svg {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1
}
.module .btn:focus svg, .module .btn:hover svg {
  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))
}
.module .btn.btn--white {
  box-shadow: none
}
.module .btn.btn--white .btn__text {
  --tw-text-opacity: 1;
  color: rgb(34 34 34/var(--tw-text-opacity))
}
.module .btn.btn--transparent svg, .module .btn.btn--transparent svg path {
  fill: #fff
}
.module .btn svg {
  transition-duration: .3s
}
@media(max-width:1200px) {
  section.title.title--homepage {
    margin-top: 68px
  }
  .module .giftcard-link__img {
    flex: 0 0 204px
  }
  .module .giftcard-buttons {
    margin-top: 26px
  }
  .module .giftcard-link__main p {
    line-height: 27px
  }
}
@media(max-width:850px) {
  .slider-container {
    height: 612px;
    position: relative
  }
  .slider-container .module {
    align-items: flex-start;
    background-color: transparent;
    border-width: 0;
    display: flex;
    flex-direction: column;
    height: 612px;
    padding: 0 !important
  }
  .slider-container .module .module__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-bottom: 2rem;
    padding-top: 2rem
  }
  .module .giftcard-link__img {
    flex: 0 0 165px;
    height: 165px;
    width: 100%
  }
  .module .giftcard-link__img img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
  }
  .module h5 {
    text-align: center !important
  }
  .module .giftcard-link__main {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column
  }
  .module .giftcard-link__main p {
    text-align: center
  }
  .module .giftcard-buttons {
    align-items: center;
    flex-direction: column;
    margin-bottom: auto;
    margin-top: auto;
    width: 100%
  }
  .module .giftcard-buttons .btn {
    padding-bottom: 15px;
    padding-top: 15px;
    width: 100%
  }
}
@media(max-width:560px) {
  .module .giftcard-buttons {
    margin-bottom: 0
  }
  .module .giftcard-link__main p {
    height: 110px;
    max-height: unset
  }
}
@media(max-width:375px) {
  .module .module__inner {
    gap: 2rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
  .module .giftcard-link__img {
    flex: 0 0 140px;
    height: 140px
  }
  .module .giftcard-link__main p {
    margin-top: 1rem
  }
  .module .giftcard-buttons {
    gap: .75rem
  }
}
.panel--login {
  margin-bottom: 0;
  overflow: hidden
}
.panel--login .panel__body {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center
}
.panel--login .btn--home {
  gap: 5px;
  margin-bottom: 34px
}
.panel--login .btn--home path {
  transition-duration: .2s
}
.panel--login .btn--home:hover span, .panel--login .btn--homefocus span {
  color: #ffffff94
}
.panel--login .btn--home:hover path, .panel--login .btn--homefocus path {
  fill-opacity: .58
}
.panel--login .btn--home span {
  color: #ffffff80;
  transition-duration: .2s
}
.panel--login .btn--login-fivem {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  box-shadow: 0 4px 48px 0 #ffffff66;
  height: 54px;
  margin-top: 27px;
  position: relative;
  transition-duration: .2s;
  width: 237px
}
.panel--login .btn--login-fivem span {
  --tw-text-opacity: 1;
  color: rgb(0 0 0/var(--tw-text-opacity));
  font-weight: 700
}
.panel--login .btn--login-fivem path {
  fill: #000
}
.panel--login .btn--login-fivem:focus, .panel--login .btn--login-fivem:hover {
  opacity: .9
}
.panel--login p {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
#modal-login .btn--close {
  right: 2rem;
  top: 2rem
}
#modal-login .panel--login .panel__body {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-bottom: 2.25rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 29px
}
#modal-login .panel--login .btn--home {
  display: none
}
#modal-login .panel--login h2 {
  margin-top: 0
}
#modal-login .panel--login .btn--close {
  display: flex;
  right: 1.5rem;
  top: 1.5rem
}
#modal-login .panel--login h2 {
  --tw-text-opacity: 1;
  color: rgb(0 0 0/var(--tw-text-opacity));
  font-size: 24px;
  line-height: 38px;
  margin-bottom: .75rem
}
#modal-login .panel--login p {
  --tw-text-opacity: 1;
  color: rgb(0 0 0/var(--tw-text-opacity));
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 17px;
  margin-top: 0
}
#modal-login .panel--login .btn--login-fivem {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0/var(--tw-bg-opacity));
  box-shadow: 0 4px 32px 0 #0000003d;
  height: 54px;
  margin-top: 0;
  position: relative;
  width: 237px
}
#modal-login .panel--login .btn--login-fivem span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-weight: 700
}
#modal-login .panel--login .btn--login-fivem path {
  fill: #fff
}
#modal-logout .btn--close {
  display: none
}
#modal-logout .panel__body {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 2.25rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 2.5rem;
  text-align: center
}
#modal-logout b, #modal-logout h4 {
  --tw-text-opacity: 1;
  color: rgb(0 0 0/var(--tw-text-opacity));
  font-size: 18px;
  margin-bottom: .5rem;
  text-align: center;
  text-transform: uppercase
}
#modal-logout p {
  margin-bottom: 1.5rem;
  margin-top: 0;
  text-align: center
}
#modal-logout .modal-logout__buttons {
  align-items: center;
  display: flex;
  gap: 1rem;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: center;
  width: 100%
}
#modal-logout .btn--grey {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34/var(--tw-bg-opacity));
  font-size: 16px;
  font-weight: 800;
  height: 64px;
  max-width: 200px;
  width: 100%
}
#modal-logout .btn--grey:focus, #modal-logout .btn--grey:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(65 64 64/var(--tw-bg-opacity))
}
#modal-logout .btn--red {
  height: 64px;
  max-width: 400px;
  width: 100%
}
#modal-logout .btn--red span {
  font-size: 20px;
  font-weight: 700
}
#modal-logout .btn--red:focus, #modal-logout .btn--red:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 116 116/var(--tw-bg-opacity))
}
@media (max-width:500px) {
  #modal-login .panel__body {
    padding: 1.5rem
  }
  #modal-login h2 {
    font-size: 20px;
    line-height: 2rem
  }
}
@media (max-width:360px) {
  .panel--login .btn--login-fivem {
    width: 100%
  }
  #modal-login .btn--close {
    display: none
  }
  #modal-logout .panel__body {
    padding: 1.5rem
  }
  #modal-logout .modal-logout__buttons {
    flex-direction: column
  }
  #modal-logout .modal-logout__buttons .btn {
    max-width: 100%
  }
}
.options--modal__panel {
  padding: var(--containerPadding);
  position: relative
}
.panel--options {
  margin-bottom: 0 !important
}
.options-form {
  display: flex;
  flex-direction: column;
  gap: var(--spacing);
  padding: var(--spacing)
}
.options-form .input, .options-form input, .options-form select {
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242/var(--tw-bg-opacity));
  border-radius: .5rem;
  color: #22222280;
  display: block;
  flex: 1 1 auto;
  font-weight: 500;
  line-height: 24px;
  overflow: hidden;
  padding-bottom: 17.5px;
  padding-left: 1.75rem;
  padding-right: 64px;
  padding-top: 17.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}
.options-form .input::-moz-placeholder, .options-form input::-moz-placeholder, .options-form select::-moz-placeholder {
  color: #22222280
}
.options-form .input::placeholder, .options-form input::placeholder, .options-form select::placeholder {
  color: #22222280
}
.options-form .input-discord-form {
  --tw-text-opacity: 1;
  color: rgb(34 34 34/var(--tw-text-opacity))
}
.options-form h2 {
  --tw-text-opacity: 1;
  color: rgb(34 34 34/var(--tw-text-opacity));
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 2rem;
  line-height: 39px;
  text-transform: uppercase
}
.options-form .svg-dd {
  position: absolute;
  right: 1.5rem;
  top: 1.25rem
}
.options-form .svg-dd path {
  fill: #222
}
.options-form .form-group--price, .options-form .form-group--select {
  position: relative
}
.options-form .form-group--select:after {
  right: 35px
}
.options-form .form-group--select:before {
  width: 35px
}
.options-form select {
  --tw-text-opacity: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: rgb(34 34 34/var(--tw-text-opacity));
  cursor: pointer
}
.options-form option {
  --tw-bg-opacity: 1 !important;
  --tw-text-opacity: 1;
  background-color: rgb(242 242 242/var(--tw-bg-opacity)) !important;
  color: rgb(34 34 34/var(--tw-text-opacity))
}
.options-form .form-group__inner {
  position: relative
}
.options-form .form-group__inner .svg--chevron-down {
  bottom: 0;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  right: 2rem;
  top: 0
}
.options-form .selected-currency, .options-form .svg--chevron-down {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 5
}
.options-form .selected-currency {
  --tw-text-opacity: 1;
  background-color: #2222224d;
  border-radius: .25rem;
  bottom: 0;
  color: rgb(34 34 34/var(--tw-text-opacity));
  font-weight: 700;
  height: 34px;
  line-height: 20px;
  margin-bottom: auto;
  margin-top: auto;
  min-width: 68px;
  padding: .5rem;
  position: absolute;
  right: 17px;
  text-align: center;
  top: 0
}
.options-form .form-group-discord {
  align-items: center;
  display: flex;
  gap: 1rem
}
.options-form .form-group-discord .form-group, .options-form .form-group-discord .form-group__inner {
  width: 100%
}
.options-form .btn--discord {
  --tw-bg-opacity: 1;
  background-color: rgb(59 149 241/var(--tw-bg-opacity));
  height: 100%;
  padding-bottom: 16.5px;
  padding-left: 37px;
  padding-right: 37px;
  padding-top: 16.5px;
  white-space: nowrap
}
.options-form .btn--discord span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 16px !important;
  font-weight: 700;
  line-height: 26px
}
.options-form .btn--discord path {
  fill: #fff
}
.options-form .input-discord-form {
  width: 100%
}
.options-form .btn--black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0/var(--tw-bg-opacity));
  padding-bottom: 17.5px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 17.5px
}
.options-form span.options-form__error {
  --tw-text-opacity: 1 !important;
  color: rgb(255 103 103/var(--tw-text-opacity)) !important
}
.options-form .alert--red svg {
  flex: 0 0 20px
}
.options-form .alert--red path {
  fill: #ff6767 !important
}
.options-form .alert--red, .options-form .login-error-container {
  align-items: flex-start;
  background-color: #F2D2D14;
  border: 1px solid #ff2d2d7a;
  border-radius: .25rem;
  display: flex;
  gap: .5rem;
  justify-content: flex-start;
  margin: 0 !important;
  padding-bottom: .5rem;
  padding-left: .75rem;
  padding-right: .75rem;
  padding-top: .5rem
}
.options-form .alert--red span, .options-form .login-error-container span {
  --tw-text-opacity: 1;
  color: rgb(34 34 34/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 800;
  line-height: 22px
}
.options-form .alert--red path, .options-form .login-error-container path {
  fill: #222
}
.page-content .options-form {
  padding: 0
}
.page-content .options-form h2 {
  display: none
}
.page-content .options-form .input, .page-content .options-form input, .page-content .options-form select {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26/var(--tw-bg-opacity))
}
.page-content .options-form .input::-moz-placeholder, .page-content .options-form input::-moz-placeholder, .page-content .options-form select::-moz-placeholder {
  color: #ffffff80
}
.page-content .options-form .input::placeholder, .page-content .options-form input::placeholder, .page-content .options-form select::placeholder {
  color: #ffffff80
}
.page-content .options-form .input-discord-form, .page-content .options-form select {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.page-content .options-form .btn--black {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.page-content .options-form .btn--black span {
  --tw-text-opacity: 1;
  color: rgb(0 0 0/var(--tw-text-opacity))
}
.page-content .options-form .alert--red, .page-content .options-form .login-error-container {
  background-color: #F2D2D14;
  border: 1px solid #ff2d2d7a
}
.page-content .options-form .alert--red span, .page-content .options-form .login-error-container span {
  --tw-text-opacity: 1;
  color: rgb(255 103 103/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 800;
  line-height: 22px
}
.page-content .options-form .alert--red path, .page-content .options-form .login-error-container path {
  fill: #ff6767
}
.page-content .options-form .selected-currency {
  --tw-text-opacity: 1;
  background-color: #ffffff14;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
@media(max-width:900px) {
  .options-form .selected-currency {
    align-items: center;
    display: flex;
    font-size: 14px;
    height: 26px;
    justify-content: center;
    line-height: 18px;
    min-width: 53px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    right: .75rem
  }
}
@media(max-width:650px) {
  .options-form {
    gap: .75rem
  }
  .options-form .input, .options-form input, .options-form select {
    font-size: 13px
  }
  .options-form .input, .options-form input {
    padding-bottom: 18px;
    padding-left: 1.25rem;
    padding-right: 2.5rem;
    padding-top: 18px
  }
  .options-form select.input {
    padding-left: 1.25rem;
    padding-right: 2.5rem
  }
  .options-form .btn--black {
    padding-bottom: 18px;
    padding-top: 18px
  }
  .options-form .form-group-discord .btn>span {
    font-size: 14px !important
  }
  .options-form .btn--discord {
    padding-bottom: 17px;
    padding-left: 37px;
    padding-right: 37px;
    padding-top: 17px;
    width: 100%
  }
  .options-form .form-with-button {
    display: flex;
    flex-direction: column;
    gap: .75rem
  }
  .options-form .form-group__inner .svg--chevron-down {
    right: .5rem
  }
}
@media (max-width:400px) {
  .options-form .input-form-addon {
    padding-right: 4rem
  }
}
.modal-wrap {
  align-items: center;
  display: grid;
  grid-template-columns: minmax(auto, 600px);
  grid-template-rows: auto 0;
  height: 100%;
  inset: 0;
  justify-content: center;
  overflow: hidden;
  overflow: auto;
  padding-bottom: 4rem;
  padding-top: 4rem;
  position: fixed;
  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 {
  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");
  content: "";
  display: block;
  height: 100px;
  inset: 0;
  margin: auto;
  opacity: .1;
  width: 100px
}
@keyframes modalSpinner {
  0% {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(1turn)
  }
}
#checkout-overlay, #waiting-overlay {
  --tw-bg-opacity: 0.9;
  align-items: center;
  background-color: rgb(0 0 0/var(--tw-bg-opacity));
  display: flex;
  height: 100%;
  inset: 0;
  justify-content: center;
  overflow: hidden;
  position: fixed;
  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.is-centered .modal-wrap {
  grid-template-columns: minmax(auto, 818px);
  padding-left: 100px;
  padding-right: 100px
}
.modal.is-slideout .modal-dialogue {
  border-radius: 0;
  height: 100%;
  padding: 2rem
}
.modal.is-slideout .modal-body {
  flex: 1 1 auto
}
.modal.is-left .modal-wrap {
  grid-template-columns: minmax(auto, 348px)
}
.modal.is-left .btn.btn--close {
  right: -80px;
  top: 1.5rem
}
.modal.is-right .modal-wrap {
  grid-template-columns: minmax(auto, 451px)
}
.modal .modal-title {
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 1.25rem
}
.modal-wrap {
  --tw-bg-opacity: 0.9;
  background-color: rgb(0 0 0/var(--tw-bg-opacity));
  padding-bottom: 61px;
  padding-top: 61px
}
.modal-dialogue {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: .5rem;
  position: relative;
  z-index: 3
}
.modal-dialogue .__inner {
  padding: 48px
}
.btn.btn--close {
  flex: 0 0 32px;
  height: 32px;
  position: absolute;
  right: 0;
  top: 0;
  width: 32px
}
#modal-copyIp {
  --tw-text-opacity: 1;
  color: rgb(0 0 0/var(--tw-text-opacity));
  text-align: center
}
#modal-copyIp .modal-body {
  padding: 2.5rem
}
#modal-copyIp .modal-wrap {
  padding-left: var(--spacing);
  padding-right: var(--spacing)
}
#modal-copyIp h1 {
  font-size: 24px;
  font-weight: 700;
  line-height: 38px
}
@media (max-width:700px) {
  .modal.is-centered .modal-wrap {
    grid-template-columns: minmax(auto, auto);
    padding-left: var(--spacing);
    padding-right: var(--spacing)
  }
}
#modal-shopping .btn--close, .panel--package .btn--close, .pseudomodal .btn--close {
  display: none
}
#modal-shopping .modal-dialogue, .panel--package .modal-dialogue, .pseudomodal .modal-dialogue {
  padding: 0
}
#modal-shopping .modal__packageInfo--sticky, .panel--package .modal__packageInfo--sticky, .pseudomodal .modal__packageInfo--sticky {
  left: 0;
  position: sticky;
  top: -64px;
  z-index: 10
}
#modal-shopping .modal__packageInfo--sticky .package__info, .panel--package .modal__packageInfo--sticky .package__info, .pseudomodal .modal__packageInfo--sticky .package__info {
  align-items: center;
  flex-direction: row
}
#modal-shopping .modal__packageInfo--sticky .info__buttons, .panel--package .modal__packageInfo--sticky .info__buttons, .pseudomodal .modal__packageInfo--sticky .info__buttons {
  margin-left: auto;
  width: -moz-fit-content;
  width: fit-content
}
#modal-shopping .modal__packageInfo--sticky .info__price, .panel--package .modal__packageInfo--sticky .info__price, .pseudomodal .modal__packageInfo--sticky .info__price {
  margin-bottom: 0
}
#modal-shopping .modal__packageInfo--sticky .btn--add, #modal-shopping .modal__packageInfo--sticky .btn--remove, .panel--package .modal__packageInfo--sticky .btn--add, .panel--package .modal__packageInfo--sticky .btn--remove, .pseudomodal .modal__packageInfo--sticky .btn--add, .pseudomodal .modal__packageInfo--sticky .btn--remove {
  min-width: 56px
}
#modal-shopping .info__img, .panel--package .info__img, .pseudomodal .info__img {
  display: none
}
#modal-shopping .info__nameandprice, .panel--package .info__nameandprice, .pseudomodal .info__nameandprice {
  margin-left: 1.5rem
}
#modal-shopping .modal__package-info, .panel--package .modal__package-info, .pseudomodal .modal__package-info {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  display: flex;
  gap: 2rem;
  padding-bottom: 2rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 2rem
}
#modal-shopping .modal--top__contents, #modal-shopping .panel__title, .panel--package .modal--top__contents, .panel--package .panel__title, .pseudomodal .modal--top__contents, .pseudomodal .panel__title {
  width: 100%
}
#modal-shopping .package__info, .panel--package .package__info, .pseudomodal .package__info {
  align-items: center;
  display: flex;
  width: 100%
}
#modal-shopping .info__name, .panel--package .info__name, .pseudomodal .info__name {
  --tw-text-opacity: 1;
  color: rgb(0 0 0/var(--tw-text-opacity));
  font-size: 20px;
  font-weight: 700;
  line-height: 32px
}
#modal-shopping .info__price, .panel--package .info__price, .pseudomodal .info__price {
  align-items: center;
  display: flex;
  gap: .5rem;
  margin-top: 10px
}
#modal-shopping .price__actual, .panel--package .price__actual, .pseudomodal .price__actual {
  --tw-text-opacity: 1;
  color: rgb(83 215 89/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 600;
  line-height: 26px
}
#modal-shopping .price__old, .panel--package .price__old, .pseudomodal .price__old {
  color: #fd404080;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  text-decoration-line: line-through;
  white-space: nowrap
}
#modal-shopping .price__custom, .panel--package .price__custom, .pseudomodal .price__custom {
  --tw-text-opacity: 1;
  color: rgb(147 252 102/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 700;
  line-height: 25px
}
#modal-shopping .info__buttons, .panel--package .info__buttons, .pseudomodal .info__buttons {
  display: flex;
  gap: 1rem;
  margin-left: auto;
  margin-top: 0
}
#modal-shopping .info__buttons .btn--add, #modal-shopping .info__buttons .btn--remove, .panel--package .info__buttons .btn--add, .panel--package .info__buttons .btn--remove, .pseudomodal .info__buttons .btn--add, .pseudomodal .info__buttons .btn--remove {
  height: 56px;
  transition-duration: .2s;
  width: 190px
}
#modal-shopping .info__buttons .btn--add:focus, #modal-shopping .info__buttons .btn--add:hover, #modal-shopping .info__buttons .btn--remove:focus, #modal-shopping .info__buttons .btn--remove:hover, .panel--package .info__buttons .btn--add:focus, .panel--package .info__buttons .btn--add:hover, .panel--package .info__buttons .btn--remove:focus, .panel--package .info__buttons .btn--remove:hover, .pseudomodal .info__buttons .btn--add:focus, .pseudomodal .info__buttons .btn--add:hover, .pseudomodal .info__buttons .btn--remove:focus, .pseudomodal .info__buttons .btn--remove:hover {
  opacity: .9
}
#modal-shopping .modal__descriptionContainer, .panel--package .modal__descriptionContainer, .pseudomodal .modal__descriptionContainer {
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242/var(--tw-bg-opacity));
  border-bottom-left-radius: .5rem;
  border-bottom-right-radius: .5rem;
  padding: 3rem
}
#modal-shopping .modal__descriptionContainer b, #modal-shopping .modal__descriptionContainer h1, #modal-shopping .modal__descriptionContainer h2, #modal-shopping .modal__descriptionContainer h3, #modal-shopping .modal__descriptionContainer h4, #modal-shopping .modal__descriptionContainer h5, #modal-shopping .modal__descriptionContainer h6, #modal-shopping .modal__descriptionContainer li, #modal-shopping .modal__descriptionContainer ol, #modal-shopping .modal__descriptionContainer p, #modal-shopping .modal__descriptionContainer strong, #modal-shopping .modal__descriptionContainer ul, .panel--package .modal__descriptionContainer b, .panel--package .modal__descriptionContainer h1, .panel--package .modal__descriptionContainer h2, .panel--package .modal__descriptionContainer h3, .panel--package .modal__descriptionContainer h4, .panel--package .modal__descriptionContainer h5, .panel--package .modal__descriptionContainer h6, .panel--package .modal__descriptionContainer li, .panel--package .modal__descriptionContainer ol, .panel--package .modal__descriptionContainer p, .panel--package .modal__descriptionContainer strong, .panel--package .modal__descriptionContainer ul, .pseudomodal .modal__descriptionContainer b, .pseudomodal .modal__descriptionContainer h1, .pseudomodal .modal__descriptionContainer h2, .pseudomodal .modal__descriptionContainer h3, .pseudomodal .modal__descriptionContainer h4, .pseudomodal .modal__descriptionContainer h5, .pseudomodal .modal__descriptionContainer h6, .pseudomodal .modal__descriptionContainer li, .pseudomodal .modal__descriptionContainer ol, .pseudomodal .modal__descriptionContainer p, .pseudomodal .modal__descriptionContainer strong, .pseudomodal .modal__descriptionContainer ul {
  --tw-text-opacity: 1;
  color: rgb(0 0 0/var(--tw-text-opacity))
}
#modal-shopping .modal__descriptionContainer img, .panel--package .modal__descriptionContainer img, .pseudomodal .modal__descriptionContainer img {
  border-radius: .25rem
}
#modal-shopping .btn--add, .panel--package .btn--add, .pseudomodal .btn--add {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0/var(--tw-bg-opacity))
}
#modal-shopping .modal__package--check-name, .panel--package .modal__package--check-name, .pseudomodal .modal__package--check-name {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(255 103 103/var(--tw-bg-opacity));
  display: flex;
  gap: 1rem;
  justify-content: center;
  min-height: 36px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  width: 100%
}
#modal-shopping .modal__package--check-name .check-name__text, .panel--package .modal__package--check-name .check-name__text, .pseudomodal .modal__package--check-name .check-name__text {
  font-weight: 500;
  line-height: 26px;
  text-align: center;
  text-transform: uppercase
}
#modal-shopping .modal__package--check-name .check-name__text b, .panel--package .modal__package--check-name .check-name__text b, .pseudomodal .modal__package--check-name .check-name__text b {
  font-weight: 900
}
#modal-shopping .modal__package--check-name div, .panel--package .modal__package--check-name div, .pseudomodal .modal__package--check-name div {
  align-items: center;
  display: flex;
  gap: .5rem
}
#modal-shopping .modal__package--check-name svg, .panel--package .modal__package--check-name svg, .pseudomodal .modal__package--check-name svg {
  flex: 0 0 20px;
  height: 20px;
  width: 20px
}
#modal-shopping .modal__package--check-name .btn, .panel--package .modal__package--check-name .btn, .pseudomodal .modal__package--check-name .btn {
  cursor: pointer;
  gap: .5rem;
  margin-left: 1rem;
  position: relative
}
#modal-shopping .modal__package--check-name .btn:before, .panel--package .modal__package--check-name .btn:before, .pseudomodal .modal__package--check-name .btn:before {
  position: absolute
}
#modal-shopping .modal__package--check-name .btn:before, .panel--package .modal__package--check-name .btn:before, .pseudomodal .modal__package--check-name .btn:before {
  top: 8px
}
#modal-shopping .modal__package--check-name .btn:before, .panel--package .modal__package--check-name .btn:before, .pseudomodal .modal__package--check-name .btn:before {
  left: -1rem
}
#modal-shopping .modal__package--check-name .btn:before, .panel--package .modal__package--check-name .btn:before, .pseudomodal .modal__package--check-name .btn:before {
  height: 9px
}
#modal-shopping .modal__package--check-name .btn:before, .panel--package .modal__package--check-name .btn:before, .pseudomodal .modal__package--check-name .btn:before {
  width: 1px
}
#modal-shopping .modal__package--check-name .btn:before, .panel--package .modal__package--check-name .btn:before, .pseudomodal .modal__package--check-name .btn:before {
  border-radius: 2px
}
#modal-shopping .modal__package--check-name .btn:before, .panel--package .modal__package--check-name .btn:before, .pseudomodal .modal__package--check-name .btn:before {
  background-color: hsla(0, 0%, 100%, .3)
}
#modal-shopping .modal__package--check-name .btn:before, .panel--package .modal__package--check-name .btn:before, .pseudomodal .modal__package--check-name .btn:before {
  --tw-content: "";
  content: var(--tw-content)
}
#modal-shopping .modal__package--check-name .btn span, .panel--package .modal__package--check-name .btn span, .pseudomodal .modal__package--check-name .btn span {
  opacity: .5;
  transition-duration: .2s
}
#modal-shopping .modal__package--check-name .btn path, .panel--package .modal__package--check-name .btn path, .pseudomodal .modal__package--check-name .btn path {
  transition-duration: .2s
}
#modal-shopping .modal__package--check-name .btn:focus span, #modal-shopping .modal__package--check-name .btn:hover span, .panel--package .modal__package--check-name .btn:focus span, .panel--package .modal__package--check-name .btn:hover span, .pseudomodal .modal__package--check-name .btn:focus span, .pseudomodal .modal__package--check-name .btn:hover span {
  opacity: 1
}
#modal-shopping .modal__package--check-name .btn:focus path, #modal-shopping .modal__package--check-name .btn:hover path, .panel--package .modal__package--check-name .btn:focus path, .panel--package .modal__package--check-name .btn:hover path, .pseudomodal .modal__package--check-name .btn:focus path, .pseudomodal .modal__package--check-name .btn:hover path {
  fill-opacity: 1
}
.gift-parent {
  position: relative
}
.gift-parent .btn--gift {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border: 1px solid #000;
  border-radius: .5rem;
  display: flex;
  height: 56px;
  justify-content: center;
  width: 56px
}
.gift-parent .btn--gift:focus, .gift-parent .btn--gift:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(207 207 207/var(--tw-bg-opacity))
}
.gift-parent .btn--gift path {
  fill: #fff
}
.gift-parent .gift-form {
  --tw-translate-x: -50%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: .5rem;
  box-shadow: 0 4px 32px 0 #8888883d;
  display: flex;
  flex-direction: column;
  font-size: 0;
  gap: .75rem;
  left: 50%;
  padding: 1.25rem;
  position: absolute;
  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;
  width: 241px;
  z-index: 3
}
.gift-parent .gift-form:before {
  border-bottom: 8px solid #fff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  content: ""
}
.gift-parent .gift-form:before {
  position: absolute
}
.gift-parent .gift-form:before {
  left: 0;
  right: 0
}
.gift-parent .gift-form:before {
  top: -7px
}
.gift-parent .gift-form:before {
  margin-left: auto;
  margin-right: auto
}
.gift-parent .gift-form:before {
  display: block
}
.gift-parent .gift-form:before {
  height: 0
}
.gift-parent .gift-form:before {
  width: 0
}
.gift-parent .gift-form .btn, .gift-parent .gift-form .input {
  display: block;
  height: 56px;
  text-align: center;
  width: auto
}
.gift-parent .gift-form .btn span {
  font-size: 16px;
  font-weight: 700
}
.gift-parent .gift-form .input {
  --tw-text-opacity: 1;
  background-color: #2222220a;
  border-color: transparent;
  border-radius: .25rem;
  color: rgb(34 34 34/var(--tw-text-opacity));
  font-weight: 400
}
.gift-parent .gift-form .input::-moz-placeholder {
  color: #2222224d
}
.gift-parent .gift-form .input::placeholder {
  color: #2222224d
}
.gift-parent .gift-form .btn--send {
  --tw-bg-opacity: 1;
  background-color: rgb(59 149 241/var(--tw-bg-opacity));
  border-radius: .25rem
}
.gift-parent .gift-form .btn--send span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.gift-parent.is-closed .gift-form {
  opacity: 0;
  pointer-events: none;
  top: calc(100% + 10px);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  visibility: hidden
}
.gift-parent.is-open .gift-form {
  opacity: 1;
  pointer-events: auto;
  top: calc(100% + 15px);
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto;
  visibility: visible
}
@media (max-width:900px) {
  #modal-shopping .info__img, .panel--package .info__img, .pseudomodal .info__img {
    display: none !important
  }
  #modal-shopping .modal__packageInfo--sticky .packageInfo__image, .panel--package .modal__packageInfo--sticky .packageInfo__image, .pseudomodal .modal__packageInfo--sticky .packageInfo__image {
    display: none
  }
  #modal-shopping .modal__packageInfo--sticky .package__info, .panel--package .modal__packageInfo--sticky .package__info, .pseudomodal .modal__packageInfo--sticky .package__info {
    flex-direction: column
  }
  #modal-shopping .modal__packageInfo--sticky .info__buttons, .panel--package .modal__packageInfo--sticky .info__buttons, .pseudomodal .modal__packageInfo--sticky .info__buttons {
    margin-left: 0
  }
}
@media (max-width:840px) {
  #modal-shopping .btn--close, .panel--package .btn--close, .pseudomodal .btn--close {
    right: 0;
    top: -56px
  }
  #modal-shopping .modal__packageInfo--sticky, .panel--package .modal__packageInfo--sticky, .pseudomodal .modal__packageInfo--sticky {
    top: -66px
  }
}
@media (max-width:820px) {
  #modal-shopping .info__nameandprice, .panel--package .info__nameandprice, .pseudomodal .info__nameandprice {
    margin-left: 0;
    text-align: center
  }
  #modal-shopping .info__price, .panel--package .info__price, .pseudomodal .info__price {
    justify-content: center
  }
  #modal-shopping .gift-parent .gift-form, .panel--package .gift-parent .gift-form, .pseudomodal .gift-parent .gift-form {
    left: 0;
    width: 225px
  }
  #modal-shopping .info__buttons, .panel--package .info__buttons, .pseudomodal .info__buttons {
    gap: 1rem
  }
  #modal-shopping .info__buttons .btn--add, #modal-shopping .info__buttons .btn--remove, .panel--package .info__buttons .btn--add, .panel--package .info__buttons .btn--remove, .pseudomodal .info__buttons .btn--add, .pseudomodal .info__buttons .btn--remove {
    width: 100%
  }
  #modal-shopping .package__info, .panel--package .package__info, .pseudomodal .package__info {
    flex-direction: column;
    gap: 10px
  }
  #modal-shopping .info__buttons, #modal-shopping .modal__packageInfo--sticky .info__buttons, .panel--package .info__buttons, .panel--package .modal__packageInfo--sticky .info__buttons, .pseudomodal .info__buttons, .pseudomodal .modal__packageInfo--sticky .info__buttons {
    width: 100%
  }
  #modal-shopping .price__actual, .panel--package .price__actual, .pseudomodal .price__actual {
    font-size: 18px
  }
  #modal-shopping .modal__package-info, .panel--package .modal__package-info, .pseudomodal .modal__package-info {
    margin: 0;
    padding: 1.5rem
  }
  #modal-shopping .modal__descriptionContainer, .panel--package .modal__descriptionContainer, .pseudomodal .modal__descriptionContainer {
    padding: 1.5rem
  }
  .gift-parent .gift-form {
    --tw-translate-x: 0%;
    box-shadow: 0 4px 32px 0 #8888883d;
    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: 225px
  }
}
@media (max-width:550px) {
  #modal-shopping .modal__package--check-name, .panel--package .modal__package--check-name, .pseudomodal .modal__package--check-name {
    flex-direction: column;
    gap: .25rem;
    padding-bottom: .5rem;
    padding-top: .5rem
  }
  #modal-shopping .modal__package--check-name .btn, .panel--package .modal__package--check-name .btn, .pseudomodal .modal__package--check-name .btn {
    margin-left: 0
  }
  #modal-shopping .modal__package--check-name .btn:before, .panel--package .modal__package--check-name .btn:before, .pseudomodal .modal__package--check-name .btn:before {
    display: none
  }
}
@media (max-width:350px) {
  #modal-shopping .btn--add span, #modal-shopping .btn--remove span, .panel--package .btn--add span, .panel--package .btn--remove span, .pseudomodal .btn--add span, .pseudomodal .btn--remove span {
    display: none
  }
  #modal-shopping .btn--add .btn--add__price span, #modal-shopping .btn--remove .btn--add__price span, .panel--package .btn--add .btn--add__price span, .panel--package .btn--remove .btn--add__price span, .pseudomodal .btn--add .btn--add__price span, .pseudomodal .btn--remove .btn--add__price span {
    display: flex !important
  }
}
#modal-slideout-storeMenu .modal-dialogue {
  margin-right: 25px;
  padding: 0
}
#modal-slideout-storeMenu .modal-menu__title {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(59 149 241/var(--tw-bg-opacity));
  display: flex;
  gap: .5rem;
  height: 108px;
  justify-content: center;
  margin-bottom: 2rem;
  width: 100%
}
#modal-slideout-storeMenu .modal-menu__title span {
  font-size: 20px;
  font-weight: 700;
  line-height: 2rem
}
#modal-slideout-storeMenu .modal-menu__cats {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-left: 2rem;
  padding-right: 2rem
}
#modal-slideout-storeMenu .menu-cat span {
  color: #222222b2;
  font-weight: 600
}
#modal-slideout-storeMenu .complex__toggle:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important
}
#modal-slideout-storeMenu .menu-cat path {
  fill: #222
}
#modal-slideout-storeMenu .complex__toggle, #modal-slideout-storeMenu .menu-cat--simple, #modal-slideout-storeMenu .menu-cat--subcat {
  transition-duration: .2s
}
#modal-slideout-storeMenu .complex__toggle:focus, #modal-slideout-storeMenu .complex__toggle:hover, #modal-slideout-storeMenu .menu-cat--simple:focus, #modal-slideout-storeMenu .menu-cat--simple:hover, #modal-slideout-storeMenu .menu-cat--subcat:focus, #modal-slideout-storeMenu .menu-cat--subcat:hover {
  background-color: #b6b6b6d9 !important
}
#modal-slideout-storeMenu .complex__toggle:focus span, #modal-slideout-storeMenu .complex__toggle:hover span, #modal-slideout-storeMenu .menu-cat--simple:focus span, #modal-slideout-storeMenu .menu-cat--simple:hover span, #modal-slideout-storeMenu .menu-cat--subcat:focus span, #modal-slideout-storeMenu .menu-cat--subcat:hover span {
  --tw-text-opacity: 1;
  color: rgb(34 34 34/var(--tw-text-opacity))
}
#modal-slideout-storeMenu .complex__toggle.active, #modal-slideout-storeMenu .menu-cat--simple.active, #modal-slideout-storeMenu .menu-cat--subcat.active {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0/var(--tw-bg-opacity))
}
#modal-slideout-storeMenu .complex__toggle.active span, #modal-slideout-storeMenu .menu-cat--simple.active span, #modal-slideout-storeMenu .menu-cat--subcat.active span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
#modal-slideout-storeMenu .complex__toggle.active:focus, #modal-slideout-storeMenu .complex__toggle.active:hover, #modal-slideout-storeMenu .menu-cat--simple.active:focus, #modal-slideout-storeMenu .menu-cat--simple.active:hover, #modal-slideout-storeMenu .menu-cat--subcat.active:focus, #modal-slideout-storeMenu .menu-cat--subcat.active:hover {
  background-color: #000000da !important
}
#modal-slideout-storeMenu .complex__toggle.active:focus span, #modal-slideout-storeMenu .complex__toggle.active:hover span, #modal-slideout-storeMenu .menu-cat--simple.active:focus span, #modal-slideout-storeMenu .menu-cat--simple.active:hover span, #modal-slideout-storeMenu .menu-cat--subcat.active:focus span, #modal-slideout-storeMenu .menu-cat--subcat.active:hover span {
  font-weight: 700
}
#modal-slideout-storeMenu .complex__toggle.active:focus span, #modal-slideout-storeMenu .complex__toggle.active:hover span, #modal-slideout-storeMenu .menu-cat--simple.active:focus span, #modal-slideout-storeMenu .menu-cat--simple.active:hover span, #modal-slideout-storeMenu .menu-cat--subcat.active:focus span, #modal-slideout-storeMenu .menu-cat--subcat.active:hover span {
  color: #ffffffda
}
#modal-slideout-cart .modal-dialogue {
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242/var(--tw-bg-opacity));
  height: 100%;
  padding: 0
}
#modal-slideout-cart .modal-body {
  display: flex;
  flex-direction: column;
  height: 100%
}
.cart-header {
  --tw-bg-opacity: 1;
  background-color: rgb(36 36 36/var(--tw-bg-opacity));
  background-position: 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  padding: 28px 2.5rem 2rem
}
.cart-header, .cart-header b {
  position: relative
}
.cart-header b {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
  line-height: 43px;
  margin-bottom: .5rem;
  overflow: hidden;
  padding-right: 4rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1
}
.cart-header span {
  color: #ffffff80;
  font-weight: 700;
  line-height: 29px;
  position: relative;
  z-index: 1
}
.cart-header span strong {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-weight: 500
}
.cart-header__decor {
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: calc(100% - 40px);
  z-index: 0
}
.cart-body__packages-and-currency {
  align-items: center;
  border-bottom-width: 1px;
  border-color: #e0e0e0;
  border-style: solid;
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--modalPadding);
  min-height: 56px;
  padding-left: 1rem;
  padding-right: 1rem
}
.cart-body__packages-and-currency .cart-currency__button {
  align-items: center;
  display: flex;
  gap: .25rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .5rem
}
.cart-body__packages-and-currency .cart-currency__button span {
  --tw-text-opacity: 1;
  color: rgb(34 34 34/var(--tw-text-opacity));
  font-weight: 700
}
.cart-body__packages-and-currency .cart-currency__button path {
  fill: #222
}
.cart-body__packages-and-currency .menu--currency {
  box-shadow: 0 0 8px 0 #00000012;
  margin-right: 12px
}
.cart-body__packages-and-currency .menu--currency a {
  text-decoration-line: none
}
.cart-body__packages-and-currency .btn--login, .cart-body__packages-and-currency .btn--logout {
  padding-bottom: .5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .5rem
}
.cart-body__packages-and-currency .btn--login span, .cart-body__packages-and-currency .btn--logout span {
  color: #22222280;
  transition-duration: .2s
}
.cart-body__packages-and-currency .btn--login path, .cart-body__packages-and-currency .btn--logout path {
  fill: #22222280;
  transition-duration: .2s
}
.cart-body__packages-and-currency .btn--login:focus span, .cart-body__packages-and-currency .btn--login:hover span, .cart-body__packages-and-currency .btn--logout:focus span, .cart-body__packages-and-currency .btn--logout:hover span {
  --tw-text-opacity: 1;
  color: rgb(34 34 34/var(--tw-text-opacity))
}
.cart-body__packages-and-currency .btn--login:focus path, .cart-body__packages-and-currency .btn--login:hover path, .cart-body__packages-and-currency .btn--logout:focus path, .cart-body__packages-and-currency .btn--logout:hover path {
  fill: #222
}
.cart-body__no-packages {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border: 1px solid #00000014;
  border-radius: .5rem;
  margin-bottom: 1rem;
  margin-left: var(--modalPadding);
  margin-right: var(--modalPadding);
  padding: 2rem 2.5rem;
  text-align: center
}
.cart-body__no-packages h4 {
  --tw-text-opacity: 1;
  color: rgb(34 34 34/var(--tw-text-opacity));
  font-weight: 700;
  line-height: 19px;
  margin-bottom: 11px
}
.cart-body__no-packages span {
  color: #22222280;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5rem
}
.btn--back {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0/var(--tw-bg-opacity));
  height: 60px;
  margin-left: var(--modalPadding);
  margin-right: var(--modalPadding);
  width: calc(100% - 64px)
}
.cart-body {
  display: flex;
  flex-direction: column
}
.cart-body__bottom {
  margin-top: auto;
  text-align: center
}
.cart-body__bottom span {
  align-items: center;
  display: flex;
  gap: .25rem;
  justify-content: center
}
.cart-body__bottom h6 {
  --tw-text-opacity: 1;
  color: rgb(34 34 34/var(--tw-text-opacity));
  font-weight: 700;
  line-height: 19px;
  margin-bottom: 0
}
.cart-body__bottom b {
  color: #22222280;
  font-weight: 700;
  line-height: 19px
}
.cart-body__bottom .btn {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(0 0 0/var(--tw-bg-opacity));
  color: rgb(255 255 255/var(--tw-text-opacity));
  cursor: pointer;
  font-weight: 700;
  height: 60px;
  margin-bottom: 2rem;
  margin-left: var(--modalPadding);
  margin-right: var(--modalPadding);
  margin-top: 1.25rem;
  text-transform: capitalize
}
.cart-body__bottom .bottom__message-red {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(255 103 103/var(--tw-bg-opacity));
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 14px;
  font-weight: 700;
  line-height: 25px;
  padding-bottom: 8.5px;
  padding-top: 8.5px;
  text-align: center;
  width: 100%
}
@media (max-width:650px) {
  #modal-slideout-cart .modal-dialogue {
    margin-left: 25px
  }
  .cart-body__packages-and-currency {
    padding-left: .5rem;
    padding-right: .5rem
  }
}
.basket-items {
  margin-bottom: 2rem;
  margin-left: var(--modalPadding);
  margin-right: var(--modalPadding);
  margin-top: 0
}
.basket-items .basket-items__inner {
  display: flex;
  flex-direction: column;
  gap: var(--spacing)
}
.basket-items .basket-item {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border: 1px solid #00000014;
  border-radius: .5rem;
  padding-bottom: 23px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 23px
}
.basket-item__details__inner {
  display: flex;
  justify-content: space-between
}
.basket-item .basket-item__details {
  align-items: center;
  display: flex
}
.basket-item .basket-item__options {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  margin-top: .5rem
}
.basket-item .option {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-weight: 700;
  gap: .5rem
}
.basket-item .option .svg--cog {
  flex: 0 0 10px;
  height: 10px;
  width: 10px
}
.basket-item .option__name, .basket-item .svg--cog {
  --tw-text-opacity: 1;
  color: rgb(34 34 34/var(--tw-text-opacity));
  font-weight: 600;
  opacity: .6
}
.basket-item .option__name path, .basket-item .svg--cog path {
  fill: #222
}
.basket-item .option__value {
  --tw-text-opacity: 1;
  color: rgb(0 0 0/var(--tw-text-opacity))
}
.basket-item .details__name, .basket-item .price__new {
  display: block;
  font-weight: 600
}
.basket-item .details__name {
  --tw-text-opacity: 1;
  color: rgb(34 34 34/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  text-transform: uppercase
}
.basket-item .details__price span {
  font-size: 14px;
  line-height: 22px
}
.basket-item .btn--grey {
  background-color: #FFFFF14 !important;
  border: 1px solid #ffffff14
}
.basket-item .btn--grey .arrow {
  position: absolute
}
.basket-item .btn--grey:focus, .basket-item .btn--grey:hover {
  background-color: #c4c4c488 !important
}
.basket-item .details__qty-parent {
  border-radius: .25rem;
  position: relative
}
.basket-item .details__qty-parent .menu--qtys {
  --tw-translate-x: -50%;
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34/var(--tw-bg-opacity));
  border-radius: .25rem;
  -moz-column-gap: .25rem;
  column-gap: .25rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  left: 50%;
  opacity: 0;
  padding-bottom: .375rem;
  padding-left: .375rem;
  padding-right: .375rem;
  padding-top: .375rem;
  position: absolute;
  row-gap: .25rem;
  top: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-duration: .2s;
  visibility: hidden;
  width: 90px;
  z-index: 3
}
.basket-item .details__qty-parent .menu--qtys:before {
  content: ""
}
.basket-item .details__qty-parent .menu--qtys:before {
  position: absolute
}
.basket-item .details__qty-parent .menu--qtys:before {
  left: 0;
  right: 0
}
.basket-item .details__qty-parent .menu--qtys:before {
  top: -7px
}
.basket-item .details__qty-parent .menu--qtys:before {
  margin-left: auto;
  margin-right: auto
}
.basket-item .details__qty-parent .menu--qtys:before {
  display: block
}
.basket-item .details__qty-parent .menu--qtys:before {
  height: 0
}
.basket-item .details__qty-parent .menu--qtys:before {
  width: 0
}
.basket-item .details__qty-parent .menu--qtys:before {
  border-left-width: 8px;
  border-right-width: 8px
}
.basket-item .details__qty-parent .menu--qtys:before {
  border-bottom-width: 8px
}
.basket-item .details__qty-parent .menu--qtys:before {
  border-style: solid
}
.basket-item .details__qty-parent .menu--qtys:before {
  --tw-border-opacity: 1;
  border-color: rgb(34 34 34/var(--tw-border-opacity))
}
.basket-item .details__qty-parent .menu--qtys:before {
  border-left-color: transparent;
  border-right-color: transparent
}
.basket-item .details__qty-parent.--open .menu--qtys {
  opacity: 1;
  top: calc(100% + 10px);
  visibility: visible
}
.basket-item .details__qty-parent.single {
  opacity: .5;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.basket-item .details__qty-parent.single span {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.1;
  align-items: center;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: .25rem;
  display: flex;
  flex: 0 0 46px;
  font-size: 16px;
  font-weight: 700;
  height: 46px;
  justify-content: center;
  line-height: 32px;
  padding: .5rem;
  width: 46px
}
.basket-item .details__qty-parent .btn--itemQty {
  gap: .25rem !important
}
.basket-item .details__qty-parent .btn--qtyValue {
  --tw-text-opacity: 1;
  border-radius: 0;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 13px;
  font-weight: 500;
  height: 26px;
  line-height: 26px
}
.basket-item .details__qty-parent .btn--qtyValue:focus, .basket-item .details__qty-parent .btn--qtyValue:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.basket-item .details__qty-parent .btn--qtyValue:focus, .basket-item .details__qty-parent .btn--qtyValue:hover {
  --tw-bg-opacity: 0.04
}
.basket-item .details__qty-parent .svg--chevrons {
  flex: 0 0 18px;
  height: 1.25rem;
  width: 18px
}
.basket-item .details__qty-parent .svg--chevrons path {
  fill: #000
}
.basket-item .details__right {
  align-items: center;
  display: flex;
  gap: .75rem;
  margin-left: auto;
  padding-left: 1.5rem
}
.basket-item .price__new {
  --tw-text-opacity: 1;
  color: rgb(147 252 102/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 700;
  line-height: 22px
}
.basket-item .btn--grey, .basket-item .btn--red {
  border-radius: .375rem;
  flex: 0 0 48px;
  height: 48px;
  width: 48px
}
.basket-item .btn--grey {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border: 1px solid #000;
  justify-content: center;
  padding-bottom: 1px;
  position: relative
}
.basket-item .btn--grey>span {
  display: inline-block
}
.basket-item .btn--grey>span {
  font-size: 16px
}
.basket-item .btn--grey>span {
  font-weight: 700
}
.basket-item .btn--grey>span {
  line-height: 18px
}
.basket-item .btn--grey>span {
  --tw-text-opacity: 1;
  color: rgb(0 0 0/var(--tw-text-opacity))
}
.basket-item .details__qty-parent.single {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.4;
  border: 1px solid #000;
  border-radius: .375rem;
  color: rgb(0 0 0/var(--tw-text-opacity));
  opacity: .4
}
.basket-item .btn--red svg {
  flex: 0 0 20px;
  height: 20px;
  width: 20px
}
.basket-item .btn--red:hover {
  background-color: #ff3c3c79
}
.ndzn-js--ddMenu {
  position: absolute
}
@media (max-width:750px) {
  .basket-items .basket-item {
    padding-bottom: 13px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 13px
  }
  .basket-items .basket-item .details__name {
    font-size: 14px;
    line-height: 22px
  }
  .basket-items .basket-item .option {
    font-size: 14px;
    line-height: 22px
  }
  .basket-items .basket-item .price__new {
    font-size: 14px;
    line-height: 22px
  }
  .basket-items .basket-item .btn--grey, .basket-items .basket-item .btn--red {
    border-radius: .375rem;
    flex: 0 0 32px;
    font-size: 12px;
    height: 32px;
    width: 32px
  }
  .basket-items .basket-item .btn--grey svg, .basket-items .basket-item .btn--red svg {
    flex: 0 0 16px;
    height: 16px;
    width: 16px
  }
  .basket-items .basket-item .details__qty-parent.single span {
    flex: 0 0 30px;
    font-size: 12px;
    height: 30px;
    width: 30px
  }
  .basket-items .basket-items__inner {
    gap: 1rem
  }
}
.package {
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 10/var(--tw-bg-opacity));
  border: 1px solid #ffffff14;
  border-radius: .5rem;
  margin-bottom: 0;
  padding: 1.5rem;
  position: relative
}
.package .package__expires {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(255 103 103/var(--tw-bg-opacity));
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  display: flex;
  gap: .5rem;
  height: 36px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10
}
.package .package__expires span {
  font-weight: 900;
  text-transform: uppercase
}
.package .package__discount-percentage {
  --tw-bg-opacity: 1;
  background-color: rgb(255 103 103/var(--tw-bg-opacity));
  border-radius: .25rem;
  font-size: 14px;
  font-weight: 900;
  height: -moz-fit-content;
  height: fit-content;
  line-height: 26px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  text-transform: uppercase;
  white-space: nowrap
}
.package .package__image img {
  transition-duration: .2s
}
.package .package__image img:focus, .package .package__image img:hover {
  --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))
}
.package .package__name {
  align-items: center;
  display: flex;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: .25rem;
  text-transform: uppercase
}
.package .package__name b {
  line-height: 26px;
  margin-left: 4px;
  opacity: .7
}
.package .package__name span {
  font-weight: 700
}
.package .package__price {
  align-items: center;
  display: flex;
  gap: .5rem
}
.package .price__actual {
  --tw-text-opacity: 1;
  color: rgb(83 215 89/var(--tw-text-opacity));
  font-weight: 700;
  text-transform: uppercase
}
.package .price__discounted {
  --tw-text-opacity: 1;
  color: rgb(255 103 103/var(--tw-text-opacity));
  font-size: 14px;
  font-weight: 500;
  text-decoration-line: line-through;
  text-transform: uppercase
}
.package .price__custom {
  --tw-text-opacity: 1;
  color: rgb(147 252 102/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 700;
  line-height: 25px
}
.package .btn--remove {
  box-shadow: 0 0 48px -10px #f56363
}
.package--images .package__inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  text-align: center
}
.package--images .package__info {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-top: 17px;
  width: 100%
}
.package--images .package__buttons {
  flex: 0 0 56px;
  height: 3.5rem;
  margin-top: auto;
  width: 100%
}
.package--images .btn--add, .package--images .btn--remove {
  height: 100%;
  width: 100%
}
.package--images .package__name {
  justify-content: center
}
.package--images .package__price {
  justify-content: center;
  margin-bottom: 17px
}
.package--images .package__discount-percentage {
  right: -.5rem;
  top: -.5rem
}
.package--images .package__image {
  border-radius: .25rem;
  flex: 0 0 149px;
  height: 149px;
  overflow: hidden;
  width: 100%
}
.package--images .package__image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%
}
.package--images .package__image--no-image {
  align-items: center;
  display: flex;
  justify-content: center
}
.package--images .package__image--no-image img {
  height: 119px;
  width: 120px
}
.package--has-package-countdown {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 103 103/var(--tw-border-opacity));
  border-left-color: rgb(255 103 103/var(--tw-border-opacity));
  border-right-color: rgb(255 103 103/var(--tw-border-opacity));
  padding-top: 60px
}
.package--has-package-countdown.package--list {
  padding-top: 60px
}
.package--list {
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 2rem;
  padding-top: 1rem
}
.package--list .package__inner {
  display: flex;
  gap: var(--spacing)
}
.package--list .package__info {
  align-items: center;
  display: flex;
  gap: 1.5rem;
  justify-content: space-between;
  width: 100%
}
.package--list .package__buttons {
  height: 3.5rem
}
.package--list .btn--add, .package--list .btn--remove {
  height: 100%;
  width: 190px
}
.package--list .package__discount-percentage {
  margin-left: 1rem;
  position: relative
}
.package--list .package__image {
  border-radius: .25rem;
  height: 90px;
  overflow: hidden;
  width: 150px
}
.package--list .package__image img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  width: 100%
}
.package--list .package__image--no-image {
  align-items: center;
  display: flex;
  justify-content: center
}
.package--list .package__image--no-image img {
  height: 75px;
  width: 76px
}
@media (max-width:720px) {
  .package--list .package__image {
    display: none
  }
}
@media (max-width:520px) {
  .package--list {
    padding: 1.5rem
  }
  .package--list .package__info {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center
  }
  .package--list .package__discount-percentage {
    display: none
  }
  .package--list .package__price {
    align-items: center;
    justify-content: center
  }
}
section.title--homepage {
  align-items: flex-start;
  display: flex;
  margin-top: 66px
}
section.title--homepage .title--homepage__main {
  padding-right: 1.75rem
}
section.title--homepage .title--homepage__main h1, section.title--homepage .title--homepage__main h6 {
  margin: 0
}
section.title--homepage .title--homepage__main h6 {
  color: hsla(0, 0%, 100%, .5)
}
section.title--homepage .title--homepage__additional {
  flex: 0 0 240px;
  margin-left: auto;
  max-width: 240px
}
section.title--homepage .title--homepage__additional p {
  color: hsla(0, 0%, 100%, .7);
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
  margin-bottom: 0;
  margin-top: 0;
  text-align: right
}
.homepage-category-links {
  display: grid;
  gap: var(--spacing);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 3rem
}
.hcl {
  --tw-bg-opacity: 1;
  align-items: flex-start;
  background-color: rgb(10 10 10/var(--tw-bg-opacity));
  border: 1px solid hsla(0, 0%, 100%, .08);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  grid-column: span 1/span 1;
  justify-content: flex-end;
  min-height: 280px;
  overflow: hidden;
  padding: 26px 2rem;
  position: relative;
  text-decoration-line: none
}
.hcl.hcl--large {
  grid-column: span 2/span 2
}
.hcl:focus, .hcl:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(14 14 14/var(--tw-bg-opacity))
}
.hcl:focus .hcl__arrow-container, .hcl:hover .hcl__arrow-container {
  background-color: hsla(0, 0%, 100%, .2)
}
.hcl:focus .hcl__arrow-container .svg, .hcl:hover .hcl__arrow-container .svg {
  --tw-rotate: 25deg
}
.hcl:focus .hcl__arrow-container .svg, .hcl:hover .hcl__arrow-container .svg {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25
}
.hcl:focus .hcl__arrow-container .svg, .hcl:hover .hcl__arrow-container .svg {
  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))
}
.hcl:focus>b, .hcl:focus>p, .hcl:hover>b, .hcl:hover>p {
  --tw-translate-x: 5px
}
.hcl:focus>b, .hcl:focus>p, .hcl:hover>b, .hcl:hover>p {
  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))
}
.hcl .hcl--bg-image {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  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: 1
}
.hcl>b, .hcl>div, .hcl>p {
  position: relative
}
.hcl>b, .hcl>div, .hcl>p {
  z-index: 3
}
.hcl>b, .hcl>p {
  font-size: 16px
}
.hcl>b, .hcl>p {
  line-height: 26px
}
.hcl>b, .hcl>p {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.hcl>b, .hcl>p {
  transition-duration: .3s
}
.hcl>b {
  padding-right: 3rem
}
.hcl>b {
  font-weight: 900
}
.hcl>b {
  text-transform: uppercase
}
.hcl>p {
  margin-bottom: .75rem;
  margin-top: .75rem
}
.hcl>p {
  font-weight: 500
}
.hcl>p {
  --tw-text-opacity: 0.5
}
.hcl .hcl__arrow-container {
  align-items: center;
  background-color: hsla(0, 0%, 100%, .16);
  border-radius: 9999px;
  display: flex;
  height: 2.5rem;
  justify-content: center;
  pointer-events: none;
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  transition-duration: .3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 2.5rem
}
.hcl .hcl__arrow-container .svg {
  fill: #fff;
  height: 1rem;
  transition-duration: .3s;
  width: 1rem
}
.content-homepage .error-container {
  margin-bottom: 0;
  margin-top: 56px;
  max-width: 900px
}
@media(max-width:1200px) {
  .hcl {
    padding: 1.75rem
  }
  .hcl>p {
    margin-bottom: 0
  }
  .hcl>p {
    margin-top: .5rem
  }
  .hcl>b {
    padding-right: 0
  }
  .content-homepage .error-container {
    max-width: unset
  }
  section.title--homepage {
    align-items: center
  }
}
@media(max-width:1050px) {
  .homepage-category-links {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}
@media(max-width:950px) {
  section.title--homepage {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
  }
  section.title--homepage .title--homepage__main {
    margin-right: auto;
    padding-right: 0
  }
  section.title--homepage .title--homepage__main h6 {
    font-size: 14px;
    line-height: 23px
  }
  section.title--homepage .title--homepage__main h1 {
    font-size: 28px;
    line-height: 42px
  }
  section.title--homepage .title--homepage__additional {
    flex: 1 1 auto;
    margin-left: 0 !important;
    margin-right: auto;
    margin-top: .75rem
  }
  section.title--homepage .title--homepage__additional p {
    text-align: left !important
  }
  .homepage-category-links {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
  .hcl.hcl--large {
    grid-column: span 1/span 1
  }
}
.packages-container {
  display: grid;
  gap: var(--spacing)
}
.packages-container.is-images {
  grid-template-columns: repeat(3, minmax(0, 1fr))
}
.packages-container.is-list {
  grid-template-columns: repeat(1, minmax(0, 1fr))
}
.panel--no-packages {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(10 10 10/var(--tw-bg-opacity));
  border: 1px solid #ffffff14;
  border-radius: .5rem;
  display: flex;
  height: 92px;
  justify-content: center;
  letter-spacing: 0;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  text-align: center;
  width: 100%
}
@media (max-width:900px) {
  .packages-container.is-images {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}
@media (max-width:550px) {
  .packages-container.is-images {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
}
.packages-container.is-subscriptions .package__buttons {
  margin-top: 0
}
.packages-container.is-subscriptions .package__info {
  height: -moz-fit-content;
  height: fit-content
}
.packages-container.is-subscriptions .package__image {
  align-items: center;
  display: flex;
  height: 128px;
  justify-content: center;
  overflow: visible;
  position: relative;
  width: 100%
}
.packages-container.is-subscriptions .package__image img {
  cursor: pointer;
  height: 100%;
  width: auto
}
.packages-container.is-subscriptions .package__image .img--blur {
  --tw-scale-x: 0.8;
  --tw-scale-y: 0.8;
  --tw-blur: blur(48px);
  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);
  opacity: .24;
  pointer-events: none;
  position: absolute;
  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
}
.packages-container.is-subscriptions .package--subscription__contents {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 34px;
  height: 100%;
  margin-bottom: 61px;
  margin-top: 48px
}
.packages-container.is-subscriptions .sub__contents-container {
  text-align: center
}
.packages-container.is-subscriptions .btn {
  box-shadow: none !important
}
.packages-container.is-subscriptions .container--priority {
  display: flex;
  flex: 1;
  flex-direction: column
}
.packages-container.is-subscriptions .container--priority .sub__contents-title {
  border-top-left-radius: .375rem;
  border-top-right-radius: .375rem;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  min-height: 34px;
  padding-bottom: 6px;
  padding-left: .75rem;
  padding-right: .75rem;
  padding-top: 6px
}
.packages-container.is-subscriptions .container--priority .sub__contents-text {
  --tw-bg-opacity: 0.1;
  align-items: center;
  background: #d9d8d629;
  background-image: url(https://i.imgur.com/8XOpflJ.png);
  background-position: 50%;
  background-size: 100% 100%;
  background-size: cover;
  border-bottom-left-radius: .375rem;
  border-bottom-right-radius: .375rem;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  display: flex;
  flex: 1;
  font-weight: 500;
  height: 100%;
  justify-content: center;
  line-height: 26px;
  min-height: 112px;
  padding-bottom: .75rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: .75rem
}
.packages-container.is-subscriptions .container--text .sub__contents-title {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 2px
}
.packages-container.is-subscriptions .container--text .sub__contents-text {
  color: #ffffffb2;
  font-weight: 500;
  line-height: 26px
}
@media (max-width:880px) {
  .packages-container.is-subscriptions {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important
  }
  .packages-container.is-subscriptions .container--priority {
    width: 100%
  }
  .packages-container.is-subscriptions .package__buttons {
    display: flex;
    justify-content: center
  }
  .packages-container.is-subscriptions .btn, .packages-container.is-subscriptions .package--subscription__contents {
    max-width: 450px;
    width: 100%
  }
}