: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;
  }