:root {
  --spacing: 24px;
  --fontMdi: "Material Design Icons";
  --fontRusso: "Russo One", sans-serif;
  --fontPoppins: "Poppins", sans-serif
}
@media(max-width:750px) {
  :root {
    --spacing: 12px
  }
}
.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;
  border-radius: 6px;
  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--close, .btn.btn--danger, .btn.btn--gift, .btn.btn--grey, .btn.btn--grey-v2, .btn.btn--grey-v3, .btn.btn--information, .btn.btn--pink, .btn.btn--purple, .btn.btn--white-transparent {
  position: relative
}
.btn.btn--close:before, .btn.btn--danger:before, .btn.btn--gift:before, .btn.btn--grey-v2:before, .btn.btn--grey-v3:before, .btn.btn--grey:before, .btn.btn--information:before, .btn.btn--pink:before, .btn.btn--purple:before, .btn.btn--white-transparent:before {
  border-color: #ffffff0d;
  border-radius: 6px;
  border-style: solid;
  border-width: 2px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
.btn.btn--white-transparent {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.btn.btn--danger {
  --tw-bg-opacity: 1;
  background-color: rgb(229 58 58/var(--tw-bg-opacity))
}
.btn.btn--purple {
  --tw-bg-opacity: 1;
  background-color: rgb(149 52 231/var(--tw-bg-opacity))
}
.btn.btn--purple-2 {
  --tw-bg-opacity: 1;
  background-color: rgb(58 38 74/var(--tw-bg-opacity))
}
.btn.btn--pink {
  --tw-bg-opacity: 1;
  background-color: rgb(137 97 173/var(--tw-bg-opacity))
}
.btn.btn--gift {
  --tw-bg-opacity: 1;
  background-color: rgb(93 63 121/var(--tw-bg-opacity))
}
.btn.btn--blue-purple {
  background: linear-gradient(65deg, #6f51e0, #a62ccf)
}
*, :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
}
.mt-2 {
  margin-top: .5rem
}
.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
}
.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, html {
  min-height: 100%
}
body {
  --tw-bg-opacity: 1;
  background-color: rgb(18 12 23/var(--tw-bg-opacity));
  font-family: Poppins, sans-serif
}
#ndzn-app, body {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  position: relative
}
#ndzn-app {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100vh;
  opacity: 1;
  visibility: visible
}
#ndzn-app, .ndzn-bg {
  overflow: hidden
}
.ndzn-bg {
  left: 0;
  position: absolute;
  top: 0;
  z-index: -1
}
.ndzn-bg, .ndzn-bg .ndzn-bg__img {
  width: 100%
}
.ndzn-bg:after, .ndzn-bg:before {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.ndzn-bg:after {
  --tw-gradient-from: transparent;
  --tw-gradient-to: transparent;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #120c17;
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  bottom: 0;
  content: "";
  display: block;
  height: 384px;
  left: 0;
  position: absolute;
  width: 100%
}
[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;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  transition-delay: .1s;
  transition-duration: .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  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: 1408px;
  padding-left: 1.5rem;
  padding-right: 1.5rem
}
.ndzn-js--dd.open .ndzn-js--ddMenu {
  opacity: 1;
  visibility: visible
}
.ndzn-js--dd .ndzn-js--ddMenu {
  visibility: hidden
}
.input, input {
  --tw-bg-opacity: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgb(78 53 100/var(--tw-bg-opacity));
  border-radius: 6px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  width: 100%
}
.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:after {
  border-color: #ffffff05;
  border-radius: 6px;
  border-style: solid;
  border-width: 2px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  z-index: 3
}
a {
  font-weight: 700;
  transition-duration: .2s
}
a:hover {
  --tw-brightness: brightness(1.25);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, ol:first-child, p:first-child, ul:first-child {
  margin-top: 0 !important
}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, ol:last-child, p:last-child, ul:last-child {
  margin-bottom: 0 !important
}
h1, h2, h3, h4, h5, h6 {
  font-family: Russo One, sans-serif;
  margin: 36px 0
}
h1 {
  font-size: 24px;
  line-height: 43px;
  padding-left: 37px;
  position: relative
}
h1:before {
  --tw-bg-opacity: 1;
  background-color: rgb(149 52 231/var(--tw-bg-opacity));
  border-radius: 10px;
  content: "";
  display: block;
  height: 4px;
  left: 0;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  top: 18px;
  width: 20px
}
h2 {
  font-size: 20px;
  line-height: 39px
}
h3 {
  font-size: 19px;
  line-height: 37px
}
h4 {
  font-size: 18px;
  line-height: 35px
}
h5 {
  font-size: 17px;
  line-height: 33px
}
h6 {
  line-height: 31px
}
h6, p {
  font-size: 16px
}
p {
  font-weight: 500;
  line-height: 26px;
  margin-bottom: .875rem;
  margin-top: .875rem
}
ol, ul {
  margin-bottom: var(--spacing);
  margin-top: var(--spacing)
}
ol li:not(:first-of-type), ul li:not(:first-of-type) {
  margin-top: .75rem
}
ul {
  list-style-type: circle
}
ol {
  list-style-type: decimal
}
ol li:not(:first-of-type) {
  margin-top: .75rem
}
ol li, ul li {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  margin-left: 1.5rem
}
.page-content {
  flex: 1 1 auto;
  width: 100%
}
.page-content .panel {
  margin-top: var(--spacing)
}
.panel {
  --tw-bg-opacity: 1;
  --tw-shadow: 0px 4px 20px 0px #00000026;
  --tw-shadow-colored: 0px 4px 20px 0px var(--tw-shadow-color);
  background-color: rgb(39 26 50/var(--tw-bg-opacity));
  border: 2px solid #ffffff08;
  border-radius: 6px;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  position: relative
}
.content-homepage .panel, .panel:not(:first-of-type) {
  margin-top: var(--spacing)
}
.panel__heading {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
  padding-top: 2.25rem
}
.panel__heading.panel__heading--big {
  --tw-bg-opacity: 1;
  background-color: rgb(149 52 231/var(--tw-bg-opacity));
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  min-height: 113px;
  overflow: hidden;
  padding-bottom: 42px;
  padding-top: 42px;
  position: relative
}
.panel__heading.panel__heading--big:before {
  --tw-rotate: 40deg;
  --tw-bg-opacity: 1;
  background-color: rgb(172 95 236/var(--tw-bg-opacity));
  content: "";
  display: block;
  height: 600px;
  left: -110px;
  pointer-events: none;
  position: absolute;
  top: -300px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 500px
}
.panel__heading.panel__heading--big .h3 {
  font-family: var(--fontRusso);
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  position: relative;
  text-transform: uppercase;
  z-index: 3
}
.panel__heading h1 {
  margin-bottom: 0;
  margin-top: 0
}
.panel__body {
  padding: 2.25rem
}
.panel__body a {
  --tw-text-opacity: 1;
  color: rgb(236 214 95/var(--tw-text-opacity));
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}
.menu {
  position: relative
}
.menu .menu__dd {
  --tw-bg-opacity: 1;
  background-color: rgb(91 61 117/var(--tw-bg-opacity));
  border-radius: 6px;
  opacity: 0;
  position: absolute;
  top: 100%;
  transition-duration: .2s;
  visibility: hidden
}
.menu .menu__dd:before {
  border-bottom: 8px solid #654879;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  top: -8px;
  width: 0
}
.menu .menu__toggle svg {
  transition-duration: .2s
}
.menu.open .menu__dd {
  opacity: 1;
  top: calc(100% + 12px);
  visibility: visible
}
.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-main {
  display: flex;
  flex: 1 1 auto;
  gap: 24px;
  width: 100%
}
#ndzn-notification {
  margin-top: var(--spacing)
}
.alert.alert--red {
  --tw-bg-opacity: 1;
  align-items: flex-start;
  background-color: rgb(229 58 58/var(--tw-bg-opacity));
  border: 2px solid #ffffff1a;
  border-radius: 6px;
  display: flex;
  overflow: hidden;
  padding: 1.5rem;
  position: relative;
  text-align: left
}
.alert.alert--red:before {
  --tw-rotate: 20deg;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  content: "";
  display: block;
  height: calc(100% + 160px);
  left: -100px;
  opacity: .1;
  pointer-events: none;
  position: absolute;
  top: -90px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 400px
}
.alert.alert--red svg {
  -webkit-animation: Breath 2s linear 1s infinite running;
  animation: Breath 2s linear 1s infinite running;
  flex: 0 0 24px;
  margin-right: var(--spacing);
  margin-top: .125rem;
  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))
}
.alert.alert--red span {
  font-size: 16px;
  font-weight: 700;
  line-height: 28px
}
@-webkit-keyframes Breath {
  0% {
    transform: scale(1.2)
  }
  50% {
    transform: scale(.9)
  }
  to {
    transform: scale(1.2)
  }
}
@keyframes Breath {
  0% {
    transform: scale(1.2)
  }
  50% {
    transform: scale(.9)
  }
  to {
    transform: scale(1.2)
  }
}
@media(max-width:1200px) {
  .container {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
}
@media(max-width:1050px) {
  .panel__heading {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.5rem
  }
  .panel__body {
    padding: 1.5rem
  }
}
@media(max-width:650px) {
  .container {
    padding-left: 1rem;
    padding-right: 1rem
  }
  .panel__body, .panel__heading {
    padding-left: .75rem;
    padding-right: .75rem;
    text-align: center
  }
  .panel__body, .panel__heading {
    padding-bottom: .75rem;
    padding-top: .75rem
  }
  .panel__body a, .panel__body b, .panel__body li, .panel__body p, .panel__body span, .panel__body strong, p {
    font-size: 14px
  }
  p {
    line-height: 25px
  }
  ol, ul {
    text-align: start
  }
  h1, h2, h3, h4, h5, h6 {
    margin-bottom: 30px;
    margin-top: 30px;
    padding: 0
  }
  h1:before, h2:before, h3:before, h4:before, h5:before, h6:before {
    bottom: -10px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    right: 0;
    width: 22px
  }
  h1 {
    font-size: 20px;
    line-height: 30px
  }
  h2 {
    font-size: 19px;
    line-height: 29px
  }
  h3 {
    font-size: 18px;
    line-height: 28px
  }
  h4 {
    font-size: 17px;
    line-height: 27px
  }
  h5 {
    font-size: 16px;
    line-height: 26px
  }
  h6 {
    font-size: 15px;
    line-height: 25px
  }
}
@media(max-width:540px) {
  .alert.alert--red {
    padding: 1rem 1.25rem
  }
  .alert.alert--red:before {
    left: -300px
  }
  .alert.alert--red span {
    line-height: 24px
  }
}
@media(max-width:390px) {
  .alert.alert--red svg {
    display: none
  }
  .alert.alert--red span {
    font-size: 14px
  }
}
.modal-wrap {
  --tw-bg-opacity: 0.95;
  align-items: center;
  background-color: rgb(18 12 23/var(--tw-bg-opacity));
  bottom: 0;
  display: grid;
  grid-template-columns: minmax(auto, 600px);
  grid-template-rows: auto 0;
  height: 100%;
  justify-content: center;
  left: 0;
  overflow: hidden;
  overflow-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, 886px);
  padding-left: 100px;
  padding-right: 100px
}
.modal.is-slideout .modal-wrap {
  grid-template-columns: minmax(auto, 575px)
}
.modal-wrap {
  padding-bottom: 80px;
  padding-top: 80px
}
.modal-dialogue {
  --tw-bg-opacity: 1;
  background-color: rgb(65 44 84/var(--tw-bg-opacity));
  border-radius: 10px;
  position: relative
}
.modal-dialogue__inner {
  overflow: hidden;
  position: relative;
  z-index: 3
}
.btn.btn--close {
  --tw-bg-opacity: 1;
  background-color: rgb(65 44 84/var(--tw-bg-opacity));
  border-radius: 6px;
  flex: 0 0 54px;
  height: 54px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  position: absolute;
  width: 54px
}
.btn.btn--close, .toast {
  align-items: center;
  display: flex;
  justify-content: center
}
.toast {
  --tw-text-opacity: 1;
  bottom: -10px;
  color: rgb(255 255 255/var(--tw-text-opacity));
  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(109 200 101/var(--tw-bg-opacity))
}
.toast.toast--danger {
  --tw-bg-opacity: 1;
  background-color: rgb(229 58 58/var(--tw-bg-opacity))
}
.toast .toast-text {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px
}
.toast .toast-icon {
  margin-right: .75rem
}
@media(max-width:540px) {
  .toast {
    flex-direction: column
  }
  .toast .toast-icon {
    margin-right: 0
  }
  .toast .toast-text {
    line-height: 21px;
    margin-top: var(--spacing);
    text-align: center
  }
}
.tippy-box[data-animation=shift-away][data-state=hidden] {
  opacity: 0
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top] {
  transform: translateY(10px)
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
  transform: translateY(-10px)
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left] {
  transform: translateX(10px)
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
  transform: translateX(-10px)
}
#ndzn-header {
  overflow: hidden;
  padding-top: 56px;
  position: relative
}
#ndzn-header.ndzn-header--login {
  padding-top: 108px
}
#ndzn-header:before {
  --tw-bg-opacity: 1;
  --tw-blur: blur(130px);
  background-color: rgb(18 12 23/var(--tw-bg-opacity));
  border-radius: 9999px;
  content: "";
  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);
  height: 417px;
  left: 0;
  opacity: .5;
  position: absolute;
  top: -300px;
  width: 417px
}
.header-logo {
  width: 591px
}
.header-top {
  position: relative;
  z-index: 3
}
.header-top .container {
  align-items: center;
  display: flex
}
.header-top__right {
  margin-left: auto
}
.btn--header {
  --tw-bg-opacity: 0.1;
  align-items: center;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border: 2px solid #ffffff33;
  display: flex;
  gap: .625rem;
  height: 52px;
  line-height: 52px
}
.btn--header 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));
  transition-duration: .4s
}
.btn--header:focus, .btn--header:hover {
  --tw-bg-opacity: 0.2
}
.btn--header.btn--back:focus svg, .btn--header.btn--back:hover svg {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.btn--header.btn--support:focus svg, .btn--header.btn--support:hover svg {
  --tw-rotate: 90deg;
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.btn--back {
  padding-left: 1.5rem;
  padding-right: 22px
}
.btn--support {
  padding-left: 22px;
  padding-right: 1.5rem
}
.header-logo {
  margin-left: auto;
  margin-right: auto;
  margin-top: -108px
}
@media(max-width:1200px) {
  #ndzn-header {
    padding-top: 48px
  }
  .header-top .container {
    padding-left: 3rem;
    padding-right: 3rem
  }
}
@media(max-width:1050px) {
  #ndzn-header {
    padding-top: 48px
  }
  .header-logo {
    width: 517px
  }
  .header-top {
    position: relative;
    z-index: 3
  }
  .header-top .container {
    padding-left: 48px;
    padding-right: 48px
  }
  .btn--back, .btn--support {
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }
}
@media(max-width:900px) {
  #ndzn-header {
    padding-top: 0
  }
  .header-logo {
    margin-top: -48px;
    width: 460px
  }
  .header-top {
    --tw-bg-opacity: 0.03;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
  }
  .header-top .container {
    padding-left: 0;
    padding-right: 0
  }
  .btn--header {
    background-color: transparent;
    border-radius: 0;
    border-width: 0;
    height: 54px;
    line-height: 54px;
    padding: 0 .875rem
  }
  .btn--header:focus, .btn--header:hover {
    --tw-bg-opacity: 1;
    --tw-bg-opacity: 0.05;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
  }
}
@media(max-width:750px) {
  #ndzn-header:before {
    left: -300px
  }
}
@media(max-width:470px) {
  .header-logo {
    width: 100%
  }
}
@media(max-width:390px) {
  .header-logo {
    margin-top: -36px
  }
}
@media(max-width:370px) {
  .header-logo {
    margin-top: 0
  }
}
#ndzn-footer {
  margin-top: auto;
  padding-top: 140px
}
#ndzn-footer .container {
  align-items: center;
  display: flex;
  padding-bottom: 5rem;
  padding-top: 5rem
}
#ndzn-footer .footer__left span {
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px
}
#ndzn-footer .footer__right {
  margin-left: auto
}
#ndzn-footer .footer__right svg {
  flex: 0 0 20px;
  height: 19px;
  width: 20px
}
#ndzn-footer .footer__right span {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .025em;
  line-height: 14px;
  margin-right: .75rem
}
#ndzn-footer #tm {
  align-items: center;
  display: flex;
  opacity: .3
}
#ndzn-footer #tm:focus, #ndzn-footer #tm:hover {
  opacity: .5
}
@media(max-width:900px) {
  #ndzn-footer .container {
    padding-bottom: 60px;
    padding-top: 60px
  }
  #ndzn-footer .footer__left {
    padding-right: 2rem
  }
  #ndzn-footer .footer__right span {
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .05em;
    line-height: 14px;
    margin-right: .25rem;
    white-space: nowrap
  }
  #ndzn-footer .footer__right svg {
    flex: 0 0 16px;
    height: 15px;
    width: 16px
  }
}
@media(max-width:540px) {
  #ndzn-footer {
    padding-top: 46px
  }
  #ndzn-footer .container {
    flex-direction: column;
    padding-bottom: 54px;
    padding-top: 54px
  }
  #ndzn-footer .footer__left {
    padding-right: 0;
    text-align: center
  }
  #ndzn-footer .footer__left span {
    font-size: 14px;
    font-weight: 500;
    line-height: 23px
  }
  #ndzn-footer .footer__right {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2.5rem
  }
  #ndzn-footer #tm {
    height: 30px;
    line-height: 30px;
    padding-left: 1rem;
    padding-right: 1rem
  }
}
.page-sidebar {
  display: inline-block;
  flex: 0 0 322px;
  width: 322px
}
.page-sidebar__inner {
  display: grid;
  gap: .75rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  padding: 1.5rem
}
.menu-cat .menu-cat__name, .menu-cat span, .menu-cat svg {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.menu-cat__toggle, .simple-cat, .simple-subcat {
  cursor: pointer
}
.simple-cat.active, .simple-subcat.active {
  overflow: hidden
}
.simple-cat.active:after, .simple-subcat.active:after {
  --tw-rotate: 35deg;
  --tw-gradient-from: transparent;
  --tw-gradient-to: transparent;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #ffffff0d;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  content: "";
  display: block;
  height: 300px;
  left: -130px;
  pointer-events: none;
  position: absolute;
  top: -100px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 250px
}
.menu-cat__toggle, .simple-cat {
  --tw-bg-opacity: 1;
  background-color: rgb(39 26 50/var(--tw-bg-opacity));
  border-radius: 6px;
  display: inline-block;
  padding: 26px 1.75rem 26px 2.25rem;
  transition-duration: .2s;
  width: 100%
}
.menu-cat__toggle:focus, .menu-cat__toggle:hover, .simple-cat:focus, .simple-cat: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)
}
.menu-cat__toggle.active, .simple-cat.active {
  --tw-gradient-from: #7651e0;
  --tw-gradient-to: rgba(118, 81, 224, 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #aa38d3;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  position: relative
}
.menu-cat__toggle.active:before, .simple-cat.active:before {
  border-color: #ffffff0d;
  border-radius: 6px;
  border-style: solid;
  border-width: 2px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
.simple-subcat:focus, .simple-subcat: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)
}
.simple-subcat.active {
  --tw-gradient-from: #7651e0;
  --tw-gradient-to: rgba(118, 81, 224, 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #aa38d3;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  position: relative
}
.simple-subcat.active:before {
  border-color: #ffffff0d;
  border-radius: 6px;
  border-style: solid;
  border-width: 2px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
.menu-cat__toggle {
  position: relative;
  z-index: 1
}
.menu-cat__toggle>svg {
  bottom: 0;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  right: 1rem;
  top: 0;
  transition-duration: .25s
}
.complex-cat {
  overflow: hidden
}
.complex-cat, .complex-cat.open {
  border-radius: 6px
}
.complex-cat.open, .complex-cat.open .menu-cat__toggle {
  --tw-bg-opacity: 1;
  background-color: rgb(59 39 76/var(--tw-bg-opacity))
}
.complex-cat.open .menu-cat__toggle {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px
}
.complex-cat.open .menu-cat__toggle:focus, .complex-cat.open .menu-cat__toggle:hover {
  --tw-brightness: brightness(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)
}
.complex-cat.open .menu-cat__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))
}
.menu-cat__inner {
  align-items: center;
  display: flex;
  width: 100%
}
.menu-cat__name {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px
}
.menu-cat__subcats {
  --tw-bg-opacity: 1;
  background-color: rgb(59 39 76/var(--tw-bg-opacity));
  display: grid;
  gap: 4px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  margin-top: -4px;
  padding: .75rem;
  transition-duration: .25s
}
.simple-subcat {
  border-radius: 6px;
  padding: .75rem 1rem .75rem 1.5rem
}
.simple-subcat:focus, .simple-subcat:hover {
  background-color: #ffffff08
}
@media (max-width:1200px) {
  .page-main>.page-sidebar {
    display: none
  }
}
.top-bar {
  margin-top: 0 !important;
  position: relative
}
.top-bar .top-bar__bg-image {
  bottom: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.top-bar .top-bar__bg-image img {
  height: 100%
}
.top-bar .top-bar__left__character-container {
  border-radius: 10px;
  height: 134px;
  left: 0;
  opacity: .1;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 220px
}
.top-bar .top-bar__left__character {
  margin-left: -44px
}
.top-bar .top-bar__greetings {
  position: relative;
  z-index: 2
}
.top-bar__inner {
  align-items: center;
  display: flex;
  padding: 1.25rem 1.25rem 1.25rem 55px
}
.top-bar__left {
  gap: 55px
}
.top-bar__left, .top-bar__left .btn {
  align-items: center;
  display: flex
}
.top-bar__left .btn {
  height: 46px;
  opacity: .5;
  padding-left: 1rem;
  padding-right: 1rem
}
.top-bar__left .btn:focus, .top-bar__left .btn:hover {
  opacity: 1
}
.top-bar__left .btn--login>svg, .top-bar__left .btn--logout>svg {
  display: inline-block;
  margin-right: .625rem
}
.top-bar__left .btn--currency .svg-currency {
  --tw-scale-y: 1 !important;
  margin-right: 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)) !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))
}
.top-bar__left .btn--currency .svg-chevron {
  margin-left: .75rem
}
.top-bar__left .top-bar__greetings span {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px
}
.top-bar__right {
  margin-left: auto
}
.top-bar__right .btn--cart {
  align-items: center;
  border-radius: 6px;
  display: flex;
  min-height: 94px;
  min-width: 297px;
  overflow: hidden;
  padding-left: 106px;
  padding-right: 1.75rem;
  position: relative;
  text-align: left
}
.top-bar__right .btn--cart:focus .svg-gun, .top-bar__right .btn--cart:hover .svg-gun {
  --tw-rotate: 15deg;
  --tw-scale-x: 0.9;
  --tw-scale-y: 0.9;
  top: 30px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.top-bar__right .btn--cart b, .top-bar__right .btn--cart h6, .top-bar__right .btn--cart i, .top-bar__right .btn--cart img, .top-bar__right .btn--cart span {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.top-bar__right .btn--cart .btn--cart__image-container {
  display: block;
  height: 100%;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 201px
}
.top-bar__right .btn--cart .svg-gun {
  --tw-rotate: -15deg;
  --tw-scale-x: 1.2;
  --tw-scale-y: 1.2;
  flex: 0 0 24px;
  left: 42px;
  position: absolute;
  top: -28px;
  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: .8s;
  width: 24px
}
.top-bar__right .btn--cart__text h6 {
  font-size: 24px;
  font-weight: 400;
  letter-spacing: .025em;
  line-height: 28px;
  margin-bottom: 0
}
.top-bar__right .btn--cart__text span {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  margin-top: .25rem
}
.top-bar__right .btn--cart__icon {
  bottom: 0;
  height: 54px;
  left: 28px;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  top: 0
}
.top-bar__right .btn--cart__icon span {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-color: rgb(132 78 228/var(--tw-border-opacity));
  border-radius: 20px;
  border-style: solid;
  border-width: 4px;
  color: rgb(132 78 228/var(--tw-text-opacity));
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  height: 27px;
  line-height: 19px;
  position: absolute;
  right: -13px;
  text-align: center;
  top: -3px;
  width: 27px
}
.currency-grid {
  display: grid;
  gap: .375rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: .5rem
}
.currency-grid a {
  --tw-text-opacity: 1;
  border-radius: 6px;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 14px;
  font-weight: 500;
  height: 28px;
  line-height: 28px
}
.currency-grid a:focus, .currency-grid a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(49 48 56/var(--tw-bg-opacity))
}
.currency-grid a.active {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  color: rgb(59 58 66/var(--tw-text-opacity))
}
.currency-grid a.active:focus, .currency-grid a.active:hover {
  --tw-brightness: brightness(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)
}
.menu--currency {
  z-index: 5
}
.menu--currency .menu__dd {
  width: 120px
}
.menu--currency a {
  text-align: center
}
.top-bar--mobile__menu {
  display: none
}
.top-bar--flex .top-bar--mobile__menu {
  cursor: pointer
}
.top-bar--flex .top-bar--mobile__menu:focus, .top-bar--flex .top-bar--mobile__menu: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);
  transition: .2s
}
@media (max-width:1200px) {
  .top-bar--mobile__menu {
    align-items: center;
    border-radius: 6px;
    display: flex;
    flex: 0 0 239px;
    height: 100px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 239px
  }
  .top-bar--mobile__menu, .top-bar--mobile__menu:focus, .top-bar--mobile__menu:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(149 52 231/var(--tw-bg-opacity))
  }
  .top-bar--mobile__menu:focus, .top-bar--mobile__menu:hover {
    --tw-brightness: brightness(1) !important;
    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) !important
  }
  .top-bar--mobile__menu:focus .menu-text--phone, .top-bar--mobile__menu:focus .menu-text--tablet, .top-bar--mobile__menu:hover .menu-text--phone, .top-bar--mobile__menu:hover .menu-text--tablet {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  .top-bar--mobile__menu:before {
    --tw-rotate: 25deg;
    --tw-gradient-from: transparent;
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #ffffff1a;
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    content: "";
    display: block;
    height: 200px;
    left: -16px;
    pointer-events: none;
    position: absolute;
    top: -75px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 150px
  }
  .top-bar--mobile__menu .menu-text--phone, .top-bar--mobile__menu .menu-text--tablet {
    font-family: var(--fontRusso);
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    transition-duration: .2s
  }
  .top-bar--mobile__menu .menu-text--phone {
    display: none
  }
  .top-bar--flex {
    align-items: center;
    display: flex;
    gap: 1.5rem
  }
  .top-bar--flex .top-bar {
    flex: 1 1 auto
  }
  .top-bar__left {
    gap: 1.75rem
  }
  .top-bar__right .btn--cart {
    min-height: 64px;
    min-width: 198px;
    padding-left: 72px;
    padding-right: .5rem
  }
  .top-bar__right .btn--cart .btn--cart__image-container {
    width: 143px
  }
  .top-bar__right .btn--cart .svg-gun {
    left: 27px;
    top: -20px;
    width: 15px
  }
  .top-bar__right .btn--cart:focus .svg-gun, .top-bar__right .btn--cart:hover .svg-gun {
    top: 21px
  }
  .top-bar__right .btn--cart__icon {
    left: .875rem
  }
  .top-bar__right .btn--cart__icon, .top-bar__right .btn--cart__icon .svg-dd {
    flex: 0 0 42px;
    height: 42px;
    width: 42px
  }
  .top-bar__right .btn--cart__icon span {
    border-width: 3px;
    font-size: 10px;
    font-weight: 700;
    height: 20px;
    line-height: 16px;
    right: -5px;
    top: -2px;
    width: 20px
  }
  .top-bar__right .btn--cart__text h6 {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px
  }
  .top-bar__right .btn--cart__text span {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin-top: .125rem;
    opacity: .5
  }
  .top-bar .top-bar__left__character-container {
    height: 98px;
    width: 191px
  }
  .top-bar__inner {
    padding: 1rem 1rem 1rem 2.25rem
  }
}
@media(max-width:950px) {
  .top-bar .top-bar__greetings, .top-bar .top-bar__left__character-container {
    display: none
  }
  .top-bar__inner {
    padding-left: 1.25rem
  }
}
@media(max-width:850px) {
  .top-bar {
    overflow: hidden
  }
  .top-bar .top-bar__bg-image {
    right: -50px
  }
}
@media(max-width:750px) {
  .top-bar--mobile__menu .menu-text--tablet {
    display: none
  }
  .top-bar--mobile__menu .menu-text--phone {
    display: block;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px
  }
  .top-bar--mobile__menu {
    flex: 0 0 129px;
    width: 129px
  }
  .top-bar--mobile__menu:before {
    left: -84px
  }
  .top-bar--flex {
    gap: .75rem
  }
}
@media(max-width:600px) {
  .panel.top-bar {
    background-color: transparent;
    border-width: 0;
    box-shadow: none
  }
  .panel.top-bar .top-bar__bg-image {
    display: none
  }
  .top-bar {
    overflow: visible
  }
  .top-bar__inner {
    padding: 0
  }
  .top-bar__left .btn {
    display: none
  }
  .top-bar__right {
    flex: 1 1 auto;
    margin-left: 0;
    width: 100%
  }
  .top-bar__right .btn--cart {
    height: 76px;
    min-width: unset;
    padding-left: 5rem;
    width: 100%
  }
  .top-bar__right .btn--cart .svg-gun {
    display: none
  }
  .top-bar__right .btn--cart__icon {
    left: 22px
  }
  .top-bar--mobile__menu {
    height: 76px
  }
}
@media(max-width:375px) {
  .top-bar--mobile__menu .menu-text--phone {
    font-size: 16px;
    line-height: 20px
  }
  .top-bar__right .btn--cart {
    padding-left: 66px
  }
  .top-bar__right .btn--cart__icon {
    left: 10px
  }
  .top-bar__right .btn--cart__text h6 {
    font-size: 16px;
    line-height: 20px
  }
  .top-bar__right .btn--cart__text span {
    margin-top: 0
  }
}
.discord-panel {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(52 91 231/var(--tw-bg-opacity));
  border: 2px solid #ffffff0d;
  border-radius: 6px;
  display: flex;
  min-height: 104px;
  overflow: hidden;
  padding: 1rem 26px 1rem 39px;
  position: relative
}
.discord-panel:after, .discord-panel:before {
  border-radius: 6px;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  width: 434px;
  z-index: 1
}
.discord-panel:before {
  --tw-gradient-from: #345be7;
  --tw-gradient-to: rgba(52, 91, 231, 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: transparent;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  left: 0
}
.discord-panel:after {
  --tw-gradient-from: transparent;
  --tw-gradient-to: transparent;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #345be7;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  right: 0
}
.discord-panel>button, .discord-panel>h4, .discord-panel>svg {
  position: relative;
  z-index: 3
}
.discord-panel .discord-panel__bg-img {
  flex: 0 0 942px;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%
}
.discord-panel .svg-discord {
  margin-bottom: -6px
}
.discord-panel>h4 {
  display: inline-block;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0;
  margin-left: 35px;
  margin-top: 0
}
.discord-panel>.btn--transparent {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.1;
  align-items: center;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  display: flex;
  height: 52px;
  line-height: 53px;
  margin-left: auto;
  padding-left: 22px;
  padding-right: 22px;
  -webkit-text-decoration-line: none;
  text-decoration-line: none;
  z-index: 3
}
.discord-panel>.btn--transparent:focus, .discord-panel>.btn--transparent:hover {
  background-color: #ffffff26
}
.discord-panel>.btn--transparent svg {
  margin-left: .625rem
}
.discord-panel>.btn--transparent span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.intro-panel {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(44 30 57/var(--tw-bg-opacity));
  border: 2px solid #ffffff05;
  border-radius: 6px;
  box-shadow: 0 4px 20px 0 #00000026;
  display: flex;
  height: 259px;
  margin-bottom: 1.5rem;
  margin-top: 2.25rem;
  padding: 50px;
  position: relative
}
.intro-panel .intro-panel__left {
  margin-bottom: -7px
}
.intro-panel .intro-panel__left h2, .intro-panel .intro-panel__left h6 {
  display: block;
  margin-bottom: 0
}
.intro-panel .intro-panel__left h6 {
  --tw-text-opacity: 1;
  color: rgb(236 214 95/var(--tw-text-opacity));
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  text-transform: uppercase
}
.intro-panel .intro-panel__left h2 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 32px;
  font-weight: 400;
  line-height: 39px;
  margin-top: .375rem
}
.intro-panel .intro-panel__left p {
  flex: 0 0 389px;
  font-size: 14px;
  line-height: 25px;
  margin-bottom: 0;
  margin-top: 18px;
  width: 389px
}
.intro-panel .rhombus-container {
  bottom: -2px;
  position: absolute;
  right: 94px
}
.intro-panel .rhombus {
  --tw-skew-x: 28deg;
  --tw-bg-opacity: 1;
  background-color: rgb(149 52 231/var(--tw-bg-opacity));
  height: 259px;
  overflow: hidden;
  position: relative;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  width: 345px
}
.intro-panel .rhombus__character {
  bottom: 0;
  flex: 0 0 279px;
  position: absolute;
  right: -22px;
  width: 279px
}
.intro-panel .rhombus__bg-image {
  --tw-skew-x: -28deg;
  --tw-scale-x: 1.45;
  --tw-scale-y: 1.45;
  left: 4px;
  position: absolute;
  top: 41px;
  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))
}
.intro-text h1 {
  margin-bottom: .75rem
}
.module-container {
  display: grid;
  gap: 2.25rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 1.75rem
}
.module {
  --tw-shadow: 0px 4px 20px 0px #00000026;
  --tw-shadow-colored: 0px 4px 20px 0px var(--tw-shadow-color);
  border: 2px solid #ffffff05;
  border-radius: 6px;
  box-shadow: 0 4px 20px 0 #00000026;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  overflow: hidden;
  padding: 40px 45px;
  position: relative
}
.module .module__character, .module .module__ellipse {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.module .module__ellipse {
  flex: 0 0 155px;
  position: absolute;
  right: 0;
  width: 155px
}
.module .recent-payments {
  list-style-type: none
}
.module .recent-payments li {
  margin-left: 0;
  margin-top: 0
}
.module .module__heading {
  display: inline-block;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px
}
.module .module__heading .h3 {
  font-family: var(--fontRusso)
}
.module .module__body {
  margin-top: 18px
}
.module .avatar img {
  border-radius: 4px
}
.module .recent-payments {
  align-items: center;
  display: flex;
  gap: .75rem;
  margin-bottom: 0;
  margin-top: 0
}
.module .module__body__refresh, .module .module__body__topdonator {
  display: block
}
.module .module__body__topdonator {
  --tw-text-opacity: 1;
  color: rgb(236 214 95/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 700;
  line-height: 24px
}
.module .module__body__refresh {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  opacity: .5
}
.module .module__character {
  left: 0;
  pointer-events: none;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.module .module__character, .module--topdonator .module__ellipse {
  bottom: 0
}
.module--topdonator .module__character {
  width: 136px
}
.module--recentpayments .module__ellipse {
  --tw-scale-y: -1;
  top: 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))
}
.module--recentpayments .module__character {
  width: 181px
}
@media(max-width:1400px) {
  .intro-panel {
    overflow: hidden
  }
  .intro-panel .rhombus, .intro-panel .rhombus-container {
    height: 100%
  }
  .intro-panel .rhombus {
    width: 300px
  }
  .intro-panel .rhombus-container {
    right: 31px
  }
  .intro-panel .rhombus__character {
    right: -14px;
    width: 245px
  }
  .intro-panel .rhombus__bg-image {
    --tw-scale-x: 1.8;
    --tw-scale-y: 1.8;
    top: 61px;
    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))
  }
}
@media(max-width:1260px) and (min-width:1201px) {
  .intro-panel {
    padding: 25px
  }
  .intro-panel .intro-panel__left {
    max-width: 350px
  }
  .intro-panel .intro-panel__left p {
    width: auto
  }
}
@media(max-width:1050px) {
  .intro-panel {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
  }
  .intro-panel .intro-panel__left p {
    width: 338px
  }
  .module-container {
    gap: 1.5rem
  }
  .module--topdonator .module__ellipse {
    bottom: -40px;
    right: -40px
  }
  .module--recentpayments .module__ellipse {
    right: -40px;
    top: -40px
  }
}
@media(max-width:900px) {
  .intro-panel {
    height: 218px;
    padding: 1.5rem
  }
  .intro-panel .intro-panel__left h6 {
    font-size: 16px;
    font-weight: 400;
    line-height: 17px
  }
  .intro-panel .intro-panel__left h2 {
    font-size: 22px;
    font-weight: 400;
    line-height: 24px
  }
  .intro-panel .rhombus__character {
    right: 6px;
    width: 210px
  }
}
@media(min-width:851px) {
  .intro-panel__mobile-bg {
    display: none
  }
}
@media(max-width:850px) {
  .intro-panel {
    height: auto;
    padding: 26px 48px 30px
  }
  .intro-panel .intro-panel__left {
    margin-bottom: 0;
    width: 100%
  }
  .intro-panel .intro-panel__left p {
    width: unset
  }
  .intro-panel .intro-panel__right {
    display: none
  }
  .intro-panel h2, .intro-panel h6, .intro-panel p {
    text-align: center
  }
  .intro-panel .intro-panel__mobile-bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
  }
  .module-container {
    gap: .75rem;
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
}
@media(min-width:651px) {
  .discord-panel .btn--transparent__mobile-text {
    display: none
  }
}
@media(max-width:650px) {
  .intro-panel {
    margin-bottom: 2rem;
    margin-top: .75rem
  }
  .intro-text h1 {
    margin-bottom: 2.5rem
  }
  .discord-panel {
    border-width: 0;
    min-height: unset;
    padding: 0;
    position: relative
  }
  .discord-panel:after, .discord-panel:before {
    display: none
  }
  .discord-panel .svg-discord {
    transition-duration: .4s
  }
  .discord-panel:focus .svg-discord, .discord-panel:hover .svg-discord {
    --tw-translate-x: -10px;
    --tw-scale-x: 1.06;
    --tw-scale-y: 1.06;
    opacity: 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))
  }
  .discord-panel>h4 {
    display: none
  }
  .discord-panel .btn--transparent {
    background-color: transparent;
    border-color: #ffffff0d;
    border-style: solid;
    border-width: 2px;
    height: 75px;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    width: 100%
  }
  .discord-panel .btn--transparent>svg {
    transition-duration: .4s
  }
  .discord-panel .btn--transparent:focus>svg, .discord-panel .btn--transparent:hover>svg {
    --tw-rotate: -10deg;
    --tw-scale-x: 1.06;
    --tw-scale-y: 1.06;
    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))
  }
  .discord-panel .btn--transparent span:not(.btn--transparent__mobile-text) {
    display: none
  }
  .discord-panel .btn--transparent .btn--transparent__mobile-text {
    font-family: var(--fontRusso);
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    text-transform: uppercase
  }
  .discord-panel .btn--transparent svg {
    flex: 0 0 17px;
    margin-left: .875rem;
    width: 17px
  }
  .discord-panel .svg-discord {
    --tw-rotate: -14deg;
    height: 74px;
    opacity: .1;
    position: absolute;
    right: -16px;
    top: 6px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    width: 65px
  }
  .module {
    --tw-bg-opacity: 0.02;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding-bottom: 37px;
    padding-top: 37px
  }
  .module .recent-payments {
    justify-content: center
  }
  .module .module__character {
    bottom: -12px
  }
  .module.module--recentpayments .module__character {
    bottom: -10px;
    left: -35px
  }
}
@media(max-width:450px) {
  .intro-panel {
    padding: 1.75rem 2.5rem 1.5rem
  }
  .intro-panel .intro-panel__left p {
    margin-top: 1.75rem
  }
  .module {
    padding-left: 1rem;
    padding-right: 1rem
  }
}
@media(max-width:375px) {
  .discord-panel .btn--transparent {
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }
  .discord-panel .btn--transparent .btn--transparent__mobile-text {
    font-size: 14px;
    line-height: 17px
  }
  .intro-panel {
    padding-left: 2rem;
    padding-right: 2rem
  }
}
.panel--category__title {
  padding-top: 36px
}
.panel--category__title.panel--category__title--noDesc {
  padding-bottom: 36px;
  padding-top: 36px
}
.panel__heading--category>span {
  background: linear-gradient(90deg, #9534e7, rgba(149, 52, 231, 0));
  display: inline-block;
  font-family: var(--fontRusso);
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  padding: 14px 52px 14px 32px;
  position: relative
}
.panel__heading--category>span:after {
  --tw-rotate: 45deg;
  border-left: 41px solid #271a32;
  border-top: 41px solid transparent;
  bottom: 0;
  content: "";
  height: 0;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  right: -20px;
  top: 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));
  width: 0
}
.panel--category-description {
  font-size: 14px;
  font-weight: 500;
  line-height: 25px
}
.category__packages {
  margin-top: var(--spacing)
}
.ndzn-category {
  margin-bottom: 132px
}
.panel--packages__images {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(3, minmax(0, 1fr))
}
.panel--packages__list {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(1, minmax(0, 1fr))
}
.is-package__inner {
  border-radius: 6px;
  position: relative
}
.package-expires {
  text-transform: uppercase
}
.background--tilted {
  --tw-bg-opacity: 1;
  background-color: rgb(44 30 57/var(--tw-bg-opacity))
}
.package-image {
  border-radius: 6px;
  display: flex;
  justify-content: center;
  overflow: hidden;
  z-index: 3
}
.package-image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.package-info {
  display: flex;
  flex-direction: column;
  gap: .25rem;
  position: relative
}
.package-name {
  font-family: var(--fontRusso);
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  position: relative
}
.price-actual, .price-custom {
  --tw-text-opacity: 1;
  color: rgb(126 237 116/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 700;
  line-height: 24px
}
.price-discount {
  color: #e53a3aa1;
  font-size: 13px;
  font-weight: 700;
  line-height: 19.5px;
  z-index: 3
}
.package-buttons {
  display: flex;
  gap: .75rem
}
.package-buttons .btn--add, .package-buttons .btn--remove {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  gap: 1rem;
  justify-content: center;
  padding-bottom: 15px;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 15px
}
.package-buttons .btn--add span, .package-buttons .btn--remove span {
  font-size: 16px;
  line-height: 1.5rem;
  white-space: nowrap
}
.package-buttons .btn--information {
  flex: 0 0 54px;
  width: 54px
}
.package-buttons .btn--information, .package-price {
  align-items: center;
  display: flex;
  justify-content: center
}
.package-price {
  gap: .5rem;
  position: relative
}
.package-discount-percentage {
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  line-height: 10px;
  padding: .5rem 1rem;
  white-space: nowrap
}
.package-discount-percentage, .package-expires {
  --tw-bg-opacity: 1;
  background-color: rgb(229 58 58/var(--tw-bg-opacity));
  z-index: 3
}
.package-expires {
  align-items: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  display: flex;
  gap: .5rem;
  height: 36px;
  width: 100%
}
.package-expires span {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px
}
.panel.package {
  margin: 0
}
.package {
  border-width: 0
}
.package .is-package__inner {
  --tw-bg-opacity: 1;
  background-color: rgb(39 26 50/var(--tw-bg-opacity))
}
.package.package--images .package-expires+.is-package__inner {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
.package--images>.is-package__inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  height: 100%;
  overflow: hidden;
  padding: 1.5rem;
  position: relative
}
.package--images .package-info {
  margin-bottom: auto;
  text-align: center
}
.package--images .background--tilted {
  height: 240px;
  position: absolute;
  top: -150px;
  transform: rotate(165deg);
  width: 150%
}
.package--images .package-discount-percentage {
  border-radius: 4px;
  position: absolute;
  right: 2.25rem;
  top: 2.25rem
}
.package--images .package-expires {
  align-items: center;
  justify-content: center
}
.package--images .package-expires svg {
  margin-top: -2px
}
.package--images .package-image {
  height: 202px
}
.package--images .package__inner--small {
  height: calc(100% - 36px)
}
.package--images .package__inner--small .package-image {
  height: 166px
}
.package--images .package-buttons {
  width: 100%
}
.package--list>.is-package__inner {
  align-items: center;
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  padding: 1.5rem;
  position: relative
}
.package--list .package-discount-percentage {
  display: none
}
.package--list .package-image {
  height: 92px;
  min-width: 152px
}
.package--list .package-info {
  align-items: flex-start;
  gap: .875rem;
  margin-left: 1.5rem;
  margin-right: 1.5rem
}
.package--list .package-buttons {
  margin-left: auto
}
.package--list .package-buttons .btn--add, .package--list .package-buttons .btn--remove {
  flex: 0 0 208px;
  padding-left: .75rem;
  padding-right: .75rem;
  width: 208px
}
.package--list .package-expires {
  gap: .625rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem
}
.package--list .package-expires+.is-package__inner {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
.package--list .background--tilted {
  --tw-rotate: 120deg;
  height: 200px;
  left: -145px;
  position: absolute;
  top: -30px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  width: 300px
}
.package.package--bestseller {
  border-width: 0
}
.package.package--bestseller .is-package__inner {
  --tw-bg-opacity: 1;
  background-color: rgb(149 52 231/var(--tw-bg-opacity))
}
.package.package--bestseller .background--tilted {
  --tw-bg-opacity: 1;
  background-color: rgb(172 95 236/var(--tw-bg-opacity))
}
.package.package--bestseller .btn.btn--loading:after {
  border-color: transparent transparent #9534e7 #9534e7
}
.package.package--bestseller .btn--add {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.package.package--bestseller .btn--add path {
  fill: #9534e7
}
.package.package--bestseller .btn--add span {
  --tw-text-opacity: 1;
  color: rgb(149 52 231/var(--tw-text-opacity))
}
.package.package--bestseller .btn--danger {
  --tw-bg-opacity: 1;
  background-color: rgb(101 20 169/var(--tw-bg-opacity))
}
.package.package--bestseller .btn--information {
  --tw-bg-opacity: 1;
  background-color: rgb(172 95 236/var(--tw-bg-opacity))
}
.package.package--bestseller .price-actual, .package.package--bestseller .price-custom, .package.package--bestseller .price-discount {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.package.package--bestseller .price-discount {
  opacity: .4
}
.package.package--bestseller .package-discount-percentage, .package.package--bestseller .package-expires {
  --tw-bg-opacity: 1;
  background-color: rgb(101 20 169/var(--tw-bg-opacity))
}
@media (max-width:1400px) {
  .ndzn-category .panel--packages__images {
    grid-template-columns: 1fr 1fr
  }
}
@media(max-width:800px) {
  .package--list>.is-package__inner {
    padding: 1rem
  }
  .package--list .package-name {
    font-size: 18px
  }
  .package--list .package-info {
    gap: .5rem
  }
  .package-buttons .btn--information {
    flex: 0 0 48px;
    height: 48px;
    width: 48px
  }
  .package-buttons .btn--add, .package-buttons .btn--remove {
    gap: .5rem;
    height: 48px;
    padding: .5rem
  }
  .package-buttons .btn--add span, .package-buttons .btn--remove span {
    font-size: 15px
  }
}
@media(max-width:750px) {
  .ndzn-category .panel--packages__images, .ndzn-category .panel--packages__list {
    gap: var(--spacing)
  }
  .package--list .package-image {
    display: none
  }
  .package--list .package-info {
    margin-left: 0
  }
  .package--list .package-expires {
    padding-left: 1rem;
    padding-right: 1rem
  }
}
@media(max-width:650px) {
  .package-name {
    font-size: 18px
  }
  .ndzn-category .panel--packages__images, .ndzn-category .panel--packages__list {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
}
@media(max-width:600px) {
  .package--list>.is-package__inner {
    flex-direction: column
  }
  .package--list .package-name {
    text-align: center
  }
  .package--list .package-price {
    margin-left: auto;
    margin-right: auto
  }
  .package--list .package-info {
    align-items: center;
    margin-right: 0
  }
  .package--list .package-buttons {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem
  }
  .package--list .background--tilted {
    display: none
  }
  .package--list .package-expires {
    justify-content: center
  }
}
.content-checkout .btn--checkout, .content-checkout .btn--checkout-back, .panel--checkout:not(:first-of-type) {
  margin-top: var(--spacing)
}
.content-checkout .btn--checkout, .content-checkout .btn--checkout-back {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 80px;
  padding-bottom: .75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: .75rem
}
.content-checkout .btn--checkout svg, .content-checkout .btn--checkout-back svg {
  margin-right: 17px
}
.panel--checkout--summary {
  padding-bottom: 2.25rem;
  padding-top: 2.25rem
}
.basket-item.has--options .basket-item__inner {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}
.basket-item:not(:first-of-type) {
  margin-top: .75rem
}
.basket-item .basket-item__inner {
  --tw-bg-opacity: 1;
  background-color: rgb(91 61 117/var(--tw-bg-opacity));
  border-color: #ffffff0d;
  border-radius: 6px;
  border-width: 2px;
  padding: 1.5rem
}
.basket-item .basket-item__name {
  font-family: var(--fontRusso);
  font-size: 20px;
  font-weight: 400;
  line-height: 24px
}
.basket-item .basket-item__price {
  --tw-text-opacity: 1;
  color: rgb(126 237 116/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  margin-top: .5rem
}
.basket-item .basket-item__buttons, .basket-item .basket-item__main {
  align-items: center;
  display: flex
}
.basket-item .basket-item__buttons {
  gap: .75rem;
  margin-left: auto;
  padding-left: 1rem
}
.basket-item .basket-item__options {
  --tw-bg-opacity: 1;
  background-color: rgb(119 83 151/var(--tw-bg-opacity));
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding-bottom: 18px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 18px
}
.basket-item .btn--danger {
  align-items: center;
  display: flex;
  flex: 0 0 54px;
  height: 54px;
  justify-content: center;
  width: 54px
}
.basket-item .option {
  align-items: center;
  display: flex
}
.basket-item .option:not(:first-of-type) {
  margin-top: .75rem
}
.basket-item .option svg {
  flex: 0 0 20px;
  width: 20px
}
.basket-item .option .option-name, .basket-item .option .option-value {
  font-weight: 600
}
.basket-item .option .option-name, .basket-item .option .option-value {
  margin-left: .75rem
}
.basket-item__quantity {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative
}
.basket-item__quantity.is-single {
  opacity: .5;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.basket-item__quantity.is-single .item-qty {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  justify-content: center;
  padding-left: .625rem;
  padding-right: .625rem
}
.basket-item__quantity .item-qty.multiple {
  padding-left: 17px
}
.basket-item__quantity.is-disabled {
  opacity: .4;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.basket-item__quantity .item-qty, .basket-item__quantity .item-qty-container {
  height: 100%;
  width: 100%
}
.basket-item__quantity .item-qty {
  --tw-bg-opacity: 1;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  background-color: rgb(104 70 134/var(--tw-bg-opacity));
  border-color: #ffffff08;
  border-radius: .375rem;
  border-radius: 4px;
  border-width: 2px;
  cursor: pointer;
  display: flex;
  flex: 0 0 54px;
  font-size: 18px;
  font-weight: 700;
  height: 54px;
  line-height: 27px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  padding-top: 2px;
  width: 54px
}
.basket-item__quantity .item-qty-down, .basket-item__quantity .item-qty-up {
  pointer-events: none;
  position: absolute;
  right: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.basket-item__quantity .item-qty-up {
  top: 21px
}
.basket-item__quantity .item-qty-down {
  bottom: 21px
}
.panel--checkout .basket-item .basket-item__name {
  cursor: pointer
}
.panel--checkout .basket-item .basket-item__inner {
  --tw-bg-opacity: 1;
  background-color: rgb(39 26 50/var(--tw-bg-opacity))
}
.panel--checkout .basket-item .basket-item__options {
  --tw-bg-opacity: 1;
  background-color: rgb(64 42 83/var(--tw-bg-opacity))
}
.panel--checkout .basket-item__quantity .item-qty {
  --tw-bg-opacity: 1;
  background-color: rgb(60 40 77/var(--tw-bg-opacity));
  padding-top: 0
}
@media(max-width:700px) {
  .basket-item .btn--danger, .basket-item__quantity .item-qty {
    flex: 0 0 38px;
    height: 38px;
    width: 38px
  }
  .basket-item .basket-item__inner {
    padding: 22px
  }
  .basket-item .basket-item__main {
    align-items: flex-start
  }
  .basket-item .basket-item__name {
    font-size: 16px;
    line-height: 20px
  }
  .basket-item .basket-item__price {
    margin-top: .5rem
  }
  .basket-item .basket-item__price .price-actual, .basket-item .basket-item__price .price-custom {
    font-size: 12px;
    line-height: 18px
  }
  .basket-item .option-name, .basket-item .option-value {
    font-size: 12px
  }
  .basket-item .basket-item__buttons {
    padding-left: .5rem
  }
  .basket-item__quantity .item-qty {
    border-radius: 6px
  }
  .basket-item__quantity .item-qty.multiple {
    padding-left: .5rem;
    padding-top: 1px
  }
  .basket-item__quantity .item-qty-up {
    right: .5rem;
    top: 14px
  }
  .basket-item__quantity .item-qty-down {
    bottom: 14px;
    right: .5rem
  }
  .cart-body__bottom .btn--checkout svg {
    width: 21px
  }
  .cart-body__items .basket-item .option:not(:first-of-type) {
    margin-top: .75rem !important
  }
  .content-checkout .btn--checkout, .content-checkout .btn--checkout-back {
    min-height: 64px
  }
  .content-checkout .btn--checkout svg, .content-checkout .btn--checkout-back svg {
    margin-right: .75rem;
    width: 22px
  }
}
@media(max-width:650px) {
  .panel--checkout--summary .panel__heading--category>span {
    font-size: 18px;
    line-height: 26px
  }
}
@media(max-width:540px) {
  .panel--checkout .basket-item .option {
    align-items: flex-start;
    flex-direction: column
  }
  .panel--checkout .basket-item .option svg {
    display: none
  }
  .panel--checkout .basket-item .option .option-name, .panel--checkout .basket-item .option .option-value {
    margin-left: 0
  }
  .panel--checkout .basket-item .option .option-value {
    display: block
  }
}
.options-container p {
  color: #ffffffcc;
  font-size: 16px;
  font-weight: 500;
  line-height: 29px;
  margin-bottom: 1.75rem
}
.options-form {
  display: grid;
  font-weight: 500;
  gap: .75rem
}
.options-form .input, .options-form input {
  height: 80px;
  padding-left: 2.25rem;
  padding-right: 90px
}
.options-form .form-group-amount .input {
  padding-right: 110px
}
.options-form .form-group-discord {
  display: grid;
  gap: .75rem;
  grid-template-columns: 301px auto
}
.options-form .form-group-amount .form-group__inner:before, .options-form .form-group-discord .form-group__inner:before {
  display: none
}
.options-form .form-group__inner {
  position: relative
}
.options-form .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: #4e3564;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  content: "";
  display: block;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 90px;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 10px
}
.options-form .form-group__inner .selected-currency {
  --tw-bg-opacity: 1;
  background-color: rgb(96 65 123/var(--tw-bg-opacity));
  border-radius: 4px;
  bottom: 0;
  display: inline-block;
  height: 43px;
  line-height: 43px;
  margin-bottom: auto;
  margin-top: auto;
  opacity: .5;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  position: absolute;
  right: 36px;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.options-form .form-group__inner .selected-currency, .options-form .svg-dd {
  pointer-events: none
}
.options-form .svg-dd {
  bottom: 0;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  right: 41px;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.options-form .btn--purple {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 80px;
  padding: 1.25rem
}
.options-form .btn--purple svg {
  margin-right: 17px
}
.options-form .btn--purple span {
  font-size: 18px;
  font-weight: 700;
  line-height: 30px
}
.options-form .btn--pink.btn--discord {
  --tw-text-opacity: 1;
  align-items: center;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: flex;
  justify-content: center;
  padding: 1rem;
  -webkit-text-decoration-line: none;
  text-decoration-line: none
}
.options-form .btn--pink.btn--discord svg {
  margin-right: 19px
}
.options-form .btn--pink.btn--discord span {
  font-size: 18px;
  font-weight: 700;
  line-height: 30px
}
@media(max-width:800px) {
  .options-container p {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 1.25rem
  }
  .options-form .svg-dd {
    right: 26px;
    width: 12px
  }
  .options-form .input, .options-form input {
    font-size: 14px;
    height: 60px
  }
  .options-form .input {
    font-size: 14px;
    padding-left: 1.5rem;
    padding-right: 60px
  }
  .options-form .form-group__inner:before {
    right: 60px
  }
  .options-form .form-group__inner .selected-currency {
    font-size: 14px;
    padding-left: 1rem;
    padding-right: 1rem;
    right: 9px
  }
  .options-form .form-group-discord {
    display: flex;
    flex-direction: column-reverse;
    gap: 0
  }
  .options-form .form-group-discord .form-group__inner, .options-form .form-group-discord .form-group__inner:after {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
  }
  .options-form .form-group-discord .input {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    text-align: center
  }
  .options-form .form-group-discord .btn--discord {
    border-top-left-radius: 0;
    border-top-right-radius: 0
  }
  .options-form .form-group-amount .input {
    padding-right: 71px
  }
  .options-form .btn--grey-v2.btn--discord {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    height: 80px;
    height: 60px;
    line-height: 60px;
    padding-bottom: 0;
    padding-top: 0
  }
  .options-form .btn--grey-v2.btn--discord svg {
    margin-right: .875rem;
    width: 17px
  }
  .options-form .btn--grey-v2.btn--discord span {
    display: inline-block;
    font-size: 14px;
    line-height: 24px
  }
  .options-form .btn--purple {
    min-height: 60px;
    padding-bottom: .5rem;
    padding-top: .5rem
  }
  .options-form .btn--purple svg {
    width: 20px
  }
  .options-form .btn--purple span {
    font-size: 16px
  }
  .options-form .btn--pink.btn--discord {
    padding-bottom: .75rem;
    padding-top: .75rem
  }
  .options-form .btn--pink.btn--discord span {
    font-size: 14px;
    font-weight: 600
  }
  .options-form .btn--pink.btn--discord svg {
    margin-right: .75rem
  }
}
#modal-login .h3 {
  text-transform: uppercase
}
#modal-login .panel {
  --tw-bg-opacity: 1;
  background-color: rgb(65 44 84/var(--tw-bg-opacity))
}
#modal-login .panel__body--login {
  padding-top: 1.5rem
}
.content-login {
  display: flex;
  flex-direction: column;
  padding-bottom: 130px
}
.content-login .panel--login {
  background-color: transparent;
  border-width: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 41px;
  max-width: 882px
}
.content-login .panel--login .panel__body {
  --tw-bg-opacity: 1;
  background-color: rgb(65 44 84/var(--tw-bg-opacity));
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px
}
.content-login .panel--login .panel__body>p {
  margin-top: -6px
}
.content-login .content-login__home-link {
  align-items: center;
  display: inline-flex;
  height: 40px;
  justify-content: center;
  line-height: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  opacity: .5;
  width: 160px
}
.content-login .content-login__home-link:focus, .content-login .content-login__home-link:hover {
  opacity: .9
}
.content-login .content-login__home-link svg {
  margin-right: 9px
}
.content-login .content-login__home-link span {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px
}
#ndzn-loginContainer .btn--login {
  align-items: center;
  display: block;
  display: flex;
  height: 80px;
  justify-content: center;
  padding: 1.25rem;
  -webkit-text-decoration-line: none;
  text-decoration-line: none;
  width: 100%
}
#ndzn-loginContainer .btn--login:focus svg, #ndzn-loginContainer .btn--login:hover svg {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
#ndzn-loginContainer .btn--login span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px
}
#ndzn-loginContainer .btn--login svg {
  margin-left: 17px;
  position: relative;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-duration: .2s
}
#ndzn-loginContainer .panel--login p {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 29px;
  margin-bottom: 1.75rem;
  margin-top: 0;
  opacity: .8
}
.panel-login__error {
  --tw-bg-opacity: 1;
  background-color: rgb(229 58 58/var(--tw-bg-opacity));
  border-radius: 6px;
  padding: 1.25rem
}
.panel-login__error>div {
  align-items: flex-start;
  display: flex
}
.panel-login__error>div svg {
  -webkit-animation: Breathing 2s linear 1s infinite;
  animation: Breathing 2s linear 1s infinite;
  flex: 0 0 22px;
  height: 22px;
  margin-right: 1.25rem;
  width: 22px
}
.panel-login__error>div svg path {
  fill: #fff
}
.panel-login__error h6 {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
  margin-top: 0
}
@-webkit-keyframes Breathing {
  0% {
    transform: scale(1.2)
  }
  50% {
    transform: scale(.8)
  }
  to {
    transform: scale(1.2)
  }
}
@keyframes Breathing {
  0% {
    transform: scale(1.2)
  }
  50% {
    transform: scale(.8)
  }
  to {
    transform: scale(1.2)
  }
}
@media(max-width:900px) {
  #modal-login.modal.is-centered .modal-wrap {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
  #ndzn-header.ndzn-header--login {
    padding-top: 0
  }
  #ndzn-header.ndzn-header--login .header-logo, .content-login .panel--login {
    margin-top: 0
  }
}
@media(max-width:650px) {
  .panel--login .panel__heading.panel__heading--big:before {
    display: none
  }
  #ndzn-loginContainer .panel--login p {
    margin-top: 1rem
  }
  .package-modal .package-modal__heading .rectangle-container {
    display: none
  }
}
@media(max-width:450px) {
  #ndzn-loginContainer .panel__heading.panel__heading--big {
    min-height: unset;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
  }
  #ndzn-loginContainer .panel__heading.panel__heading--big .h3 {
    font-size: 21px
  }
  #ndzn-loginContainer .panel--login p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 1rem;
    margin-top: .25rem
  }
  #ndzn-loginContainer .btn--login {
    height: 60px;
    line-height: 60px;
    padding-bottom: 0;
    padding-top: 0
  }
  #ndzn-loginContainer .btn--login span {
    font-size: 16px
  }
  #ndzn-loginContainer .btn--login svg {
    flex: 0 0 24px;
    height: 20px;
    margin-left: .875rem;
    width: 20px
  }
  #modal-login .panel__body--login {
    padding-top: .75rem
  }
}
#modal-slideout-cart .btn.btn--close {
  --tw-bg-opacity: 1;
  background-color: rgb(65 44 84/var(--tw-bg-opacity));
  left: -90px;
  top: 2.25rem;
  z-index: 4
}
#modal-slideout-cart .modal-dialogue {
  border-radius: 0
}
#modal-slideout-cart .modal-dialogue__inner {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  height: 100%;
  padding: 2.25rem
}
.cart-header {
  background: linear-gradient(65deg, #6f51e0, #a62ccf);
  border-radius: 6px;
  min-height: 161px;
  overflow: hidden;
  padding: 29px 160px 25px 42px;
  position: relative
}
.cart-header:before {
  border-color: #ffffff0d;
  border-radius: 6px;
  border-style: solid;
  border-width: 2px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
.cart-header:after {
  --tw-rotate: 22deg;
  --tw-gradient-from: transparent;
  --tw-gradient-to: transparent;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #fff;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  content: "";
  display: block;
  height: 300px;
  left: -45px;
  opacity: .1;
  pointer-events: none;
  position: absolute;
  top: -90px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 340px
}
.cart-header h6 {
  line-height: 32px;
  margin-bottom: 0;
  overflow-wrap: break-word
}
.cart-header h6 b {
  display: inline-block;
  font-size: 32px;
  font-weight: 400;
  line-height: 39px;
  position: relative;
  width: 100%;
  z-index: 2
}
.cart-header .btn--cart__image-container {
  display: none
}
.cart-header .btn--cart__img {
  bottom: 0;
  flex: 0 0 184px;
  position: absolute;
  right: 0;
  width: 184px
}
.cart-header .btn--login, .cart-header .btn--logout {
  align-items: center;
  display: inline-flex;
  height: 40px;
  line-height: 40px;
  margin-bottom: 38px;
  padding-left: 15px;
  padding-right: 15px
}
.cart-header .btn--login svg, .cart-header .btn--logout svg {
  margin-right: .625rem
}
.cart-header .cart-header__buttons {
  margin-top: .75rem
}
.cart-body {
  display: flex;
  flex-direction: column;
  height: 100%
}
.cart-body__top {
  margin-bottom: 2.25rem;
  margin-top: 2.25rem
}
.cart-body__top, .cart-body__top .btn--currency, .cart-body__top .cart-body__top__left, .cart-body__top .cart-body__top__right {
  align-items: center;
  display: flex
}
.cart-body__top .cart-body__top__left {
  font-family: var(--fontRusso);
  font-size: 20px;
  font-weight: 400;
  line-height: 24px
}
.cart-body__top .cart-body__top__left svg {
  margin-right: .75rem
}
.cart-body__top .cart-body__top__right {
  margin-left: auto
}
.cart-body__top .btn--currency {
  align-items: center;
  background-color: #ffffff0d;
  display: flex;
  height: 48px;
  padding-left: 18px;
  padding-right: 1.25rem
}
.cart-body__top .btn--currency:focus, .cart-body__top .btn--currency:hover {
  background-color: #ffffff14
}
.cart-body__top .btn--currency span, .cart-body__top .btn--currency svg {
  display: inline-block
}
.cart-body__top .btn--currency svg {
  margin-left: .75rem
}
.cart-body__top .btn--currency span {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px
}
.cart-body__top .menu--currency .menu__dd {
  --tw-bg-opacity: 1;
  background-color: rgb(91 61 117/var(--tw-bg-opacity));
  border-color: #ffffff0d;
  border-width: 2px;
  right: 0;
  width: 140px
}
.cart-body__top .menu--currency .menu__dd:before {
  left: unset;
  margin-left: unset;
  right: 2.25rem
}
.cart-body__top .currency-grid a {
  font-size: 16px;
  font-weight: 500;
  height: 34px;
  line-height: 34px
}
.cart-body__top .currency-grid a:not(.active):focus, .cart-body__top .currency-grid a:not(.active):hover {
  --tw-bg-opacity: 1;
  background-color: rgb(102 71 129/var(--tw-bg-opacity))
}
.cart-body__items .basket-item__price span {
  --tw-text-opacity: 1;
  color: rgb(126 237 116/var(--tw-text-opacity))
}
.cart-body__items .basket-item .option {
  align-items: flex-start;
  flex-direction: column
}
.cart-body__items .basket-item .option:not(:first-of-type) {
  margin-top: 1.25rem
}
.cart-body__items .basket-item .option svg {
  display: none
}
.cart-body__items .basket-item .option .option-name, .cart-body__items .basket-item .option .option-value {
  margin-left: 0
}
.cart-body__bottom {
  align-items: center;
  display: flex;
  margin-top: auto;
  padding-top: 2.25rem
}
.cart-body__bottom .btn--checkout, .cart-body__bottom .btn--checkout-back {
  align-items: center;
  border-radius: 6px;
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  min-height: 60px
}
.cart-body__bottom .btn--checkout svg, .cart-body__bottom .btn--checkout-back svg {
  flex: 0 0 21px;
  margin-right: .875rem;
  width: 21px
}
.cart-body__bottom .btn--checkout span, .cart-body__bottom .btn--checkout-back span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 700;
  line-height: 24px
}
.cart-body__total {
  margin-right: 70px
}
.cart-body__total .h4, .cart-body__total span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: block
}
.cart-body__total span {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  opacity: .4
}
.cart-body__total .h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin-top: .125rem
}
@media(max-width:1050px) {
  #modal-slideout-cart.modal.is-slideout .modal-wrap {
    grid-template-columns: minmax(auto, 533px)
  }
}
@media(max-width:700px) {
  #modal-slideout-cart .btn.btn--close {
    flex: 0 0 36px;
    height: 36px;
    left: -52px;
    top: 1rem;
    width: 36px
  }
  #modal-slideout-cart .modal-dialogue__inner {
    padding: 1.5rem
  }
  .cart-header {
    background: linear-gradient(65deg, #7a4bd7, #9837d1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 119px;
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
  .cart-header:after {
    width: 240px
  }
  .cart-header .cart-header__buttons {
    margin-top: .375rem
  }
  .cart-header .btn--cart__img {
    display: none
  }
  .cart-header h6 b {
    font-size: 24px;
    font-weight: 400;
    line-height: 29px
  }
  .cart-header .btn--login, .cart-header .btn--logout {
    height: 28px;
    line-height: 28px;
    margin-bottom: 0;
    padding-left: .625rem;
    padding-right: .625rem
  }
  .cart-header .btn--login span, .cart-header .btn--logout span {
    font-size: 12px
  }
  .cart-header .btn--login svg, .cart-header .btn--logout svg {
    flex: 0 0 14px;
    width: 14px
  }
  .cart-body__top {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
  }
  .cart-body__top .cart-body__top__left svg {
    flex: 0 0 16px;
    height: 16px;
    width: 16px
  }
  .cart-body__top .cart-body__top__left span {
    font-size: 16px;
    line-height: 19px
  }
  .cart-body__bottom {
    align-items: center;
    flex-direction: column
  }
  .cart-body__bottom .btn--checkout, .cart-body__bottom .btn--checkout-back {
    margin-top: 1.5rem;
    width: 100%
  }
  .cart-body__total {
    margin-right: 0;
    text-align: center
  }
  #modal-slideout-cart.modal.is-slideout .modal-wrap {
    grid-template-columns: minmax(auto, 308px)
  }
}
@media(max-width:400px) {
  #modal-slideout-cart .btn.btn--close {
    left: -18px;
    top: 1.5rem
  }
}
.modal-dialogue--storeMenu {
  border-radius: 0;
  max-width: 370px;
  padding: 2.25rem
}
.modal-dialogue--storeMenu .btn--close {
  right: -90px;
  top: 36px;
  z-index: 4
}
.modal-dialogue--storeMenu .modal-dialogue__inner--top {
  --tw-bg-opacity: 1;
  background-color: rgb(149 52 231/var(--tw-bg-opacity));
  border-radius: 6px;
  display: block;
  font-family: var(--fontRusso);
  font-size: 24px;
  line-height: 29px;
  overflow: hidden;
  padding-bottom: 2.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 2.5rem;
  position: relative;
  text-align: center
}
.modal-dialogue--storeMenu .modal-dialogue__inner--top:before {
  --tw-rotate: 26deg;
  --tw-gradient-from: transparent;
  --tw-gradient-to: transparent;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #ffffff1a;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  content: "";
  display: block;
  height: 200px;
  left: -50px;
  position: absolute;
  top: -64px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  width: 200px
}
.modal-dialogue--storeMenu .modal-dialogue__inner--body {
  display: flex;
  flex-direction: column;
  gap: .75rem;
  margin-top: 2.25rem
}
.modal-dialogue--storeMenu .menu-cat__toggle, .modal-dialogue--storeMenu .simple-cat {
  --tw-bg-opacity: 1;
  background-color: rgb(65 44 84/var(--tw-bg-opacity))
}
.modal-dialogue--storeMenu .simple-subcat {
  font-weight: 500
}
.modal-dialogue--storeMenu .menu-cat__toggle.active, .modal-dialogue--storeMenu .simple-cat.active, .modal-dialogue--storeMenu .simple-subcat.active {
  box-shadow: 0 4px 20px 0 #00000026
}
.modal-dialogue--storeMenu .menu-cat__subcats {
  padding-top: 0
}
@media(max-width:500px) {
  .modal-dialogue--storeMenu {
    max-width: 308px;
    padding: 1.5rem
  }
  .modal-dialogue--storeMenu .btn--close {
    height: 36px;
    right: -51px;
    top: 16px;
    width: 36px
  }
  .modal-dialogue--storeMenu .modal-dialogue__inner--top {
    padding-bottom: 42px;
    padding-top: 42px
  }
  .modal-dialogue--storeMenu .modal-dialogue__inner--body {
    margin-top: 1.5rem
  }
  .modal-dialogue--storeMenu .modal-dialogue__inner--top {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px
  }
}
@media(max-width:390px) {
  .modal-dialogue--storeMenu .btn--close {
    right: -28px;
    top: 1.5rem
  }
}
#modal-shopping .modal-wrap {
  padding-left: 112px;
  padding-right: 112px
}
.package-modal .package-modal__heading {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(149 52 231/var(--tw-bg-opacity));
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  overflow: hidden;
  padding-bottom: 42px;
  padding-left: 2.25rem;
  padding-right: 110px;
  padding-top: 42px;
  position: relative
}
.package-modal .package-modal__heading .h3 {
  display: inline-block;
  font-family: var(--fontRusso);
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  position: relative;
  z-index: 4
}
.package-modal .package-modal__heading .rectangle-container {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.package-modal .package-modal__heading .rectangle {
  height: 100%
}
.package-modal .btn--heading-close {
  align-items: center;
  bottom: 0;
  display: flex;
  flex: 0 0 36px;
  height: 36px;
  justify-content: center;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  right: 40px;
  top: 0;
  transition-duration: .5s;
  width: 36px
}
.package-modal .btn--heading-close:focus, .package-modal .btn--heading-close:hover {
  --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))
}
.package-modal .btn--heading-close svg {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.package-modal .package-modal__desc, .package-modal .package-modal__info {
  padding-bottom: 33px;
  padding-left: 2.25rem;
  padding-right: 2.25rem;
  padding-top: 33px
}
.package-modal .package-modal__desc h1, .package-modal .package-modal__desc h2, .package-modal .package-modal__desc h3, .package-modal .package-modal__desc h4, .package-modal .package-modal__desc h5, .package-modal .package-modal__desc h6 {
  margin-bottom: 1.75rem;
  margin-top: 1.75rem
}
.package-modal .package-modal__desc p {
  --tw-text-opacity: 1;
  color: rgb(204 204 206/var(--tw-text-opacity));
  font-weight: 500
}
.package-modal .package-modal__desc a {
  --tw-text-opacity: 1;
  color: rgb(236 214 95/var(--tw-text-opacity));
  font-weight: 700
}
.package-modal .package-modal__desc ul {
  list-style-type: none
}
.package-modal .package-modal__info {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(80 54 104/var(--tw-bg-opacity));
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  display: flex
}
.package-modal .info-buttons {
  margin-left: auto
}
.package-modal .info-buttons .btn {
  height: 54px
}
.package-modal .info-buttons .btn--add, .package-modal .info-buttons .btn--remove {
  align-items: center;
  display: flex;
  flex: 0 0 208px;
  justify-content: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  width: 208px
}
.package-modal .info-buttons .btn--add svg, .package-modal .info-buttons .btn--remove svg {
  margin-right: .875rem
}
.package-modal .info-buttons .btn--gift {
  padding-left: 18px;
  padding-right: 18px
}
.package-modal .package__buttons {
  align-items: center;
  display: flex;
  gap: .75rem
}
.package-modal .price-actual, .package-modal .price-discount {
  display: block;
  font-weight: 700
}
.package-modal .price-actual {
  --tw-text-opacity: 1;
  color: rgb(126 237 116/var(--tw-text-opacity));
  font-size: 24px;
  line-height: 36px
}
.package-modal .price-discount {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 16px;
  line-height: 24px;
  opacity: .4
}
.package-modal .menu.is-closed .menu__dd {
  bottom: 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  visibility: hidden
}
.package-modal .menu.is-open .menu__dd {
  bottom: calc(100% + 12px);
  opacity: 1;
  pointer-events: auto;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto;
  visibility: visible
}
.package-modal .menu .menu__dd {
  --tw-bg-opacity: 1;
  background-color: rgb(93 63 121/var(--tw-bg-opacity));
  flex: 0 0 225px;
  right: -12px;
  top: unset;
  width: 225px
}
.package-modal .menu .menu__dd:before {
  display: none
}
.gift-form {
  box-shadow: 0 4px 20px 0 #00000026;
  display: flex;
  flex-direction: column;
  padding: .75rem;
  position: relative
}
.gift-form:after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #5d3f79;
  bottom: -8px;
  content: "";
  height: 0;
  position: absolute;
  right: 30px;
  width: 0
}
.gift-form .btn--pink {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: .75rem;
  width: 100%
}
.gift-form input {
  flex: 1 1 auto;
  text-align: center;
  width: unset
}
.gift-form .input, .gift-form input {
  --tw-bg-opacity: 1;
  background-color: rgb(103 70 134/var(--tw-bg-opacity));
  border-radius: 4px;
  height: 54px;
  line-height: 54px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  transition-duration: .2s
}
.gift-form .input:focus, .gift-form input:focus {
  --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)
}
.gift-form .input::-moz-placeholder, .gift-form input::-moz-placeholder {
  font-size: 16px
}
.gift-form .input::placeholder, .gift-form input::placeholder {
  font-size: 16px
}
.gift-form .input::-moz-placeholder, .gift-form input::-moz-placeholder {
  font-weight: 500
}
.gift-form .input::placeholder, .gift-form input::placeholder {
  font-weight: 500
}
.gift-form .input::-moz-placeholder, .gift-form input::-moz-placeholder {
  line-height: 24px
}
.gift-form .input::placeholder, .gift-form input::placeholder {
  line-height: 24px
}
.gift-form .input::-moz-placeholder, .gift-form input::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.gift-form .input::placeholder, .gift-form input::placeholder {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.gift-form .input::-moz-placeholder, .gift-form input::-moz-placeholder {
  opacity: .4
}
.gift-form .input::placeholder, .gift-form input::placeholder {
  opacity: .4
}
@media(max-width:900px) {
  #modal-shopping .modal-wrap {
    padding: 2.25rem
  }
}
@media(max-width:650px) {
  .package-modal .btn--heading-close {
    right: 26px
  }
  .package-modal .package-modal__desc, .package-modal .package-modal__info {
    padding: 1.5rem
  }
  .package-modal .package-modal__heading {
    padding-bottom: 2rem;
    padding-right: 90px;
    padding-top: 2rem
  }
  .package-modal .package-modal__heading .h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px
  }
  .package-modal .package-modal__heading .rectangle-container {
    overflow: hidden
  }
  .package-modal .package-modal__heading .rectangle {
    margin-left: -50px
  }
  .package-modal .package-modal__info {
    flex-direction: column
  }
  .package-modal .info-price {
    text-align: center
  }
  .package-modal .info-buttons {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.75rem
  }
  .package-modal .menu .menu__dd {
    left: 0;
    right: unset
  }
  .package-modal .package-modal__desc {
    padding-bottom: 32px;
    padding-top: 32px
  }
  .package-modal__desc {
    text-align: center
  }
  .gift-form:after {
    left: 20px;
    right: unset
  }
}
@media(max-width:540px) {
  #modal-shopping .modal-wrap {
    padding: .75rem;
    padding-bottom: 129px;
    padding-top: 129px
  }
}
@media(max-width:500px) {
  .package-modal .info-buttons {
    margin-top: 1.5rem
  }
  .package-modal .price-actual {
    font-size: 20px;
    line-height: 30px
  }
  .package-modal .price-discount {
    font-size: 14px;
    line-height: 20px
  }
}
@media(max-width:480px) {
  .package-modal .info-buttons {
    width: 100%
  }
  .package-modal .info-buttons .btn--add, .package-modal .info-buttons .btn--remove {
    flex: 1 1 auto;
    width: 100%
  }
}
@media(max-width:390px) {
  .package-modal .package-modal__desc, .package-modal .package-modal__info {
    padding: 1.25rem
  }
}
.module.module--giftcardbalance {
  padding: 1.5rem
}
.module.module--giftcardbalance .giftcard-status {
  font-size: 14px;
  line-height: 24px;
  opacity: .6
}
.module.module--giftcardbalance #giftcard-balance-form {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr))
}
.module.module--giftcardbalance #giftcard-balance-form button, .module.module--giftcardbalance #giftcard-balance-form input {
  height: 48px;
  line-height: 48px
}
.module.module--giftcardbalance #giftcard-balance-form input {
  font-weight: 500;
  text-align: center
}
.module.module--giftcardbalance #giftcard-balance-form button {
  margin-top: .75rem
}
/* ====== DRILL-UK: lock Tebex to "We've moved" landing ====== */

