:root {
  --fontMdi: "Material Design Icons";
  --spacing: 20px;
  --panelSectionPadding: 48px 48px;
  --containerSpacing: 0 50px;
  --redGradient: linear-gradient(92.41deg, #933, #cd3737)
}
@media(max-width:950px) {
  :root {
    --containerSpacing: 0 25px
  }
}
@media(max-width:900px) {
  :root {
    --spacing: 14px
  }
}
@media(max-width:650px) {
  :root {
    --spacing: 10px
  }
}
@media(max-width:370px) {
  :root {
    --containerSpacing: 0 15px
  }
}
.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;
  -webkit-animation: spinAround .5s linear infinite;
  animation: spinAround .5s linear infinite;
  border: 3px solid;
  border-color: transparent transparent var(--text) var(--text);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--spinnerSize);
  left: calc(50% - var(--spinnerSize)/2);
  position: absolute;
  top: calc(50% - var(--spinnerSize)/2);
  width: var(--spinnerSize)
}
@-webkit-keyframes spinAround {
  to {
    transform: rotate(1turn)
  }
}
@keyframes spinAround {
  to {
    transform: rotate(1turn)
  }
}
.btn {
  --text: #fff;
  --tw-text-opacity: 1;
  color: var(--text);
  color: rgb(255 255 255/var(--tw-text-opacity));
  transition-duration: .2s;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.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;
  line-height: 20px
}
.btn.btn--success {
  --tw-bg-opacity: 1;
  background-color: rgb(0 184 136/var(--tw-bg-opacity))
}
.btn.btn--success-2 {
  --tw-bg-opacity: 1;
  background-color: rgb(0 173 128/var(--tw-bg-opacity))
}
.btn.btn--success-2:focus, .btn.btn--success-2:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(6 163 123/var(--tw-bg-opacity))
}
.btn.btn--success-2 span {
  text-shadow: none
}
.btn.btn--danger {
  --tw-bg-opacity: 1;
  background-color: rgb(223 68 68/var(--tw-bg-opacity))
}
.btn.btn--danger-2 {
  --tw-text-opacity: 1;
  background-color: #df444426;
  color: rgb(223 68 68/var(--tw-text-opacity))
}
.btn.btn--info {
  --tw-bg-opacity: 1;
  background-color: rgb(93 99 177/var(--tw-bg-opacity))
}
.btn.btn--info span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.btn.btn--info svg {
  fill: #fff
}
.btn.btn--gold {
  --tw-bg-opacity: 1;
  background-color: rgb(227 161 59/var(--tw-bg-opacity))
}
.btn.btn--grey {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 66/var(--tw-bg-opacity))
}
.btn.btn--white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.btn.btn--white span {
  --tw-text-opacity: 1;
  color: rgb(0 189 140/var(--tw-text-opacity));
  text-shadow: none
}
.btn.btn--white.btn--loading:after {
  border-color: transparent transparent #00bd8c #00bd8c
}
*, :after, :before {
  border: 0 solid #e5e7eb;
  box-sizing: border-box
}
:after, :before {
  --tw-content: ""
}
html {
  -webkit-text-size-adjust: 100%;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4
}
body {
  line-height: inherit;
  margin: 0
}
hr {
  border-top-width: 1px;
  color: inherit;
  height: 0
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit
}
a {
  color: inherit;
  text-decoration: inherit
}
b, strong {
  font-weight: bolder
}
code, kbd, pre, samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-size: 1em
}
small {
  font-size: 80%
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}
table {
  border-collapse: collapse;
  border-color: inherit;
  text-indent: 0
}
button, input, optgroup, select, textarea {
  color: inherit;
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0
}
button, select {
  text-transform: none
}
[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none
}
:-moz-focusring {
  outline: auto
}
:-moz-ui-invalid {
  box-shadow: none
}
progress {
  vertical-align: baseline
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}
::-webkit-search-decoration {
  -webkit-appearance: none
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}
summary {
  display: list-item
}
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
  margin: 0
}
fieldset {
  margin: 0
}
fieldset, legend {
  padding: 0
}
menu, ol, ul {
  list-style: none;
  margin: 0;
  padding: 0
}
textarea {
  resize: vertical
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #9ca3af;
  opacity: 1
}
input::placeholder, textarea::placeholder {
  color: #9ca3af;
  opacity: 1
}
[role=button], button {
  cursor: pointer
}
:disabled {
  cursor: default
}
audio, canvas, embed, iframe, img, object, svg, video {
  display: block;
  vertical-align: middle
}
img, video {
  height: auto;
  max-width: 100%
}
*, :after, :before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(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:
}
::-webkit-backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(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
}
.block {
  display: block
}
.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-y-10 {
  --tw-translate-y: 2.5rem
}
.translate-y-0, .translate-y-10 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-y-0 {
  --tw-translate-y: 0px
}
.translate-x-10 {
  --tw-translate-x: 2.5rem;
  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
}
.border {
  border-width: 1px
}
.text-center {
  text-align: center
}
.text-xs {
  font-size: .75rem;
  line-height: 1rem
}
.font-bold {
  font-weight: 700
}
.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-100 {
  opacity: 1
}
.opacity-10 {
  opacity: .1
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.transition {
  transition-duration: .15s;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.delay-100 {
  transition-delay: .1s
}
.delay-150 {
  transition-delay: .15s
}
.duration-\[200ms\] {
  transition-duration: .2s
}
.duration-\[500ms\] {
  transition-duration: .5s
}
.duration-\[250ms\] {
  transition-duration: .25s
}
.duration-\[300ms\] {
  transition-duration: .3s
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, .2, 1)
}
.ease-in {
  transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}
.overlay {
  bottom: 0;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999
}
body {
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 23/var(--tw-bg-opacity));
  font-family: Montserrat, sans-serif
}
#ndzn-app, body {
  --tw-text-opacity: 1;
  background-color: rgba(5,21,33,50);
  color: white;
  position: relative
}
#ndzn-app {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100vh;
  opacity: 1;
  visibility: visible
}
[x-cloak] {
  display: none !important
}
#ndzn-app-cloak {
  --tw-bg-opacity: 1;
  background-color: rgb(18 20 22/var(--tw-bg-opacity));
  bottom: 0;
  display: block !important;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition-delay: .1s;
  transition-duration: .2s;
  visibility: hidden;
  width: 100%;
  z-index: 999999
}
#ndzn-app-cloak[x-cloak] {
  opacity: 1;
  visibility: visible
}
.container {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 1500px;
  padding: var(--containerSpacing)
}
.ndzn-js--dd.open .ndzn-js--ddMenu {
  opacity: 1;
  visibility: visible
}
.ndzn-js--dd .ndzn-js--ddMenu {
  visibility: hidden
}
.input, .input-container, input {
  border-radius: 10px;
  width: 100%
}
.input, input {
  font-size: 15px;
  line-height: 17px;
  margin: 1px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-duration: .2s
}
#ndzn-page {
  position: relative;
  z-index: 6
}
#ndzn-page>.container {
  padding-bottom: 60px
}
.panel__body h1, .panel__body h2, .panel__body h3, .panel__body h4, .panel__body h5, .panel__body h6 {
  margin: calc(var(--spacing)*1.5) 0
}
.panel__body h1 {
  font-size: 24px;
  line-height: 43px
}
.panel__body h2 {
  font-size: 22px;
  line-height: 41px
}
.panel__body h3 {
  font-size: 20px;
  line-height: 39px
}
.panel__body h4 {
  font-size: 19px;
  line-height: 36px
}
.panel__body h5 {
  font-size: 18px;
  line-height: 34px
}
.panel__body h6 {
  font-size: 17px;
  line-height: 32px
}
.panel__body p {
  margin-bottom: .875rem
}
.panel__body ol, .panel__body ul {
  margin-bottom: var(--spacing);
  margin-top: var(--spacing)
}
.panel__body ul {
  list-style-type: circle
}
.panel__body ol {
  list-style-type: decimal
}
.panel__body ol li:not(:first-of-type) {
  margin-top: .75rem
}
.panel__body ol li, .panel__body ul li {
  color: #ffffff80;
  margin-left: 1.5rem
}
.page-content {
  flex: 1 1 auto;
  width: 100%
}
.panel {
  position: relative
}
.panel:not(:first-of-type) {
  margin-top: var(--spacing)
}
.panel .panel__body {
  margin-top: 1rem
}
.panel .panel__body a {
  --tw-text-opacity: 1;
  color: rgb(0 248 184/var(--tw-text-opacity))
}
.panel .alert {
  margin-bottom: 0
}
p {
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 29px
}
p:not(:first-of-type) {
  margin-top: 1rem
}
p:last-of-type {
  margin-bottom: 0
}
p a {
  --tw-text-opacity: 1;
  color: rgb(0 248 184/var(--tw-text-opacity));
  font-weight: 700;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}
