:root {
  --fontMontserrat: "Montserrat", sans-serif;
  --fontMdi: "Material Design Icons";
  --baseSpacing: 20px;
  --spacing: 30px;
  --sidebarSpacing: 51px;
  --panelBodySpacing: 34px;
  --paddingPanel: 30px 30px
}
@media(max-width:1050px) {
  :root {
    --spacing: var(--baseSpacing);
    --sidebarSpacing: var(--baseSpacing);
    --panelBodySpacing: var(--baseSpacing);
    --paddingPanel: var(--baseSpacing) var(--baseSpacing)
  }
}
@media(max-width:650px) {
  :root {
    --baseSpacing: 12px
  }
}
.btn {
  border-radius: 8px;
  cursor: pointer;
  font-weight: 800;
  transition-duration: .2s
}
.btn-warning {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgba(241, 202, 43, var(--tw-bg-opacity));
  color: rgba(95, 69, 49, var(--tw-text-opacity))
}
.btn-warning:focus, .btn-warning:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(236, 211, 108, var(--tw-bg-opacity))
}
.btn-warning.disabled, .btn-warning[disabled] {
  background-color: #ab9950bf;
  color: #392b1f75;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.btn-danger {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgba(248, 56, 110, var(--tw-bg-opacity));
  color: rgba(104, 24, 47, var(--tw-text-opacity))
}
.btn-danger:focus, .btn-danger:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(250, 79, 127, var(--tw-bg-opacity))
}
.btn-pink {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgba(255, 132, 202, var(--tw-bg-opacity));
  color: rgba(117, 47, 87, var(--tw-text-opacity))
}
.btn-pink:focus, .btn-pink:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(251, 150, 207, var(--tw-bg-opacity))
}
.btn-shuffle {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.07;
  --tw-text-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  transition-duration: .2s
}
.btn-shuffle:focus, .btn-shuffle:hover {
  --tw-bg-opacity: 0.09
}
.btn-shuffle[disabled] {
  --tw-text-opacity: 1;
  color: rgba(161, 161, 161, var(--tw-text-opacity));
  cursor: default;
  pointer-events: none
}
@media(max-width:1050px) {
  .btn-shuffle {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgba(241, 202, 43, var(--tw-bg-opacity));
    color: rgba(95, 69, 49, var(--tw-text-opacity))
  }
  .btn-shuffle:focus, .btn-shuffle:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 211, 108, var(--tw-bg-opacity))
  }
  .btn-shuffle[disabled] {
    --tw-text-opacity: 1;
    color: rgba(95, 69, 49, var(--tw-text-opacity))
  }
}
.btn-panel-user {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgba(226, 188, 44, var(--tw-bg-opacity));
  color: rgba(95, 69, 49, var(--tw-text-opacity))
}
.btn-options-discord, .btn-options-discord-mobile {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgba(227, 235, 255, var(--tw-bg-opacity));
  border-radius: 4px;
  color: rgba(65, 99, 181, var(--tw-text-opacity))
}
.btn-options-discord-mobile:focus, .btn-options-discord-mobile:hover, .btn-options-discord:focus, .btn-options-discord:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(248, 250, 253, var(--tw-bg-opacity))
}
.btn-options-discord {
  display: inline-block;
  font-size: 14px;
  font-weight: 900;
  height: 44px;
  line-height: 44px;
  padding-left: 21px;
  padding-right: 21px
}
.btn-options-discord-mobile {
  height: 32px;
  line-height: 32px;
  text-align: center;
  width: 32px
}
.btn-options-discord-mobile>.fa-discord {
  width: 20px
}
.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: 1;
  --tw-bg-opacity: 0.9;
  align-items: center;
  background-color: rgba(18, 31, 72, 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: rgba(53, 87, 168, var(--tw-bg-opacity));
  border-radius: 10px
}
.shop-menu-body-inner:after, .shop-menu-body-inner:before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 14px)
}
.shop-menu-body-inner:before {
  --tw-gradient-from: #4163b5;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(65, 99, 181, 0));
  --tw-gradient-to: transparent
}
.shop-menu-body-inner:after, .shop-menu-body-inner:before {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}
.shop-menu-body-inner:after {
  --tw-gradient-from: transparent;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent);
  --tw-gradient-to: #4163b5
}
.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 {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.9;
  align-items: center;
  background-color: rgba(18, 31, 72, var(--tw-bg-opacity));
  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)
  }
}
#ndzn-shop-menu {
  --bodyInnerHeight: calc(100% - 95px)
}
#ndzn-shop-menu .modal-box {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgba(65, 99, 181, var(--tw-bg-opacity));
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  height: 100%;
  left: 0;
  min-width: 340px;
  position: absolute;
  top: 0
}
#ndzn-shop-menu .shop-menu-header {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgba(53, 87, 168, var(--tw-bg-opacity));
  border-bottom: 2px;
  border-color: rgba(81, 118, 204, var(--tw-border-opacity));
  border-style: solid;
  display: flex;
  font-weight: 700;
  min-height: 80px;
  padding: 1.25rem 1.5rem 1.25rem 2rem
}
#ndzn-shop-menu .shop-menu-header h1 {
  font-size: 25px
}
#ndzn-shop-menu .shop-menu-header .mdi-close {
  border-radius: 8px;
  cursor: pointer;
  display: inline-block;
  font-size: 30px;
  height: 40px;
  line-height: 40px;
  margin-left: auto;
  padding-left: 5px;
  padding-right: 5px
}
#ndzn-shop-menu .shop-menu-header .mdi-close:focus, #ndzn-shop-menu .shop-menu-header .mdi-close:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(62, 95, 173, var(--tw-bg-opacity))
}
#ndzn-shop-menu .shop-menu-body {
  --tw-bg-opacity: 1;
  background-color: rgba(65, 99, 181, var(--tw-bg-opacity));
  flex: 1 1 auto;
  height: var(--bodyInnerHeight);
  margin-bottom: 6px;
  margin-right: 6px;
  margin-top: 6px;
  overflow: auto;
  padding-right: 10px
}
#ndzn-shop-menu .shop-menu-body-inner {
  --tw-text-opacity: 1;
  color: rgba(186, 206, 255, var(--tw-text-opacity));
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding-bottom: 9px;
  padding-top: 9px
}
#ndzn-shop-menu .shop-menu-body-inner:after, #ndzn-shop-menu .shop-menu-body-inner:before {
  height: 15px;
  left: 0;
  z-index: 10
}
#ndzn-shop-menu .shop-menu-body-inner:before {
  top: 88px
}
#ndzn-shop-menu .shop-menu-body-inner:after {
  bottom: 7px
}
#ndzn-shop-menu .shop-menu-body-inner .simple-subcat, #ndzn-shop-menu .shop-menu-body-inner>.menu-cat {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
  margin-bottom: 2px;
  margin-top: 2px
}
#ndzn-shop-menu .shop-menu-body-inner .menu-cat.active:after, #ndzn-shop-menu .shop-menu-body-inner .simple-subcat:after {
  display: none
}
@media(max-width:370px) {
  #ndzn-shop-menu .modal-box {
    min-width: unset;
    width: 100%
  }
}
#ndzn-cart-popup .modal-box {
  --tw-bg-opacity: 1;
  background-color: rgba(65, 99, 181, var(--tw-bg-opacity));
  border-radius: 0;
  height: 100%;
  left: unset;
  min-height: 100%;
  position: absolute;
  right: 0;
  width: 340px
}
#ndzn-cart-popup .modal-box:after {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 0, 0, var(--tw-bg-opacity));
  content: "";
  display: block;
  height: 24px;
  left: 0;
  top: 0;
  width: 300px
}
#ndzn-cart-popup .modal-dialog {
  padding: 0
}
#ndzn-cart-popup .mdi-close {
  --tw-text-opacity: 1;
  border-radius: 8px;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  cursor: pointer;
  display: inline-block;
  font-size: 30px;
  height: 40px;
  line-height: 40px;
  padding-left: 5px;
  padding-right: 5px;
  transition-duration: .25s
}
#ndzn-cart-popup .mdi-close:focus, #ndzn-cart-popup .mdi-close:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(62, 95, 173, var(--tw-bg-opacity))
}
#ndzn-cart-popup .cart-buttons .menu.is-currency, #ndzn-cart-popup .cart-buttons .menu.is-currency:before {
  --tw-bg-opacity: 1;
  background-color: rgba(236, 211, 108, var(--tw-bg-opacity))
}
#ndzn-cart-popup .cart-buttons .menu.is-currency a:focus, #ndzn-cart-popup .cart-buttons .menu.is-currency a:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(245, 227, 151, var(--tw-bg-opacity))
}
#ndzn-cart-popup .cart-buttons .menu.is-currency a.active {
  --tw-bg-opacity: 1;
  background-color: rgba(95, 69, 49, var(--tw-bg-opacity))
}
#ndzn-cart-popup .cart-top img {
  border-radius: 6px;
  height: 30px;
  line-height: 30px;
  margin-left: 13px
}
#ndzn-cart-popup .cart-top span {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  display: inline-block;
  font-size: 16px;
  font-weight: 600
}
#ndzn-cart-popup .item {
  border-top-width: 0
}
#ndzn-cart-popup .cart-header, #ndzn-cart-popup .cart-info, #ndzn-cart-popup .item {
  border-bottom: 2px;
  border-color: #baceff12;
  border-style: solid
}
#ndzn-cart-popup .cart-header {
  --tw-bg-opacity: 1;
  background-color: rgba(53, 87, 168, var(--tw-bg-opacity));
  padding: 22px
}
#ndzn-cart-popup .cart-body {
  --tw-bg-opacity: 1;
  background-color: rgba(65, 99, 181, var(--tw-bg-opacity));
  height: calc(100% - 194px);
  overflow: auto
}
#ndzn-cart-popup .cart-buttons {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  margin-top: 24px
}
#ndzn-cart-popup .cart-buttons>* {
  margin-left: .5rem
}
#ndzn-cart-popup .cart-buttons .btn {
  align-items: center;
  border-radius: 6px;
  display: flex;
  font-size: 13px;
  height: 30px;
  justify-content: center;
  line-height: 30px;
  padding: 0 10px;
  width: 72px
}
#ndzn-cart-popup .cart-buttons .btn-warning {
  padding-right: 4px
}
#ndzn-cart-popup .cart-buttons .mdi-menu-down, #ndzn-cart-popup .cart-buttons .mdi-menu-up {
  font-size: 20px;
  height: 10px;
  line-height: 10px;
  margin-left: 3px
}
#ndzn-cart-popup .cart-buttons .menu.is-currency {
  left: -38px;
  width: 110px
}
#ndzn-cart-popup .cart-buttons .menu.is-currency:before {
  right: -41px
}
#ndzn-cart-popup .cart-buttons .menu.is-currency a {
  --tw-text-opacity: 1;
  color: rgba(95, 69, 49, var(--tw-text-opacity));
  height: 26px;
  line-height: 26px;
  position: relative;
  z-index: 2
}
#ndzn-cart-popup .cart-buttons .menu.is-currency a.active {
  --tw-text-opacity: 1;
  color: rgba(251, 229, 145, var(--tw-text-opacity))
}
#ndzn-cart-popup .cart-info {
  --tw-text-opacity: 1;
  color: rgba(241, 202, 43, var(--tw-text-opacity));
  padding: .75rem
}
#ndzn-cart-popup .cart-info .mdi-cart {
  font-size: 22px;
  margin-right: .75rem
}
#ndzn-cart-popup .cart-info span {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .025em
}
#ndzn-cart-popup .part-checkout {
  padding: 1.25rem
}
#ndzn-cart-popup .part-checkout .btn {
  border-radius: 8px;
  display: block;
  letter-spacing: .025em;
  padding: 14px 1rem;
  text-align: center;
  white-space: nowrap
}
#ndzn-cart-popup .part-checkout .btn>* {
  pointer-events: none
}
#ndzn-cart-popup .part-checkout .btn-warning {
  font-size: 18px
}
#ndzn-cart-popup .part-checkout .btn-danger {
  align-items: center;
  display: flex;
  justify-content: center;
  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:400px) {
  #ndzn-cart-popup .modal-box {
    width: 100%
  }
}
.modal-box {
  --headerHeight: 88px;
  --bodyHeight: 158px;
  --footerHeight: calc(603px - var(--headerHeight) - var(--bodyHeight));
  --footerHeigthAlt: calc(603px - var(--headerHeight))
}
#main-modal .modal-box {
  max-width: 730px;
  width: 100%
}
.modal .modal-header {
  align-items: center;
  display: flex;
  height: var(--headerHeight);
  overflow: hidden;
  padding: .5rem 27px .5rem 36px
}
.modal .modal-header .h3 {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  font-size: 19px;
  font-weight: 700;
  line-height: 23px;
  padding-right: 2rem
}
.modal .modal-header>button {
  --tw-text-opacity: 1;
  align-items: center;
  color: rgba(255, 132, 202, var(--tw-text-opacity));
  display: flex;
  font-size: 34px;
  justify-content: center;
  margin-left: auto
}
.modal .modal-header>button, .modal .modal-header>button .mdi-close {
  display: inline-block;
  height: 38px;
  line-height: 38px;
  width: 38px
}
.modal .modal-body {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgba(65, 99, 181, var(--tw-bg-opacity));
  border-radius: 6px;
  display: flex;
  height: var(--bodyHeight);
  margin-left: 2.25rem;
  margin-right: 2.25rem;
  padding: .5rem 1.75rem;
  position: relative
}
.modal .modal-body .package-image {
  margin-right: 26px
}
.modal .modal-body .mdi.is-placeholder, .modal .modal-body img {
  height: 102px
}
.modal .modal-body .mdi.is-placeholder {
  width: 117px
}
.modal .modal-body .footer-buttons {
  display: flex;
  flex-wrap: wrap;
  margin-top: .75rem
}
.modal .modal-body .footer-buttons>* {
  margin-right: .5rem
}
.modal .modal-body .package-price {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  font-size: 21px;
  font-weight: 700;
  line-height: 25px;
  padding-left: 0;
  padding-right: 0
}
.modal .modal-body .btn {
  display: inline-block
}
.modal .modal-body .btn, .modal .modal-body>div>.btn {
  height: 45px;
  line-height: 45px;
  padding-left: 22px;
  padding-right: 22px
}
.modal .modal-body .gift {
  position: relative
}
.modal .modal-footer {
  height: var(--footerHeight)
}
.modal .modal-footer-inner {
  --tw-text-opacity: 1;
  color: rgba(181, 203, 255, var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 500;
  height: calc(100% - 12px);
  line-height: 37px;
  margin-bottom: .75rem;
  margin-right: .75rem;
  margin-top: 1rem;
  overflow: auto;
  padding: 1rem 24px 1rem 2.25rem
}
.modal .modal-footer-inner::-webkit-scrollbar {
  width: 4px
}
.modal .modal-footer-inner::-webkit-scrollbar-track {
  background: #243e7a
}
.modal .modal-footer-inner::-webkit-scrollbar-thumb {
  background: #aac1f6
}
.modal .pseudo-gradients {
  position: relative
}
.modal .pseudo-gradients:after, .modal .pseudo-gradients:before {
  content: "";
  display: block;
  height: 28px;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: calc(100% - 30px)
}
.modal .pseudo-gradients:before {
  --tw-gradient-from: #3557a8;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(53, 87, 168, 0));
  --tw-gradient-to: #00000000;
  top: 0
}
.modal .pseudo-gradients:after, .modal .pseudo-gradients:before {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}
.modal .pseudo-gradients:after {
  --tw-gradient-from: #00000000;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent);
  --tw-gradient-to: #3557a8;
  bottom: 11px
}
#gift-form {
  --tw-bg-opacity: 1;
  border-radius: 8px;
  padding: 10px;
  top: 58px;
  width: 264px;
  z-index: 3
}
#gift-form, #gift-form:before {
  background-color: rgba(255, 132, 202, var(--tw-bg-opacity));
  position: absolute
}
#gift-form:before {
  --tw-rotate: 45deg;
  --tw-bg-opacity: 1;
  content: "";
  display: block;
  height: 12px;
  left: 32px;
  pointer-events: none;
  top: -5px;
  transform: var(--tw-transform);
  width: 12px
}
#gift-form .input {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  --tw-shadow: 0 0 #0000;
  background-color: rgba(251, 150, 207, var(--tw-bg-opacity));
  border: 2px solid rgba(253, 161, 212, var(--tw-border-opacity));
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  color: rgba(117, 47, 87, var(--tw-text-opacity));
  font-size: 14px;
  font-weight: 700;
  height: 44px;
  line-height: 44px;
  padding-left: 1rem;
  padding-right: 1rem
}
#gift-form .input::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgba(205, 109, 163, var(--tw-text-opacity))
}
#gift-form .input:-ms-input-placeholder {
  --tw-text-opacity: 1;
  color: rgba(205, 109, 163, var(--tw-text-opacity))
}
#gift-form .input::placeholder {
  --tw-text-opacity: 1;
  color: rgba(205, 109, 163, var(--tw-text-opacity))
}
#gift-form .gift-buttons {
  align-items: center;
  display: flex;
  font-size: 0;
  margin-top: 10px
}
#gift-form .gift-buttons .btn-danger {
  flex: 0 0 45px;
  font-size: 26px;
  padding-left: 10px;
  padding-right: 10px
}
#gift-form .gift-buttons .btn-warning {
  flex: 1 1 auto;
  font-size: 15px;
  margin-left: 10px
}
@media(max-width:750px) {
  .modal-box {
    --height: calc(100% - var(--spacing)*2);
    --headerHeight: 74px;
    --bodyHeight: 128px;
    --footerHeight: calc(100% - var(--headerHeight) - var(--bodyHeight) - 28px);
    height: var(--height)
  }
  .modal .modal-dialog {
    padding-bottom: 0;
    padding-top: 0
  }
  .modal .modal-header {
    padding-left: 27px;
    padding-right: 21px
  }
  .modal .modal-header .h3 {
    font-size: 18px;
    line-height: 26px
  }
  .modal .modal-header>button {
    font-size: 30px
  }
  .modal .modal-header>button, .modal .modal-header>button .mdi-close {
    height: 33px;
    line-height: 33px;
    width: 33px
  }
  .modal .modal-body {
    margin-left: 27px;
    margin-right: 27px;
    padding-left: 1rem;
    padding-right: 1rem
  }
  .modal .modal-body .package-image {
    margin-right: 1rem
  }
  .modal .modal-body .mdi.is-placeholder, .modal .modal-body img {
    height: 82px
  }
  .modal .modal-body .package-price {
    font-size: 16px
  }
  .modal .modal-body .footer-buttons {
    margin-top: .5rem
  }
  .modal .modal-body .btn, .modal .modal-body>div>.btn {
    border-radius: 6px;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding-left: 1rem;
    padding-right: 1rem
  }
  .modal .modal-footer-inner {
    font-size: 14px;
    height: 100%;
    line-height: 30px;
    padding-bottom: .5rem;
    padding-left: 27px;
    padding-right: 15px;
    padding-top: .5rem
  }
  .modal .pseudo-gradients:after, .modal .pseudo-gradients:before {
    height: 20px;
    width: calc(100% - 20px)
  }
  .modal .pseudo-gradients:after {
    bottom: 0
  }
  #gift-form {
    right: calc(100% - 59px);
    top: 49px;
    width: 230px
  }
  #gift-form:before {
    left: unset;
    right: 23px
  }
  #gift-form .input {
    font-size: 13px;
    text-align: center
  }
  #gift-form .gift-buttons .btn-danger {
    flex: 0 0 36px;
    padding-left: 6px;
    padding-right: 6px
  }
}
@media(max-width:650px) {
  .modal-header .h3 {
    text-align: left
  }
}
@media(max-width:540px) {
  .modal .modal-header .h3 {
    display: inline-block;
    font-size: 16px;
    overflow: hidden;
    padding-right: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 300px
  }
}
@media(max-width:480px) {
  .modal-box {
    --footerHeight: calc(100% - var(--headerHeight) - var(--bodyHeight) - 20px)
  }
  .modal-box .modal-body {
    margin-left: 1rem;
    margin-right: 1rem
  }
  .modal-box .modal-footer-inner {
    font-size: 13px;
    line-height: 26px;
    margin-bottom: 10px;
    margin-right: .5rem;
    margin-top: 10px;
    padding-left: 1rem;
    padding-right: .5rem
  }
  .modal-box .pseudo-gradients:after, .modal-box .pseudo-gradients:before {
    height: 1rem;
    width: calc(100% - 16px)
  }
}
@media(max-width:440px) {
  .modal-box {
    --bodyHeight: 100px
  }
  .modal-box .modal-header .h3 {
    width: 200px
  }
  .modal-box .modal-body {
    justify-content: center
  }
  .modal-box .modal-body .package-image {
    display: none
  }
  .modal-box .modal-body .package-price {
    font-size: 14px;
    text-align: center
  }
  .modal-box .modal-body .modal-package-details {
    margin-left: 0;
    text-align: center
  }
  .modal-box .modal-body .footer-buttons {
    justify-content: center;
    margin-top: .25rem
  }
  .modal-box .modal-body .footer-buttons>* {
    margin: .25rem
  }
  .modal-box .modal-body .btn, .modal-box .modal-body>div>.btn {
    font-size: 13px;
    height: 32px;
    line-height: 32px;
    padding-left: .75rem;
    padding-right: .75rem
  }
}
@media(max-width:340px) {
  .modal .modal-header .h3 {
    width: 170px
  }
  #gift-form {
    right: calc(100% - 83px)
  }
  #gift-form:before {
    right: 47px
  }
}
#copy-ip-modal .modal-box {
  --tw-bg-opacity: 1;
  background-color: rgba(241, 202, 43, var(--tw-bg-opacity));
  padding-bottom: 2.5rem;
  padding-top: 2.5rem;
  width: 380px
}
#copy-ip-modal .modal-body {
  height: auto
}
#copy-ip-modal h1 {
  --tw-text-opacity: 1;
  color: rgba(95, 69, 49, var(--tw-text-opacity));
  font-size: 25px;
  font-weight: 800
}
#copy-ip-modal p {
  color: #5f453199;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -.025em;
  margin-top: 6px;
  text-transform: uppercase
}
#copy-ip-modal .btn-warning {
  --tw-bg-opacity: 1;
  background-color: rgba(223, 186, 44, var(--tw-bg-opacity));
  font-size: 18px;
  height: 54px;
  line-height: 54px;
  margin-top: 2.25rem;
  min-width: 164px
}
#copy-ip-modal .btn-warning:focus, #copy-ip-modal .btn-warning:hover {
  --tw-text-opacity: 1;
  color: rgba(122, 93, 70, var(--tw-text-opacity))
}
@media(max-width:440px) {
  #copy-ip-modal .modal-body {
    margin-left: 0;
    margin-right: 0
  }
}
@media(max-width:380px) {
  #copy-ip-modal .modal-body {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
  }
  #copy-ip-modal h1 {
    font-size: 21px
  }
  #copy-ip-modal p {
    font-size: 13px
  }
  #copy-ip-modal .btn-warning {
    font-size: 17px;
    height: 48px;
    line-height: 48px;
    margin-top: 1.75rem
  }
}
.modal-box.modal-alternative {
  --footerHeight: calc(603px - var(--headerHeight))
}
.modal .modal-alternative .modal-header {
  --tw-border-opacity: 1;
  border-bottom: 2px;
  border-color: rgba(60, 94, 175, var(--tw-border-opacity));
  border-style: solid
}
.modal .modal-alternative .modal-footer {
  position: relative
}
.modal .modal-alternative .pseudo-gradients {
  position: unset
}
.modal .modal-alternative .pseudo-gradients:after, .modal .modal-alternative .pseudo-gradients:before {
  width: calc(100% - 20px);
  z-index: 2
}
@media(max-width:750px) {
  .modal-box.modal-alternative {
    --footerHeight: calc(100% - var(--headerHeight) - 28px)
  }
}
@media(max-width:650px) {
  .modal .modal-alternative li:before {
    top: 10px
  }
}
@media(max-width:480px) {
  .modal-box.modal-alternative {
    --footerHeight: calc(100% - var(--headerHeight) - 20px)
  }
}
.panel-patrons .panel-heading-variant {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-bottom: 26px;
  padding-top: 26px
}
.panel-patrons .panel-heading-variant .mdi-crown {
  font-size: 36px;
  margin-right: 11px
}
.panel-patrons .panel-body {
  text-align: center
}
.panel-patrons .patrons-parent {
  display: grid;
  gap: .5rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 2rem
}
.panel-patrons .patron {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgba(65, 99, 181, var(--tw-bg-opacity));
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.75rem .75rem;
  position: relative
}
.panel-patrons .patron:before {
  --tw-bg-opacity: 1;
  background-color: rgba(53, 87, 168, var(--tw-bg-opacity));
  border-radius: 50%;
  bottom: 21px;
  content: "";
  display: block;
  height: 31px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  width: 106px;
  z-index: 2
}
.panel-patrons .patron-name {
  --tw-text-opacity: 1;
  color: rgba(241, 202, 43, var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 800;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}
.panel-patrons .patron-skin {
  height: 150px;
  margin-top: 1.5rem;
  position: relative;
  z-index: 4
}
@media(max-width:1280px) {
  .panel-patrons .patrons-parent {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}
@media(max-width:1050px) {
  .panel-patrons .panel-body, .panel-patrons .patrons-parent {
    margin-top: 1.25rem
  }
}
@media(max-width:1000px) {
  .panel-patrons .patrons-parent {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}
@media(max-width:900px) {
  .panel-patrons .panel-heading-variant .mdi-crown {
    font-size: 30px
  }
}
@media(max-width:650px) {
  .panel-patrons .panel-body, .panel-patrons .patrons-parent {
    margin-top: .75rem
  }
}
@media(max-width:540px) {
  .panel-patrons .patron {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
  }
  .panel-patrons .patron:before {
    bottom: 13px;
    height: 24px;
    width: 80px
  }
  .panel-patrons .patron-name {
    font-size: 15px
  }
  .panel-patrons .patron-skin {
    height: 114px;
    margin-top: 1.25rem
  }
}
@media(max-width:430px) {
  .panel-patrons .patrons-parent {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
}
.ndzn-category .desc {
  font-size: 14px;
  line-height: 28px;
  margin-top: var(--panelBodySpacing)
}
.ndzn-category .cat-body {
  display: grid;
  gap: 15px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: var(--panelBodySpacing)
}
.ndzn-category .cat-body.is-empty {
  gap: 0;
  grid-template-columns: repeat(1, minmax(0, 1fr))
}
.ndzn-category .is-package {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  background-color: rgba(65, 99, 181, var(--tw-bg-opacity));
  border: 2px solid rgba(69, 107, 198, var(--tw-border-opacity));
  border-radius: 8px
}
.ndzn-category .no-packages {
  font-size: 16px;
  font-weight: 600
}
.is-package {
  margin-left: auto;
  margin-right: auto;
  max-width: 300px;
  width: 100%
}
.is-package .package-image {
  margin: -.125rem -.125rem 0
}
.is-package .package-image img {
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  height: auto;
  width: 100%
}
.is-package .package-details {
  margin-bottom: auto;
  margin-top: auto;
  padding: .875rem .875rem 0
}
.is-package .details-top {
  align-items: center;
  display: flex;
  flex-wrap: wrap
}
.is-package .details-top>* {
  margin-bottom: 10px
}
.is-package .package-footer {
  align-items: center;
  display: flex;
  padding: .875rem
}
.is-package .package-buttons {
  margin-left: auto
}
.is-package .package-buttons .btn {
  border-radius: 8px;
  display: inline-block;
  font-size: 15px;
  height: 37px;
  line-height: 37px;
  padding-left: 19px;
  padding-right: 19px
}
.is-package .package-price {
  padding-left: 0
}
.package-expires, .package-qty {
  border-radius: 13px;
  height: 21px;
  line-height: 20px;
  margin-right: 3px
}
.package-qty {
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  color: rgba(65, 99, 181, var(--tw-text-opacity));
  font-size: 12px;
  font-weight: 700;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 1px
}
.package-expires, .package-qty {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1
}
.package-expires {
  align-items: center;
  background-color: rgba(248, 56, 110, var(--tw-bg-opacity));
  color: rgba(104, 24, 47, var(--tw-text-opacity));
  display: flex;
  padding-left: 10px;
  padding-right: .75rem
}
.package-expires .mdi-clock-alert-outline {
  font-size: 14px
}
.package-expires>span {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  margin-left: .5rem;
  overflow: hidden;
  white-space: nowrap
}
.package-price {
  align-items: flex-start;
  flex-direction: column;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  text-align: left
}
.package-name {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 700;
  line-height: 24px
}
.price-actual, .price-custom, .price-discount, .price-free {
  font-size: 16px;
  font-weight: 700;
  line-height: 19px
}
.upgrade-package {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgba(65, 99, 181, var(--tw-bg-opacity));
  border: 2px solid rgba(241, 202, 43, var(--tw-border-opacity));
  border-radius: 8px;
  display: flex;
  margin-top: .5rem;
  position: relative
}
.upgrade-package .upgrade-package-img {
  left: 36px;
  position: absolute;
  top: 30px
}
.upgrade-package .upgrade-package-img>img {
  height: 94px
}
.upgrade-package .upgrade-package-details {
  flex: 1 1 auto;
  padding: 33px 18px 18px 185px
}
.upgrade-package .upgrade-package-details b.package-name {
  letter-spacing: 0
}
.upgrade-package .upgrade-package-details .package-name {
  font-size: 18px;
  padding-left: 0
}
.upgrade-package .upgrade-package-details b {
  display: inline-block;
  font-size: 14px;
  letter-spacing: .05em
}
.upgrade-package .upgrade-package-details h6 {
  --tw-text-opacity: 1;
  color: rgba(241, 202, 43, var(--tw-text-opacity));
  font-size: 19px;
  font-weight: 700;
  line-height: 24px;
  margin-top: 5px
}
.upgrade-package .price-discount-variant {
  --tw-text-opacity: 1;
  color: rgba(255, 103, 145, var(--tw-text-opacity));
  font-size: 13px
}
.upgrade-package .upgrader-package-footer {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgba(75, 110, 194, var(--tw-bg-opacity));
  border: 2px solid rgba(90, 127, 216, var(--tw-border-opacity));
  border-radius: 6px;
  display: flex;
  margin-top: 2rem;
  padding: 15px 1.5rem 15px 27px
}
.upgrade-package .footer-right {
  margin-left: auto;
  padding-left: 1.5rem
}
.upgrade-package .footer-right .btn {
  display: inline-block;
  font-size: 15px;
  height: 37px;
  line-height: 37px;
  min-width: 130px;
  padding-left: 14px;
  padding-right: 14px;
  text-align: center;
  white-space: nowrap
}
.panel-ranks-upgrades {
  margin-bottom: 10px
}
.panel-ranks-upgrades .panel-heading {
  padding-right: 100px;
  text-align: left
}
.panel-ranks-upgrades .panel-body {
  margin-top: 10px
}
.panel-ranks-upgrades .rank-upgrade-parent {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgba(65, 99, 181, var(--tw-bg-opacity));
  border: 2px solid rgba(69, 107, 198, var(--tw-border-opacity));
  border-radius: 8px;
  display: flex;
  padding: 17px 33px
}
.panel-ranks-upgrades .rank-upgrade-parent>p {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  display: inline-block;
  font-size: 14px;
  font-weight: 800;
  line-height: 22px;
  margin-bottom: 0;
  white-space: nowrap
}
.panel-ranks-upgrades .option, .panel-ranks-upgrades .select {
  cursor: pointer
}
.panel-ranks-upgrades .select {
  --tw-bg-opacity: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgba(75, 110, 194, var(--tw-bg-opacity));
  border-radius: 8px;
  font-weight: 700;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  min-width: 227px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  position: relative;
  z-index: 10
}
.panel-ranks-upgrades .select.open .mdi-menu-up, .panel-ranks-upgrades .select.open .menu {
  display: block
}
.panel-ranks-upgrades .select.open .mdi-menu-down {
  display: none
}
.panel-ranks-upgrades .select.open .option-selected {
  border-bottom-color: #00000000 !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}
.panel-ranks-upgrades .select.is-default .mdi-menu-down, .panel-ranks-upgrades .select.is-default .mdi-menu-up, .panel-ranks-upgrades .select.is-default .option-selected {
  --tw-text-opacity: 1;
  color: rgba(109, 142, 227, var(--tw-text-opacity))
}
.panel-ranks-upgrades .select.is-default .option-selected {
  --tw-border-opacity: 1;
  border-color: rgba(90, 127, 216, var(--tw-border-opacity))
}
.panel-ranks-upgrades .select.is-default .option-selected>span {
  --tw-text-opacity: 1;
  color: rgba(141, 168, 236, var(--tw-text-opacity))
}
.panel-ranks-upgrades .select.is-default .menu {
  --tw-border-opacity: 1;
  border-color: rgba(90, 127, 216, var(--tw-border-opacity))
}
.panel-ranks-upgrades .select .menu {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  background-color: rgba(75, 110, 194, var(--tw-bg-opacity));
  border-bottom: 2px solid rgba(241, 202, 43, var(--tw-border-opacity));
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left: 2px solid rgba(241, 202, 43, var(--tw-border-opacity));
  border-right: 2px solid rgba(241, 202, 43, var(--tw-border-opacity));
  border-top-color: rgba(241, 202, 43, var(--tw-border-opacity));
  border-top-style: solid;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: calc(100% - 2px)
}
.panel-ranks-upgrades .select .mdi-menu-down, .panel-ranks-upgrades .select .mdi-menu-up {
  --tw-text-opacity: 1;
  color: rgba(241, 202, 43, var(--tw-text-opacity));
  display: inline-block;
  font-size: 24px;
  height: 10px;
  line-height: 10px;
  pointer-events: none;
  position: absolute;
  right: 7px;
  text-align: center;
  top: 21px;
  width: 26px
}
.panel-ranks-upgrades .select .mdi-menu-up {
  display: none
}
.panel-ranks-upgrades .option-selected {
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  border: 2px solid rgba(241, 202, 43, var(--tw-border-opacity));
  border-radius: 8px;
  color: rgba(241, 202, 43, var(--tw-text-opacity))
}
.panel-ranks-upgrades .menu .option {
  transition-duration: .2s
}
.panel-ranks-upgrades .menu .option:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px
}
.panel-ranks-upgrades .menu .option:focus, .panel-ranks-upgrades .menu .option:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(66, 98, 175, var(--tw-bg-opacity))
}
.panel-ranks-upgrades .option {
  align-items: center;
  display: flex;
  height: 52px;
  padding: 14px 38px 14px 62px;
  position: relative
}
.panel-ranks-upgrades .option>img, .panel-ranks-upgrades .option>span {
  pointer-events: none
}
.panel-ranks-upgrades .option>img {
  bottom: 0;
  left: 12px;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  top: 0;
  width: 38px
}
.panel-ranks-upgrades .option>span {
  font-size: 16px;
  white-space: nowrap
}
.panel-ranks-upgrades .option .mdi-star {
  --tw-border-opacity: 1;
  border: 2px solid rgba(109, 142, 227, var(--tw-border-opacity));
  border-radius: 6px;
  bottom: 0;
  font-size: 17px;
  height: 32px;
  left: 10px;
  line-height: 28px;
  margin-bottom: auto;
  margin-top: auto;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 0;
  width: 37px
}
.price-actual, .price-discount {
  font-weight: 800
}
.price-discount {
  color: rgba(194, 90, 119, var(--tw-text-opacity));
  font-size: 15px;
  margin-right: 6px;
  text-decoration: line-through
}
.price-actual, .price-discount {
  --tw-text-opacity: 1
}
.price-actual {
  color: rgba(241, 202, 43, var(--tw-text-opacity));
  font-size: 16px
}
@media (max-width:900px) {
  .package-name {
    font-size: 16px
  }
}
@media(max-width:1200px) {
  .ndzn-category .cat-body {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
  .panel-ranks-upgrades .rank-upgrade-parent {
    flex-direction: column;
    justify-content: center;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.25rem
  }
  .panel-ranks-upgrades .select {
    margin: 1.25rem
  }
}
@media(max-width:1050px) {
  .upgrade-package .upgrade-package-img {
    left: 1.25rem;
    top: 1.25rem
  }
  .upgrade-package .upgrade-package-details {
    padding-left: 155px;
    padding-top: 18px
  }
  .upgrade-package .upgrade-package-details h6 {
    font-size: 18px;
    margin-top: 10px
  }
  .upgrade-package .upgrader-package-footer {
    margin-top: 1.75rem;
    padding-left: 1.25rem;
    padding-right: 15px
  }
}
@media(max-width:1000px) {
  .upgrade-package .upgrader-package-footer {
    align-items: flex-start;
    flex-direction: column
  }
  .upgrade-package .footer-right {
    margin-left: 0;
    margin-top: 1rem;
    padding-left: 0
  }
}
@media(max-width:900px) {
  .ndzn-category .cat-body {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
  .ndzn-category .no-packages {
    font-size: 14px
  }
  .upgrade-package .upgrader-package-footer {
    flex-direction: row
  }
  .upgrade-package .footer-right {
    margin-left: auto;
    margin-top: 0;
    padding-left: 2rem
  }
}
@media(max-width:780px) {
  .ndzn-category .cat-body {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}
@media(max-width:700px) {
  .upgrade-package {
    flex-direction: column;
    padding-top: 1.25rem
  }
  .upgrade-package .upgrade-package-img {
    position: unset
  }
  .upgrade-package .upgrade-package-details {
    padding-left: 18px;
    text-align: center;
    width: 100%
  }
  .upgrade-package .footer-left {
    text-align: left
  }
}
@media(max-width:650px) {
  .ndzn-category .cat-body, .ndzn-category .desc {
    margin-top: calc(var(--panelBodySpacing)*2)
  }
  .package-name {
    padding-left: 0;
    padding-right: 0
  }
  .upgrade-package .upgrade-package-details .package-name {
    font-size: 17px
  }
}
@media(max-width:540px) {
  .panel-ranks-upgrades .rank-upgrade-parent {
    padding-bottom: .75rem;
    padding-top: .75rem
  }
  .panel-ranks-upgrades .select {
    margin-bottom: .75rem;
    margin-top: .75rem
  }
  .upgrade-package .upgrade-package-details b {
    font-size: 12px;
    letter-spacing: 0
  }
  .upgrade-package .upgrade-package-details h6 {
    font-size: 16px;
    line-height: 22px
  }
  .upgrade-package .upgrader-package-footer {
    align-items: center;
    flex-direction: column;
    margin-top: 22px
  }
  .upgrade-package .upgrader-package-footer .footer-left {
    text-align: center
  }
  .upgrade-package .upgrader-package-footer .footer-right {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
    padding-left: 0
  }
  .upgrade-package .upgrade-package-img>img {
    height: 80px
  }
  .upgrade-package .price-actual {
    margin-top: .25rem
  }
  .upgrade-package .price-discount {
    margin-right: 0
  }
}
@media(max-width:500px) {
  .ndzn-category .cat-body {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
}
@media(max-width:440px) {
  .package-name {
    font-size: 16px
  }
}
@media(max-width:360px) {
  .is-package .details-top {
    flex-direction: column
  }
  .package-expires, .package-qty {
    margin-left: 0;
    margin-right: 0;
    width: 100%
  }
  .package-expires {
    justify-content: center;
    text-align: center
  }
  .panel-ranks-upgrades .select {
    margin-left: 0;
    margin-right: 0;
    min-width: unset;
    width: 100%
  }
  .upgrade-package .upgrade-package-details h6 {
    font-size: 15px
  }
  .upgrade-package .upgrade-package-details .package-name {
    font-size: 16px
  }
  .upgrade-package .price-actual {
    font-size: 15px
  }
  .upgrade-package .upgrader-package-footer {
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: -18px;
    margin-left: -18px;
    margin-right: -18px
  }
}
.page-sidebar {
  flex: 0 0 304px;
  margin-right: var(--sidebarSpacing)
}
.panel.page-sidebar-inner {
  padding: 12px 0
}
.page-sidebar-inner, .shop-menu-body-inner {
  display: flex;
  flex-direction: column;
  padding-bottom: 15px;
  padding-top: 15px
}
.page-sidebar-inner .complex-cat-toggle, .page-sidebar-inner .menu-cat, .shop-menu-body-inner .complex-cat-toggle, .shop-menu-body-inner .menu-cat {
  align-items: center;
  display: flex;
  line-height: 24px;
  min-height: 60px;
  width: 100%
}
.page-sidebar-inner .menu-cat:focus, .page-sidebar-inner .menu-cat:hover, .page-sidebar-inner .simple-subcat:focus, .page-sidebar-inner .simple-subcat:hover, .shop-menu-body-inner .menu-cat:focus, .shop-menu-body-inner .menu-cat:hover, .shop-menu-body-inner .simple-subcat:focus, .shop-menu-body-inner .simple-subcat:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(57, 90, 170, var(--tw-bg-opacity))
}
.page-sidebar-inner .menu-cat.active, .page-sidebar-inner .simple-subcat.active, .shop-menu-body-inner .menu-cat.active, .shop-menu-body-inner .simple-subcat.active {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgba(48, 78, 151, var(--tw-bg-opacity));
  color: rgba(241, 202, 43, var(--tw-text-opacity));
  position: relative
}
.page-sidebar-inner .menu-cat.active:after, .page-sidebar-inner .simple-subcat.active:after, .shop-menu-body-inner .menu-cat.active:after, .shop-menu-body-inner .simple-subcat.active:after {
  --tw-bg-opacity: 1;
  background-color: rgba(241, 202, 43, var(--tw-bg-opacity));
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 9px;
  width: 4px
}
.page-sidebar-inner .menu-cat, .shop-menu-body-inner .menu-cat {
  --tw-text-opacity: 1;
  color: rgba(186, 206, 255, var(--tw-text-opacity));
  cursor: pointer;
  font-size: 17px;
  font-weight: 800;
  transition-duration: .2s
}
.page-sidebar-inner .menu-cat.active:after, .shop-menu-body-inner .menu-cat.active:after {
  height: 43px
}
.page-sidebar-inner .menu-cat.active svg, .shop-menu-body-inner .menu-cat.active svg {
  fill: #dcbd38
}
.page-sidebar-inner .menu-cat svg, .shop-menu-body-inner .menu-cat svg {
  fill: #baceff;
  flex: 0 0 22px;
  height: 22px;
  margin-right: 11px;
  width: 22px
}
.page-sidebar-inner .menu-cat .mdi-menu-down, .page-sidebar-inner .menu-cat .mdi-menu-up, .shop-menu-body-inner .menu-cat .mdi-menu-down, .shop-menu-body-inner .menu-cat .mdi-menu-up {
  display: inline-block;
  margin-left: auto;
  padding-left: .75rem
}
.page-sidebar-inner .simple-cat, .shop-menu-body-inner .simple-cat {
  padding-bottom: 1rem;
  padding-top: 1rem
}
.page-sidebar-inner .complex-cat, .page-sidebar-inner .simple-cat, .shop-menu-body-inner .complex-cat, .shop-menu-body-inner .simple-cat {
  padding-left: 2rem;
  padding-right: 1rem
}
.page-sidebar-inner .complex-cat, .shop-menu-body-inner .complex-cat {
  align-items: flex-start;
  flex-direction: column;
  justify-content: center
}
.page-sidebar-inner .complex-cat .mdi-menu-down, .page-sidebar-inner .complex-cat .mdi-menu-up, .shop-menu-body-inner .complex-cat .mdi-menu-down, .shop-menu-body-inner .complex-cat .mdi-menu-up {
  font-size: 22px
}
.page-sidebar-inner .complex-cat.open .mdi-menu-down, .shop-menu-body-inner .complex-cat.open .mdi-menu-down {
  display: none
}
.page-sidebar-inner .complex-cat.open .mdi-menu-up, .shop-menu-body-inner .complex-cat.open .mdi-menu-up {
  display: inline-block
}
.page-sidebar-inner .complex-cat.open .parent-cat, .shop-menu-body-inner .complex-cat.open .parent-cat {
  display: flex;
  flex-direction: column
}
.page-sidebar-inner .complex-cat.open:focus, .page-sidebar-inner .complex-cat.open:hover, .shop-menu-body-inner .complex-cat.open:focus, .shop-menu-body-inner .complex-cat.open:hover {
  background-color: transparent
}
.page-sidebar-inner .complex-cat .mdi-menu-up, .page-sidebar-inner .complex-cat .parent-cat, .shop-menu-body-inner .complex-cat .mdi-menu-up, .shop-menu-body-inner .complex-cat .parent-cat {
  display: none
}
.page-sidebar-inner .parent-cat, .shop-menu-body-inner .parent-cat {
  width: 100%
}
.page-sidebar-inner .simple-subcat, .shop-menu-body-inner .simple-subcat {
  font-size: 14px;
  margin-left: -32px;
  margin-right: -16px;
  padding: .5rem 30px .5rem 50px;
  position: relative
}
.page-sidebar-inner .simple-subcat.active:after, .shop-menu-body-inner .simple-subcat.active:after {
  height: 22px
}
@media(max-width:900px) {
  .page-sidebar {
    display: none
  }
  .page-sidebar.page-sidebar-options {
    display: block
  }
}
.page-sidebar-inner-cart .panel-sidebar-header {
  background-color: transparent;
  padding: 0
}
.page-sidebar-inner-cart .panel-sidebar-header .btn {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 84px;
  padding-bottom: .75rem;
  padding-top: .75rem
}
.page-sidebar-inner-cart .panel-sidebar-header .btn .h3 {
  font-size: 20px
}
.page-sidebar-inner-cart .panel-sidebar-header .btn .mdi-arrow-left-bold-circle {
  font-size: 30px;
  margin-right: .5rem
}
.page-sidebar-inner-cart .panel-sidebar-body {
  margin-top: 10px;
  padding: 0
}
.page-sidebar-inner-cart .cart-top {
  --tw-text-opacity: 1;
  align-items: center;
  color: rgba(241, 202, 43, var(--tw-text-opacity));
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 22px;
  padding-top: 15px
}
.page-sidebar-inner-cart .cart-top .mdi-cart {
  font-size: 30px;
  height: 42px;
  line-height: 42px
}
.page-sidebar-inner-cart .cart-top>span {
  font-size: 15px;
  font-weight: 700;
  line-height: 20px
}
.item {
  --tw-border-opacity: 1;
  align-items: center;
  border: 1px solid rgba(64, 96, 171, var(--tw-border-opacity));
  display: flex;
  padding: 18px 20px 1.25rem
}
.item:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px
}
.item .mdi-menu-down {
  --tw-text-opacity: 1;
  bottom: 19px;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  font-size: 17px;
  height: 1rem;
  pointer-events: none;
  position: absolute;
  right: 24px;
  width: 1rem;
  z-index: 50
}
.item .item-qty, .item .item-qty-parent {
  height: 45px;
  position: relative
}
.item .item-qty {
  --tw-text-opacity: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #2b418a !important;
  border-radius: 10px;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  cursor: pointer;
  flex: 0 0 33px;
  font-weight: 700;
  line-height: 45px;
  margin-right: 17px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  overflow: hidden;
  padding-right: .75rem;
  width: 50px
}
.item .item-qty, .item .item-qty fieldset, .item .item-qty span {
  text-align: center
}
.item .item-qty span {
  --tw-text-opacity: 1;
  border-radius: 9999px;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  cursor: default;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  height: 45px;
  line-height: 45px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 33px
}
.item .item-qty button, .item .item-qty form {
  height: 16px;
  line-height: 16px;
  width: 16px
}
.item .item-qty form {
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0
}
.item .item-qty .btn-add {
  top: 3px
}
.item .item-qty .btn-remove {
  bottom: 3px
}
.item .item-qty .btn-minus, .item .item-qty .btn-plus {
  margin-left: auto;
  margin-right: auto
}
.item .item-qty .btn-plus {
  top: -6px
}
.item .item-qty .btn-minus {
  bottom: -6px
}
.item .item-qty.single {
  background: rgba(0, 0, 0, .075) !important;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .15)
}
.item-name {
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  line-height: 20px
}
.item-name, .item-price {
  --tw-text-opacity: 1;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .025em
}
.item-price {
  color: rgba(241, 202, 43, var(--tw-text-opacity));
  margin-top: 2px
}
.item-main {
  width: 100%
}
.item-details {
  align-items: center;
  display: flex;
  min-height: 57px
}
.item-details .details-left {
  padding-right: 1.25rem;
  padding-top: .25rem
}
.item-details .mdi-trash-can {
  --tw-text-opacity: 1;
  color: rgba(248, 56, 110, var(--tw-text-opacity));
  font-size: 21px;
  margin-bottom: auto;
  margin-left: auto;
  margin-top: auto;
  transition-duration: .15s
}
.item-details .mdi-trash-can:focus, .item-details .mdi-trash-can:hover {
  --tw-text-opacity: 1;
  color: rgba(250, 79, 127, var(--tw-text-opacity))
}
.item-options {
  --tw-bg-opacity: 1;
  background-color: rgba(43, 65, 138, var(--tw-bg-opacity));
  border-radius: 8px;
  margin-top: 14px;
  padding: 15px 17px
}
.item-options .option {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .025em;
  line-height: 18px
}
.item-options .option:not(:first-child) {
  margin-top: 6px
}
.item-options .option-name, .item-options .option-value {
  word-break: break-all
}
.item-options .option-name {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity))
}
.item-options .option-value {
  --tw-text-opacity: 1;
  color: rgba(207, 221, 255, var(--tw-text-opacity))
}
.content-checkout .panel {
  margin-top: 10px
}
.content-checkout .panel-heading-variant {
  padding: 1.5rem 26px;
  text-align: left
}
.panel-checkout-finish .panel-body, .panel-coupons-and-giftcards .panel-body, .panel-gateways .panel-body {
  margin-top: 2rem
}
.panel-coupons-and-giftcards .coupon-insertno-coupons-added {
  align-items: center;
  display: flex
}
.panel-coupons-and-giftcards .coupon-insertno-coupons-added .btn {
  display: inline-block;
  flex: 0 0 140px;
  font-size: 18px;
  height: 67px;
  line-height: 67px;
  margin-left: 10px
}
.panel-coupons-and-giftcards form {
  position: relative
}
.panel-coupons-and-giftcards form:after {
  --tw-gradient-from: #00000000;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent);
  --tw-gradient-to: #4163b5;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  content: "";
  display: block;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 176px;
  top: 0;
  width: 16px
}
.panel-coupons-and-giftcards .input {
  height: 67px
}
.panel-coupons-and-giftcards .coupons-list {
  margin-top: 2rem
}
.panel-coupons-and-giftcards .coupon {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgba(65, 99, 181, var(--tw-bg-opacity));
  border: 2px solid rgba(241, 202, 43, var(--tw-border-opacity));
  border-radius: 6px;
  display: flex;
  min-height: 70px;
  padding: 1rem 240px 1rem 2rem;
  position: relative
}
.panel-coupons-and-giftcards .coupon:not(:first-child) {
  margin-top: 9px
}
.panel-coupons-and-giftcards .coupon .mdi-tag-text-outline {
  font-size: 25px;
  height: 20px;
  line-height: 20px;
  margin-top: 2px
}
.panel-coupons-and-giftcards .coupon .btn-danger {
  display: inline-block;
  height: 37px;
  line-height: 37px;
  text-align: center;
  width: 37px
}
.panel-coupons-and-giftcards .coupon .mdi-close {
  border-radius: 8px;
  font-size: 23px
}
.panel-coupons-and-giftcards .coupon-left, .panel-coupons-and-giftcards .coupon-middle {
  --tw-text-opacity: 1;
  color: rgba(241, 202, 43, var(--tw-text-opacity))
}
.panel-coupons-and-giftcards .coupon-left {
  align-items: center;
  display: flex;
  flex: 1 1 auto
}
.panel-coupons-and-giftcards .coupon-left>span {
  display: inline-block;
  font-weight: 800;
  margin-left: 1.5rem;
  word-break: break-all
}
.panel-coupons-and-giftcards .coupon-middle {
  font-weight: 600;
  margin-left: auto;
  padding-left: 20px;
  white-space: nowrap
}
.panel-coupons-and-giftcards .coupon-right {
  position: absolute;
  right: 16px
}
.panel-billing-details .panel-body {
  margin-left: -13px;
  margin-right: -13px;
  margin-top: 0
}
.panel-billing-details section {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr))
}
.panel-billing-details .field {
  margin-left: 13px;
  margin-right: 13px;
  margin-top: 32px
}
.panel-billing-details .field .label {
  display: inline-block;
  margin-bottom: .5rem;
  padding-left: 1.5rem;
  position: relative
}
.panel-billing-details .field .label:before {
  --tw-text-opacity: 1;
  color: rgba(248, 56, 110, var(--tw-text-opacity));
  content: "*";
  font-size: 13px;
  height: 10px;
  left: 9px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 10px
}
.panel-billing-details .field .input {
  font-size: 14px;
  height: 54px
}
.panel-agreement .panel-body {
  margin-top: 0
}
.panel-agreement label {
  box-shadow: 0 2px 4px #00000014;
  cursor: pointer;
  display: block;
  margin-top: 10px;
  position: relative;
  width: 100%
}
.panel-agreement p {
  --tw-text-opacity: 1;
  border-radius: 6px;
  color: rgba(210, 223, 255, var(--tw-text-opacity));
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  padding: 26px 34px 26px 81px
}
.panel-agreement p>a {
  --tw-text-opacity: 1;
  color: rgba(241, 202, 43, var(--tw-text-opacity));
  font-weight: 800
}
.panel-agreement input[type=checkbox] {
  left: 26px;
  position: absolute;
  top: 24px
}
.panel-gateways section {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr))
}
.panel-gateways input {
  display: none
}
.panel-gateways .gateway-box {
  --tw-bg-opacity: 1;
  background-color: rgba(65, 99, 181, var(--tw-bg-opacity));
  border-color: #00000000;
  border-radius: .5rem;
  border-width: 2px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 29px 1.25rem 22px;
  text-align: center
}
.panel-gateways .gateway-box img {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  border-radius: 8px;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 102px;
  width: 100%
}
.panel-gateways .gateway-box b {
  --tw-text-opacity: 1;
  color: rgba(189, 206, 248, var(--tw-text-opacity));
  font-size: 16px;
  letter-spacing: .025em;
  line-height: 22px;
  margin-bottom: auto;
  margin-top: 26px;
  text-align: center
}
.panel-gateways input:checked~.gateway-box {
  --tw-border-opacity: 1;
  border-color: rgba(241, 202, 43, var(--tw-border-opacity))
}
.panel-gateways input:checked~.gateway-box b {
  --tw-text-opacity: 1;
  color: rgba(241, 202, 43, var(--tw-text-opacity))
}
.panel-checkout-finish .btn-warning {
  display: block;
  font-size: 25px;
  padding: 26px;
  width: 100%
}
.panel-checkout-finish .btn-warning.disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
@media(max-width:1050px) {
  .panel-coupons-and-giftcards .coupon {
    padding-right: 72px
  }
  .panel-gateways section {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
  .panel-checkout-finish .coupons-list, .panel-checkout-finish .field, .panel-checkout-finish .panel-body, .panel-coupons-and-giftcards .coupons-list, .panel-coupons-and-giftcards .field, .panel-coupons-and-giftcards .panel-body, .panel-gateways .coupons-list, .panel-gateways .field, .panel-gateways .panel-body {
    margin-top: 1.25rem
  }
  .panel-billing-details .field {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 1.25rem
  }
  .panel-billing-details .panel-body {
    margin-left: -10px;
    margin-right: -10px
  }
}
@media(max-width:750px) {
  .content-checkout .panel-heading-variant {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
  }
  .panel-heading .h4 {
    font-size: 17px;
    text-align: center
  }
  .panel-coupons-and-giftcards form:after {
    right: 136px
  }
  .panel-coupons-and-giftcards .coupons-list {
    margin-top: 10px
  }
  .panel-coupons-and-giftcards .coupon-insertno-coupons-added .btn {
    flex: 0 0 108px;
    font-size: 16px;
    height: 52px;
    line-height: 52px
  }
  .panel-coupons-and-giftcards .input {
    height: 52px
  }
  .panel-coupons-and-giftcards .coupon {
    min-height: 50px;
    padding-bottom: .75rem;
    padding-left: 18px;
    padding-right: 53px;
    padding-top: .75rem
  }
  .panel-coupons-and-giftcards .coupon .mdi-tag-text-outline {
    font-size: 22px
  }
  .panel-coupons-and-giftcards .coupon .btn-danger {
    height: 28px;
    line-height: 28px;
    width: 28px
  }
  .panel-coupons-and-giftcards .coupon .mdi-close {
    font-size: 20px
  }
  .panel-coupons-and-giftcards .coupon-right {
    right: 11px
  }
  .panel-coupons-and-giftcards .coupon-left>span {
    font-size: 14px;
    margin-left: 18px
  }
  .panel-coupons-and-giftcards .coupon-middle>span {
    font-size: 14px
  }
  .panel-billing-details .field .input {
    height: 52px;
    line-height: 52px
  }
  .panel-gateways .gateway-box {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
  }
  .panel-gateways .gateway-box b {
    margin-top: 1.5rem
  }
  .panel-checkout-finish .btn-warning {
    font-size: 18px;
    padding: 22px
  }
}
@media(max-width:650px) {
  .panel-checkout-finish .coupons-list, .panel-checkout-finish .field, .panel-checkout-finish .panel-body, .panel-coupons-and-giftcards .coupons-list, .panel-coupons-and-giftcards .field, .panel-coupons-and-giftcards .panel-body, .panel-gateways .coupons-list, .panel-gateways .field, .panel-gateways .panel-body {
    margin-top: .75rem
  }
  .panel-agreement input[type=checkbox] {
    left: 20px;
    top: 20px
  }
  .panel-agreement p {
    line-height: 26px;
    padding-bottom: 1.25rem;
    padding-left: 62px;
    padding-right: 1.25rem;
    padding-top: 1.25rem;
    text-align: left
  }
  .panel-gateways .gateway-box b {
    font-size: 14px
  }
  .panel-billing-details .field {
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 1rem
  }
  .panel-billing-details .panel-body {
    margin-left: -6px;
    margin-right: -6px
  }
}
@media(max-width:540px) {
  .panel-gateways section {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}
@media(max-width:450px) {
  .panel-heading .h4 {
    font-size: 16px
  }
  .panel-coupons-and-giftcards .coupon-insertno-coupons-added {
    flex-direction: column
  }
  .panel-coupons-and-giftcards .coupon-insertno-coupons-added .input {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    text-align: center
  }
  .panel-coupons-and-giftcards .coupon-insertno-coupons-added .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    flex: 1 1 auto;
    font-size: 14px;
    margin-left: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
  }
  .panel-coupons-and-giftcards .coupon .mdi-tag-text-outline, .panel-coupons-and-giftcards form:after {
    display: none
  }
  .panel-coupons-and-giftcards .coupon-left>span {
    margin-left: 0
  }
}
@media(max-width:380px) {
  .content-checkout .panel-heading-variant {
    padding: 1rem
  }
  .panel-coupons-and-giftcards .coupon {
    padding-bottom: 1.25rem;
    padding-right: 18px;
    padding-top: 1.25rem;
    position: relative
  }
  .panel-coupons-and-giftcards .coupon .coupon-right {
    position: absolute;
    right: -8px;
    top: -8px
  }
  .panel-billing-details section {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
  .panel-agreement input[type=checkbox] {
    left: 14px;
    top: 14px
  }
  .panel-agreement p {
    font-size: 13px;
    line-height: 24px;
    padding-bottom: 14px;
    padding-left: 52px;
    padding-right: 14px;
    padding-top: 14px
  }
  .panel-gateways section {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
  .panel-checkout-finish .btn-warning {
    font-size: 16px;
    height: 60px;
    padding-bottom: 0;
    padding-top: 0
  }
}
#paypal-button {
  margin: 0 auto;
  max-width: 100%;
  width: 320px
}
.panel-package-page .panel-body {
  display: flex;
  margin-top: var(--panelBodySpacing)
}
.panel-package-page .is-package-inner, .panel-package-page .package-desc {
  box-shadow: 0 2px 4px #00000014
}
.panel-package-page .is-package {
  flex: 0 0 376px
}
.panel-package-page .is-package .package-image {
  padding-top: 2rem
}
.panel-package-page .is-package-inner {
  --tw-border-opacity: 1;
  border: 1px solid rgba(81, 118, 204, var(--tw-border-opacity));
  border-radius: 8px
}
.panel-package-page .is-package-inner, .panel-package-page .package-desc {
  --tw-bg-opacity: 1;
  background-color: rgba(65, 99, 181, var(--tw-bg-opacity))
}
.panel-package-page .package-desc {
  border-radius: 6px;
  flex: 1 1 auto;
  margin-left: 10px
}
@media(max-width:900px) {
  .panel-package-page .panel-body {
    flex-direction: column
  }
  .panel-package-page .is-package {
    flex: 1 1 auto
  }
  .panel-package-page .package-desc {
    margin-left: 0;
    margin-top: 10px
  }
}
@media(max-width:500px) {
  .panel-package-page .is-package .package-image {
    padding-top: 1.25rem
  }
}
html {
  -webkit-text-size-adjust: 100%;
  line-height: 1.15;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4
}
body {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
  margin: 0
}
hr {
  color: inherit;
  height: 0
}
abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}
b, strong {
  font-weight: bolder
}
code, kbd, pre, samp {
  font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, 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-color: inherit;
  text-indent: 0
}
button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}
button, select {
  text-transform: none
}
[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button
}
::-moz-focus-inner {
  border-style: none;
  padding: 0
}
:-moz-focusring {
  outline: 1px dotted ButtonText
}
:-moz-ui-invalid {
  box-shadow: none
}
legend {
  padding: 0
}
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
}
button {
  background-color: transparent;
  background-image: none
}
fieldset, ol, ul {
  margin: 0;
  padding: 0
}
ol, ul {
  list-style: none
}
html {
  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
}
body {
  font-family: inherit;
  line-height: inherit
}
*, :after, :before {
  border: 0 solid;
  box-sizing: border-box
}
hr {
  border-top-width: 1px
}
img {
  border-style: solid
}
textarea {
  resize: vertical
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #a1a1aa;
  opacity: 1
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #a1a1aa;
  opacity: 1
}
input::placeholder, textarea::placeholder {
  color: #a1a1aa;
  opacity: 1
}
[role=button], button {
  cursor: pointer
}
table {
  border-collapse: collapse
}
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit
}
a {
  color: inherit;
  text-decoration: inherit
}
button, input, optgroup, select, textarea {
  color: inherit;
  line-height: inherit;
  padding: 0
}
code, kbd, pre, samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}
audio, canvas, embed, iframe, img, object, svg, video {
  display: block;
  vertical-align: middle
}
img, video {
  height: auto;
  max-width: 100%
}
*, :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-transform: translateX(var(--tw-translate-x)) translateY(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));
  --tw-shadow: 0 0 #0000;
  --tw-ring-inset: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --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-blur: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-brightness: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-contrast: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-grayscale: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-hue-rotate: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-invert: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-saturate: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-sepia: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-drop-shadow: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-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);
  --tw-backdrop-blur: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-backdrop-brightness: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-backdrop-contrast: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-backdrop-grayscale: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-backdrop-hue-rotate: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-backdrop-invert: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-backdrop-opacity: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-backdrop-saturate: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-backdrop-sepia: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  border-color: currentColor
}
.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
  }
}
.invisible {
  visibility: hidden
}
.absolute {
  position: absolute
}
.relative {
  position: relative
}
.ml-auto {
  margin-left: auto
}
.mb-8 {
  margin-bottom: 2rem
}
.ml-1 {
  margin-left: .25rem
}
.ml-2 {
  margin-left: .5rem
}
.block {
  display: block
}
.flex {
  display: flex
}
.inline-flex {
  display: inline-flex
}
.grid {
  display: grid
}
.list-item {
  display: list-item
}
.hidden {
  display: none
}
.transform {
  transform: var(--tw-transform)
}
.flex-col {
  flex-direction: column
}
.content-center {
  align-content: center
}
.items-center {
  align-items: center
}
.items-stretch {
  align-items: stretch
}
.justify-center {
  justify-content: center
}
.p-4 {
  padding: 1rem
}
.px-3 {
  padding-left: .75rem;
  padding-right: .75rem
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem
}
.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem
}
.\!px-7 {
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important
}
.\!px-10 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important
}
.text-center {
  text-align: center
}
.text-xs {
  font-size: .75rem;
  line-height: 1rem
}
.text-5xl {
  font-size: 3rem;
  line-height: 1
}
.font-bold {
  font-weight: 700
}
.font-black {
  font-weight: 900
}
.text-white {
  color: rgba(255, 255, 255, var(--tw-text-opacity))
}
.text-white, .text-yellow {
  --tw-text-opacity: 1
}
.text-yellow {
  color: rgba(241, 202, 43, var(--tw-text-opacity))
}
.text-opacity-75 {
  --tw-text-opacity: 0.75
}
.opacity-20 {
  opacity: .2
}
.grayscale {
  --tw-grayscale: grayscale(100%)
}
.filter, .grayscale {
  filter: var(--tw-filter)
}
.transition {
  transition-duration: .15s;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
body, html {
  height: 100%
}
body {
  font-family: var(--fontMontserrat)
}
#ndzn-app {
  --tw-bg-opacity: 1;
  background-color: rgba(35, 52, 108, var(--tw-bg-opacity));
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding-bottom: 5rem;
  position: relative
}
#ndzn-page {
  padding-top: 3rem
}
.page-content {
  flex: 1 1 auto;
  width: 100%
}
.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: var(--spacing);
  padding-right: var(--spacing)
}
.panel {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgba(53, 87, 168, var(--tw-bg-opacity));
  border-radius: 6px;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  padding: var(--paddingPanel)
}
.panel-body {
  margin-top: var(--panelBodySpacing)
}
.panel-body>p {
  --tw-bg-opacity: 1;
  background-color: rgba(65, 99, 181, var(--tw-bg-opacity))
}
.panel-body>p, .panel-package-page .package-desc>p {
  --tw-text-opacity: 1;
  border-radius: 6px;
  color: rgba(216, 227, 255, var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 500;
  line-height: 38px;
  padding: 28px 40px
}
.panel-body>p:not(:first-child), .panel-package-page .package-desc>p:not(:first-child) {
  margin-top: -32px
}
.panel-body>p a, .panel-package-page .package-desc>p a {
  --tw-text-opacity: 1;
  color: rgba(241, 202, 43, var(--tw-text-opacity));
  font-weight: 700;
  transition-duration: .2s
}
.panel-body>p a:focus, .panel-body>p a:hover, .panel-package-page .package-desc>p a:focus, .panel-package-page .package-desc>p a:hover {
  --tw-text-opacity: 1;
  color: rgba(236, 211, 108, var(--tw-text-opacity))
}
.alert {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.1;
  --tw-text-opacity: 1;
  background-color: rgba(248, 56, 110, var(--tw-bg-opacity));
  border-color: rgba(248, 56, 110, var(--tw-border-opacity));
  border-radius: .5rem;
  border-width: 2px;
  color: rgba(194, 90, 119, var(--tw-text-opacity));
  font-weight: 700;
  margin-top: 1.5rem;
  padding: 1.25rem 1.5rem
}
.fadeout {
  margin: 0;
  max-height: 0 !important;
  opacity: 0;
  overflow: hidden;
  padding-bottom: 0;
  padding-top: 0;
  transition-property: opacity, max-height, padding, margin
}
.panel-heading {
  background: url(https://i.imgur.com/e0VzKkc.png) no-repeat 50%/cover;
  border-radius: 8px;
  box-shadow: 0 0 0 5px #00000014;
  padding: 28px 40px;
  position: relative;
  text-align: center
}
.panel-heading-ifplus {
  background: url(https://i.imgur.com/BiCQI0A.jpg) no-repeat 50%/cover;
  border-radius: 8px;
  box-shadow: 0 0 0 5px #00000014;
  padding: 28px 40px;
  position: relative;
  text-align: center
}
.panel-heading.panel-heading-variant {
  background: #2b418a;
  box-shadow: 0 0 0 5px #3053a7;
  padding-bottom: 34px;
  padding-left: 41px;
  padding-top: 34px
}
.panel-heading.panel-heading-variant .h3 {
  font-size: 32px;
  line-height: 37px
}
.panel-heading .h3, .panel-heading .h4 {
  letter-spacing: .25px;
  text-shadow: 0 3px 0 #0000001f
}
.panel-heading .h3 {
  font-size: 25px;
  line-height: 35px
}
.panel-heading .h4 {
  font-size: 18px
}
.panel-heading .h6 {
  display: block;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .1em;
  text-shadow: 0 2px 0 #00000026
}
.panel-heading>.mdi-arrow-up-bold {
  bottom: 0;
  display: inline-block;
  font-size: 34px;
  height: 35px;
  line-height: 22px;
  margin-bottom: auto;
  margin-top: auto;
  opacity: .3;
  pointer-events: none;
  position: absolute;
  right: 26px;
  text-align: center;
  top: 0
}
.panel-heading>.mdi-arrow-up-bold span:first-child, .panel-heading>.mdi-arrow-up-bold span:nth-child(2) {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  content: "";
  display: block;
  height: 3px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  width: 100%;
  width: 23px
}
.panel-heading>.mdi-arrow-up-bold span:nth-child(2) {
  bottom: 6px
}
.panel-heading>.mdi-arrow-up-bold span:first-child {
  bottom: 0
}
.panel-heading>.ifplusbutton {
  bottom: 0;
  display: inline-block;
  font-size: 20px;
  height: 50px;
  padding: 10px 10px 10px 10px;
  margin-bottom: auto;
  margin-top: auto;
  pointer-events: none;
  position: absolute;
  right: 26px;
  text-align: center;
  top: 0
}
.panel-heading>.ifplusbutton span:first-child, .panel-heading>.ifplusbutton span:nth-child(2) {
  display: block;
  height: 3px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  width: 100%;
  width: 23px
}
.panel-heading>.ifplusbutton span:nth-child(2) {
  bottom: 6px
}
.panel-heading>.ifplusbutton span:first-child {
  bottom: 0
}
.h3, .h4 {
  font-weight: 800
}
.h4 {
  font-size: 23px;
  line-height: 28px
}
ul li {
  margin-bottom: 1.25rem;
  padding-left: 26px;
  position: relative
}
ul li:before {
  --tw-bg-opacity: 1;
  background-color: rgba(186, 206, 255, var(--tw-bg-opacity));
  border-radius: 50%;
  content: "";
  height: 7px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 7px
}
ul li:last-child {
  margin-bottom: 0
}
.input {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgba(65, 99, 181, var(--tw-bg-opacity));
  border-radius: 6px;
  box-shadow: 0 2px 4px #00000014;
  color: rgba(227, 235, 255, var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 600;
  height: 67px;
  line-height: 67px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  padding-left: 27px;
  padding-right: 27px;
  width: 100%
}
.input::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgba(136, 165, 236, var(--tw-text-opacity))
}
.input:-ms-input-placeholder {
  --tw-text-opacity: 1;
  color: rgba(136, 165, 236, var(--tw-text-opacity))
}
.input::placeholder {
  --tw-text-opacity: 1;
  color: rgba(136, 165, 236, var(--tw-text-opacity))
}
.label {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  font-size: 14px;
  font-weight: 700;
  line-height: 18px
}
.panel-sidebar-header {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgba(95, 69, 49, var(--tw-text-opacity))
}
.panel-sidebar-header, .panel.panel-user {
  background-color: rgba(241, 202, 43, var(--tw-bg-opacity))
}
.panel.panel-user {
  --tw-bg-opacity: 1;
  margin-bottom: 10px
}
.panel-user {
  padding: 15px 28px 15px 78px;
  position: relative
}
.panel-user .mobile-menu-link {
  display: none
}
.panel-user .part-left, .panel-user .part-right {
  --tw-text-opacity: 1;
  color: rgba(95, 69, 49, var(--tw-text-opacity));
  min-height: 52px
}
.panel-user .part-left .img-outer {
  display: inline-block;
  height: 93px;
  left: 31px;
  overflow: hidden;
  position: absolute;
  top: -11px
}
.panel-user .part-left .img-outer>img {
  width: 46px
}
.panel-user .part-left>div {
  margin-left: .75rem
}
.panel-user .part-left .big {
  font-size: 16px;
  font-weight: 800
}
.panel-user .part-left .buttons {
  align-items: center;
  display: flex;
  margin-top: 3px
}
.panel-user .part-right {
  cursor: pointer;
  margin-left: auto;
  text-align: right
}
.panel-user .part-right>a {
  --tw-text-opacity: 1;
  align-items: center;
  color: rgba(95, 69, 49, var(--tw-text-opacity));
  display: flex;
  text-align: right
}
.panel-user .part-right .big, .panel-user .part-right .sml {
  font-weight: 800
}
.panel-user .part-right .big {
  font-size: 16px
}
.panel-user .part-right .sml {
  font-size: 12px
}
.panel-user .part-right .mdi-cart {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgba(95, 69, 49, var(--tw-bg-opacity));
  border-radius: 50%;
  color: rgba(241, 202, 43, var(--tw-text-opacity));
  font-size: 22px;
  height: 38px;
  line-height: 40px;
  margin-left: .75rem;
  text-align: center;
  width: 38px
}
.panel-user .btn-panel-user {
  align-items: center;
  display: inline-flex;
  font-size: 11px;
  font-weight: 800;
  height: 26px;
  line-height: 26px;
  margin-right: .25rem;
  padding-left: 9px;
  padding-right: 9px
}
.panel-user .btn-panel-user .mdi-menu-down, .panel-user .btn-panel-user .mdi-menu-up {
  font-size: 17px;
  height: 10px;
  line-height: 10px;
  margin-left: -2px
}
.currency-container {
  position: relative
}
.currency-container.open .mdi-menu-down {
  display: none
}
.currency-container.open .mdi-menu-up {
  display: inline-block
}
.currency-container .currency-grid {
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 6px
}
.currency-container.open .is-currency {
  display: block
}
.currency-container .btn-panel-user {
  margin-right: 0;
  padding-right: 6px
}
.menu.is-currency {
  --tw-bg-opacity: 1;
  border-radius: 6px;
  display: none;
  left: -22px;
  top: calc(100% + 8px);
  width: 100px;
  z-index: 12
}
.menu.is-currency, .menu.is-currency:before {
  background-color: rgba(226, 188, 44, var(--tw-bg-opacity));
  position: absolute
}
.menu.is-currency:before {
  --tw-rotate: 45deg;
  --tw-bg-opacity: 1;
  content: "";
  display: block;
  height: 12px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  pointer-events: none;
  right: 0;
  top: -3px;
  transform: var(--tw-transform);
  width: 12px
}
.menu.is-currency a {
  border-radius: 6px;
  font-size: 12px;
  font-weight: 800;
  height: 24px;
  line-height: 24px;
  text-align: center;
  transition-duration: .2s
}
.menu.is-currency a:focus, .menu.is-currency a:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(251, 216, 86, var(--tw-bg-opacity))
}
.menu.is-currency a.active {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgba(95, 69, 49, var(--tw-bg-opacity));
  color: rgba(251, 229, 145, var(--tw-text-opacity))
}
input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 8px;
  cursor: pointer;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  line-height: 32px;
  position: relative;
  width: 32px
}
input[type=checkbox]:after {
  font-family: var(--fontMdi);
  font-size: 24px
}
input[type=checkbox]:not(:checked) {
  --tw-bg-opacity: 1;
  background-color: rgba(53, 87, 168, var(--tw-bg-opacity))
}
input[type=checkbox]:checked {
  --tw-bg-opacity: 1;
  background-color: rgba(147, 144, 106, var(--tw-bg-opacity));
  text-align: center
}
input[type=checkbox]+p {
  --tw-bg-opacity: 1;
  background-color: rgba(65, 99, 181, var(--tw-bg-opacity));
  border: 2px solid #00000000
}
input[type=checkbox]:checked+p {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  background-color: rgba(59, 93, 174, var(--tw-bg-opacity));
  border-color: rgba(117, 127, 129, var(--tw-border-opacity))
}
input[type=checkbox]:checked+p, input[type=checkbox]:checked+p>a {
  --tw-text-opacity: 1;
  color: rgba(142, 142, 109, var(--tw-text-opacity))
}
input[type=checkbox]:checked:after {
  --tw-text-opacity: 1;
  color: rgba(95, 69, 49, var(--tw-text-opacity));
  content: "\F012C"
}
@media(max-width:1300px) {
  .panel-body>p, .panel-package-page .package-desc>p {
    font-size: 15px;
    line-height: 34px;
    padding-bottom: 1.5rem;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 1.5rem
  }
  .panel-body>p:not(:first-child), .panel-package-page .package-desc>p:not(:first-child) {
    margin-top: -30px
  }
}
@media(max-width:1050px) {
  #ndzn-app {
    padding-bottom: 1.25rem
  }
  .panel-body>p, .panel-package-page .package-desc>p {
    font-size: 14px;
    line-height: 28px;
    padding-bottom: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1rem
  }
  .panel-body>p:not(:first-child), .panel-package-page .package-desc>p:not(:first-child) {
    margin-top: -20px
  }
}
@media(max-width:900px) {
  #ndzn-page {
    padding-top: var(--spacing)
  }
  .panel-user {
    padding-left: 1rem
  }
  .panel-user .part-left .img-outer, .panel-user .part-left>div {
    display: none
  }
  .panel-user .mobile-menu-link {
    align-items: center;
    display: flex;
    padding-left: .75rem;
    padding-right: .75rem
  }
  .panel-user .mobile-menu-link .mdi-menu {
    font-size: 36px
  }
  .panel-user .mobile-menu-link>span {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    margin-left: .5rem
  }
  .panel-heading.panel-heading-variant {
    padding-bottom: 26px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 26px
  }
  .panel-heading.panel-heading-variant .h3 {
    font-size: 26px
  }
  .input {
    font-size: 15px;
    height: 52px;
    line-height: 52px;
    padding-left: 18px;
    padding-right: 18px
  }
}
@media(max-width:750px) {
  .panel-heading {
    padding-bottom: 22px;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 22px
  }
  .panel-heading .h3, .panel-heading .h6 {
    text-align: center
  }
  .panel-heading .h3 {
    font-size: 21px;
    line-height: 30px
  }
  .panel-heading .h6 {
    font-size: 12px
  }
  .panel-heading .mdi-arrow-up-bold {
    display: none
  }
}
@media(max-width:650px) {
  .h3, p {
    text-align: center
  }
  .panel-heading.panel-heading-variant {
    padding-bottom: 14px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 14px
  }
  .panel-heading.panel-heading-variant .h3 {
    font-size: 22px;
    line-height: 30px
  }
  .panel-body>p, .panel-package-page .package-desc>p {
    font-size: 13px;
    line-height: 26px;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem
  }
  .panel-body>p:not(:first-child), .panel-package-page .package-desc>p:not(:first-child) {
    margin-top: -14px
  }
  input[type=checkbox] {
    height: 1.75rem;
    line-height: 1.75rem;
    width: 1.75rem
  }
  input[type=checkbox]:checked:after {
    font-size: 20px
  }
}
@media(max-width:440px) {
  .panel-user .mobile-menu-link>span {
    display: none
  }
  #ndzn-app {
    padding-bottom: 0
  }
}
@media(max-width:380px) {
  input[type=checkbox] {
    border-radius: 6px;
    height: 1.5rem;
    line-height: 1.5rem;
    width: 1.5rem
  }
  input[type=checkbox]:checked:after {
    font-size: 17px
  }
}
#ndzn-header {
  --tw-bg-opacity: 1;
  background: url(https://i.imgur.com/0hbUuhy.png) no-repeat bottom/cover;
  background-color: #0a1e58;
  background-color: rgba(32, 82, 137, var(--tw-bg-opacity));
  min-height: 370px;
  overflow: hidden;
  position: relative
}
#ndzn-header:after {
  background-color: #ffffff26;
  bottom: 0;
  content: "";
  display: block;
  height: 3px;
  position: absolute;
  width: 100%
}
#ndzn-header .header-splash .container {
  align-items: center;
  display: flex;
  padding-top: .75rem
}
#ndzn-header .splash-box {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  border-radius: 6px;
  cursor: pointer;
  height: 54px;
  line-height: 54px;
  position: relative;
  transition-duration: .2s
}
#ndzn-header .splash-box:focus, #ndzn-header .splash-box:hover {
  --tw-scale-x: 1.03;
  --tw-scale-y: 1.03;
  transform: var(--tw-transform)
}
#ndzn-header .splash-box h6 {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  font-weight: 800
}
#ndzn-header .splash-box .online-server, #ndzn-header .splash-box .svg-disc-outer {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgba(241, 202, 43, var(--tw-bg-opacity));
  color: rgba(95, 69, 49, var(--tw-text-opacity))
}
#ndzn-header .splash-box .fa-discord, #ndzn-header .splash-box .online-server, #ndzn-header .splash-box .svg-disc-outer {
  border-radius: 6px
}
#ndzn-header .splash-box .svg-disc-outer {
  align-items: center;
  border-radius: 8px;
  display: flex;
  padding-left: 16px;
  padding-right: 16px;
  right: 6px
}
#ndzn-header .splash-ip {
  align-items: center;
  display: flex;
  padding-left: 25px;
  padding-right: 85px
}
#ndzn-header .splash-ip h6 {
  font-size: 18px
}
#ndzn-header .splash-ip .online-server {
  bottom: 0;
  height: 24px;
  line-height: 24px;
  margin-bottom: auto;
  margin-top: auto;
  padding-left: 10px;
  padding-right: 12px;
  position: absolute;
  right: -10px;
  top: 0
}
#ndzn-header .splash-ip .online-server>span {
  display: inline-block;
  font-size: 14px;
  font-weight: 800;
  margin-left: 6px
}
#ndzn-header .splash-ip .mdi-emoticon-outline {
  display: inline-block;
  font-size: 17px;
  height: 24px;
  line-height: 24px;
  padding-bottom: 2px;
  text-align: center
}
#ndzn-header .splash-discord {
  margin-left: auto;
  padding-left: 25px;
  padding-right: 90px
}
#ndzn-header .splash-discord h6 {
  font-size: 16px
}
#ndzn-header .splash-discord>div {
  bottom: 0;
  height: 42px;
  line-height: 42px;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  right: 0;
  top: 0
}
#ndzn-header .splash-discord .fa-discord {
  height: 29px;
  width: 29px
}
#ndzn-header .part-top>div {
  max-width: 600px
}
#ndzn-header .part-top .part-top-buttons {
  margin-left: auto
}
#ndzn-header .header-announcement .container {
  align-items: center;
  display: flex;
  padding-left: 385px;
  position: relative
}
#ndzn-header .header-announcement .part-logo {
  background: url(https://i.imgur.com/xhqQ2TO.png) no-repeat 0 0/auto 100%;
  height: 287px;
  left: 40px;
  position: absolute;
  top: 15px;
  width: 285px
}
#ndzn-header .header-announcement .announcement-main {
  margin-left: auto;
  margin-top: 52px;
  width: 100%
}
#ndzn-header .header-announcement .part-header-packages {
  display: grid;
  gap: 18px;
  margin-top: 1.5rem
}
#ndzn-header .header-announcement .mdi-sale, #ndzn-header .header-announcement h5 {
  --tw-text-opacity: 1;
  color: rgba(241, 202, 43, var(--tw-text-opacity))
}
#ndzn-header .header-announcement .mdi-sale {
  font-size: 27px;
  height: 31px;
  line-height: 31px
}
#ndzn-header .header-announcement h5 {
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -.025em;
  margin-left: .75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
