:root {
  --fontMdi: "Material Design Icons";
  --spacing: 48px;
  --halfSpacing: 24px;
  --containerPadding: 0 48px;
  --panelPadding: 48px 48px;
  --tebex-legal-footer-background-color: #121212;
  --tebex-legal-footer-text-color: #898989;
  --tebex-legal-footer-border-color: transparent;
  --tebex-legal-footer-logo-color: #898989
}
@media(max-width:1000px) {
  :root {
    --containerPadding: 0 48px;
    --spacing: 24px
  }
}
@media(max-width:650px) {
  :root {
    --containerPadding: 0 24px;
    --panelPadding: 26px 32px
  }
}
*, :after, :before {
  border: 0 solid #222;
  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: #404040;
  opacity: 1
}
input::placeholder, textarea::placeholder {
  color: #404040;
  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
}
.-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;
  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
}
.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-\[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(34 34 34/var(--tw-bg-opacity));
  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
}
body {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-family: Ubuntu, serif;
  position: relative
}
#ndzn-app {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34/var(--tw-bg-opacity));
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100vh;
  opacity: 1;
  position: relative;
  visibility: visible;
  z-index: 3
}
#ndzn-page {
  margin-bottom: 88px;
  position: relative;
  z-index: 4
}
[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 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 1528px;
  padding: var(--containerPadding);
  width: 100%
}
.tippy-box {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26/var(--tw-bg-opacity));
  border-radius: .25rem;
  padding: .5rem 1rem;
  text-align: start
}
.tippy-box .tippy-arrow {
  color: transparent
}
.page-main {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  gap: 1.5rem
}
.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-scale-x: .9;
  --tw-scale-y: .9;
  opacity: 0;
  pointer-events: none;
  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.open .ndzn-js--ddMenu {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  opacity: 1;
  pointer-events: auto;
  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));
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto;
  visibility: visible
}
a {
  --tw-text-opacity: 1;
  color: rgb(59 116 201/var(--tw-text-opacity));
  transition-duration: .2s
}
a.btn {
  text-decoration-line: none !important
}
.panel {
  --tw-bg-opacity: 1;
  background-color: rgb(54 54 54/var(--tw-bg-opacity));
  border-radius: .5rem;
  margin-bottom: var(--spacing)
}
.panel .panel__body {
  padding: var(--panelPadding)
}
.panel .panel__body hr {
  border-color: hsla(0, 0%, 100%, .1)
}
.panel .panel__body>:first-child {
  margin-top: 0
}
.panel .panel__body>:last-child {
  margin-bottom: 0
}
.panel .panel__body img {
  width: 100%
}
.panel .alert.alert--sml {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.05;
  align-items: center;
  background-color: rgb(255 60 60/var(--tw-bg-opacity));
  border-radius: 4px;
  display: inline-flex;
  padding-bottom: 9px;
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 9px
}
.panel .alert.alert--sml>svg {
  flex: 0 0 16px
}
.panel .alert.alert--sml>svg {
  margin-right: .625rem
}
.panel .alert.alert--sml>svg {
  margin-top: -2px
}
.panel .alert.alert--sml>svg {
  display: inline-block
}
.panel .alert.alert--sml>svg {
  width: 16px
}
.panel .alert.alert--sml>span {
  font-size: 14px
}
.panel .alert.alert--sml>span {
  font-weight: 400
}
.panel .alert.alert--sml>span {
  line-height: 20px
}
.panel .alert.alert--sml>span {
  --tw-text-opacity: 1;
  color: rgb(255 60 60/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 {
  font-size: 24px;
  line-height: 32px;
  text-transform: uppercase
}
.modal__description h2, .panel__body h2 {
  font-size: 20px;
  line-height: 30px
}
.modal__description h3, .panel__body h3 {
  font-size: 16px;
  line-height: 28px
}
.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: 25px
}
.modal__description li, .modal__description p, .panel__body li, .panel__body p {
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px
}
.modal__description li, .panel__body li {
  --tw-text-opacity: 1;
  color: rgb(155 155 155/var(--tw-text-opacity))
}
.modal__description p, .panel__body p {
  --tw-text-opacity: 1;
  color: rgb(155 155 155/var(--tw-text-opacity));
  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(255 255 255/var(--tw-bg-opacity))
}
.modal__description a, .panel__body a {
  --tw-text-opacity: 1;
  color: rgb(100 167 255/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 700;
  text-decoration-line: underline;
  word-break: break-all
}
.modal__description a:focus, .modal__description a:hover, .panel__body a:focus, .panel__body a: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)
}
.modal__description small, .panel__body small {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px
}
.modal__description b, .panel__body b {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.modal__description img, .panel__body img {
  border-radius: .5rem
}
.alert.alert--red {
  align-items: center;
  background-color: #ff2d2d14;
  border: 1px solid #ff2d2d7a;
  border-radius: 12px;
  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 path {
  fill: #ff3c3c !important
}
.alert.alert--red span {
  --tw-text-opacity: 1 !important;
  color: rgb(255 60 60/var(--tw-text-opacity)) !important
}
.input, input {
  --tw-text-opacity: 1;
  background-color: hsla(0, 0%, 100%, .08);
  border-radius: 8px;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 400;
  min-height: 56px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  padding: 18px 1.5rem;
  transition-duration: .3s
}
.input::-moz-placeholder, input::-moz-placeholder {
  color: hsla(0, 0%, 100%, .5)
}
.input::placeholder, input::placeholder {
  color: hsla(0, 0%, 100%, .5)
}
.input:focus, input:focus {
  background-color: hsla(0, 0%, 100%, .15)
}
.table-responsive {
  -webkit-overflow-scrolling: touch;
  display: block;
  overflow-x: auto;
  width: 100%
}
#ndzn-footer, #ndzn-header, #ndzn-page {
  position: relative;
  z-index: 3
}
.ndzn-app__bg-container {
  height: 575px;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
.ndzn-app__bg-container:before {
  background: linear-gradient(180deg, rgba(34, 34, 34, 0), #222);
  content: ""
}
.ndzn-app__bg-container:before {
  position: absolute
}
.ndzn-app__bg-container:before {
  top: 0
}
.ndzn-app__bg-container:before {
  left: 0
}
.ndzn-app__bg-container:before {
  z-index: 3
}
.ndzn-app__bg-container:before {
  display: block
}
.ndzn-app__bg-container:before {
  height: 100%
}
.ndzn-app__bg-container:before {
  width: 100%
}
.ndzn-app__bg-container .ndzn-app__bg-image {
  -o-object-fit: cover;
  object-fit: cover;
  opacity: .2;
  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);
  display: flex;
  gap: .875rem;
  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--light-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(59 116 201/var(--tw-bg-opacity))
}
.btn.btn--blue {
  --tw-bg-opacity: 1;
  background-color: rgb(60 145 255/var(--tw-bg-opacity))
}
.btn.btn--blue-2 {
  background-color: rgba(60, 145, 255, .32);
  border-color: rgba(60, 145, 255, .32);
  border-style: solid;
  border-width: 1px
}
.btn.btn--red {
  background-color: rgba(255, 60, 60, .32);
  border-color: rgba(255, 60, 60, .32);
  border-style: solid;
  border-width: 1px
}
.btn.btn--purple {
  --tw-bg-opacity: 1;
  background-color: rgb(96 59 201/var(--tw-bg-opacity))
}
.btn.btn--yellow {
  background-color: rgba(255, 209, 83, .32);
  border-color: rgba(255, 209, 83, .32);
  border-style: solid;
  border-width: 1px
}
.toast {
  --tw-text-opacity: 1;
  align-items: center;
  bottom: -10px;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: flex;
  justify-content: center;
  left: 0;
  max-width: 100%;
  min-height: 48px;
  opacity: 0;
  padding-bottom: 10px;
  padding-left: var(--halfSpacing);
  padding-right: var(--halfSpacing);
  padding-top: 10px;
  pointer-events: none;
  position: fixed;
  transition-duration: .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  z-index: 9999
}
.toast.toast--visible {
  bottom: 0;
  opacity: 1
}
.toast.toast--success {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(60 255 73/var(--tw-bg-opacity));
  box-shadow: 0 -4px 48px 0 #3cff497a;
  color: rgb(19 82 23/var(--tw-text-opacity))
}
.toast.toast--danger {
  --tw-bg-opacity: 1;
  background-color: rgb(232 52 52/var(--tw-bg-opacity));
  box-shadow: 0 -12px 64px 0 #e8343433
}
.toast .toast-text {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px
}
.toast .toast-icon {
  display: none !important;
  margin-right: .75rem
}
.toast .toast-icon svg {
  fill: #fff
}
.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)
}
.panel--top-bar {
  align-items: center;
  display: flex
}
.panel--top-bar .top-bar__bg-image {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: .1;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
.panel--title {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(66 66 66/var(--tw-bg-opacity));
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 167px;
  overflow: hidden;
  padding: 2rem 240px;
  position: relative
}
.panel--title .panel--title__bg {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: .015;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
.panel--title .panel--title__snake-left, .panel--title .panel--title__snake-right {
  height: 167px;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto
}
.panel--title .panel--title__snake-left {
  --tw-scale-x: -1;
  left: 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))
}
.panel--title .panel--title__snake-right {
  right: 0
}
.panel--title h1, .panel--title h6 {
  display: flex;
  text-align: center
}
.panel--title h1 span, .panel--title h6 span {
  font-family: Montserrat, serif;
  font-weight: 700;
  text-transform: uppercase
}
.panel--title h6 {
  align-items: center;
  gap: .75rem;
  justify-content: center
}
.panel--title h6 span {
  color: hsla(0, 0%, 100%, .7);
  font-size: 20px;
  line-height: 28px
}
.panel--title h1 {
  margin-top: .25rem
}
.panel--title h1 span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 34px;
  line-height: 43px
}
.panel--title .gradient {
  --tw-blur: blur(200px);
  animation: gradientAnimation 5s ease infinite;
  border-radius: 9999px;
  bottom: -230px;
  display: inline-block;
  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: 243px;
  pointer-events: none;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 243px
}
.panel--title .gradient.gradient--blue {
  --tw-bg-opacity: 1;
  background-color: rgb(60 145 255/var(--tw-bg-opacity));
  left: 0
}
.panel--title .gradient.gradient--yellow {
  --tw-bg-opacity: 1;
  background-color: rgb(255 209 83/var(--tw-bg-opacity));
  right: 0
}
.panel--title2 {
  --tw-bg-opacity: 1;
  background-color: rgb(56 83 118/var(--tw-bg-opacity));
  min-height: 115px;
  overflow: hidden;
  position: relative;
  z-index: 2
}
.panel--title2:before {
  -webkit-clip-path: polygon(8px 0, 112px 0, 120px 6px, 0 6px);
  clip-path: polygon(8px 0, 112px 0, 120px 6px, 0 6px);
  content: ""
}
.panel--title2:before {
  pointer-events: none
}
.panel--title2:before {
  position: absolute
}
.panel--title2:before {
  left: 0;
  right: 0
}
.panel--title2:before {
  bottom: 0
}
.panel--title2:before {
  margin-left: auto;
  margin-right: auto
}
.panel--title2:before {
  display: block
}
.panel--title2:before {
  height: 6px
}
.panel--title2:before {
  width: 120px
}
.panel--title2:before {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.panel--title2:before {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.panel--title2 img {
  pointer-events: none;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.panel--title2 .panel--title2__bg-image {
  height: 100%;
  left: 0;
  min-width: 1720px;
  opacity: .02;
  top: 0;
  width: 100%
}
.panel--title2 .panel--title2__cloud-left, .panel--title2 .panel--title2__cloud-right {
  width: 180px
}
.panel--title2 .panel--title2__cloud-left {
  animation: cloudAnimationBottomLeft 10s ease infinite;
  bottom: 0;
  left: 0
}
.panel--title2 .panel--title2__cloud-right {
  animation: cloudAnimationTopRight 10s ease infinite;
  right: 0;
  top: 0
}
.panel--title2 .panel__heading {
  padding: 38px
}
.panel--title2 .panel__heading h1 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  text-align: center;
  text-transform: uppercase
}
.panel--title2 .panel__body {
  text-align: center
}
@keyframes gradientAnimation {
  0%, to {
    filter: blur(200px);
    transform: scale(1) translate(0)
  }
  50% {
    filter: blur(150px);
    transform: scale(1.2) translateY(-20px)
  }
}
@keyframes cloudAnimationBottomLeft {
  0%, to {
    transform: scale(1) translate(0)
  }
  50% {
    transform: scale(1.1) translate(-4px, 4px) rotate(4deg)
  }
}
@keyframes cloudAnimationTopRight {
  0%, to {
    transform: scale(1) translate(0)
  }
  50% {
    transform: scale(1.1) translate(4px, -4px) rotate(-4deg)
  }
}
@media (max-width:900px) {
  .panel--title {
    padding-left: 0;
    padding-right: 0
  }
  .panel--title h6 {
    align-items: center;
    gap: .75rem;
    justify-content: center
  }
  .panel--title h6 span {
    font-size: 16px;
    line-height: 20px
  }
  .panel--title h1 {
    margin-top: .5rem
  }
  .panel--title h1 span {
    font-size: 20px;
    line-height: 24px
  }
  .panel--title .gradient {
    --tw-blur: blur(200px);
    animation: gradientAnimation 5s ease infinite;
    border-radius: 9999px;
    bottom: -230px;
    display: inline-block;
    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: 243px;
    pointer-events: none;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 243px
  }
}
@media (max-width:650px) {
  .panel--title2 {
    min-height: 110px
  }
  .panel--title2 h1 {
    font-size: 20px !important;
    line-height: 23px !important
  }
  .panel--title2:before {
    -webkit-clip-path: polygon(8px 0, 70px 0, 78px 6px, 0 6px);
    clip-path: polygon(8px 0, 70px 0, 78px 6px, 0 6px)
  }
  .panel--title2:before {
    width: 78px
  }
  .panel--title2 .panel--title2__cloud-left {
    bottom: 0;
    left: -55px
  }
  .panel--title2 .panel--title2__cloud-right {
    right: -40px;
    top: 0
  }
  .panel--title {
    padding-left: 0;
    padding-right: 0
  }
  .panel--title h6 {
    align-items: center;
    gap: .75rem;
    justify-content: center
  }
  .panel--title h6 span {
    font-size: 16px;
    line-height: 20px
  }
  .panel--title h1 {
    margin-top: .5rem
  }
  .panel--title h1 span {
    font-size: 20px;
    line-height: 24px
  }
  .panel--title .gradient {
    display: none
  }
  .panel--title .panel--title__snake-left {
    left: -140px
  }
  .panel--title .panel--title__snake-right {
    right: -140px
  }
}
#modal-shopping .modal-dialogue, .panel--package .modal-dialogue, .pseudomodal .modal-dialogue {
  padding: 0
}
#modal-shopping .modal__packageInfo--sticky, .panel--package .modal__packageInfo--sticky, .pseudomodal .modal__packageInfo--sticky {
  left: 0;
  position: sticky;
  top: -64px;
  z-index: 10
}
#modal-shopping .modal__packageInfo--sticky .package__info, .panel--package .modal__packageInfo--sticky .package__info, .pseudomodal .modal__packageInfo--sticky .package__info {
  align-items: center;
  flex-direction: row
}
#modal-shopping .modal__packageInfo--sticky .info__buttons, .panel--package .modal__packageInfo--sticky .info__buttons, .pseudomodal .modal__packageInfo--sticky .info__buttons {
  margin-left: auto;
  width: -moz-fit-content;
  width: fit-content
}
#modal-shopping .modal__packageInfo--sticky .info__price, .panel--package .modal__packageInfo--sticky .info__price, .pseudomodal .modal__packageInfo--sticky .info__price {
  margin-bottom: 0
}
#modal-shopping .info__img, .panel--package .info__img, .pseudomodal .info__img {
  align-items: center;
  display: flex;
  height: 72px;
  justify-content: center;
  overflow: hidden;
  width: 111px
}
#modal-shopping .info__img img, .panel--package .info__img img, .pseudomodal .info__img img {
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
#modal-shopping .info__nameandprice, .panel--package .info__nameandprice, .pseudomodal .info__nameandprice {
  margin-left: 1.5rem
}
#modal-shopping .modal__package-info, .panel--package .modal__package-info, .pseudomodal .modal__package-info {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(64 64 64/var(--tw-bg-opacity));
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  display: flex;
  gap: 2rem;
  padding-bottom: 2rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 2rem
}
#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;
  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-left: auto;
  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 {
  width: 292px
}
#modal-shopping .modal__descriptionContainer, .panel--package .modal__descriptionContainer, .pseudomodal .modal__descriptionContainer {
  --tw-bg-opacity: 1;
  background-color: rgb(54 54 54/var(--tw-bg-opacity));
  border-bottom-left-radius: .5rem;
  border-bottom-right-radius: .5rem;
  padding: 3rem
}
.gift-parent {
  position: relative
}
.gift-parent .btn--grey {
  align-items: center;
  background-color: #ffd15352;
  border: 1px solid #ffd15352;
  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(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.gift-parent .btn--grey path {
  fill: #fff
}
.gift-parent .gift-form {
  --tw-bg-opacity: 1;
  background-color: rgb(71 71 71/var(--tw-bg-opacity));
  border-radius: .5rem;
  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 {
  --tw-bg-opacity: 1;
  background-color: rgb(82 82 82/var(--tw-bg-opacity));
  border-color: transparent;
  border-radius: .25rem;
  color: #ffffff80;
  font-weight: 400
}
.gift-parent .gift-form .btn--send {
  --tw-bg-opacity: 1;
  background-color: rgb(255 209 83/var(--tw-bg-opacity))
}
.gift-parent .gift-form .btn--send span {
  --tw-text-opacity: 1;
  color: rgb(82 67 27/var(--tw-text-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 .info__img, .panel--package .info__img, .pseudomodal .info__img {
    display: none !important
  }
  #modal-shopping .modal__packageInfo--sticky .packageInfo__image, .panel--package .modal__packageInfo--sticky .packageInfo__image, .pseudomodal .modal__packageInfo--sticky .packageInfo__image {
    display: none
  }
  #modal-shopping .modal__packageInfo--sticky .package__info, .panel--package .modal__packageInfo--sticky .package__info, .pseudomodal .modal__packageInfo--sticky .package__info {
    flex-direction: column
  }
  #modal-shopping .modal__packageInfo--sticky .info__buttons, .panel--package .modal__packageInfo--sticky .info__buttons, .pseudomodal .modal__packageInfo--sticky .info__buttons {
    margin-left: 0
  }
}
@media (max-width:840px) {
  #modal-shopping .btn--close, .panel--package .btn--close, .pseudomodal .btn--close {
    right: 0;
    top: -56px
  }
  #modal-shopping .modal__packageInfo--sticky, .panel--package .modal__packageInfo--sticky, .pseudomodal .modal__packageInfo--sticky {
    top: -66px
  }
}
@media (max-width:820px) {
  #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: 1.5rem
  }
  #modal-shopping .modal__descriptionContainer, .panel--package .modal__descriptionContainer, .pseudomodal .modal__descriptionContainer {
    padding: var(--panelPadding)
  }
}
@media (max-width:400px) {
  #modal-shopping .btn--add span, #modal-shopping .btn--remove span, .panel--package .btn--add span, .panel--package .btn--remove span, .pseudomodal .btn--add span, .pseudomodal .btn--remove span {
    display: none
  }
  #modal-shopping .btn--add .btn--add__price span, #modal-shopping .btn--remove .btn--add__price span, .panel--package .btn--add .btn--add__price span, .panel--package .btn--remove .btn--add__price span, .pseudomodal .btn--add .btn--add__price span, .pseudomodal .btn--remove .btn--add__price span {
    display: flex !important
  }
}
.content-category .panel--title2 .panel__heading {
  padding-bottom: 1rem
}
.content-category .panel--title2 .panel__body {
  padding-top: 0
}
.packages-container {
  display: grid;
  gap: var(--halfSpacing)
}
.packages-container.packages-container--images {
  grid-template-columns: repeat(4, minmax(0, 1fr))
}
.package {
  margin: 0
}
.package .package__buttons {
  margin-top: 1.75rem
}
.package .package__buttons .btn--add, .package .package__buttons .btn--remove {
  flex: 1 1 auto;
  width: 100%
}
.package .package__expires {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(255 60 60/var(--tw-bg-opacity));
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: flex;
  gap: .5rem;
  justify-content: center;
  padding-bottom: .375rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: .375rem
}
.package .package__expires span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px
}
.package__name-and-tags .package__tags {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  justify-content: center
}
.package__name-and-tags .tag {
  align-items: center;
  border-radius: 4px;
  display: flex;
  gap: .5rem;
  padding-bottom: 3px;
  padding-left: .5rem;
  padding-right: .5rem;
  padding-top: 3px
}
.package__name-and-tags .tag.tag--red {
  --tw-bg-opacity: 1;
  background-color: rgb(255 60 60/var(--tw-bg-opacity));
  box-shadow: 0 2px 32px 0 #ff3c3c3d
}
.package__name-and-tags .tag.tag--blue {
  --tw-bg-opacity: 1;
  background-color: rgb(100 167 255/var(--tw-bg-opacity));
  box-shadow: 0 2px 24px 0 #3c91ff52
}
.package__name-and-tags .tag.tag--yellow {
  --tw-bg-opacity: 1;
  background-color: rgb(255 167 60/var(--tw-bg-opacity));
  box-shadow: 0 2px 24px 0 #ffa73c52
}
.package__name-and-tags .tag.tag--green {
  --tw-bg-opacity: 1;
  background-color: rgb(60 255 73/var(--tw-bg-opacity));
  box-shadow: 0 2px 24px 0 #3cff4952
}
.package__name-and-tags .tag span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px
}
.package__name-and-tags .tag svg {
  flex: 0 0 12px;
  height: .75rem;
  width: .75rem
}
.package__name {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding-left: 2rem;
  padding-right: 2rem;
  position: relative
}
.package__name:focus svg, .package__name:hover svg {
  --tw-rotate: 6deg
}
.package__name:focus svg, .package__name:hover svg {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.package__name b {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: inline-block;
  font-size: 20px;
  line-height: 28px;
  text-align: center
}
.package__name svg {
  bottom: 0;
  flex: 0 0 16px;
  height: 1rem;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  right: .625rem;
  top: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-duration: .3s;
  width: 1rem
}
.btn--add, .btn--remove {
  border-radius: 4px;
  height: 56px;
  padding: .25rem 1.5rem
}
.btn--add svg, .btn--remove svg {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-duration: .5s
}
.btn--add:focus svg, .btn--add:hover svg, .btn--remove:focus svg, .btn--remove:hover svg {
  --tw-rotate: 5deg
}
.btn--add:focus svg, .btn--add:hover svg, .btn--remove:focus svg, .btn--remove:hover svg {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.btn--add {
  animation: btnAddBorderPulse 4s ease infinite !important;
  gap: .5rem;
  position: relative
}
.btn--add:focus:before, .btn--add:hover:before {
  width: 130px
}
.btn--add:before {
  -webkit-clip-path: polygon(16px 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(16px 0, 100% 0, 100% 100%, 0 100%);
  content: ""
}
.btn--add:before {
  pointer-events: none
}
.btn--add:before {
  position: absolute
}
.btn--add:before {
  top: 0
}
.btn--add:before {
  right: 0
}
.btn--add:before {
  display: block
}
.btn--add:before {
  height: 100%
}
.btn--add:before {
  width: 123px
}
.btn--add:before {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.btn--add:before {
  background-color: rgba(0, 0, 0, .08)
}
.btn--add:before {
  transition-duration: .3s
}
.btn--add.btn--loading:before {
  display: none
}
.btn--add>span {
  font-size: 16px
}
.btn--add>span {
  font-weight: 700
}
.btn--add>span {
  line-height: 22px
}
.btn--add>span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.btn--add .btn--add__price {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: .125rem;
  margin-left: auto
}
.btn--add .price__actual, .btn--add .price__discounted {
  text-align: end
}
.btn--add .price__discounted {
  color: hsla(0, 0%, 100%, .5);
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-decoration-line: line-through
}
.btn--add .price__actual {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px
}
.package.package--is-highlighted {
  animation: yellowBorderPulse 3s ease infinite;
  background-color: rgba(255, 209, 83, .16);
  overflow: hidden;
  position: relative
}
.package.package--is-highlighted .package__image {
  background-color: hsla(0, 0%, 100%, .05) !important
}
.package.package--is-highlighted .package__image img {
  opacity: 1 !important
}
.package.package--is-highlighted .btn--add {
  background-color: rgba(255, 209, 83, .32);
  border-color: rgba(255, 209, 83, .32) !important
}
.package.package--is-highlighted .package__corner {
  height: 49px;
  pointer-events: none;
  position: absolute;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 52px;
  z-index: 3
}
.package.package--is-highlighted .package__corner.package__corner--top-left {
  left: 0;
  top: 0
}
.package.package--is-highlighted .package__corner.package__corner--top-right {
  --tw-scale-x: -1;
  right: 0;
  top: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.package.package--is-highlighted .package__corner.package__corner--bottom-right {
  --tw-scale-x: -1;
  --tw-scale-y: -1;
  bottom: 0;
  right: 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))
}
.package.package--is-highlighted .package__corner.package__corner--bottom-left {
  --tw-scale-y: -1;
  bottom: 0;
  left: 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))
}
.package .package__image {
  overflow: hidden
}
.package .package__image:focus img, .package .package__image:hover img {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1
}
.package .package__image:focus img, .package .package__image:hover img {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.package .package__image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition-duration: .3s;
  width: 100%
}
.package .package__image.package__image--no-image img {
  opacity: .2;
  width: auto
}
.packages-container--images .package {
  align-items: center;
  display: flex;
  flex-direction: column
}
.packages-container--images .package.package--has-package-countdown .package__image {
  flex: 0 0 159px;
  height: 159px
}
.packages-container--images .package .package__expires {
  flex: 1 1 auto;
  width: 100%
}
.packages-container--images .package .package__inner {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 377px;
  padding: 1.5rem;
  position: relative;
  width: 100%
}
.packages-container--images .package .package__image {
  align-items: center;
  border-radius: 8px;
  display: flex;
  flex: 0 0 193px;
  height: 193px;
  justify-content: center;
  overflow: hidden;
  width: 100%
}
.packages-container--images .package .package__image.package__image--no-image img {
  height: 170px;
  width: auto
}
.packages-container--images .package .package__info {
  margin-top: auto;
  padding-top: 1.75rem
}
.packages-container--images .package .package__tags {
  justify-content: flex-end;
  pointer-events: none;
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 190px
}
.packages-container--images .package .package__buttons {
  margin-top: auto;
  padding-top: 1.75rem
}
.packages-container--images .package .btn--add, .packages-container--images .package .btn--remove {
  width: 100%
}
.packages-container--list .package .package__inner {
  align-items: center;
  display: flex;
  padding: 1.5rem
}
.packages-container--list .package .package__image {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(64 64 64/var(--tw-bg-opacity));
  border-radius: 8px;
  display: flex;
  flex: 0 0 111px;
  height: 72px;
  justify-content: center;
  width: 111px
}
.packages-container--list .package .package__image.package__image--no-image img {
  bottom: -3px;
  position: relative
}
.packages-container--list .package .package__image img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%
}
.packages-container--list .package .package__name-and-tags {
  align-items: center;
  display: flex
}
.packages-container--list .package .package__name-and-tags .package__tags {
  flex: 0 0 180px;
  justify-content: flex-start;
  width: 180px
}
.packages-container--list .package .package__name {
  padding-left: 0;
  padding-right: 52px
}
.packages-container--list .package .package__name svg {
  right: 1.5rem
}
.packages-container--list .package .package__name b {
  text-align: left
}
.packages-container--list .package .package__info {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  padding-left: 1.5rem;
  width: 100%
}
.packages-container--list .package .package__details {
  padding-right: 1.5rem
}
.packages-container--list .package .package__buttons {
  flex: 0 0 292px;
  height: 56px;
  margin-left: auto;
  margin-top: 0;
  width: 292px
}
@keyframes btnAddBorderPulse {
  0%, to {
    border: 1px solid #3c91ff52
  }
  50% {
    border: 1px solid #3c91ffb8
  }
}
@keyframes yellowBorderPulse {
  0%, to {
    border: 1px solid #ffcb3c7a
  }
  50% {
    border: 1px solid #ffcb3cb8
  }
}
@media (max-width:1350px) {
  .packages-container.packages-container--images {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}
@media (max-width:950px) {
  .packages-container.packages-container--images {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
  .packages-container--list .package .package__image {
    display: none
  }
}
@media (max-width:800px) {
  .packages-container--list .package .package__info {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding-left: 0;
    position: relative;
    text-align: center
  }
  .packages-container--list .package b {
    text-align: center !important
  }
  .packages-container--list .package .package__tags {
    position: absolute;
    right: -80px;
    top: -10px
  }
  .packages-container--list .package .package__details {
    padding-right: 0
  }
  .packages-container--list .package .package__buttons {
    flex: 0 !important;
    margin-left: 0;
    margin-top: 1.25rem;
    max-width: 292px;
    width: 100%
  }
}
@media (max-width:550px) {
  .packages-container.packages-container--images {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
}
.module {
  --tw-bg-opacity: 1;
  background-color: rgb(54 54 54/var(--tw-bg-opacity));
  border: 1px solid hsla(0, 0%, 100%, .16);
  border-radius: .5rem
}
.module.panel {
  margin: 0
}
#modules {
  display: grid;
  gap: var(--halfSpacing);
  grid-template-columns: 340px auto 340px
}
#modules .module {
  border-radius: 8px;
  border-width: 0
}
.panel--featured-packages {
  --tw-bg-opacity: 1;
  background-color: rgb(54 54 54/var(--tw-bg-opacity));
  border: 1px solid hsla(0, 0%, 100%, .16);
  border-radius: .5rem;
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
  padding: 2.5rem;
  position: relative
}
.panel--featured-packages .module {
  position: relative;
  z-index: 3
}
.panel--featured-packages .panel--featured-packages__bg {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: .01;
  position: absolute;
  top: 0;
  width: 100%
}
.featuredPackage {
  align-items: center;
  display: flex;
  gap: 1.5rem;
  padding: 1.5rem;
  position: relative
}
.featuredPackage .featuredPackage__packageImage {
  align-items: center;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  flex: 0 0 136px;
  height: 89px;
  justify-content: center;
  overflow: hidden;
  width: 136px
}
.featuredPackage .featuredPackage__packageImage.featuredPackage__packageImage--noImage {
  background-color: hsla(0, 0%, 100%, .05)
}
.featuredPackage .featuredPackage__packageImage:focus .svg--package, .featuredPackage .featuredPackage__packageImage:focus img, .featuredPackage .featuredPackage__packageImage:hover .svg--package, .featuredPackage .featuredPackage__packageImage:hover img {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1
}
.featuredPackage .featuredPackage__packageImage:focus .svg--package, .featuredPackage .featuredPackage__packageImage:focus img, .featuredPackage .featuredPackage__packageImage:hover .svg--package, .featuredPackage .featuredPackage__packageImage:hover img {
  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))
}
.featuredPackage .featuredPackage__packageImage .svg--package, .featuredPackage .featuredPackage__packageImage img {
  transition-duration: .3s
}
.featuredPackage .featuredPackage__packageImage img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
.featuredPackage .featuredPackage__packageImage .svg--package {
  fill: #fff;
  animation: packageSvgHover 10s ease infinite;
  display: inline-block;
  flex: 0 0 64px;
  height: 64px;
  opacity: .2;
  width: 64px
}
.featuredPackage .featuredPackage__packageName {
  --tw-text-opacity: 1;
  align-items: flex-start;
  color: rgb(255 255 255/var(--tw-text-opacity));
  cursor: pointer;
  display: inline-flex;
  font-size: 20px;
  font-weight: 700;
  gap: .75rem;
  line-height: 32px
}
.featuredPackage .featuredPackage__packageName .svg--info {
  margin-top: .5rem
}
.featuredPackage .featuredPackage__packageInfo {
  align-items: flex-start;
  display: flex;
  flex-direction: column
}
.featuredPackage .featuredPackage__viewMore {
  display: inline-block;
  padding-bottom: .5rem;
  padding-top: .5rem
}
.featuredPackage .featuredPackage__viewMore:focus .btn__text, .featuredPackage .featuredPackage__viewMore:hover .btn__text {
  --tw-translate-x: 0.25rem
}
.featuredPackage .featuredPackage__viewMore:focus .btn__text, .featuredPackage .featuredPackage__viewMore:hover .btn__text {
  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))
}
.featuredPackage .featuredPackage__viewMore .btn__text {
  color: hsla(0, 0%, 100%, .5);
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  transition-duration: .3s
}
.module--featuredPackage__expires {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(255 60 60/var(--tw-bg-opacity));
  border-radius: 4px;
  display: inline-flex;
  gap: .5rem;
  height: 28px;
  left: -.5rem;
  padding: .25rem .5rem;
  position: absolute;
  top: -.5rem
}
.module--featuredPackage__expires span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  margin-top: -1px
}
.module--featuredPackage__expires svg {
  display: inline-block;
  height: 1rem;
  width: 1rem
}
.featuredPackage__tags-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: .25rem;
  pointer-events: none;
  position: absolute;
  right: -.5rem;
  top: -.5rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.featuredPackage__tags-container .featuredPackage__tag {
  align-items: center;
  border-radius: 4px;
  display: flex;
  gap: .5rem;
  padding-bottom: .25rem;
  padding-left: .5rem;
  padding-right: .5rem;
  padding-top: .25rem
}
.featuredPackage__tags-container .featuredPackage__tag.featuredPackage__tag--red {
  --tw-bg-opacity: 1;
  background-color: rgb(255 60 60/var(--tw-bg-opacity));
  box-shadow: 0 2px 32px 0 #ff3c3c3d
}
.featuredPackage__tags-container .featuredPackage__tag.featuredPackage__tag--blue {
  --tw-bg-opacity: 1;
  background-color: rgb(60 145 255/var(--tw-bg-opacity));
  box-shadow: 0 2px 24px 0 #3c91ff52
}
.featuredPackage__tags-container .featuredPackage__tag.featuredPackage__tag-yellow {
  --tw-bg-opacity: 1;
  background-color: rgb(255 167 60/var(--tw-bg-opacity));
  box-shadow: 0 2px 24px 0 #ffa73c52
}
.featuredPackage__tags-container .featuredPackage__tag.featuredPackage__tag--green {
  --tw-bg-opacity: 1;
  background-color: rgb(60 255 73/var(--tw-bg-opacity));
  box-shadow: 0 2px 24px 0 #3cff4952
}
.featuredPackage__tags-container .featuredPackage__tag span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 700;
  line-height: 20px
}
.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
}
.module .module__body, .module .module__heading {
  padding-left: 2.5rem;
  padding-right: 2.5rem
}
.module .module__heading {
  padding-top: 2rem
}
.module .module__heading h1, .module .module__heading p {
  display: block
}
.module .module__heading h1 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  text-transform: uppercase
}
.module .module__heading p {
  color: hsla(0, 0%, 100%, .7);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px
}
.module .module__body {
  padding-bottom: 2rem;
  padding-top: 2rem
}
.module .module__body h4 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 23px;
  text-align: left;
  text-transform: uppercase
}
.module.module--featuredPackage {
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64/var(--tw-bg-opacity))
}
.module.module--topDonator {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0/var(--tw-bg-opacity));
  border-radius: 8px;
  overflow: hidden;
  position: relative
}
.module.module--topDonator:before {
  content: ""
}
.module.module--topDonator:before {
  position: absolute
}
.module.module--topDonator:before {
  top: 0
}
.module.module--topDonator:before {
  left: 0
}
.module.module--topDonator:before {
  z-index: 1
}
.module.module--topDonator:before {
  display: block
}
.module.module--topDonator:before {
  height: 100%
}
.module.module--topDonator:before {
  width: 100%
}
.module.module--topDonator:before {
  border-radius: .5rem
}
.module.module--topDonator:before {
  background-color: rgba(60, 145, 255, .3)
}
.module.module--topDonator .module__heading h1, .module.module--topDonator .module__heading p {
  text-align: center
}
.module.module--topDonator:after {
  background: linear-gradient(180deg, transparent, #000);
  content: ""
}
.module.module--topDonator:after {
  position: absolute
}
.module.module--topDonator:after {
  bottom: 0
}
.module.module--topDonator:after {
  left: 0
}
.module.module--topDonator:after {
  z-index: 3
}
.module.module--topDonator:after {
  display: block
}
.module.module--topDonator:after {
  height: 179px
}
.module.module--topDonator:after {
  width: 100%
}
.module.module--topDonator .topDonator__bg-image {
  border-radius: 8px;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: .6;
  pointer-events: none;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
.module.module--topDonator .topDonator__bg-image.topDonator__exists {
  top: -40px
}
.module.module--topDonator .module__body, .module.module--topDonator .module__heading {
  position: relative;
  z-index: 5
}
.module.module--topDonator .module__heading {
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 2.75rem
}
.module.module--topDonator .module__heading:before {
  -webkit-clip-path: polygon(0 0, 100% 0, 92% 100%, 8% 100%);
  clip-path: polygon(0 0, 100% 0, 92% 100%, 8% 100%);
  content: ""
}
.module.module--topDonator .module__heading:before {
  position: absolute
}
.module.module--topDonator .module__heading:before {
  left: 0;
  right: 0
}
.module.module--topDonator .module__heading:before {
  top: 0
}
.module.module--topDonator .module__heading:before {
  margin-left: auto;
  margin-right: auto
}
.module.module--topDonator .module__heading:before {
  display: block
}
.module.module--topDonator .module__heading:before {
  height: 7px
}
.module.module--topDonator .module__heading:before {
  width: 111px
}
.module.module--topDonator .module__heading:before {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.module.module--topDonator .module__heading p {
  color: hsla(0, 0%, 100%, .7);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin-top: .625rem
}
.module.module--topDonator .module__body {
  padding-bottom: 324px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 2.5rem
}
.module.module--topDonator .module__body:before {
  content: ""
}
.module.module--topDonator .module__body:before {
  position: absolute
}
.module.module--topDonator .module__body:before {
  left: 0;
  right: 0
}
.module.module--topDonator .module__body:before {
  bottom: 0
}
.module.module--topDonator .module__body:before {
  margin-left: auto;
  margin-right: auto
}
.module.module--topDonator .module__body:before {
  display: block
}
.module.module--topDonator .module__body:before {
  height: 298px
}
.module.module--topDonator .module__body:before {
  width: 312px
}
.module.module--topDonator .module__body:before {
  background-color: hsla(0, 0%, 100%, .3)
}
.module.module--topDonator .module__body:before {
  --tw-blur: blur(160px);
  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)
}
.module.module--topDonator .top-donator-container {
  position: relative
}
.module.module--topDonator .top-donator-container .svg--rhombus {
  bottom: 0;
  height: auto;
  left: -24px;
  margin: auto;
  position: absolute;
  top: 0;
  width: calc(100% + 16px);
  width: auto
}
.module.module--topDonator .top-donator__img {
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
.module.module--topDonator .top-donator {
  align-items: center;
  display: flex;
  height: 61px;
  justify-content: center;
  position: relative;
  z-index: 3
}
.module.module--topDonator .top-donator span {
  --tw-text-opacity: 1;
  color: rgb(102 81 24/var(--tw-text-opacity));
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px
}
.module.module--information .module__body, .module.module--information .module__body h1, .module.module--information .module__heading, .module.module--information .module__heading h1 {
  text-align: left
}
.module.module--information .module__body {
  padding-bottom: 40px
}
.module.module--information .module__body p {
  color: hsla(0, 0%, 100%, .7);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px
}
.module.module--information section:not(:first-of-type) {
  margin-top: 1.75rem
}
.module.module--information section h4 {
  margin-bottom: .75rem
}
.module.module--information section .btn {
  margin-top: 1rem;
  padding-bottom: 17px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 17px
}
.module.module--information section .btn__text {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px
}
.module.module--recentPayments .module__heading p {
  margin-top: .625rem
}
.module.module--recentPayments .module__body {
  padding-bottom: 2.5rem;
  padding-top: 1.25rem
}
.module.module--recentPayments .recent-payments {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(2, minmax(0, 1fr))
}
.module.module--giftcards {
  margin-top: var(--halfSpacing)
}
.module.module--giftcards .module__body {
  padding-bottom: 2.5rem;
  padding-top: .625rem
}
.module.module--giftcards .giftcard-status {
  color: hsla(0, 0%, 100%, .7);
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: left
}
.module.module--giftcards #giftcard-balance-form {
  display: grid;
  gap: 1rem;
  grid-template-columns: auto 155px;
  margin-top: 26px
}
.module.module--giftcards #giftcard-balance-button, .recent-payment {
  border-radius: 8px
}
.recent-payment {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(64 64 64/var(--tw-bg-opacity));
  display: flex;
  padding: .75rem 1rem .75rem .75rem
}
.recent-payment .recent-payment__avatar {
  flex: 0 0 39px;
  height: 39px;
  width: 39px
}
.recent-payment .recent-payment__avatar img {
  border-radius: 5px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
.recent-payment .recent-payments__text {
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  gap: .75rem;
  margin-left: .75rem;
  width: 100%
}
.recent-payment .recent-payment__date, .recent-payment .recent-payment__name {
  margin-top: -2px
}
.recent-payment .recent-payment__name b {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 23px
}
.recent-payment .recent-payment__date {
  margin-left: auto
}
.recent-payment .recent-payment__date span {
  color: hsla(0, 0%, 100%, .5);
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px
}
@keyframes packageSvgHover {
  0%, 50%, to {
    transform: scale(1) translateY(3px)
  }
  25% {
    transform: scale(1.05) translate(-3px, -3px) rotate(5deg)
  }
  75% {
    transform: scale(1.05) translate(3px, -5px) rotate(-5deg)
  }
}
@media (max-width:1500px) {
  #modules {
    grid-template-columns: 390px auto
  }
  .modules__center {
    grid-column: span 2/span 2;
    order: 1
  }
  .modules__left, .modules__right {
    order: 2
  }
  .module--information {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
  }
  .module--information .module__body {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
  }
  .module.module--topDonator .topDonator__bg-image {
    top: 0
  }
  .module.module--topDonator .top-donator__img {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    width: 340px
  }
  .module.module--topDonator:after {
    opacity: .5
  }
  .svg--rhombus {
    left: 0 !important;
    right: 0 !important
  }
}
@media (max-width:1100px) {
  .panel--featured-packages {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    padding: 1.5rem
  }
  .panel--featured-packages .module {
    position: relative;
    z-index: 3
  }
  .panel--featured-packages .panel--featured-packages__bg {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .01;
    position: absolute;
    top: 0;
    width: 100%
  }
}
@media (max-width:820px) {
  #modules {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
  .modules__center {
    grid-column: span 1/span 1;
    order: 1
  }
  .module.module--topDonator .topDonator__bg-image {
    top: 0
  }
  .module.module--topDonator .top-donator__img {
    bottom: -74px;
    width: 327px
  }
  .module.module--topDonator .module__body {
    padding-bottom: 234px
  }
  .module.module--recentPayments .recent-payments {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
}
@media (max-width:650px) {
  .module .module__body, .module .module__heading {
    padding-left: 2rem;
    padding-right: 2rem
  }
  .module .module__heading {
    padding-top: 27px
  }
  .module .module__heading h1 {
    font-size: 20px;
    line-height: 24px
  }
  .module .module__body {
    padding-bottom: 2rem;
    padding-top: 27px
  }
}
@media (max-width:580px) {
  .module.module--giftcards #giftcard-balance-form {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
  .module.module--giftcards button, .module.module--giftcards input {
    height: 3.5rem
  }
  .featuredPackage {
    flex-direction: column;
    gap: 1.25rem
  }
  .featuredPackage .featuredPackage__packageImage {
    flex: 0 0 124px;
    height: 124px;
    width: 100%
  }
  .featuredPackage .featuredPackage__packageName {
    font-size: 20px;
    line-height: 24px;
    text-align: center
  }
  .featuredPackage .featuredPackage__packageInfo {
    align-items: center
  }
  .featuredPackage .featuredPackage__viewMore {
    display: inline-block;
    padding-bottom: .5rem;
    padding-top: .5rem
  }
  .featuredPackage .featuredPackage__viewMore:focus .btn__text, .featuredPackage .featuredPackage__viewMore:hover .btn__text {
    --tw-translate-x: 0.25rem
  }
  .featuredPackage .featuredPackage__viewMore:focus .btn__text, .featuredPackage .featuredPackage__viewMore:hover .btn__text {
    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))
  }
  .featuredPackage .featuredPackage__viewMore .btn__text {
    color: hsla(0, 0%, 100%, .5);
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    transition-duration: .3s
  }
}
@media (max-width:450px) {
  .svg--rhombus {
    width: 100% !important
  }
  .module--featuredPackage__expires {
    display: none
  }
}
@media (max-width:350px) {
  .module.module--topDonator .module__body {
    padding-bottom: 200px
  }
}
.page-sidebar {
  flex: 0 0 352px;
  width: 352px
}
.menu-cat__toggle, .simple-cat, .simple-subcat {
  cursor: pointer;
  transition-duration: .2s
}
.menu-cat__toggle, .simple-cat {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(243 232 255/var(--tw-bg-opacity));
  border-radius: 4px;
  display: flex;
  flex: 1 1 auto;
  min-height: 80px;
  overflow: hidden;
  padding: .75rem 33px;
  position: relative;
  width: 100%;
  z-index: 3
}
.menu-cat__toggle:focus, .menu-cat__toggle:hover, .simple-cat:focus, .simple-cat:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(47 39 46/var(--tw-bg-opacity))
}
.menu-cat__toggle .menu-cat__name, .menu-cat__toggle .svg-chevron, .simple-cat .menu-cat__name, .simple-cat .svg-chevron {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.menu-cat__toggle .menu-cat__name, .simple-cat .menu-cat__name {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .025em;
  line-height: 28px
}
.menu-cat__toggle .svg-chevron, .simple-cat .svg-chevron {
  margin-left: auto;
  transition-duration: .2s
}
.menu-cat.complex-cat {
  border-radius: 0;
  overflow: hidden
}
.menu-cat.complex-cat.open .svg-chevron {
  --tw-scale-y: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.menu-cat.complex-cat.open .menu-cat__toggle {
  --tw-bg-opacity: 1;
  background-color: rgb(47 39 46/var(--tw-bg-opacity))
}
.menu-cat__subcats {
  display: flex;
  flex-direction: column;
  gap: .75rem;
  margin-top: .75rem;
  padding-top: .75rem;
  transition-duration: .4s
}
.menu-cat__subcats .simple-subcat {
  align-items: center;
  border-radius: 4px;
  display: flex;
  height: 55px;
  padding-bottom: .5rem;
  padding-left: 46px;
  padding-right: 22px;
  padding-top: .5rem
}
.menu-cat__subcats .simple-subcat:focus, .menu-cat__subcats .simple-subcat:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(47 39 46/var(--tw-bg-opacity))
}
.menu-cat__subcats .simple-subcat:focus .simple-subcat__name, .menu-cat__subcats .simple-subcat:hover .simple-subcat__name {
  opacity: 1
}
.menu-cat__subcats .simple-subcat.active .simple-subcat__name {
  opacity: 1
}
.menu-cat__subcats .simple-subcat__name {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  opacity: .5;
  transition-duration: .2s
}
.simple-cat.active, .simple-cat.active .menu-cat__name, .simple-cat.active .simple-subcat__name, .simple-subcat.active, .simple-subcat.active .menu-cat__name, .simple-subcat.active .simple-subcat__name {
  position: relative
}
.simple-cat.active .menu-cat__name, .simple-cat.active .simple-subcat__name, .simple-subcat.active .menu-cat__name, .simple-subcat.active .simple-subcat__name {
  z-index: 2
}
#ndzn-header {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-bottom: var(--spacing);
  padding-top: 40px
}
.header__logo {
  height: 206px;
  overflow: hidden;
  pointer-events: none;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 705px
}
.header__logo img {
  display: inline-block;
  margin-top: -66px
}
.header__main {
  width: 100%
}
.panel--top-bar {
  position: relative
}
.panel--top-bar .top-bar__bg-image {
  opacity: .02
}
.panel--top-bar .btn__text b, .panel--top-bar .btn__text span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: block;
  text-align: left
}
.panel--top-bar .btn__text b {
  font-size: 20px;
  line-height: 25px
}
.panel--top-bar .btn__text span {
  --tw-text-opacity: 0.7;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-top: .125rem
}
.panel--top-bar .btn__text span>strong {
  --tw-text-opacity: 1;
  color: rgb(255 209 83/var(--tw-text-opacity))
}
.panel--top-bar .main__announcement {
  height: 60px;
  inset: 0;
  margin: auto;
  max-width: 456px;
  position: absolute;
  width: 100%
}
.panel--top-bar .main__announcement:after, .panel--top-bar .main__announcement:before {
  animation: redGradientPulse 4s ease infinite;
  content: ""
}
.panel--top-bar .main__announcement:after, .panel--top-bar .main__announcement:before {
  position: absolute
}
.panel--top-bar .main__announcement:after, .panel--top-bar .main__announcement:before {
  bottom: 0;
  top: 0
}
.panel--top-bar .main__announcement:after, .panel--top-bar .main__announcement:before {
  margin-bottom: auto;
  margin-top: auto
}
.panel--top-bar .main__announcement:after, .panel--top-bar .main__announcement:before {
  display: block
}
.panel--top-bar .main__announcement:after, .panel--top-bar .main__announcement:before {
  height: 44px
}
.panel--top-bar .main__announcement:after, .panel--top-bar .main__announcement:before {
  width: 101px
}
.panel--top-bar .main__announcement:before {
  background: linear-gradient(270deg, #ff3c3c, rgba(255, 60, 60, 0))
}
.panel--top-bar .main__announcement:before {
  left: -77px
}
.panel--top-bar .main__announcement:after {
  background: linear-gradient(90deg, #ff3c3c, rgba(255, 60, 60, 0))
}
.panel--top-bar .main__announcement:after {
  right: -77px
}
.panel--top-bar .main__announcement .announcement__inner {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(255 60 60/var(--tw-bg-opacity));
  -webkit-clip-path: polygon(4.5% 0, 95.5% 0, 100% 50%, 95.5% 100%, 4.5% 100%, 0 50%);
  clip-path: polygon(4.5% 0, 95.5% 0, 100% 50%, 95.5% 100%, 4.5% 100%, 0 50%);
  display: inline-flex;
  height: 100%;
  padding-bottom: .25rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: .25rem;
  position: relative;
  width: 100%;
  z-index: 3
}
.panel--top-bar .announcement__left span, .panel--top-bar .announcement__right span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase
}
.panel--top-bar .announcement__left {
  align-items: center;
  display: flex;
  justify-content: flex-start
}
.panel--top-bar .announcement__left>span {
  margin-left: .5rem
}
.panel--top-bar .announcement__left>svg {
  flex: 0 0 18px
}
.panel--top-bar .announcement__left>svg {
  height: 20px
}
.panel--top-bar .announcement__left>svg {
  width: 18px
}
.panel--top-bar .announcement__right {
  margin-left: auto;
  padding-left: .75rem
}
.panel--top-bar .main__cart>.btn, .panel--top-bar .main__user>.btn {
  padding-bottom: 23px;
  padding-top: 23px
}
.panel--top-bar .main__cart>.btn, .panel--top-bar .main__user>.btn {
  padding-left: 2rem;
  padding-right: 2rem
}
.panel--top-bar .main__cart .btn__icon, .panel--top-bar .main__cart .btn__text, .panel--top-bar .main__user .btn__icon, .panel--top-bar .main__user .btn__text {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.panel--top-bar .main__user>.btn {
  gap: 1.5rem
}
.panel--top-bar .main__cart {
  margin-left: auto
}
.panel--top-bar .main__cart>.btn {
  flex-direction: row-reverse
}
.panel--top-bar .main__cart>.btn b, .panel--top-bar .main__cart>.btn span {
  text-align: right
}
.panel--top-bar .btn--cart, .panel--top-bar .btn--user {
  overflow: hidden;
  position: relative
}
.panel--top-bar .btn--cart:before, .panel--top-bar .btn--user:before {
  content: ""
}
.panel--top-bar .btn--cart:before, .panel--top-bar .btn--user:before {
  pointer-events: none
}
.panel--top-bar .btn--cart:before, .panel--top-bar .btn--user:before {
  position: absolute
}
.panel--top-bar .btn--cart:before, .panel--top-bar .btn--user:before {
  bottom: 0;
  top: 0
}
.panel--top-bar .btn--cart:before, .panel--top-bar .btn--user:before {
  z-index: 1
}
.panel--top-bar .btn--cart:before, .panel--top-bar .btn--user:before {
  margin-bottom: auto;
  margin-top: auto
}
.panel--top-bar .btn--cart:before, .panel--top-bar .btn--user:before {
  display: block
}
.panel--top-bar .btn--cart:before, .panel--top-bar .btn--user:before {
  height: 94px
}
.panel--top-bar .btn--cart:before, .panel--top-bar .btn--user:before {
  width: 94px
}
.panel--top-bar .btn--cart:before, .panel--top-bar .btn--user:before {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.panel--top-bar .btn--cart:before, .panel--top-bar .btn--user:before {
  border-radius: 9999px
}
.panel--top-bar .btn--cart:before, .panel--top-bar .btn--user:before {
  opacity: .4
}
.panel--top-bar .btn--cart:before, .panel--top-bar .btn--user:before {
  --tw-blur: blur(40px);
  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)
}
.panel--top-bar .btn--cart:before, .panel--top-bar .btn--user:before {
  transition-duration: .3s
}
.panel--top-bar .btn--cart .btn__icon, .panel--top-bar .btn--cart .btn__text, .panel--top-bar .btn--user .btn__icon, .panel--top-bar .btn--user .btn__text {
  z-index: 2
}
.panel--top-bar .btn--user:before {
  left: -48px
}
.panel--top-bar .btn--user:before {
  --tw-bg-opacity: 1;
  background-color: rgb(60 145 255/var(--tw-bg-opacity))
}
.panel--top-bar .btn--user:focus:before, .panel--top-bar .btn--user:hover:before {
  left: -32px
}
.panel--top-bar .btn--cart:before {
  right: -48px
}
.panel--top-bar .btn--cart:before {
  --tw-bg-opacity: 1;
  background-color: rgb(255 209 83/var(--tw-bg-opacity))
}
.panel--top-bar .btn--cart:focus:before, .panel--top-bar .btn--cart:hover:before {
  right: -32px
}
#modal-slideout-storeMenu .container, .header__nav .container {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  justify-content: center
}
#modal-slideout-storeMenu .nav-link, .header__nav .nav-link {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(54 54 54/var(--tw-bg-opacity));
  border-radius: 6px;
  display: flex;
  gap: .5rem;
  min-height: 48px;
  padding-bottom: .75rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: .75rem;
  position: relative;
  transition-duration: .3s
}
#modal-slideout-storeMenu .nav-link:focus, #modal-slideout-storeMenu .nav-link:hover, .header__nav .nav-link:focus, .header__nav .nav-link:hover {
  --tw-brightness: brightness(1.25);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