p a:focus, p a: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)
}
a {
  transition-duration: .2s
}
.input, input {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(62 62 81/var(--tw-bg-opacity));
  border-radius: 5px;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 500;
  line-height: 29px;
  padding-left: 2.5rem;
  padding-right: 88px;
  position: relative
}
.input::-moz-placeholder, input::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.input::placeholder, input::placeholder {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.input::-moz-placeholder, input::-moz-placeholder {
  opacity: .5
}
.input::placeholder, input::placeholder {
  opacity: .5
}
select.input {
  cursor: pointer
}
.form-group__inner {
  position: relative
}
.form-group__inner .svg-dd {
  bottom: 0;
  height: 6px;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  right: 2.5rem;
  top: 0
}
#ndzn-app, body {
  position: relative
}
#ndzn-notification {
  margin-bottom: var(--spacing)
}
.panel.panel--filled {
  --tw-bg-opacity: 1;
    background-color: rgba(29,29,37,0.1);
    border: rgba(255,255,255,0.1) solid 1px;
  border-radius: 5px
}
.panel .panel__heading {
  align-items: center;
  display: flex
}
.panel .panel__heading .h3 {
  display: inline-block;
  font-size: 24px;
  font-weight: 700;
  line-height: 43px
}
.panel .panel__heading__text {
  text-align: left
}
.panel .panel__heading__image {
  flex: 0 0 53px;
  width: 53px
}
.panel--nopixelIntro {
  margin-top: 5rem;
  text-align: center
}
.panel--nopixelIntro .panel__heading {
  justify-content: center
}
.panel--nopixelIntro .panel__heading__image {
  margin-right: 1.5rem
}
.panel--nopixelIntro .panel__heading__text .h1 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 24px;
  font-weight: 700;
  line-height: 43px;
  text-align: left
}
.panel--nopixelIntro .panel__heading__text .h1 b {
  --tw-text-opacity: 1;
  color: rgb(0 248 184/var(--tw-text-opacity))
}
.panel--nopixelIntro .panel__heading__text>span {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 29px;
  margin-top: .25rem
}
.panel--nopixelIntro .panel__body {
  margin-top: 3rem
}
.panel--nopixelIntro .panel__body .panel__subheading {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center
}
.panel--nopixelIntro .panel__body>p {
  font-size: 16px;
  line-height: 29px;
  margin-top: .625rem
}
.panel__body .panel__subheading i {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  display: inline-block;
  height: 1px;
  margin-left: 24px;
  margin-right: 24px;
  width: 29px
}
.panel__body .panel__subheading .h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px
}
.panel__body .panel__subheading .h5 {
  font-size: 18px;
  font-weight: 700;
  line-height: 32px
}
.panel__body ul {
  margin-top: 28px
}
.panel__body ul li {
  color: #ffffff80;
  font-size: 16px;
  line-height: 28px
}
.panel__body ul li:not(:first-of-type) {
  margin-top: .875rem
}
.panel__body ul li b {
  color: #ffffffb3
}
.panel__body .alert {
  margin-bottom: var(--spacing);
  margin-top: var(--spacing)
}
.alert.alert--red {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(223 68 68/var(--tw-bg-opacity));
  border-radius: 5px;
  display: flex;
  padding: 1rem 1.5rem
}
.alert.alert--red svg {
  -webkit-animation: svgPulse 2s linear 1s infinite alternate;
  animation: svgPulse 2s linear 1s infinite alternate;
  flex: 0 0 24px;
  margin-right: 22px;
  width: 24px
}
.alert.alert--red span {
  font-size: 16px;
  font-weight: 600;
  line-height: 29px
}
@-webkit-keyframes svgPulse {
  0% {
    transform: scale(1)
  }
  50% {
    transform: scale(1.2)
  }
  to {
    transform: scale(1)
  }
}
@keyframes svgPulse {
  0% {
    transform: scale(1)
  }
  50% {
    transform: scale(1.2)
  }
  to {
    transform: scale(1)
  }
}
.panel--filled .panel__body {
  display: block;
  padding: 1.75rem
}
.panel--homepage .panel__body {
  display: grid;
  padding-bottom: 2.25rem;
  padding-left: 48px;
  padding-right: 48px;
  padding-top: 2.25rem
}
.panel--homepage .panel__body .homepage-help__img {
  align-items: center;
  border-radius: 5px;
  display: flex;
  height: 317px;
  margin-bottom: auto;
  margin-top: auto
}
.panel--homepage .panel__body .homepage-help__img img {
  border-radius: 5px
}
.panel--homepage .panel__body ol, .panel--homepage .panel__body ul {
  list-style-type: none
}
.panel--homepage .panel__body ol li, .panel--homepage .panel__body ul li {
  margin-left: 0
}
.panel--homepage .alert.alert--red {
  margin-bottom: 0;
  margin-top: 2rem
}
.panel--homepage-client-help .panel__body .homepage-help__img {
  height: 346px
}
.panel.panel--homepage-help:not(:first-of-type) {
  margin-top: 40px
}
.panel.panel--homepage-help.panel--homepage-public-webstore, .panel.panel--homepage-help.panel--homepage-public-webstore .panel__body {
  margin-top: 0
}
.panel--homepage-help:first-of-type {
  margin-top: 0 !important
}
.panel--homepage-help .panel__body {
  display: grid;
  gap: 30px;
  grid-template-columns: auto 593px
}
.panel--homepage-support-ticket .panel__body {
  display: block
}
.panel--homepage-support-ticket .panel__body a, .panel--homepage-support-ticket .panel__body p {
  line-height: 29px
}
.panel--homepage-support-ticket .panel__body p {
  margin-bottom: 0;
  margin-top: 0
}
.menu {
  position: relative
}
.menu .menu__dd {
  opacity: 0;
  position: absolute;
  top: 100%;
  visibility: hidden
}
.menu .menu__dd, .menu .menu__toggle svg {
  transition-duration: .2s
}
.menu.menu--open .menu__dd {
  opacity: 1;
  top: calc(100% + 12px);
  visibility: visible
}
.menu.menu--open .menu__toggle svg {
  --tw-scale-y: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.page-modals {
  margin-top: 2.5rem
}
.page-modals .page-modals__inner {
  align-items: center;
  display: flex
}
.page-modals .page-modals__inner .btn--modal--cart {
  margin-left: auto
}
.page-modals .btn--modal {
  align-items: center;
  border-radius: 5px;
  display: flex;
  height: 72px
}
.page-modals .btn--modal .svg-grid {
  margin-right: 1.25rem
}
.page-modals .btn--modal .svg-cart {
  margin-right: 1rem
}
.page-modals .btn--modal--cart {
  padding-left: 27px;
  padding-right: 27px
}
.page-modals .btn--modal--cart i {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: 50%;
  color: rgb(0 184 136/var(--tw-text-opacity));
  flex: 0 0 24px;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  height: 24px;
  line-height: 24px;
  margin-left: .5rem;
  min-width: 24px;
  padding-left: 2px;
  padding-right: 2px
}
.page-modals .btn--modal--store-menu {
  --tw-bg-opacity: 1;
    background-color: rgba(19,19,27,0.2);
    border: rgba(221,221,221,0.05) 1px solid;
  padding-left: 38px;
  padding-right: 35px
}
.page-modals .category-info {
  flex: 1 1 auto;
  height: 72px;
  margin-left: 1.25rem;
  margin-right: 1.25rem
}
.category-info {
  --tw-bg-opacity: 1;
  background-color: rgb(93 99 177/var(--tw-bg-opacity));
  border-radius: 5px;
  padding: 13px 120px 13px 30px;
  position: relative
}
.category-info .category-info__name {
  font-family: Inter;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  width: 210px
}
.category-info .category-info__queue-priority {
  background-color: #ffffff1a;
  border-radius: 2px;
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
  min-height: 19px;
  padding-bottom: .125rem;
  padding-left: .5rem;
  padding-right: .5rem;
  padding-top: .125rem
}
.category-info .category-info__flag {
  flex: 0 0 104px;
  width: 104px
}
.category-info .category-info__flag-container {
  border-radius: 5px;
  bottom: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 200px
}
.category-info .category-info__flag {
  --tw-rotate: 10deg;
  filter: drop-shadow(-3px -3px 18px #00000047);
  margin-left: auto;
  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))
}
.btn.btn--loading .svg-container {
  display: none !important
}
.btn:focus .svg-container .svg-package, .btn:hover .svg-container .svg-package {
  --tw-rotate: 10deg;
  top: -9px;
  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))
}
.btn:focus .svg-container .svg-rodent, .btn:hover .svg-container .svg-rodent {
  left: -7px;
  opacity: 1
}
.btn:focus .svg-container .svg-info, .btn:hover .svg-container .svg-info {
  --tw-scale-x: 1.2;
  --tw-scale-y: 1.2;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.btn .svg-container {
  position: relative
}
.btn .svg-container .svg-package {
  flex: 0 0 14px;
  left: .5rem;
  position: absolute;
  top: .25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-duration: .5s;
  width: 14px
}
.btn .svg-container .svg-rodent {
  --tw-scale-x: -1;
  fill: #df4444;
  bottom: 0;
  left: 5px;
  opacity: 0;
  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: .5s;
  width: 18px
}
.btn .svg-container .svg-info {
  transition-duration: .2s
}
@media(max-width:1375px) {
  .panel--homepage-help .panel__body {
    grid-template-columns: 1fr
  }
  .panel--homepage .panel__body {
    padding: 40px
  }
  .panel--homepage .panel__body .homepage-help__img {
    height: 286px
  }
  .panel--homepage .panel__body .homepage-help__img img {
    height: 100%
  }
  .panel--homepage .alert:not(.alert--mobile) {
    display: none
  }
  .panel--homepage .alert.alert--mobile {
    margin-top: 0
  }
}
@media(min-width:1375px) {
  .panel--homepage .alert--mobile {
    display: none
  }
}
@media(min-width:1290px) {
  .page-modals {
    display: none
  }
}
@media(min-width:1200px) {
  .category-info {
    display: none
  }
}
@media(max-width:1050px) {
  .page-navbar .page-navbarInner {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}
@media(max-width:950px) {
  .panel.panel--homepage-help:not(:first-of-type) {
    margin-top: 1.5rem
  }
}
@media(max-width:900px) {
  .panel__body h1 {
    font-size: 22px;
    line-height: 35px
  }
  .panel__body h2 {
    font-size: 21px;
    line-height: 34px
  }
  .panel__body h3 {
    font-size: 20px;
    line-height: 32px
  }
  .panel__body h4 {
    font-size: 19px;
    line-height: 31px
  }
  .panel__body h5 {
    font-size: 18px;
    line-height: 30px
  }
  .panel__body h6 {
    font-size: 17px;
    line-height: 29px
  }
  .panel__body .panel__body ol li, .panel__body .panel__body ul li, .panel__body a, .panel__body b, .panel__body p, .panel__body span {
    font-size: 14px;
    line-height: 25px
  }
  .panel--nopixelIntro .panel__heading__text .h1 b, .panel--nopixelIntro .panel__heading__text .h1 span {
    font-size: 24px
  }
  .panel--nopixelIntro .panel__heading__text .h1 b {
    font-weight: 700
  }
  .panel--nopixelIntro .panel__heading__text .h1 span {
    line-height: 38px
  }
  .btn .svg-container .svg-package {
    left: 7px;
    top: 0;
    width: 9px !important
  }
  .btn .svg-container .svg-rodent {
    bottom: -2px;
    left: 1px;
    width: 14px !important
  }
  .btn:focus .svg-container .svg-package, .btn:hover .svg-container .svg-package {
    top: -11px
  }
  .btn:focus .svg-container .svg-rodent, .btn:hover .svg-container .svg-rodent {
    bottom: -2px
  }
}
@media(max-width:880px) and (min-width:650px) {
  .category-info {
    padding-left: 1rem;
    padding-right: 1rem
  }
  .category-info .category-info__flag-container {
    display: none
  }
  .page-modals .btn--modal--store-menu {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
  .page-modals .btn--modal .svg-grid {
    margin-right: .75rem;
    width: 15px
  }
  .page-modals .btn--modal .svg-cart {
    margin-right: .625rem;
    width: 18px
  }
  .page-modals .btn--modal span {
    font-size: 14px
  }
  .page-modals .btn--modal--cart {
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }
  .page-modals .btn--modal--cart i {
    flex: 0 0 20px;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    min-width: 20px;
    padding-left: 0;
    padding-right: 0
  }
}
@media(min-width:700px) {
  .panel__heading__image--mobile {
    display: none
  }
}
@media(max-width:700px) {
  .category-info .category-info__name {
    width: 180px
  }
  .panel__heading__image {
    display: none
  }
  .panel__heading__image.panel__heading__image--mobile {
    display: inline-block;
    flex: 0 0 40px;
    margin-bottom: auto;
    margin-right: 0;
    margin-top: auto;
    width: 40px
  }
  .panel--nopixelIntro .panel__heading {
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }
  .panel--nopixelIntro .panel__heading__text {
    text-align: center
  }
  .panel--nopixelIntro .panel__heading__text .h1 {
    align-items: center;
    display: flex;
    font-size: 18px;
    gap: 24px
  }
  .panel--nopixelIntro .panel__heading__text .h1 b, .panel--nopixelIntro .panel__heading__text .h1 span {
    font-weight: 700
  }
  .panel--nopixelIntro .panel__heading__text>span {
    font-size: 14px;
    line-height: 25px;
    margin-top: .875rem
  }
  .panel--nopixelIntro .panel__body {
    margin-top: 1.5rem;
    padding-left: 0;
    padding-right: 0
  }
  .panel--nopixelIntro .panel__body>p {
    font-size: 14px;
    font-weight: 400;
    line-height: 25px
  }
  .panel__body .panel__subheading .h4 {
    font-size: 18px;
    line-height: 22px
  }
  .panel.panel--homepage-public-webstore {
    margin-top: 0 !important
  }
}
@media(max-width:650px) {
  #ndzn-page .container {
    padding-top: 25px
  }
  .page-navbar {
    display: none
  }
  .panel--homepage .panel__body {
    padding: 26px
  }
  .panel__body .panel__subheading .h5 {
    font-size: 16px;
    line-height: 29px
  }
  .panel__body p, .panel__body ul li {
    font-size: 14px;
    line-height: 25px
  }
  .panel--homepage .panel__body .homepage-help__img {
    height: unset
  }
  .panel--homepage-support-ticket .panel__body a, .panel--homepage-support-ticket .panel__body p {
    font-size: 14px;
    line-height: 25px
  }
  .panel--homepage-support-ticket .panel__body a {
    word-break: break-all
  }
  .panel--nopixelIntro {
    margin-top: 30px
  }
  .panel--nopixelIntro .panel__body {
    padding-bottom: 48px
  }
  .page-modals, .page-modals .btn--modal--cart, .page-modals .btn--modal--store-menu {
    display: none
  }
  .page-modals .category-info {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 82px;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: .25rem;
    padding-top: .25rem
  }
  .page-modals .category-info .category-info__flag {
    bottom: -5px;
    position: relative;
    right: -7px
  }
  .page-modals .category-info .category-info__name {
    overflow: auto;
    white-space: normal;
    width: auto
  }
  .page-modals .category-info .category-info__queue-priority {
    margin-top: 5px
  }
  #ndzn-notification .alert.alert--red {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important
  }
  #ndzn-notification .alert.alert--red svg {
    flex: 0 0 20px;
    height: 20px;
    width: 20px
  }
  #ndzn-notification .alert.alert--red span {
    font-size: 13px;
    line-height: 21px
  }
}
@media(max-width:560px) {
  .panel.panel--homepage .alert {
    flex-direction: column;
    text-align: center
  }
  .panel.panel--homepage .alert span {
    font-size: 12px;
    font-weight: 600;
    line-height: 21px;
    margin-top: 26px
  }
  .alert {
    padding: 25px 1rem !important
  }
  .alert.alert--red svg {
    margin-right: 0
  }
  p {
    font-size: 14px;
    line-height: 26px
  }
  #ndzn-notification .alert.alert--red svg {
    margin-right: 1rem
  }
}
@media(max-width:450px) {
  .panel--nopixelIntro .panel__heading__text .h1 b, .panel--nopixelIntro .panel__heading__text .h1 span {
    font-size: 18px;
    line-height: 34px
  }
  .panel--nopixelIntro .panel__heading {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
  .panel--nopixelIntro .panel__body {
    margin-top: 1.25rem;
    padding-left: 0;
    padding-right: 0
  }
  .page-modals .category-info {
    padding-left: 1.25rem
  }
}
@media(max-width:400px) {
  .panel--nopixelIntro .panel__heading {
    padding-left: .5rem;
    padding-right: .5rem
  }
}
@media(max-width:360px) {
  .panel--nopixelIntro {
    margin-top: .25rem
  }
  .panel--nopixelIntro .panel__heading {
    padding-left: 1rem;
    padding-right: 1rem
  }
}
.modal-wrap {
  align-items: center;
  background-color: #111117f2;
  bottom: 0;
  display: grid;
  grid-template-columns: minmax(auto, 600px);
  grid-template-rows: auto 0;
  height: 100%;
  justify-content: center;
  left: 0;
  overflow: hidden;
  overflow-y: scroll;
  padding-bottom: 4rem;
  padding-top: 4rem;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999
}
.modal.is-slideout .modal-wrap {
  align-items: stretch;
  grid-template-columns: minmax(auto, 360px);
  padding-bottom: 0;
  padding-top: 0
}
.modal.is-slideout.is-left .modal-wrap {
  justify-content: flex-start
}
.modal.is-slideout.is-right .modal-wrap {
  justify-content: flex-end
}
#checkout-overlay:after, #waiting-overlay:after, .modal-spinner {
  -webkit-animation: modalSpinner 1s linear infinite;
  animation: modalSpinner 1s linear infinite;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' style='display:block' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='50' cy='50' r='32' stroke-width='8' stroke='%23fff' stroke-dasharray='50.26548245743669 50.26548245743669' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  bottom: 0;
  content: "";
  display: block;
  height: 100px;
  left: 0;
  margin: auto;
  opacity: .1;
  right: 0;
  top: 0;
  width: 100px
}
@-webkit-keyframes modalSpinner {
  0% {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(1turn)
  }
}
@keyframes modalSpinner {
  0% {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(1turn)
  }
}
#checkout-overlay, #waiting-overlay {
  --tw-bg-opacity: 0.7;
  --tw-backdrop-blur: blur(24px);
  align-items: center;
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  background-color: rgb(0 0 0/var(--tw-bg-opacity));
  bottom: 0;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999
}
#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, 926px);
  padding-left: 100px;
  padding-right: 100px
}
.modal.is-slideout .modal-wrap {
  grid-template-columns: minmax(auto, 527px)
}
.modal-wrap {
  padding-bottom: 80px;
  padding-top: 80px
}
.modal-dialogue {
  background: linear-gradient(168.87deg, #1b1d24, #1b1c22);
  border-radius: 10px;
  position: relative
}
.modal-dialogue__inner {
  margin: 1px;
  overflow: hidden;
  position: relative;
  z-index: 3
}
.btn.btn--close {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(45 48 57/var(--tw-bg-opacity));
  border-radius: 3px;
  display: flex;
  flex: 0 0 40px;
  height: 40px;
  justify-content: center;
  width: 40px
}
@media(max-width:900px) {
  .modal.is-slideout .modal-wrap {
    grid-template-columns: minmax(auto, 400px)
  }
}
@media(max-width:500px) {
  .modal.is-slideout .modal-wrap {
    grid-template-columns: minmax(auto, 295px)
  }
  #modal-slideout-cart .modal-dialogue__inner {
    padding: 15px
  }
}
#modal-slideout-cart .modal-dialogue {
  border-radius: 0
}
#modal-slideout-cart .modal-dialogue .btn.btn--close {
  left: -66px;
  position: absolute;
  top: 24px
}
#modal-slideout-cart .modal-dialogue .cart-header__img-container .cart-header__img {
  width: 167px
}
#modal-slideout-cart .modal-dialogue .modal-body {
  display: flex;
  flex-direction: column;
  height: 100%
}
#modal-slideout-cart .modal-dialogue__inner {
  height: 100%
}
#modal-slideout-cart .cart-header {
  background: linear-gradient(262.12deg, #00f8b8, #00bd8c 50.83%);
  min-height: 196px;
  padding-bottom: 38px;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 38px;
  position: relative
}
#modal-slideout-cart .cart-header .cart-header__img-container {
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
#modal-slideout-cart .cart-header .menu__dd {
  --tw-bg-opacity: 1;
  background-color: rgb(0 173 128/var(--tw-bg-opacity));
  border-radius: 5px;
  left: -20px;
  padding: .625rem;
  width: 140px
}
#modal-slideout-cart .cart-header .menu__dd:before {
  border-bottom: 10px solid #00ad80;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  top: -9px;
  width: 0
}
#modal-slideout-cart .cart-header .menu__dd .currency-grid {
  display: grid;
  gap: .5rem;
  grid-template-columns: repeat(2, minmax(0, 1fr))
}
#modal-slideout-cart .cart-header .menu__dd a {
  --tw-bg-opacity: 1;
  background-color: rgb(0 173 128/var(--tw-bg-opacity));
  border-radius: 5px;
  font-weight: 600;
  height: 32px;
  line-height: 32px;
  text-align: center
}
#modal-slideout-cart .cart-header .menu__dd a.active {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  color: rgb(0 173 128/var(--tw-text-opacity))
}
#modal-slideout-cart .cart-header .menu__dd a.active:focus, #modal-slideout-cart .cart-header .menu__dd a.active:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
#modal-slideout-cart .cart-header .menu__dd a:focus, #modal-slideout-cart .cart-header .menu__dd a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(6 163 123/var(--tw-bg-opacity))
}
#modal-slideout-cart .cart-header__buttons, #modal-slideout-cart .cart-header__user {
  position: relative;
  z-index: 3
}
#modal-slideout-cart .cart-header__user {
  align-items: center;
  display: flex
}
#modal-slideout-cart .cart-header__user svg {
  flex: 0 0 32px
}
#modal-slideout-cart .cart-header__user span {
  font-size: 30px;
  font-weight: 900;
  line-height: 37px;
  margin-left: 1rem;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
