:root {
  --font: "Space Grotesk", sans-serif;
  --mdi: "Material Design Icons";
  --spacing: 25px;
  --paragraphSpacing: 24px;
  --paddingBody: 9px 38px 38px 38px;
  --paddingBodyAlt: 38px 38px 38px 38px;
  --sidebar: 310px
}
@media(max-width:900px) {
  :root {
    --spacing: 15px;
    --paragraphSpacing: 20px;
    --paddingBody: 9px 30px 30px;
    --paddingBodyAlt: 30px
  }
}
@media(max-width:650px) {
  :root {
    --paddingBody: 0 24px 24px;
    --paddingBodyAlt: 24px
  }
}
@media(max-width:540px) {
  :root {
    --paragraphSpacing: 16px;
    --paddingBody: 0 16px 16px;
    --paddingBodyAlt: 16px
  }
}
.modal {
  --maxWidth: 800px;
  --maxHeight: 619px;
  --modalBodyPadding: 32px 32px 32px 32px;
  --headerHeight: 163px;
  --headerHeightAlt: 100px;
  --bodyHeight: calc(var(--maxHeight) - var(--headerHeight) - 94px);
  --bodyHeightAlt: calc(var(--maxHeight) - var(--headerHeight) + 60px)
}
@media(max-width:750px) {
  .modal {
    --modalBodyPadding: 14px 11px 14px 20px;
    --headerHeight: 180px
  }
}
@media(max-width:400px) {
  .modal {
    --headerHeight: 202px
  }
}
.modal {
  display: none
}
.modal-dialog:empty:after {
  -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");
  content: "";
  display: block;
  height: 100px;
  opacity: .12;
  width: 100px
}
.modal.is-open {
  display: block
}
.modal .modal-box, .modal .modal-dialog {
  will-change: transform
}
.modal .modal-dialog {
  --tw-bg-opacity: 0.92;
  align-items: center;
  background-color: rgb(28 32 33/var(--tw-bg-opacity));
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  padding: var(--spacing);
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999
}
.modal-box {
  --tw-bg-opacity: 1;
  background-color: rgb(47 52 54/var(--tw-bg-opacity));
  max-width: var(--maxWidth);
  position: relative;
  width: 100%
}
.modal-box .modal-close {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.8;
  --tw-text-opacity: 1;
  background-color: rgb(211 0 71/var(--tw-bg-opacity));
  border-radius: 50%;
  color: rgb(255 255 255/var(--tw-text-opacity));
  cursor: pointer;
  font-size: 28px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: -22px;
  text-align: center;
  top: -22px;
  transition-duration: .15s;
  width: 44px
}
.modal-box .modal-close:focus, .modal-box .modal-close:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(227 21 90/var(--tw-bg-opacity))
}
.modal-header {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(59 64 66/var(--tw-bg-opacity));
  border-radius: 4px;
  display: flex;
  height: var(--headerHeight)
}
.modal-header .mdi-close {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  cursor: pointer;
  font-size: 31px;
  height: 32px;
  line-height: 32px;
  opacity: .4;
  right: 0;
  right: 10px;
  text-align: center;
  top: 0;
  top: 10px;
  transition-duration: .2s;
  width: 32px
}
.modal-header .mdi-close:focus, .modal-header .mdi-close:hover {
  opacity: .7
}
.modal-header img {
  width: 127px
}
.modal-body h3, .modal-body h4 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-weight: 800;
  line-height: 28px;
  padding-bottom: .75rem;
  position: relative
}
.modal-body h3:after, .modal-body h4:after {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  bottom: 0;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 25px
}
.modal-body h3 {
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 1rem
}
.modal-body h4 {
  font-size: 18px
}
.modal-body p, .modal-body p strong {
  font-size: 16px;
  letter-spacing: .025em;
  line-height: 37px
}
.modal-body p {
  --tw-text-opacity: 1;
  color: rgb(162 162 162/var(--tw-text-opacity));
  font-weight: 500
}
.modal-body p strong {
  --tw-text-opacity: 1;
  color: rgb(216 216 216/var(--tw-text-opacity));
  font-weight: 700
}
.modal-body .modal-body-inner {
  height: var(--bodyHeight);
  overflow: auto;
  padding-bottom: 14px;
  padding-right: 24px;
  padding-top: 14px
}
.modal-body .modal-body-inner::-webkit-scrollbar {
  width: 5px
}
.modal-body .modal-body-inner::-webkit-scrollbar-track {
  --tw-bg-opacity: 1;
  background-color: rgb(59 64 66/var(--tw-bg-opacity));
  border-radius: 6px
}
.modal-body .modal-body-inner::-webkit-scrollbar-thumb {
  --tw-bg-opacity: 1;
  background-color: rgb(103 103 103/var(--tw-bg-opacity));
  border-radius: 6px
}
.modal-body-inner:after, .modal-body-inner:before {
  content: "";
  display: block;
  height: 30px;
  left: 0;
  pointer-events: none;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: calc(100% - 40px);
  z-index: 4
}
.modal-body-inner:before {
  --tw-gradient-from: #2f3436;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(47, 52, 54, 0));
  --tw-gradient-to: transparent;
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  top: 227px
}
.modal-body-inner:after {
  --tw-gradient-from: transparent;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent);
  --tw-gradient-to: #2f3436;
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  bottom: 32px
}
.shop-menu-body::-webkit-scrollbar {
  width: 5px;
  width: 5px
}
.shop-menu-body::-webkit-scrollbar-track {
  background: #7496e7;
  border-radius: 5px
}
.shop-menu-body::-webkit-scrollbar-thumb {
  background: #d2dfff;
  border-radius: 5px
}
@-webkit-keyframes mmfadeIn {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@keyframes mmfadeIn {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@-webkit-keyframes mmfadeOut {
  0% {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
@keyframes mmfadeOut {
  0% {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
.modal[aria-hidden=false] .modal-dialog {
  -webkit-animation: mmfadeIn .3s cubic-bezier(0, 0, .2, 1);
  animation: mmfadeIn .3s cubic-bezier(0, 0, .2, 1)
}
.modal[aria-hidden=true] .modal-dialog {
  -webkit-animation: mmfadeOut .3s cubic-bezier(0, 0, .2, 1);
  animation: mmfadeOut .3s cubic-bezier(0, 0, .2, 1)
}
@-webkit-keyframes mmslideUpIn {
  0% {
    transform: translateY(var(--spacing))
  }
  to {
    transform: translateY(0)
  }
}
@keyframes mmslideUpIn {
  0% {
    transform: translateY(var(--spacing))
  }
  to {
    transform: translateY(0)
  }
}
@-webkit-keyframes mmslideUpOut {
  0% {
    transform: translateY(0)
  }
  to {
    transform: translateY(calc(var(--spacing)*-1))
  }
}
@keyframes mmslideUpOut {
  0% {
    transform: translateY(0)
  }
  to {
    transform: translateY(calc(var(--spacing)*-1))
  }
}
.modal.is-slide-up[aria-hidden=false] .modal-box {
  -webkit-animation: mmfadeIn .2s, mmslideUpIn .3s cubic-bezier(0, 0, .2, 1);
  animation: mmfadeIn .2s, mmslideUpIn .3s cubic-bezier(0, 0, .2, 1)
}
.modal.is-slide-up[aria-hidden=true] .modal-box {
  -webkit-animation: mmfadeOut .2s, mmslideUpOut .3s cubic-bezier(0, 0, .2, 1);
  animation: mmfadeOut .2s, mmslideUpOut .3s cubic-bezier(0, 0, .2, 1)
}
@-webkit-keyframes mmslideLtrIn {
  0% {
    transform: translateX(-25px)
  }
  to {
    transform: translateY(0)
  }
}
@keyframes mmslideLtrIn {
  0% {
    transform: translateX(-25px)
  }
  to {
    transform: translateY(0)
  }
}
@-webkit-keyframes mmslideLtrOut {
  0% {
    transform: translateX(0)
  }
  to {
    transform: translateX(-25px)
  }
}
@keyframes mmslideLtrOut {
  0% {
    transform: translateX(0)
  }
  to {
    transform: translateX(-25px)
  }
}
.modal.is-slide-ltr[aria-hidden=false] .modal-box {
  -webkit-animation: mmfadeIn .2s, mmslideLtrIn .3s cubic-bezier(0, 0, .2, 1);
  animation: mmfadeIn .2s, mmslideLtrIn .3s cubic-bezier(0, 0, .2, 1)
}
.modal.is-slide-ltr[aria-hidden=true] .modal-box {
  -webkit-animation: mmfadeOut .2s, mmslideLtrOut .3s cubic-bezier(0, 0, .2, 1);
  animation: mmfadeOut .2s, mmslideLtrOut .3s cubic-bezier(0, 0, .2, 1)
}
@-webkit-keyframes mmslideRtlIn {
  0% {
    transform: translateX(25px)
  }
  to {
    transform: translateY(0)
  }
}
@keyframes mmslideRtlIn {
  0% {
    transform: translateX(25px)
  }
  to {
    transform: translateY(0)
  }
}
@-webkit-keyframes mmslideRtlOut {
  0% {
    transform: translateX(0)
  }
  to {
    transform: translateX(25px)
  }
}
@keyframes mmslideRtlOut {
  0% {
    transform: translateX(0)
  }
  to {
    transform: translateX(25px)
  }
}
.modal.is-slide-rtl[aria-hidden=false] .modal-box {
  -webkit-animation: mmfadeIn .2s, mmslideRtlIn .3s cubic-bezier(0, 0, .2, 1);
  animation: mmfadeIn .2s, mmslideRtlIn .3s cubic-bezier(0, 0, .2, 1)
}
.modal.is-slide-rtl[aria-hidden=true] .modal-box {
  -webkit-animation: mmfadeOut .2s, mmslideRtlOut .3s cubic-bezier(0, 0, .2, 1);
  animation: mmfadeOut .2s, mmslideRtlOut .3s cubic-bezier(0, 0, .2, 1)
}
#checkout-overlay, #waiting-overlay {
  align-items: center;
  background-color: #1c1c1ced;
  bottom: 0;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  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
}
#checkout-overlay:after, #waiting-overlay:after, .modal-dialog:empty:after {
  -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");
  content: "";
  display: block;
  height: 100px;
  opacity: .12;
  width: 100px
}
@-webkit-keyframes modalSpinner {
  0% {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(1turn)
  }
}
@keyframes modalSpinner {
  0% {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(1turn)
  }
}
@media(max-width:750px) {
  .modal-header {
    padding: var(--paddingBody);
    padding-right: 4rem
  }
  .modal-body p {
    font-size: 14px;
    line-height: 29px
  }
  .modal-body-inner:after, .modal-body-inner:before {
    height: 20px
  }
  .modal-body-inner:before {
    top: 189px
  }
}
@media(max-width:560px) {
  .modal-header {
    align-items: center;
    justify-content: center;
    padding: 1rem 2.25rem
  }
  .modal-header .mdi-close {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    height: 36px;
    line-height: 36px;
    opacity: 1;
    right: -8px;
    top: -8px;
    width: 36px
  }
  .modal-header .mdi-close, .modal-header .mdi-close:focus, .modal-header .mdi-close:hover {
    background-color: rgb(63 94 124/var(--tw-bg-opacity))
  }
  .modal-header .mdi-close:focus, .modal-header .mdi-close:hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    opacity: 1
  }
  .modal-body h3:after, .modal-body h3:before {
    margin-left: auto;
    margin-right: auto;
    right: 0
  }
  .modal-body .modal-body-inner {
    text-align: center
  }
}
@media(max-width:450px) {
  .modal-header {
    padding: .5rem 1.5rem
  }
  .modal-header .mdi-close {
    font-size: 27px;
    height: 32px;
    line-height: 32px;
    right: -10px;
    top: -10px;
    width: 32px
  }
  .modal-body h3 {
    font-size: 16px;
    line-height: 22px
  }
}
@media(max-width:400px) {
  .modal-body p {
    font-size: 13px
  }
  .modal-body-inner:before {
    top: 211px
  }
}
.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)
}
*, :after, :before {
  border: 0 solid;
  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%;
  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:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #9ca3af;
  opacity: 1
}
input::placeholder, textarea::placeholder {
  color: #9ca3af;
  opacity: 1
}
[role=button], button {
  cursor: pointer
}
:disabled {
  cursor: default
}
audio, canvas, embed, iframe, img, object, svg, video {
  display: block;
  vertical-align: middle
}
img, video {
  height: auto;
  max-width: 100%
}
[hidden] {
  display: none
}
*, :after, :before {
  --tw-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
  }
}
.ml-auto {
  margin-left: auto
}
.block {
  display: block
}
.flex {
  display: flex
}
.inline-flex {
  display: inline-flex
}
.grid {
  display: grid
}
.list-item {
  display: list-item
}
.hidden {
  display: none
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.content-center {
  align-content: center
}
.items-center {
  align-items: center
}
.justify-center {
  justify-content: center
}
.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
}
.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)
}
body, html {
  height: 100%
}
body {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(33 37 39/var(--tw-bg-opacity));
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: flex;
  flex-direction: column;
  font-family: var(--font)
}
main.container {
  padding-bottom: 3rem
}
.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1285px;
  padding-left: var(--spacing);
  padding-right: var(--spacing);
  width: 100%
}
.container.container-sml {
  max-width: calc(428px + var(--spacing)*2)
}
.container.container-smaller {
  max-width: calc(817px + var(--spacing)*2)
}
.panel {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  background-color: rgb(47 52 54/var(--tw-bg-opacity));
  border-radius: 4px;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  color: rgb(255 255 255/var(--tw-text-opacity));
  margin-bottom: var(--spacing)
}
.panel:last-child {
  margin-bottom: 0
}
.panel.panel-green {
  --tw-bg-opacity: 1;
  background-color: rgb(92 164 44/var(--tw-bg-opacity));
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}
.panel.panel-sale {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: -2px;
  position: relative;
  z-index: 3
}
.panel.panel-sale .panel-body {
  padding: 0
}
.panel .panel-heading {
  padding-bottom: 24px;
  padding-left: 34px;
  padding-right: 34px;
  padding-top: 24px;
  position: relative
}
.panel .panel-heading:before {
  --tw-bg-opacity: 1;
  background-color: rgb(107 147 12/var(--tw-bg-opacity));
  bottom: 15px;
  content: "";
  height: 3px;
  left: 36px;
  position: absolute;
  width: 24px
}
.panel .panel-heading.white:before {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.panel .panel-heading.white .h3 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.panel .panel-heading .h3 {
  --tw-text-opacity: 1;
  color: rgb(107 147 12/var(--tw-text-opacity));
  font-size: 30px;
  font-weight: 700
}
.panel .panel-body {
  padding: var(--paddingBody)
}
.panel .panel-body p {
  --tw-text-opacity: 1;
  color: rgb(162 162 162/var(--tw-text-opacity));
  font-size: 17px;
  font-weight: 500;
  line-height: 34px
}
.panel p:not(:first-child) {
  margin-top: var(--paragraphSpacing)
}
.panel p>a {
  --tw-text-opacity: 1;
  color: rgb(186 225 92/var(--tw-text-opacity));
  transition-duration: .15s
}
.panel p>a:focus, .panel p>a:hover {
  --tw-text-opacity: 1;
  color: rgb(214 245 138/var(--tw-text-opacity))
}
.panel p>b {
  --tw-text-opacity: 1;
  color: rgb(220 220 220/var(--tw-text-opacity))
}
.page-content {
  flex: 1 1 auto
}
#ndzn-page {
  flex-direction: column;
  margin-top: -14px
}
.currency-container {
  position: relative;
  z-index: 6
}
.currency-container .mdi-menu-up {
  display: none
}
.currency-container .menu.is-currency {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: 4px;
  display: none;
  padding: .5rem;
  right: 0;
  top: 44px;
  width: 110px
}
.currency-container.open .is-currency {
  display: block;
  opacity: 1;
  position: absolute;
  top: 44px
}
.currency-container.open .mdi-menu-up {
  display: block
}
.currency-container.open .mdi-menu-down {
  display: none
}
.currency-container .currency-grid {
  display: grid;
  gap: 6px;
  grid-template-columns: 1fr 1fr
}
.currency-container .currency-grid>a {
  --tw-text-opacity: 1;
  border-radius: 4px;
  color: rgb(65 68 69/var(--tw-text-opacity));
  font-size: 15px;
  font-weight: 700;
  height: 26px;
  line-height: 26px;
  overflow: hidden;
  text-align: center;
  transition-duration: .15s
}
.currency-container .currency-grid>a:focus, .currency-container .currency-grid>a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245/var(--tw-bg-opacity))
}
.currency-container .currency-grid>a.active {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(102 102 102/var(--tw-bg-opacity));
  color: rgb(255 255 255/var(--tw-text-opacity))
}
#ndzn-notification .panel {
  --tw-bg-opacity: 1;
  background-color: rgb(211 0 71/var(--tw-bg-opacity))
}
#ndzn-notification .alert {
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: calc(var(--spacing) + 14px);
  margin-top: -14px;
  padding-bottom: 1.75rem;
  padding-left: 76px;
  padding-right: 2rem;
  padding-top: 1.75rem;
  position: relative
}
#ndzn-notification .alert i {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: 4px;
  color: rgb(211 0 71/var(--tw-text-opacity));
  font-size: 24px;
  font-style: normal;
  height: 36px;
  left: 22px;
  line-height: 36px;
  position: absolute;
  text-align: center;
  top: 22px;
  width: 36px
}
@media(max-width:900px) {
  .panel.panel-sale {
    padding: 30px
  }
  .panel .panel-heading {
    padding-left: 30px;
    padding-right: 30px
  }
  .panel .panel-heading:before {
    left: 30px
  }
  .panel .panel-body p {
    font-size: 16px;
    line-height: 30px
  }
}
@media(max-width:650px) {
  .panel.panel-user {
    height: 90px;
    padding-left: 14px
  }
  .panel.panel-user .mdi-menu {
    font-size: 40px
  }
  .panel.panel-user .mobile-menu-link {
    height: 60px;
    padding-left: .75rem;
    padding-right: 18px
  }
  .panel.panel-user .mobile-menu-link>span {
    font-size: 20px
  }
  .panel.panel-user .part-right img {
    right: -10px;
    width: 42px
  }
  .panel.panel-user .part-right>a {
    padding-left: 1.25rem;
    padding-right: 52px
  }
  .panel .panel-heading {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    text-align: center
  }
  .panel .panel-heading:before {
    display: none
  }
  .panel .panel-heading .h3 {
    font-size: 25px
  }
  .panel .panel-body {
    text-align: center
  }
  #ndzn-notification .alert {
    padding-bottom: 1.25rem;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    padding-top: 1.25rem;
    text-align: center
  }
  #ndzn-notification .alert span {
    font-size: 14px
  }
  #ndzn-notification .alert i {
    display: block;
    font-size: 22px;
    height: 30px;
    line-height: 30px;
    margin-bottom: var(--spacing);
    margin-left: auto;
    margin-right: auto;
    position: unset;
    width: 30px
  }
}
@media(max-width:540px) {
  .panel .panel-heading {
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem
  }
  .panel .panel-heading .h3 {
    font-size: 22px
  }
  .panel .panel-body p {
    font-size: 15px;
    line-height: 27px
  }
  #ndzn-notification .alert {
    padding-bottom: .875rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .875rem
  }
  #ndzn-notification .alert i {
    margin-bottom: 10px
  }
}
@media(max-width:450px) {
  .panel.panel-user .mobile-menu-link {
    padding-left: .75rem;
    padding-right: .75rem
  }
  .panel.panel-user .mobile-menu-link>span {
    display: none
  }
  .panel.panel-user .mdi-menu {
    margin-right: 0
  }
}
@media(max-width:350px) {
  .panel.panel-user .part-right img {
    display: none
  }
  .panel.panel-user .part-right>a {
    padding-right: 22px
  }
}
.btn {
  border-radius: 4px;
  box-shadow: 0 4px 6px #00000008;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  padding-left: 16px;
  padding-right: 16px;
  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);
  white-space: nowrap
}
.btn-warning {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(254 212 99/var(--tw-bg-opacity));
  color: rgb(68 52 10/var(--tw-text-opacity))
}
.btn-warning:focus, .btn-warning:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 221 130/var(--tw-bg-opacity))
}
.btn-danger {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(229 8 82/var(--tw-bg-opacity));
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.btn-danger:focus, .btn-danger:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(235 35 103/var(--tw-bg-opacity))
}
.btn-info {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(92 113 249/var(--tw-bg-opacity));
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.btn-info:focus, .btn-info:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(123 141 255/var(--tw-bg-opacity))
}
.btn-green, .btn-success {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(92 164 44/var(--tw-bg-opacity));
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.btn-green:focus, .btn-green:hover, .btn-success:focus, .btn-success:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(114 191 63/var(--tw-bg-opacity))
}
.btn-green-transparent {
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  border: 2px solid rgb(186 225 92/var(--tw-border-opacity));
  color: rgb(186 225 92/var(--tw-text-opacity))
}
.btn-green-transparent:focus, .btn-green-transparent:hover {
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  border-color: rgb(206 241 123/var(--tw-border-opacity));
  color: rgb(206 241 123/var(--tw-text-opacity))
}
.btn-grey {
  --tw-bg-opacity: 1;
  background-color: rgb(120 120 120/var(--tw-bg-opacity))
}
.btn-grey:focus, .btn-grey:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(126 126 126/var(--tw-bg-opacity))
}
.btn-purple {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(151 102 236/var(--tw-bg-opacity));
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.btn-purple:focus, .btn-purple:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(163 117 243/var(--tw-bg-opacity))
}
.btn-white {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  color: rgb(65 68 69/var(--tw-text-opacity))
}
#ndzn-header>div {
  background: #0f1213 url(https://web.archive.org/web/20230623194005im_/https://i.imgur.com/xdZmuF2.png) no-repeat 50%/cover;
  box-shadow: 0 7px 7px rgba(0, 0, 0, .05);
  min-height: 260px
}
#ndzn-header .header-splash {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.025;
  background-color: rgb(186 225 92/var(--tw-bg-opacity));
  box-shadow: 0 7px 7px rgba(0, 0, 0, .05)
}
#ndzn-header .header-splash .container {
  align-items: center;
  display: flex;
  padding-bottom: 26px;
  padding-top: 26px
}
#ndzn-header .header-splash .big {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: .01em
}
#ndzn-header .header-splash .sml {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .01em
}
#ndzn-header .splash-left, #ndzn-header .splash-right {
  align-items: center;
  cursor: pointer;
  display: flex;
  transition-duration: .2s
}
#ndzn-header .splash-text {
  transition-duration: .2s
}
#ndzn-header .splash-left {
  text-align: left
}
#ndzn-header .splash-left:hover .splash-text {
  transform: translateX(5px)
}
#ndzn-header .splash-right {
  margin-left: auto;
  text-align: right
}
#ndzn-header .splash-right:hover .splash-text {
  transform: translateX(-5px)
}
#ndzn-header .svg-parent {
  align-items: center;
  border-radius: 45px;
  display: flex;
  height: 45px;
  justify-content: center;
  line-height: 45px;
  width: 45px
}
#ndzn-header .svg-parent.svg-parent-play {
  --tw-bg-opacity: 1;
  background-color: rgb(211 0 71/var(--tw-bg-opacity));
  margin-right: 18px
}
#ndzn-header .svg-parent.svg-parent-discord {
  --tw-bg-opacity: 1;
  background-color: rgb(53 76 213/var(--tw-bg-opacity));
  margin-left: 18px
}
#ndzn-header .svg-play {
  fill: #fff;
  height: 17px
}
#ndzn-header .svg-discord {
  fill: #fff;
  height: 20px
}
#ndzn-header .header-main .container {
  align-items: center;
  display: flex;
  min-height: 295px;
  padding-bottom: .75rem
}
#ndzn-header .announcement {
  padding-bottom: 30px;
  padding-top: 30px
}
#ndzn-header .announcement .announcement-title {
  --tw-text-opacity: 1;
  color: rgb(186 225 92/var(--tw-text-opacity));
  font-size: 23px;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