/* A) Hide everything below the header (content, nav, panels, footer, modals, etc.) */
#ndzn-app > .page-content,
#ndzn-app .page-main,
#ndzn-app .panel,
#ndzn-notification,
.top-bar,
.nav, .navigation, .navbar, .site-nav,
.menu, .menu--currency, .modal, .modal-wrap, .modal-dialogue,
#modal-slideout-cart, #modal-shopping,
.page-sidebar, .store-sidebar, .widget-area,
.categories, .category-list, .category-grid,
.ndzn-category, .category__packages,
.module, .module-container,
.basket, .cart, .mini-cart,
#ndzn-footer,
footer,
.currency-grid,
.panel--packages__images, .panel--packages__list,
.panel--category__title, .panel--category-description,
.content-homepage,
.panel--checkout, .content-checkout,
.content-login,
.panel.package,
.panel--giftcardbalance,
.panel--login {
  display: none !important;
}

/* B) Keep the page tidy */
#ndzn-app, .page-content { min-height: auto !important; }
.container { max-width: 920px !important; }

/* C) Remove the Main Site button; keep Support as our CTA */
.btn--header.btn--back { display: none !important; }

/* D) Make Support into a big centered pink button */
.header-top__right {
  margin-left: 0 !important;
  width: 100%;
  display: flex;
  justify-content: center;
}
.btn--header.btn--support {
  background: #ff007f !important;
  border-color: transparent !important;
  color: #fff !important;
  padding: 16px 32px !important;
  height: auto !important;
  line-height: 1.2 !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 30px rgba(255,0,127,.2);
  gap: 10px !important;
}
.btn--header.btn--support svg { display: none !important; }
.btn--header.btn--support span {
  font-size: 20px !important;
  font-weight: 800 !important;
  letter-spacing: .3px;
}
/* Force the button label (bullet-proof) */
.btn--header.btn--support span { visibility: hidden; }
.btn--header.btn--support span::after {
  content: "Open the new store →";
  visibility: visible;
}

/* E) Add a clear headline under your logo */
#ndzn-header { padding-top: 40px !important; }
.header-logo { margin-top: 10px !important; }
/* Hide broken Imgur logo image but keep the area for the message */
#ndzn-header .header-logo img { display: none !important; }
#ndzn-header .header-logo::after {
  content: "We’ve moved our store to store.drill-uk.com";
  display: block;
  text-align: center;
  margin: 18px auto 8px;
  font-family: var(--fontRusso, "Russo One", sans-serif);
  font-size: 22px;
  line-height: 1.3;
  opacity: .95;
}

/* Mobile tweaks */
@media (max-width: 650px) {
  #ndzn-header .header-logo::after { font-size: 18px; margin-top: 14px; }
  .btn--header.btn--support { width: calc(100% - 2rem); }
}