#modal-slideout-storeMenu .nav-link .nav-link__tag, #modal-slideout-storeMenu .nav-link>span, #modal-slideout-storeMenu .nav-link>svg, .header__nav .nav-link .nav-link__tag, .header__nav .nav-link>span, .header__nav .nav-link>svg {
  pointer-events: none
}
#modal-slideout-storeMenu .nav-link .nav-link__tag, #modal-slideout-storeMenu .nav-link>span, #modal-slideout-storeMenu .nav-link>svg, .header__nav .nav-link .nav-link__tag, .header__nav .nav-link>span, .header__nav .nav-link>svg {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
#modal-slideout-storeMenu .nav-link>svg, .header__nav .nav-link>svg {
  flex: 0 0 16px
}
#modal-slideout-storeMenu .nav-link>svg, .header__nav .nav-link>svg {
  display: inline-block
}
#modal-slideout-storeMenu .nav-link>svg, .header__nav .nav-link>svg {
  height: 1rem
}
#modal-slideout-storeMenu .nav-link>svg, .header__nav .nav-link>svg {
  width: 1rem
}
#modal-slideout-storeMenu .nav-link>span, .header__nav .nav-link>span {
  display: inline-block
}
#modal-slideout-storeMenu .nav-link>span, .header__nav .nav-link>span {
  font-size: 16px
}
#modal-slideout-storeMenu .nav-link>span, .header__nav .nav-link>span {
  font-weight: 700
}
#modal-slideout-storeMenu .nav-link>span, .header__nav .nav-link>span {
  line-height: 23px
}
#modal-slideout-storeMenu .nav-link>span, .header__nav .nav-link>span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
#modal-slideout-storeMenu .nav-link .nav-link__tag, .header__nav .nav-link .nav-link__tag {
  align-items: center;
  border-radius: 2px;
  display: flex;
  gap: .125rem;
  justify-content: center;
  min-height: 16px;
  padding-bottom: .125rem;
  padding-left: .25rem;
  padding-right: .25rem;
  padding-top: .125rem;
  position: absolute;
  right: -.25rem;
  top: -.25rem
}
#modal-slideout-storeMenu .nav-link .nav-link__tag>svg, .header__nav .nav-link .nav-link__tag>svg {
  flex: 0 0 12px
}
#modal-slideout-storeMenu .nav-link .nav-link__tag>svg, .header__nav .nav-link .nav-link__tag>svg {
  height: .75rem
}
#modal-slideout-storeMenu .nav-link .nav-link__tag>svg, .header__nav .nav-link .nav-link__tag>svg {
  width: .75rem
}
#modal-slideout-storeMenu .nav-link .nav-link__tag>span, .header__nav .nav-link .nav-link__tag>span {
  font-size: 12px
}
#modal-slideout-storeMenu .nav-link .nav-link__tag>span, .header__nav .nav-link .nav-link__tag>span {
  font-weight: 700
}
#modal-slideout-storeMenu .nav-link .nav-link__tag>span, .header__nav .nav-link .nav-link__tag>span {
  line-height: 12px
}
#modal-slideout-storeMenu .nav-link .nav-link__tag>span, .header__nav .nav-link .nav-link__tag>span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
#modal-slideout-storeMenu .nav-link .nav-link__tag.nav-link__tag--red, .header__nav .nav-link .nav-link__tag.nav-link__tag--red {
  --tw-bg-opacity: 1;
  background-color: rgb(255 60 60/var(--tw-bg-opacity))
}
#modal-slideout-storeMenu .nav-link .nav-link__tag.nav-link__tag--orange, #modal-slideout-storeMenu .nav-link .nav-link__tag.nav-link__tag--yellow, .header__nav .nav-link .nav-link__tag.nav-link__tag--orange, .header__nav .nav-link .nav-link__tag.nav-link__tag--yellow {
  --tw-bg-opacity: 1;
  background-color: rgb(255 167 60/var(--tw-bg-opacity))
}
#modal-slideout-storeMenu .nav-link .nav-link__tag.nav-link__tag--blue, .header__nav .nav-link .nav-link__tag.nav-link__tag--blue {
  --tw-bg-opacity: 1;
  background-color: rgb(60 145 255/var(--tw-bg-opacity))
}
#modal-slideout-storeMenu .nav-link .nav-link__tag.nav-link__tag--green, .header__nav .nav-link .nav-link__tag.nav-link__tag--green {
  --tw-bg-opacity: 1;
  background-color: rgb(60 255 73/var(--tw-bg-opacity))
}
.header__mobile-menu {
  display: none;
  width: 100%
}
.header__mobile-menu .btn {
  cursor: pointer;
  gap: .5rem;
  padding-bottom: 2.5rem;
  padding-top: 2.5rem;
  width: 100%
}
.header__mobile-menu span {
  font-size: 1.25rem;
  line-height: 1.75rem;
  line-height: 1.5rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
@keyframes redGradientPulse {
  0%, to {
    opacity: .2
  }
  50% {
    opacity: .5
  }
}
@media (max-width:1000px) {
  .panel--top-bar .main__announcement {
    height: 50px;
    max-width: none;
    width: -moz-fit-content;
    width: fit-content
  }
  .panel--top-bar .main__announcement:before {
    left: -37px
  }
  .panel--top-bar .main__announcement:before {
    height: 38px
  }
  .panel--top-bar .main__announcement:after {
    right: -37px
  }
  .panel--top-bar .main__announcement:after {
    height: 38px
  }
  .panel--top-bar .main__announcement .announcement__left span, .panel--top-bar .main__announcement .announcement__right span {
    font-size: 14px;
    line-height: 1rem
  }
  .panel--top-bar .main__announcement .announcement__left>svg, .panel--top-bar .main__announcement .announcement__right>svg {
    flex: 0 0 16px
  }
  .panel--top-bar .main__announcement .announcement__left>svg, .panel--top-bar .main__announcement .announcement__right>svg {
    height: 16px
  }
  .panel--top-bar .main__announcement .announcement__left>svg, .panel--top-bar .main__announcement .announcement__right>svg {
    width: 16px
  }
  .header__logo {
    width: 666px
  }
  .header__logo img {
    margin-top: -51px
  }
  #ndzn-header {
    padding-top: 14px
  }
  .header__nav {
    display: none
  }
  .header__mobile-menu {
    display: flex
  }
}
@media (max-width:820px) {
  .panel--top-bar .main__announcement {
    display: none
  }
}
@media (max-width:550px) {
  .panel--top-bar {
    margin-bottom: 1rem;
    overflow: hidden
  }
  .panel--top-bar .btn {
    overflow: visible !important
  }
  .panel--top-bar .btn--user {
    height: 102px;
    padding-right: 1.25rem !important
  }
  .panel--top-bar .btn--user .btn__icon {
    display: none
  }
  .panel--top-bar .btn--cart {
    padding: 1.25rem !important
  }
  .panel--top-bar .btn--cart .btn__text {
    display: none
  }
  #ndzn-header {
    padding-top: 3.5rem
  }
  .header__logo {
    height: 102px;
    width: 327px
  }
  .header__logo img {
    margin-top: -38px
  }
  .header__mobile-menu .btn {
    padding-bottom: 35px;
    padding-top: 35px
  }
  .header__mobile-menu span {
    font-size: 16px;
    line-height: 22px
  }
}
@media (max-width:330px) {
  .header__logo {
    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(64 64 64/var(--tw-bg-opacity));
  border-radius: .5rem;
  padding-bottom: 19px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 19px
}
.basket-item__details__inner {
  display: flex;
  justify-content: space-between
}
.basket-item .basket-item__details {
  align-items: center;
  display: flex
}
.basket-item .basket-item__options {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  margin-top: .5rem
}
.basket-item .option {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-weight: 700;
  gap: .5rem
}
.basket-item .option .svg--cog {
  flex: 0 0 10px;
  height: 10px;
  width: 10px
}
.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: 600
}
.basket-item .details__name {
  font-size: 16px;
  line-height: 26px
}
.basket-item .details__price span {
  font-size: 14px;
  line-height: 22px
}
.basket-item .btn--grey {
  background-color: #FFFFF14 !important;
  border: 1px solid #ffffff14
}
.basket-item .btn--grey .arrow {
  position: absolute
}
.basket-item .details__qty-parent {
  border-radius: .25rem;
  position: relative
}
.basket-item .details__qty-parent .menu--qtys {
  --tw-bg-opacity: 1;
  background-color: rgb(79 79 79/var(--tw-bg-opacity));
  border-radius: .25rem;
  -moz-column-gap: .25rem;
  column-gap: .25rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  left: -23px;
  opacity: 0;
  padding-bottom: .375rem;
  padding-left: .375rem;
  padding-right: .375rem;
  padding-top: .375rem;
  position: absolute;
  row-gap: .25rem;
  top: 100%;
  transition-duration: .2s;
  visibility: hidden;
  width: 90px;
  z-index: 3
}
.basket-item .details__qty-parent .menu--qtys:before {
  content: ""
}
.basket-item .details__qty-parent .menu--qtys:before {
  position: absolute
}
.basket-item .details__qty-parent .menu--qtys:before {
  left: 0;
  right: 0
}
.basket-item .details__qty-parent .menu--qtys:before {
  top: -7px
}
.basket-item .details__qty-parent .menu--qtys:before {
  margin-left: auto;
  margin-right: auto
}
.basket-item .details__qty-parent .menu--qtys:before {
  display: block
}
.basket-item .details__qty-parent .menu--qtys:before {
  height: 0
}
.basket-item .details__qty-parent .menu--qtys:before {
  width: 0
}
.basket-item .details__qty-parent .menu--qtys:before {
  border-left-width: 8px;
  border-right-width: 8px
}
.basket-item .details__qty-parent .menu--qtys:before {
  border-bottom-width: 8px
}
.basket-item .details__qty-parent .menu--qtys:before {
  border-style: solid
}
.basket-item .details__qty-parent .menu--qtys:before {
  --tw-border-opacity: 1;
  border-color: rgb(79 79 79/var(--tw-border-opacity))
}
.basket-item .details__qty-parent .menu--qtys:before {
  border-left-color: transparent;
  border-right-color: transparent
}
.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));
  border-radius: .25rem;
  display: flex;
  flex: 0 0 40px;
  font-size: 20px;
  height: 40px;
  justify-content: center;
  line-height: 32px;
  padding: .5rem;
  width: 40px
}
.basket-item .details__qty-parent .btn--qtyValue {
  --tw-text-opacity: 1;
  border-radius: 0;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 13px;
  font-weight: 500;
  height: 26px;
  line-height: 26px
}
.basket-item .details__qty-parent .btn--qtyValue:focus, .basket-item .details__qty-parent .btn--qtyValue:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.basket-item .details__qty-parent .btn--qtyValue:focus, .basket-item .details__qty-parent .btn--qtyValue:hover {
  --tw-bg-opacity: 0.04
}
.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(60 255 73/var(--tw-text-opacity));
  font-size: 16px;
  line-height: 22px
}
.basket-item .btn--grey, .basket-item .btn--red {
  border-radius: .25rem;
  flex: 0 0 40px;
  height: 40px;
  width: 40px
}
.basket-item .btn--grey {
  --tw-bg-opacity: 1;
  background-color: rgb(79 79 79/var(--tw-bg-opacity));
  justify-content: center;
  padding-bottom: 1px;
  position: relative
}
.basket-item .btn--grey>span, .basket-item .btn--grey>svg {
  pointer-events: none
}
.basket-item .btn--grey>span, .basket-item .btn--grey>svg {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.basket-item .btn--grey>svg {
  position: absolute
}
.basket-item .btn--grey>svg {
  right: 11px
}
.basket-item .btn--grey>svg:first-of-type {
  top: 12px
}
.basket-item .btn--grey>svg:last-of-type {
  bottom: 12px
}
.basket-item .btn--grey>span {
  margin-right: .5rem
}
.basket-item .btn--grey>span {
  margin-top: 2px
}
.basket-item .btn--grey>span {
  display: inline-block
}
.basket-item .btn--grey>span {
  font-size: 16px
}
.basket-item .btn--grey>span {
  font-weight: 700
}
.basket-item .btn--grey>span {
  line-height: 18px
}
.basket-item .btn--red svg {
  flex: 0 0 20px;
  height: 20px;
  width: 20px
}
.basket-item .btn--red:hover {
  background-color: #ff3c3c79
}
.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
  }
}
#ndzn-footer {
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23/var(--tw-bg-opacity));
  margin-top: auto
}
#ndzn-footer .container {
  align-items: center;
  display: flex;
  padding-bottom: 4rem;
  padding-top: 4rem
}
.footer__left {
  align-items: center;
  display: flex;
  gap: 1.5rem
}
.footer__left .footer-logo {
  flex: 0 0 73px;
  height: auto;
  width: 73px
}
.footer__left .footer__left-text>span {
  display: block
}
.footer__left .footer__left-text>span {
  text-align: left
}
.footer__left .footer__left-text>span {
  font-size: 16px
}
.footer__left .footer__left-text>span {
  font-weight: 500
}
.footer__left .footer__left-text>span {
  line-height: 25px
}
.footer__right {
  margin-left: auto
}
#tm {
  align-items: center;
  display: flex
}
#tm>span, #tm>svg path {
  transition-duration: .3s
}
#tm>svg {
  flex: 0 0 20px
}
#tm>svg {
  height: auto
}
#tm>svg {
  width: 20px
}
#tm>svg path {
  fill: hsla(0, 0%, 100%, .3)
}
#tm>span {
  margin-right: .75rem
}
#tm>span {
  display: inline-block
}
#tm>span {
  font-size: 14px
}
#tm>span {
  font-weight: 400
}
#tm>span {
  text-transform: uppercase
}
#tm>span {
  line-height: 18px
}
#tm>span {
  color: hsla(0, 0%, 100%, .3)
}
#tm:focus>svg path, #tm:hover>svg path {
  fill: hsla(0, 0%, 100%, .5)
}
#tm:focus>span, #tm:hover>span {
  color: hsla(0, 0%, 100%, .5)
}
.tebex-footer-wrapper {
  --tw-bg-opacity: 1;
  background-color: rgb(18 18 18/var(--tw-bg-opacity));
  min-height: 50px !important
}
@media (max-width:680px) {
  #ndzn-footer .container {
    flex-direction: column;
    padding-bottom: 4rem;
    padding-top: 4rem
  }
  .footer__right {
    margin-right: auto;
    margin-top: 1.25rem
  }
}
@media (max-width:550px) {
  .footer__left {
    flex-direction: column
  }
  .footer__left .footer__left-text>span {
    text-align: center
  }
  .footer__left .footer-logo {
    flex: 0;
    height: 58px
  }
}
.modal-wrap {
  align-items: center;
  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: hsla(0, 0%, 9%, .9);
  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
}
.modal .modal-wrap {
  background-color: hsla(0, 0%, 9%, .9)
}
.modal .modal-dialogue {
  --tw-bg-opacity: 1;
  background-color: rgb(54 54 54/var(--tw-bg-opacity));
  position: relative
}
.modal.is-centered .modal-wrap {
  grid-template-columns: minmax(auto, 978px);
  padding-left: 100px;
  padding-right: 100px
}
.modal.is-centered .modal-dialogue {
  border-radius: 8px;
  padding: var(--spacing)
}
.modal.is-centered .btn.btn--close {
  right: -64px;
  top: 0
}
.modal.is-slideout .modal-wrap {
  grid-template-columns: minmax(auto, 387px)
}
.modal.is-slideout .modal-dialogue {
  border-radius: 0;
  height: 100%;
  padding: var(--spacing)
}
.modal.is-slideout .modal-body {
  flex: 1 1 auto
}
.modal.is-slideout.is-left .btn.btn--close {
  right: -56px;
  top: 1rem
}
.modal.is-slideout.is-right .btn.btn--close {
  left: -56px;
  top: 1rem
}
.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;
  background-color: hsla(0, 0%, 9%, .9);
  padding-bottom: 61px;
  padding-top: 61px
}
.btn.btn--close {
  --tw-bg-opacity: 1;
  background-color: rgb(255 60 60/var(--tw-bg-opacity));
  border-radius: 4px;
  box-shadow: 0 0 24px 0 #ff3c3c3d;
  height: 40px;
  position: absolute;
  width: 40px
}
@media (max-width:700px) {
  .modal.is-centered .modal-wrap {
    padding-left: var(--spacing);
    padding-right: var(--spacing)
  }
  .modal.is-centered .btn.btn--close {
    right: 0;
    top: -64px
  }
}
@media (max-width:650px) {
  .modal.is-slideout .modal-wrap {
    grid-template-columns: minmax(auto, 335px)
  }
  .modal.is-slideout .btn--close {
    background-color: transparent;
    box-shadow: 0 0 transparent
  }
}
@media (max-width:400px) {
  .modal.is-slideout.is-left .btn.btn--close {
    right: -16px;
    top: .5rem
  }
  .modal.is-slideout.is-right .btn.btn--close {
    left: -16px;
    top: .5rem
  }
}
@media (max-width:350px) {
  .modal.is-slideout.is-left .btn.btn--close {
    right: 0
  }
  .modal.is-slideout.is-right .btn.btn--close {
    left: 0
  }
}
#modal-login.modal.is-centered .modal-wrap {
  grid-template-columns: minmax(auto, 704px)
}
#modal-login .modal-dialogue {
  padding: 0 !important
}
.panel--login {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  overflow: hidden;
  position: relative
}
.panel--login .login-bg-assets {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 1
}
.panel--login .grad {
  --tw-blur: blur(110px);
  border-radius: 9999px;
  bottom: -100px;
  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);
  flex: 0 0 243px;
  height: 243px;
  opacity: .7;
  position: absolute;
  width: 243px
}
.panel--login .grad.grad--blue {
  --tw-bg-opacity: 1;
  background-color: rgb(59 116 201/var(--tw-bg-opacity));
  left: -60px
}
.panel--login .grad.grad--yellow {
  --tw-bg-opacity: 1;
  background-color: rgb(255 209 83/var(--tw-bg-opacity));
  right: -60px
}
.panel--login .branch, .panel--login .leaves {
  position: absolute
}
.panel--login .leaves--left {
  animation: leavesFallingDown 3s ease 1;
  left: 47px;
  top: 33px;
  width: 65px
}
.panel--login .leaves--right {
  animation: leavesFallingDown 5s ease 1;
  right: 49px;
  top: 31px;
  width: 63px
}
.panel--login .branch {
  bottom: 0;
  width: 180px
}
.panel--login .branch--left {
  animation: movingBranchesLeft 10s ease infinite;
  left: 0
}
.panel--login .branch--right {
  --tw-scale-x: -1;
  animation: movingBranchesRight 12s ease infinite;
  right: 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))
}
.panel--login h3 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 20px;
  font-weight: 700;
  line-height: 33px;
  text-align: center
}
.panel--login .btn--login, .panel--login h3 {
  position: relative;
  z-index: 2
}
.panel--login .btn--login {
  border-radius: 8px;
  gap: .25rem;
  margin-top: 2rem;
  min-height: 56px;
  padding-left: 3rem;
  padding-right: 3rem
}
.panel--login .btn--login:focus svg, .panel--login .btn--login:hover svg {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1
}
.panel--login .btn--login:focus svg, .panel--login .btn--login:hover 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))
}
.panel--login .btn--login svg {
  transition-duration: .3s
}
.panel--login .btn--login .btn__text {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 25px
}
#ndzn-loginContainer .panel--login {
  padding-bottom: 4rem;
  padding-left: 90px;
  padding-right: 90px;
  padding-top: 52px
}
@keyframes leavesFallingDown {
  0% {
    transform: translateY(-200px)
  }
  to {
    transform: translate(0)
  }
}
@keyframes movingBranchesLeft {
  0%, to {
    transform: scale(1) rotate(0deg)
  }
  50% {
    transform: scale(1.2) rotate(-10deg)
  }
}
@keyframes movingBranchesRight {
  0%, to {
    transform: scaleX(-1) scaleY(1) rotate(0deg)
  }
  50% {
    transform: scaleX(-1.2) scaleY(1.2) rotate(-10deg)
  }
}
#modal-logout .modal-logout--top {
  margin-left: auto;
  margin-right: auto;
  text-align: center
}
#modal-logout h4 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  line-height: 1.5rem
}
#modal-logout .modal-logout__buttons {
  display: flex;
  gap: 1.5rem;
  margin-top: 1.5rem;
  width: 100%
}
#modal-logout .modal-logout__buttons .btn {
  height: 56px;
  transition-duration: .2s;
  width: 100%
}
#modal-logout .modal-logout__buttons .btn:hover {
  --tw-brightness: brightness(1.25);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