#modal-slideout-cart .cart-header__buttons {
  align-items: center;
  display: flex;
  gap: .75rem;
  margin-top: 34px
}
#modal-slideout-cart .cart-header__buttons .btn {
  align-items: center;
  border-radius: 5px;
  display: flex;
  height: 48px;
  line-height: 48px
}
#modal-slideout-cart .cart-header__buttons .btn span {
  font-weight: 700
}
#modal-slideout-cart .cart-header__buttons .btn--white {
  padding-left: 14px;
  padding-right: 16px
}
#modal-slideout-cart .cart-header__buttons .btn--white svg {
  margin-right: .75rem
}
#modal-slideout-cart .cart-header__buttons .btn--success-2 {
  padding-left: 22px;
  padding-right: 22px
}
#modal-slideout-cart .cart-header__buttons .btn--success-2 svg {
  margin-left: .75rem
}
#modal-slideout-cart .cart-header__buttons .btn--success-2 span {
  font-weight: 600
}
#modal-slideout-cart .cart-summary {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(29 29 37/var(--tw-bg-opacity));
  display: flex;
  font-size: 0;
  padding: 2.5rem
}
#modal-slideout-cart .cart-summary>span {
  display: inline-block;
  font-size: 20px;
  font-weight: 800;
  line-height: 24px;
  margin-left: auto;
  margin-right: auto
}
#modal-slideout-cart .cart-summary .cart-summary__line {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  display: inline-block;
  height: 1px;
  width: 63px
}
#modal-slideout-cart .cart-items {
  display: flex;
  flex-direction: column;
  gap: .75rem
}
#modal-slideout-cart .cart-footer {
  align-items: center;
  display: flex;
  margin-top: auto;
  padding-bottom: 2.5rem;
  padding-left: 2.5rem;
  padding-right: 2.75rem;
  padding-top: 2.5rem
}
#modal-slideout-cart .cart-footer.cart-footer--empty {
  margin-top: 0
}
#modal-slideout-cart .cart-footer .btn--success {
  align-items: center;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  margin-left: auto;
  min-width: 286px;
  padding: 1.25rem
}
#modal-slideout-cart .cart-footer .btn--success svg {
  margin-right: 1rem
}
#modal-slideout-cart .cart-footer .cart-total b, #modal-slideout-cart .cart-footer .cart-total span {
  display: block;
  font-weight: 700;
  text-align: left
}
#modal-slideout-cart .cart-footer .cart-total span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 16px;
  line-height: 20px;
  opacity: .5
}
#modal-slideout-cart .cart-footer .cart-total b {
  font-size: 20px;
  line-height: 24px;
  margin-top: .25rem
}
#modal-slideout-cart .cart-footer .btn--grey {
  align-items: center;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  padding: 22px;
  width: 100%
}
#modal-slideout-cart .cart-footer .btn--grey svg {
  margin-right: 18px
}
#modal-slideout-cart .cart-message {
  color: #ffffff80;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  padding-bottom: 38px;
  padding-left: 80px;
  padding-right: 80px;
  padding-top: 38px;
  text-align: center
}
#modal-slideout-cart .cart-message, .basket-item {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 43/var(--tw-bg-opacity))
}
.basket-item .basket-item__region-info {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(38 38 48/var(--tw-bg-opacity));
  display: flex;
  padding-bottom: .625rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: .625rem
}
.basket-item .basket-item__region-info .region-info__flag {
  flex: 0 0 18px;
  margin-right: .75rem;
  width: 18px
}
.basket-item .basket-item__region-info .region-info__cat-name, .basket-item .basket-item__region-info .region-info__subcat-name {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  opacity: .5
}
.basket-item .basket-item__region-info i {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  height: 4px;
  margin-left: .75rem;
  margin-right: .75rem;
  opacity: .5;
  width: 4px
}
.basket-item .basket-item__name {
  cursor: pointer
}
.basket-item .basket-item__name>span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 18px;
  font-weight: 700;
  line-height: 22px
}
.basket-item .price-actual {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  opacity: .5
}
.basket-item .basket-item__price {
  margin-top: .75rem
}
.basket-item .basket-item__main {
  align-items: center;
  display: flex
}
.basket-item .basket-item__buttons {
  align-items: center;
  display: flex;
  gap: .75rem;
  margin-left: auto
}
.basket-item .basket-item__buttons .btn {
  border-radius: 5px;
  flex: 0 0 48px;
  height: 48px;
  justify-content: center;
  width: 48px
}
.basket-item .basket-item__buttons .btn svg {
  margin-left: auto;
  margin-right: auto
}
.basket-item .basket-item__info {
  padding-right: .375rem
}
.basket-item .basket-item__main {
  padding-bottom: 33px;
  padding-left: 40px;
  padding-right: 35px;
  padding-top: 33px
}
.basket-item .basket-item__options {
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 48/var(--tw-bg-opacity));
  padding-bottom: 15px;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 15px
}
.basket-item .basket-item__options .option {
  align-items: center;
  display: flex;
  flex-wrap: wrap
}
.basket-item .basket-item__options .option:not(:first-of-type) {
  margin-top: .5rem
}
.basket-item .basket-item__options .option svg {
  fill: #fff;
  height: 20px;
  margin-right: .75rem;
  width: 20px
}
.basket-item .basket-item__options .option .option-name {
  font-weight: 600;
  margin-right: .375rem
}
.basket-item .basket-item__options .option .option-value {
  display: inline-block
}
@media(max-width:900px) {
  #modal-slideout-cart.is-slideout .modal-wrap {
    grid-template-columns: minmax(auto, 446px)
  }
  #modal-slideout-cart .modal-dialogue .btn.btn--close {
    left: -78px;
    top: 36px
  }
  #modal-slideout-cart .modal-dialogue .cart-header__img-container .cart-header__img {
    width: 147px
  }
  #modal-slideout-cart .cart-header {
    min-height: 172px;
    padding: 2.25rem
  }
  #modal-slideout-cart .cart-header .menu__dd {
    left: -14px;
    padding: .5rem;
    width: 124px
  }
  #modal-slideout-cart .cart-header .menu__dd a {
    font-size: 14px;
    height: 28px;
    line-height: 28px
  }
  #modal-slideout-cart .cart-header__user svg {
    flex: 0 0 28px;
    width: 28px
  }
  #modal-slideout-cart .cart-header__user span {
    font-size: 26px;
    line-height: 32px
  }
  #modal-slideout-cart .cart-header__buttons {
    margin-top: 26px
  }
  #modal-slideout-cart .cart-header__buttons .btn {
    height: 42px
  }
  #modal-slideout-cart .cart-header__buttons .btn span {
    font-size: 14px;
    line-height: 17px
  }
  #modal-slideout-cart .cart-header__buttons .btn--white {
    padding-left: .75rem
  }
  #modal-slideout-cart .cart-header__buttons .btn--white svg {
    width: 18px
  }
  #modal-slideout-cart .cart-summary {
    padding-bottom: 30px;
    padding-top: 30px
  }
  #modal-slideout-cart .cart-summary .cart-summary__line {
    width: 48px
  }
  #modal-slideout-cart .cart-summary>span {
    font-size: 18px;
    line-height: 22px
  }
  #modal-slideout-cart .cart-footer {
    padding: 2.25rem
  }
  #modal-slideout-cart .cart-footer .btn--success {
    min-width: 229px
  }
  #modal-slideout-cart .cart-footer .btn--success svg {
    width: 24px
  }
  #modal-slideout-cart .cart-footer .cart-total span {
    font-size: 14px;
    line-height: 17px
  }
  #modal-slideout-cart .cart-footer .cart-total b {
    font-size: 18px;
    line-height: 21px;
    margin-top: .375rem
  }
  #modal-slideout-cart .cart-message {
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 45px;
    padding-left: 53px;
    padding-right: 53px;
    padding-top: 42px
  }
  .basket-item .basket-item__region-info {
    padding-left: 2.25rem;
    padding-right: 2.25rem
  }
  .basket-item .basket-item__region-info .region-info__flag {
    flex: 0 0 16px;
    width: 16px
  }
  .basket-item .basket-item__region-info .region-info__cat-name, .basket-item .basket-item__region-info .region-info__subcat-name {
    font-size: 12px;
    font-weight: 500;
    line-height: 15px
  }
  .basket-item .basket-item__info {
    padding-right: .875rem
  }
  .basket-item .basket-item__main {
    padding-bottom: 1.75rem;
    padding-left: 2.25rem;
    padding-right: 2.25rem;
    padding-top: 1.75rem
  }
  .basket-item .basket-item__name>span {
    font-size: 16px;
    line-height: 20px
  }
  .basket-item .basket-item__price {
    margin-top: .625rem
  }
  .basket-item .basket-item__options {
    padding-left: 2.25rem;
    padding-right: 2.25rem
  }
  .basket-item .basket-item__options .option {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start
  }
  .basket-item .basket-item__options .option:not(:first-of-type) {
    margin-top: 18px
  }
  .basket-item .basket-item__options .option svg {
    display: none
  }
  .basket-item .basket-item__options .option .option-name, .basket-item .basket-item__options .option .option-value {
    display: block;
    font-size: 14px;
    line-height: 17px
  }
  .basket-item .basket-item__options .option .option-name {
    margin-right: 0
  }
  .basket-item .basket-item__options .option .option-value {
    margin-top: .375rem
  }
}
@media(max-width:650px) {
  #modal-slideout-cart.is-slideout .modal-wrap {
    grid-template-columns: minmax(auto, 310px)
  }
  #modal-slideout-cart .modal-dialogue .btn.btn--close {
    left: -51px;
    top: 1.25rem
  }
  #modal-slideout-cart .modal-dialogue .cart-header__img-container {
    right: -32px
  }
  #modal-slideout-cart .modal-dialogue .cart-header__img-container .cart-header__img {
    width: 112px
  }
  #modal-slideout-cart .cart-header {
    min-height: 128px;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 21px
  }
  #modal-slideout-cart .cart-header__user span {
    font-size: 20px;
    line-height: 24px
  }
  #modal-slideout-cart .cart-header__user svg {
    flex: 0 0 24px;
    width: 24px
  }
  #modal-slideout-cart .cart-header__buttons {
    margin-top: 18px
  }
  #modal-slideout-cart .cart-header__buttons .btn {
    height: 38px;
    line-height: 38px
  }
  #modal-slideout-cart .cart-header__buttons .btn span {
    font-size: 12px;
    line-height: 15px
  }
  #modal-slideout-cart .cart-header__buttons .btn--white svg {
    flex: 0 0 14px;
    width: 14px
  }
  #modal-slideout-cart .cart-summary {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
  #modal-slideout-cart .cart-summary .cart-summary__line {
    width: 24px
  }
  #modal-slideout-cart .cart-summary>span {
    font-size: 16px;
    line-height: 20px;
    text-align: center
  }
  #modal-slideout-cart .cart-footer {
    padding: 1.5rem
  }
  #modal-slideout-cart .cart-footer .btn--success {
    min-width: 156px
  }
  #modal-slideout-cart .cart-footer .btn--success svg {
    flex: 0 0 18px;
    width: 18px
  }
  #modal-slideout-cart .cart-footer .btn--success span {
    font-size: 14px;
    line-height: 17px
  }
  #modal-slideout-cart .cart-footer .cart-total span {
    font-size: 12px;
    line-height: 15px
  }
  #modal-slideout-cart .cart-footer .cart-total b {
    font-size: 14px;
    line-height: 17px;
    margin-top: .375rem
  }
  #modal-slideout-cart .cart-message {
    font-size: 12px;
    line-height: 21px;
    padding-bottom: 29px;
    padding-left: 33px;
    padding-right: 33px;
    padding-top: 28px
  }
  #modal-slideout-cart .cart-footer .btn--grey {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
  }
  #modal-slideout-cart .cart-footer .btn--grey svg {
    flex: 0 0 15px;
    height: 15px;
    width: 15px
  }
  #modal-slideout-cart .cart-footer .btn--grey span {
    font-size: 14px;
    line-height: 17px
  }
  .basket-item .basket-item__region-info {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
  .basket-item .basket-item__region-info .region-info__flag {
    margin-right: .5rem
  }
  .basket-item .basket-item__region-info .region-info__cat-name, .basket-item .basket-item__region-info .region-info__subcat-name {
    font-size: 10px;
    line-height: 12px
  }
  .basket-item .basket-item__region-info i {
    margin-left: .5rem;
    margin-right: .5rem
  }
  .basket-item .basket-item__main {
    padding-bottom: 22px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.25rem
  }
  .basket-item .basket-item__info {
    padding-right: .5rem
  }
  .basket-item .basket-item__name>span {
    font-size: 14px;
    line-height: 17px
  }
  .basket-item .basket-item__price {
    margin-top: .375rem
  }
  .basket-item .basket-item__buttons .btn--grey {
    display: none
  }
  .basket-item .basket-item__buttons .btn--danger {
    flex: 0 0 36px;
    height: 36px;
    width: 36px
  }
  .basket-item .basket-item__buttons .btn--danger svg {
    flex: 0 0 16px;
    width: 16px
  }
  .basket-item .basket-item__options {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
  .basket-item .basket-item__options .option:not(:first-of-type) {
    margin-top: .875rem
  }
  .basket-item .basket-item__options .option .option-name, .basket-item .basket-item__options .option .option-value {
    font-size: 12px;
    line-height: 14px
  }
  .basket-item .basket-item__options .option .option-value {
    margin-top: .25rem
  }
  .basket-item .price-actual {
    font-size: 12px;
    line-height: 15px
  }
}
@media(max-width:500px) {
  #modal-slideout-cart .modal-dialogue__inner {
    padding: 0
  }
}
@media(max-width:380px) {
  #modal-slideout-cart .modal-dialogue .btn.btn--close {
    flex: 0 0 32px;
    height: 32px;
    left: -16px;
    width: 32px;
    z-index: 5
  }
}
#modal-shopping .modal-dialogue {
  position: relative
}
#modal-shopping .modal-dialogue__inner {
  overflow: visible
}
#modal-shopping .panel {
  padding: 2.5rem
}
#modal-shopping .btn.btn--close {
  left: calc(100% + 24px);
  position: absolute;
  top: 0
}
#modal-shopping .modal__package .package-image {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(36 36 46/var(--tw-bg-opacity));
  border-radius: 5px;
  display: flex;
  height: 187px;
  justify-content: center;
  width: 284px
}
#modal-shopping .modal__package .package-image img {
  margin-right: 0;
  width: 73px
}
#modal-shopping .modal__package .package-image.has-image img {
  height: 150px;
  width: auto
}
#modal-shopping .modal__package .modal__package__main {
  align-items: center;
  display: flex
}
#modal-shopping .modal__package .package__info {
  margin-left: 2.5rem
}
#modal-shopping .modal__package .info__name {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px
}
#modal-shopping .modal__package .info__price {
  align-items: center;
  display: flex;
  margin-top: .5rem
}
#modal-shopping .modal__package .info__price .price__actual, #modal-shopping .modal__package .info__price .price__old {
  display: inline-block
}
#modal-shopping .modal__package .info__price .price__actual {
  --tw-text-opacity: 1;
  color: rgb(75 255 82/var(--tw-text-opacity));
  font-size: 14px;
  font-weight: 700;
  line-height: 17px
}
#modal-shopping .modal__package .info__price .price__old {
  color: #ff4b55a1;
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  margin-left: .5rem;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through
}
#modal-shopping .modal__package .package__buttons {
  display: flex;
  gap: .75rem;
  margin-top: 40px
}
#modal-shopping .modal__package .package__buttons .btn {
  align-items: center;
  border-radius: 5px;
  display: flex;
  height: 56px;
  justify-content: center
}
#modal-shopping .modal__package .package__buttons .btn--danger, #modal-shopping .modal__package .package__buttons .btn--info {
  min-width: 216px
}
#modal-shopping .modal__package .package__buttons .btn--danger svg, #modal-shopping .modal__package .package__buttons .btn--info svg {
  margin-right: .75rem
}
#modal-shopping .modal__package .package__buttons .btn--danger span, #modal-shopping .modal__package .package__buttons .btn--info span {
  white-space: nowrap
}
#modal-shopping .modal__package .package__buttons .btn.btn--danger.btn--remove {
  --tw-text-opacity: 1;
  background-color: #df44441a;
  color: rgb(223 68 68/var(--tw-text-opacity));
  width: 216px
}
#modal-shopping .modal__package .package__buttons .btn--grey {
  width: 100%
}
#modal-shopping .modal__package .package__buttons .btn.btn--grey.btn--gift {
  width: 56px
}
#modal-shopping .modal__package .package__buttons .btn.btn--info.btn--add {
  padding-left: 40px;
  padding-right: 40px
}
#modal-shopping .modal__package .gift-form {
  display: none
}
#modal-shopping .modal__package .modal__package__desc {
  margin-top: 1.75rem
}
#modal-shopping .modal__package .modal__package__desc .h3 {
  font-size: 20px
}
#modal-shopping .modal__package .modal__package__desc .panel__body p {
  color: #ffffffa1;
  font-size: 16px;
  font-weight: 400
}
#modal-shopping .modal__package .gift-parent {
  position: relative
}
#modal-shopping .modal__package .gift-parent .gift-form {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 66/var(--tw-bg-opacity));
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: .75rem;
  padding: .75rem;
  position: absolute;
  right: 0;
  top: 68px;
  transition-duration: .2s;
  width: 225px
}
#modal-shopping .modal__package .gift-parent .gift-form:before {
  border-bottom: 10px solid #333342;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  content: "";
  display: block;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 18px;
  top: -9px;
  width: 0
}
#modal-shopping .modal__package .gift-parent .gift-form .btn, #modal-shopping .modal__package .gift-parent .gift-form input {
  height: 56px
}
#modal-shopping .modal__package .gift-parent .gift-form input {
  --tw-bg-opacity: 1;
  background-color: rgb(62 62 81/var(--tw-bg-opacity));
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1rem;
  padding-left: 0;
  padding-right: 0;
  text-align: center
}
#modal-shopping .modal__package .gift-parent .gift-form svg {
  height: 16.5px;
  width: 16.5px
}
#modal-shopping .modal__package .gift-parent .gift-form span {
  font-size: 14px;
  line-height: 17px
}
#modal-shopping .modal__package .gift-parent .gift-form .btn--info {
  min-width: unset;
  width: unset
}
#modal-shopping .modal__package .gift-parent.menu.menu__dd.is-open .gift-form {
  opacity: 1
}
#modal-shopping .modal__package .gift-parent.menu.menu__dd.is-closed .gift-form {
  opacity: 0;
  top: 58px
}
@media (max-width:900px) {
  #modal-shopping .modal__package .modal__package__desc .h3 {
    font-size: 16px;
    line-height: 20px
  }
  #modal-shopping .modal__package .package__buttons .btn {
    height: 44px
  }
  #modal-shopping .modal__package .package__buttons .btn--danger, #modal-shopping .modal__package .package__buttons .btn--info {
    min-width: 186px !important;
    padding-bottom: .25rem;
    padding-top: .25rem;
    width: 186px !important
  }
  #modal-shopping .modal__package .package__buttons .btn--danger span, #modal-shopping .modal__package .package__buttons .btn--info span {
    font-size: 14px;
    line-height: 20px
  }
  #modal-shopping .modal__package .package__buttons .btn--danger svg, #modal-shopping .modal__package .package__buttons .btn--info svg {
    flex: 0 0 18px;
    height: 18px;
    width: 18px
  }
  #modal-shopping .modal__package .package__buttons .btn.btn--grey.btn--gift {
    flex: 0 0 44px;
    width: 44px
  }
  #modal-shopping .modal__package .package__buttons .btn--gift svg {
    width: 18px
  }
  #modal-shopping .modal__package .modal__package__desc .panel__body p {
    font-size: 14px;
    line-height: 23px
  }
  #modal-shopping .modal__package .gift-parent .gift-form {
    top: 56px
  }
  #modal-shopping .modal__package .gift-parent .gift-form:before {
    right: 12px
  }
  #modal-shopping .modal__package .gift-parent .gift-form .btn--info, #modal-shopping .modal__package .gift-parent .gift-form input {
    height: 44px
  }
  #modal-shopping .modal__package .gift-parent .gift-form .btn--info {
    width: 100% !important
  }
  #modal-shopping .modal__package .gift-parent .gift-form .btn--info svg {
    flex: 0 0 16px;
    height: 16px
  }
  #modal-shopping .panel--package-modal {
    padding-bottom: 2.5rem
  }
}
@media (max-width:850px) {
  #modal-shopping .btn.btn--close {
    left: calc(100% - 40px);
    top: -64px
  }
  #modal-shopping .modal-wrap {
    padding-bottom: 88px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 88px
  }
  #modal-shopping .modal__package .modal__package__main {
    flex-direction: column;
    gap: 1rem
  }
  #modal-shopping .modal__package .package__info {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-left: 0
  }
  #modal-shopping .modal__package .modal__package__desc, #modal-shopping .modal__package .package__info .info__name {
    text-align: center
  }
  #modal-shopping .modal__package .modal__package__desc .panel__heading {
    justify-content: center
  }
  #modal-shopping .modal__package .package__buttons {
    margin-top: 1.25rem
  }
  #modal-shopping .modal__package .package-image {
    height: 170px;
    width: 250px
  }
  #modal-shopping .modal__package .package-image img {
    margin-right: 0;
    width: 73px
  }
  #modal-shopping .modal__package .package-image.has-image img {
    height: 130px;
    width: auto
  }
}
@media (max-width:500px) {
  #modal-shopping .panel.panel--package-modal {
    padding-bottom: 1.25rem
  }
}
@media (max-width:400px) {
  #modal-shopping .panel {
    padding: 1.5rem
  }
}
@media (max-width:375px) {
  #modal-shopping .modal__package .package__buttons .btn.btn--info.btn--add {
    padding-left: 20px;
    padding-right: 20px
  }
}
#ndzn-header {
  --tw-bg-opacity: 1;
  background-color: rgba(5,21,33,0.5);
}
#ndzn-header .container {
  padding-bottom: 2.25rem;
  padding-top: 37px
}
#ndzn-header .btn--mobile-menu {
  display: none
}
#ndzn-header .header-main__logo-container {
  flex: 0 0 212px;
  width: 212px
}
#ndzn-header .header-main__logo__mobile {
  display: none
}
#ndzn-header .header-main, #ndzn-header .header-main__links {
  align-items: center;
  display: flex
}
#ndzn-header .header-main__links {
  gap: 55px;
  margin-left: 72px
}
#ndzn-header .header-link {
  align-items: center;
  display: flex;
  padding-bottom: .75rem;
  padding-left: .625rem;
  padding-right: .625rem;
  padding-top: .75rem;
  position: relative;
  transition-duration: .2s
}
#ndzn-header .header-link:focus, #ndzn-header .header-link:hover {
  --tw-scale-x: 1.04;
  --tw-scale-y: 1.04;
  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-header .header-link:focus span, #ndzn-header .header-link:hover span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