#ndzn-header .btn-shuffle {
  align-items: center;
  display: flex;
  height: 31px;
  line-height: 31px;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px
}
#ndzn-header .btn-shuffle>span {
  font-size: 13px;
  font-weight: 700
}
#ndzn-header .btn-shuffle .mdi-shuffle-variant {
  font-size: 18px;
  margin-left: 10px
}
#ndzn-header .btn-mobile-header {
  display: none
}
#ndzn-header.few-header-packages .btn-shuffle {
  display: none !important
}
#ndzn-header.no-header-packages {
  min-height: 300px
}
#ndzn-header.no-header-packages .header-announcement .container {
  position: unset
}
#ndzn-header.no-header-packages .header-announcement .part-logo {
  bottom: 0;
  left: 0;
  margin: auto;
  right: 0;
  top: 0;
  top: 1rem
}
@media(max-width:1200px) {
  #ndzn-header .part-top>div {
    max-width: 450px
  }
}
@media(max-width:1050px) {
  #ndzn-header {
    display: flex;
    flex-direction: column-reverse;
    min-height: unset;
    padding-top: 86px;
    padding-top: 0
  }
  #ndzn-header .part-top {
    min-height: 86px;
    padding: 1.5rem
  }
  #ndzn-header .part-top>div {
    margin-right: auto;
    max-width: 600px;
    padding-right: 2rem
  }
  #ndzn-header .part-top .part-top-buttons {
    margin-right: -3px
  }
  #ndzn-header .btn-mobile-header, #ndzn-header .btn-shuffle {
    height: 45px;
    line-height: 45px;
    margin-left: 3px;
    margin-right: 3px
  }
  #ndzn-header .btn-danger, #ndzn-header .btn-shuffle {
    display: none;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: 62px
  }
  #ndzn-header .btn-danger .mdi-close-thick {
    font-size: 28px
  }
  #ndzn-header .btn-shuffle {
    align-items: center
  }
  #ndzn-header .btn-shuffle>span {
    display: none
  }
  #ndzn-header .btn-shuffle .mdi-shuffle-variant {
    font-size: 26px;
    margin-left: 0
  }
  #ndzn-header .btn-view-deals {
    display: flex;
    font-weight: 800
  }
  #ndzn-header .header-announcement {
    --tw-bg-opacity: 1;
    --tw-bg-opacity: 0.6;
    background-color: rgba(16, 36, 84, var(--tw-bg-opacity))
  }
  #ndzn-header .header-announcement, #ndzn-header .header-announcement .container {
    position: unset
  }
  #ndzn-header .header-announcement .container {
    padding-left: 0;
    padding-right: 0
  }
  #ndzn-header .header-announcement h5 {
    font-size: 18px
  }
  #ndzn-header .header-announcement .announcement-main {
    box-shadow: 0 2px 0 #ffffff1a;
    left: 0;
    margin-top: 0;
    top: 0
  }
  #ndzn-header .header-announcement .announcement-main.open .part-header-packages {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
  #ndzn-header .header-announcement .part-logo {
    bottom: .25rem;
    height: 126px;
    left: .75rem;
    top: unset;
    width: 134px
  }
  #ndzn-header .header-announcement .part-header-packages {
    display: none;
    margin-top: 0;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
  #ndzn-header .announcement-main.open .btn-view-deals {
    display: none
  }
  #ndzn-header .announcement-main.open .btn-danger, #ndzn-header .announcement-main.open .btn-shuffle {
    display: flex
  }
  #ndzn-header .btn-view-deals {
    font-size: 15px;
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
  #ndzn-header .header-splash .container {
    padding-bottom: 2.5rem;
    padding-left: 154px;
    padding-top: 2.5rem
  }
  #ndzn-header .splash-box, #ndzn-header .splash-box .svg-disc-outer, #ndzn-header .splash-ip .online-server {
    box-shadow: 0 5px 0 #0000000f
  }
  #ndzn-header .splash-box h6 {
    --tw-text-opacity: 1;
    color: rgba(254, 233, 207, var(--tw-text-opacity))
  }
  #ndzn-header.no-header-packages {
    min-height: unset
  }
  #ndzn-header.no-header-packages .header-announcement .part-logo {
    bottom: .25rem;
    left: .75rem;
    margin-left: unset;
    margin-right: unset;
    top: unset
  }
}
@media(max-width:800px) {
  #ndzn-header .header-announcement .part-logo, #ndzn-header.no-header-packages .header-announcement .part-logo {
    bottom: 15px;
    height: 54px;
    left: 30px;
    width: 56px
  }
  #ndzn-header .part-top>div {
    max-width: 520px
  }
  #ndzn-header .header-splash .container {
    padding-bottom: 1rem;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 1rem
  }
  #ndzn-header .splash-ip {
    padding-left: 84px
  }
  #ndzn-header .splash-ip h6 {
    font-size: 17px
  }
}
@media(max-width:730px) {
  #ndzn-header .btn-mobile-header, #ndzn-header .btn-shuffle {
    height: 2rem;
    height: 40px;
    line-height: 2rem;
    line-height: 40px
  }
  #ndzn-header .btn-danger, #ndzn-header .btn-shuffle {
    width: 42px
  }
  #ndzn-header .btn-view-deals {
    font-size: 13px;
    padding-left: 1rem;
    padding-right: 1rem
  }
  #ndzn-header .btn-shuffle {
    padding-left: 0;
    padding-right: 0
  }
  #ndzn-header .btn-shuffle, #ndzn-header .btn-shuffle .mdi-shuffle-variant {
    font-size: 24px
  }
  #ndzn-header .btn-danger {
    padding-left: 0;
    padding-right: 0
  }
  #ndzn-header .btn-danger .mdi-close-thick {
    font-size: 24px
  }
  #ndzn-header .part-top {
    flex-direction: column;
    justify-content: center;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.25rem
  }
  #ndzn-header .part-top .part-top-buttons, #ndzn-header .part-top>div {
    margin-left: auto;
    margin-right: auto
  }
  #ndzn-header .part-top>div {
    max-width: unset;
    padding-right: 0
  }
  #ndzn-header .part-top .part-top-buttons {
    margin-top: .75rem
  }
  #ndzn-header .part-top h5 {
    font-size: 15px;
    line-height: 22px;
    margin-left: 0;
    text-align: center;
    white-space: normal
  }
  #ndzn-header .splash-box .svg-disc-outer {
    padding-left: 13px;
    padding-right: 13px
  }
  #ndzn-header .splash-discord {
    --tw-shadow: 0 0 #0000;
    background-color: #00000000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    padding: 0
  }
  #ndzn-header .splash-discord h6 {
    display: none
  }
  #ndzn-header .splash-discord>div {
    height: 54px;
    position: unset
  }
  #ndzn-header .splash-discord .fa-discord {
    height: 30px;
    width: 36px
  }
  #ndzn-header .header-announcement .mdi-sale {
    display: none
  }
}
@media(max-width:650px) {
  #ndzn-header .header-announcement .announcement-main.open .part-header-packages {
    gap: 14px;
    grid-template-columns: 1fr !important
  }
  #ndzn-header .header-announcement .part-header-packages {
    padding-bottom: 14px;
    padding-left: 14px;
    padding-right: 14px
  }
  #ndzn-header .header-splash .container {
    padding-left: var(--spacing);
    padding-right: var(--spacing)
  }
}
@media(max-width:540px) {
  #ndzn-header .header-announcement .part-logo {
    display: none
  }
  #ndzn-header .splash-ip {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
  #ndzn-header .splash-ip .online-server {
    bottom: unset;
    padding-left: .75rem;
    padding-right: .75rem;
    right: -9px;
    top: -9px
  }
  #ndzn-header .splash-ip .online-server>span {
    margin-left: 0
  }
  #ndzn-header .splash-ip .mdi-emoticon-outline {
    display: none
  }
}
@media(max-width:430px) {
  #ndzn-header .part-top {
    padding-bottom: 1.25rem;
    padding-left: var(--spacing);
    padding-right: var(--spacing);
    padding-top: 1rem
  }
  #ndzn-header .part-top .part-top-buttons {
    margin-top: 1rem
  }
  #ndzn-header .header-announcement .part-header-packages {
    gap: var(--spacing);
    padding-bottom: var(--spacing);
    padding-left: var(--spacing);
    padding-right: var(--spacing)
  }
}
@media(max-width:370px) {
  #ndzn-header .splash-box .svg-disc-outer {
    padding-left: 14px;
    padding-right: 14px
  }
  #ndzn-header .splash-ip {
    padding-left: 1rem;
    padding-right: 1rem
  }
  #ndzn-header .splash-ip h6 {
    font-size: 15px
  }
  #ndzn-header .splash-ip .online-server>span {
    font-size: 12px
  }
  #ndzn-header .splash-discord .fa-discord {
    width: 30px
  }
}
.is-header-package {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.07;
  align-items: center;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  border-radius: 6px;
  bottom: -10px;
  display: flex;
  position: relative;
  text-align: center;
  transition-duration: .15s;
  transition-duration: .5s;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.is-header-package:hover {
  --tw-bg-opacity: 0.1
}
.is-header-package:nth-child(2) {
  -webkit-animation-delay: .1s;
  animation-delay: .1s
}
.is-header-package:nth-child(3) {
  -webkit-animation-delay: .2s;
  animation-delay: .2s
}
.is-header-package.show {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: slideToShow;
  animation-name: slideToShow
}
.is-header-package.hide, .is-header-package.show {
  -webkit-animation-duration: .5s;
  animation-duration: .5s
}
.is-header-package.hide {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: slideToHide;
  animation-name: slideToHide
}
.is-header-package .part-img {
  background: no-repeat 50%/100% auto;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  flex: 0 0 160px;
  height: 140px
}
.is-header-package .part-details {
  align-items: flex-start;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  height: 100%;
  padding: .5rem 6px .5rem 14px;
  text-align: left
}
.is-header-package .part-details .package-name {
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  overflow-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word
}
.is-header-package .part-details .package-price {
  margin-top: auto
}
.is-header-package .part-details .price-actual, .is-header-package .part-details .price-discount {
  display: block;
  font-weight: 700;
  line-height: 18px
}
.is-header-package .part-details .price-discount {
  font-size: 14px;
  margin-right: 0
}
.is-header-package .part-details .price-actual {
  font-size: 14px
}
@media(max-width:1250px) {
  .is-header-package .part-img {
    flex: 0 0 140px
  }
  .is-header-package .part-details {
    padding-left: .5rem
  }
  .is-header-package .part-details .package-name {
    font-size: 12px
  }
  .is-header-package .part-details .price-actual, .is-header-package .part-details .price-discount {
    font-size: 13px;
    line-height: 16px
  }
}
@media(max-width:1150px) {
  .is-header-package .part-img {
    flex: 0 0 118px;
    height: 130px
  }
  .is-header-package .part-details .package-name {
    font-weight: 600;
    line-height: 14px
  }
  .is-header-package .part-details .price-actual, .is-header-package .part-details .price-discount {
    font-size: 12px;
    line-height: 15px
  }
}
@media(max-width:1050px) {
  .is-header-package .part-img {
    flex: 0 0 174px;
    height: 180px
  }
  .is-header-package .part-details .package-name, .is-header-package .part-details .price-actual, .is-header-package .part-details .price-discount {
    font-size: 14px;
    line-height: 18px
  }
}
@media(max-width:900px) {
  #ndzn-header .header-announcement .announcement-main.open .part-header-packages {
    grid-template-columns: 1fr 1fr !important
  }
  .is-header-package .part-details .package-name {
    font-size: 15px;
    line-height: 20px
  }
}
@media(max-width:700px) {
  #ndzn-header .header-announcement .announcement-main.open .part-header-packages {
    grid-template-columns: 1fr !important
  }
  .is-header-package .part-details {
    padding: var(--spacing)
  }
  .is-header-package .package-price .price-actual, .is-header-package .package-price .price-discount {
    margin-top: 3px
  }
}
@-webkit-keyframes slideToShow {
  0% {
    bottom: -10px;
    opacity: 0
  }
  to {
    bottom: 0;
    opacity: 1
  }
}
@-webkit-keyframes slideToHide {
  0% {
    bottom: 0;
    opacity: 1
  }
  to {
    bottom: -10px;
    opacity: 0
  }
}
.module.is-recentpayments .h5 {
  font-size: 15px;
  font-weight: 600;
  line-height: 28px;
  text-shadow: 0 2px 2px #0000001a
}
.module.is-recentpayments ul.list-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: .5rem
}
.module.is-recentpayments .list-item {
  list-style-type: none;
  margin: .25rem;
  padding: 0
}
.module.is-recentpayments .list-item>img {
  border-radius: 6px;
  height: 38px;
  width: 38px
}
.module.is-recentpayments .list-item:before {
  display: none
}
@media(max-width:1150px) {
  .module.is-recentpayments .list-group {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin-left: auto;
    margin-right: auto;
    width: 288px
  }
  .module.is-recentpayments .list-group .list-item>img {
    width: 38px
  }
}
@media(max-width:450px) {
  .module.is-recentpayments .list-group {
    width: 228px
  }
  .module.is-recentpayments .list-group .list-item>img {
    height: 30px;
    width: 30px
  }
}
.panel-homepage .panel-heading-variant {
  padding-bottom: 22px;
  padding-top: 22px
}
.panel-homepage .panel-heading-variant .h6 {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: .025em
}
.panel-homepage .panel-heading-variant .h3 {
  font-size: 24px;
  font-weight: 800
}
.panel-homepage .panel-body {
  margin-top: .5rem
}
.panel-homepage .panel-body .homepage-links, .panel-homepage .panel-body>section:not(:first-child), .panel-homepage .panel-body h4 {
  margin-top: var(--panelBodySpacing)
}
.panel-homepage .panel-body section.section-disclaimer {
  margin-top: 10px
}
.panel-homepage .panel-body h4 {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgba(248, 56, 110, var(--tw-bg-opacity));
  border-radius: 6px;
  color: rgba(104, 24, 47, var(--tw-text-opacity));
  font-weight: 900;
  letter-spacing: .025em;
  min-height: 57px;
  padding: 1rem;
  text-align: center;
  text-shadow: 0 2px 0 #00000014
}
.panel-homepage section {
  --tw-bg-opacity: 1;
  background-color: rgba(65, 99, 181, var(--tw-bg-opacity));
  border-radius: 6px;
  box-shadow: 0 2px 4px #00000014;
  padding: 1.75rem 2.5rem 2rem;
  text-align: center
}
.panel-homepage section p {
  --tw-text-opacity: 1;
  color: rgba(216, 227, 255, var(--tw-text-opacity));
  font-size: 15px;
  font-weight: 600;
  line-height: 26px
}
.panel-homepage section p:not(:first-child) {
  margin-top: 1rem
}
.panel-homepage section p a {
  --tw-text-opacity: 1;
  color: rgba(241, 202, 43, var(--tw-text-opacity))
}
.panel-homepage section p a:focus, .panel-homepage section p a:hover {
  --tw-text-opacity: 1;
  color: rgba(236, 211, 108, var(--tw-text-opacity))
}
.panel-homepage section p b {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  font-weight: 700
}
.panel-homepage section .payment-img {
  height: 41px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5rem
}
.panel-homepage .homepage-links {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr))
}
.panel-homepage .homepage-links>section {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 192px;
  overflow: hidden;
  padding-bottom: 2rem;
  padding-top: 1.5rem
}
.panel-homepage .homepage-links .btn, .panel-homepage .homepage-links h3, .panel-homepage .homepage-links span {
  position: relative;
  z-index: 2
}
.panel-homepage .homepage-links h3, .panel-homepage .homepage-links span {
  text-shadow: 0 3px 0 #0000001a
}
.panel-homepage .homepage-links h3 {
  align-items: center;
  display: flex;
  font-size: 23px;
  font-weight: 800;
  justify-content: center;
  letter-spacing: .025em
}
.panel-homepage .homepage-links span {
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  margin-top: .75rem
}
.panel-homepage .homepage-links .mdi-package, .panel-homepage .homepage-links .patron-skin, .panel-homepage .homepage-links mdi-crown {
  pointer-events: none
}
.panel-homepage .homepage-links .mdi-package, .panel-homepage .homepage-links .patron-skin {
  z-index: 1
}
.panel-homepage .homepage-links .mdi-crown {
  font-size: 26px;
  height: 15px;
  line-height: 15px;
  margin-right: .5rem
}
.panel-homepage .homepage-links .patron-skin {
  height: 135px;
  opacity: .07
}
.panel-homepage .homepage-links .btn-warning, .panel-homepage .homepage-links .btn-white {
  border-radius: 8px;
  box-shadow: 0 3px 6px #0000001a;
  display: inline-block;
  font-weight: 800;
  height: 49px;
  line-height: 49px;
  margin-top: 1.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 203px
}
.panel-homepage .homepage-links .btn-white {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  color: rgba(53, 87, 168, var(--tw-text-opacity))
}
.panel-homepage .homepage-links .btn-white:focus, .panel-homepage .homepage-links .btn-white:hover {
  --tw-text-opacity: 1;
  color: rgba(90, 121, 194, var(--tw-text-opacity))
}
.panel-homepage .link-join-club span {
  --tw-text-opacity: 1;
  color: rgba(216, 227, 255, var(--tw-text-opacity))
}
.panel-homepage .link-join-club .mdi-package {
  --tw-text-opacity: 1;
  color: rgba(62, 94, 172, var(--tw-text-opacity));
  font-size: 104px;
  overflow: hidden
}
.panel-homepage .link-join-club .mdi-package, .panel-homepage .link-join-club .mdi-package:before {
  height: 76px;
  line-height: 76px;
  width: 104px
}
.panel-homepage .link-join-club .package-1 {
  bottom: -8px;
  left: -37px
}
.panel-homepage .link-join-club .package-2 {
  bottom: -19px;
  left: 55px
}
.panel-homepage .link-join-club .package-3 {
  bottom: -8px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  right: 0
}
.panel-homepage .link-join-club .package-4 {
  bottom: -19px;
  right: 55px
}
.panel-homepage .link-join-club .package-5 {
  bottom: -8px;
  right: -37px
}
.panel-homepage .link-view-patrons h3, .panel-homepage .link-view-patrons span {
  --tw-text-opacity: 1;
  color: rgba(241, 202, 43, var(--tw-text-opacity))
}
.panel-homepage .link-view-patrons .patron-skin-1 {
  bottom: -17px;
  left: 18px
}
.panel-homepage .link-view-patrons .patron-skin-2 {
  bottom: -30px;
  left: 92px
}
.panel-homepage .link-view-patrons .patron-skin-3 {
  bottom: -14px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  right: 0
}
.panel-homepage .link-view-patrons .patron-skin-4 {
  bottom: -30px;
  right: 92px
}
.panel-homepage .link-view-patrons .patron-skin-5 {
  bottom: -17px;
  right: 18px
}
@media(max-width:1300px) {
  .panel-homepage .link-join-club .mdi-package, .panel-homepage .link-view-patrons .patron-skin {
    display: none
  }
}
@media(max-width:1150px) {
  .panel-homepage section {
    padding-bottom: 1.75rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.75rem
  }
  .panel-homepage .homepage-links>section {
    min-height: 168px;
    padding-bottom: 1.5rem
  }
  .panel-homepage .homepage-links h3 {
    font-size: 20px
  }
  .panel-homepage .homepage-links .mdi-crown {
    font-size: 23px
  }
  .panel-homepage .homepage-links span {
    font-size: 13px
  }
  .panel-homepage .homepage-links .btn-warning, .panel-homepage .homepage-links .btn-white {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    width: unset
  }
}
@media(max-width:650px) {
  .panel-homepage section {
    padding: var(--paddingPanel);
    padding-bottom: 1rem;
    padding-top: 1rem
  }
  .panel-homepage section p {
    font-size: 13px;
    line-height: 24px
  }
  .panel-homepage section p:not(:first-child) {
    margin-top: .75rem
  }
  .panel-homepage section .payment-img {
    margin-top: 1rem
  }
}
@media(max-width:560px) {
  .panel-homepage .homepage-links {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
  .panel-homepage .homepage-links>section {
    min-height: unset;
    padding-bottom: 1rem;
    padding-top: 1rem
  }
  .panel-homepage .homepage-links h3 {
    font-size: 18px
  }
  .panel-homepage .homepage-links .mdi-crown {
    margin-right: .25rem
  }
  .panel-homepage .homepage-links .btn-warning, .panel-homepage .homepage-links .btn-white {
    margin-top: 1rem
  }
}
@media(max-width:450px) {
  .panel-homepage .panel-heading-variant .h6 {
    font-size: 15px
  }
  .panel-homepage .panel-heading-variant .h3 {
    font-size: 20px
  }
  .panel-homepage section {
    padding-bottom: .75rem;
    padding-top: .75rem
  }
  .panel-homepage section .payment-img {
    height: 32px
  }
  .panel-homepage section p {
    line-height: 22px
  }
  .panel-homepage .panel-body h4 {
    font-size: 15px;
    min-height: unset;
    padding: 1rem
  }
}
@media(max-width:390px) {
  .panel-homepage .homepage-links>section {
    padding-bottom: .75rem;
    padding-top: .75rem
  }
  .panel-homepage .homepage-links span {
    margin-top: .5rem
  }
  .panel-homepage .homepage-links .btn-warning, .panel-homepage .homepage-links .btn-white {
    width: 100%
  }
}
.panel-options .form-group {
  position: relative
}
.panel-options .form-group:not(:first-child) {
  margin-top: 30px
}
.panel-options .input {
  outline: 2px solid transparent;
  outline-offset: 2px
}
.panel-options .form-group-amount .input {
  padding-right: 110px
}
.panel-options .form-group-amount .input-group-addon {
  --tw-border-opacity: 1;
  border: 3px solid rgba(227, 235, 255, var(--tw-border-opacity));
  border-radius: 6px;
  bottom: 0;
  height: 39px;
  line-height: 32px;
  margin-bottom: auto;
  margin-top: auto;
  padding-left: 19px;
  padding-right: 19px;
  pointer-events: none;
  position: absolute;
  right: 14px;
  top: 0
}
.panel-options .form-group-amount .input-group-addon>small {
  --tw-text-opacity: 1;
  color: rgba(227, 235, 255, var(--tw-text-opacity));
  font-size: 15px;
  font-weight: 700
}
.panel-options .form-group-discord .btn-options-discord, .panel-options .form-group-discord .btn-options-discord-mobile {
  bottom: 0;
  left: 12px;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  top: 0
}
.panel-options .form-group-discord .btn-options-discord-mobile {
  display: none;
  left: 10px
}
.panel-options .form-group-discord .input {
  padding-left: 232px
}
.panel-options .buttons {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-bottom: 24px;
  padding-top: 51px
}
.panel-options .buttons .btn {
  display: inline-block;
  font-size: 19px;
  height: 61px;
  line-height: 61px;
  margin: 6px;
  min-width: 234px;
  text-align: center
}
.panel-sidebar-inner-options .panel-sidebar-header {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  align-items: center;
  background-color: rgba(241, 202, 43, var(--tw-bg-opacity));
  color: rgba(95, 69, 49, var(--tw-text-opacity));
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  min-height: 84px;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: center
}
.panel-sidebar-inner-options .panel-sidebar-header .h3 {
  font-size: 20px
}
.panel-sidebar-inner-options .panel-sidebar-body {
  text-align: center
}
.panel-sidebar-inner-options .panel-sidebar-body>p {
  --tw-text-opacity: 1;
  color: rgba(186, 206, 255, var(--tw-text-opacity));
  font-size: 14px;
  font-weight: 700;
  line-height: 23px;
  margin-bottom: 30px
}
.panel-sidebar-inner-options .panel-sidebar-body>b {
  --tw-text-opacity: 1;
  color: rgba(241, 202, 43, var(--tw-text-opacity));
  display: inline-block;
  margin-bottom: 32px
}
.panel-sidebar-inner-options .panel-sidebar-body .btn-cancel-option {
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  border: 3px solid rgba(241, 202, 43, var(--tw-border-opacity));
  border-radius: 6px;
  color: rgba(241, 202, 43, var(--tw-text-opacity));
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  height: 54px;
  line-height: 48px;
  width: 100%
}
.panel-sidebar-inner-options .panel-sidebar-body .btn-cancel-option:focus, .panel-sidebar-inner-options .panel-sidebar-body .btn-cancel-option:hover {
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  border-color: rgba(236, 211, 108, var(--tw-border-opacity));
  color: rgba(236, 211, 108, var(--tw-text-opacity))
}
@media(max-width:1050px) {
  .panel-options .panel-body {
    margin-top: 30px
  }
}
@media(max-width:900px) {
  .panel-options .form-group:not(:first-child), .panel-options .panel-body {
    margin-top: 1.25rem
  }
  .panel-options .buttons {
    padding-bottom: 0;
    padding-top: 12px
  }
  .panel-options .buttons .btn {
    font-size: 18px;
    height: 54px;
    line-height: 53px;
    min-width: 190px
  }
  .panel-options .form-group:not(:first-child) {
    margin-top: 1rem
  }
  .panel-options .form-group-amount .input-group-addon {
    border-width: 2px;
    height: 32px;
    line-height: 28px;
    padding-left: 14px;
    padding-right: 14px;
    right: 10px
  }
  .panel-options .form-group-amount .input-group-addon>small {
    font-size: 13px
  }
  .panel-options .form-group-amount .input {
    padding-right: 82px
  }
  .panel-options .form-group-discord .btn-options-discord {
    font-size: 13px;
    height: 32px;
    left: 10px;
    line-height: 32px;
    padding-left: .75rem;
    padding-right: .75rem
  }
  .panel-options .form-group-discord .input {
    padding-left: 185px
  }
}
@media(max-width:650px) {
  .panel-options .panel-body {
    margin-top: 1rem
  }
}
@media(max-width:560px) {
  .panel-options .buttons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: -6px;
    margin-left: -6px;
    margin-right: -6px
  }
  .panel-options .buttons .btn {
    font-size: 16px;
    height: 52px;
    width: calc(100% - 12px)
  }
}
@media(max-width:440px) {
  .panel-options .form-group-discord .btn-options-discord {
    display: none
  }
  .panel-options .form-group-discord .btn-options-discord-mobile {
    align-items: center;
    display: flex;
    justify-content: center
  }
  .panel-options .form-group-discord .input {
    padding-left: 51px
  }
  .panel-options .buttons {
    display: flex;
    flex-direction: column-reverse
  }
  .panel-options .buttons>* {
    width: 100%
  }
}
.panel-login .panel-body>p {
  line-height: 28px
}
.panel-login .panel-body b {
  margin-bottom: .75rem
}
.form-login {
  align-items: center;
  display: flex;
  margin-top: var(--spacing)
}
.form-login .btn-warning {
  font-size: 17px;
  height: 67px;
  line-height: 67px;
  margin-left: 10px;
  padding-left: 1.5rem;
  padding-right: 1.5rem
}
@media(max-width:900px) {
  .form-login .btn-warning {
    font-size: 16px;
    height: 52px;
    line-height: 52px;
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }
}
@media(max-width:650px) {
  .panel-login .panel-body>p {
    font-size: 14px;
    line-height: 24px
  }
}
@media(max-width:430px) {
  .form-login {
    flex-direction: column
  }
  .form-login .input {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
  }
  .form-login .input::-moz-placeholder {
    text-align: center
  }
  .form-login .input:-ms-input-placeholder {
    text-align: center
  }
  .form-login .input, .form-login .input::placeholder {
    text-align: center
  }
  .form-login .btn-warning {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 15px;
    margin-left: 0;
    width: 100%
  }
}
#ndzn-footer {
  --tw-bg-opacity: 1;
  background-color: rgba(35, 52, 108, var(--tw-bg-opacity));
  margin-top: auto;
  padding-bottom: 30px;
  padding-top: 30px
}
#ndzn-footer .footer-left {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  padding-right: var(--spacing)
}
#ndzn-footer .footer-left>* {
  display: block
}
#ndzn-footer .footer-left span {
  font-size: 16px;
  font-weight: 700
}
#ndzn-footer .footer-left small {
  --tw-text-opacity: 1;
  color: rgba(216, 227, 255, var(--tw-text-opacity));
  font-size: 13px;
  font-weight: 600;
  margin-top: 2px
}
#ndzn-footer .footer-right {
  margin-left: auto
}
#ndzn-footer .footer-right svg {
  fill: #d8e3ff
}
#ndzn-footer .footer-right a {
  transition-duration: .25s
}
#ndzn-footer .footer-right a svg {
  fill: #d8e3ff
}
#ndzn-footer .footer-right a:focus svg, #ndzn-footer .footer-right a:hover svg {
  fill: #fff
}
@media(max-width:1390px) {
  #ndzn-footer .container {
    padding-left: var(--spacing);
    padding-right: var(--spacing)
  }
}
@media(max-width:900px) {
  #ndzn-footer .container {
    padding-left: 30px;
    padding-right: 30px
  }
}
@media(max-width:560px) {
  #ndzn-footer .container {
    flex-direction: column
  }
  #ndzn-footer .footer-left {
    padding-right: 0;
    text-align: center
  }
  #ndzn-footer .footer-right {
    margin-right: auto;
    margin-top: 24px
  }
}
@media(max-width:440px) {
  #ndzn-footer .footer-left span {
    font-size: 14px
  }
  #ndzn-footer .footer-left small {
    font-size: 12px;
    margin-top: .5rem
  }
}
.panel .panel {
  background: #4163b5;
  box-shadow: 0 5px 8px rgba(0, 0, 0, .075);
  margin-top: .75rem
}
.panel .panel p {
  --tw-text-opacity: 1;
  color: rgba(216, 227, 255, var(--tw-text-opacity));
  font-weight: 500;
  line-height: 32px;
  padding: 0 .375rem;
  text-align: justify
}
#ndzn-free-rank .panel {
  --paddingPanel: 30px
}
#ndzn-free-rank .btn {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  white-space: nowrap
}
#ndzn-free-rank .input {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgba(84, 118, 200, var(--tw-bg-opacity));
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  font-size: 16px;
  height: 100%;
  padding-left: 67px
}
#ndzn-free-rank .input::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(152, 174, 229, var(--tw-placeholder-opacity))
}
#ndzn-free-rank .input:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(152, 174, 229, var(--tw-placeholder-opacity))
}
#ndzn-free-rank .input::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(152, 174, 229, var(--tw-placeholder-opacity))
}
#ndzn-free-rank .input {
  transition-duration: .2s
}
#ndzn-free-rank .input[disabled] {
  opacity: .4
}
#ndzn-free-rank .input-icon {
  font-size: 1.875rem;
  left: 0;
  line-height: 2.25rem;
  width: 67px;
  z-index: 10
}
#ndzn-free-rank .input-icon, #ndzn-free-rank .mdi-check-decagram {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
#ndzn-free-rank .mdi-check-decagram {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.7;
  color: rgba(241, 202, 43, var(--tw-text-opacity));
  font-size: 2.25rem;
  line-height: 2.5rem;
  margin-right: .25rem;
  padding-top: 1px;
  right: 0;
  text-shadow: 0 4px 6px rgba(0, 0, 0, .1);
  width: 5rem
}
#ndzn-free-rank .panel.is-step {
  position: relative
}
#ndzn-free-rank .panel.is-step .step-heading {
  align-items: center;
  display: flex;
  margin-bottom: -.375rem;
  margin-top: -.375rem
}
#ndzn-free-rank .panel.is-step .step-num {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  align-items: center;
  background-color: rgba(241, 202, 43, var(--tw-bg-opacity));
  border-radius: .375rem;
  color: rgba(95, 69, 49, var(--tw-text-opacity));
  display: flex;
  flex: none;
  font-size: 25px;
  font-weight: 900;
  height: 3rem;
  justify-content: center;
  margin-right: 1rem;
  width: 3rem
}
#ndzn-free-rank .panel.is-step .step-title {
  font-size: 19px;
  font-weight: 700;
  text-shadow: 0 3px rgba(0, 0, 0, .06)
}
#ndzn-free-rank .panel.is-step .step-body {
  align-items: stretch;
  display: flex;
  gap: .5rem;
  margin-top: var(--paddingPanel);
  position: relative
}
#ndzn-free-rank .panel.is-step .step-body>* {
  height: 67px
}
#ndzn-free-rank .panel.is-step.is-done {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
#ndzn-free-rank .panel.is-step.is-done .step-heading {
  --tw-text-opacity: 1;
  color: rgba(241, 202, 43, var(--tw-text-opacity));
  opacity: .4
}
#ndzn-free-rank .panel.is-step.is-locked {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
#ndzn-free-rank .panel.is-step.is-locked .step-heading {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  opacity: .3
}
#ndzn-free-rank .panel.is-step.is-locked .step-num {
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  background-color: transparent;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  border-width: 3px;
  color: rgba(255, 255, 255, var(--tw-text-opacity))
}
#ndzn-free-rank .btn.btn-perks {
  --tw-text-opacity: 1;
  border-width: 3px;
  color: rgba(186, 198, 228, var(--tw-text-opacity));
  transition-duration: .3s
}
#ndzn-free-rank .btn.btn-perks img {
  margin-left: -.5rem;
  margin-right: 1rem;
  position: relative;
  top: -1px
}
#ndzn-free-rank .btn.btn-perks:hover {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.9;
  color: rgba(255, 255, 255, var(--tw-text-opacity))
}
@media (max-width:600px) {
  #ndzn-free-rank .input {
    padding-left: 0;
    padding-right: 0;
    text-align: center
  }
  #ndzn-free-rank .input-icon {
    display: none
  }
  #ndzn-free-rank .mdi-check-decagram {
    --tw-rotate: 12deg;
    font-size: 1.875rem;
    height: 3.5rem;
    line-height: 2.25rem;
    transform: var(--tw-transform);
    width: 3rem
  }
  #ndzn-free-rank .panel {
    --paddingPanel: 15px
  }
  #ndzn-free-rank .panel.is-step {
    --paddingPanel: 25px;
    text-align: center
  }
  #ndzn-free-rank .panel.is-step .step-heading {
    flex-direction: column;
    margin-top: 0
  }
  #ndzn-free-rank .panel.is-step .step-num {
    font-size: 1.25rem;
    height: 2.25rem;
    line-height: 1.75rem;
    margin-bottom: .75rem;
    margin-right: 0
  }
  #ndzn-free-rank .panel.is-step .step-body {
    flex-direction: column;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px
  }
  #ndzn-free-rank .panel.is-step .step-body>* {
    height: 55px
  }
  #ndzn-free-rank .panel.is-step .btn.btn-perks img {
    display: none
  }
}
.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)
}
[class*="-tebex-footer-wrapper"] {
    position: relative !important;
}
[class*="-tebex-footer-spacer"] {
    display: none !important;
}
.modal-footer-inner ul li {
    margin: 0;
    padding-left: 15px;
}

.modal-footer-inner ul li:before {
    top: 15px;
}