#modal-logout .modal-logout__buttons .btn--grey {
  background-color: #ffffff08
}
#modal-logout .modal-logout__buttons .btn--grey:hover {
  background-color: #ffffff1f
}
@media (max-width:650px) {
  #ndzn-loginContainer .panel--login {
    padding: 3rem 2.5rem
  }
  #ndzn-loginContainer .panel--login h3 {
    font-size: 16px;
    line-height: 26px
  }
  #ndzn-loginContainer .panel--login .btn--login {
    margin-top: 25px;
    padding-left: 0;
    padding-right: 0;
    width: 100%
  }
  #ndzn-loginContainer .panel--login .btn--login .btn__text {
    text-align: center
  }
  #ndzn-loginContainer .panel--login .branch {
    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;
  padding: var(--spacing)
}
.options-form .input, .options-form input, .options-form select {
  border-radius: .5rem;
  display: block;
  flex: 1 1 auto;
  font-weight: 500;
  line-height: 24px;
  overflow: hidden;
  padding-bottom: 17.5px;
  padding-left: 1.75rem;
  padding-right: 64px;
  padding-top: 17.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}
.options-form .svg-dd {
  position: absolute;
  right: 1.5rem;
  top: 1.25rem
}
.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(0 0 0/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 {
  background-color: #ffffff14;
  border-radius: .25rem;
  bottom: 0;
  color: #ffffff80;
  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, .options-form .form-group-discord .form-group__inner {
  width: 100%
}
.options-form .btn--discord {
  --tw-bg-opacity: 1;
  background-color: rgb(255 209 83/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(82 67 27/var(--tw-text-opacity));
  font-size: 16px !important;
  font-weight: 700;
  line-height: 26px
}
.options-form .btn--discord path {
  fill: #52431b
}
.options-form .input-discord-form {
  width: 100%
}
.options-form .btn--blue {
  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: #F2D2D14;
  border: 1px solid #ff2d2d7a;
  display: flex;
  margin: 0 !important;
  min-height: 59px;
  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-left: 1.25rem;
    padding-right: 2.5rem;
    padding-top: 18px
  }
  .options-form select.input {
    padding-left: 1.25rem;
    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
  }
}
@media (max-width:400px) {
  .options-form .input-form-addon {
    padding-right: 4rem
  }
}
#modal-slideout-storeMenu .mobile-menu__title {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(60 145 255/var(--tw-bg-opacity));
  border-radius: .5rem;
  display: flex;
  gap: .5rem;
  justify-content: center;
  margin-bottom: 1.5rem;
  padding-bottom: 2.5rem;
  padding-top: 2.5rem;
  width: 100%
}
#modal-slideout-storeMenu .mobile-menu__title span {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.75rem;
  line-height: 1.5rem
}
#modal-slideout-storeMenu .mobile-menu__nav {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%
}
#modal-slideout-storeMenu .nav-link {
  width: -moz-fit-content;
  width: fit-content
}
#modal-slideout-cart .modal-dialogue {
  height: 100%;
  padding: 1.5rem
}
#modal-slideout-cart .modal-dialogue:before {
  background: linear-gradient(180deg, #ffcb3c, rgba(255, 203, 60, 0))
}
#modal-slideout-cart .modal-dialogue:before {
  position: absolute
}
#modal-slideout-cart .modal-dialogue:before {
  left: 0
}
#modal-slideout-cart .modal-dialogue:before {
  top: 0
}
#modal-slideout-cart .modal-dialogue:before {
  height: 257px
}
#modal-slideout-cart .modal-dialogue:before {
  width: 100%
}
#modal-slideout-cart .modal-dialogue:before {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
#modal-slideout-cart .modal-dialogue:before {
  opacity: .1
}
#modal-slideout-cart .modal-dialogue:before {
  --tw-content: "";
  content: var(--tw-content)
}
#modal-slideout-cart .modal-body {
  display: flex;
  flex-direction: column;
  height: 100%
}
.cart-header {
  background-color: #ffcb3c52;
  background-image: url(https://i.imgur.com/HSy7Bh1.png);
  background-position: 50%;
  background-size: cover;
  border: 1px solid #ffcb3c52;
  border-radius: .375rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
  padding: 28px 2rem 2rem;
  position: relative
}
.cart-header .btn {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #00000029;
  gap: .25rem;
  height: 30px;
  margin-top: 1rem;
  padding-left: .75rem;
  padding-right: .75rem;
  width: -moz-fit-content;
  width: fit-content
}
.cart-header .btn path, .cart-header .btn span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 14px;
  font-weight: 400;
  opacity: .5
}
.cart-header b {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.75rem;
  line-height: 1.5rem;
  margin-bottom: .5rem;
  overflow: hidden;
  padding-right: 4rem;
  text-overflow: ellipsis;
  white-space: nowrap
}
.cart-header span {
  color: #ffffffb2;
  font-weight: 700;
  line-height: 19px
}
.cart-header span strong {
  --tw-text-opacity: 1;
  color: rgb(255 203 60/var(--tw-text-opacity));
  font-weight: 500;
  text-shadow: 0 0 4px 0 #ffcb3c3d
}
.cart-header__character {
  bottom: 0;
  height: calc(100% + 12px);
  pointer-events: none;
  position: absolute;
  right: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.cart-body__packages-and-currency {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px
}
.cart-body__packages-and-currency .cart-currency__button {
  align-items: center;
  display: flex;
  gap: .25rem
}
.cart-body__packages-and-currency .cart-currency__button span {
  font-weight: 700
}
.cart-body__packages-and-currency .menu--currency {
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64/var(--tw-bg-opacity));
  border-radius: .375rem;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: .25rem;
  padding-left: .5rem;
  padding-right: .5rem;
  padding-top: .25rem;
  position: absolute;
  right: 0;
  top: 0
}
.cart-body__packages-and-currency .menu--currency a {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-weight: 700;
  opacity: .7;
  padding: 6px;
  text-transform: uppercase;
  transition-duration: .2s
}
.cart-body__packages-and-currency .menu--currency a:hover {
  opacity: 1
}
.cart-body__no-packages {
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64/var(--tw-bg-opacity));
  border-radius: .375rem;
  padding: 35px 1.5rem;
  text-align: center
}
.cart-body__no-packages h4 {
  font-weight: 700;
  line-height: 19px;
  margin-bottom: 11px
}
.cart-body__no-packages span {
  color: #ffffff80;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5rem
}
.cart-body {
  display: flex;
  flex-direction: column
}
.cart-body__bottom {
  margin-top: auto;
  text-align: center
}
.cart-body__bottom span {
  align-items: center;
  display: flex;
  gap: .25rem;
  justify-content: center
}
.cart-body__bottom h6 {
  font-weight: 700;
  line-height: 19px;
  margin-bottom: 0
}
.cart-body__bottom b {
  color: #ffffff80;
  font-weight: 700;
  line-height: 19px
}
.cart-body__bottom .btn {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-weight: 700;
  height: 4rem;
  margin-top: 1.25rem;
  text-transform: capitalize
}
.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(270deg, rgba(34, 34, 34, 0), #222)
}
.is-ranks:before {
  left: 0
}
.is-ranks:after {
  background: linear-gradient(90deg, rgba(34, 34, 34, 0), #222)
}
.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: 1432px
}
#ranks-table .ranks_item-empty {
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
#ranks-table .ranks__cta, #ranks-table .ranks__overview, #ranks-table .ranks__perks {
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
  display: grid;
  row-gap: 1.5rem
}
#ranks-table .package__image {
  background: transparent;
  border-radius: .25rem;
  box-shadow: none;
  height: auto;
  transition-duration: .2s;
  width: 100%
}
#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;
  margin: 0
}
#ranks-table .package__info {
  margin: 0;
  width: 100%
}
#ranks-table .package {
  height: 100%;
  position: relative
}
#ranks-table .package .package__name-and-tags {
  align-items: center;
  display: flex;
  justify-content: center
}
#ranks-table .package .package__name {
  font-size: 20px;
  line-height: 23px;
  margin-top: 28px;
  width: -moz-fit-content;
  width: fit-content
}
#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 .package .package__tags {
  display: none
}
#ranks-table .perk {
  min-height: 75px
}
#ranks-table .perk.odd {
  --tw-bg-opacity: 0.8
}
#ranks-table .perk {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: .5rem;
  justify-content: center;
  margin-bottom: 0 !important
}
#ranks-table .perk__innerLabel {
  --tw-text-opacity: 1;
  align-items: center;
  color: rgb(77 99 140/var(--tw-text-opacity));
  display: flex;
  font-size: 13px;
  font-weight: 600;
  gap: .25rem;
  text-decoration-color: rgba(0, 0, 0, .1);
  text-decoration-line: underline;
  text-underline-offset: 6px
}
#ranks-table .perk__tooltipIcon {
  --tw-text-opacity: 1;
  align-items: center;
  border-radius: 9999px;
  color: rgb(0 0 0/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--vip {
  background-color: #ffcb3c29;
  border: 1px solid #ffcb3c7a;
  box-shadow: 0 0 32px 0 #ffcb3c3d;
  position: relative
}
#ranks-table .perk--vip .svg-vip__top {
  border-radius: .5rem;
  left: -1px;
  position: absolute;
  top: -1px
}
#ranks-table .perk--vip .svg-vip__bottom {
  border-radius: .5rem;
  bottom: -1px;
  position: absolute;
  right: -1px
}
#ranks-table .perk__value {
  align-items: center;
  display: flex;
  gap: .5rem;
  justify-content: center
}
#ranks-table .perk__value div {
  align-items: center;
  display: flex;
  gap: .5rem;
  transition-duration: .2s
}
#ranks-table .perk__value path {
  transition-duration: .2s
}
#ranks-table .perk__value span {
  font-weight: 400
}
#ranks-table .perk__value:hover path {
  fill-opacity: 1
}
#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__cta {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem
}
#ranks-table .ranks__cta .package .package__details, #ranks-table .ranks__cta .package .package__image {
  display: none
}
#ranks-table .ranks__cta .package .package__buttons {
  margin: 0
}
#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: 1.5rem !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(43 43 43/var(--tw-bg-opacity)) !important;
  color: #ffffffb2;
  display: flex;
  font-weight: 700;
  gap: .5rem;
  position: relative
}
#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;
  justify-content: flex-start;
  text-align: left
}
#ranks-table .ranks__perks .perk--label:before {
  -webkit-clip-path: polygon(0 0, 3px 4px, 3px 21px, 0 25px);
  clip-path: polygon(0 0, 3px 4px, 3px 21px, 0 25px)
}
#ranks-table .ranks__perks .perk--label:before {
  position: absolute
}
#ranks-table .ranks__perks .perk--label:before {
  top: 50%
}
#ranks-table .ranks__perks .perk--label:before {
  left: 0
}
#ranks-table .ranks__perks .perk--label:before {
  height: 25px
}
#ranks-table .ranks__perks .perk--label:before {
  width: 3px
}
#ranks-table .ranks__perks .perk--label: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))
}
#ranks-table .ranks__perks .perk--label:before {
  background-color: #ffffff4d
}
#ranks-table .ranks__perks .perk--label:before {
  --tw-content: "";
  content: var(--tw-content)
}
.alert.alert--ranks {
  align-items: flex-start;
  display: flex;
  gap: 1.5rem;
  padding: 2.5rem;
  position: relative
}
.alert.alert--ranks span {
  max-width: 701px
}
.alert.alert--ranks h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  text-shadow: 0 0 16px #ff2d2d85;
  text-transform: uppercase
}
.alert.alert--ranks p {
  color: #ffffffb2;
  font-weight: 500;
  line-height: 1.5rem;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem
}
.alert.alert--ranks .alert__icon {
  flex: 0 0 57px;
  height: auto;
  position: relative;
  width: 57px
}
.alert.alert--ranks .alert__icon:before {
  position: absolute
}
.alert.alert--ranks .alert__icon:before {
  top: 0
}
.alert.alert--ranks .alert__icon:before {
  left: 0
}
.alert.alert--ranks .alert__icon:before {
  z-index: -1
}
.alert.alert--ranks .alert__icon:before {
  height: 100%
}
.alert.alert--ranks .alert__icon:before {
  width: 100%
}
.alert.alert--ranks .alert__icon:before {
  background-color: #ff2d2d52
}
.alert.alert--ranks .alert__icon:before {
  --tw-blur: blur(24px);
  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)
}
.alert.alert--ranks .alert__icon:before {
  --tw-content: "";
  content: var(--tw-content)
}
.alert.alert--ranks a {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.alert.alert--ranks .alert__bg {
  border-radius: .5rem;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: auto
}
.alert.alert--ranks .mobile {
  display: none
}
@media (max-width:1300px) {
  .alert.alert--ranks .alert__bg {
    display: none
  }
  .alert.alert--ranks span {
    max-width: none
  }
}
@media (max-width:650px) {
  #ranks-table {
    min-width: 0
  }
  #ranks-table .ranks__cta, #ranks-table .ranks__perks, #ranks-table .ranks_item-empty {
    display: none
  }
  #ranks-table .ranks__overview {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important
  }
  #ranks-table .package .package__inner {
    padding: 1.5rem
  }
  .is-ranks:after, .is-ranks:before {
    opacity: 0 !important
  }
  .alert.alert--ranks {
    align-items: center;
    flex-direction: column;
    padding: 2.5rem 1.5rem 1.5rem
  }
  .alert.alert--ranks span {
    text-align: center
  }
  .alert.alert--ranks p {
    font-size: 14px
  }
  .alert.alert--ranks a {
    content: "Click Here!"
  }
  .alert.alert--ranks .desktop-why {
    display: none
  }
  .alert.alert--ranks .mobile {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    width: -moz-fit-content;
    width: fit-content
  }
}