#ndzn-header .header-link:focus svg path, #ndzn-header .header-link:hover svg path {
  fill: #fff
}
#ndzn-header .header-link.header-link--active:before {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  bottom: 0;
  content: "";
  height: 3px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  width: 24px
}
#ndzn-header .header-link.header-link--active span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
#ndzn-header .header-link.header-link--active svg path {
  fill: #fff
}
#ndzn-header .header-link span, #ndzn-header .header-link svg path {
  transition-duration: .2s
}
#ndzn-header .header-link span {
  --tw-text-opacity: 1;
  color: white;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px
}
#ndzn-header .header-link svg {
  display: inline-block;
  margin-right: .5rem
}
#ndzn-header .header-link svg path {
  fill: #909093
}
#ndzn-header .btn--header.btn--user {
  margin-left: auto;
  margin-right: 44px
}
#ndzn-header .btn--header.btn--user svg {
  margin-right: 11px
}
#ndzn-header .btn--cart {
  align-items: center;
  border-radius: 5px;
  display: flex;
  min-height: 64px;
  padding-left: 26px;
  padding-right: 26px
}
#ndzn-header .btn--cart svg {
  margin-right: 1rem
}
#ndzn-header .btn--cart b, #ndzn-header .btn--cart i, #ndzn-header .btn--cart span {
  display: inline-block;
  letter-spacing: .025em
}
#ndzn-header .btn--cart i, #ndzn-header .btn--cart span {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px
}
#ndzn-header .btn--cart b {
  font-weight: 900
}
#ndzn-header .btn--cart i {
  margin-left: .25rem;
  margin-right: 7px
}
#ndzn-header .btn--cart span:last-of-type {
  margin-left: .375rem
}
#ndzn-header .btn.btn--cart__mobile {
  display: none
}
#ndzn-header .menu--discord {
  margin-left: 55px
}
#ndzn-header .menu--discord .svg-discord {
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  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)) !important;
  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-header .menu--discord .svg-arrow {
  margin-left: .25rem;
  margin-right: 0
}
#ndzn-header .menu--discord .discord-link:before {
  display: none
}
#ndzn-header .menu--discord .menu__dd {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 50/var(--tw-bg-opacity));
  border-radius: 5px;
  display: flex;
  flex: 0 0 332px;
  flex-direction: column;
  left: -94px;
  padding: 1.5rem;
  width: 332px;
  z-index: 12
}
#ndzn-header .menu--discord .menu__dd__discord-link {
  align-items: center;
  border-radius: 3px;
  display: flex;
  padding: 1rem
}
#ndzn-header .menu--discord .menu__dd__discord-link:focus, #ndzn-header .menu--discord .menu__dd__discord-link:hover {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.05;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
#ndzn-header .menu--discord .menu__dd__discord-link:focus>span, #ndzn-header .menu--discord .menu__dd__discord-link:hover>span {
  opacity: 1
}
#ndzn-header .menu--discord .menu__dd__discord-link:not(:first-of-type) {
  margin-top: .25rem
}
#ndzn-header .menu--discord .menu__dd__discord-link>img {
  flex: 0 0 24px;
  margin-right: 1rem;
  width: 24px
}
#ndzn-header .menu--discord .menu__dd__discord-link>span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  opacity: .5;
  transition-duration: .2s
}
#ndzn-header-cats {
  --tw-bg-opacity: 1;
    background-color: rgba(29,29,37,0.1);
    border: rgba(255,255,255,0.1) solid 1px;
}
#ndzn-header-cats .header-cats__main {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
#ndzn-header-cats .header-cat {
  align-items: center;
  display: flex;
  font-family: Inter, sans-serif;
  justify-content: center;
  min-height: 80px;
  transition-duration: .2s
}
#ndzn-header-cats .header-cat:focus, #ndzn-header-cats .header-cat:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(255,255,255,0.1);
}
#ndzn-header-cats .header-cat .header-cat__inner {
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%
}
#ndzn-header-cats .header-cat .header-cat__inner>svg path {
  fill: #515156
}
#ndzn-header-cats .header-cat.header-cat--active {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  position: relative
}
#ndzn-header-cats .header-cat.header-cat--active:before {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  bottom: 0;
  content: "";
  height: 4px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  pointer-events: none;
  position: absolute;
  right: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 67px
}
#ndzn-header-cats .header-cat.header-cat--active .header-cat__inner>svg path {
  fill: #fff
}
#ndzn-header-cats .header-cat.header-cat--active .header-cat__name {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
#ndzn-header-cats .header-cat.open {
  position: relative
}
#ndzn-header-cats .header-cat.open .header-cat__dd {
  display: flex;
  flex-direction: column;
  top: calc(100% + 12px)
}
#ndzn-header-cats .header-cat.open .header-cat__name {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
#ndzn-header-cats .header-cat.open .header-cat__inner svg {
  --tw-scale-y: -1;
  fill: #fff;
  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-header-cats .header-cat.open .header-cat__inner svg path {
  fill: #fff
}
#ndzn-header-cats .header-cat__inner {
  align-items: center;
  display: flex
}
#ndzn-header-cats .header-cat__inner>svg {
  display: inline-block;
  margin-left: .75rem
}
#ndzn-header-cats .header-cat__flag, #ndzn-header-cats .header-cat__inner>svg, #ndzn-header-cats .header-cat__name {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
#ndzn-header-cats .header-cat__flag {
  margin-right: .75rem;
  width: 28px
}
#ndzn-header-cats .header-cat__name {
  --tw-text-opacity: 1;
  color: rgba(255,255,255,0.5);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  transition-duration: .2s
}
#ndzn-header-cats .header-cat__dd {
  --tw-bg-opacity: 1;
    background-color: rgba(12,22,30,1);
    border: rgba(212,222,230,0.1) 1px solid;
  border-radius: 5px;
  padding: 1.5rem;
  width: 332px;
  z-index: 10
}
#ndzn-header-cats .header-cat__subcat {
  align-items: center;
  border-radius: 5px;
  display: flex;
  padding: 1rem;
  transition-duration: .2s
}
#ndzn-header-cats .header-cat__subcat:focus, #ndzn-header-cats .header-cat__subcat:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(49 49 56/var(--tw-bg-opacity))
}
#ndzn-header-cats .header-cat__subcat:not(:first-of-type) {
  margin-top: .25rem
}
#ndzn-header-cats .header-cat__subcat>svg {
  flex: 0 0 6px
}
#ndzn-header-cats .header-cat__subcat span {
  --tw-text-opacity: 1;
  display: inline-block;
  font-size: 15px;
  line-height: 20px;
  margin-left: .75rem
}
@media (max-width:1290px) {
  #ndzn-header .btn--cart {
    display: none
  }
  #ndzn-header .btn--header.btn--user {
    margin-left: 40px;
    margin-right: 0
  }
  #ndzn-header .menu--discord {
    margin-left: 0
  }
  #ndzn-header .header-main__links {
    gap: 44px;
    margin-left: 0;
    margin-right: 0;
    order: -1
  }
  #ndzn-header .header-main__logo-container {
    margin-left: auto;
    margin-right: auto
  }
}
@media(max-width:1200px) {
  #ndzn-header-cats .header-cat__dd {
    padding: .75rem;
    width: 100%
  }
  #ndzn-header-cats .header-cat__subcat {
    padding: .75rem
  }
  #ndzn-header-cats .header-cat__subcat>svg {
    flex: 0 0 5px;
    width: 5px
  }
  #ndzn-header-cats .header-cat__subcat span {
    font-size: 13px;
    line-height: 19px;
    margin-left: .5rem
  }
}
@media(max-width:900px) {
  #ndzn-header .container {
    padding-bottom: 26px;
    padding-top: 27px
  }
  #ndzn-header .header-main__logo-container {
    display: flex;
    justify-content: center
  }
  #ndzn-header .header-main__logo__mobile {
    display: flex
  }
  #ndzn-header .header-main__logo {
    display: none
  }
  #ndzn-header .menu--discord .menu__dd {
    left: -55px;
    padding: .875rem;
    width: 260px
  }
  #ndzn-header .menu--discord .menu__dd__discord-link {
    padding-bottom: .625rem;
    padding-left: .75rem;
    padding-right: .75rem;
    padding-top: .625rem
  }
  #ndzn-header .menu--discord .menu__dd__discord-link>span {
    font-size: 14px
  }
  #ndzn-header-cats .header-cat__dd, #ndzn-header-cats .header-cat__subcat {
    padding: .5rem
  }
  #ndzn-header-cats .header-cat__flag {
    display: none
  }
  #ndzn-header-cats .header-cat__name {
    font-size: 14px
  }
  #ndzn-header-cats .header-cat__inner svg {
    flex: 0 0 18px;
    height: 18px;
    width: 18px
  }
  #ndzn-header-cats .header-cat.header-cat--active:before {
    height: 3px
  }
}
@media (max-width:800px) {
  #ndzn-header .btn--header.btn--user {
    margin-left: 20px
  }
  #ndzn-header .header-main__links {
    gap: 20px
  }
  #ndzn-header .header-main__logo-container {
    flex: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
  }
}
@media (max-width:650px) {
  #ndzn-header-cats {
    display: none
  }
  #ndzn-header .container {
    padding-bottom: 21px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 22px
  }
  #ndzn-header .btn--user, #ndzn-header .header-main__links, #ndzn-header .menu--discord {
    display: none
  }
  #ndzn-header .header-main__logo__mobile {
    width: 34px
  }
  #ndzn-header .header-main__logo-container {
    left: 0;
    position: absolute;
    right: 0
  }
  #ndzn-header .btn--mobile-menu {
    display: flex;
    padding-bottom: .5rem;
    padding-left: .75rem;
    padding-right: .75rem;
    padding-top: .5rem
  }
  #ndzn-header .btn.btn--cart__mobile {
    display: flex;
    gap: .5rem;
    margin-left: auto;
    padding-bottom: .75rem;
    padding-left: .5rem;
    padding-right: .5rem;
    padding-top: .75rem
  }
  #ndzn-header .btn.btn--cart__mobile svg {
    width: 24px
  }
  #ndzn-header .btn.btn--cart__mobile span {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: 50px;
    height: 24px;
    width: 24px
  }
  #ndzn-header .btn.btn--cart__mobile span b {
    --tw-text-opacity: 1;
    color: rgb(37 37 44/var(--tw-text-opacity));
    font-size: 16px;
    line-height: 24px
  }
}
#ndzn-footer {
  margin-top: auto
}
#ndzn-footer .container, #ndzn-footer .footer-left {
  align-items: center;
  display: flex
}
#ndzn-footer .container {
  padding-bottom: 60px;
  padding-top: 60px
}
#ndzn-footer .footer-left span {
  display: block
}
#ndzn-footer .footer-right {
  margin-left: auto
}
#ndzn-footer .footer-right #tm {
  --tw-text-opacity: 1;
  align-items: center;
  color: rgb(88 88 93/var(--tw-text-opacity));
  display: flex;
  font-weight: 400;
  letter-spacing: .025em
}
#ndzn-footer .footer-right #tm span {
  font-size: 11px;
  line-height: 13px;
  margin-right: .25rem
}
#ndzn-footer .footer-right #tm svg path {
  fill: #58585d;
  transition-duration: .2s
}
#ndzn-footer .footer-right #tm:focus, #ndzn-footer .footer-right #tm:hover {
  --tw-text-opacity: 1;
  color: rgb(135 135 135/var(--tw-text-opacity))
}
#ndzn-footer .footer-right #tm:focus svg path, #ndzn-footer .footer-right #tm:hover svg path {
  fill: #878787
}
#ndzn-footer .footer-left__image {
  flex: 0 0 32px;
  width: 32px
}
#ndzn-footer .footer-left__text {
  margin-left: 1.5rem
}
#ndzn-footer .footer-left__text span {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px
}
@media(max-width:950px) {
  #ndzn-page>.container {
    padding-bottom: 2.5rem
  }
}
@media(max-width:750px) {
  #ndzn-footer .container, #ndzn-footer .footer-left {
    flex-direction: column
  }
  #ndzn-footer .container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 100px
  }
  #ndzn-footer .footer-left__text, #ndzn-footer .footer-right {
    margin-left: auto;
    margin-right: auto
  }
  #ndzn-footer .footer-left__text {
    margin-bottom: 48px;
    text-align: center;
    width: 295px
  }
  #ndzn-footer .footer-left__text span {
    font-size: 14px
  }
  #ndzn-footer .footer-left__image {
    margin-bottom: 1.5rem
  }
  #ndzn-page>.container {
    padding-bottom: 0
  }
}
.page-navbar {
  margin-bottom: 1.75rem
}
.page-navbarInner {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 5rem
}
.page-navbarInner .panel.panel--region {
  margin-top: 0 !important
}
.page-navbarInner .panel--region {
  --tw-bg-opacity: 1;
  background-color: rgba(5,5,25,0.2);
  border-radius: 5px
}
.panel--region {
  overflow: hidden;
  position: relative
}
.panel--region:focus, .panel--region:hover {
  --tw-scale-x: 1.04;
  --tw-scale-y: 1.04;
  --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)
}
.panel--region:focus, .panel--region:focus .menu-cat__right svg, .panel--region:hover, .panel--region:hover .menu-cat__right 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))
}
.panel--region:focus .menu-cat__right svg, .panel--region:hover .menu-cat__right svg {
  --tw-rotate: 45deg
}
.panel--region .menu-cat__flag {
  flex: 0 0 28px;
  width: 28px
}
.panel--region .menu-cat__name {
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-top: .75rem
}
.panel--region .menu-cat__select-region {
  --tw-text-opacity: 1;
  align-items: center;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: flex;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  opacity: .5
}
.panel--region .menu-cat__select-region svg {
  margin-bottom: -1px;
  margin-left: .25rem
}
.panel--region .menu-cat__inner {
  align-items: flex-start;
  display: flex;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 1.5rem;
  position: relative;
  z-index: 3
}
.panel--region .menu-cat__select-region {
  margin-top: .875rem
}
.panel--region .menu-cat__left {
  padding-right: 1rem
}
.panel--region .menu-cat__right {
  background: hsla(0, 0%, 100%, .05);
  border-radius: 50%;
  margin-left: auto;
  padding: 1px
}
.panel--region .menu-cat__right svg {
  opacity: .5;
  transition-duration: .3s
}
.panel--region .gradient-container {
  filter: blur(80px);
  height: 100%;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 250px
}
.panel--region .gradient-container, .panel--region .gradient-container .gradient-circle {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.panel--region .gradient-container .gradient-circle {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245/var(--tw-bg-opacity));
  border-radius: 50%;
  height: 105px;
  position: absolute;
  right: -52px;
  top: -52px;
  width: 105px
}
@media(max-width:1240px) and (min-width:1050px) {
  .panel--region .menu-cat__name {
    font-size: 17px;
    line-height: 21px
  }
  .panel--region .menu-cat__left {
    padding-right: .5rem
  }
  .panel--region .menu-cat__inner {
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.5rem
  }
  .page-navbarInner {
    gap: 1rem
  }
}
@media(max-width:1290px) {
  .page-navbarInner {
    margin-top: 2.5rem
  }
}
.category-sidebar {
  flex: 0 0 332px;
  width: 332px
}
.category-sidebar .category-sidebar__inner {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: .75rem;
  width: 100%
}
.category-sidebar .category-sidebar__inner .panel.panel--parent-category {
  padding-bottom: .75rem;
  width: 100%
}
.category-sidebar .panel__section {
  --tw-bg-opacity: 1;
  background-color: rgb(93 99 177/var(--tw-bg-opacity));
  border-radius: 5px;
  overflow: hidden;
  padding-bottom: 35px;
  padding-left: 34px;
  padding-top: 34px;
  position: relative
}
.category-sidebar .panel__section .panel__body {
  margin-top: 0
}
.category-sidebar .panel__section .panel__body .h1 {
  font-size: 20px;
  font-weight: 700
}
.category-sidebar .panel__section .panel__body span {
  align-items: center;
  color: #ffffffa1;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  gap: 7px
}
.category-sidebar .panel__section .panel__body span svg {
  fill-opacity: .5
}
.category-sidebar .region-flag-container {
  filter: drop-shadow(-5px -5px 24px #474D94);
  left: auto;
  pointer-events: none;
  position: absolute;
  right: -40px;
  top: 0;
  transform: rotate(10deg);
  transition-duration: .3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.category-sidebar .region-flag-container img {
  width: 160px
}
.category-sidebar .subcategory-link {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgba(19, 19, 37,0.2);
    border: rgba(255,255,255,0.1) solid 2px;
    border-radius: 5px;
    color: white;
    display: flex;
    font-family: Inter, sans-serif;
    font-size: 16px;
    /* font-weight: 700; */
    justify-content: center;
    line-height: 19px;
    overflow: hidden;
    padding: 28px;
    position: relative;
    width: 100%;
}
.category-sidebar .subcategory-link:focus, .category-sidebar .subcategory-link: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)
}
.category-sidebar .subcategory-link span {
  text-align: center
}
.category-sidebar .subcategory-link.active {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(51 51 66/var(--tw-bg-opacity));
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.category-sidebar .active-rectangle {
  --tw-bg-opacity: 1;
  background-color: rgb(93 99 177/var(--tw-bg-opacity));
  bottom: 0;
  height: 41px;
  left: 0;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  top: 0;
  width: 5px
}
.category-sidebar .active-rectangle-blur {
  --tw-bg-opacity: 1;
  background-color: rgb(93 99 177/var(--tw-bg-opacity));
  bottom: 0;
  filter: blur(8.5px);
  height: 41px;
  left: 0;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  top: 0;
  width: 5px
}
.category-popup {
  padding: 26px;
  width: 100%
}
.category-popup .panel.panel--parent-category {
  margin-top: 0;
  overflow: hidden;
  padding-bottom: 1.5rem;
  width: 100%
}
.category-popup .panel.panel--parent-category .subcategory-link:focus, .category-popup .panel.panel--parent-category .subcategory-link:hover {
  background-color: #ffffff05
}
.category-popup .panel.panel--parent-category .subcategory-link.active {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 66/var(--tw-bg-opacity))
}
.category-popup .panel__section {
  --tw-bg-opacity: 1;
  background-color: rgb(93 99 177/var(--tw-bg-opacity));
  border-radius: 5px;
  cursor: pointer;
  overflow: hidden;
  padding-bottom: 35px;
  padding-left: 34px;
  padding-top: 34px;
  position: relative;
  transition-duration: .2s;
  z-index: 3
}
.category-popup .panel__section:focus, .category-popup .panel__section: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)
}
.category-popup .panel__section:focus .region-flag-container, .category-popup .panel__section:hover .region-flag-container {
  right: -35px
}
.category-popup .panel__section:focus .select-category svg, .category-popup .panel__section:hover .select-category svg {
  --tw-rotate: -90deg;
  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))
}
.category-popup .panel__section .panel__body {
  margin-top: 0;
  pointer-events: none
}
.category-popup .panel__section .panel__body .h1 {
  font-size: 20px;
  font-weight: 700;
  pointer-events: none;
  position: relative;
  z-index: 2
}
.category-popup .panel__section .panel__body .select-category {
  align-items: center;
  color: #ffffffa1;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  gap: 7px;
  pointer-events: none
}
.category-popup .panel__section .panel__body .select-category svg {
  fill-opacity: .5;
  pointer-events: none;
  transition-duration: .3s
}
.category-popup .menu-cat__subcats {
  display: flex;
  flex-direction: column;
  gap: .75rem;
  padding-top: 1.5rem;
  transition-duration: .2s
}
.category-popup .region-flag-container {
  --tw-rotate: 10deg;
  filter: drop-shadow(-5px -5px 24px #474D94);
  left: auto;
  pointer-events: none;
  position: absolute;
  right: -40px;
  top: .5rem;
  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
}
.category-popup .region-flag-container img {
  pointer-events: none;
  width: 160px
}
.category-popup .subcategory-link {
  align-items: center;
  border-radius: 5px;
  color: #ffffffa1;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
  line-height: 19px;
  overflow: hidden;
  padding: 28px;
  position: relative;
  width: 100%
}
.category-popup .subcategory-link:focus, .category-popup .subcategory-link: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)
}
.category-popup .subcategory-link.active {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(51 51 66/var(--tw-bg-opacity));
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.category-popup .subcategory-link span {
  text-align: center
}
.category-popup .active-rectangle {
  --tw-bg-opacity: 1;
  background-color: rgb(93 99 177/var(--tw-bg-opacity));
  bottom: 0;
  height: 41px;
  left: 0;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  top: 0;
  width: 5px
}
.category-popup .active-rectangle-blur {
  --tw-bg-opacity: 1;
  background-color: rgb(93 99 177/var(--tw-bg-opacity));
  bottom: 0;
  filter: blur(8.5px);
  height: 41px;
  left: 0;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  top: 0;
  width: 5px
}
.modal-dialogue.modal-dialogue--storeMenu {
  border-radius: 0;
  width: 404px
}
.modal-dialogue.modal-dialogue--storeMenu .btn.btn--close {
  left: 440px;
  position: absolute;
  top: 36px;
  z-index: 10
}
.modal-dialogue.modal-dialogue--storeMenu .btn.btn--close svg {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.category-popup:after {
  background-color: #ffffff1a;
  content: "";
  height: 2px;
  left: 50%;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
  position: absolute;
  transform: translateX(-50%);
  width: 113px
}
.panel-additional-links {
  display: flex;
  flex-direction: column;
  margin: 1.5rem 26px
}
.panel-additional-links .menu-cat .menu-cat__inner {
  transition-duration: .2s
}
.panel-additional-links .menu-cat .menu-cat__inner:focus, .panel-additional-links .menu-cat .menu-cat__inner:hover {
  background-color: #ffffff05
}
.panel-additional-links .menu-cat__inner {
  border-radius: 5px;
  display: flex;
  gap: .5rem;
  padding-bottom: 26px;
  padding-left: 24px;
  padding-top: 27px
}
.panel-additional-links .menu-cat__inner:focus svg, .panel-additional-links .menu-cat__inner:hover svg {
  --tw-rotate: -6deg;
  --tw-scale-x: 1.2;
  --tw-scale-y: 1.2;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.panel-additional-links .menu-cat__inner span {
  color: #ffffffa1;
  font-size: 16px;
  font-weight: 700
}
.panel-additional-links .menu-cat__inner svg {
  opacity: .5;
  transition-duration: .2s
}
.panel-additional-links .active .menu-cat__inner {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 66/var(--tw-bg-opacity))
}
.panel-additional-links .active .menu-cat__inner span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.panel-additional-links .active .menu-cat__inner svg {
  opacity: 1
}
.panel-additional-links .page-additional-links__discord-dropdown {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 66/var(--tw-bg-opacity));
  border-radius: 5px;
  cursor: pointer;
  overflow: hidden
}
.panel-additional-links .page-additional-links__discord-dropdown .svg--dropdown {
  margin-left: auto;
  margin-right: 1.5rem
}
.panel-additional-links .page-additional-links__discord-dropdown .menu-cat__inner {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 66/var(--tw-bg-opacity));
  position: relative
}
.panel-additional-links .page-additional-links__discord-dropdown .menu-cat__inner span, .panel-additional-links .page-additional-links__discord-dropdown .menu-cat__inner svg {
  pointer-events: none
}
.panel-additional-links .menu-cat__subcats {
  background-color: #ffffff05;
  display: flex;
  flex-direction: column;
  gap: .5rem;
  padding-bottom: .5rem;
  padding-top: .5rem;
  transition: .2s
}
.panel-additional-links .menu-cat__subcats .subcategory-link {
  align-items: center;
  display: flex;
  gap: 1rem;
  padding-bottom: 1rem;
  padding-left: 28px;
  padding-right: 28px;
  padding-top: 1rem
}
.panel-additional-links .menu-cat__subcats .subcategory-link:focus, .panel-additional-links .menu-cat__subcats .subcategory-link:hover {
  background-color: #ffffff05
}
.panel-additional-links .menu-cat__subcats .subcategory-link img {
  height: 18px;
  width: 18px
}
.panel-additional-links .menu-cat__subcats .subcategory-link span {
  color: #ffffffa1;
  font-size: 14px;
  font-weight: 700
}
.panel-additional-links .page-sidebarInner {
  display: grid;
  gap: .25rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  margin-bottom: .25rem
}
@media (max-width:500px) {
  .modal-dialogue.modal-dialogue--storeMenu {
    width: 310px
  }
  .modal-dialogue.modal-dialogue--storeMenu .btn.btn--close {
    left: 322px
  }
  .category-popup .panel__section {
    padding-bottom: 20px;
    padding-left: 24px;
    padding-top: 20px
  }
  .category-popup .panel__section:focus .region-flag-container, .category-popup .panel__section:hover .region-flag-container {
    right: -48px
  }
  .category-popup .panel__section .panel__body .h1 {
    font-size: 16px
  }
  .category-popup .region-flag-container {
    filter: drop-shadow(-5px -5px 24px #474D94);
    left: auto;
    pointer-events: none;
    position: absolute;
    right: -58px;
    top: .75rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
  }
  .category-popup .region-flag-container img {
    width: 133px
  }
  .category-popup .subcategory-link {
    font-size: 14px
  }
  .category-popup .active-rectangle {
    --tw-bg-opacity: 1;
    background-color: rgb(93 99 177/var(--tw-bg-opacity));
    bottom: 0;
    height: 41px;
    left: 0;
    margin-bottom: auto;
    margin-top: auto;
    position: absolute;
    top: 0;
    width: 5px
  }
  .category-popup .active-rectangle-blur {
    --tw-bg-opacity: 1;
    background-color: rgb(93 99 177/var(--tw-bg-opacity));
    bottom: 0;
    filter: blur(8.5px);
    height: 41px;
    left: 0;
    margin-bottom: auto;
    margin-top: auto;
    position: absolute;
    top: 0;
    width: 5px
  }
}
@media(max-width:400px) {
  .modal-dialogue.modal-dialogue--storeMenu .btn.btn--close {
    flex: 0 0 32px;
    height: 32px;
    left: 294px;
    top: 26px;
    width: 32px
  }
}
.toast {
  --tw-text-opacity: 1;
  align-items: center;
  bottom: -10px;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: flex;
  justify-content: center;
  left: 0;
  max-width: 100%;
  min-height: 45px;
  opacity: 0;
  padding: 13px 27px;
  pointer-events: none;
  position: fixed;
  transition-duration: .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 400px;
  width: 100%;
  z-index: 9999
}
.toast.toast--visible {
  bottom: 0;
  opacity: 1
}
.toast.toast--visible .toast-icon, .toast.toast--visible svg {
  display: block !important
}
.toast.toast--success {
  --tw-bg-opacity: 1;
  background-color: rgb(93 177 102/var(--tw-bg-opacity))
}
.toast.toast--danger {
  --tw-bg-opacity: 1;
  background-color: rgb(223 68 68/var(--tw-bg-opacity))
}
.toast .toast-text {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px
}
.toast .toast-icon {
  margin-right: .875rem
}
.toast .toast-icon svg {
  fill: #fff;
  height: 20px;
  width: 20px
}
.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)
}
.panel--parent-category--NA_Store a {
  display: block
}
.panel--parent-category--NA_Store .panel__section {
  --tw-bg-opacity: 1;
  background-color: rgb(93 99 177/var(--tw-bg-opacity))
}
.panel--parent-category--NA_Store .panel__section .region-flag-container {
  filter: drop-shadow(-5px -5px 24px #474D94)
}
.ndzn-app__NA_Store .category-sidebar .panel__section, .ndzn-app__NA_Store .panel--parent-category--NA_Store .panel__section {
  --tw-bg-opacity: 1;
  background-color: rgb(93 99 177/var(--tw-bg-opacity))
}
.ndzn-app__NA_Store .category-sidebar .region-flag-container, .ndzn-app__NA_Store .panel--parent-category--NA_Store .region-flag-container {
  filter: drop-shadow(-5px -5px 24px #474D94)
}
.ndzn-app__NA_Store .active-rectangle, .ndzn-app__NA_Store .active-rectangle-blur, .ndzn-app__NA_Store .btn.btn--info.btn--add, .ndzn-app__NA_Store .btn.btn--info.btn--discord, .ndzn-app__NA_Store .category-info, .ndzn-app__NA_Store .content-category .package-buttons .btn.btn--success-v2, .ndzn-app__NA_Store .content-category .package-discount-percentage--images, .ndzn-app__NA_Store .content-category .package-expires {
  --tw-bg-opacity: 1;
  background-color: rgb(93 99 177/var(--tw-bg-opacity))
}
.panel--parent-category--India_Store a {
  display: block
}
.panel--parent-category--India_Store .panel__section {
  --tw-bg-opacity: 1;
  background-color: rgb(227 161 59/var(--tw-bg-opacity))
}
.panel--parent-category--India_Store .panel__section .region-flag-container {
  filter: drop-shadow(-5px -5px 24px #E09929)
}
.ndzn-app__India_Store .category-sidebar .panel__section, .ndzn-app__India_Store .panel--parent-category--India_Store .panel__section {
  --tw-bg-opacity: 1;
  background-color: rgb(227 161 59/var(--tw-bg-opacity))
}
.ndzn-app__India_Store .region-flag-container {
  filter: drop-shadow(-5px -5px 24px #E09929)
}
.ndzn-app__India_Store .active-rectangle, .ndzn-app__India_Store .active-rectangle-blur, .ndzn-app__India_Store .btn.btn--info, .ndzn-app__India_Store .btn.btn--info.btn--add, .ndzn-app__India_Store .category-info, .ndzn-app__India_Store .content-category .package-buttons .btn.btn--success-v2, .ndzn-app__India_Store .content-category .package-discount-percentage--images, .ndzn-app__India_Store .content-category .package-expires {
  --tw-bg-opacity: 1;
  background-color: rgb(227 161 59/var(--tw-bg-opacity))
}
.ndzn-app__India_Store .btn.btn--info .btn.btn--info.btn--discord, .ndzn-app__India_Store .btn.btn--info.btn--add .btn.btn--info.btn--discord {
  --tw-bg-opacity: 1;
  background-color: rgb(93 99 177/var(--tw-bg-opacity))
}
.panel--parent-category--Brazil_Store a {
  display: block
}
.panel--parent-category--Brazil_Store .panel__section {
  --tw-bg-opacity: 1;
  background-color: rgb(93 177 102/var(--tw-bg-opacity))
}
.panel--parent-category--Brazil_Store .panel__section .region-flag-container {
  filter: drop-shadow(-5px -5px 24px #47944F)
}
.ndzn-app__Brazil_Store .category-sidebar .panel__section {
  --tw-bg-opacity: 1;
  background-color: rgb(93 177 102/var(--tw-bg-opacity))
}
.ndzn-app__Brazil_Store .region-flag-container {
  filter: drop-shadow(-5px -5px 24px #47944F)
}
.ndzn-app__Brazil_Store .active-rectangle, .ndzn-app__Brazil_Store .active-rectangle-blur, .ndzn-app__Brazil_Store .btn.btn--info, .ndzn-app__Brazil_Store .btn.btn--info.btn--add, .ndzn-app__Brazil_Store .category-info, .ndzn-app__Brazil_Store .content-category .package-buttons .btn.btn--success-v2, .ndzn-app__Brazil_Store .content-category .package-discount-percentage--images, .ndzn-app__Brazil_Store .content-category .package-expires {
  --tw-bg-opacity: 1;
  background-color: rgb(93 177 102/var(--tw-bg-opacity))
}
.ndzn-app__Brazil_Store .btn.btn--info.btn--discord {
  --tw-bg-opacity: 1;
  background-color: rgb(93 99 177/var(--tw-bg-opacity))
}
.panel--parent-category--Spain_Store a {
  display: block
}
.panel--parent-category--Spain_Store .panel__section {
  --tw-bg-opacity: 1;
  background-color: rgb(223 68 68/var(--tw-bg-opacity))
}
.panel--parent-category--Spain_Store .panel__section .region-flag-container {
  filter: drop-shadow(-5px -5px 24px #D63838)
}
.ndzn-app__Spain_Store .category-sidebar .panel__section, .ndzn-app__Spain_Store .panel--parent-category--Spain_Store .panel__section {
  --tw-bg-opacity: 1;
  background-color: rgb(223 68 68/var(--tw-bg-opacity))
}
.ndzn-app__Spain_Store .region-flag-container {
  filter: drop-shadow(-5px -5px 24px #D63838)
}
.ndzn-app__Spain_Store .active-rectangle, .ndzn-app__Spain_Store .active-rectangle-blur, .ndzn-app__Spain_Store .btn.btn--info, .ndzn-app__Spain_Store .btn.btn--info.btn--add, .ndzn-app__Spain_Store .category-info, .ndzn-app__Spain_Store .content-category .package-buttons .btn.btn--success-v2, .ndzn-app__Spain_Store .content-category .package-discount-percentage--images, .ndzn-app__Spain_Store .content-category .package-expires {
  --tw-bg-opacity: 1;
  background-color: rgb(223 68 68/var(--tw-bg-opacity))
}
.ndzn-app__Spain_Store .btn.btn--info.btn--discord {
  --tw-bg-opacity: 1;
  background-color: rgb(93 99 177/var(--tw-bg-opacity))
}
.packages-container {
  margin-top: 1.75rem
}
.packages-container.packages-container--no-packages {
  display: block !important
}
.packages-container.packages-container--no-packages p {
  margin-bottom: 0
}
.panel.panel--no-packages .panel__body {
  margin-top: 0
}
.panel.panel--desc {
  margin-top: 1.75rem
}
.category-mainbar {
  width: 100%
}
.panel--category-heading {
  padding: 1.75rem
}
.package-image {
  cursor: pointer
}
.content-category.is-images .packages-container {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%
}
.content-category.is-images .is-package {
  flex-direction: column;
  width: 100%
}
.content-category.is-images .is-package .is-package__inner {
  display: flex;
  flex-direction: column;
  height: 100%
}
.content-category.is-images .package-image {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(36 36 46/var(--tw-bg-opacity));
  border-radius: 5px;
  display: flex;
  height: 219px;
  justify-content: center
}
.content-category.is-images .package-image img {
  width: 72px
}
.content-category.is-images .package-image--small {
  height: 187px
}
.content-category.is-images .package-price {
  display: flex;
  gap: .5rem;
  justify-content: center;
  margin-bottom: 29px
}
.content-category.is-images .package-name {
  justify-content: center;
  margin-bottom: 16px;
  margin-top: 27px;
  text-align: center
}
.content-category.is-images .package-discount-percentage--images {
  position: absolute;
  right: 36px;
  top: 36px
}
.content-category.is-images .package-expires {
  justify-content: center
}
.content-category.is-images .package-expires svg {
  margin-left: 0
}
.content-category.is-images .package-buttons {
  margin-top: auto
}
.content-category.is-list .packages-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%
}
.content-category.is-list .packages-container .is-package {
  width: 100%
}
.content-category.is-list .packages-container .is-package .is-package__inner {
  align-items: center;
  display: flex;
  width: 100%
}
.content-category.is-list .package-image {
  flex: 0 0 136px;
  margin-right: 1.5rem;
  width: 136px
}
.content-category.is-list .package-name {
  gap: 1.5rem;
  margin-bottom: 14px;
  max-width: 350px
}
.content-category.is-list .package-buttons {
  margin-left: auto
}
.content-category.is-list .package-buttons .btn.btn--danger, .content-category.is-list .package-buttons .btn.btn--success-v2 {
  width: 216px
}
.content-category {
  align-items: flex-start;
  flex-direction: row;
  gap: 1.5rem
}
.content-category, .content-category .is-package {
  display: flex
}
.content-category .is-package {
  --tw-bg-opacity: 1;
  background-color: rgba(69,69,117,0.2);
  border-radius: 5px;
  flex-direction: column;
  width: 332px
}
.content-category .is-package .is-package__inner {
  padding: 24px;
  position: relative
}
.content-category .package-image {
  --tw-bg-opacity: 1;
  align-items: center;
  border-radius: 5px;
  display: flex;
  height: 78px;
  justify-content: center
}
.content-category .package-image img {
  width: 33px
}
.content-category .package-image.has-image img {
  height: 80%;
  width: auto
}
.content-category .package-name {
  word-wrap: break-word;
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: flex;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px
}
.content-category .package-price {
  display: flex;
  gap: .5rem
}
.content-category .package-price .price-actual {
  --tw-text-opacity: 1;
  color: rgb(75 255 82/var(--tw-text-opacity));
  font-size: 14px;
  font-weight: 700;
  line-height: 17px
}
.content-category .package-price .price-discount {
  color: #ff4b55a1;
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through
}
.content-category .package-buttons {
  display: flex;
  gap: .75rem
}
.content-category .package-buttons .btn.btn--grey-v2 {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(51 51 66/var(--tw-bg-opacity));
  border-radius: 5px;
  display: flex;
  height: 56px;
  justify-content: center;
  padding-bottom: .75rem;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: .75rem;
  width: 56px
}
.content-category .package-buttons .btn.btn--success-v2 {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(93 99 177/var(--tw-bg-opacity));
  border-radius: 5px;
  display: flex;
  gap: 1rem;
  justify-content: center;
  margin-left: auto;
  padding-bottom: 1rem;
  padding-top: 1rem;
  width: 100%
}
.content-category .package-buttons .btn.btn--danger {
  align-items: center;
  background: rgba(223, 68, 68, .1);
  border-radius: 5px;
  display: flex;
  gap: 1rem;
  justify-content: center;
  margin-left: auto;
  padding: 1rem;
  width: 100%
}
.content-category .package-buttons .btn.btn--danger span {
  --tw-text-opacity: 1;
  color: rgb(223 68 68/var(--tw-text-opacity))
}
.content-category .package-buttons .btn.btn--danger path {
  fill: #df4444
}
.content-category .package-discount-percentage--images {
  --tw-bg-opacity: 1;
  background-color: rgb(93 99 177/var(--tw-bg-opacity));
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  height: 26px;
  padding-bottom: 1px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1px;
  white-space: nowrap
}
.content-category .package-expires {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(93 99 177/var(--tw-bg-opacity));
  border-radius: 5px 5px 0 0;
  display: flex;
  gap: .75rem;
  height: 32px;
  left: 0;
  padding-bottom: 7px;
  padding-top: 7px;
  right: 0
}
.content-category .package-expires span {
  font-size: 14px;
  font-weight: 700;
  line-height: 17px
}
.content-category .package-expires svg {
  margin-left: 25px
}
@media (max-width:1500px) {
  .content-category.is-list .package-name {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 10px
  }
  .content-category.is-images .packages-container {
    grid-template-columns: 1fr 1fr
  }
}
@media (max-width:1300px) {
  .content-category.is-list .package-name {
    max-width: 300px;
    padding-right: 20px
  }
}
@media (max-width:1250px) {
  .content-category.is-list .package-image {
    display: none
  }
}
@media (max-width:1200px) {
  .category-sidebar {
    display: none
  }
  .content-category.is-list .package-image, .content-category.is-list .package-name {
    display: flex
  }
  .content-category.is-list .package-name {
    align-items: flex-start;
    flex-direction: row;
    gap: 1.5rem;
    max-width: 450px
  }
  .content-category.is-images .package-name {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem
  }
  .content-category.is-images .package-price {
    margin-bottom: 1.25rem
  }
}
@media (max-width:900px) {
  .content-category.is-list .package-name {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 10px
  }
  .content-category .is-package .package-name {
    font-size: 18px
  }
  .content-category .is-package .package-buttons .btn {
    gap: .625rem
  }
  .content-category .is-package .package-buttons .btn.btn--grey-v2 {
    height: 44px;
    padding-bottom: .25rem;
    padding-left: 19px;
    padding-right: 19px;
    padding-top: .25rem;
    width: 44px
  }
  .content-category .is-package .package-buttons .btn.btn--success-v2 {
    padding-bottom: .25rem;
    padding-top: .25rem;
    width: 186px
  }
  .content-category .is-package .package-buttons .btn.btn--success-v2 span {
    font-size: 14px
  }
  .content-category .is-package .package-buttons .btn.btn--success-v2 svg {
    height: 18px;
    width: 18px
  }
  .content-category .is-package .package-buttons .btn.btn--danger {
    padding-bottom: .25rem;
    padding-top: .25rem;
    width: 186px
  }
  .content-category .is-package .package-buttons .btn.btn--danger span {
    font-size: 14px
  }
  .content-category .is-package .package-buttons .btn.btn--danger svg {
    height: 18px;
    width: 18px
  }
  .content-category .is-package .package-price .price-actual {
    font-size: 12px
  }
  .content-category .is-package .package-price .price-discount {
    font-size: 11px
  }
  .content-category.is-images .package-name {
    margin-bottom: 1rem;
    margin-top: 1rem
  }
  .content-category.is-images .package-price {
    margin-bottom: 1rem
  }
  .content-category.is-images .package-image {
    height: 180px;
    margin-left: auto;
    margin-right: auto;
    width: 300px
  }
  .content-category.is-images .package-image--small {
    height: 148px
  }
  .content-category.is-images .package-buttons {
    justify-content: center
  }
  .content-category.is-images .package-buttons .btn.btn--danger, .content-category.is-images .package-buttons .btn.btn--success-v2 {
    margin-left: 0
  }
}
@media (max-width:850px) {
  .content-category.is-list .package-image {
    display: none
  }
}
@media (max-width:780px) {
  .content-category.is-list .is-package .package-discount-percentage {
    display: none
  }
  .content-category.is-list .is-package .is-package__inner {
    flex-direction: column;
    gap: 16px;
    padding-left: 24px;
    padding-right: 24px
  }
  .content-category.is-list .is-package .package-buttons {
    margin-left: 0
  }
  .content-category.is-list .is-package .package-info .package-name {
    padding-right: 0;
    text-align: center
  }
  .content-category.is-list .is-package .package-info .package-price {
    justify-content: center
  }
  .content-category.is-list .is-package .package-image {
    display: flex;
    flex: 0 0 200px;
    height: 200px;
    margin-right: 0;
    width: 300px
  }
  .content-category.is-list .is-package .package-image img {
    width: 73px
  }
  .content-category.is-list .is-package .package-image.has-image img {
    width: auto
  }
  .content-category.is-list .package-expires {
    justify-content: center
  }
  .content-category.is-list .package-expires svg {
    margin-left: 0
  }
  .content-category.is-images .packages-container {
    grid-template-columns: 1fr
  }
  .content-category.is-images .is-package .package-discount-percentage {
    display: none
  }
  .content-category.is-images .package-discount-percentage--images {
    right: 76px
  }
}
@media (max-width:550px) {
  .content-category.is-images .package-buttons, .content-category.is-images .package-buttons .btn.btn--danger, .content-category.is-images .package-buttons .btn.btn--success-v2, .content-category.is-list .package-buttons, .content-category.is-list .package-buttons .btn.btn--danger, .content-category.is-list .package-buttons .btn.btn--success-v2 {
    width: 100%
  }
}
@media (max-width:400px) {
  .content-category.is-images .is-package .is-package__inner {
    padding: 16px
  }
  .content-category.is-images .is-package .package-image {
    flex: 0 0 170px;
    height: 170px;
    width: 250px
  }
  .content-category.is-images .is-package .package-image--small {
    flex: 0 0 138px;
    height: 138px
  }
  .content-category.is-list .is-package .package-image {
    flex: 0 0 170px;
    height: 170px;
    width: 250px
  }
  .content-category.is-list .is-package .package-image img {
    width: 73px
  }
}
@media (max-width:370px) {
  .content-category.is-list>.packages-container {
    gap: 15px !important
  }
}
.panel--checkout--packageInCart .panel__body {
  margin-top: 1.75rem
}
.panel--checkout--packageInCart .cart-items {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(2, minmax(0, 1fr))
}
.panel.panel--checkout--summary {
  margin-top: 80px
}
.panel.panel--checkout--summary .panel__heading {
  align-items: flex-start;
  flex-direction: column
}
.panel.panel--checkout--summary .panel__heading .h3, .panel.panel--checkout--summary .panel__heading p {
  display: block
}
.panel.panel--checkout--summary .panel__heading p {
  opacity: .5
}
.panel.panel--checkout--summary .panel__heading .green {
  --tw-text-opacity: 1;
  color: rgb(0 248 184/var(--tw-text-opacity))
}
.panel.panel--checkout--summary .panel__section {
  display: flex
}
.panel.panel--checkout--summary .panel__body {
  margin-left: auto
}
.panel.panel--checkout--summary .checkout-buttons {
  font-size: 0;
  gap: 12px
}
.panel.panel--checkout--summary .checkout-buttons, .panel.panel--checkout--summary .checkout-buttons .btn {
  align-items: center;
  display: flex
}
.panel.panel--checkout--summary .checkout-buttons .btn {
  border-radius: 5px;
  height: 64px;
  justify-content: center
}
.panel.panel--checkout--summary .checkout-buttons .btn span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 700;
  line-height: 20px
}
.panel.panel--checkout--summary .checkout-buttons .btn--grey {
  flex: 0 0 149px;
  opacity: .5;
  width: 149px
}
.panel.panel--checkout--summary .checkout-buttons .btn--grey:focus, .panel.panel--checkout--summary .checkout-buttons .btn--grey:hover {
  opacity: .7
}
.panel.panel--checkout--summary .checkout-buttons .btn--grey svg {
  margin-right: 18px
}
.panel.panel--checkout--summary .checkout-buttons .btn--success {
  flex: 0 0 612px;
  width: 612px
}
.panel.panel--checkout--summary .checkout-buttons .btn--success svg {
  margin-right: 1rem
}
@media(max-width:1200px) {
  .panel.panel--checkout--summary {
    margin-top: 3rem
  }
  .panel.panel--checkout--summary .panel__body {
    margin-top: 0
  }
  .panel.panel--checkout--summary .panel__section {
    align-items: center
  }
  .panel.panel--checkout--summary .checkout-buttons .btn--success {
    flex: 0 0 350px;
    width: 350px
  }
  .panel--checkout--packageInCart .cart-items {
    grid-template-columns: 1fr
  }
}
@media(max-width:900px) {
  .panel.panel--checkout--summary {
    margin-top: 1.75rem !important
  }
  .panel.panel--checkout--summary .panel__section {
    flex-direction: column
  }
  .panel.panel--checkout--summary .panel__section .panel__heading {
    align-items: center
  }
  .panel.panel--checkout--summary .panel__heading .h3 {
    font-size: 21px;
    line-height: 34px
  }
  .panel.panel--checkout--summary .panel__heading p {
    font-size: 14px;
    line-height: 22px
  }
  .panel.panel--checkout--summary .panel__body {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.75rem
  }
  .panel.panel--checkout--summary .panel__body .checkout-buttons .btn {
    height: 54px;
    line-height: 54px
  }
  .panel.panel--checkout--summary .panel__body .checkout-buttons .btn svg {
    margin-right: .875rem
  }
  .panel.panel--checkout--summary .panel__body .checkout-buttons .btn span {
    font-size: 15px
  }
  .panel.panel--checkout--summary .panel__body .checkout-buttons .btn--grey svg {
    flex: 0 0 16px;
    width: 16px
  }
  .panel.panel--checkout--summary .panel__body .checkout-buttons .btn--success svg {
    width: 20px
  }
}
@media(max-width:650px) {
  .panel.panel--checkout--summary .panel__body .checkout-buttons .btn--success {
    flex: 0 0 250px;
    width: 250px
  }
}
@media(max-width:490px) {
  .panel.panel--checkout--summary .panel__body {
    margin-left: 0;
    margin-right: 0;
    width: 100%
  }
  .panel.panel--checkout--summary .checkout-buttons {
    flex-direction: column-reverse
  }
  .panel.panel--checkout--summary .checkout-buttons .btn--grey, .panel.panel--checkout--summary .checkout-buttons .btn--success {
    flex: 1 1 auto !important;
    width: 100% !important
  }
  .panel.panel--checkout--packageInCart .panel__heading .h3, .panel.panel--checkout--summary .panel__heading .h3 {
    font-size: 19px;
    line-height: 27px
  }
}
.options-container .panel__body {
  margin-top: 0
}
.options-container .input, .options-container input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  min-height: 72px
}
.options-container .btn--currency {
  align-items: center;
  background-color: #ffffff0d;
  border-radius: 5px;
  display: flex;
  height: 48px;
  padding-left: 18px;
  padding-right: 18px
}
.options-container .btn--currency svg {
  fill: #a3a3ac;
  margin-left: .75rem
}
.options-container .btn--currency svg path {
  fill: #a3a3ac
}
.options-container .btn--currency span {
  --tw-text-opacity: 1;
  color: rgb(163 163 172/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 600;
  line-height: 20px
}
.options-container .btn--discord {
  align-items: center;
  border-radius: 5px;
  display: flex;
  justify-content: center
}
.options-container .btn--discord svg {
  margin-right: 1.25rem
}
.options-form {
  display: grid;
  font-size: 0;
  gap: .75rem;
  grid-template-columns: repeat(1, minmax(0, 1fr))
}
.options-form .alert {
  margin-bottom: 0 !important;
  margin-top: 0 !important
}
.options-form>.btn--info {
  align-items: center;
  border-radius: 5px;
  display: flex;
  font-size: 16px;
  justify-content: center;
  padding-bottom: 25px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.5rem
}
.options-form>.btn--info svg {
  margin-right: 1rem
}
.form-group-discord {
  display: grid;
  gap: .75rem;
  grid-template-columns: 272px auto
}
.form-group-discord .form-group__inner input {
  padding-right: 58px
}
.menu.menu--currency-container {
  align-items: center;
  bottom: 0;
  display: flex;
  height: 48px;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  right: .75rem;
  top: 0
}
.menu.menu--currency-container.menu--open .btn--currency {
  background-color: #ffffff12;
  position: relative;
  z-index: 3
}
.menu.menu--currency-container .menu__dd {
  border-radius: 5px;
  display: grid;
  gap: .5rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: .75rem;
  right: 0;
  width: 120px;
  z-index: 10
}
.menu.menu--currency-container .menu__dd:before {
  border-bottom: 9px solid #4c4c5d;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  content: "";
  display: block;
  position: absolute;
  right: 2rem;
  top: -9px
}
.menu.menu--currency-container .menu__dd--currency {
  --tw-bg-opacity: 1;
  background-color: rgb(76 76 93/var(--tw-bg-opacity))
}
.menu.menu--currency-container .menu__dd--currency a {
  --tw-text-opacity: 1;
  border-radius: 5px;
  color: rgb(163 163 172/var(--tw-text-opacity));
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  height: 26px;
  line-height: 26px;
  text-align: center
}
.menu.menu--currency-container .menu__dd--currency a.active {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  color: rgb(76 76 93/var(--tw-text-opacity))
}
.menu.menu--currency-container .menu__dd--currency a.active:focus, .menu.menu--currency-container .menu__dd--currency a.active:hover {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  color: rgb(76 76 93/var(--tw-text-opacity))
}
.menu.menu--currency-container .menu__dd--currency a:focus, .menu.menu--currency-container .menu__dd--currency a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(84 84 103/var(--tw-bg-opacity))
}
.content-options .panel--options .panel__body {
  padding: 48px
}
@media(max-width:900px) {
  .options-form .btn--info span {
    font-size: 16px
  }
  .options-form .btn--info svg {
    margin-right: .75rem
  }
  .options-form .alert svg {
    display: none
  }
  .options-form .alert span {
    font-size: 14px;
    line-height: 22px
  }
}
@media(max-width:720px) {
  .form-group.server-choice .form-group__inner {
    position: relative
  }
  .form-group.server-choice .form-group__inner:before {
    --tw-gradient-from: transparent;
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #3e3e51;
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    content: "";
    display: block;
    height: 72px;
    pointer-events: none;
    position: absolute;
    right: 87px;
    top: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 20px;
    z-index: 3
  }
  .form-group-discord .form-group__inner input {
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }
  .form-group-discord {
    grid-template-columns: none;
    grid-template-rows: auto auto
  }
  .form-group-discord .btn--discord {
    min-height: 72px
  }
  .form-group-discord .form-group__inner input {
    padding-left: 40px
  }
  .form-group-amount .form-group__inner input {
    padding-right: 106px
  }
  .options-container .btn--discord svg {
    margin-right: .75rem
  }
}
@media(max-width:650px) {
  .content-options .panel--options .panel__body {
    padding: 1.5rem
  }
}
@media(max-width:560px) {
  .options-form .alert {
    padding: 1rem !important
  }
}
@media (max-width:500px) {
  .options-container .btn--currency {
    height: 42px;
    line-height: 42px;
    padding-left: .875rem;
    padding-right: .875rem
  }
  .options-form .btn--discord, .options-form .form-group>.form-group__inner>input, .options-form .input-form-addon, .options-form .input-options {
    min-height: 64px
  }
  .options-form .btn--info {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
  }
  .options-form .btn--danger svg, .options-form .btn--info svg {
    height: 18px;
    width: 18px
  }
  .options-form .btn span, .options-form .input, .options-form input {
    font-size: 14px !important
  }
  .form-group-amount .form-group__inner input {
    padding-right: 97px
  }
  .form-group .btn--discord svg {
    height: 24px;
    width: 24px
  }
  .form-group .form-group__inner .svg-dd {
    right: .875rem
  }
  .form-group.server-choice .form-group__inner:before {
    height: 64px;
    right: 47px
  }
  .form-group-discord .form-group__inner input, .input, input {
    padding-left: 1.5rem
  }
  .input, input {
    padding-right: 3rem
  }
  #modal-shopping .panel {
    padding: 1.25rem
  }
}
@media(max-width:370px) {
  .content-options .panel--options .panel__body {
    padding: 15px
  }
}
#ndzn-login-header {
  position: relative;
  z-index: 8
}
#ndzn-login-header .container {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-top: 100px
}
#ndzn-login-header .login-header__logo {
  display: inline-block;
  margin-bottom: 80px
}
#ndzn-login-header .login-header__logo img {
  flex: 0 0 212px;
  width: 212px
}
#ndzn-login-header .transparent-logo {
  pointer-events: none;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: -1
}
#ndzn-login-header .transparent-logo>img {
  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-login-header .transparent-logo__left {
  left: 0;
  top: 0
}
#ndzn-login-header .transparent-logo__left img {
  width: 370px
}
#ndzn-login-header .transparent-logo__right {
  right: 0;
  top: 50px
}
#ndzn-login-header .transparent-logo__right img {
  width: 280px
}
#ndzn-login-component h1 {
  display: block;
  font-size: 40px;
  font-weight: 700;
  line-height: 72px
}
.ndzn-login-component__inner {
  text-align: center
}
.ndzn-login-component__inner>h1 {
  display: block;
  font-size: 40px;
  font-weight: 700;
  line-height: 72px
}
.ndzn-login-component__inner>p {
  font-size: 16px;
  font-weight: 400;
  line-height: 29px;
  margin-top: .5rem
}
.ndzn-login-component__inner>.btn--success {
  align-items: center;
  border-radius: 5px;
  display: inline-flex;
  height: 64px;
  line-height: 64px;
  margin-top: 2rem;
  padding-bottom: 0;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 0
}
.ndzn-login-component__inner>.btn--success:focus svg, .ndzn-login-component__inner>.btn--success:hover svg {
  --tw-rotate: 360deg;
  --tw-scale-x: 1.3;
  --tw-scale-y: 1.3;
  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-login-component__inner>.btn--success svg {
  margin-left: 1.25rem;
  transition-duration: .8s
}
.ndzn-login-component__inner>.btn--success span {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px
}
.ndzn-login-component__inner .login-error {
  margin-top: 1rem
}
.ndzn-login-component__inner .login-error .alert {
  display: inline-flex;
  justify-content: center;
  text-align: left
}
@media(max-width:1050px) {
  #ndzn-login-header {
    margin-bottom: -40px
  }
  #ndzn-login-header .transparent-logo__left img, #ndzn-login-header .transparent-logo__right img {
    width: 220px
  }
  #ndzn-login-header .container {
    padding-top: 60px
  }
  #ndzn-login-header .login-header__logo {
    margin-bottom: 60px
  }
  #ndzn-login-component h1 {
    font-size: 26px;
    line-height: 44px
  }
  .ndzn-login-component__inner>p {
    font-size: 14px;
    line-height: 25px
  }
  .ndzn-login-component__inner .alert.alert--red {
    padding: 1rem
  }
  .ndzn-login-component__inner .alert.alert--red svg {
    flex: 0 0 18px;
    margin-right: 1rem;
    width: 18px
  }
  .ndzn-login-component__inner .alert.alert--red span {
    font-size: 13px
  }
  .ndzn-login-component__inner>.btn--success {
    height: 56px;
    line-height: 56px;
    margin-top: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }
  .ndzn-login-component__inner>.btn--success span {
    font-size: 13px
  }
  .ndzn-login-component__inner>.btn--success svg {
    flex: 0 0 18px;
    margin-left: 1rem;
    width: 18px
  }
}
@media(max-width:560px) {
  #ndzn-login-header .transparent-logo__left img {
    width: 150px
  }
  #ndzn-login-header .transparent-logo__right img {
    width: 140px
  }
  .ndzn-login-component__inner .alert.alert--red {
    padding: 1rem !important
  }
  .ndzn-login-component__inner .alert.alert--red svg {
    display: none
  }
  .ndzn-login-component__inner .alert.alert--red span {
    line-height: 24px;
    text-align: center
  }
  #ndzn-login-component h1 {
    font-size: 22px;
    line-height: 32px
  }
}