#ndzn-header .announcement .announcement-description {
  --tw-text-opacity: 1;
  color: rgb(217 231 237/var(--tw-text-opacity));
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  margin-top: .75rem;
  max-height: 96px;
  overflow: hidden
}
#ndzn-header .announcement .announcement-buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-top: 1.25rem;
  max-height: 96px;
  overflow: hidden
}
#ndzn-header .announcement .announcement-buttons .btn {
  align-items: center;
  border-radius: 4px;
  display: inline-flex;
  font-size: 15px;
  height: 44px;
  line-height: 44px;
  margin: .5rem;
  padding-left: 22px;
  padding-right: 22px
}
#ndzn-header .announcement .announcement-buttons .btn>span {
  white-space: nowrap
}
#ndzn-header .main-left {
  flex: none;
  padding-right: 1.25rem
}
#ndzn-header .main-left .header-logo {
  display: inline-block;
  height: clamp(240px, 28vw, 320px);
  left: -.5rem;
  position: relative;
  width: 388px
}
#ndzn-header .main-left img {
  width: 100%
}
#ndzn-header .main-right {
  max-width: 790px;
  padding-left: 46px;
  position: relative
}
#ndzn-header .main-right:before {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.05;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: 3px;
  bottom: 0;
  content: "";
  display: block;
  height: 97px;
  left: 0;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  top: 0;
  width: 4px
}
#ndzn-header .swiper {
  height: 280px;
  height: 280px;
  width: 100%
}
#ndzn-header .swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 3rem
}
#ndzn-header .swiper-wrapper {
  align-items: center;
  display: flex
}
#ndzn-header .swiper-pagination-bullets {
  right: 0
}
#ndzn-header .swiper-pagination-bullet {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.25;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: 10px;
  height: 10px;
  margin-bottom: 11px;
  margin-top: 11px;
  transition-duration: .2s;
  width: 10px
}
#ndzn-header .swiper-pagination-bullet.swiper-pagination-bullet-active {
  --tw-bg-opacity: 1;
  background-color: rgb(186 225 92/var(--tw-bg-opacity))
}
#ndzn-header.header-login .header-main .container {
  align-items: center;
  justify-content: center;
  min-height: 255px;
  padding-bottom: 0;
  padding-top: 12px
}
#ndzn-header.header-login .main-left {
  padding-right: 0
}
#ndzn-header.header-login .main-left .header-logo {
  width: 324px
}
#ndzn-page.page-margin-variant {
  margin-top: 0;
}
@media(max-width:1250px) {
  #ndzn-header .announcement .announcement-buttons {
    margin-left: -4px
  }
  #ndzn-header .announcement .announcement-buttons .btn {
    margin: .25rem
  }
  #ndzn-header .header-main .container {
    padding-bottom: 0
  }
}
@media(max-width:1050px) {
  #ndzn-header .swiper-slide {
    padding-right: 2rem
  }
  #ndzn-header .main-left {
    padding-right: 1.5rem
  }
  #ndzn-header .main-left .header-logo {
    width: 360px
  }
  #ndzn-header .main-right {
    padding-left: 2.25rem
  }
  #ndzn-header .announcement .announcement-title {
    font-size: 21px
  }
  #ndzn-header .announcement .announcement-description {
    font-size: 16px;
    line-height: 32px
  }
  #ndzn-header .announcement .announcement-buttons {
    margin-top: 1rem
  }
  #ndzn-header .announcement .announcement-buttons .btn {
    height: 40px;
    line-height: 40px;
    padding-left: 14px;
    padding-right: 14px
  }
}
@media(max-width:900px) {
  #ndzn-header>div {
    min-height: 220px
  }
  #ndzn-header .main-left {
    padding-right: 0
  }
  #ndzn-header .main-right {
    display: none
  }
  #ndzn-header .header-main .container {
    justify-content: center;
    min-height: 238px
  }
  #ndzn-header .header-splash .container {
    padding-left: 26px;
    padding-right: 26px
  }
}
@media(max-width:650px) {
  #ndzn-header .header-splash .splash-left .sml {
    font-size: 13px;
    font-weight: 700;
    line-height: 17px;
    opacity: .5
  }
  #ndzn-header .header-splash .splash-right .splash-text {
    display: none
  }
}
@media(max-width:590px) {
  #ndzn-header .svg-parent.svg-parent-play {
    margin-right: 13px
  }
}
@media(max-width:470px) {
  #ndzn-header>div {
    min-height: 287px
  }
  #ndzn-header .main-left .header-logo {
    width: 220px
  }
  #ndzn-header .header-main .container {
    min-height: 190px
  }
}
@media(max-width:370px) {
  #ndzn-header .svg-parent.svg-parent-play {
    display: none
  }
}
.page-sidebar {
  margin-right: 1.5rem
}
.sidebar-default {
  flex: none;
  width: 350px
}
.sidebar-default>.panel {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding-bottom: 1.25rem;
  padding-left: .625rem;
  padding-right: .625rem;
  padding-top: 1.25rem
}
.sidebar-default>.panel .panel-body {
  padding: 0
}
.sidebar-default .sidebar-nav.panel {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: .625rem
}
.sidebar-default .sidebar-user {
  --tw-bg-opacity: 1;
  background-color: rgb(211 0 71/var(--tw-bg-opacity));
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  min-height: 112px;
  padding-bottom: 6px;
  padding-left: 88px;
  position: relative
}
.sidebar-default .user-img-outer {
  bottom: 0;
  height: 98px;
  left: 1rem;
  overflow: hidden;
  position: absolute
}
.sidebar-default .user-img-outer>img {
  width: 54px
}
.sidebar-default .user-info .big {
  font-size: 19px;
  font-weight: 600;
  letter-spacing: .01em
}
.sidebar-default .user-buttons {
  font-size: 0;
  margin-top: 11px
}
.sidebar-default .user-buttons>* {
  align-items: center;
  border-radius: 4px;
  display: inline-flex;
  height: 40px;
  justify-content: center;
  line-height: 40px
}
.sidebar-default .user-buttons>:not(:last-child) {
  margin-right: 10px
}
.sidebar-default .user-buttons>*>span {
  font-weight: 600
}
.sidebar-default .btn-cart {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  padding-left: 19px;
  padding-right: 19px
}
.sidebar-default .btn-cart:focus>span, .sidebar-default .btn-cart:hover>span {
  --tw-text-opacity: 1;
  color: rgb(219 8 79/var(--tw-text-opacity))
}
.sidebar-default .btn-cart>span {
  --tw-text-opacity: 1;
  color: rgb(211 0 71/var(--tw-text-opacity));
  font-size: 15px;
  letter-spacing: -.01em
}
.sidebar-default .btn-logout {
  --tw-bg-opacity: 1;
  background-color: rgb(193 1 66/var(--tw-bg-opacity))
}
.sidebar-default .btn-logout:focus, .sidebar-default .btn-logout:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(179 6 65/var(--tw-bg-opacity))
}
.sidebar-default .btn-logout>span {
  font-size: 15px
}
.sidebar-default .menu-cat {
  border-radius: 4px;
  cursor: pointer;
  margin-bottom: 8px;
  margin-top: 8px;
  overflow: hidden
}
.sidebar-default .menu-cat:focus, .sidebar-default .menu-cat:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 56 58/var(--tw-bg-opacity));
  transition-duration: .2s
}
.sidebar-default .menu-cat.open .complex-cat-toggle {
  --tw-bg-opacity: 1;
  background-color: rgb(65 68 70/var(--tw-bg-opacity))
}
.sidebar-default .menu-cat.open .parent-cat {
  --tw-bg-opacity: 1;
  background-color: rgb(56 60 62/var(--tw-bg-opacity));
  display: flex
}
.sidebar-default .menu-cat.open .mdi-menu-down, .sidebar-default .menu-cat.open .mdi-menu-up {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(84 86 88/var(--tw-bg-opacity));
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.sidebar-default .menu-cat.open .mdi-menu-up {
  display: inline-block
}
.sidebar-default .menu-cat.open .mdi-menu-down {
  display: none
}
.sidebar-default .menu-cat:first-child {
  margin-top: 0
}
.sidebar-default .menu-cat:last-child {
  margin-bottom: 0
}
.sidebar-default .menu-cat .parent-cat {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  display: none;
  flex-direction: column;
  padding-bottom: 16px;
  padding-top: 16px;
  width: 100%;
  z-index: 1
}
.sidebar-default .menu-cat .menu-cat-img {
  height: 56px;
  margin-right: 1rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: 56px
}
.sidebar-default .menu-cat .simple-subcat {
  color: #b9bbbb;
  font-size: 19px;
  font-weight: 700;
  line-height: 25px;
  padding-bottom: .5rem;
  padding-left: 26px;
  padding-right: 26px;
  padding-top: .5rem;
  transition-duration: .2s
}
.sidebar-default .menu-cat .simple-subcat:not(:first-child) {
  margin-top: 6px
}
.sidebar-default .menu-cat .simple-subcat:focus, .sidebar-default .menu-cat .simple-subcat:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(61 66 66/var(--tw-bg-opacity))
}
.sidebar-default .menu-cat .simple-subcat.active {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(66 70 72/var(--tw-bg-opacity));
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.sidebar-default .menu-cat .mdi-menu-down, .sidebar-default .menu-cat .mdi-menu-up {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(57 62 64/var(--tw-bg-opacity));
  border-radius: 4px;
  color: rgb(151 154 155/var(--tw-text-opacity));
  font-size: 24px;
  height: 24px;
  line-height: 24px;
  margin-left: auto;
  text-align: center;
  width: 24px
}
.sidebar-default .menu-cat .mdi-menu-up {
  display: none
}
.sidebar-default .menu-cat .mdi-menu-down {
  display: inline-block
}
.sidebar-default .complex-cat-toggle {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}
.sidebar-default .complex-cat.active .complex-cat-toggle, .sidebar-default .simple-cat.active {
  --tw-bg-opacity: 1;
  background-color: rgb(211 0 71/var(--tw-bg-opacity))
}
.sidebar-default .complex-cat.active .complex-cat-toggle .mdi-menu-down, .sidebar-default .complex-cat.active .complex-cat-toggle .mdi-menu-up {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(178 0 60/var(--tw-bg-opacity));
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.sidebar-default .complex-cat-toggle, .sidebar-default .simple-cat {
  padding-bottom: .5rem;
  padding-left: 10px;
  padding-right: 17px;
  padding-top: .5rem
}
.sidebar-default .complex-cat-toggle, .sidebar-default .menu-cat {
  align-items: center;
  display: flex;
  min-height: 78px;
  width: 100%
}
.sidebar-default .complex-cat-toggle>span, .sidebar-default .menu-cat>span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 19px;
  font-weight: 700;
  line-height: 25px
}
.sidebar-default .complex-cat {
  align-items: flex-start;
  display: flex;
  flex-direction: column
}
@media(max-width:1050px) {
  .sidebar-left {
    display: none
  }
}
@-webkit-keyframes hideParentCatEl {
  0% {
    border-radius: 0 0 4px 4px;
    bottom: auto
  }
  to {
    border-radius: 4px;
    bottom: 0
  }
}
@keyframes hideParentCatEl {
  0% {
    border-radius: 0 0 4px 4px;
    bottom: auto
  }
  to {
    border-radius: 4px;
    bottom: 0
  }
}
.panel-user {
  display: none
}
.panel-sale {
  padding: 34px
}
.panel-sale .svg-parent {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(80 146 37/var(--tw-bg-opacity));
  border-radius: 45px;
  display: flex;
  flex: 0 0 45px;
  height: 45px;
  justify-content: center;
  text-align: center;
  width: 45px
}
.panel-sale .svg-hourglass {
  fill: #e5e9cd;
  height: 24px;
  margin-right: -1px
}
.panel-sale .sale-text {
  margin-left: 30px
}
.panel-sale .sale-text .sml {
  --tw-text-opacity: 1;
  color: rgb(230 255 171/var(--tw-text-opacity));
  font-weight: 500;
  line-height: 19px
}
.panel-sale .sale-text .big {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 21px;
  font-weight: 600;
  line-height: 26px;
  margin-top: 1px
}
.panel-homepage-main {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.panel-homepage-main .panel-body {
  padding: var(--paddingBodyAlt)
}
.panel-homepage-main section {
  padding-bottom: 38px;
  padding-top: 2.5rem
}
.panel-homepage-main section:first-child {
  padding-top: 0
}
.panel-homepage-main section:not(:first-child) {
  --tw-border-opacity: 1;
  border-color: rgb(56 60 62/var(--tw-border-opacity));
  border-radius: 4px;
  border-style: solid;
  border-top-width: 2px
}
.panel-homepage-main section:last-child {
  padding-bottom: 0
}
.panel-homepage-main section h4 {
  font-size: 22px;
  font-weight: 700;
  line-height: 28px
}
.panel-homepage-main section>p {
  font-size: 17px;
  font-weight: 500;
  line-height: 34px;
  margin-top: 22px
}
.panel-homepage-main .part-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 2.25rem;
}
.panel-homepage-main .part-buttons>.btn {
  align-items: center;
  display: flex;
  height: 52px;
  line-height: 52px;
  margin: .25rem
}
section.greetings .part-top {
  padding-right: 0;
  position: relative
}
section.greetings .part-top>div {
  position: absolute;
  right: 0;
  top: 2px
}
section.greetings .part-top h4 {
  --tw-text-opacity: 1;
  color: rgb(230 255 171/var(--tw-text-opacity));
  font-size: 21px;
  font-weight: 700;
  line-height: 27px
}
section.greetings .part-top h3 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 30px;
  font-weight: 700;
  line-height: 39px;
  margin-top: 2px
}
section.help-and-support>p, section.help-and-support h4 {
  --tw-text-opacity: 1;
  color: rgb(254 212 99/var(--tw-text-opacity))
}
section.refund-policy>p, section.refund-policy h4 {
  --tw-text-opacity: 1;
  color: rgb(255 38 111/var(--tw-text-opacity))
}
@media(max-width:1050px) {
  .panel-user {
    align-items: center;
    height: 102px;
    padding-left: 14px
  }
  .panel-user, .panel-user .mobile-menu-link {
    display: flex
  }
  .panel-user .mobile-menu-link {
    align-items: center;
    height: 70px;
    padding-left: 1rem;
    padding-right: 22px
  }
  .panel-user .mobile-menu-link>span {
    font-size: 23px;
    font-weight: 700;
    line-height: 30px
  }
  .panel-user .mdi-menu {
    font-size: 50px;
    height: 40px;
    line-height: 40px;
    margin-right: 9px
  }
  .panel-user .part-right {
    height: 100%;
    margin-left: auto;
    text-align: right
  }
  .panel-user .part-right, .panel-user .part-right>a {
    position: relative
  }
  .panel-user .part-right>a {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(211 0 71/var(--tw-bg-opacity));
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    display: flex;
    height: 100%;
    overflow: hidden;
    padding-bottom: 10px;
    padding-left: 1.5rem;
    padding-right: 65px;
    padding-top: 10px
  }
  .panel-user .part-right>a .big, .panel-user .part-right>a .sml {
    text-shadow: 0 2px 0 #0000000d
  }
  .panel-user .part-right>a .big {
    font-size: 19px;
    font-weight: 700;
    line-height: 25px
  }
  .panel-user .part-right>a .sml {
    font-size: 15px;
    font-weight: 500;
    line-height: 19px
  }
  .panel-user .part-right img {
    position: absolute;
    right: -12px;
    top: 10px;
    transform: scaleX(-1);
    width: 55px
  }
}
@media(max-width:650px) {
  section.greetings .part-top {
    padding-right: 0
  }
  section.greetings .part-top>div {
    display: none
  }
  section.greetings .part-top h4 {
    font-size: 19px;
    line-height: 24px
  }
  section.greetings .part-top h3 {
    font-size: 28px;
    margin-top: 0
  }
  .panel-homepage-main .part-buttons {
    justify-content: center;
    margin-top: 1.5rem
  }
  .panel-homepage-main .part-buttons>.btn {
    font-size: 16px;
    height: 44px;
    line-height: 44px
  }
  .panel-homepage-main section {
    padding-bottom: 2rem;
    padding-top: 2rem
  }
  .panel-homepage-main section h4 {
    font-size: 20px;
    line-height: 26px
  }
  .panel-homepage-main .modules {
    align-items: center
  }
  .panel-homepage-main .ndzn-js--patronsModule {
    width: 100%
  }
  .panel.panel-sale {
    padding: 16px 24px
  }
  .panel.panel-sale .panel-body {
    justify-content: center
  }
  .panel.panel-sale .sale-text {
    margin-left: 0;
    text-align: center
  }
  .panel.panel-sale .sale-text .big {
    font-size: 19px;
    margin-top: 4px
  }
  .panel.panel-sale .svg-parent {
    display: none
  }
}
@media(max-width:540px) {
  .panel-homepage-main .panel-body {
    padding-top: 24px
  }
  .panel-homepage-main .part-buttons {
    flex-wrap: wrap
  }
}
:root {
  --giftcardWidth: 348px
}
@media(max-width:410px) {
  :root {
    --giftcardWidth: 280px
  }
}
.sidebar-modules-inner {
  --tw-bg-opacity: 1;
  background-color: rgb(47 52 54/var(--tw-bg-opacity));
  border-radius: 4px;
  margin-top: var(--spacing)
}
.panel-homepage-main .modules {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  width: 100%
}
.module h3 {
  --tw-text-opacity: 1;
  color: rgb(186 225 92/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  margin-bottom: 7px
}
.module .customer-info>div, .module p {
  --tw-text-opacity: 1;
  color: rgb(162 162 162/var(--tw-text-opacity));
  font-size: 13px;
  font-weight: 700;
  line-height: 17px
}
.module .recent-payments {
  align-items: center;
  display: flex;
  margin-left: -4px;
  margin-top: 16px
}
.module .recent-payments img {
  border-radius: 4px;
  margin: .25rem
}
.module.is-recentpayments {
  padding: 1.5rem
}
.module.is-top-donator {
  --tw-border-opacity: 1;
  border-color: rgb(60 67 70/var(--tw-border-opacity));
  border-top: 1px rgb(60 67 70/var(--tw-border-opacity));
  border-style: solid;
  padding: 1.5rem 120px 1.5rem 1.5rem;
  position: relative
}
.module.is-top-donator .module-username {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 21px;
  font-weight: 700;
  line-height: 27px
}
.module.is-top-donator .customer-skin-outer {
  bottom: 0;
  height: 109px;
  overflow: hidden;
  position: absolute;
  right: 1.5rem;
  width: 61px
}
.module.is-top-donator .customer-skin-outer>img {
  transform: scaleX(-1);
  width: 61px
}
.module.is-top-donator .customer-info>div {
  margin-top: 1rem
}
.module.is-goal .big, .module.is-goal .sml {
  --tw-text-opacity: 1;
  color: rgb(186 225 92/var(--tw-text-opacity));
  text-align: right
}
.module.is-goal .sml {
  font-size: 11px;
  font-weight: 700;
  line-height: 14px
}
.module.is-goal .big {
  font-size: 17px;
  font-weight: 700;
  line-height: 22px;
  margin-top: 1px
}
.module.is-goal .goal-bar {
  margin-top: 10px
}
.module.is-goal .progress-bar, .module.is-goal .progress-dark {
  border-radius: 10px
}
.module.is-goal .progress-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(33 37 39/var(--tw-bg-opacity));
  width: 177px
}
.module.is-goal .progress-bar {
  --tw-bg-opacity: 1;
  background-color: rgb(186 225 92/var(--tw-bg-opacity));
  height: 12px
}
.module.is-giftcardbalance, .module.is-patrons {
  --tw-bg-opacity: 1;
  background-color: rgb(56 60 62/var(--tw-bg-opacity));
  border-radius: 4px;
  min-height: 148px
}
.module.is-patrons {
  flex: 1 1 auto;
  padding: 22px 1.5rem 1.5rem
}
.module.is-patrons h3 {
  margin-bottom: .75rem
}
.module.is-patrons p {
  font-size: 15px;
  line-height: 20px;
  margin: 0
}
.module.is-patrons .btn-success {
  margin-top: 17px;
  min-height: 43px;
  padding-left: .75rem;
  padding-right: 1rem
}
.module.is-patrons .btn-success .mdi-crown {
  font-size: 23px;
  margin-right: 10px
}
.module.is-patrons .btn-success>span {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px
}
.module.is-giftcardbalance {
  flex: none;
  overflow: hidden;
  position: relative
}
.module.is-giftcardbalance:after, .module.is-giftcardbalance:before {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  bottom: 0;
  content: "";
  display: block;
  height: 138px;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  top: 0;
  width: 22px;
  z-index: 4
}
.module.is-giftcardbalance:before {
  --tw-gradient-from: #383c3e;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(56, 60, 62, 0));
  --tw-gradient-to: transparent;
  left: 0
}
.module.is-giftcardbalance:after {
  --tw-gradient-from: transparent;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent);
  --tw-gradient-to: #383c3e;
  right: 0
}
.module.is-giftcardbalance, .module.is-giftcardbalance .is-giftcard-inner {
  width: var(--giftcardWidth)
}
.module.is-giftcardbalance .is-giftcard-inner {
  align-items: flex-start;
  display: flex;
  transition-duration: .5s
}
.module.is-giftcardbalance .is-giftcard-inner.translated-0 {
  transform: translate(0)
}
.module.is-giftcardbalance .is-giftcard-inner.translated-1 {
  transform: translate(-100%)
}
.module.is-giftcardbalance .giftcard-check, .module.is-giftcardbalance .giftcard-checked {
  flex: 0 0 var(--giftcardWidth);
  height: 100%;
  min-height: 149px;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 22px;
  width: var(--giftcardWidth)
}
.module.is-giftcardbalance h3 {
  margin-bottom: 1.25rem
}
.module.is-giftcardbalance .input {
  --tw-text-opacity: 1;
  border-radius: 4px;
  color: rgb(255 255 255/var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  padding-left: 1.25rem;
  padding-right: 1.25rem
}
.module.is-giftcardbalance #giftcard-balance-form {
  align-items: center;
  display: flex
}
.module.is-giftcardbalance #giftcard-balance-form>* {
  height: 62px;
  line-height: 62px
}
.module.is-giftcardbalance #giftcard-balance-form .mdi-magnify {
  --tw-text-opacity: 1;
  color: rgb(197 197 197/var(--tw-text-opacity));
  font-size: 27px
}
.module.is-giftcardbalance #giftcard-balance-form>.btn {
  margin-left: 5px;
  padding-left: 0;
  padding-right: 0;
  width: 51px
}
.module.is-giftcardbalance #giftcard-balance-input {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.11;
  background-color: rgb(120 120 120/var(--tw-bg-opacity));
  border-color: rgb(120 120 120/var(--tw-border-opacity));
  border-style: solid;
  border-width: 2px;
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: 600
}
.module.is-giftcardbalance #giftcard-balance-input::-moz-placeholder {
  font-weight: 500
}
.module.is-giftcardbalance #giftcard-balance-input:-ms-input-placeholder {
  font-weight: 500
}
.module.is-giftcardbalance #giftcard-balance-input::placeholder {
  font-weight: 500
}
.module.is-giftcardbalance #giftcard-balance-input::-moz-placeholder {
  letter-spacing: .025em
}
.module.is-giftcardbalance #giftcard-balance-input:-ms-input-placeholder {
  letter-spacing: .025em
}
.module.is-giftcardbalance #giftcard-balance-input::placeholder {
  letter-spacing: .025em
}
.module.is-giftcardbalance #giftcard-balance-input::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.module.is-giftcardbalance #giftcard-balance-input:-ms-input-placeholder {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.module.is-giftcardbalance #giftcard-balance-input::placeholder {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.module.is-giftcardbalance #giftcard-balance-input::-moz-placeholder {
  opacity: .25
}
.module.is-giftcardbalance #giftcard-balance-input:-ms-input-placeholder {
  opacity: .25
}
.module.is-giftcardbalance #giftcard-balance-input::placeholder {
  opacity: .25
}
.module.is-giftcardbalance .giftcard-result .mdi-arrow-top-left {
  --tw-rotate: -45deg;
  display: inline-block;
  font-size: 22px;
  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.is-giftcardbalance .giftcard-result .btn-warning, .module.is-giftcardbalance .giftcard-result .giftcard-status {
  display: inline-block;
  height: 62px
}
.module.is-giftcardbalance .giftcard-result .btn-warning {
  flex: 0 0 51px;
  margin-right: 6px;
  padding-left: 0;
  padding-right: 0;
  width: 51px
}
.module.is-giftcardbalance .giftcard-result .giftcard-status {
  --tw-border-opacity: 1;
  align-items: center;
  border-color: rgb(79 81 83/var(--tw-border-opacity));
  border-radius: 4px;
  border-style: solid;
  border-width: 2px;
  display: flex;
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .025em;
  line-height: 21px;
  overflow: hidden;
  padding-bottom: .5rem;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: .5rem
}
@media(max-width:1250px) {
  .panel-homepage-main .modules {
    flex-direction: column-reverse
  }
  .module.is-giftcardbalance {
    margin-left: auto;
    margin-right: auto
  }
}
@media(max-width:410px) {
  .module.is-giftcardbalance #giftcard-balance-input {
    flex: 1 1 200px;
    width: 167px
  }
  .module.is-giftcardbalance #giftcard-balance-form>.btn {
    flex: 0 0 50px;
    width: 50px
  }
}
@media(max-width:340px) {
  .panel-homepage-main .modules div.ndzn-js--giftcardBalanceModule {
    display: none
  }
}
.ndzn-category .cat-body {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 2.25rem
}
.ndzn-category .cat-body.is-empty {
  margin-top: 0
}
.ndzn-category .cat-body.is-list .package-part-image {
  display: none
}
.ndzn-category .cat-body.is-list .is-package {
  min-height: 161px
}
.ndzn-category .cat-body.is-list .is-package .package-expires {
  position: unset;
  width: 100%
}
.ndzn-category .cat-body.is-list .is-package .package-buttons, .ndzn-category .cat-body.is-list .is-package .package-main {
  padding-top: .5rem
}
.ndzn-category .panel-body {
  padding-left: 34px;
  padding-right: 34px
}
.ndzn-category .panel-body .desc {
  --tw-text-opacity: 1;
  color: rgb(162 162 162/var(--tw-text-opacity));
  font-size: 17px;
  font-weight: 500;
  line-height: 34px
}
.is-package {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(59 64 66/var(--tw-bg-opacity));
  border-radius: 5px;
  flex-direction: column;
  position: relative
}
.is-package, .is-package .package-part-image {
  display: flex
}
.is-package .package-part-image {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(70 75 76/var(--tw-bg-opacity));
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  justify-content: center;
  padding-bottom: 13px;
  padding-top: 13px;
  width: 100%
}
.is-package .package-part-image img {
  width: 162px
}
.is-package .package-main {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 147px;
  padding-left: .5rem;
  padding-right: .5rem;
  width: 100%
}
.is-package .btn-info>svg {
  fill: #fff;
  height: 16px
}
.is-package .package-info {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: auto;
  margin-top: auto;
  min-height: 90px;
  padding-bottom: 1rem;
  padding-top: 1rem;
  text-align: center
}
.is-package .package-name {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 17px;
  font-weight: 700;
  line-height: 22px
}
.is-package .package-price {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 6px
}
.is-package .package-price .price-actual, .is-package .package-price .price-discount {
  font-size: 16px;
  font-weight: 700;
  line-height: 21px
}
.is-package .package-price .price-discount {
  --tw-text-opacity: 1;
  color: rgb(252 10 91/var(--tw-text-opacity));
  margin-right: 6px;
  position: relative
}
.is-package .package-price .price-discount:before {
  --tw-bg-opacity: 1;
  background-color: rgb(252 10 91/var(--tw-bg-opacity));
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  top: 0;
  width: 100%
}
.is-package .package-price .price-actual {
  --tw-text-opacity: 1;
  color: rgb(186 225 92/var(--tw-text-opacity))
}
.is-package .package-price .price-custom {
  --tw-text-opacity: 1;
  color: rgb(186 225 92/var(--tw-text-opacity));
  font-weight: 700
}
.is-package .package-buttons {
  align-items: center;
  display: flex;
  padding-bottom: .5rem;
  width: 100%
}
.is-package .package-buttons .btn {
  align-items: center;
  display: flex;
  height: 49px;
  justify-content: center;
  line-height: 49px
}
.is-package .package-buttons .btn-info {
  flex: 0 0 48px;
  margin-right: .5rem
}
.is-package .package-buttons .btn-danger, .is-package .package-buttons .btn-green {
  flex: 1 1 auto
}
.is-package .package-expires {
  align-items: center;
  background-color: #d30047e0;
  border-radius: 4px;
  display: flex;
  font-weight: 700;
  height: 37px;
  justify-content: center;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  top: 8px;
  width: calc(100% - 16px)
}
.is-package .package-expires .svg-hourglass {
  fill: #fff;
  height: 17px;
  margin-right: 7px
}
#ndzn-coins-category {
  align-items: center;
  border-color: #70707040;
  border-top: 1px #70707040;
  border-style: solid;
  display: flex;
  flex-direction: column;
  margin-top: 2.25rem;
  min-height: 486px;
  opacity: 1;
  position: relative;
  transition-duration: .5s;
  visibility: visible
}
#ndzn-coins-category[x-cloak] {
  opacity: 0;
  visibility: hidden
}
#ndzn-coins-category .slider-outer {
  padding-left: 122px;
  padding-right: 122px;
  width: 100%
}
#ndzn-coins-category .slider {
  padding-bottom: 82px;
  padding-top: 55px;
  position: relative
}
#ndzn-coins-category .slider .bar-grey, #ndzn-coins-category .slider .bar-yellow {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
#ndzn-coins-category .slider .bar-grey {
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72/var(--tw-bg-opacity));
  display: block;
  height: 8px;
  width: 100%
}
#ndzn-coins-category .slider .bar-yellow {
  --tw-bg-opacity: 1;
  background-color: rgb(246 208 72/var(--tw-bg-opacity));
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  height: 8px;
  transition-duration: .5s
}
#ndzn-coins-category .coins-options button {
  cursor: pointer;
  display: flex;
  height: 50px;
  justify-content: center;
  margin-top: -14px;
  min-width: 70px;
  padding-top: 1.25rem;
  position: absolute;
  text-align: center
}
#ndzn-coins-category .coins-options button .circle {
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72/var(--tw-bg-opacity));
  border-radius: 50%;
  height: 20px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  top: 0;
  transition-duration: .5s;
  width: 20px
}
#ndzn-coins-category .coins-options button .label {
  --tw-text-opacity: 1;
  color: rgb(246 208 72/var(--tw-text-opacity));
  display: flex;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: auto;
  margin-top: .75rem;
  opacity: .5
}
#ndzn-coins-category .coins-options button.shiny .circle {
  --tw-bg-opacity: 1;
  background-color: rgb(246 208 72/var(--tw-bg-opacity))
}
#ndzn-coins-category .coins-options button.shiny .label {
  --tw-text-opacity: 1;
  color: rgb(246 208 72/var(--tw-text-opacity));
  opacity: 1
}
#ndzn-coins-category .coin {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-top: 155px;
  position: relative
}
#ndzn-coins-category .coin:before {
  --tw-bg-opacity: 1;
  background-color: rgb(42 47 49/var(--tw-bg-opacity));
  border-radius: 50%;
  content: "";
  height: 174px;
  position: absolute;
  top: 0;
  width: 174px
}
#ndzn-coins-category .coin>img {
  position: absolute;
  top: 5px;
  width: 154px;
  z-index: 2
}
#ndzn-coins-category .coin .package-name {
  --tw-text-opacity: 1;
  color: rgb(246 208 72/var(--tw-text-opacity));
  font-size: 25px;
  font-weight: 700;
  line-height: 29px;
  margin-top: 54px
}
#ndzn-coins-category .coin .package-price {
  font-size: 0;
  margin-top: 11px
}
#ndzn-coins-category .coin .price-actual, #ndzn-coins-category .coin .price-custom, #ndzn-coins-category .coin .price-free {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  line-height: 19px
}
#ndzn-coins-category .coin .price-discount {
  --tw-text-opacity: 1;
  color: rgb(151 154 155/var(--tw-text-opacity));
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  line-height: 19px;
  margin-right: 5px;
  position: relative
}
#ndzn-coins-category .coin .price-discount:before {
  --tw-bg-opacity: 1;
  background-color: rgb(151 154 155/var(--tw-bg-opacity));
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  top: 0;
  width: 100%
}
#ndzn-coins-category .coin .package-buttons {
  display: flex;
  flex-direction: column;
  margin-top: 1.25rem
}
#ndzn-coins-category .coin .package-buttons .btn {
  display: inline-block;
  height: 52px;
  line-height: 52px;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  text-align: center
}
#ndzn-coins-category .coin .package-buttons .btn:not(:first-child) {
  margin-top: .75rem
}
#ndzn-coins-category .part-lower {
  flex: 1 1 auto
}
#ndzn-coins-category .coins-control {
  align-items: center;
  display: flex;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 51px;
  position: absolute;
  right: 0;
  width: 542px
}
#ndzn-coins-category .btn-less, #ndzn-coins-category .btn-more {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  align-items: center;
  background-color: rgb(42 47 49/var(--tw-bg-opacity));
  border-color: #70707026;
  border-radius: 6px;
  border-style: solid;
  border-width: 3px;
  color: rgb(246 208 72/var(--tw-text-opacity));
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 72px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 1px;
  width: 137px
}
#ndzn-coins-category .btn-less:disabled, #ndzn-coins-category .btn-more:disabled {
  cursor: default;
  opacity: .6
}
#ndzn-coins-category .btn-less .big, #ndzn-coins-category .btn-less .mdi, #ndzn-coins-category .btn-less sm, #ndzn-coins-category .btn-less span, #ndzn-coins-category .btn-more .big, #ndzn-coins-category .btn-more .mdi, #ndzn-coins-category .btn-more sm, #ndzn-coins-category .btn-more span {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
#ndzn-coins-category .btn-less .mdi-menu-left, #ndzn-coins-category .btn-less .mdi-menu-right, #ndzn-coins-category .btn-more .mdi-menu-left, #ndzn-coins-category .btn-more .mdi-menu-right {
  font-size: 30px;
  height: 20px;
  line-height: 20px
}
#ndzn-coins-category .btn-less .big, #ndzn-coins-category .btn-more .big {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 700;
  line-height: 23px;
  position: relative
}
#ndzn-coins-category .btn-less .big .mdi, #ndzn-coins-category .btn-more .big .mdi {
  bottom: -1px;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  top: 0
}
#ndzn-coins-category .btn-less .sm, #ndzn-coins-category .btn-more .sm {
  font-size: 11px;
  font-weight: 700;
  line-height: 22px;
  margin-top: -2px
}
#ndzn-coins-category .btn-less {
  left: 0;
  position: relative
}
#ndzn-coins-category .btn-less:before {
  background-color: #4f525399;
  bottom: -109px;
  content: "";
  height: 2px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  width: 70px
}
#ndzn-coins-category .btn-less:after {
  background-color: #4f525399;
  bottom: -129px;
  content: "";
  height: 2px;
  left: 48px;
  position: absolute;
  width: 70px
}
#ndzn-coins-category .btn-less .big span {
  padding-left: 12px
}
#ndzn-coins-category .btn-less .big .mdi-menu-left {
  left: -12px
}
#ndzn-coins-category .btn-more {
  margin-left: auto;
  position: relative;
  right: 0
}
#ndzn-coins-category .btn-more:before {
  background-color: #4f525399;
  bottom: -109px;
  content: "";
  height: 2px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  width: 70px
}
#ndzn-coins-category .btn-more:after {
  background-color: #4f525399;
  bottom: -129px;
  content: "";
  height: 2px;
  position: absolute;
  right: 48px;
  width: 70px
}
#ndzn-coins-category .btn-more .big span {
  padding-right: 12px
}
#ndzn-coins-category .btn-more .big .mdi-menu-right {
  right: -12px
}
@media(max-width:1220px) {
  .is-package .package-buttons .btn-info {
    flex: 0 0 38px
  }
  .is-package .package-buttons .btn {
    height: 44px;
    line-height: 44px
  }
  .is-package .package-info {
    padding-left: .75rem;
    padding-right: .75rem
  }
  .ndzn-category .cat-body {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}
@media(max-width:1160px) {
  #ndzn-coins-category .slider-outer {
    padding-left: 50px;
    padding-right: 50px
  }
  #ndzn-coins-category .coins-control {
    width: 520px
  }
}
@media(max-width:1050px) {
  .ndzn-category .cat-body {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}
@media(max-width:900px) {
  .ndzn-category .panel-body {
    padding: var(--paddingBody)
  }
}
@media(max-width:800px) {
  .ndzn-category .cat-body {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}
@media(max-width:650px) {
  .ndzn-category .cat-body {
    margin-top: 1.5rem
  }
  #ndzn-coins-category {
    margin-top: 2rem
  }
  #ndzn-coins-category .slider-outer {
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }
  #ndzn-coins-category .slider {
    padding-bottom: 65px;
    padding-top: 35px
  }
  #ndzn-coins-category .btn-less, #ndzn-coins-category .btn-more {
    width: 112px
  }
  #ndzn-coins-category .btn-less:after, #ndzn-coins-category .btn-less:before, #ndzn-coins-category .btn-more:after, #ndzn-coins-category .btn-more:before {
    display: none
  }
  #ndzn-coins-category .btn-less .big>span, #ndzn-coins-category .btn-more .big>span {
    font-size: 15px
  }
  #ndzn-coins-category .btn-less .mdi-menu-left, #ndzn-coins-category .btn-less .mdi-menu-right, #ndzn-coins-category .btn-more .mdi-menu-left, #ndzn-coins-category .btn-more .mdi-menu-right {
    font-size: 25px
  }
  #ndzn-coins-category .coins-control {
    margin-top: 1.5rem;
    padding-left: .75rem;
    padding-right: .75rem;
    width: unset
  }
  #ndzn-coins-category .coin {
    padding-top: 110px
  }
  #ndzn-coins-category .coin:before {
    height: 126px;
    width: 126px
  }
  #ndzn-coins-category .coin>img {
    top: 12px;
    width: 106px
  }
  #ndzn-coins-category .coin .package-name {
    font-size: 21px;
    margin-top: 40px
  }
  #ndzn-coins-category .coin .package-price {
    margin-top: 1rem
  }
}
@media(max-width:540px) {
  .is-package .package-part-image {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
  }
  .is-package .package-part-image img {
    width: 120px
  }
  .is-package .package-expires {
    height: 30px
  }
  .is-package .package-expires .svg-hourglass {
    height: 15px
  }
  .is-package .package-expires span {
    font-size: 14px
  }
  .is-package .package-name {
    line-height: 20px
  }
  .is-package .package-name, .is-package .package-price, .is-package .package-price .price-actual, .is-package .package-price .price-discount {
    font-size: 15px
  }
  .is-package .btn {
    font-size: 16px
  }
  .is-package .package-info {
    padding-left: .25rem;
    padding-right: .25rem
  }
}
@media (max-width:480px) {
  #ndzn-coins-category {
    display: none
  }
}
@media (min-width:480.5px) {
  #ndzn-coins-category~.cat-body {
    display: none
  }
}
@media(max-width:480px) {
  .ndzn-category .cat-body {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
}
.panel-login {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  background-color: transparent;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  position: relative
}
.panel-login .panel-body, .panel-login .panel-heading {
  padding: 0;
  text-align: center
}
.panel-login .panel-heading {
  --tw-bg-opacity: 1;
  background-color: rgb(92 164 44/var(--tw-bg-opacity));
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 32px
}
.panel-login .panel-heading:before {
  display: none
}
.panel-login .panel-heading h1, .panel-login .panel-heading h2 {
  font-weight: 700;
  letter-spacing: .05em
}
.panel-login .panel-heading h1 {
  font-size: 37px;
  line-height: 47px
}
.panel-login .panel-heading h2 {
  --tw-text-opacity: 1;
  color: rgb(230 255 171/var(--tw-text-opacity));
  font-size: 19px;
  line-height: 25px
}
.panel-login .panel-heading .login-options {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.25rem;
  position: relative
}
.panel-login .panel-heading .login-options .login-method-indicator, .panel-login .panel-heading .login-options>button {
  height: 52px;
  width: 194px
}
.panel-login .panel-heading .login-options .login-method-indicator {
  --tw-bg-opacity: 1;
  background-color: rgb(47 52 54/var(--tw-bg-opacity));
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  left: 0;
  pointer-events: none;
  position: absolute;
  transition-duration: .4s;
  z-index: 2
}
.panel-login .panel-heading .login-options .login-method-indicator.bedrock-selected {
  transform: translate(0)
}
.panel-login .panel-heading .login-options .login-method-indicator.java-selected {
  transform: translate(194px)
}
.panel-login .panel-heading .login-options>button {
  font-weight: 700;
  line-height: 53px;
  position: relative;
  z-index: 3
}
.panel-login .panel-body {
  max-width: 428px;
  overflow: hidden;
  padding: 0
}
.panel-login .panel-body .login-error {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  background-color: rgb(211 0 71/var(--tw-bg-opacity));
  border-color: rgb(211 0 71/var(--tw-border-opacity));
  border-radius: 4px;
  border-style: solid;
  border-width: 3px;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  margin-bottom: 1.75rem;
  padding-bottom: 10px;
  padding-left: 52px;
  padding-right: 52px;
  padding-top: 10px
}
.panel-login .panel-body .login-error.hide {
  display: none
}
.panel-login .panel-body .login-error.show {
  display: block
}
.panel-login .panel-body p {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 22px;
  margin: 0
}
.panel-login .panel-body .form-login {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 30px
}
.panel-login .panel-body .form-login>* {
  border-radius: 4px;
  flex: 1 1 auto;
  height: 57px;
  line-height: 57px;
  width: 100%
}
.panel-login .panel-body .form-login .btn-green {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: .75rem
}
.panel-login .panel-body .form-login .btn-green>span {
  font-size: 20px;
  font-weight: 700;
  line-height: 26px
}
.panel-login .panel-body .form-login .btn-green .mdi-menu-right {
  font-size: 33px;
  margin-bottom: -2px;
  margin-left: -2px
}
.panel-login .panel-body .form-login .btn-green .mdi-menu-right, .panel-login .panel-body .form-login .btn-green .mdi-menu-right:before {
  height: 20px;
  line-height: 20px
}
.panel-login .panel-body .form-login .btn-green[disabled=true] {
  opacity: .7;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.panel-login .panel-body .form-login #login-input {
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  background-color: transparent;
  border-color: rgb(92 164 44/var(--tw-border-opacity));
  border-style: solid;
  border-width: 3px;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  text-align: center
}
.panel-login .body-login-inner {
  align-items: flex-start;
  display: flex;
  height: calc(100% + 100px);
  padding-bottom: 100px
}
.panel-login .body-login-inner>* {
  --tw-bg-opacity: 1;
  background-color: rgb(47 52 54/var(--tw-bg-opacity));
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  min-width: 428px;
  padding-bottom: 2rem;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 2rem;
  position: relative
}
.panel-login .btn-back-to-homepage {
  --tw-text-opacity: 1;
  align-items: center;
  bottom: -60px;
  color: rgb(162 162 162/var(--tw-text-opacity));
  display: flex;
  height: 30px;
  justify-content: center;
  left: 0;
  line-height: 30px;
  margin-left: auto;
  margin-right: auto;
  opacity: .5;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  right: 0;
  width: 200px
}
.panel-login .btn-back-to-homepage:focus, .panel-login .btn-back-to-homepage:hover {
  transform: scale(1.05)
}
.panel-login .btn-back-to-homepage>span {
  font-size: 17px;
  font-weight: 700;
  line-height: 22px
}
.panel-login .btn-back-to-homepage .mdi-menu-left {
  font-size: 31px
}
.panel-login .body-login-inner {
  transition-duration: .4s
}
.panel-login .panel-body.bedrock-selected .body-login-inner {
  transform: translate(0)
}
.panel-login .panel-body.java-selected .body-login-inner {
  transform: translate(-428px)
}
@media(max-width:900px) {
  #ndzn-header.header-login>div {
    min-height: 245px
  }
  #ndzn-header.header-login .header-main .container {
    padding-bottom: 1.25rem;
    padding-top: 0
  }
  #ndzn-page.page-margin-variant {
    margin-top: -20px
  }
}
@media(max-width:650px) {
  #ndzn-header.header-login .main-left .header-logo {
    width: 280px
  }
  .panel-login .panel-heading {
    padding-top: 22px
  }
  .panel-login .panel-heading h1 {
    font-size: 30px;
    line-height: 38px
  }
  .panel-login .panel-heading h2 {
    font-size: 17px
  }
  .panel-login .panel-heading .login-options {
    margin-top: 1.25rem
  }
  .panel-login .panel-body .login-error {
    border-width: 2px;
    font-size: 16px;
    margin-bottom: 1rem
  }
  .panel-login .panel-body p {
    font-size: 16px;
    margin-top: 0
  }
  .panel-login .panel-body .form-login {
    margin-top: 1.25rem
  }
  .panel-login .panel-body .form-login>* {
    height: 48px
  }
  .panel-login .panel-body .form-login #login-input {
    border-width: 2px;
    font-size: 17px
  }
  .panel-login .panel-body .form-login .btn-green>span {
    font-size: 17px
  }
  .panel-login .panel-body .form-login .btn-green .mdi-menu-right {
    font-size: 24px
  }
  .panel-login .body-login-inner>* {
    padding: 1.25rem
  }
  .panel-login .btn-back-to-homepage {
    bottom: -48px;
    width: 175px
  }
  .panel-login .btn-back-to-homepage .mdi-menu-left {
    font-size: 28px
  }
  .panel-login .btn-back-to-homepage>span {
    font-size: 15px
  }
}
@media(max-width:480px) {
  .panel-login {
    margin-left: auto;
    margin-right: auto;
    max-width: 300px
  }
  .panel-login .panel-heading {
    padding-left: 0;
    padding-right: 0
  }
  .panel-login .panel-heading h1 {
    font-size: 26px;
    line-height: 34px
  }
  .panel-login .panel-heading .login-options .login-method-indicator, .panel-login .panel-heading .login-options>button {
    height: 40px;
    line-height: 40px;
    width: 140px
  }
  .panel-login .panel-heading .login-options>button {
    font-size: 14px
  }
  .panel-login .panel-heading .login-options .login-method-indicator.bedrock-selected {
    transform: translate(10px)
  }
  .panel-login .panel-heading .login-options .login-method-indicator.java-selected {
    transform: translate(150px)
  }
  .panel-login .panel-body {
    margin-left: auto;
    margin-right: auto;
    max-width: 300px
  }
  .panel-login .panel-body .login-error {
    line-height: 19px;
    padding-left: 1rem;
    padding-right: 1rem
  }
  .panel-login .panel-body .login-error, .panel-login .panel-body p {
    font-size: 14px
  }
  .panel-login .panel-body.bedrock-selected .body-login-inner {
    transform: translate(0)
  }
  .panel-login .panel-body.java-selected .body-login-inner {
    transform: translate(-300px)
  }
  .panel-login .body-login-inner>* {
    min-width: 300px
  }
  .panel-login .btn-back-to-homepage {
    bottom: -40px
  }
  .panel-login .btn-back-to-homepage>span {
    font-size: 14px
  }
  .panel-login .btn-back-to-homepage .mdi-menu-left {
    font-size: 24px
  }
}
.panel-patrons .section-patrons {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 2rem
}
.panel-patrons .patron {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.1;
  align-items: center;
  background-color: rgb(162 162 162/var(--tw-bg-opacity));
  border-radius: 4px;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  padding-bottom: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 25px;
  text-align: center
}
.panel-patrons .patron .patron-skin {
  height: 75px;
  width: 81px
}
.panel-patrons .patron .patron-name {
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  margin-top: 13px;
  overflow-wrap: break-word
}
@media(max-width:1220px) {
  .panel-patrons .section-patrons {
    grid-template-columns: 1fr 1fr
  }
}
@media(max-width:1050px) {
  .panel-patrons .section-patrons {
    grid-template-columns: 1fr 1fr 1fr
  }
}
@media(max-width:760px) {
  .panel-patrons .section-patrons {
    gap: 14px;
    grid-template-columns: 1fr 1fr
  }
  .panel-patrons .patron .patron-name {
    font-size: 16px
  }
  .panel-patrons .patron .patron-skin {
    height: 65px;
    width: 70px
  }
}
@media(max-width:650px) {
  .panel-patrons .section-patrons {
    margin-top: 1.25rem
  }
}
@media(max-width:480px) {
  .panel-patrons .section-patrons {
    grid-template-columns: 1fr
  }
  .panel-patrons .patron {
    padding-bottom: 1rem;
    padding-top: 1rem
  }
}
.page-checkout .panel .panel-heading {
  padding-top: 32px
}
.page-checkout .panel .panel-body {
  padding-left: 34px;
  padding-right: 34px;
  padding-top: 13px
}
.page-checkout .panel-sale {
  border-radius: 4px
}
.page-checkout .panel-sale .panel-body {
  padding: 0
}
.page-checkout .panel-checkout {
  margin-top: var(--spacing)
}
.page-checkout .panel-checkout .panel-heading .h3 {
  font-size: 23px;
  font-weight: 700;
  line-height: 30px
}
.page-checkout .basket-item {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.1;
  align-items: flex-start;
  background-color: rgb(162 162 162/var(--tw-bg-opacity));
  border-radius: 4px;
  flex-direction: column;
  padding-bottom: 16px;
  padding-left: 78px;
  padding-right: 18px;
  padding-top: 16px;
  position: relative
}
.page-checkout .basket-item, .page-checkout .basket-item .item-details {
  display: flex
}
.page-checkout .basket-item .item-details {
  align-items: center;
  width: 100%
}
.page-checkout .basket-item .item-options {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  background-color: rgb(56 57 58/var(--tw-bg-opacity));
  border-color: rgb(120 120 120/var(--tw-border-opacity));
  border-radius: 4px;
  border-style: solid;
  border-width: 2px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .02em;
  line-height: 20px;
  margin-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: .5rem;
  width: 100%;
  word-break: break-all
}
.page-checkout .basket-item .item-options .option-name {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.page-checkout .basket-item .item-options .option-value {
  --tw-text-opacity: 1;
  color: rgb(239 239 239/var(--tw-text-opacity))
}
.page-checkout .basket-item .option:not(:first-child) {
  margin-top: 5px
}
.page-checkout .basket-item:not(:first-child) {
  margin-top: 10px
}
.page-checkout .basket-item .item-left, .page-checkout .basket-item .item-right {
  align-items: center;
  display: flex
}
.page-checkout .basket-item .item-left>img {
  left: 18px;
  position: absolute;
  top: 18px
}
.page-checkout .basket-item .item-right {
  margin-left: auto;
  padding-left: 1.25rem
}
.page-checkout .basket-item .item-right>:not(:first-child) {
  margin-left: .5rem
}
.page-checkout .basket-item .item-right form {
  position: relative
}
.page-checkout .basket-item .item-right form:before {
  bottom: 0;
  content: "\F035D";
  display: block;
  font-family: var(--mdi);
  font-size: 20px;
  height: 20px;
  line-height: 20px;
  margin-bottom: auto;
  margin-top: auto;
  pointer-events: none;
  position: absolute;
  right: 8px;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.page-checkout .basket-item .item-right select {
  outline: 2px solid transparent;
  outline-offset: 2px;
  text-align: center
}
.page-checkout .basket-item .item-right option {
  font-weight: 600
}
.page-checkout .basket-item .item-name {
  font-size: 18px;
  font-weight: 500;
  line-height: 23px
}
.page-checkout .basket-item .item-price {
  --tw-text-opacity: 1;
  color: rgb(186 225 92/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  margin-top: 2px
}
.page-checkout .basket-item img {
  margin-right: 18px;
  width: 42px
}
.page-checkout .basket-item .item-qty {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgb(78 79 80/var(--tw-bg-opacity));
  border-color: rgb(120 120 120/var(--tw-border-opacity));
  border-radius: 4px;
  border-style: solid;
  border-width: 2px;
  display: flex;
  font-size: 18px;
  font-weight: 500;
  height: 39px;
  min-width: 56px;
  padding-left: .5rem;
  padding-right: 1.75rem
}
.page-checkout .basket-item .item-qty.single {
  justify-content: center;
  padding-left: .75rem;
  padding-right: .75rem
}
.page-checkout .basket-item .btn-danger, .page-checkout .basket-item .btn-info {
  align-items: center;
  display: flex;
  height: 39px;
  justify-content: center;
  line-height: 39px;
  width: 39px
}
.page-checkout .basket-item .btn-info .fa-info {
  display: inline-block;
  height: 18px;
  margin-bottom: 1px
}
.page-checkout .basket-item .btn-danger .mdi-trash-can {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 24px
}
.page-checkout .panel-coupons-and-giftcards form {
  align-items: center;
  display: flex
}
.page-checkout .panel-coupons-and-giftcards form .btn-info, .page-checkout .panel-coupons-and-giftcards form .input {
  height: 63px;
  line-height: 63px
}
.page-checkout .panel-coupons-and-giftcards form .input {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.1;
  background-color: rgb(92 113 249/var(--tw-bg-opacity));
  border-color: rgb(92 113 249/var(--tw-border-opacity));
  border-radius: 4px;
  border-style: solid;
  border-width: 2px;
  flex: 1 1 auto;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: .025em;
  line-height: 23px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  width: 100%
}
.page-checkout .panel-coupons-and-giftcards form .input::-moz-placeholder {
  font-weight: 500
}
.page-checkout .panel-coupons-and-giftcards form .input:-ms-input-placeholder {
  font-weight: 500
}
.page-checkout .panel-coupons-and-giftcards form .input::placeholder {
  font-weight: 500
}
.page-checkout .panel-coupons-and-giftcards form .input::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.page-checkout .panel-coupons-and-giftcards form .input:-ms-input-placeholder {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.page-checkout .panel-coupons-and-giftcards form .input::placeholder {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.page-checkout .panel-coupons-and-giftcards form .input::-moz-placeholder {
  opacity: .2
}
.page-checkout .panel-coupons-and-giftcards form .input:-ms-input-placeholder {
  opacity: .2
}
.page-checkout .panel-coupons-and-giftcards form .input::placeholder {
  opacity: .2
}
.page-checkout .panel-coupons-and-giftcards form .btn-info {
  margin-left: .5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem
}
.page-checkout .panel-coupons-and-giftcards form .btn-info span {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .01em;
  line-height: 23px
}
.page-checkout .coupons-list {
  margin-top: 2.25rem
}
.page-checkout .coupons-list .coupon {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.1;
  align-items: center;
  background-color: rgb(92 164 44/var(--tw-bg-opacity));
  border-color: rgb(57 79 51/var(--tw-border-opacity));
  border-radius: 4px;
  border-style: solid;
  border-width: 2px;
  display: flex;
  min-height: 64px;
  padding-left: 1.5rem;
  padding-right: 15px
}
.page-checkout .coupons-list .coupon:not(:first-child) {
  margin-top: 10px
}
.page-checkout .coupons-list .coupon .coupon-left span, .page-checkout .coupons-list .coupon .coupon-middle span {
  --tw-text-opacity: 1;
  color: rgb(186 225 92/var(--tw-text-opacity));
  font-size: 16px;
  line-height: 21px
}
.page-checkout .coupons-list .coupon .coupon-left {
  flex: 1 1 auto;
  max-height: 48px;
  overflow: hidden;
  padding-right: 2rem
}
.page-checkout .coupons-list .coupon .coupon-left span {
  font-weight: 700;
  word-break: break-all
}
.page-checkout .coupons-list .coupon .coupon-middle {
  flex: 0 0 160px;
  margin-left: auto;
  margin-right: 55px;
  max-height: 48px;
  overflow: hidden
}
.page-checkout .coupons-list .coupon .coupon-middle span {
  display: inline-block;
  font-weight: 500;
  text-align: right;
  width: 100%
}
.page-checkout .coupons-list .coupon .btn-danger {
  --tw-text-opacity: 1;
  background-color: transparent;
  color: rgb(255 20 99/var(--tw-text-opacity));
  display: inline-block;
  height: 31px;
  line-height: 31px;
  padding-left: .25rem;
  padding-right: .25rem
}
.page-checkout .coupons-list .coupon .btn-danger:focus, .page-checkout .coupons-list .coupon .btn-danger:hover {
  --tw-text-opacity: 1;
  color: rgb(254 75 135/var(--tw-text-opacity))
}
.page-checkout .coupons-list .coupon .mdi-trash-can {
  font-size: 23px
}
.page-checkout .panel-pay .panel-heading {
  padding-bottom: 22px
}
.page-checkout .panel-pay .panel-body .btn-green {
  display: block;
  flex: 1 1 auto;
  font-size: 18px;
  font-weight: 700;
  height: 83px;
  letter-spacing: .01em;
  line-height: 23px;
  line-height: 83px;
  margin-top: 1.75rem;
  text-align: center
}
@media(max-width:900px) {
  .page-checkout .panel .panel-body {
    padding-left: 30px;
    padding-right: 30px
  }
}
@media(max-width:750px) {
  .page-checkout .coupons-list {
    margin-top: .75rem
  }
  .page-checkout .panel-coupons-and-giftcards form .btn-info, .page-checkout .panel-coupons-and-giftcards form .input {
    height: 50px;
    line-height: 50px
  }
  .page-checkout .panel-coupons-and-giftcards form .input {
    font-size: 16px;
    padding-left: 1rem
  }
  .page-checkout .panel-coupons-and-giftcards form .btn-info span {
    font-size: 16px;
    font-weight: 700
  }
  .page-checkout .coupons-list .coupon {
    min-height: 50px;
    padding-left: 1rem;
    padding-right: .5rem
  }
  .page-checkout .coupons-list .coupon .coupon-left span, .page-checkout .coupons-list .coupon .coupon-middle span {
    font-size: 15px
  }
  .page-checkout .coupons-list .coupon .coupon-left {
    padding-right: 1rem
  }
  .page-checkout .coupons-list .coupon .coupon-middle {
    margin-right: 11px
  }
  .page-checkout .coupons-list .coupon .mdi-trash-can {
    font-size: 21px
  }
}
@media(max-width:650px) {
  .page-checkout .panel-checkout .panel-heading .h3 {
    font-size: 20px;
    line-height: 27px
  }
  .page-checkout .panel .panel-heading {
    padding-bottom: .75rem;
    padding-top: 1.25rem
  }
  .page-checkout .panel .panel-body {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
  .page-checkout .basket-item .item-left>div {
    text-align: left
  }
  .page-checkout .basket-item .item-name {
    font-size: 16px;
    line-height: 22px
  }
  .page-checkout .basket-item .item-price {
    font-size: 14px;
    margin-top: .25rem
  }
  .page-checkout .basket-item .item-options {
    text-align: left
  }
  .page-checkout .panel-pay .panel-body .btn-green {
    height: 62px;
    line-height: 62px;
    margin-top: 1.25rem
  }
  .page-checkout .coupons-list .coupon .coupon-left {
    text-align: left
  }
  .panel .panel-body p {
    line-height: 25px
  }
}
@media(max-width:540px) {
  .page-checkout .panel .panel-body {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .5rem
  }
  .page-checkout .panel-sale .panel-body {
    padding-bottom: 0;
    padding-top: 0
  }
  .page-checkout .panel-pay .panel-body .btn-green {
    height: 50px;
    line-height: 50px
  }
  .page-checkout .coupons-list {
    margin-top: .5rem
  }
  .page-checkout .coupons-list .coupon {
    align-items: flex-start;
    flex-direction: column;
    padding-bottom: 10px;
    padding-left: 1rem;
    padding-right: 60px;
    padding-top: 10px;
    position: relative
  }
  .page-checkout .coupons-list .coupon:not(:first-child) {
    margin-top: .5rem
  }
  .page-checkout .coupons-list .coupon .coupon-left {
    max-height: unset;
    padding-right: 0
  }
  .page-checkout .coupons-list .coupon .coupon-middle {
    flex: 1 1 auto;
    margin-left: 0;
    margin-right: 0;
    margin-top: .5rem;
    text-align: left
  }
  .page-checkout .coupons-list .coupon .coupon-right {
    position: absolute;
    right: 9px;
    top: 9px
  }
  .panel .panel-body p {
    line-height: 23px
  }
}
@media(max-width:500px) {
  .page-checkout .basket-item {
    flex-direction: column;
    justify-content: center;
    padding: 1.5rem 1.25rem
  }
  .page-checkout .basket-item .item-left img {
    display: none
  }
  .page-checkout .basket-item .item-left>div {
    text-align: center
  }
  .page-checkout .basket-item .item-right {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.25rem;
    padding-left: 0
  }
  .page-checkout .basket-item .item-name {
    font-size: 17px
  }
  .page-checkout .basket-item .item-qty {
    height: 35px
  }
  .page-checkout .basket-item .btn {
    padding-left: .5rem;
    padding-right: .5rem;
    width: 35px
  }
  .page-checkout .basket-item .btn-danger, .page-checkout .basket-item .btn-info {
    height: 35px;
    line-height: 35px
  }
  .page-checkout .basket-item .btn-info .fa-info {
    height: 16px;
    margin-bottom: 2px
  }
  .page-checkout .basket-item .btn-danger .mdi-trash-can {
    font-size: 21px
  }
  .page-checkout .basket-item .item-details {
    flex-direction: column
  }
  .page-checkout .basket-item .item-options {
    font-size: 13px;
    margin-top: 26px;
    text-align: center
  }
  .page-checkout .basket-item .option:not(:first-child) {
    margin-top: 2px
  }
}
@media(max-width:380px) {
  .page-checkout .basket-item {
    padding-bottom: 1rem;
    padding-top: 1rem
  }
  .page-checkout .basket-item .item-right {
    margin-top: 1rem
  }
}
.panel-options .panel-heading {
  padding-top: 30px
}
.panel-options .panel-body>p {
  line-height: 28px
}
.panel-options form {
  margin-top: 1.5rem
}
.panel-options .buttons, .panel-options form .form-group:not(:first-child) {
  margin-top: 2rem
}
.panel-options .buttons {
  align-items: center;
  display: flex;
  justify-content: center
}
.panel-options .buttons .btn {
  align-items: center;
  display: flex;
  font-size: 21px;
  font-weight: 500;
  height: 76px;
  letter-spacing: .01em;
  line-height: 27px
}
.panel-options .buttons .btn-danger {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  padding-left: 38px;
  padding-right: 38px
}
.panel-options .buttons .btn-green {
  margin-left: 10px;
  padding-left: 67px;
  padding-right: 67px
}
.form-group {
  align-items: center;
  display: flex;
  position: relative;
  width: 100%
}
.form-group .input-options option {
  --tw-bg-opacity: 1;
  background-color: rgb(47 52 54/var(--tw-bg-opacity))
}
.form-group.form-group-amount .input {
  padding-right: 84px
}
.form-group.server-choice:before {
  bottom: 0;
  content: "\F035D";
  display: block;
  font-family: var(--mdi);
  font-size: 20px;
  font-size: 24px;
  height: 20px;
  line-height: 20px;
  margin-bottom: auto;
  margin-top: auto;
  pointer-events: none;
  position: absolute;
  right: 16px;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 20px
}
.form-group .input {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.11;
  background-color: rgb(120 120 120/var(--tw-bg-opacity));
  border-color: rgb(120 120 120/var(--tw-border-opacity));
  border-radius: 4px;
  border-style: solid;
  border-width: 2px;
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: 500;
  height: 62px;
  letter-spacing: .01em;
  line-height: 62px;
  line-height: 21px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  padding-left: 20px;
  padding-right: 50px;
  width: 100%
}
.form-group .input::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(105 108 109/var(--tw-text-opacity))
}
.form-group .input:-ms-input-placeholder {
  --tw-text-opacity: 1;
  color: rgb(105 108 109/var(--tw-text-opacity))
}
.form-group .input::placeholder {
  --tw-text-opacity: 1;
  color: rgb(105 108 109/var(--tw-text-opacity))
}
.form-group .btn-options-discord {
  align-items: center;
  display: flex;
  flex: 0 0 191px;
  font-size: 16px;
  font-weight: 500;
  height: 62px;
  justify-content: center;
  letter-spacing: .01em;
  line-height: 62px;
  line-height: 21px;
  margin-right: 5px;
  text-align: center
}
.form-group .btn-options-discord .fa-discord {
  display: none
}
.form-group select.input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.form-group .input-group-addon {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.28;
  background-color: rgb(120 120 120/var(--tw-bg-opacity));
  border-radius: 4px;
  bottom: 0;
  height: 38px;
  line-height: 38px;
  margin-bottom: auto;
  margin-top: auto;
  padding-left: 15px;
  padding-right: 15px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.form-group .input-group-addon>small {
  color: #ffffff82;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .01em;
  line-height: 21px
}
@media(max-width:650px) {
  .panel-options .buttons {
    margin-top: 1.5rem
  }
  .panel-options .buttons .btn {
    font-size: 18px;
    height: 56px;
    padding-left: 40px;
    padding-right: 40px
  }
  .panel-options form .form-group:not(:first-child) {
    margin-top: 1.25rem
  }
  .form-group .btn-options-discord, .form-group .input {
    height: 55px
  }
  .form-group .input-group-addon {
    height: 33px;
    line-height: 32px;
    padding-left: .75rem;
    padding-right: .75rem;
    right: 11px
  }
  .form-group .input-group-addon>small {
    font-size: 14px
  }
}
@media(max-width:540px) {
  .panel-options form .buttons, .panel-options form .form-group:not(:first-child) {
    margin-top: 1rem
  }
}
@media(max-width:470px) {
  .form-group .btn-options-discord {
    flex: 0 0 62px
  }
  .form-group .btn-options-discord>span {
    display: none
  }
  .form-group .btn-options-discord .fa-discord {
    display: block;
    height: 22px
  }
  .form-group.form-group-amount .input {
    padding-right: 70px
  }
  .form-group .input {
    font-size: 14px;
    padding-left: .75rem
  }
}
@media(max-width:420px) {
  .panel-options .buttons {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 1fr
  }
  .panel-options .buttons .btn {
    flex: 1 1 auto;
    height: 55px;
    justify-content: center;
    line-height: 55px;
    margin: 0;
    padding-left: .75rem;
    padding-right: .75rem;
    width: 100%
  }
}
.sidebar-package .panel {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-bottom: 34px;
  padding-left: 31px;
  padding-right: 31px;
  padding-top: 15px
}
.sidebar-package .package-image>img {
  width: 162px
}
.sidebar-package .package-name {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 24px;
  font-weight: 700;
  line-height: 31px;
  margin-top: 1.25rem;
  text-align: center
}
.sidebar-package .package-buttons {
  flex: 1 1 auto;
  margin-top: 1.75rem;
  width: 100%
}
.sidebar-package .package-buttons>:not(:first-child) {
  margin-top: 10px
}
.sidebar-package .package-buttons .btn {
  align-items: center;
  display: flex;
  font-weight: 700;
  justify-content: center;
  min-height: 57px;
  padding-bottom: 8px;
  padding-top: 8px;
  width: 100%
}
.sidebar-package .package-price {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 6px
}
.sidebar-package .package-price .price-actual, .sidebar-package .package-price .price-discount {
  font-size: 16px;
  font-weight: 700;
  line-height: 21px
}
.sidebar-package .package-price .price-discount {
  --tw-text-opacity: 1;
  color: rgb(252 10 91/var(--tw-text-opacity));
  margin-right: 6px;
  position: relative
}
.sidebar-package .package-price .price-discount:before {
  --tw-bg-opacity: 1;
  background-color: rgb(252 10 91/var(--tw-bg-opacity));
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  top: 0;
  width: 100%
}
.sidebar-package .package-price .price-actual {
  --tw-text-opacity: 1;
  color: rgb(186 225 92/var(--tw-text-opacity))
}
.sidebar-package .package-price .price-custom {
  --tw-text-opacity: 1;
  color: rgb(186 225 92/var(--tw-text-opacity));
  font-weight: 700
}
.sidebar-package .gift {
  position: relative
}
.sidebar-package .gift #gift-form {
  --tw-bg-opacity: 1;
  background-color: rgb(93 95 96/var(--tw-bg-opacity));
  border-radius: 4px;
  bottom: 0;
  left: calc(100% + 15px);
  opacity: 1;
  padding: 11px;
  position: absolute;
  transition-duration: .2s;
  width: 251px
}
.sidebar-package .gift #gift-form.is-hidden {
  display: block;
  left: calc(100% + 5px);
  opacity: 0;
  visibility: hidden
}
.sidebar-package .gift #gift-form:before {
  border-bottom: 10px solid transparent;
  border-right: 10px solid #5d5f60;
  border-top: 10px solid transparent;
  bottom: 19px;
  content: "";
  height: 0;
  left: -10px;
  position: absolute;
  width: 0
}
.sidebar-package .gift .input {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-bg-opacity: .3;
  --tw-text-opacity: 1;
  background-color: rgb(151 102 236/var(--tw-bg-opacity));
  border-color: rgb(151 102 236/var(--tw-border-opacity));
  border-radius: 4px;
  border-style: solid;
  border-width: 2px;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-weight: 700;
  outline: 2px solid transparent;
  outline-offset: 2px;
  padding-left: .75rem;
  padding-right: .75rem;
  text-align: center
}
.sidebar-package .gift .input::-moz-placeholder {
  color: #ffffff3d
}
.sidebar-package .gift .input:-ms-input-placeholder {
  color: #ffffff3d
}
.sidebar-package .gift .input::placeholder {
  color: #ffffff3d
}
.sidebar-package .gift .btn-purple, .sidebar-package .gift .input {
  border-radius: 4px;
  height: 49px;
  width: 100%
}
.sidebar-package .gift .gift-form-buttons {
  align-items: center;
  display: flex;
  margin-top: 11px
}
.sidebar-package .gift .gift-form-buttons .btn {
  height: 49px;
  min-height: 49px
}
.sidebar-package .gift .gift-form-buttons .mdi-close {
  font-size: 27px
}
.sidebar-package .gift .gift-form-buttons .btn-danger {
  flex: 0 0 49px;
  margin-left: 11px;
  padding-left: 8px;
  padding-right: 8px
}
@media(max-width:1050px) {
  .sidebar-left.page-sidebar-package {
    display: block
  }
  .sidebar-default.sidebar-package {
    min-width: 320px
  }
  .sidebar-default.sidebar-package .package-name {
    font-size: 20px
  }
  .sidebar-default.sidebar-package .package-buttons .btn {
    font-size: 16px;
    min-height: 48px
  }
}
#ndzn-footer.default {
  border-color: #ffffff0d;
  border-top: 1px #ffffff0d;
  border-style: solid;
  margin-top: auto
}
#ndzn-footer.default .container {
  color: #ffffff66;
  display: flex;
  flex-direction: column;
  padding-bottom: 2.25rem;
  padding-top: 2.25rem
}
#ndzn-footer.default .container>* {
  flex: 1 1 auto;
  width: 100%
}
#ndzn-footer.default .footer-top {
  align-items: center;
  display: flex
}
#ndzn-footer.default .footer-top .big {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .01em;
  line-height: 18px
}
#ndzn-footer.default .footer-top>div {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-left: auto;
  margin-right: -20px
}
#ndzn-footer.default .footer-top .footer-link {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .01em;
  line-height: 18px;
  padding-bottom: 8px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 8px;
  transition-duration: .15s
}
#ndzn-footer.default .footer-top .footer-link:focus, #ndzn-footer.default .footer-top .footer-link:hover {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.6;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
#ndzn-footer.default .footer-middle {
  margin-top: 3px
}
#ndzn-footer.default .footer-middle span {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .01em;
  line-height: 18px;
  width: 698px
}
#ndzn-footer.default .footer-bottom {
  margin-top: 17px
}
#ndzn-footer.default .footer-bottom a {
  transition-duration: .15s
}
#ndzn-footer.default .footer-bottom a svg {
  fill: #ffffff66
}
#ndzn-footer.default .footer-bottom a:focus, #ndzn-footer.default .footer-bottom a:hover {
  --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))
}
#ndzn-footer.default .footer-bottom a:focus svg, #ndzn-footer.default .footer-bottom a:hover svg {
  fill: #ffffffcc
}
#ndzn-footer.default .footer-bottom>a {
  fill: #ffffff66;
  margin-left: auto;
  padding: 4px
}
#ndzn-footer.default .footer-bottom>div {
  gap: 20px
}
#ndzn-footer.default .footer-bottom>div>a {
  align-items: center;
  display: flex;
  height: 33px;
  justify-content: center;
  line-height: 33px;
  padding: 4px;
  width: 33px
}
@media(max-width:1050px) {
  #ndzn-footer.default .footer-middle {
    margin-top: 8px
  }
}
@media(max-width:900px) {
  #ndzn-footer.default .container {
    padding-top: 26px
  }
  #ndzn-footer.default .footer-top {
    flex-direction: column
  }
  #ndzn-footer.default .footer-top>div {
    justify-content: center;
    margin-left: auto;
    margin-right: auto
  }
  #ndzn-footer.default .footer-middle, #ndzn-footer.default .footer-top>div {
    margin-top: 16px
  }
  #ndzn-footer.default .footer-middle {
    width: 100%
  }
  #ndzn-footer.default .footer-middle span {
    display: block;
    text-align: center;
    width: 100%
  }
  #ndzn-footer.default .footer-bottom {
    flex-direction: column
  }
  #ndzn-footer.default .footer-bottom #tm {
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    margin-bottom: -.75rem;
    margin-left: 0;
    margin-right: 0;
    margin-top: 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))
  }
}
.package-modal {
  border-radius: 4px;
  padding: 2rem
}
.package-modal .gift {
  position: relative
}
.package-modal #gift-form {
  --tw-bg-opacity: 1;
  background-color: rgb(93 95 96/var(--tw-bg-opacity));
  border-radius: 4px;
  padding: 11px;
  position: absolute;
  top: 55px;
  width: 251px;
  z-index: 5
}
.package-modal #gift-form.is-hidden {
  display: none
}
.package-modal #gift-form>* {
  flex: 1 1 auto;
  height: 49px;
  line-height: 49px;
  width: 100%
}
.package-modal #gift-form>:not(:first-child) {
  margin-top: 11px
}
.package-modal #gift-form .input {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-bg-opacity: .3;
  --tw-text-opacity: 1;
  background-color: rgb(151 102 236/var(--tw-bg-opacity));
  border-color: rgb(151 102 236/var(--tw-border-opacity));
  border-radius: 4px;
  border-style: solid;
  border-width: 2px;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-weight: 700;
  outline: 2px solid transparent;
  outline-offset: 2px;
  padding-left: .75rem;
  padding-right: .75rem;
  text-align: center
}
.package-modal #gift-form .input::-moz-placeholder {
  color: #ffffff3d
}
.package-modal #gift-form .input:-ms-input-placeholder {
  color: #ffffff3d
}
.package-modal #gift-form .input::placeholder {
  color: #ffffff3d
}
.package-modal #gift-form .btn-purple {
  flex: 1 1 auto
}
.package-modal .modal-header {
  padding: 14px
}
.package-modal .modal-header>img {
  border-radius: 4px
}
.package-modal .modal-header .package-name {
  font-size: 19px;
  font-weight: 700;
  line-height: 25px
}
.package-modal .modal-header .package-buttons {
  align-items: center;
  display: flex;
  margin-top: 1rem
}
.package-modal .modal-header .package-buttons>:not(:first-child) {
  margin-left: 6px
}
.package-modal .modal-header .package-buttons .btn {
  display: inline-block;
  height: 49px;
  line-height: 21px;
  line-height: 49px;
  padding-left: 22px;
  padding-right: 22px
}
.package-modal .modal-header .package-buttons .btn>span {
  font-size: 16px;
  font-weight: 700
}
.package-modal .modal-header .part-right {
  margin-left: 1rem
}
.package-modal .modal-header .part-right>div {
  align-items: flex-start;
  display: flex;
  flex-direction: column
}
.package-modal .modal-header .package-price {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 6px
}
.package-modal .modal-header .package-price .price-actual, .package-modal .modal-header .package-price .price-discount {
  font-size: 16px;
  font-weight: 700;
  line-height: 21px
}
.package-modal .modal-header .package-price .price-discount {
  --tw-text-opacity: 1;
  color: rgb(252 10 91/var(--tw-text-opacity));
  margin-right: 6px;
  position: relative
}
.package-modal .modal-header .package-price .price-discount:before {
  --tw-bg-opacity: 1;
  background-color: rgb(252 10 91/var(--tw-bg-opacity));
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  top: 0;
  width: 100%
}
.package-modal .modal-header .package-price .price-actual {
  --tw-text-opacity: 1;
  color: rgb(186 225 92/var(--tw-text-opacity))
}
.package-modal .modal-header .package-price .price-custom {
  --tw-text-opacity: 1;
  color: rgb(186 225 92/var(--tw-text-opacity));
  font-weight: 700
}
.package-modal .modal-body {
  margin-top: 2rem
}
#ndzn-cart-popup .modal-box {
  --tw-bg-opacity: 1;
  background-color: rgb(47 52 54/var(--tw-bg-opacity));
  border-radius: 0;
  height: 100%;
  left: unset;
  min-height: 100%;
  padding-bottom: 20px;
  position: absolute;
  right: 0;
  width: 385px
}
#ndzn-cart-popup .modal-box .cart-body::-webkit-scrollbar {
  width: 4px
}
#ndzn-cart-popup .modal-box .cart-body::-webkit-scrollbar-track {
  --tw-bg-opacity: 1;
  background-color: rgb(59 64 66/var(--tw-bg-opacity));
  border-radius: 6px
}
#ndzn-cart-popup .modal-box .cart-body::-webkit-scrollbar-thumb {
  --tw-bg-opacity: 1;
  background-color: rgb(103 103 103/var(--tw-bg-opacity));
  border-radius: 6px
}
#ndzn-cart-popup .modal-dialog {
  padding: 0
}
#ndzn-cart-popup .cart-header {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.6;
  background-color: rgb(78 79 80/var(--tw-bg-opacity));
  border-radius: 4px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  padding-bottom: 1.25rem;
  padding-left: 22px;
  padding-right: 91px;
  padding-top: 1.25rem;
  position: relative
}
#ndzn-cart-popup .cart-header .mdi-close {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(211 0 71/var(--tw-bg-opacity));
  border-radius: 50%;
  color: rgb(255 255 255/var(--tw-text-opacity));
  cursor: pointer;
  display: inline-block;
  font-size: 29px;
  height: 45px;
  left: -33px;
  line-height: 45px;
  position: absolute;
  text-align: center;
  top: 28px;
  transition-duration: .25s;
  width: 45px
}
#ndzn-cart-popup .cart-top>div img {
  transform: scaleX(-1);
  width: 55px
}
#ndzn-cart-popup .cart-top>div>span {
  font-size: 20px;
  font-weight: 700;
  line-height: 26px
}
#ndzn-cart-popup .cart-top .user-skin {
  bottom: 0;
  height: 103px;
  overflow: hidden;
  position: absolute;
  right: 14px
}
#ndzn-cart-popup .cart-body {
  --tw-bg-opacity: 1;
  background-color: rgb(47 52 54/var(--tw-bg-opacity));
  height: calc(100% - 194px);
  margin-right: 5px;
  overflow: auto;
  padding-left: 10px;
  padding-right: 5px
}
#ndzn-cart-popup .cart-items .item {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.6;
  background-color: rgb(78 79 80/var(--tw-bg-opacity));
  border-radius: 4px;
  padding-bottom: 1rem;
  padding-left: 78px;
  padding-right: 1rem;
  padding-top: 1rem;
  position: relative
}
#ndzn-cart-popup .cart-items .item:not(:first-child) {
  margin-top: 10px
}
#ndzn-cart-popup .cart-items .item img {
  left: 18px;
  position: absolute;
  top: 18px;
  width: 42px
}
#ndzn-cart-popup .cart-items .item .item-name {
  font-size: 18px;
  font-weight: 500;
  line-height: 23px
}
#ndzn-cart-popup .cart-items .item .item-price {
  --tw-text-opacity: 1;
  color: rgb(186 225 92/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  margin-top: 3px
}
#ndzn-cart-popup .cart-items .item-buttons {
  align-items: center;
  display: flex;
  margin-top: 1rem
}
#ndzn-cart-popup .cart-items .item-buttons>:not(:first-child) {
  margin-left: .5rem
}
#ndzn-cart-popup .cart-items .item-buttons .item-qty {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgb(78 79 80/var(--tw-bg-opacity));
  border-color: rgb(120 120 120/var(--tw-border-opacity));
  border-radius: 4px;
  border-style: solid;
  border-width: 2px;
  display: flex;
  font-size: 18px;
  font-weight: 500;
  height: 39px;
  min-width: 56px;
  padding-left: .5rem;
  padding-right: 1.75rem
}
#ndzn-cart-popup .cart-items .item-buttons .item-qty.single {
  justify-content: center;
  padding-left: .75rem;
  padding-right: .75rem
}
#ndzn-cart-popup .cart-items .item-buttons form {
  position: relative
}
#ndzn-cart-popup .cart-items .item-buttons form:before {
  bottom: 0;
  content: "\F035D";
  display: block;
  font-family: var(--mdi);
  font-size: 20px;
  height: 20px;
  line-height: 20px;
  margin-bottom: auto;
  margin-top: auto;
  pointer-events: none;
  position: absolute;
  right: 8px;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
