#modal-shopping .tags-container {
    display: none
  }
  #ndzn-header {
    margin-bottom: 2rem
  }
  #ndzn-header .header__logo {
    height: auto;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    top: 71px;
    transition-duration: .2s;
    width: 480px;
    z-index: 4
  }
  #ndzn-header .header__logo, #ndzn-header .header__logo .logo__blur {
    position: absolute
  }
  #ndzn-header .header__logo .logo__blur {
    --tw-bg-opacity: 1;
    --tw-blur: blur(104px);
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1
  }
  #ndzn-header .header__logo:focus, #ndzn-header .header__logo:hover {
    --tw-brightness: brightness(1.1);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
  }
  #ndzn-header .header__middle {
    margin-top: 302px
  }
  #ndzn-header .header__middle.container .middle__contents {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: .5rem;
    box-shadow: 0 4px 32px 0 #52431e0a;
    display: flex;
    height: 96px;
    justify-content: space-between;
    overflow: hidden;
    position: relative
  }
  #ndzn-header .header__middle.container .btn--login, #ndzn-header .header__middle.container .btn--logout {
    height: 100%;
    padding-right: 1.5rem
  }
  #ndzn-header .header__middle.container .btn--login img, #ndzn-header .header__middle.container .btn--logout img {
    left: 24px;
    position: absolute;
    top: 16px;
    transition-duration: .2s;
    width: 64px !important
  }
  #ndzn-header .header__middle.container .btn--login .text__right, #ndzn-header .header__middle.container .btn--logout .text__right {
    margin-left: 112px;
    transition-duration: .2s
  }
  #ndzn-header .header__middle.container .btn--login:focus .text__right, #ndzn-header .header__middle.container .btn--login:focus img, #ndzn-header .header__middle.container .btn--login:hover .text__right, #ndzn-header .header__middle.container .btn--login:hover img, #ndzn-header .header__middle.container .btn--logout:focus .text__right, #ndzn-header .header__middle.container .btn--logout:focus img, #ndzn-header .header__middle.container .btn--logout:hover .text__right, #ndzn-header .header__middle.container .btn--logout:hover img {
    --tw-scale-x: 1.04;
    --tw-scale-y: 1.04;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  #ndzn-header .header__middle.container .btn--login h3 {
    text-transform: capitalize
  }
  #ndzn-header .header__middle.container .btn--cart {
    height: 100%;
    padding-left: 1.5rem
  }
  #ndzn-header .header__middle.container .btn--cart .cart__left {
    margin-right: 1rem;
    transition-duration: .2s
  }
  #ndzn-header .header__middle.container .btn--cart .cart__right {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(76 189 255/var(--tw-bg-opacity));
    -webkit-clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%);
    display: flex;
    height: 100px;
    margin-right: -1px;
    position: relative;
    transition-duration: .2s;
    width: 117px
  }
  #ndzn-header .header__middle.container .btn--cart .cart__right svg {
    margin-left: 43px;
    transition-duration: .2s
  }
  #ndzn-header .header__middle.container .btn--cart .cart__right b {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border: 2px solid #4cbdff;
    border-radius: 9999px;
    color: rgb(76 189 255/var(--tw-text-opacity));
    font-size: 13px;
    font-weight: 800;
    line-height: 1rem;
    padding-left: .25rem;
    padding-right: .25rem;
    position: absolute;
    right: 1.5rem;
    text-align: center;
    top: 27px;
    transition-duration: .2s
  }
  #ndzn-header .header__middle.container .btn--cart:focus .cart__left, #ndzn-header .header__middle.container .btn--cart:hover .cart__left {
    --tw-scale-x: 1.04;
    --tw-scale-y: 1.04;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  #ndzn-header .header__middle.container .btn--cart:focus .cart__right, #ndzn-header .header__middle.container .btn--cart:hover .cart__right {
    width: 140px
  }
  #ndzn-header .header__middle.container .btn--cart:focus .cart__right svg, #ndzn-header .header__middle.container .btn--cart:hover .cart__right svg {
    margin-left: 60px
  }
  #ndzn-header .header__middle.container .btn--cart:focus .cart__right b, #ndzn-header .header__middle.container .btn--cart:hover .cart__right b {
    right: 1.75rem
  }
  #ndzn-header .header__middle.container h3 {
    --tw-text-opacity: 1;
    color: rgb(34 34 34/var(--tw-text-opacity));
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem;
    line-height: 1.5rem;
    margin-bottom: .25rem
  }
  #ndzn-header .header__middle.container p, #ndzn-header .header__middle.container span {
    color: #222222b2;
    font-size: 14px;
    font-weight: 500
  }
  #ndzn-header .btn--mobile.btn--login, #ndzn-header .btn--mobile.btn--menu {
    display: none
  }
  @media (max-width:575px) {
    #ndzn-header .btn--mobile.btn--login, #ndzn-header .btn--mobile.btn--menu {
      align-items: flex-start;
      display: flex;
      flex-direction: column;
      gap: 0;
      margin-left: 2rem
    }
    #ndzn-header .btn--mobile.btn--login:focus, #ndzn-header .btn--mobile.btn--login:hover, #ndzn-header .btn--mobile.btn--menu:focus, #ndzn-header .btn--mobile.btn--menu:hover {
      --tw-scale-x: 1.04;
      --tw-scale-y: 1.04;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    #ndzn-header .btn--cart .cart__left, #ndzn-header .btn--desktop {
      display: none
    }
    .page-sidebar {
      display: none !important
    }
  }
  @media (max-width:550px) {
    #ndzn-header .header__logo {
      width: 100%
    }
  }
  @media (max-width:375px) {
    #ndzn-header .header__middle {
      margin-top: 250px
    }
  }
  :root {
    --tebex-legal-footer-background-color: #3d3124;
    --tebex-legal-footer-text-color: #9e9891;
    --tebex-legal-footer-border-color: transparent;
    --tebex-legal-footer-logo-color: #9e9891
  }
  #ndzn-footer {
    --tw-bg-opacity: 1;
    background-color: rgb(82 66 48/var(--tw-bg-opacity));
    display: flex;
    flex-direction: column;
    margin-top: auto;
    min-height: 261px;
    overflow: hidden;
    position: relative
  }
  #ndzn-footer .footer__top {
    background-color: #ffffff14
  }
  #ndzn-footer .footer__top .container {
    display: flex;
    flex-direction: row;
    padding-bottom: 2rem;
    padding-top: 2rem
  }
  #ndzn-footer .footer__top .footer__top-left {
    align-items: center;
    display: flex;
    gap: 26px;
    margin-right: auto
  }
  #ndzn-footer .footer__top span {
    font-size: 18px;
    font-weight: 600;
    line-height: 2rem;
    text-align: center
  }
  #ndzn-footer .footer__top .btn--discord, #ndzn-footer .footer__top .btn--ip {
    background-color: #ffffff29;
    border-radius: .5rem;
    padding-bottom: .5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: .5rem
  }
  #ndzn-footer .footer__top .btn--discord {
    height: 48px
  }
  #ndzn-footer .footer__top .btn--support, #ndzn-footer .footer__top .btn--vote {
    margin-right: 1.75rem
  }
  #ndzn-footer .footer__top .btn--support, #ndzn-footer .footer__top .btn--up, #ndzn-footer .footer__top .btn--vote {
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }
  #ndzn-footer .footer__top .btn:focus, #ndzn-footer .footer__top .btn:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  #ndzn-footer .footer__bottom {
    justify-content: space-between;
    margin-bottom: auto;
    margin-top: auto
  }
  #ndzn-footer .footer__bottom, #ndzn-footer .footer__bottom .bottom__left {
    display: flex
  }
  #ndzn-footer .footer__bottom .bottom__left {
    align-items: center;
    gap: 1.5rem
  }
  #ndzn-footer .footer__bottom p {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-weight: 500;
    line-height: 1.5rem;
    max-width: 340px
  }
  #ndzn-footer .footer__bottom img {
    height: auto;
    width: 74px
  }
  #ndzn-footer .ndzn {
    align-items: center;
    display: flex;
    margin-left: auto;
    white-space: nowrap
  }
  #ndzn-footer #tm {
    align-items: center;
    display: inline-flex;
    gap: .5rem;
    opacity: .3;
    transition-duration: .2s
  }
  #ndzn-footer #tm span {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-family: Ubuntu, sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase
  }
  #ndzn-footer #tm:focus, #ndzn-footer #tm:hover {
    opacity: 1
  }
  @media (max-width:950px) {
    #ndzn-footer .btn--discord span {
      display: none
    }
  }
  @media (max-width:780px) {
    #ndzn-footer .footer__top .container {
      display: flex;
      flex-direction: column;
      gap: 18px;
      padding-bottom: 1rem;
      padding-top: 2rem
    }
    #ndzn-footer .footer__top .footer__top-left {
      gap: 1rem;
      margin-bottom: 4px;
      margin-left: auto
    }
    #ndzn-footer .footer__bottom {
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-bottom: 2rem;
      padding-top: 2rem
    }
    #ndzn-footer .bottom__left {
      flex-direction: column;
      margin-bottom: 22px;
      text-align: center
    }
  }
  #ndzn-title {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    align-items: center;
    background-color: rgb(76 189 255/var(--tw-bg-opacity));
    border-radius: .5rem;
    box-shadow: 0 4px 32px 0 #52431e0a;
    color: rgb(255 255 255/var(--tw-text-opacity));
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: var(--spacing);
    min-height: 131px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%
  }
  #ndzn-title .title__viewing {
    font-size: 1.25rem;
    font-weight: 900;
    line-height: 1.75rem;
    line-height: 2.25rem;
    margin-bottom: -8px;
    opacity: .7
  }
  #ndzn-title h1 {
    align-items: center;
    display: flex;
    font-size: 1.5rem;
    font-weight: 900;
    gap: .5rem;
    line-height: 2rem;
    line-height: 43px;
    text-transform: uppercase
  }
  #ndzn-title h1 svg {
    margin-bottom: 2px
  }
  #ndzn-title .title--decor, .btn--bedrock .title--decor, .btn--java .title--decor, .cart-header .title--decor {
    pointer-events: none;
    position: absolute;
    transition-duration: .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: auto
  }
  #ndzn-title .decor__1, .btn--bedrock .decor__1, .btn--java .decor__1, .cart-header .decor__1 {
    animation: cloudsAnimLeft 3s ease-in-out forwards;
    bottom: 0;
    height: 79px;
    left: 0
  }
  #ndzn-title .decor__2, .btn--bedrock .decor__2, .btn--java .decor__2, .cart-header .decor__2 {
    animation: cloudsAnimLeft 2s ease-in-out forwards;
    bottom: 0;
    height: 75px;
    left: 0
  }
  #ndzn-title .decor__3, .btn--bedrock .decor__3, .btn--java .decor__3, .cart-header .decor__3 {
    animation: cloudsAnimRight 2s ease-in-out forwards;
    bottom: 0;
    height: 71px;
    right: 10px
  }
  #ndzn-title .decor__4, .btn--bedrock .decor__4, .btn--java .decor__4, .cart-header .decor__4 {
    animation: cloudsAnimRight 3s ease-in-out forwards;
    bottom: 0;
    height: 111px;
    right: 0
  }
  #ndzn-title .decor__5, .btn--bedrock .decor__5, .btn--java .decor__5, .cart-header .decor__5 {
    animation: lineUpMovement 1s ease-in-out forwards;
    bottom: 0;
    height: 7px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    right: 0
  }
  @keyframes cloudsAnimLeft {
    0% {
      transform: translate(-50px, 50px)
    }
    to {
      transform: translate(0)
    }
  }
  @keyframes cloudsAnimRight {
    0% {
      transform: translate(50px, 50px)
    }
    to {
      transform: translate(0)
    }
  }
  @keyframes lineUpMovement {
    0% {
      transform: translateY(10px)
    }
    to {
      transform: translate(0)
    }
  }
  @media (max-width:750px) {
    #ndzn-title .title__viewing {
      font-size: 16px;
      line-height: 1.5rem
    }
    #ndzn-title h1 {
      font-size: 1.25rem;
      line-height: 1.75rem;
      line-height: 2.25rem
    }
    #ndzn-title .decor__1 {
      display: none
    }
    #ndzn-title .decor__2 {
      left: -130px
    }
    #ndzn-title .decor__3 {
      right: -120px
    }
    #ndzn-title .decor__4 {
      display: none
    }
    #ndzn-title .decor__5 {
      height: 5px
    }
  }
  #ndzn-loginContainer .panel--login {
    margin-bottom: 0 !important
  }
  #ndzn-loginContainer .login--buttons {
    align-items: center;
    display: flex;
    gap: var(--spacing);
    justify-content: space-between;
    margin-bottom: var(--spacing);
    width: 100%
  }
  #ndzn-loginContainer .login--buttons .btn {
    background-color: #ffffffcc;
    box-shadow: 0 4px 32px 0 #52431e0a;
    color: #00000080;
    flex-direction: column;
    gap: 0;
    height: 122px;
    margin-bottom: 0;
    overflow: hidden;
    position: relative;
    width: 100%
  }
  #ndzn-loginContainer .login--buttons h1 {
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 2rem;
    line-height: 44px;
    margin-bottom: -8px;
    text-transform: uppercase
  }
  #ndzn-loginContainer .login--buttons span {
    font-weight: 400;
    margin-left: .5rem
  }
  #ndzn-loginContainer .login--buttons .title--decor {
    display: none
  }
  #ndzn-loginContainer .login--buttons .btn--active {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(76 189 255/var(--tw-bg-opacity));
    color: rgb(255 255 255/var(--tw-text-opacity))
  }
  #ndzn-loginContainer .login--buttons .btn--active .title--decor {
    display: flex
  }
  #ndzn-loginContainer .form-login {
    align-items: center;
    display: flex;
    gap: 1rem;
    margin-bottom: 2.25rem
  }
  #ndzn-loginContainer #login-input, #ndzn-loginContainer .form-login, #ndzn-loginContainer .input-container {
    width: 100%
  }
  #ndzn-loginContainer .btn--continue {
    flex: 0 0 171px;
    height: 59px;
    width: 171px
  }
  #ndzn-loginContainer .alert--red {
    margin-top: 0 !important
  }
  #modal-login .login--buttons {
    border-bottom: 1px solid #0000000a;
    justify-content: flex-start;
    margin-bottom: 0;
    padding-bottom: 1.5rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 1.5rem
  }
  #modal-login .login--buttons .title--decor {
    display: none !important
  }
  #modal-login .login--buttons .btn {
    box-shadow: 0 0 0 0 #fff;
    height: 59px;
    max-height: 59px;
    min-height: 50px;
    padding-left: 2rem;
    padding-right: 2rem;
    width: auto
  }
  #modal-login .login--buttons .btn span {
    display: none
  }
  #modal-login .login--buttons h1 {
    font-size: 16px;
    line-height: 1.5rem;
    margin-bottom: 0
  }
  #modal-login .panel--login {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246/var(--tw-bg-opacity))
  }
  @media (max-width:700px) {
    #ndzn-loginContainer .login--buttons {
      gap: 1rem
    }
    #ndzn-loginContainer .login--buttons span {
      display: none
    }
    #ndzn-loginContainer .login--buttons .btn {
      height: 88px
    }
  }
  @media (max-width:500px) {
    #ndzn-loginContainer .login--buttons h1 {
      font-size: 16px;
      line-height: 1.25rem;
      padding-left: 2.5rem;
      padding-right: 2.5rem
    }
    #ndzn-loginContainer .form-login {
      flex-direction: column;
      margin-bottom: 1rem
    }
    #ndzn-loginContainer .btn--continue {
      flex: 0 0 59px;
      width: 100%
    }
    #modal-login .login--buttons {
      padding: 1.5rem
    }
    #modal-login .login--buttons .btn {
      padding-left: 0;
      padding-right: 0
    }
    #modal-login .login--buttons .btn h1 span {
      display: none
    }
  }
  .options--modal__panel {
    padding: var(--containerPadding);
    position: relative
  }
  .panel--options {
    margin-bottom: 0 !important
  }
  .options-form {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
  }
  .options-form .input, .options-form input, .options-form select {
    border-radius: .5rem;
    display: block;
    flex: 1 1 auto;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 17.5px;
    padding-left: 1.75rem;
    padding-right: 64px;
    padding-top: 17.5px;
    width: 100%
  }
  .options-form .form-group--price, .options-form .form-group--select {
    position: relative
  }
  .options-form .form-group--select:after {
    right: 35px
  }
  .options-form .form-group--select:before {
    width: 35px
  }
  .options-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
  }
  .options-form option {
    --tw-text-opacity: 1;
    background-color: #2222220a !important;
    color: rgb(34 34 34/var(--tw-text-opacity))
  }
  .options-form .form-group__inner {
    position: relative
  }
  .options-form .form-group__inner .svg--chevron-down {
    bottom: 0;
    margin-bottom: auto;
    margin-top: auto;
    position: absolute;
    right: 2rem;
    top: 0
  }
  .options-form .selected-currency, .options-form .svg--chevron-down {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 5
  }
  .options-form .selected-currency {
    --tw-text-opacity: 1;
    background-color: #22222214;
    border-radius: .25rem;
    bottom: 0;
    color: rgb(34 34 34/var(--tw-text-opacity));
    font-weight: 700;
    height: 34px;
    line-height: 20px;
    margin-bottom: auto;
    margin-top: auto;
    min-width: 68px;
    padding: .5rem;
    position: absolute;
    right: 17px;
    text-align: center;
    top: 0
  }
  .options-form .form-group-discord {
    align-items: center;
    display: flex;
    gap: 1rem
  }
  .options-form .form-group-discord .form-group {
    width: 100%
  }
  .options-form .btn--discord {
    --tw-bg-opacity: 1;
    background-color: rgb(76 189 255/var(--tw-bg-opacity));
    height: 100%;
    padding-bottom: 16.5px;
    padding-left: 37px;
    padding-right: 37px;
    padding-top: 16.5px;
    white-space: nowrap
  }
  .options-form .btn--discord span {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-size: 16px !important;
    line-height: 26px
  }
  .options-form .input-discord-form {
    width: 100%
  }
  .options-form .btn--add {
    padding-bottom: 17.5px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 17.5px
  }
  .options-form .alert--red, .options-form .login-error-container {
    align-items: center;
    background-color: #ec494914;
    display: flex;
    margin: 0 !important;
    min-height: 42px;
    padding-bottom: .5rem;
    padding-left: .75rem;
    padding-right: .75rem;
    padding-top: .5rem
  }
  .options-form .alert--red span, .options-form .login-error-container span {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-size: 16px;
    font-weight: 800;
    line-height: 22px
  }
  .options-form .alert--red path, .options-form .login-error-container path {
    fill: #fff
  }
  @media(max-width:900px) {
    .options-form .selected-currency {
      align-items: center;
      display: flex;
      font-size: 14px;
      height: 26px;
      justify-content: center;
      line-height: 18px;
      min-width: 53px;
      padding-bottom: 0;
      padding-left: 0;
      padding-right: 0;
      padding-top: 0;
      right: .75rem
    }
  }
  @media(max-width:650px) {
    .options-form {
      gap: .75rem
    }
    .options-form .input, .options-form input, .options-form select {
      font-size: 13px
    }
    .options-form .input, .options-form input {
      padding-bottom: 18px;
      padding-right: 1.25rem;
      padding-top: 18px
    }
    .options-form .input, .options-form input, .options-form select.input {
      padding-left: 1.25rem
    }
    .options-form select.input {
      padding-right: 2.5rem
    }
    .options-form .btn--add {
      padding-bottom: 18px;
      padding-top: 18px
    }
    .options-form .form-group-discord .btn>span {
      font-size: 14px !important
    }
    .options-form .btn--discord {
      padding-bottom: 17px;
      padding-left: 37px;
      padding-right: 37px;
      padding-top: 17px;
      width: 100%
    }
    .options-form .form-with-button {
      display: flex;
      flex-direction: column;
      gap: .75rem
    }
    .options-form .form-group__inner .svg--chevron-down {
      right: .5rem
    }
  }
  #modal-logout .modal-wrap {
    grid-template-columns: minmax(auto, 528px)
  }
  #modal-logout .modal-logout__buttons {
    align-items: center;
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
    width: 100%
  }
  #modal-logout .modal-logout__buttons .btn--cancel {
    background-color: #22222214;
    height: 59px;
    padding-left: 2rem;
    padding-right: 2rem
  }
  #modal-logout .modal-logout__buttons .btn--cancel span {
    --tw-text-opacity: 1;
    color: rgb(34 34 34/var(--tw-text-opacity))
  }
  #modal-logout .modal-logout__buttons .btn--remove {
    height: 59px;
    width: 100%
  }
  @media (max-width:580px) {
    #modal-logout .modal-logout__buttons {
      flex-direction: column
    }
    #modal-logout .btn--cancel {
      width: 100%
    }
  }
  .basket-items {
    margin-bottom: 2rem
  }
  .basket-items .basket-items__inner {
    display: flex;
    flex-direction: column;
    gap: var(--spacing)
  }
  .basket-items .basket-item {
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 247/var(--tw-bg-opacity));
    border-radius: .5rem;
    padding-bottom: 19px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 19px
  }
  .basket-item .basket-item__details {
    align-items: center;
    display: flex
  }
  .basket-item .basket-item__options {
    flex-direction: column;
    gap: .5rem;
    margin-top: .5rem
  }
  .basket-item .basket-item__options, .basket-item .option {
    display: flex
  }
  .basket-item .option {
    align-items: center;
    flex-wrap: wrap;
    font-weight: 700;
    gap: .5rem
  }
  .basket-item .option .svg--cog {
    flex: 0 0 10px;
    height: 10px;
    width: 10px
  }
  .basket-item .option .svg--cog path {
    fill: #222
  }
  .basket-item .option__name, .basket-item .svg--cog {
    font-weight: 600;
    opacity: .6
  }
  .basket-item .details__name, .basket-item .price__new {
    display: block;
    font-weight: 700
  }
  .basket-item .details__name {
    font-size: 16px;
    font-weight: 700;
    line-height: 19px
  }
  .basket-item .details__name .tags-container {
    display: none
  }
  .basket-item .details__price span {
    font-size: 14px;
    line-height: 22px
  }
  .basket-item .details__qty-parent {
    border-radius: .25rem;
    position: relative
  }
  .basket-item .details__qty-parent .menu--qtys {
    --tw-translate-x: -50%;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: .5rem;
    box-shadow: 0 4px 32px 0 #8888883d;
    color: rgb(34 34 34/var(--tw-text-opacity));
    -moz-column-gap: .25rem;
    column-gap: .25rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    left: 50%;
    opacity: 0;
    padding-bottom: .375rem;
    padding-left: .375rem;
    padding-right: .375rem;
    padding-top: .375rem;
    position: absolute;
    row-gap: .25rem;
    top: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: .2s;
    visibility: hidden;
    width: 72px;
    z-index: 3
  }
  .basket-item .details__qty-parent.--open .menu--qtys {
    opacity: 1;
    top: calc(100% + 10px);
    visibility: visible
  }
  .basket-item .details__qty-parent.single {
    opacity: .5;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
  }
  .basket-item .details__qty-parent.single span {
    --tw-bg-opacity: 1;
    --tw-bg-opacity: 0.1;
    align-items: center;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    display: flex;
    flex: 0 0 36px;
    font-size: 20px;
    font-weight: 700;
    height: 36px;
    justify-content: center;
    line-height: 32px;
    padding: .5rem;
    width: 36px
  }
  .basket-item .details__qty-parent .btn--qtyValue {
    --tw-text-opacity: 1;
    border-radius: .25rem;
    color: rgb(34 34 34/var(--tw-text-opacity));
    font-size: 14px;
    font-weight: 700;
    height: 22px;
    line-height: 17px
  }
  .basket-item .details__qty-parent .btn--qtyValue:focus, .basket-item .details__qty-parent .btn--qtyValue:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(235 235 235/var(--tw-bg-opacity))
  }
  .basket-item .details__qty-parent .btn--qtyValue:focus, .basket-item .details__qty-parent .btn--qtyValue:hover {
    --tw-brightness: brightness(1);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
  }
  .basket-item .details__right {
    align-items: center;
    display: flex;
    gap: .75rem;
    margin-left: auto;
    padding-left: 1.5rem
  }
  .basket-item .price__new {
    --tw-text-opacity: 1;
    color: rgb(107 168 69/var(--tw-text-opacity));
    font-size: 16px;
    line-height: 22px
  }
  .basket-item .btn--red {
    border-radius: .375rem;
    flex: 0 0 40px;
    height: 40px;
    width: 40px
  }
  .basket-item .btn--grey {
    --tw-bg-opacity: 1;
    background-color: rgb(235 235 235/var(--tw-bg-opacity));
    border-radius: .375rem;
    height: 2.5rem;
    justify-content: center;
    padding-bottom: 1px;
    position: relative
  }
  .basket-item .btn--grey>span {
    display: inline-block
  }
  .basket-item .btn--grey>span {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
  }
  .basket-item .btn--grey>span {
    font-size: 16px
  }
  .basket-item .btn--grey>span {
    font-weight: 700
  }
  .basket-item .btn--grey>span {
    line-height: 32px
  }
  .basket-item .btn--grey>span {
    color: #22222280
  }
  .basket-item .btn--grey:focus, .basket-item .btn--grey:hover {
    --tw-brightness: brightness(1);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
  }
  .basket-item .btn--itemQty {
    align-items: center;
    display: flex;
    gap: .5rem;
    padding-left: 9px;
    padding-right: 9px;
    position: relative
  }
  .basket-item .btn--itemQty svg {
    flex: 0 0 16px;
    height: 1rem;
    width: 1rem
  }
  .basket-item .btn--itemQty .funkyQty {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
  }
  .basket-item .btn--red svg {
    flex: 0 0 20px;
    height: 20px;
    width: 20px
  }
  .basket-item .qty-down, .basket-item .qty-up {
    cursor: pointer;
    transition-duration: .2s
  }
  .basket-item .qty-down:hover, .basket-item .qty-up:hover {
    --tw-translate-y: -1px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  .basket-item .qty-down.jump, .basket-item .qty-up.jump {
    animation: jumpUp .3s ease forwards
  }
  .basket-item .qty-down.blocked:hover, .basket-item .qty-up.blocked:hover {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  .basket-item .qty-down.blocked, .basket-item .qty-up.blocked {
    opacity: .5;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
  }
  .ndzn-js--ddMenu {
    position: absolute
  }
  @media (max-width:750px) {
    .basket-items .basket-item {
      padding-bottom: 1.25rem;
      padding-left: 1rem;
      padding-right: 1rem;
      padding-top: 1.25rem
    }
    .basket-items .basket-item .details__name {
      font-size: 16px
    }
    .basket-items .basket-item .option {
      font-size: 14px
    }
  }
  .packages-container.is-images {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing);
    justify-content: center
  }
  .packages-container.is-images .package--images {
    box-sizing: border-box;
    flex: 1 1 calc(33% - 24px);
    max-width: 33%
  }
  @media(max-width:1000px) {
    .packages-container.is-images .package--images {
      flex: 1 1 calc(50% - 24px);
      max-width: 50%
    }
  }
  @media (max-width:700px) {
    .packages-container.is-images .package--images {
      flex: 1 1 100%;
      max-width: 100%
    }
  }
  .packages-container.is-list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing)
  }
  .package--list {
    position: relative
  }
  .package--list .package__info {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: 1.5rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 1.5rem
  }
  .package--list .package__image {
    display: none
  }
  .package--list .btn--add, .package--list .btn--remove {
    height: 56px;
    padding-left: 61px;
    padding-right: 61px
  }
  .package--list .package__expires {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    align-items: center;
    background-color: rgb(236 73 73/var(--tw-bg-opacity));
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    color: rgb(255 255 255/var(--tw-text-opacity));
    display: flex;
    font-weight: 900;
    gap: .5rem;
    height: 36px;
    justify-content: flex-start;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    text-transform: uppercase;
    width: 100%
  }
  .package--list .package__expires path {
    fill: #fff
  }
  .package--list .package__discount-percentage {
    display: none
  }
  @media (max-width:1300px) {
    .packages-container--images {
      grid-template-columns: repeat(2, minmax(0, 1fr))
    }
  }
  @media (max-width:650px) {
    .panel-container--category .category__description {
      padding-bottom: 32px
    }
  }
  @media (max-width:600px) {
    .packages-container--images {
      grid-template-columns: repeat(1, minmax(0, 1fr))
    }
  }
  #modal-shopping, .package, .pseudomodal {
    margin-bottom: 0 !important
  }
  #modal-shopping .price__actual, .package .price__actual, .pseudomodal .price__actual {
    --tw-text-opacity: 1;
    color: rgb(107 168 69/var(--tw-text-opacity));
    font-weight: 600;
    line-height: 29px;
    white-space: nowrap
  }
  #modal-shopping .price__discounted, .package .price__discounted, .pseudomodal .price__discounted {
    color: #fd404080;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    text-decoration-line: line-through;
    white-space: nowrap
  }
  #modal-shopping .price__custom, .package .price__custom, .pseudomodal .price__custom {
    --tw-text-opacity: 1 !important;
    color: rgb(34 34 34/var(--tw-text-opacity)) !important;
    font-weight: 700;
    opacity: .5;
    white-space: nowrap
  }
  #modal-shopping .package__name, .package .package__name, .pseudomodal .package__name {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    gap: .5rem;
    line-height: 1.25rem
  }
  #modal-shopping .package__name svg, .package .package__name svg, .pseudomodal .package__name svg {
    flex: 0 0 14px;
    height: 14px;
    width: 14px
  }
  #modal-shopping .package__image img, .package .package__image img, .pseudomodal .package__image img {
    border-radius: .5rem
  }
  #modal-shopping .package__discount-percentage, .package .package__discount-percentage, .pseudomodal .package__discount-percentage {
    --tw-bg-opacity: 1;
    background-color: rgb(236 73 73/var(--tw-bg-opacity));
    border-radius: .25rem;
    padding-bottom: 3px;
    padding-left: .75rem;
    padding-right: .75rem;
    padding-top: 3px
  }
  #modal-shopping .package__discount-percentage span, .package .package__discount-percentage span, .pseudomodal .package__discount-percentage span {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-weight: 900;
    line-height: 29px
  }
  #modal-shopping .btn--add path, .package .btn--add path, .pseudomodal .btn--add path {
    fill: #665425
  }
  .package--featured, .package--images {
    position: relative
  }
  .package--featured .package__expires, .package--images .package__expires {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    align-items: center;
    background-color: rgb(236 73 73/var(--tw-bg-opacity));
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    color: rgb(255 255 255/var(--tw-text-opacity));
    display: flex;
    font-weight: 900;
    gap: .5rem;
    height: 36px;
    justify-content: center;
    left: 0;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    width: 100%;
    z-index: 4
  }
  .package--featured .package__expires path, .package--images .package__expires path {
    fill: #fff
  }
  .package--featured .__inner--small, .package--images .__inner--small {
    height: calc(100% - 24px)
  }
  .package--featured .package__details, .package--images .package__details {
    display: flex;
    flex-direction: column;
    gap: 10px
  }
  .package--featured .package__discount-percentage, .package--images .package__discount-percentage {
    position: absolute;
    right: 2rem;
    top: 2rem;
    z-index: 3
  }
  .package--featured .package__image, .package--images .package__image {
    cursor: pointer;
    height: 198px;
    margin-top: 1rem;
    width: 100%
  }
  .package--featured .package__image img, .package--images .package__image img {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1);
    transition-duration: .2s
  }
  .package--featured .package__image:focus img, .package--featured .package__image:hover img, .package--images .package__image:focus img, .package--images .package__image:hover img {
    transform: scale(1.05)
  }
  .package--featured .package__image--small, .package--images .package__image--small {
    margin-top: 2.25rem !important
  }
  .package--featured .package__image--no-image, .package--images .package__image--no-image {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(247 247 247/var(--tw-bg-opacity));
    border-radius: .375rem;
    display: flex;
    justify-content: center;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 1rem;
    width: auto
  }
  .package--featured .package__image--no-image img, .package--images .package__image--no-image img {
    height: auto;
    margin: auto;
    width: 126px
  }
  .package--featured .package__image--small, .package--images .package__image--small {
    height: 174px
  }
  .package--featured .package__inner, .package--images .package__inner {
    display: flex;
    flex-direction: column;
    height: 100%
  }
  .package--featured .package__info, .package--images .package__info {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: auto;
    padding: 1.5rem;
    padding-top: 13px;
    width: 100%
  }
  .package--featured .package__name, .package--images .package__name {
    font-size: 20px;
    line-height: 26px;
    text-align: center
  }
  .package--featured .package__price, .package--images .package__price {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: center;
    margin-top: .25rem
  }
  .package--featured .btn, .package--images .btn {
    height: 62px;
    margin-top: 1rem;
    width: 100%
  }
  .package--featured .package__buttons, .package--images .package__buttons {
    width: 100%
  }
  .packages-container--list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing)
  }
  .panel-container--category .category--title {
    margin-bottom: 41px
  }
  .panel-container--category .category__description {
    padding-bottom: 48px
  }
  .panel--empty .panel__body {
    padding-bottom: 41px;
    padding-top: 41px
  }
  .panel--empty .category--title {
    margin-bottom: 1rem
  }
  .panel--empty p {
    margin: 0
  }
  .packages--noPackages {
    align-items: center;
    border-radius: .5rem;
    flex-direction: column;
    text-align: center;
    width: 100%
  }
  .package--crate .package__details, .packages--noPackages {
    display: flex
  }
  .package--crate .package__details {
    align-items: center;
    flex-direction: column
  }
  .package--crate .package__name span {
    white-space: nowrap
  }
  .package--crate .crateQty__buttons {
    align-items: center;
    display: flex;
    gap: 1rem;
    margin-top: 1.25rem;
    width: 100%
  }
  .package--crate .crateQty__buttons button {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity));
    border-radius: .375rem;
    color: rgb(34 34 34/var(--tw-text-opacity));
    font-weight: 700;
    height: 51px;
    transition-duration: .2s;
    width: 100%
  }
  .package--crate .crateQty__buttons button.active {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(204 168 74/var(--tw-bg-opacity));
    color: rgb(255 255 255/var(--tw-text-opacity))
  }
  @media (max-width:700px) {
    .package--featured .__inner--small, .package--images .__inner--small {
      height: calc(100% - 36px)
    }
    .package--featured .package__image, .package--images .package__image {
      height: 184px;
      margin-top: 36px
    }
    .package--featured .package__image img, .package--featured .package__image--no-image, .package--images .package__image img, .package--images .package__image--no-image {
      margin-top: 0
    }
    .package--featured .package__image--no-image img, .package--images .package__image--no-image img {
      margin-top: auto
    }
    .package--featured .package__image--small, .package--images .package__image--small {
      height: 148px
    }
    .package--featured .package__info, .package--images .package__info {
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      margin-top: auto;
      padding: 1.5rem;
      padding-top: 13px;
      width: 100%
    }
    .package--featured .package__name, .package--images .package__name {
      justify-content: center;
      max-width: none;
      padding-left: 1rem;
      padding-right: 1rem
    }
    .package--featured .package__price, .package--images .package__price {
      margin-top: 0
    }
    .package--featured .btn, .package--images .btn {
      height: 58px;
      margin-top: 1rem;
      width: 100%
    }
  }
  .panel__homepage span {
    --tw-text-opacity: 1;
    color: rgb(34 34 34/var(--tw-text-opacity));
    font-weight: 500;
    line-height: 1.5rem;
    margin-bottom: 18px;
    margin-top: 18px
  }
  .panel__homepage .server-ip {
    align-items: center;
    display: flex;
    gap: .75rem
  }
  .panel__homepage .server-ip .btn {
    border-radius: 80px;
    height: 32px;
    padding-bottom: .25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .25rem
  }
  .panel__homepage .homepage__payment {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    margin-bottom: 25px;
    margin-top: 25px
  }
  .panel__homepage .homepage__payment .payment-method {
    align-items: center;
    border: 1px solid #99999952;
    border-radius: .5rem;
    display: flex;
    height: 68px;
    justify-content: center;
    margin: 0;
    text-align: center;
    width: 100%
  }
  .panel__homepage .homepage__payment .payment-method.method-a img {
    height: 48px;
    width: 48px
  }
  .panel__homepage .homepage__payment .payment-method.method-b img {
    height: 26px;
    width: 66px
  }
  .panel__homepage .homepage__payment .payment-method.method-c img {
    height: 29px;
    width: 60px
  }
  .panel__homepage .homepage__payment span.payment-method {
    font-size: 14px;
    padding-left: 34px;
    padding-right: 34px
  }
  .panel__homepage .homepage__alert svg {
    flex: 0 0 48px
  }
  .panel__homepage .homepage-form__alert {
    margin: 0
  }
  .panel__homepage li {
    --tw-text-opacity: 1 !important;
    color: rgb(34 34 34/var(--tw-text-opacity)) !important
  }
  @media (max-width:800px) {
    .panel__homepage .homepage__payment {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .panel__homepage .homepage__payment span.payment-method {
      grid-column: span 2/span 2
    }
  }
  @media (max-width:500px) {
    .panel__homepage .homepage__alert {
      border-left: 0 solid red !important;
      border-top: 6px solid red;
      display: flex;
      flex-direction: column;
      padding-left: 1.25rem !important;
      padding-right: 1.25rem !important
    }
    .panel__homepage .homepage-form__alert {
      font-size: 14px;
      line-height: 22px;
      margin-top: .5rem;
      text-align: center
    }
  }
  @media (max-width:370px) {
    .panel__homepage .server-ip {
      flex-direction: column;
      gap: .75rem
    }
  }
  .is-ranks {
    position: relative
  }
  .is-ranks:after, .is-ranks:before {
    transition: opacity .3s ease
  }
  .is-ranks:after, .is-ranks:before {
    pointer-events: none
  }
  .is-ranks:after, .is-ranks:before {
    position: absolute
  }
  .is-ranks:after, .is-ranks:before {
    top: 0
  }
  .is-ranks:after, .is-ranks:before {
    bottom: 0
  }
  .is-ranks:after, .is-ranks:before {
    z-index: 1
  }
  .is-ranks:after, .is-ranks:before {
    display: block
  }
  .is-ranks:after, .is-ranks:before {
    height: 100%
  }
  .is-ranks:after, .is-ranks:before {
    width: 220px
  }
  .is-ranks:after, .is-ranks:before {
    opacity: 0
  }
  .is-ranks:after, .is-ranks:before {
    --tw-content: "";
    content: var(--tw-content)
  }
  .is-ranks:before {
    background: linear-gradient(90deg, #f5c78f, hsla(33, 84%, 76%, 0))
  }
  .is-ranks:before {
    left: 0
  }
  .is-ranks:after {
    background: linear-gradient(270deg, #f5c78f, hsla(33, 84%, 76%, 0))
  }
  .is-ranks:after {
    right: 0
  }
  .is-ranks.show-left-gradient:before, .is-ranks.show-right-gradient:after {
    opacity: 1
  }
  .ranks-table-wrapper {
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll
  }
  #ranks-table {
    margin-bottom: 1rem;
    min-width: 1344px
  }
  #ranks-table .ranks__cta, #ranks-table .ranks__overview, #ranks-table .ranks__perks {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: grid;
    row-gap: 1rem
  }
  #ranks-table .package__image {
    background: transparent;
    box-shadow: none;
    height: 124px;
    transition-duration: .2s;
    width: 122px
  }
  #ranks-table .package__image:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  #ranks-table .package__price {
    flex-direction: column-reverse;
    gap: 0
  }
  #ranks-table .package__info, #ranks-table .package__price {
    margin: 0
  }
  #ranks-table .package {
    height: 100%;
    position: relative
  }
  #ranks-table .package .package__name {
    font-size: 16px;
    line-height: 26px
  }
  #ranks-table .package .price__actual {
    font-size: 14px;
    line-height: 22px
  }
  #ranks-table .package .price__discounted {
    font-size: 12px;
    line-height: 19px
  }
  #ranks-table .package .package__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-bottom: 1.25rem;
    padding-left: 28px;
    padding-right: 28px;
    padding-top: 1rem;
    text-align: center
  }
  #ranks-table .perk--title {
    align-items: center !important;
    flex-direction: row !important;
    font-size: 1.25rem;
    font-weight: 700;
    justify-content: flex-start !important;
    line-height: 1.75rem;
    line-height: 1.5rem;
    text-transform: capitalize
  }
  #ranks-table .perk--title :hover path {
    fill-opacity: 1
  }
  #ranks-table .perk.odd {
    --tw-bg-opacity: 0.8
  }
  #ranks-table .perk {
    align-items: center;
    flex-direction: column;
    gap: .5rem;
    justify-content: center;
    margin-bottom: 0 !important
  }
  #ranks-table .perk, #ranks-table .perk__innerLabel {
    display: flex
  }
  #ranks-table .perk__innerLabel {
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(77 99 140/var(--tw-text-opacity));
    font-size: 13px;
    font-weight: 600;
    gap: .25rem;
    text-decoration-color: rgba(34, 34, 34, .1);
    text-decoration-line: underline;
    text-underline-offset: 6px
  }
  #ranks-table .perk__tooltipIcon {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    align-items: center;
    background-color: rgb(76 189 255/var(--tw-bg-opacity));
    border-radius: 9999px;
    color: rgb(34 34 34/var(--tw-text-opacity));
    display: flex;
    height: 1.5rem;
    justify-content: center;
    width: 1.5rem
  }
  #ranks-table .perk__innerLabel>.perk__tooltipIcon {
    margin-top: -1px
  }
  #ranks-table .perk__innerLabel>.perk__tooltipIcon {
    margin-right: -.5rem
  }
  #ranks-table .perk__innerLabel>.perk__tooltipIcon {
    --tw-scale-x: 0.8;
    --tw-scale-y: 0.8;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  #ranks-table .perk__value {
    align-items: center;
    gap: .5rem;
    justify-content: center
  }
  #ranks-table .perk__value, #ranks-table .perk__value div {
    display: flex
  }
  #ranks-table .perk__value div {
    align-items: center;
    gap: .5rem
  }
  #ranks-table .perk__value div, #ranks-table .perk__value path {
    transition-duration: .2s
  }
  #ranks-table .perk__value span {
    font-weight: 500
  }
  #ranks-table .perk__value:hover path {
    fill-opacity: 1
  }
  #ranks-table .perk .minecraft-text {
    --tw-bg-opacity: 1;
    background-color: rgb(79 95 126/var(--tw-bg-opacity));
    font-family: Minecraft, sans-serif;
    font-style: normal;
    font-weight: 400;
    gap: 2px;
    line-height: 19px;
    padding: .5rem
  }
  #ranks-table .perk .minecraft-text svg {
    text-shadow: 1px 1px #000
  }
  #ranks-table .perk p {
    font-size: 14px;
    font-weight: 400
  }
  #ranks-table .perk.perk--textType b, #ranks-table .perk.perk--textType p {
    font-size: 16px !important;
    font-weight: 300 !important
  }
  #ranks-table .ranks__overview .panel--package--highlighted {
    margin-top: -19px
  }
  #ranks-table .ranks__overview .panel--package--highlighted .package__highlight+.package__body {
    padding-top: 0 !important
  }
  #ranks-table .panel--description {
    opacity: 0
  }
  #ranks-table .ranks__overview__item {
    display: flex;
    flex-direction: column;
    gap: .25rem
  }
  #ranks-table .ranks__perks {
    margin-top: 1rem !important
  }
  #ranks-table .ranks__perks .perk {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-bottom: 16px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 16px;
    text-align: center
  }
  #ranks-table .ranks__perks .perk--label {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important;
    display: flex;
    gap: .5rem;
    position: relative
  }
  #ranks-table .ranks__perks .perk--label, #ranks-table .ranks__perks .perk--label span {
    font-weight: 700
  }
  #ranks-table .ranks__perks .perk--label svg {
    flex: 0 0 14px;
    height: 14px;
    width: 14px
  }
  #ranks-table .ranks__perks .perk--label {
    flex-direction: row;
    font-weight: 600;
    justify-content: flex-start;
    text-align: left
  }
  @media (max-width:600px) {
    .is-ranks:after, .is-ranks:before {
      width: 100px
    }
  }
  #modal-copyIp .panel {
    margin-left: auto;
    margin-right: auto;
    max-width: 522px;
    position: relative;
    width: 100%
  }
  #modal-copyIp .panel .panel__body {
    --tw-bg-opacity: 0.2;
    background-image: url(https://storeassets.lemoncloud.org/6zvlCOo.png);
    background-position: 50%;
    background-size: 100% 100%;
    padding-bottom: 34px;
    padding-top: 34px
  }
  #modal-copyIp img {
    bottom: 0;
    left: 5px;
    position: absolute;
    width: 173px
  }
  #modal-copyIp span {
    left: 211px;
    position: relative
  }
  #modal-copyIp h1, #modal-copyIp p {
    margin: 0
  }
  @media (max-width:750px) {
    #modal-copyIp .panel {
      max-width: none;
      position: relative;
      width: 100%
    }
    #modal-copyIp img {
      display: none
    }
    #modal-copyIp span {
      left: 0;
      position: relative;
      text-align: center
    }
    #modal-copyIp h1, #modal-copyIp p {
      margin: 0
    }
  }
  @keyframes jumpUp {
    0% {
      transform: translateY(-1px)
    }
    50% {
      transform: translateY(-7px)
    }
    to {
      transform: translateY(-1px)
    }
  }
  @keyframes fly-up {
    0% {
      opacity: 1;
      transform: translateY(0) scale(1)
    }
    50% {
      opacity: .8;
      transform: translateY(-20px) scale(1.2)
    }
    to {
      opacity: 0;
      transform: translateY(-40px) scale(1)
    }
  }
  @keyframes animateCloudLeft {
    0% {
      transform: translateX(-100%)
    }
    to {
      transform: translateX(100%)
    }
  }
  @keyframes animateCloudRight {
    0% {
      transform: translateX(100%)
    }
    to {
      transform: translateX(-100%)
    }
  }
  @keyframes animateLeft {
    to {
      background-position: center left 1920px
    }
  }
  @keyframes animateRight {
    to {
      background-position: center right 1920px
    }
  }
  .fly-up {
    --tw-numeric-spacing: tabular-nums;
    --tw-text-opacity: 1;
    animation: fly-up .8s ease-out forwards;
    color: rgb(83 215 89/var(--tw-text-opacity));
    font-size: 18px;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
    font-weight: 700;
    left: 45px;
    pointer-events: none;
    position: absolute;
    top: -10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
  }
  #ndzn-bg {
    background-image: url(https://storeassets.lemoncloud.org/k4hsztg.png);
    background-size: 100% 100%;
    background-size: cover;
    height: 601px;
    left: 0;
    overflow: hidden;
    top: 0;
    width: 100%
  }
  #ndzn-bg, .ndzn-bg-clouds {
    background-position: 50%;
    pointer-events: none;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: -1
  }
  .ndzn-bg-clouds {
    background-size: 50%;
    opacity: .56
  }
  .ndzn-bg-clouds.cloud-1 {
    animation: animateLeft 45s linear infinite;
    background-image: url(https://storeassets.lemoncloud.org/qDKqunt.png);
    height: 350px;
    left: 0;
    top: 0;
    width: 1920px
  }
  .ndzn-bg-clouds.cloud-2 {
    animation: animateLeft 105s linear infinite;
    background-image: url(https://storeassets.lemoncloud.org/4QiYEom.png);
    height: 350px;
    left: 0;
    top: 0;
    width: 1920px
  }
  .ndzn-bg-clouds.cloud-3 {
    animation: animateRight 75s linear infinite;
    background-image: url(https://storeassets.lemoncloud.org/BAVuUtf.png);
    height: 350px;
    right: 0;
    top: -30px;
    width: 1920px
  }
  #modal-slideout-storeMenu .modal__body {
    height: 100%;
    padding: 2rem
  }
  #modal-slideout-storeMenu .modal-menu__title {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(247 203 90/var(--tw-bg-opacity));
    border-radius: .5rem;
    color: rgb(102 84 37/var(--tw-text-opacity));
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem;
    line-height: 1.5rem;
    margin-bottom: 1.5rem;
    padding-bottom: 27px;
    padding-top: 27px;
    pointer-events: none;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
  }
  #modal-slideout-storeMenu .modal-menu__cats {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%
  }
  #modal-slideout-storeMenu .menu-cat {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    align-items: center;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: .5rem;
    color: rgb(34 34 34/var(--tw-text-opacity));
    display: flex;
    font-weight: 700;
    gap: .25rem;
    padding-bottom: 9.5px;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 9.5px;
    position: relative;
    transition-duration: .2s;
    width: 100%;
    z-index: 5
  }
  #modal-slideout-storeMenu .menu-cat:hover {
    --tw-brightness: brightness(.9);
    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)
  }
  #modal-slideout-storeMenu .menu-cat.active {
    stroke: #4cbdff;
    --tw-text-opacity: 1;
    color: rgb(76 189 255/var(--tw-text-opacity))
  }
  #modal-slideout-storeMenu .menu-cat.active path {
    stroke: #4cbdff
  }
  #modal-slideout-storeMenu .complex__subcats-menu {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: .5rem;
    overflow: hidden;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform-origin: top;
    z-index: 0
  }
  #modal-slideout-storeMenu .complex__subcats-menu .menu-cat--subcat {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: .375rem;
    color: #222222b2;
    font-weight: 600;
    padding-bottom: .25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .25rem
  }
  #modal-slideout-storeMenu .complex__subcats-menu .menu-cat--subcat:hover {
    --tw-brightness: brightness(1);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
  }
  #modal-slideout-storeMenu .complex__subcats-menu .menu-cat--subcat:hover:before {
    border-bottom-width: 8px;
    border-top-width: 8px
  }
  #modal-slideout-storeMenu .complex__subcats-menu .menu-cat--subcat.active {
    --tw-text-opacity: 1;
    color: rgb(76 189 255/var(--tw-text-opacity))
  }
  #modal-slideout-storeMenu .complex__subcats-menu .menu-cat--subcat:before {
    position: absolute
  }
  #modal-slideout-storeMenu .complex__subcats-menu .menu-cat--subcat:before {
    bottom: auto;
    top: auto
  }
  #modal-slideout-storeMenu .complex__subcats-menu .menu-cat--subcat:before {
    top: 50%
  }
  #modal-slideout-storeMenu .complex__subcats-menu .menu-cat--subcat:before {
    left: 0
  }
  #modal-slideout-storeMenu .complex__subcats-menu .menu-cat--subcat:before {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  #modal-slideout-storeMenu .complex__subcats-menu .menu-cat--subcat:before {
    border-bottom-right-radius: .375rem;
    border-top-right-radius: .375rem
  }
  #modal-slideout-storeMenu .complex__subcats-menu .menu-cat--subcat:before {
    border-bottom-width: 0;
    border-top-width: 0
  }
  #modal-slideout-storeMenu .complex__subcats-menu .menu-cat--subcat:before {
    border-left-width: 3px
  }
  #modal-slideout-storeMenu .complex__subcats-menu .menu-cat--subcat:before {
    --tw-border-opacity: 1;
    border-color: rgb(76 189 255/var(--tw-border-opacity))
  }
  #modal-slideout-storeMenu .complex__subcats-menu .menu-cat--subcat:before {
    transition-duration: .2s
  }
  #modal-slideout-storeMenu .complex__subcats-menu .menu-cat--subcat:before {
    --tw-content: "";
    content: var(--tw-content)
  }
  #modal-slideout-storeMenu .menu-cat--complex * {
    transition-duration: .2s
  }
  #modal-slideout-storeMenu .menu-cat--complex.open .menu-cat span {
    --tw-text-opacity: 1;
    color: rgb(76 189 255/var(--tw-text-opacity))
  }
  #modal-slideout-storeMenu .menu-cat--complex.open .menu-cat path {
    stroke: #4cbdff
  }
  .tags-container {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    position: absolute;
    right: 2rem;
    top: 2rem
  }
  .tags-container .tag {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    border-radius: .25rem;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-weight: 900;
    line-height: 29px;
    padding-bottom: 3px;
    padding-left: .75rem;
    padding-right: .75rem;
    padding-top: 3px
  }
  .tags-container .tag, .tags-container .tag--red {
    background-color: rgb(236 73 73/var(--tw-bg-opacity))
  }
  .tags-container .tag--green, .tags-container .tag--red {
    --tw-bg-opacity: 1
  }
  .tags-container .tag--green {
    background-color: rgb(107 168 69/var(--tw-bg-opacity))
  }
  .tags-container .tag--blue {
    --tw-bg-opacity: 1;
    background-color: rgb(76 189 255/var(--tw-bg-opacity))
  }
  .tags-container .tag--yellow {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(247 203 90/var(--tw-bg-opacity));
    color: rgb(102 84 37/var(--tw-text-opacity))
  }
  .tags-container .tag--purple {
    --tw-bg-opacity: 1;
    background-color: rgb(128 0 128/var(--tw-bg-opacity))
  }
  .tags-container .tag--cyan {
    --tw-bg-opacity: 1;
    background-color: rgb(0 255 255/var(--tw-bg-opacity))
  }
  .package__name-discounted .tags-container {
    top: 75px
  }
  .package--list .tags-container {
    display: none
  }
  .panel.panel--patronspromo {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(75 189 255/var(--tw-bg-opacity));
    background-image: linear-gradient(90deg, #6cc9ff, #47aeea);
    box-shadow: 0 0 0 2px hsla(0, 0%, 100%, .3), 0 8px 12px -2px rgba(0, 0, 0, .2);
    color: rgb(255 255 255/var(--tw-text-opacity));
    display: block;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.75rem;
    padding: 2rem 5rem 2rem 2rem;
    position: relative;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    transition-duration: .2s
  }
  .panel.panel--patronspromo h4 {
    --tw-text-opacity: 1;
    color: rgb(255 253 148/var(--tw-text-opacity));
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2rem;
    line-height: 1.2;
    margin-top: -.125rem
  }
  .panel.panel--patronspromo h4 .mdi {
    font-size: 1.2em;
    line-height: 1;
    position: relative;
    top: 1px
  }
  .panel.panel--patronspromo p {
    color: hsla(0, 0%, 100%, .8);
    line-height: 1.3;
    margin-top: .25rem
  }
  .panel.panel--patronspromo .patronspromo__arrow {
    bottom: 0;
    font-size: 1.875rem;
    height: 0;
    line-height: 2.25rem;
    line-height: 0;
    margin-bottom: auto;
    margin-top: auto;
    position: absolute;
    right: 1.75rem;
    top: 0
  }
  .panel.panel--patronspromo:hover {
    --tw-scale-x: 0.99;
    --tw-scale-y: 0.99;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  .panel.panel--patronspromo:active {
    --tw-scale-x: 1.01;
    --tw-scale-y: 1.01;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  @media (max-width:500px) {
    .panel.panel--patronspromo {
      text-align: center
    }
    .panel.panel--patronspromo h4 {
      margin-bottom: 1rem
    }
  }
  #ndzn-patrons .patrons__intro {
    text-align: center
  }
  #ndzn-patrons .patrons__intro p {
    margin: 0
  }
  #ndzn-patrons .patrons__tabs {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(75 189 255/var(--tw-bg-opacity));
    border-radius: .5rem;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: center;
    margin: var(--panelPadding) 0;
    padding-left: .75rem;
    padding-right: .75rem;
    position: relative
  }
  #ndzn-patrons .patrons__tabs:after {
    content: ""
  }
  #ndzn-patrons .patrons__tabs:after {
    position: absolute
  }
  #ndzn-patrons .patrons__tabs:after {
    top: 100%
  }
  #ndzn-patrons .patrons__tabs:after {
    margin-left: auto;
    margin-right: auto
  }
  #ndzn-patrons .patrons__tabs:after {
    height: .25rem
  }
  #ndzn-patrons .patrons__tabs:after {
    width: 95%
  }
  #ndzn-patrons .patrons__tabs:after {
    border-bottom-left-radius: .75rem;
    border-bottom-right-radius: .75rem
  }
  #ndzn-patrons .patrons__tabs:after {
    --tw-bg-opacity: 1;
    background-color: rgb(74 189 255/var(--tw-bg-opacity))
  }
  #ndzn-patrons .patrons__tabs:after {
    opacity: .2
  }
  @media (max-width:900px) {
    #ndzn-patrons .patrons__tabs {
      gap: .375rem;
      padding: .75rem
    }
  }
  @media (max-width:450px) {
    #ndzn-patrons .patrons__tabs {
      flex-direction: column
    }
  }
  #ndzn-patrons .patrons__tab {
    color: hsla(0, 0%, 100%, .8);
    font-weight: 700;
    line-height: 1;
    padding-bottom: 1.125rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.125rem;
    position: relative;
    text-shadow: 0 2px 1px rgba(0, 0, 0, .05);
    transition-duration: .15s;
    transition-duration: .2s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
  }
  #ndzn-patrons .patrons__tab:after {
    content: ""
  }
  #ndzn-patrons .patrons__tab:after {
    position: absolute
  }
  #ndzn-patrons .patrons__tab:after {
    left: 0;
    right: 0
  }
  #ndzn-patrons .patrons__tab:after {
    bottom: .25rem
  }
  #ndzn-patrons .patrons__tab:after {
    margin-left: auto;
    margin-right: auto
  }
  #ndzn-patrons .patrons__tab:after {
    height: .2rem
  }
  #ndzn-patrons .patrons__tab:after {
    width: 33.333333%
  }
  #ndzn-patrons .patrons__tab:after {
    --tw-scale-x: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  #ndzn-patrons .patrons__tab:after {
    border-radius: 9999px
  }
  #ndzn-patrons .patrons__tab:after {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
  }
  #ndzn-patrons .patrons__tab:after {
    opacity: .3
  }
  #ndzn-patrons .patrons__tab:after {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
  }
  #ndzn-patrons .patrons__tab:after {
    transition-duration: .2s
  }
  #ndzn-patrons .patrons__tab:after {
    box-shadow: 0 2px 1px rgba(0, 0, 0, .05);
    transition-property: opacity, transform
  }
  @media (max-width:900px) {
    #ndzn-patrons .patrons__tab {
      align-items: center;
      border-radius: .5rem;
      display: flex;
      gap: .5rem;
      padding-bottom: .75rem;
      padding-top: .75rem
    }
    #ndzn-patrons .patrons__tab:after {
      display: none
    }
  }
  #ndzn-patrons .patrons__tab:not(.patrons__tab--active):hover:after {
    --tw-scale-x: 0.5;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  #ndzn-patrons .patrons__tab--active {
    --tw-gradient-from: rgba(247, 203, 90, .8) var(--tw-gradient-from-position);
    --tw-gradient-from-position: ;
    --tw-gradient-to: rgba(247, 203, 90, 0) var(--tw-gradient-from-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-to-position: ;
    --tw-text-opacity: 1;
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
    color: rgb(255 255 255/var(--tw-text-opacity))
  }
  #ndzn-patrons .patrons__tab--active:after {
    --tw-scale-x: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  #ndzn-patrons .patrons__tab--active:after {
    opacity: 1
  }
  @media (max-width:900px) {
    #ndzn-patrons .patrons__tab--active {
      background: #fff;
      color: #4abdff;
      text-shadow: none
    }
  }
  #ndzn-patrons .patrons__grid {
    gap: .75rem;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    list-style-type: none
  }
  #ndzn-patrons .patrons__grid, #ndzn-patrons .patrons__item {
    display: grid
  }
  #ndzn-patrons .patrons__item {
    background-color: rgba(34, 34, 34, .05);
    border-color: rgba(34, 34, 34, .1);
    border-radius: .5rem;
    border-width: 1px;
    cursor: default;
    grid-template-rows: 1fr 120px;
    justify-content: center;
    list-style-type: none;
    overflow: hidden;
    text-align: center
  }
  #ndzn-patrons .patrons__item span {
    --tw-text-opacity: 1;
    color: rgb(81 66 47/var(--tw-text-opacity));
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.75rem;
    padding-bottom: 1rem;
    padding-top: 1.25rem
  }
  #ndzn-patrons .patrons__item img {
    margin-left: auto;
    margin-right: auto
  }
  #ndzn-patrons .patrons__emptyGrid {
    align-items: center;
    background-color: rgba(34, 34, 34, .05);
    border-color: rgba(34, 34, 34, .1);
    border-radius: .75rem;
    border-width: 1px;
    display: flex;
    justify-content: center;
    min-height: 384px;
    padding: 2rem;
    text-align: center
  }
  #ndzn-patrons .patrons__emptyGrid p {
    color: rgba(34, 34, 34, .3)
  }
  #ndzn-patrons .patrons__skeleton {
    align-items: center;
    display: flex;
    height: 496px;
    justify-content: center;
    margin-top: var(--panelPadding)
  }
  .modal.is-centered .modal-wrap {
    grid-template-columns: minmax(auto, 886px);
    padding-left: 100px;
    padding-right: 100px
  }
  .modal.is-centered .modal-dialogue {
    border-radius: .5rem
  }
  .modal.is-slideout .modal-wrap {
    grid-template-columns: minmax(auto, 417px);
    padding: 0 0 0 20px
  }
  .modal.is-slideout .modal-dialogue {
    border-radius: 0
  }
  .modal.is-slideout .modal-body {
    flex: 1 1 auto
  }
  .modal.is-left .btn.btn--close {
    right: -80px;
    top: 1.5rem
  }
  .modal.is-left .modal-wrap {
    grid-template-columns: minmax(auto, 327px);
    padding: 0 20px 0 0
  }
  .modal.is-right .btn.btn--close {
    --tw-bg-opacity: 1;
    background-color: rgb(53 44 52/var(--tw-bg-opacity));
    flex: 0 0 56px;
    height: 56px;
    left: -88px;
    right: unset;
    top: 2rem;
    width: 56px
  }
  .modal .modal-title {
    display: block;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 1.25rem
  }
  .modal-wrap {
    --tw-bg-opacity: 0.9;
    padding-bottom: 61px;
    padding-top: 61px
  }
  .modal-dialogue {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: .5rem;
    position: relative;
    z-index: 3
  }
  .modal-dialogue .__inner {
    padding: var(--modalPadding)
  }
  .btn.btn--close {
    display: none
  }
  @media (max-width:700px) {
    .modal.is-centered .modal-wrap {
      padding-left: var(--panelPadding);
      padding-right: var(--panelPadding)
    }
  }
  .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)
  }
  .toast {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    align-items: center;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: .375rem;
    box-shadow: 0 4px 32px 0 #00000029;
    color: rgb(34 34 34/var(--tw-text-opacity));
    display: flex;
    left: -50px;
    max-width: 100%;
    min-height: 96px;
    opacity: 0;
    padding: 16px 2.5rem 16px 24px;
    pointer-events: none;
    position: fixed;
    top: 4rem;
    transition-duration: .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 9999
  }
  .toast.toast--visible {
    left: 4rem;
    opacity: 1
  }
  .toast.toast--visible .toast-icon, .toast.toast--visible svg {
    display: block !important
  }
  .toast.toast--success {
    --tw-border-opacity: 1;
    border-left-color: rgb(83 215 89/var(--tw-border-opacity));
    border-left-width: 8px;
    border-style: solid
  }
  .toast.toast--danger {
    --tw-border-opacity: 1;
    border-left-color: rgb(236 73 73/var(--tw-border-opacity));
    border-left-width: 8px;
    border-style: solid
  }
  .toast .toast-text {
    display: flex;
    flex-direction: column
  }
  .toast .toast-text b {
    font-weight: 900;
    line-height: 20px;
    margin-bottom: .5rem
  }
  .toast .toast-text span {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    opacity: .7
  }
  .toast .toast-icon {
    margin-right: 1.5rem
  }
  @media(max-width:650px) {
    .toast {
      width: calc(100% - 48px)
    }
    .toast.toast--visible {
      left: 1.5rem
    }
  }
  .modal-wrap {
    align-items: center;
    background-color: #524230b8;
    display: grid;
    grid-template-columns: minmax(auto, 600px);
    grid-template-rows: auto 0;
    height: 100%;
    inset: 0;
    justify-content: center;
    overflow: hidden;
    overflow: auto;
    padding-bottom: 4rem;
    padding-top: 4rem;
    position: fixed;
    width: 100%;
    z-index: 99999
  }
  .modal.is-slideout .modal-wrap {
    align-items: stretch;
    grid-template-columns: minmax(auto, 360px);
    padding-bottom: 0;
    padding-top: 0
  }
  .modal.is-slideout.is-left .modal-wrap {
    justify-content: flex-start
  }
  .modal.is-slideout.is-right .modal-wrap {
    justify-content: flex-end
  }
  #checkout-overlay:after, #waiting-overlay:after, .modal-spinner {
    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;
    inset: 0;
    margin: auto;
    opacity: .1;
    width: 100px
  }
  @keyframes modalSpinner {
    0% {
      transform: rotate(0deg)
    }
    to {
      transform: rotate(1turn)
    }
  }
  #checkout-overlay, #waiting-overlay {
    align-items: center;
    background-color: #524230b8;
    display: flex;
    height: 100%;
    inset: 0;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 99999
  }
  #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
  }
  *, :after, :before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box
  }
  :after, :before {
    --tw-content: ""
  }
  html {
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    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;
    font-variation-settings: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
  }
  body {
    line-height: inherit;
    margin: 0
  }
  hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit
  }
  a {
    color: inherit;
    text-decoration: inherit
  }
  b, strong {
    font-weight: bolder
  }
  code, kbd, pre, samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em
  }
  small {
    font-size: 80%
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
  }
  sub {
    bottom: -.25em
  }
  sup {
    top: -.5em
  }
  table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
  }
  button, input, optgroup, select, textarea {
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
  }
  button, select {
    text-transform: none
  }
  [type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
  }
  :-moz-focusring {
    outline: auto
  }
  :-moz-ui-invalid {
    box-shadow: none
  }
  progress {
    vertical-align: baseline
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto
  }
  [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none
  }
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
  }
  summary {
    display: list-item
  }
  blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
    margin: 0
  }
  fieldset {
    margin: 0
  }
  fieldset, legend {
    padding: 0
  }
  menu, ol, ul {
    list-style: none;
    margin: 0;
    padding: 0
  }
  textarea {
    resize: vertical
  }
  input::-moz-placeholder, textarea::-moz-placeholder {
    color: #9ca3af;
    opacity: 1
  }
  input::placeholder, textarea::placeholder {
    color: #9ca3af;
    opacity: 1
  }
  [role=button], button {
    cursor: pointer
  }
  :disabled {
    cursor: default
  }
  audio, canvas, embed, iframe, img, object, svg, video {
    display: block;
    vertical-align: middle
  }
  img, video {
    height: auto;
    max-width: 100%
  }
  [hidden] {
    display: none
  }
  *, :after, :before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
  }
  ::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
  }
  .container {
    width: 100%
  }
  @media (min-width:640px) {
    .container {
      max-width: 640px
    }
  }
  @media (min-width:768px) {
    .container {
      max-width: 768px
    }
  }
  @media (min-width:1024px) {
    .container {
      max-width: 1024px
    }
  }
  @media (min-width:1280px) {
    .container {
      max-width: 1280px
    }
  }
  @media (min-width:1536px) {
    .container {
      max-width: 1536px
    }
  }
  .pointer-events-none {
    pointer-events: none
  }
  .visible {
    visibility: visible
  }
  .absolute {
    position: absolute
  }
  .sticky {
    position: sticky
  }
  .block {
    display: block
  }
  .hidden {
    display: none
  }
  .origin-top {
    transform-origin: top
  }
  .-translate-x-10 {
    --tw-translate-x: -2.5rem
  }
  .-translate-x-10, .translate-x-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  .translate-x-0 {
    --tw-translate-x: 0px
  }
  .translate-x-10 {
    --tw-translate-x: 2.5rem
  }
  .translate-x-10, .translate-y-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  .translate-y-0 {
    --tw-translate-y: 0px
  }
  .translate-y-10 {
    --tw-translate-y: 2.5rem
  }
  .translate-y-10, .translate-y-\[-100\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  .translate-y-\[-100\%\] {
    --tw-translate-y: -100%
  }
  .scale-y-0 {
    --tw-scale-y: 0
  }
  .scale-y-0, .scale-y-100 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  .scale-y-100 {
    --tw-scale-y: 1
  }
  .transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  .cursor-pointer {
    cursor: pointer
  }
  .resize {
    resize: both
  }
  .uppercase {
    text-transform: uppercase
  }
  .opacity-0 {
    opacity: 0
  }
  .opacity-10 {
    opacity: .1
  }
  .opacity-100 {
    opacity: 1
  }
  .filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
  }
  .transition {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
  }
  .delay-100 {
    transition-delay: .1s
  }
  .delay-150 {
    transition-delay: .15s
  }
  .duration-300 {
    transition-duration: .3s
  }
  .duration-\[200ms\] {
    transition-duration: .2s
  }
  .duration-\[250ms\] {
    transition-duration: .25s
  }
  .duration-\[300ms\] {
    transition-duration: .3s
  }
  .duration-\[500ms\] {
    transition-duration: .5s
  }
  .ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
  }
  .ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
  }
  .overlay {
    height: 100%;
    inset: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 99999
  }
  #ndzn-app-cloak {
    --tw-bg-opacity: 1;
    background-color: rgb(245 199 142/var(--tw-bg-opacity));
    background-image: linear-gradient(180deg, #9ae2fd, #f5c78e 70%);
    pointer-events: none;
    transition-delay: .4s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
  }
  #ndzn-app-cloak[x-cloak] {
    visibility: visible !important
  }
  #ndzn-app-cloak[x-cloak] {
    opacity: 1 !important
  }
  input:-internal-autofill-selected {
    --tw-bg-opacity: 1 !important;
    background-color: red !important;
    background-color: rgb(236 73 73/var(--tw-bg-opacity)) !important
  }
  body {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(245 199 143/var(--tw-bg-opacity));
    color: rgb(34 34 34/var(--tw-text-opacity));
    font-family: Gilroy, sans-serif;
    overflow-x: hidden;
    scroll-behavior: smooth;
    scrollbar-color: #f5c78f #fff;
    scrollbar-width: thin
  }
  #ndzn-app, body {
    position: relative
  }
  #ndzn-app {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100vh;
    opacity: 1;
    visibility: visible;
    z-index: 3
  }
  #ndzn-page {
    margin-bottom: 88px;
    position: relative;
    z-index: 4
  }
  .tippy-box {
    --tw-bg-opacity: 1;
    background-color: rgb(24 60 82/var(--tw-bg-opacity));
    border-radius: .5rem;
    padding: 1rem;
    text-align: center
  }
  .tippy-box .tippy-content {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important;
    font-family: Gilroy, sans-serif;
    font-weight: 500
  }
  .tippy-box .tippy-arrow {
    color: transparent
  }
  [x-cloak] {
    display: none !important
  }
  #ndzn-app-cloak {
    display: block !important;
    height: 100%;
    inset: 0;
    opacity: 0;
    position: fixed;
    transition-delay: .1s;
    transition-duration: .2s;
    visibility: hidden;
    width: 100%;
    z-index: 999999
  }
  #ndzn-app-cloak[x-cloak] {
    visibility: visible
  }
  #ndzn-app-cloak[x-cloak] {
    opacity: 1
  }
  .container {
    max-width: calc(1068px + var(--containerPadding)*2)
  }
  .container, .container--ranks {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--containerPadding);
    padding-right: var(--containerPadding)
  }
  .container--ranks {
    max-width: calc(1344px + var(--containerPadding)*2)
  }
  .page-main {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 2rem
  }
  .page-content {
    flex: 1 1 auto;
    width: 100%
  }
  .panel .__noDesc {
    margin-bottom: 0;
    margin-top: 0
  }
  .ndzn-js--dd {
    position: relative
  }
  .ndzn-js--dd .ndzn-js--ddMenu {
    --tw-translate-x: -50%;
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: .5rem;
    box-shadow: 0 4px 32px 0 #52431e0a;
    left: 50%;
    opacity: 0;
    padding: .5rem;
    padding: 1rem;
    pointer-events: none;
    position: absolute;
    top: calc(100% - 10px);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    visibility: hidden;
    z-index: 5
  }
  .ndzn-js--dd svg {
    transition-duration: .2s
  }
  .ndzn-js--dd.open .ndzn-js--ddMenu {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    opacity: 1;
    pointer-events: auto;
    top: calc(100% + 10px);
    -webkit-user-select: auto;
    -moz-user-select: auto;
    user-select: auto;
    visibility: visible
  }
  .ndzn-js--dd.open .ndzn-js--ddMenu, .ndzn-js--dd.open svg {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  .ndzn-js--dd.open svg {
    --tw-rotate: 180deg
  }
  a {
    transition-duration: .2s
  }
  a.btn {
    text-decoration-line: none !important
  }
  .content-category .panel.--heading {
    padding-left: 200px;
    padding-right: 200px
  }
  .panel {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: .5rem;
    box-shadow: 0 4px 32px 0 #52431e0a;
    margin-bottom: var(--spacing)
  }
  .panel .panel__body {
    padding: var(--panelPadding)
  }
  .panel .panel__body hr {
    border-color: #ffffff1a
  }
  .panel .panel__body>:first-child {
    margin-top: 0
  }
  .panel .panel__body>:last-child {
    margin-bottom: 0
  }
  .panel .panel__body img {
    width: 100%
  }
  .panel .alert.--sml {
    --tw-bg-opacity: 1;
    --tw-bg-opacity: 0.05;
    align-items: center;
    background-color: rgb(236 73 73/var(--tw-bg-opacity));
    border-radius: 4px;
    display: inline-flex;
    padding-bottom: 9px;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 9px
  }
  .panel .alert.--sml>svg {
    flex: 0 0 16px
  }
  .panel .alert.--sml>svg {
    margin-right: .625rem
  }
  .panel .alert.--sml>svg {
    margin-top: -2px
  }
  .panel .alert.--sml>svg {
    display: inline-block
  }
  .panel .alert.--sml>svg {
    width: 16px
  }
  .panel .alert.--sml>span {
    font-size: 14px
  }
  .panel .alert.--sml>span {
    font-weight: 400
  }
  .panel .alert.--sml>span {
    line-height: 20px
  }
  .panel .alert.--sml>span {
    --tw-text-opacity: 1;
    color: rgb(236 73 73/var(--tw-text-opacity))
  }
  .modal__description h1, .modal__description h2, .modal__description h3, .modal__description h4, .modal__description h5, .modal__description h6, .panel__body h1, .panel__body h2, .panel__body h3, .panel__body h4, .panel__body h5, .panel__body h6 {
    font-weight: 700;
    margin-bottom: 1rem
  }
  .modal__description h1, .panel__body h1 {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity));
    font-size: 24px;
    line-height: 29px
  }
  .modal__description h2, .panel__body h2 {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity));
    font-size: 20px;
    line-height: 24px
  }
  .modal__description h3, .panel__body h3 {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity));
    font-size: 18px;
    line-height: 19px
  }
  .modal__description h4, .modal__description h5, .modal__description h6, .panel__body h4, .panel__body h5, .panel__body h6 {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px
  }
  .modal__description li, .modal__description p, .panel__body li, .panel__body p {
    color: #00000080;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px
  }
  .modal__description p, .panel__body p {
    margin-bottom: 1rem;
    margin-top: 1rem
  }
  .modal__description ol, .modal__description ul, .panel__body ol, .panel__body ul {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
    opacity: .8
  }
  .modal__description ol li, .modal__description ul li, .panel__body ol li, .panel__body ul li {
    margin-bottom: .5rem;
    margin-top: .5rem;
    padding-left: 1.5rem;
    position: relative
  }
  .modal__description ol li:before, .modal__description ul li:before, .panel__body ol li:before, .panel__body ul li:before {
    content: ""
  }
  .modal__description ol li:before, .modal__description ul li:before, .panel__body ol li:before, .panel__body ul li:before {
    position: absolute
  }
  .modal__description ol li:before, .modal__description ul li:before, .panel__body ol li:before, .panel__body ul li:before {
    top: 11px
  }
  .modal__description ol li:before, .modal__description ul li:before, .panel__body ol li:before, .panel__body ul li:before {
    left: 9px
  }
  .modal__description ol li:before, .modal__description ul li:before, .panel__body ol li:before, .panel__body ul li:before {
    margin-bottom: auto;
    margin-top: auto
  }
  .modal__description ol li:before, .modal__description ul li:before, .panel__body ol li:before, .panel__body ul li:before {
    display: block
  }
  .modal__description ol li:before, .modal__description ul li:before, .panel__body ol li:before, .panel__body ul li:before {
    height: 4px
  }
  .modal__description ol li:before, .modal__description ul li:before, .panel__body ol li:before, .panel__body ul li:before {
    width: 4px
  }
  .modal__description ol li:before, .modal__description ul li:before, .panel__body ol li:before, .panel__body ul li:before {
    border-radius: 9999px
  }
  .modal__description ol li:before, .modal__description ul li:before, .panel__body ol li:before, .panel__body ul li:before {
    --tw-bg-opacity: 1;
    background-color: rgb(34 34 34/var(--tw-bg-opacity))
  }
  .modal__description ol>:first-child, .modal__description ul>:first-child, .panel__body ol>:first-child, .panel__body ul>:first-child {
    margin-top: 0
  }
  .modal__description ol>:last-child, .modal__description ul>:last-child, .panel__body ol>:last-child, .panel__body ul>:last-child {
    margin-bottom: 0
  }
  .modal__description a, .panel__body a {
    --tw-text-opacity: 1;
    color: rgb(76 189 255/var(--tw-text-opacity));
    font-size: 16px;
    font-weight: 700;
    text-decoration-line: underline;
    word-break: break-all
  }
  .modal__description small, .panel__body small {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
  }
  .modal__description b, .panel__body b {
    --tw-text-opacity: 1;
    color: rgb(34 34 34/var(--tw-text-opacity))
  }
  .alert.alert--red, .modal__description img, .panel__body img {
    border-radius: .5rem
  }
  .alert.alert--red {
    --tw-bg-opacity: 0.05;
    align-items: center;
    background-color: rgb(236 73 73/var(--tw-bg-opacity));
    border-left: 6px solid red;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    line-height: 29px;
    margin-bottom: var(--spacing);
    margin-top: var(--spacing);
    padding: 1rem 1.5rem;
    position: relative
  }
  .alert.alert--red svg {
    animation: svgPulse 2s linear 1s infinite alternate;
    flex: 0 0 24px;
    margin-right: 22px;
    width: 24px
  }
  .alert.alert--red span {
    --tw-text-opacity: 1;
    color: rgb(236 73 73/var(--tw-text-opacity));
    font-weight: 500
  }
  .alert.alert--red path {
    fill: #ec4949
  }
  .homepage__alert.homepage__alert--red {
    --tw-bg-opacity: 0.05;
    align-items: center;
    background-color: rgb(236 73 73/var(--tw-bg-opacity));
    border-left: 6px solid red;
    border-radius: .5rem;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    line-height: 29px;
    margin-bottom: var(--spacing);
    margin-top: var(--spacing);
    padding: 1rem 1.5rem;
    position: relative
  }
  .homepage__alert.homepage__alert--red svg {
    animation: svgPulse 2s linear 1s infinite alternate;
    margin-right: 22px
  }
  .homepage__alert.homepage__alert--red span {
    --tw-text-opacity: 1;
    color: rgb(236 73 73/var(--tw-text-opacity));
    font-weight: 500
  }
  .input, input {
    background-color: #2222220a;
    border-radius: .5rem;
    font-size: 14px;
    min-height: 59px;
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }
  .input::-moz-placeholder, input::-moz-placeholder {
    font-weight: 400
  }
  .input::placeholder, input::placeholder {
    font-weight: 400
  }
  .input::-moz-placeholder, input::-moz-placeholder {
    color: #22222280
  }
  .input::placeholder, input::placeholder {
    color: #22222280
  }
  .table-responsive {
    -webkit-overflow-scrolling: touch;
    display: block;
    overflow-x: auto;
    width: 100%
  }
  .thank-you {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
  }
  .thank-you h1 {
    margin-top: 26px
  }
  .thank-you p {
    margin: 0
  }
  .thank-you .btn {
    height: 59px;
    margin-top: 25px;
    padding-left: 52px;
    padding-right: 52px
  }
  @media (max-width:900px) {
    .tippy-box {
      min-width: 0
    }
  }
  @media (max-width:550px) {
    .modal__description li, .modal__description p, .panel__body li, .panel__body p {
      font-size: 14px;
      font-weight: 500;
      line-height: 22px
    }
    .modal__description p, .panel__body p {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: .75rem;
      margin-top: .75rem
    }
  }
  #modules {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: 340px auto;
    position: relative
  }
  #modules.modules-added {
    margin-top: 3rem
  }
  #modules.not(.modules-added) {
    margin-top: 0
  }
  #modules .module--top-donator {
    grid-row: span 2/span 2
  }
  .module .module__heading .h1, .module .module__heading .h2, .module .module__heading h1, .module .module__heading h2 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 0;
    text-transform: uppercase
  }
  .module .module__body {
    margin-top: auto
  }
  .module.panel {
    margin-bottom: 0
  }
  .module.panel .panel__body {
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 23px
  }
  .module.panel .panel__body h3 {
    --tw-text-opacity: 1;
    color: rgb(34 34 34/var(--tw-text-opacity));
    font-size: 20px;
    font-weight: 600;
    line-height: 2rem;
    margin-bottom: 0;
    text-transform: capitalize
  }
  .module.panel .panel__body p {
    margin-bottom: 17px;
    margin-top: .5rem
  }
  .module ul li {
    padding: 0
  }
  .module ul li:before {
    display: none
  }
  .module .recent-payments {
    display: flex;
    flex-direction: row;
    gap: 16px;
    padding-top: 0
  }
  .module .recent-payments .avatar {
    border-radius: .25rem;
    flex: 0 0 51px;
    height: 51px;
    width: 51px
  }
  .module #giftcard-balance-form {
    align-items: center;
    display: flex;
    gap: 1rem
  }
  .module #giftcard-balance-form input {
    width: 100%
  }
  .module #giftcard-balance-form .btn {
    height: 59px;
    padding-left: 2.75rem;
    padding-right: 2.75rem
  }
  .module .top-donator__decor {
    --tw-bg-opacity: 1;
    background-color: rgb(76 189 255/var(--tw-bg-opacity));
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    height: auto;
    width: 100%
  }
  .module .top-donator-container {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(76 189 255/var(--tw-bg-opacity));
    border-radius: .375rem;
    display: flex;
    height: 59px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    position: relative;
    width: 100%
  }
  .module .top-donator-container span {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-weight: 700;
    line-height: 1.5rem
  }
  .module .top-donator-container .name-donator__decor {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: auto
  }
  .progress-bar-container {
    --tw-bg-opacity: 0.04;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: 6px;
    margin-top: .75rem
  }
  .progress-bar-container:first-of-type {
    margin-top: 0 !important
  }
  .progress-bar-container .progress-bar {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(219 77 187/var(--tw-bg-opacity));
    border-radius: 6px;
    display: block;
    height: 36px;
    justify-content: center;
    width: 100%
  }
  .progress-bar-container .progress-bar__percentage {
    display: inline-block
  }
  @media (max-width:900px) {
    #modules {
      grid-template-columns: repeat(1, minmax(0, 1fr))
    }
    .module.module--top-donator {
      align-items: center;
      display: flex
    }
    .module .top-donator__decor {
      --tw-bg-opacity: 1;
      background-color: rgb(76 189 255/var(--tw-bg-opacity));
      border-bottom-left-radius: .5rem;
      border-top-left-radius: 0;
      border-top-left-radius: .5rem;
      border-top-right-radius: 0;
      height: 230px;
      width: auto
    }
  }
  @media (max-width:750px) {
    .module.module--top-donator {
      display: block
    }
    .module .top-donator__decor {
      --tw-bg-opacity: 1;
      background-color: rgb(76 189 255/var(--tw-bg-opacity));
      border-bottom-left-radius: 0;
      border-top-left-radius: 0;
      border-top-left-radius: .5rem;
      border-top-right-radius: .5rem;
      height: auto;
      width: 100%
    }
    .module.panel .panel__body {
      padding-bottom: 1.5rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      padding-top: 15px
    }
    .module.panel .panel__body h3 {
      font-size: 18px;
      line-height: 28px
    }
    .module.panel .panel__body p {
      font-size: 14px;
      margin-bottom: 17px;
      margin-top: .5rem
    }
    .module .recent-payments {
      flex-wrap: wrap
    }
  }
  @media (max-width:500px) {
    .module #giftcard-balance-form {
      flex-direction: column
    }
    .module #giftcard-balance-form .btn, .module #giftcard-balance-form input {
      width: 100%
    }
  }
  button {
    outline: 2px solid transparent;
    outline-offset: 2px
  }
  .btn.btn--loading {
    --tw-text-opacity: 0;
    color: transparent;
    pointer-events: none;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
  }
  .btn.btn--loading, .btn.btn--loading span, .btn.btn--loading svg {
    text-shadow: none !important
  }
  .btn.btn--loading span, .btn.btn--loading svg {
    opacity: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
  }
  .btn.btn--loading:after {
    --spinnerSize: 1.3em;
    animation: spinAround .5s linear infinite;
    border: 3px solid;
    border-color: transparent transparent var(--text) var(--text);
    border-radius: 50%;
    content: "";
    display: block;
    height: var(--spinnerSize);
    left: calc(50% - var(--spinnerSize)/2);
    position: absolute;
    top: calc(50% - var(--spinnerSize)/2);
    width: var(--spinnerSize);
    z-index: 3
  }
  @keyframes spinAround {
    to {
      transform: rotate(1turn)
    }
  }
  .btn {
    --text: #fff;
    align-items: center;
    border-radius: 8px;
    color: var(--text);
    cursor: pointer;
    display: flex;
    gap: .5rem;
    justify-content: center;
    transition-duration: .2s
  }
  .btn:focus, .btn:hover {
    --tw-brightness: brightness(1.1);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
  }
  .btn span {
    display: inline-block;
    font-size: 16px;
    font-weight: 700
  }
  .btn.btn--transparent:focus, .btn.btn--transparent:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
  }
  .btn.btn--transparent:focus, .btn.btn--transparent:hover {
    --tw-bg-opacity: 0.05
  }
  .btn.btn--add {
    --tw-bg-opacity: 1;
    background-color: rgb(247 203 90/var(--tw-bg-opacity))
  }
  .btn.btn--add span {
    --tw-text-opacity: 1;
    color: rgb(102 84 37/var(--tw-text-opacity))
  }
  .btn.btn--add:after {
    border-color: transparent transparent #665425 #665425
  }
  .btn.btn--red, .btn.btn--remove {
    --tw-bg-opacity: 1;
    background-color: rgb(236 73 73/var(--tw-bg-opacity))
  }
  .btn.btn--active, .btn.btn--blue {
    --tw-bg-opacity: 1;
    background-color: rgb(76 189 255/var(--tw-bg-opacity))
  }
  .btn.btn--active span, .btn.btn--blue span {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
  }
  #modal-slideout-cart .modal-body {
    display: flex;
    flex-direction: column;
    height: 100%
  }
  #modal-slideout-cart .cart-header {
    --tw-bg-opacity: 1;
    background-color: rgb(76 189 255/var(--tw-bg-opacity));
    display: flex;
    flex: 0 0 175px;
    flex-direction: column;
    height: 175px;
    overflow: hidden;
    position: relative
  }
  #modal-slideout-cart .cart-header__user-info {
    padding-bottom: 1.25rem;
    padding-top: 1.5rem;
    text-align: center
  }
  #modal-slideout-cart .cart-header__user-info b {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-size: 28px;
    font-weight: 700;
    line-height: 50px;
    text-transform: capitalize
  }
  #modal-slideout-cart .cart-header__user-info h6 {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: 100px;
    color: rgb(76 189 255/var(--tw-text-opacity));
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 1.5px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.5px;
    width: -moz-fit-content;
    width: fit-content
  }
  #modal-slideout-cart form {
    width: 100%
  }
  #modal-slideout-cart .cart-header__buttons .btn {
    gap: .5rem;
    margin-bottom: .75rem;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .5rem;
    width: -moz-fit-content;
    width: fit-content
  }
  #modal-slideout-cart .cart-header__buttons .btn span {
    opacity: .7
  }
  #modal-slideout-cart .cart-header__buttons .btn path, #modal-slideout-cart .cart-header__buttons .btn span {
    transition-duration: .2s
  }
  #modal-slideout-cart .cart-header__buttons .btn:hover path, #modal-slideout-cart .cart-header__buttons .btn:hover span {
    stroke-opacity: 100%
  }
  #modal-slideout-cart .cart-header__buttons .btn:hover path, #modal-slideout-cart .cart-header__buttons .btn:hover span {
    opacity: 1
  }
  #modal-slideout-cart .title--decor {
    bottom: -40px;
    height: 110px
  }
  #modal-slideout-cart .cart-body__packages-and-currency {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(71 165 220/var(--tw-bg-opacity));
    display: flex;
    height: 47px;
    justify-content: space-between;
    padding-left: 2rem;
    padding-right: 1rem
  }
  #modal-slideout-cart .cart-body__packages-and-currency b {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
  }
  #modal-slideout-cart .cart-body__packages-and-currency .btn {
    gap: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .5rem
  }
  #modal-slideout-cart .cart-currency .menu--currency {
    --tw-translate-x: -50%;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: .5rem;
    box-shadow: 0 4px 32px 0 #8888883d;
    color: rgb(34 34 34/var(--tw-text-opacity));
    -moz-column-gap: .25rem;
    column-gap: .25rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    left: 50%;
    padding-bottom: .375rem;
    padding-left: .375rem;
    padding-right: .375rem;
    padding-top: .375rem;
    row-gap: .25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: .2s;
    width: 100px
  }
  #modal-slideout-cart .cart-currency .menu--currency a {
    --tw-text-opacity: 1;
    border-radius: .25rem;
    color: rgb(34 34 34/var(--tw-text-opacity));
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 3px;
    padding-left: .5rem;
    padding-right: .5rem;
    padding-top: 3px;
    text-align: center
  }
  #modal-slideout-cart .cart-currency .menu--currency a:focus, #modal-slideout-cart .cart-currency .menu--currency a:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(235 235 235/var(--tw-bg-opacity))
  }
  #modal-slideout-cart .cart-currency .menu--currency a:focus, #modal-slideout-cart .cart-currency .menu--currency a:hover {
    --tw-brightness: brightness(1);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
  }
  #modal-slideout-cart .cart-body {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 2rem
  }
  #modal-slideout-cart .cart-body__bottom {
    align-items: center;
    gap: 2rem;
    margin-top: auto
  }
  #modal-slideout-cart .cart-body__bottom, #modal-slideout-cart .cart-body__bottom .bottom-text {
    display: flex
  }
  #modal-slideout-cart .cart-body__bottom .bottom-text {
    flex-direction: column
  }
  #modal-slideout-cart .cart-body__bottom .bottom-text h6 {
    color: #22222280;
    font-weight: 700;
    line-height: 1.5rem
  }
  #modal-slideout-cart .cart-body__bottom .bottom-text b {
    --tw-text-opacity: 1;
    color: rgb(34 34 34/var(--tw-text-opacity));
    font-weight: 700;
    line-height: 1.5rem;
    transition-duration: .2s
  }
  #modal-slideout-cart .cart-body__bottom .btn--checkout {
    align-items: center;
    height: 56px;
    justify-content: center;
    width: 100%
  }
  @media (max-width:650px) {
    #modal-slideout-cart .cart-body {
      padding: var(--panelPadding)
    }
  }
  .page-sidebar {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: center;
    width: 100%
  }
  .page-sidebar .menu-cat {
    align-items: center;
    -webkit-backdrop-filter: blur(32px);
    backdrop-filter: blur(32px);
    background-color: #ffffff52;
    border-radius: .5rem;
    cursor: pointer;
    display: flex;
    gap: .25rem;
    height: 43px;
    justify-content: center;
    padding-left: 18px;
    padding-right: 18px;
    position: relative;
    transition-duration: .2s
  }
  .page-sidebar .menu-cat span {
    --tw-text-opacity: 1;
    color: rgb(49 56 61/var(--tw-text-opacity));
    font-weight: 700;
    line-height: 1.25rem
  }
  .page-sidebar .menu-cat:focus, .page-sidebar .menu-cat:hover {
    background-color: #ffffffab
  }
  .page-sidebar .menu-cat.active {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
  }
  .page-sidebar .menu-cat.active span {
    --tw-text-opacity: 1;
    color: rgb(76 189 255/var(--tw-text-opacity))
  }
  .page-sidebar .menu-cat.active path {
    stroke: #4cbdff
  }
  .page-sidebar .complex__toggle {
    align-items: center;
    display: flex;
    gap: .25rem
  }
  .page-sidebar .menu-cat--subcat {
    white-space: nowrap
  }
  .page-sidebar .menu-cat--subcat span {
    --tw-text-opacity: 1;
    color: rgb(49 56 61/var(--tw-text-opacity));
    font-weight: 700;
    line-height: 1.25rem
  }
  .page-sidebar .menu-cat--subcat.active span {
    --tw-text-opacity: 1;
    color: rgb(76 189 255/var(--tw-text-opacity))
  }
  .page-sidebar .complex__subcats {
    --tw-translate-x: -50%;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: .5rem;
    box-shadow: 0 4px 32px 0 #0000003d !important;
    color: rgb(34 34 34/var(--tw-text-opacity));
    -moz-column-gap: .25rem;
    column-gap: .25rem;
    display: flex;
    flex-direction: column;
    gap: .25rem;
    left: 50%;
    padding-bottom: .375rem;
    padding-left: .375rem;
    padding-right: .375rem;
    padding-top: .375rem;
    row-gap: .25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: .2s
  }
  .page-sidebar .complex__subcats a {
    --tw-text-opacity: 1;
    border-radius: .25rem;
    color: rgb(34 34 34/var(--tw-text-opacity));
    display: flex;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .5rem;
    position: relative;
    transition-duration: .2s;
    width: 100%
  }
  .page-sidebar .complex__subcats a:focus, .page-sidebar .complex__subcats a:hover {
    --tw-brightness: brightness(1);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
  }
  .page-sidebar .complex__subcats a:focus span, .page-sidebar .complex__subcats a:hover span {
    --tw-text-opacity: 1;
    color: rgb(76 189 255/var(--tw-text-opacity))
  }
  .page-sidebar .complex__subcats a:focus:before, .page-sidebar .complex__subcats a:hover:before {
    border-bottom-width: 8px;
    border-top-width: 8px
  }
  .page-sidebar .complex__subcats a span {
    color: #222222b2;
    font-weight: 600;
    transition-duration: .2s
  }
  .page-sidebar .complex__subcats a:before {
    position: absolute
  }
  .page-sidebar .complex__subcats a:before {
    bottom: auto;
    top: auto
  }
  .page-sidebar .complex__subcats a:before {
    top: 50%
  }
  .page-sidebar .complex__subcats a:before {
    left: 0
  }
  .page-sidebar .complex__subcats a:before {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  .page-sidebar .complex__subcats a:before {
    border-bottom-right-radius: .375rem;
    border-top-right-radius: .375rem
  }
  .page-sidebar .complex__subcats a:before {
    border-bottom-width: 0;
    border-top-width: 0
  }
  .page-sidebar .complex__subcats a:before {
    border-left-width: 3px
  }
  .page-sidebar .complex__subcats a:before {
    --tw-border-opacity: 1;
    border-color: rgb(76 189 255/var(--tw-border-opacity))
  }
  .page-sidebar .complex__subcats a:before {
    transition-duration: .2s
  }
  .page-sidebar .complex__subcats a:before {
    --tw-content: "";
    content: var(--tw-content)
  }
  .page-sidebar .complex__subcats .active {
    --tw-bg-opacity: 1;
    background-color: rgb(76 189 255/var(--tw-bg-opacity))
  }
  .page-sidebar .complex__subcats .active span {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
  }
  .page-sidebar .complex__subcats .active:focus span, .page-sidebar .complex__subcats .active:hover span {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
  }
  #modal-shopping .modal__package-info--sticky, .panel--package .modal__package-info--sticky, .pseudomodal .modal__package-info--sticky {
    left: 0;
    position: sticky;
    top: -64px;
    z-index: 10
  }
  #modal-shopping .modal__package-info--sticky .package__info, .panel--package .modal__package-info--sticky .package__info, .pseudomodal .modal__package-info--sticky .package__info {
    align-items: center;
    flex-direction: row
  }
  #modal-shopping .modal__package-info--sticky .info__buttons, .panel--package .modal__package-info--sticky .info__buttons, .pseudomodal .modal__package-info--sticky .info__buttons {
    margin-left: auto;
    width: -moz-fit-content;
    width: fit-content
  }
  #modal-shopping .modal__package-info--sticky .info__price, .panel--package .modal__package-info--sticky .info__price, .pseudomodal .modal__package-info--sticky .info__price {
    margin-bottom: 0
  }
  #modal-shopping .modal__package-info, .panel--package .modal__package-info, .pseudomodal .modal__package-info {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: .5rem;
    display: flex;
    gap: 2rem;
    padding-bottom: 1.5rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 1.5rem
  }
  #modal-shopping .modal--top__contents, #modal-shopping .panel__title, .panel--package .modal--top__contents, .panel--package .panel__title, .pseudomodal .modal--top__contents, .pseudomodal .panel__title {
    width: 100%
  }
  #modal-shopping .package__info, .panel--package .package__info, .pseudomodal .package__info {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
  }
  #modal-shopping .info__name, .panel--package .info__name, .pseudomodal .info__name {
    font-size: 20px;
    font-weight: 700;
    line-height: 32px
  }
  #modal-shopping .info__price, .panel--package .info__price, .pseudomodal .info__price {
    align-items: center;
    display: flex;
    gap: .5rem;
    margin-top: 10px
  }
  #modal-shopping .price__actual, .panel--package .price__actual, .pseudomodal .price__actual {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px
  }
  #modal-shopping .price__old, .panel--package .price__old, .pseudomodal .price__old {
    color: #fd404080;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    text-decoration-line: line-through;
    white-space: nowrap
  }
  #modal-shopping .info__buttons, .panel--package .info__buttons, .pseudomodal .info__buttons {
    display: flex;
    gap: 1.5rem;
    margin-top: 0
  }
  #modal-shopping .info__buttons .btn--add, #modal-shopping .info__buttons .btn--remove, .panel--package .info__buttons .btn--add, .panel--package .info__buttons .btn--remove, .pseudomodal .info__buttons .btn--add, .pseudomodal .info__buttons .btn--remove {
    height: 56px;
    width: 206px
  }
  #modal-shopping .info__buttons .btn--add span, .panel--package .info__buttons .btn--add span, .pseudomodal .info__buttons .btn--add span {
    --tw-text-opacity: 1;
    color: rgb(102 84 37/var(--tw-text-opacity))
  }
  #modal-shopping .info__buttons .btn--add path, .panel--package .info__buttons .btn--add path, .pseudomodal .info__buttons .btn--add path {
    fill: #665425 !important
  }
  #modal-shopping .modal__descriptionContainer, .panel--package .modal__descriptionContainer, .pseudomodal .modal__descriptionContainer {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246/var(--tw-bg-opacity));
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    padding: var(--panelPadding)
  }
  .gift-parent {
    position: relative
  }
  .gift-parent .btn--grey {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(236 241 246/var(--tw-bg-opacity));
    border-radius: .5rem;
    display: flex;
    height: 56px;
    justify-content: center;
    width: 56px
  }
  .gift-parent .btn--grey:focus, .gift-parent .btn--grey:hover {
    --tw-brightness: brightness(.9);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
  }
  .gift-parent .gift-form {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border: 1px solid #0000000a;
    border-radius: .5rem;
    box-shadow: 0 4px 32px 0 #8888883d;
    display: flex;
    flex-direction: column;
    font-size: 0;
    gap: .75rem;
    left: -80px;
    padding: 1.25rem;
    position: absolute;
    transition-duration: .2s;
    width: 241px;
    z-index: 3
  }
  .gift-parent .gift-form .btn, .gift-parent .gift-form .input {
    display: block;
    height: 56px;
    text-align: center;
    width: auto
  }
  .gift-parent .gift-form .btn span {
    font-size: 16px;
    font-weight: 700
  }
  .gift-parent .gift-form .input {
    background-color: #2222220a;
    border-color: transparent;
    border-radius: .25rem;
    color: #22222280;
    font-weight: 400
  }
  .gift-parent .gift-form .btn--send {
    --tw-bg-opacity: 1;
    background-color: rgb(94 196 255/var(--tw-bg-opacity))
  }
  .gift-parent.is-closed .gift-form {
    opacity: 0;
    pointer-events: none;
    top: calc(100% + 10px);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    visibility: hidden
  }
  .gift-parent.is-open .gift-form {
    opacity: 1;
    pointer-events: auto;
    top: calc(100% + 15px);
    -webkit-user-select: auto;
    -moz-user-select: auto;
    user-select: auto;
    visibility: visible
  }
  @media (max-width:900px) {
    #modal-shopping .packageInfo__image, .panel--package .packageInfo__image, .pseudomodal .packageInfo__image {
      display: none !important
    }
    #modal-shopping .modal__package-info--sticky .packageInfo__image, .panel--package .modal__package-info--sticky .packageInfo__image, .pseudomodal .modal__package-info--sticky .packageInfo__image {
      display: none
    }
    #modal-shopping .modal__package-info--sticky .package__info, .panel--package .modal__package-info--sticky .package__info, .pseudomodal .modal__package-info--sticky .package__info {
      flex-direction: column
    }
    #modal-shopping .modal__package-info--sticky .info__buttons, .panel--package .modal__package-info--sticky .info__buttons, .pseudomodal .modal__package-info--sticky .info__buttons {
      margin-left: 0
    }
  }
  @media (max-width:700px) {
    #modal-shopping .btn--close, .panel--package .btn--close, .pseudomodal .btn--close {
      right: 0;
      top: -56px
    }
    #modal-shopping .modal__package-info--sticky, .panel--package .modal__package-info--sticky, .pseudomodal .modal__package-info--sticky {
      top: -66px
    }
  }
  @media (max-width:580px) {
    #modal-shopping .info__nameandprice, .panel--package .info__nameandprice, .pseudomodal .info__nameandprice {
      text-align: center
    }
    #modal-shopping .info__price, .panel--package .info__price, .pseudomodal .info__price {
      justify-content: center
    }
    #modal-shopping .gift-parent .gift-form, .panel--package .gift-parent .gift-form, .pseudomodal .gift-parent .gift-form {
      left: 0;
      width: 180px
    }
    #modal-shopping .info__buttons, .panel--package .info__buttons, .pseudomodal .info__buttons {
      gap: 1rem
    }
    #modal-shopping .info__buttons .btn--add, #modal-shopping .info__buttons .btn--remove, .panel--package .info__buttons .btn--add, .panel--package .info__buttons .btn--remove, .pseudomodal .info__buttons .btn--add, .pseudomodal .info__buttons .btn--remove {
      width: 100%
    }
    #modal-shopping .package__info, .panel--package .package__info, .pseudomodal .package__info {
      flex-direction: column;
      gap: 10px
    }
    #modal-shopping .info__buttons, #modal-shopping .modal__package-info--sticky .info__buttons, .panel--package .info__buttons, .panel--package .modal__package-info--sticky .info__buttons, .pseudomodal .info__buttons, .pseudomodal .modal__package-info--sticky .info__buttons {
      width: 100%
    }
    #modal-shopping .price__actual, .panel--package .price__actual, .pseudomodal .price__actual {
      font-size: 18px
    }
    #modal-shopping .modal__package-info, .panel--package .modal__package-info, .pseudomodal .modal__package-info {
      margin: 0;
      padding: var(--panelPadding)
    }
    #modal-shopping .modal__descriptionContainer, .panel--package .modal__descriptionContainer, .pseudomodal .modal__descriptionContainer {
      padding: var(--panelPadding)
    }
  }
  :root {
    --fontMdi: "Material Design Icons";
    --spacing: 24px;
    --containerPadding: 40px;
    --panelPadding: 40px;
    --modalPadding: 0 40px
  }
  @media(max-width:1000px) {
    :root {
      --spacing: 24px;
      --panelPadding: 32px;
      --containerPadding: 20px;
      --modalPadding: 0 40px
    }
  }
  @media(max-width:650px) {
    :root {
      --spacing: 24px;
      --panelPadding: 24px;
      --containerPadding: 12px;
      --modalPadding: 0 40px
    }
  }