#ndzn-cart-popup .cart-items .item-buttons form select {
  outline: 2px solid transparent;
  outline-offset: 2px;
  text-align: center
}
#ndzn-cart-popup .cart-items .item-buttons form option {
  font-weight: 600
}
#ndzn-cart-popup .cart-items .item-buttons .btn-danger, #ndzn-cart-popup .cart-items .item-buttons .btn-info {
  align-items: center;
  display: flex;
  height: 39px;
  justify-content: center;
  line-height: 39px;
  width: 39px
}
#ndzn-cart-popup .cart-items .item-buttons .btn-info .fa-info {
  display: inline-block;
  height: 18px;
  margin-bottom: 1px
}
#ndzn-cart-popup .cart-items .item-buttons .btn-danger .mdi-trash-can {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 24px
}
#ndzn-cart-popup .cart-items .item-options {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  background-color: rgb(56 57 58/var(--tw-bg-opacity));
  border-color: rgb(120 120 120/var(--tw-border-opacity));
  border-radius: 4px;
  border-style: solid;
  border-width: 2px;
  margin-top: 1rem;
  padding-bottom: .5rem;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: .5rem
}
#ndzn-cart-popup .cart-items .item-options .option {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .02em;
  line-height: 20px;
  word-break: break-all
}
#ndzn-cart-popup .cart-items .item-options .option:not(:first-child) {
  margin-top: .5rem
}
#ndzn-cart-popup .cart-items .item-options .option-value {
  --tw-text-opacity: 1;
  color: rgb(239 239 239/var(--tw-text-opacity))
}
#ndzn-cart-popup .cart-items .fa-info {
  height: 18px
}
#ndzn-cart-popup .cart-buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-right: -4px;
  margin-top: .75rem
}
#ndzn-cart-popup .cart-buttons>* {
  margin: .25rem
}
#ndzn-cart-popup .cart-buttons .btn {
  align-items: center;
  border-radius: 4px;
  display: flex;
  font-size: 15px;
  font-weight: 700;
  height: 36px;
  justify-content: center;
  line-height: 36px;
  padding-bottom: 0;
  padding-top: 0
}
#ndzn-cart-popup .cart-buttons .btn-white {
  padding-left: 12px;
  padding-right: 31px;
  position: relative;
  width: 72px
}
#ndzn-cart-popup .cart-buttons .btn-white .mdi-menu-down, #ndzn-cart-popup .cart-buttons .btn-white .mdi-menu-up {
  bottom: 0;
  font-size: 22px;
  height: 10px;
  line-height: 10px;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  right: 6px;
  top: 0
}
#ndzn-cart-popup .cart-buttons .btn-danger {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  padding-left: 14px;
  padding-right: 14px
}
#ndzn-cart-popup .cart-info {
  padding-bottom: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.5rem
}
#ndzn-cart-popup .cart-info span {
  --tw-text-opacity: 1;
  color: rgb(186 225 92/var(--tw-text-opacity));
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  text-shadow: 0 3px 6px #00000029
}
#ndzn-cart-popup .part-checkout {
  margin-top: 10px
}
#ndzn-cart-popup .part-checkout .btn {
  border-radius: 8px;
  border-radius: 4px;
  display: block;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: .025em;
  line-height: 27px;
  padding-bottom: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.5rem;
  text-align: center;
  white-space: nowrap
}
#ndzn-cart-popup .part-checkout .btn>* {
  pointer-events: none;
  text-shadow: 0 2px 0 #0000001a
}
#ndzn-cart-popup .part-checkout .btn-danger {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: -10px;
  width: 100%
}
#ndzn-cart-popup .part-checkout .btn-danger .mdi-arrow-left-bold-circle {
  font-size: 28px;
  margin-right: .5rem
}
#ndzn-cart-popup .part-checkout .btn-danger .h3 {
  font-size: 17px
}
@media(max-width:450px) {
  #ndzn-cart-popup .modal-box {
    width: 310px
  }
  #ndzn-cart-popup .cart-header {
    padding-left: 64px
  }
  #ndzn-cart-popup .cart-header .mdi-close {
    top: 20px
  }
  #ndzn-cart-popup .cart-top .user-skin {
    display: none
  }
  #ndzn-cart-popup .cart-header {
    padding-bottom: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.25rem
  }
  #ndzn-cart-popup .cart-info span {
    font-size: 16px
  }
  #ndzn-cart-popup .part-checkout .btn-danger .mdi-arrow-left-bold-circle {
    display: none
  }
  #ndzn-cart-popup .part-checkout .btn {
    font-size: 20px
  }
}
@media(max-width:360px) {
  #ndzn-cart-popup .cart-header .mdi-close {
    background-color: transparent;
    border-radius: 0;
    height: 35px;
    left: 13px;
    line-height: 35px;
    right: unset;
    top: 13px;
    width: 35px
  }
  #ndzn-cart-popup .cart-header .mdi-close:focus, #ndzn-cart-popup .cart-header .mdi-close:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(57 61 62/var(--tw-bg-opacity))
  }
  #ndzn-cart-popup .cart-info {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
  }
  #ndzn-cart-popup .cart-items .item {
    padding-left: 1rem
  }
  #ndzn-cart-popup .cart-items .item img {
    display: none
  }
  #ndzn-cart-popup .cart-items .item .item-price {
    margin-top: 6px
  }
  #ndzn-cart-popup .cart-items .item-buttons {
    margin-top: .75rem
  }
}
#copy-ip-modal .modal-box {
  --tw-bg-opacity: 1;
  background-color: rgb(211 0 71/var(--tw-bg-opacity));
  border-radius: 4px;
  width: 385px
}
#copy-ip-modal .modal-box img {
  width: 173px
}
#copy-ip-modal .modal-body {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-bottom: 42px;
  padding-left: 27px;
  padding-right: 27px;
  padding-top: 27px
}
#copy-ip-modal .modal-body>span, #copy-ip-modal .modal-body h1 {
  text-shadow: 0 3px 6px #00000029
}
#copy-ip-modal .modal-body h1 {
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
  margin-top: 1rem
}
#copy-ip-modal .modal-body span {
  color: #ffffffbf;
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  margin-top: 9px
}
#copy-ip-modal .modal-body .btn-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: 4px;
  height: 56px;
  line-height: 56px;
  margin-top: 2.25rem;
  width: 206px
}
#copy-ip-modal .modal-body .btn-white>span {
  --tw-text-opacity: 1;
  color: rgb(211 0 71/var(--tw-text-opacity));
  font-size: 21px;
  font-weight: 700;
  line-height: 27px;
  pointer-events: none
}
#ndzn-shop-menu .modal-box {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 385px
}
#ndzn-shop-menu .shop-menu-header {
  padding-bottom: 45px;
  padding-left: 39px;
  padding-right: 39px;
  padding-top: 35px
}
#ndzn-shop-menu .shop-menu-header .mdi-close {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(211 0 71/var(--tw-bg-opacity));
  border-radius: 50%;
  color: rgb(255 255 255/var(--tw-text-opacity));
  cursor: pointer;
  display: inline-block;
  font-size: 29px;
  height: 45px;
  line-height: 45px;
  position: absolute;
  right: -23px;
  text-align: center;
  top: 28px;
  transition-duration: .25s;
  width: 45px
}
#ndzn-shop-menu .shop-menu-header h1 {
  font-size: 24px;
  font-weight: 700;
  line-height: 31px;
  position: relative
}
#ndzn-shop-menu .shop-menu-header h1:before {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  bottom: -9px;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  width: 25px
}
#ndzn-shop-menu .shop-menu-body {
  height: calc(100% - 111px);
  padding-bottom: .5rem;
  padding-top: .5rem
}
#ndzn-shop-menu .shop-menu-body-inner {
  height: 100%;
  margin-right: 3px;
  overflow: auto;
  padding-left: 10px;
  padding-right: 3px
}
#ndzn-shop-menu .shop-menu-body-inner::-webkit-scrollbar {
  width: 4px
}
#ndzn-shop-menu .shop-menu-body-inner::-webkit-scrollbar-track {
  --tw-bg-opacity: 1;
  background-color: rgb(59 64 66/var(--tw-bg-opacity));
  border-radius: 6px
}
#ndzn-shop-menu .shop-menu-body-inner::-webkit-scrollbar-thumb {
  --tw-bg-opacity: 1;
  background-color: rgb(103 103 103/var(--tw-bg-opacity));
  border-radius: 6px
}
#ndzn-shop-menu .menu-cat {
  border-radius: 4px;
  cursor: pointer;
  margin-bottom: 8px;
  margin-top: 8px;
  overflow: hidden
}
#ndzn-shop-menu .menu-cat:focus, #ndzn-shop-menu .menu-cat:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 56 58/var(--tw-bg-opacity));
  transition-duration: .2s
}
#ndzn-shop-menu .menu-cat.open .complex-cat-toggle {
  --tw-bg-opacity: 1;
  background-color: rgb(65 68 70/var(--tw-bg-opacity))
}
#ndzn-shop-menu .menu-cat.open .parent-cat {
  --tw-bg-opacity: 1;
  background-color: rgb(56 60 62/var(--tw-bg-opacity));
  display: flex
}
#ndzn-shop-menu .menu-cat.open .mdi-menu-down, #ndzn-shop-menu .menu-cat.open .mdi-menu-up {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(84 86 88/var(--tw-bg-opacity));
  color: rgb(255 255 255/var(--tw-text-opacity))
}
#ndzn-shop-menu .menu-cat.open .mdi-menu-up {
  display: inline-block
}
#ndzn-shop-menu .menu-cat.open .mdi-menu-down {
  display: none
}
#ndzn-shop-menu .menu-cat:first-child {
  margin-top: 0
}
#ndzn-shop-menu .menu-cat:last-child {
  margin-bottom: 0
}
#ndzn-shop-menu .menu-cat .parent-cat {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  display: none;
  flex-direction: column;
  padding-bottom: 16px;
  padding-top: 16px;
  width: 100%;
  z-index: 1
}
#ndzn-shop-menu .menu-cat .menu-cat-img {
  height: 56px;
  margin-right: 1rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: 56px
}
#ndzn-shop-menu .menu-cat .simple-subcat {
  color: #b9bbbb;
  font-size: 19px;
  font-weight: 700;
  line-height: 25px;
  padding-bottom: .5rem;
  padding-left: 26px;
  padding-right: 26px;
  padding-top: .5rem;
  transition-duration: .2s
}
#ndzn-shop-menu .menu-cat .simple-subcat:not(:first-child) {
  margin-top: 6px
}
#ndzn-shop-menu .menu-cat .simple-subcat:focus, #ndzn-shop-menu .menu-cat .simple-subcat:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(61 66 66/var(--tw-bg-opacity))
}
#ndzn-shop-menu .menu-cat .simple-subcat.active {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(66 70 72/var(--tw-bg-opacity));
  color: rgb(255 255 255/var(--tw-text-opacity))
}
#ndzn-shop-menu .menu-cat .mdi-menu-down, #ndzn-shop-menu .menu-cat .mdi-menu-up {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(57 62 64/var(--tw-bg-opacity));
  border-radius: 4px;
  color: rgb(151 154 155/var(--tw-text-opacity));
  font-size: 24px;
  height: 24px;
  line-height: 24px;
  margin-left: auto;
  text-align: center;
  width: 24px
}
#ndzn-shop-menu .menu-cat .mdi-menu-up {
  display: none
}
#ndzn-shop-menu .menu-cat .mdi-menu-down {
  display: inline-block
}
#ndzn-shop-menu .complex-cat-toggle {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}
#ndzn-shop-menu .complex-cat.active .complex-cat-toggle, #ndzn-shop-menu .simple-cat.active {
  --tw-bg-opacity: 1;
  background-color: rgb(211 0 71/var(--tw-bg-opacity))
}
#ndzn-shop-menu .complex-cat.active .complex-cat-toggle .mdi-menu-down, #ndzn-shop-menu .complex-cat.active .complex-cat-toggle .mdi-menu-up {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(178 0 60/var(--tw-bg-opacity));
  color: rgb(255 255 255/var(--tw-text-opacity))
}
#ndzn-shop-menu .complex-cat-toggle, #ndzn-shop-menu .simple-cat {
  padding-bottom: .5rem;
  padding-left: 10px;
  padding-right: 17px;
  padding-top: .5rem
}
#ndzn-shop-menu .complex-cat-toggle, #ndzn-shop-menu .menu-cat {
  align-items: center;
  display: flex;
  min-height: 78px;
  width: 100%
}
#ndzn-shop-menu .complex-cat-toggle>span, #ndzn-shop-menu .menu-cat>span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 19px;
  font-weight: 700;
  line-height: 25px
}
#ndzn-shop-menu .complex-cat {
  align-items: flex-start;
  display: flex;
  flex-direction: column
}
@media(max-width:430px) {
  #ndzn-shop-menu .modal-box {
    width: 290px
  }
  #ndzn-shop-menu .menu-cat .menu-cat-img {
    display: none
  }
  #ndzn-shop-menu .shop-menu-header {
    padding-bottom: 30px;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    padding-top: 22px
  }
  #ndzn-shop-menu .shop-menu-header .mdi-close {
    top: 16px
  }
  #ndzn-shop-menu .complex-cat-toggle, #ndzn-shop-menu .menu-cat {
    min-height: 62px
  }
  #ndzn-shop-menu .complex-cat-toggle, #ndzn-shop-menu .simple-cat {
    padding-left: 18px
  }
  #ndzn-shop-menu .complex-cat-toggle {
    padding-bottom: 12px;
    padding-top: 12px;
    word-break: break-all
  }
  #ndzn-shop-menu .complex-cat-toggle>span {
    padding-right: 14px
  }
  #ndzn-shop-menu .menu-cat .parent-cat {
    padding-bottom: .75rem;
    padding-top: .75rem
  }
  #ndzn-shop-menu .menu-cat .simple-subcat {
    font-size: 17px;
    padding-bottom: 6px;
    padding-top: 6px
  }
}
@media(max-width:340px) {
  #ndzn-shop-menu .shop-menu-header {
    padding-right: 72px
  }
  #ndzn-shop-menu .shop-menu-header .mdi-close {
    background-color: transparent;
    border-radius: 0;
    height: 35px;
    line-height: 35px;
    right: 20px;
    top: 20px;
    width: 35px
  }
  #ndzn-shop-menu .shop-menu-header .mdi-close:focus, #ndzn-shop-menu .shop-menu-header .mdi-close:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(57 61 62/var(--tw-bg-opacity))
  }
}
.modal-alternative {
  border-radius: 4px
}
.modal-alternative .h3 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 30px;
  font-weight: 700;
  line-height: 39px;
  padding-bottom: 13px;
  padding-left: 47px;
  padding-right: 47px;
  padding-top: 40px;
  position: relative
}
.modal-alternative .h3:after {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  bottom: 0;
  content: "";
  display: block;
  height: 3px;
  left: 47px;
  position: absolute;
  width: 25px
}
.modal-alternative .modal-body {
  padding-bottom: 36px;
  padding-left: 47px;
  padding-right: 32px;
  padding-top: 30px;
  position: relative
}
.modal-alternative .modal-body .modal-body-inner {
  padding-bottom: 1rem;
  padding-top: 1rem
}
.modal-alternative .modal-body .modal-body-inner h3 {
  margin-top: 1rem
}
.modal-alternative .modal-body .modal-body-inner:after, .modal-alternative .modal-body .modal-body-inner:before {
  width: calc(100% - 44px)
}
.modal-alternative .modal-body .modal-body-inner:before {
  top: 30px
}
.modal-alternative .modal-body .modal-body-inner:after {
  bottom: 36px
}