:root {
  --fontMdi: "Material Design Icons";
  --spacing: 24px;
  --containerPadding: 0 32px;
  --modalPadding: 48px
}
@media(max-width:1200px) {
  :root {
    --containerPadding: 0 40px
  }
}
@media(max-width:1000px) {
  :root {
    --containerPadding: 0 20px
  }
}
@media(max-width:650px) {
  :root {
    --containerPadding: 0 12px
  }
}
button {
  outline: 2px solid transparent;
  outline-offset: 2px
}
.btn--shell {
  overflow: hidden
}
.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;
  -webkit-animation: spinAround .5s linear infinite;
  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
}
@-webkit-keyframes spinAround {
  to {
    transform: rotate(1turn)
  }
}
@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--pink {
  --tw-bg-opacity: 1;
  background-color: rgb(219 77 187/var(--tw-bg-opacity));
  border-radius: 4px;
  overflow: hidden
}
.btn.btn--pink, .btn.btn--pink * {
  position: relative
}
.btn.btn--pink * {
  z-index: 3
}
.btn.btn--pink span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.btn.btn--purple {
  --tw-bg-opacity: 1;
  background-color: rgb(102 78 219/var(--tw-bg-opacity))
}
.btn.btn--purple span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.btn.btn--red {
  --tw-bg-opacity: 1;
  background-color: rgb(255 75 85/var(--tw-bg-opacity))
}
.btn.btn--grey {
  --tw-bg-opacity: 1;
  background-color: rgb(72 60 71/var(--tw-bg-opacity))
}
.btn.btn--lightgrey {
  --tw-bg-opacity: 1;
  background-color: rgb(133 123 132/var(--tw-bg-opacity));
  border-color: #ffffff1a;
  border-style: solid;
  border-width: 1px
}
.btn.btn--transparent:focus, .btn.btn--transparent:hover {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.05;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
*, :after, :before {
  border: 0 solid #e5e7eb;
  box-sizing: border-box
}
:after, :before {
  --tw-content: ""
}
html {
  -webkit-text-size-adjust: 100%;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4
}
body {
  line-height: inherit;
  margin: 0
}
hr {
  border-top-width: 1px;
  color: inherit;
  height: 0
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit
}
a {
  color: inherit;
  text-decoration: inherit
}
b, strong {
  font-weight: bolder
}
code, kbd, pre, samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-size: 1em
}
small {
  font-size: 80%
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}
table {
  border-collapse: collapse;
  border-color: inherit;
  text-indent: 0
}
button, input, optgroup, select, textarea {
  color: inherit;
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0
}
button, select {
  text-transform: none
}
[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none
}
:-moz-focusring {
  outline: auto
}
:-moz-ui-invalid {
  box-shadow: none
}
progress {
  vertical-align: baseline
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}
::-webkit-search-decoration {
  -webkit-appearance: none
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}
summary {
  display: list-item
}
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
  margin: 0
}
fieldset {
  margin: 0
}
fieldset, legend {
  padding: 0
}
menu, ol, ul {
  list-style: none;
  margin: 0;
  padding: 0
}
textarea {
  resize: vertical
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #9ca3af;
  opacity: 1
}
input::placeholder, textarea::placeholder {
  color: #9ca3af;
  opacity: 1
}
[role=button], button {
  cursor: pointer
}
:disabled {
  cursor: default
}
audio, canvas, embed, iframe, img, object, svg, video {
  display: block;
  vertical-align: middle
}
img, video {
  height: auto;
  max-width: 100%
}
*, :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:
}
::-webkit-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:
}
::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
}
.relative {
  position: relative
}
.sticky {
  position: -webkit-sticky;
  position: sticky
}
.-left-1 {
  left: -.25rem
}
.-right-1 {
  right: -.25rem
}
.-right-2 {
  right: -.5rem
}
.order-first {
  order: -9999
}
.col-span-2 {
  grid-column: span 2/span 2
}
.mx-auto {
  margin-left: auto;
  margin-right: auto
}
.mt-8 {
  margin-top: 2rem
}
.block {
  display: block
}
.flex {
  display: flex
}
.table {
  display: table
}
.table-row {
  display: table-row
}
.grid {
  display: grid
}
.hidden {
  display: none
}
.w-full {
  width: 100%
}
.max-w-5xl {
  max-width: 64rem
}
.max-w-xs {
  max-width: 20rem
}
.-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-y-10 {
  --tw-translate-y: 2.5rem
}
.translate-y-0, .translate-y-10 {
  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-x-10 {
  --tw-translate-x: 2.5rem
}
.scale-105, .translate-x-10 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05
}
.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1
}
.scale-100, .scale-95 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.cursor-pointer {
  cursor: pointer
}
.resize {
  resize: both
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr))
}
.flex-col {
  flex-direction: column
}
.gap-4 {
  gap: 1rem
}
.border {
  border-width: 1px
}
.py-4 {
  padding-bottom: 1rem;
  padding-top: 1rem
}
.text-center {
  text-align: center
}
.text-xs {
  font-size: .75rem;
  line-height: 1rem
}
.text-\[20px\] {
  font-size: 20px
}
.text-ranks-cyan {
  --tw-text-opacity: 1;
  color: rgb(77 219 210/var(--tw-text-opacity))
}
.text-ranks-yellow {
  --tw-text-opacity: 1;
  color: rgb(219 213 77/var(--tw-text-opacity))
}
.text-ranks-green {
  --tw-text-opacity: 1;
  color: rgb(113 216 64/var(--tw-text-opacity))
}
.text-ranks-purple {
  --tw-text-opacity: 1;
  color: rgb(219 77 187/var(--tw-text-opacity))
}
.text-ranks-red {
  --tw-text-opacity: 1;
  color: rgb(219 77 76/var(--tw-text-opacity))
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.text-opacity-75 {
  --tw-text-opacity: 0.75
}
.opacity-0 {
  opacity: 0
}
.opacity-100 {
  opacity: 1
}
.opacity-10 {
  opacity: .1
}
.blur {
  --tw-blur: blur(8px)
}
.blur, .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, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.transition-all {
  transition-duration: .15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.delay-100 {
  transition-delay: .1s
}
.delay-150 {
  transition-delay: .15s
}
.delay-300 {
  transition-delay: .3s
}
.delay-200 {
  transition-delay: .2s
}
.duration-\[200ms\] {
  transition-duration: .2s
}
.duration-\[500ms\] {
  transition-duration: .5s
}
.duration-\[250ms\] {
  transition-duration: .25s
}
.duration-\[300ms\] {
  transition-duration: .3s
}
.duration-150 {
  transition-duration: .15s
}
.duration-500 {
  transition-duration: .5s
}
.duration-300 {
  transition-duration: .3s
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, .2, 1)
}
.ease-in {
  transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}
.ease-in-out {
  transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.overlay {
  bottom: 0;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 99999
}
#ndzn-app-cloak {
  --tw-bg-opacity: 1;
  background-color: rgb(18 20 22/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] {
  opacity: 1 !important;
  visibility: visible !important
}
input:-internal-autofill-selected {
  --tw-bg-opacity: 1 !important;
  background-color: red !important;
  background-color: rgb(255 75 85/var(--tw-bg-opacity)) !important
}
body {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(28 23 27/var(--tw-bg-opacity));
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-family: Rubik, sans-serif
}
#ndzn-app, body {
  position: relative
}
#ndzn-app {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100vh;
  opacity: 1;
  visibility: visible;
  z-index: 3
}
#ndzn-page {
  margin-bottom: 88px;
  position: relative;
  z-index: 4
}
[x-cloak] {
  display: none !important
}
#ndzn-app-cloak {
  bottom: 0;
  display: block !important;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition-delay: .1s;
  transition-duration: .2s;
  visibility: hidden;
  width: 100%;
  z-index: 999999
}
#ndzn-app-cloak[x-cloak] {
  opacity: 1;
  visibility: visible
}
.container {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 1588px;
  padding: var(--containerPadding)
}
.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 .ndzn-js--ddMenu:before {
  border-bottom: 8px solid #433840;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  top: -7px;
  width: 0
}
.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 {
  transition-duration: .2s
}
a.btn {
  -webkit-text-decoration-line: none !important;
  text-decoration-line: none !important
}
.content-category .panel.--heading {
  padding-left: 200px;
  padding-right: 200px
}
.panel {
  --tw-bg-opacity: 1;
  background-color: rgb(51 46 50/var(--tw-bg-opacity));
  border: 2px solid #ffffff0a;
  border-radius: 12px;
  margin-bottom: var(--spacing)
}
.panel.--heading {
  background: linear-gradient(269.4deg, rgba(219, 77, 187, .2), rgba(216, 60, 180, .2));
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-right-width: 2px;
  border-style: solid;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 2rem;
  position: relative
}
.panel.--heading.--hasBackBtn {
  padding-left: 230px;
  padding-right: 230px
}
.panel.--heading.--fullBr {
  border-radius: 12px
}
.panel.--heading .__heading {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center
}
.panel.--heading .title {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 5px
}
.panel.--heading .title h1 {
  --tw-text-opacity: 1;
  color: rgb(219 77 187/var(--tw-text-opacity));
  display: inline-block;
  font-size: 26px;
  font-weight: 900;
  line-height: 34px;
  text-transform: uppercase
}
.panel.--heading .title .svg--star {
  display: inline-block;
  margin-left: 1rem;
  margin-right: 1rem
}
.panel.--heading .subtitle h6 {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.5;
  color: rgb(219 77 187/var(--tw-text-opacity));
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  opacity: 1 !important;
  text-transform: uppercase
}
.panel.--heading .btn--toggleRanksView {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.04;
  align-items: center;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-color: #ffffff0a;
  border-style: solid;
  border-width: 1px;
  bottom: 0;
  display: flex;
  gap: .875rem;
  height: 48px;
  left: 48px;
  line-height: 48px;
  margin-bottom: auto;
  margin-top: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  position: absolute;
  top: 0;
  z-index: 5
}
.panel.--heading .btn--toggleRanksView:focus, .panel.--heading .btn--toggleRanksView:hover {
  --tw-bg-opacity: 0.12
}
.panel.--heading .btn--toggleRanksView:focus span, .panel.--heading .btn--toggleRanksView:hover span {
  --tw-text-opacity: 0.6
}
.panel.--heading .btn--toggleRanksView:focus svg, .panel.--heading .btn--toggleRanksView:hover svg {
  opacity: .6
}
.panel.--heading .btn--toggleRanksView span, .panel.--heading .btn--toggleRanksView svg {
  transition-duration: .2s
}
.panel.--heading .btn--toggleRanksView span {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.3;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  margin-bottom: -2px
}
.panel.--heading .btn--toggleRanksView svg {
  margin-top: -2px;
  opacity: .3
}
.panel .panel__body {
  padding: 3rem
}
.panel .panel__body hr {
  border-color: #ffffff1a
}
.panel .panel__body>:first-child {
  margin-top: 0
}
.panel .panel__body>:last-child {
  margin-bottom: 0
}
.panel .panel__body img {
  width: 100%
}
.panel .alert.--sml {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.05;
  align-items: center;
  background-color: rgb(255 75 85/var(--tw-bg-opacity));
  border-radius: 4px;
  display: inline-flex;
  padding-bottom: 9px;
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 9px
}
.panel .alert.--sml>svg {
  display: inline-block;
  flex: 0 0 16px;
  margin-right: .625rem;
  margin-top: -2px;
  width: 16px
}
.panel .alert.--sml>span {
  --tw-text-opacity: 1;
  color: rgb(255 75 85/var(--tw-text-opacity));
  font-size: 14px;
  font-weight: 400;
  line-height: 20px
}
.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: 32px;
  line-height: 44px;
  text-transform: uppercase
}
.modal__description h2, .panel__body h2 {
  font-size: 24px;
  line-height: 32px
}
.modal__description h3, .panel__body h3 {
  font-size: 20px;
  line-height: 28px
}
.modal__description h4, .modal__description h5, .modal__description h6, .panel__body h4, .panel__body h5, .panel__body h6 {
  font-family: Rubik, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px
}
.modal__description li, .modal__description p, .panel__body li, .panel__body p {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px
}
.modal__description li, .panel__body li {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.modal__description p, .panel__body p {
  color: #ffffffcc;
  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 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: 9999px;
  content: "";
  display: block;
  height: 4px;
  left: 9px;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  top: 11px;
  width: 4px
}
.modal__description a, .panel__body a {
  --tw-text-opacity: 1;
  color: rgb(219 77 187/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 700;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  word-break: break-all
}
.modal__description small, .panel__body small {
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px
}
.modal__description b, .panel__body b {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.alert.alert--red {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(255 75 85/var(--tw-bg-opacity));
  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:before {
  border-color: #ffffff33;
  border-radius: 12px;
  border-style: solid;
  border-width: 2px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
.alert.alert--red svg {
  -webkit-animation: svgPulse 2s linear 1s infinite alternate;
  animation: svgPulse 2s linear 1s infinite alternate;
  flex: 0 0 24px;
  margin-right: 22px;
  width: 24px
}
.input, input {
  --tw-bg-opacity: 1;
  background-color: rgb(64 53 63/var(--tw-bg-opacity));
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  min-height: 40px;
  padding-left: 1.25rem;
  padding-right: 1.25rem
}
.input::-moz-placeholder, input::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(255 0 0/var(--tw-text-opacity))
}
.input::placeholder, input::placeholder {
  --tw-text-opacity: 1;
  color: rgb(255 0 0/var(--tw-text-opacity))
}
div[class*=-tebex-footer-wrapper] {
  background: #433840 !important;
  min-height: 40px !important
}
div[class*=-tebex-footer-text] {
  --tw-text-opacity: 1 !important;
  font-weight: 600 !important;
  margin-top: 0
}
div[class*=-tebex-footer-links] a {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255/var(--tw-text-opacity)) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  height: 24px !important;
  line-height: 24px !important;
  -webkit-text-decoration-line: none !important;
  text-decoration-line: none !important
}
@media(max-width:1200px) {
  .alert.alert--red {
    font-size: 14px;
    line-height: 24px;
    padding: .75rem 1.25rem
  }
  .alert.alert--red svg {
    flex: 0 0 20px;
    margin-right: 1.25rem;
    width: 20px
  }
  .panel.--heading .title h1 {
    font-size: 22px;
    line-height: 32px
  }
  .panel .panel__body {
    padding: 56px
  }
  .modal__description h1, .panel__body h1 {
    font-size: 24px;
    line-height: 32px
  }
  .modal__description h2, .panel__body h2 {
    font-size: 23px;
    line-height: 30px
  }
  .modal__description h3, .panel__body h3 {
    font-size: 21px;
    line-height: 28px
  }
  .modal__description h4, .modal__description h5, .modal__description h6, .panel__body h4, .panel__body h5, .panel__body h6 {
    font-size: 18px;
    line-height: 26px
  }
  .modal__description p, .panel__body p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: .75rem;
    margin-top: .75rem
  }
  .modal__description ol li, .modal__description ul li, .panel__body ol li, .panel__body ul li {
    margin-bottom: .25rem;
    margin-top: .25rem
  }
}
@media(max-width:1000px) {
  .panel.--heading .subtitle h6, .panel.--heading .title h1 {
    text-align: center
  }
}
@media(max-width:900px) {
  .panel.--heading.--hasBackBtn {
    padding-left: 170px;
    padding-right: 170px
  }
  .panel.--heading.--hasBackBtn .btn.btn--toggleRanksView {
    border-radius: 8px;
    gap: .75rem;
    height: 42px;
    left: 1.25rem;
    line-height: 42px;
    padding-left: 1rem;
    padding-right: 1rem
  }
  .panel.--heading.--hasBackBtn .btn.btn--toggleRanksView span {
    font-size: 16px;
    line-height: 21px;
    margin-top: -2px
  }
  .panel.--heading.--hasBackBtn .btn.btn--toggleRanksView svg {
    flex: 0 0 14px;
    height: 14px;
    width: 14px
  }
}
@media(max-width:650px) {
  .panel .panel__body {
    padding: 2.5rem;
    text-align: center
  }
  .panel.--heading {
    padding-bottom: 2.25rem;
    padding-top: 2.25rem
  }
  .panel.--heading .subtitle h6 {
    font-size: 14px;
    line-height: 20px
  }
  .panel.--heading .title h1 {
    font-size: 18px;
    line-height: 24px
  }
  .panel ol li, .panel ul li {
    text-align: left
  }
  .alert.alert--red {
    flex-direction: column;
    font-size: 13px;
    line-height: 22px;
    text-align: center
  }
  .alert.alert--red svg {
    margin-bottom: .5rem;
    margin-left: auto;
    margin-right: auto
  }
}
@media(max-width:540px) {
  .panel .panel__body {
    padding: 1.5rem
  }
  .modal__description li, .modal__description p, .panel__body li, .panel__body p {
    font-size: 14px;
    line-height: 24px
  }
  .panel.--heading.--hasBackBtn {
    padding-left: 1.75rem;
    padding-right: 1.75rem
  }
  .panel.--heading.--hasBackBtn .btn.btn--toggleRanksView {
    display: none
  }
}
@media(max-width:390px) {
  .panel.--heading {
    padding: 1.75rem 1.5rem
  }
}
@-webkit-keyframes svgPulse {
  0% {
    transform: scale(1)
  }
  50% {
    transform: scale(1.2)
  }
  to {
    transform: scale(1)
  }
}
@keyframes svgPulse {
  0% {
    transform: scale(1)
  }
  50% {
    transform: scale(1.2)
  }
  to {
    transform: scale(1)
  }
}
.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: 56px;
  opacity: 0;
  padding: 16px 27px;
  pointer-events: none;
  position: fixed;
  transition-duration: .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 400px;
  width: 100%;
  z-index: 9999
}
.toast.toast--visible {
  bottom: 0;
  opacity: 1
}
.toast.toast--visible .toast-icon, .toast.toast--visible svg {
  display: block !important
}
.toast.toast--success {
  --tw-bg-opacity: 1;
  background-color: rgb(35 199 91/var(--tw-bg-opacity));
  box-shadow: 0 -12px 64px 0 #34e85133
}
.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-icon, .toast .toast-text {
  filter: drop-shadow(0 2px 0 rgba(0, 0, 0, .15))
}
.toast .toast-text {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px
}
.toast .toast-icon {
  margin-right: .75rem
}
.toast .toast-icon svg {
  fill: #fff
}
@media(max-width:650px) {
  .toast-container {
    align-items: center;
    flex-direction: column;
    justify-content: center
  }
  .toast-container .toast-icon {
    margin-right: 0
  }
  .toast-container .toast-text {
    line-height: 22px;
    margin-top: .75rem;
    text-align: center
  }
}
.content-package .ndzn-magic--tabs-buttons, .ndzn-magic--tabs-buttons {
  margin-left: 0;
  margin-right: 0
}
.ndzn-magic--tabs-buttons {
  align-items: stretch;
  background-color: hsla(0, 0%, 100%, .04);
  border-radius: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-bottom: 3rem;
  padding: 1rem
}
.ndzn-magic--tabs-buttons button {
  border-radius: 8px;
  color: hsla(0, 0%, 100%, .6);
  font-weight: 700;
  padding-bottom: .75rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: .75rem;
  transition-duration: .15s
}
.ndzn-magic--tabs-buttons button:hover {
  background-color: hsla(0, 0%, 100%, .05)
}
.ndzn-magic--tabs-buttons button.active {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  color: rgb(53 44 52/var(--tw-text-opacity))
}
.ndzn-magic--tabs-buttons~div:not(.active) {
  display: none !important
}
.ndzn-magic--toggle {
  margin-top: 1.5rem;
  padding-left: .5rem;
  padding-right: .5rem
}
.ndzn-magic--toggle>h1:first-child {
  background-color: hsla(0, 0%, 100%, .02);
  border-color: hsla(0, 0%, 100%, .05);
  border-radius: 12px;
  border-style: solid;
  border-width: 2px;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-left: -.5rem;
  margin-right: -.5rem;
  padding-bottom: 13px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 14px;
  position: relative;
  transition-duration: .2s
}
.ndzn-magic--toggle>h1:first-child:hover {
  background-color: hsla(0, 0%, 100%, .035);
  border-color: hsla(0, 0%, 100%, .075)
}
.ndzn-magic--toggle>h1:first-child:after {
  --tw-rotate: 90deg;
  align-items: center;
  bottom: 0;
  content: "\203A";
  display: block;
  display: flex;
  font-size: 1.5rem;
  font-weight: 400;
  height: .75rem;
  justify-content: center;
  line-height: 2rem;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  right: 1.75rem;
  top: 1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  width: .75rem
}
.ndzn-magic--toggle.open>h1:first-child {
  background-color: hsla(0, 0%, 100%, .05);
  border-color: hsla(0, 0%, 100%, .2);
  margin-bottom: .5rem !important
}
.ndzn-magic--toggle.open>h1:first-child:after {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.ndzn-magic--toggle:not(.open)>h1:first-child~* {
  display: none !important
}
.panel.--login {
  margin-bottom: 0
}
.panel.--login .panel__body {
  padding-top: 2.5rem
}
#ndzn-loginContainer .form-container--login {
  display: grid;
  gap: .75rem;
  grid-template-columns: auto 251px;
  position: relative;
  transition-duration: .2s;
  width: 100%
}
#ndzn-loginContainer .form-container--login.--open {
  padding-bottom: 1rem
}
#ndzn-loginContainer .form-container--login.--open .form-input--login:before {
  opacity: 1;
  visibility: visible
}
#ndzn-loginContainer .form-login {
  width: 100%
}
#ndzn-loginContainer .form-login .btn.btn--pink {
  border-radius: 8px
}
#ndzn-loginContainer .form-input--login {
  position: relative
}
#ndzn-loginContainer .form-input--login:before {
  --tw-border-opacity: 1;
  border-color: rgb(255 75 85/var(--tw-border-opacity));
  border-radius: 8px;
  border-style: solid;
  border-width: 1px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition-duration: .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  visibility: hidden;
  width: 100%;
  z-index: 5
}
#ndzn-loginContainer .form-input--login .__skin {
  border-radius: 2px;
  bottom: 0;
  flex: 0 0 36px;
  height: 36px;
  left: 1.25rem;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  top: 0;
  width: 36px
}
#ndzn-loginContainer .__err {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.8;
  color: rgb(255 75 85/var(--tw-text-opacity))
}
#ndzn-loginContainer #login-input {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(59 54 58/var(--tw-bg-opacity));
  border-color: #ffffff0a;
  border-radius: 8px;
  border-style: solid;
  border-width: 1px;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  min-height: 72px;
  padding-bottom: 18px;
  padding-left: 76px;
  padding-right: 1.25rem;
  padding-top: 18px;
  position: relative;
  width: 100%
}
#ndzn-loginContainer #login-input::-moz-placeholder {
  font-weight: 400
}
#ndzn-loginContainer #login-input::placeholder {
  font-weight: 400
}
#ndzn-loginContainer #login-input::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
#ndzn-loginContainer #login-input::placeholder {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
#ndzn-loginContainer #login-input::-moz-placeholder {
  --tw-text-opacity: 0.5
}
#ndzn-loginContainer #login-input::placeholder {
  --tw-text-opacity: 0.5
}
#ndzn-loginContainer #login-input::focus {
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
#ndzn-loginContainer .btn--pink:before {
  display: none
}
#ndzn-loginContainer .btn--pink span {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  text-transform: uppercase
}
#ndzn-loginContainer .panel__body {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center
}
#ndzn-loginContainer .panel__body .form-login, #ndzn-loginContainer .panel__body h2, #ndzn-loginContainer .panel__body p {
  max-width: 1000px
}
#ndzn-loginContainer .panel__body h2, #ndzn-loginContainer .panel__body p {
  text-align: center
}
#ndzn-loginContainer .panel__body>p {
  margin-bottom: 3rem;
  margin-top: 0
}
#modal-login #ndzn-loginContainer .panel__body {
  padding-bottom: 46px;
  padding-left: 88px;
  padding-right: 88px;
  padding-top: 2.75rem
}
#modal-login #ndzn-loginContainer .panel__body>h2 {
  margin-bottom: 1.25rem
}
#modal-login #ndzn-loginContainer .panel__body>p {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.7;
  color: rgb(255 255 255/var(--tw-text-opacity));
  margin-bottom: 46px;
  margin-top: 0
}
#modal-login #ndzn-loginContainer #login-input, #modal-login #ndzn-loginContainer .btn.btn--pink {
  border-radius: 8px;
  min-height: 72px
}
#modal-login #ndzn-loginContainer #login-input {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(59 54 58/var(--tw-bg-opacity)) !important;
  padding-left: 76px
}
#modal-login #ndzn-loginContainer .__skin {
  left: 1.25rem
}
#modal-login .panel {
  border-width: 0;
  margin-bottom: 0
}
@media(max-width:1050px) {
  .modal.is-centered .modal-wrap {
    padding-left: 2.5rem;
    padding-right: 2.5rem
  }
  .modal.is-centered .btn.btn--close {
    right: 0;
    top: -80px
  }
  .modal.is-centered .form-container.form-container--login {
    width: 100%
  }
  #modal-login #ndzn-loginContainer .panel .panel__body {
    padding-left: 48px;
    padding-right: 48px
  }
}
@media(max-width:900px) {
  #ndzn-loginContainer .form-container--login {
    grid-template-columns: auto 251px
  }
  #ndzn-loginContainer .form-container--login.--open {
    padding-bottom: 1rem
  }
  #ndzn-loginContainer .form-container--login .__err {
    font-size: 14px
  }
  #ndzn-loginContainer .form-input--login .__err {
    bottom: -30px
  }
  #ndzn-loginContainer .panel__body {
    padding-bottom: 3rem;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 2.5rem
  }
  #ndzn-loginContainer .panel__body>p {
    line-height: 26px;
    margin-bottom: 2.5rem
  }
}
@media(max-width:700px) {
  #ndzn-loginContainer .panel__body {
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1.75rem
  }
  #ndzn-loginContainer .panel__body h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 22px
  }
  #ndzn-loginContainer .panel__body>p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 1.75rem
  }
  #ndzn-loginContainer .form-container.form-container--login {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
  #ndzn-loginContainer .form-container.form-container--login .btn--pink {
    min-height: 72px;
    padding-bottom: 1.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.5rem
  }
  .modal.is-centered .modal-wrap {
    padding-left: .75rem;
    padding-right: .75rem
  }
  .modal.is-centered .btn.btn--close {
    top: -52px
  }
  #modal-login.modal.is-centered .btn.btn--close {
    top: -72px
  }
  #modal-login.modal.is-centered #ndzn-loginContainer .panel__body {
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1.75rem
  }
  #modal-login.modal.is-centered #ndzn-loginContainer .panel__body>p {
    margin-bottom: 1.5rem
  }
}
@media(max-width:450px) {
  #ndzn-loginContainer .form-input--login .__skin {
    display: none
  }
  #ndzn-loginContainer .form-input--login #login-input {
    padding-left: 1.25rem;
    text-align: center
  }
  #ndzn-loginContainer .btn--pink span {
    font-size: 16px
  }
  #modal-login #ndzn-loginContainer #login-input {
    padding-left: .5rem !important;
    padding-right: .5rem !important
  }
}
@media(max-width:375px) {
  #modal-login.modal.is-centered #ndzn-loginContainer .panel__body {
    padding: 1.5rem 1rem
  }
}
@media(max-width:350px) {
  #modal-login #ndzn-loginContainer .panel__body {
    padding: 1rem
  }
}
.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)
}
.modal-wrap {
  --tw-bg-opacity: 0.7;
  align-items: center;
  background-color: rgb(0 0 0/var(--tw-bg-opacity));
  bottom: 0;
  display: grid;
  grid-template-columns: minmax(auto, 600px);
  grid-template-rows: auto 0;
  height: 100%;
  justify-content: center;
  left: 0;
  overflow: hidden;
  overflow: auto;
  padding-bottom: 4rem;
  padding-top: 4rem;
  position: fixed;
  right: 0;
  top: 0;
  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 {
  -webkit-animation: modalSpinner 1s linear infinite;
  animation: modalSpinner 1s linear infinite;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' style='display:block' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='50' cy='50' r='32' stroke-width='8' stroke='%23fff' stroke-dasharray='50.26548245743669 50.26548245743669' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  bottom: 0;
  content: "";
  display: block;
  height: 100px;
  left: 0;
  margin: auto;
  opacity: .1;
  right: 0;
  top: 0;
  width: 100px
}
@-webkit-keyframes modalSpinner {
  0% {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(1turn)
  }
}
@keyframes modalSpinner {
  0% {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(1turn)
  }
}
#checkout-overlay, #waiting-overlay {
  --tw-bg-opacity: 0.7;
  align-items: center;
  background-color: rgb(0 0 0/var(--tw-bg-opacity));
  bottom: 0;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  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.is-centered .modal-wrap {
  grid-template-columns: minmax(auto, 978px);
  padding-left: 100px;
  padding-right: 100px
}
.modal.is-centered .modal-dialogue {
  border-color: #ffffff1a;
  border-radius: 12px;
  border-style: solid;
  border-width: 1px
}
.modal.is-slideout .modal-wrap {
  grid-template-columns: minmax(auto, 472px)
}
.modal.is-slideout .modal-dialogue {
  border-radius: 0;
  height: 100%;
  padding: 2rem
}
.modal.is-slideout .modal-body {
  flex: 1 1 auto
}
.modal.is-left .btn.btn--close {
  right: -80px;
  top: 1.5rem
}
.modal.is-right .btn.btn--close {
  --tw-bg-opacity: 1;
  background-color: rgb(53 44 52/var(--tw-bg-opacity));
  flex: 0 0 56px;
  height: 56px;
  left: -88px;
  right: unset;
  top: 2rem;
  width: 56px
}
.modal .modal-title {
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 1.25rem
}
.modal-wrap {
  --tw-bg-opacity: 0.9;
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  background-color: rgb(28 23 27/var(--tw-bg-opacity));
  padding-bottom: 61px;
  padding-top: 61px
}
.modal-dialogue {
  --tw-bg-opacity: 1;
  background-color: rgb(53 44 52/var(--tw-bg-opacity));
  border-radius: 6px;
  position: relative;
  z-index: 3
}
.modal-dialogue .__inner {
  padding: 48px
}
.btn.btn--close {
  --tw-bg-opacity: 1;
  background-color: rgb(53 44 52/var(--tw-bg-opacity));
  border: 1px solid #ffffff1a;
  flex: 0 0 56px;
  height: 56px;
  position: absolute;
  right: -76px;
  top: 0;
  width: 56px
}
@media(max-width:1050px) {
  #modal-shopping.modal.is-centered .modal-wrap, .modal.is-centered .modal-wrap {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
  #modal-shopping.modal.is-centered .modal-wrap .btn.btn--close {
    right: -10px;
    top: -10px;
    z-index: 20
  }
}
@media(max-width:650px) {
  .modal.is-centered .modal-wrap {
    padding-bottom: 64px;
    padding-top: 64px
  }
}
@media(max-width:450px) {
  .modal.is-centered .modal-wrap {
    padding-left: .75rem !important;
    padding-right: .75rem !important
  }
}
#modal-slideout-cart.modal.is-right .btn.btn--close {
  left: -80px;
  top: 1.5rem
}
.basket-items .details__qty-parent.--v2.--disabled, .cart-body__items .details__qty-parent.--v2.--disabled {
  opacity: .5;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
#modal-slideout-cart .modal-body {
  display: flex;
  flex-direction: column;
  height: 100%
}
#modal-slideout-cart .cart-header {
  --tw-bg-opacity: 1;
  align-items: flex-start;
  background-color: rgb(219 77 187/var(--tw-bg-opacity));
  border-radius: 8px;
  box-shadow: 0 4px 8px #db4dbb24;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 126px;
  padding-bottom: 14px;
  padding-left: 32px;
  padding-right: 138px;
  padding-top: 14px;
  position: relative
}
#modal-slideout-cart .cart-header .__buttons, #modal-slideout-cart .cart-header .__userInfo, #modal-slideout-cart .cart-header .__userSkin {
  position: relative;
  z-index: 2
}
#modal-slideout-cart .cart-header .__userInfo b {
  display: inline-block;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px
}
#modal-slideout-cart .cart-header .__buttons {
  display: inline-block;
  margin-top: .625rem
}
#modal-slideout-cart .cart-header .__buttons .btn {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  display: inline-flex;
  gap: .5rem;
  justify-content: center;
  min-height: 30px;
  padding-left: 13px;
  padding-right: 13px
}
#modal-slideout-cart .cart-header .__buttons .btn span {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px
}
#modal-slideout-cart .cart-header .__buttons .btn--white {
  align-items: center;
  display: flex
}
#modal-slideout-cart .cart-header .__userSkin {
  bottom: 0;
  height: 150px;
  overflow: hidden;
  padding-left: .625rem;
  position: absolute;
  right: 0;
  width: 130px
}
#modal-slideout-cart .cart-header .__userSkin img {
  --tw-rotate: -3deg;
  --tw-scale-x: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  width: 110px
}
#modal-slideout-cart .__packagesAndCurrency {
  align-items: center;
  display: flex
}
#modal-slideout-cart .__packagesAndCurrency .__right {
  margin-left: auto
}
#modal-slideout-cart .__packagesAndCurrency .__left b {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px
}
#modal-slideout-cart .cart-currency {
  position: relative
}
#modal-slideout-cart .cart-currency.open .cart-currency__button svg {
  --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))
}
#modal-slideout-cart .cart-currency .menu--currency {
  --tw-bg-opacity: 1;
  background-color: rgb(75 61 73/var(--tw-bg-opacity));
  border-radius: 4px;
  display: grid;
  gap: .25rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  left: unset;
  padding-bottom: .375rem;
  padding-left: .375rem;
  padding-right: .375rem;
  padding-top: .375rem;
  right: 0;
  top: calc(100% + 8px);
  width: 110px
}
#modal-slideout-cart .cart-currency .menu--currency:before {
  display: none
}
#modal-slideout-cart .cart-currency .menu--currency a {
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  height: 28px;
  line-height: 28px;
  text-align: center
}
#modal-slideout-cart .cart-currency .menu--currency a:focus, #modal-slideout-cart .cart-currency .menu--currency a:hover {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.05;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
#modal-slideout-cart .cart-currency .menu--currency a.active {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  color: rgb(75 61 73/var(--tw-text-opacity))
}
#modal-slideout-cart .cart-currency__button {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(61 51 60/var(--tw-bg-opacity));
  border-color: #ffffff08;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  display: flex;
  gap: .5rem;
  height: 38px;
  padding-left: .875rem;
  padding-right: .875rem
}
#modal-slideout-cart .cart-currency__button:focus span, #modal-slideout-cart .cart-currency__button:focus svg, #modal-slideout-cart .cart-currency__button:hover span, #modal-slideout-cart .cart-currency__button:hover svg {
  opacity: .7
}
#modal-slideout-cart .cart-currency__button span, #modal-slideout-cart .cart-currency__button svg {
  opacity: .5;
  transition-duration: .2s
}
#modal-slideout-cart .cart-currency__button span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: inline-block;
  font-size: 16px;
  font-weight: 600
}
#modal-slideout-cart .cart-currency__button svg {
  transition-duration: .2s
}
#modal-slideout-cart .menu--currency {
  position: absolute;
  top: 100%
}
#modal-slideout-cart .cart-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  height: 100%;
  margin-top: 1.5rem
}
#modal-slideout-cart .cart-body__items {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem
}
#modal-slideout-cart .basket-item {
  --tw-bg-opacity: 1;
  background-color: rgb(64 53 63/var(--tw-bg-opacity));
  border-color: #ffffff08;
  border-style: solid;
  border-width: 1px
}
#modal-slideout-cart .__bottom {
  margin-top: auto;
  padding-top: 1.5rem
}
#modal-slideout-cart .__bottom h6 {
  display: block;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: center
}
#modal-slideout-cart .__bottom .btn {
  align-items: center;
  display: flex;
  min-height: 72px;
  padding-bottom: .75rem;
  padding-top: .75rem
}
#modal-slideout-cart .__bottom .btn:before {
  display: none !important
}
#modal-slideout-cart .__bottom .btn span {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase
}
#modal-slideout-cart .__bottom .btn--checkout {
  border-radius: 8px;
  margin-top: 1.75rem;
  padding-bottom: 1.25rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.25rem
}
#modal-slideout-cart .__noPackages {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(64 53 63/var(--tw-bg-opacity));
  border-radius: 8px;
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
  min-height: 141px;
  overflow: hidden;
  padding-bottom: 1.25rem;
  padding-left: 51px;
  padding-right: 51px;
  padding-top: 1.25rem;
  position: relative;
  text-align: center
}
#modal-slideout-cart .__noPackages img {
  height: 100%;
  left: 0;
  opacity: .5;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}
#modal-slideout-cart .__noPackages span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  position: relative;
  z-index: 3
}
#modal-slideout-cart .cart-body__items .basket-item__options {
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem
}
#modal-slideout-cart .cart-body__items .basket-item__options .__optionName {
  margin-left: 0
}
#modal-slideout-cart .cart-body__items .basket-item__details {
  padding-bottom: 1.25rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.25rem
}
#modal-slideout-cart .cart-body__items .btn--danger, #modal-slideout-cart .cart-body__items .details__qty {
  flex: 0 0 40px;
  height: 40px;
  width: 40px
}
#modal-slideout-cart .cart-body__items .details__qty {
  --tw-border-opacity: 1;
  --tw-border-opacity: 0.05;
  --tw-bg-opacity: 1;
  background-color: rgb(74 63 73/var(--tw-bg-opacity));
  border-color: rgb(255 255 255/var(--tw-border-opacity));
  border-style: solid;
  border-width: 1px;
  font-size: 18px;
  font-weight: 500;
  line-height: 40px
}
#modal-slideout-cart .cart-body__items .details__qty.single {
  padding-left: 0;
  padding-right: 0
}
#modal-slideout-cart .cart-body__items .item-qty-down, #modal-slideout-cart .cart-body__items .item-qty-up {
  right: 10px
}
#modal-slideout-cart .cart-body__items .item-qty-up {
  top: 13px
}
#modal-slideout-cart .cart-body__items .item-qty-down {
  bottom: 14px
}
#modal-slideout-cart .cart-body__items .details__name {
  font-size: 16px;
  line-height: 24px
}
#modal-slideout-cart .cart-body__items .details__price {
  font-size: 14px;
  margin-top: .125rem
}
@media(max-width:900px) {
  #modal-slideout-cart.modal.is-slideout .modal-wrap {
    grid-template-columns: minmax(auto, 440px)
  }
  #modal-slideout-cart .cart-header .__userSkin {
    right: -5px
  }
  #modal-slideout-cart .cart-header .__buttons {
    margin-top: .5rem
  }
  #modal-slideout-cart .cart-header .__buttons .btn {
    min-height: 28px
  }
  #modal-slideout-cart .cart-header .__buttons .btn svg {
    flex: 0 0 12px;
    height: 12px;
    width: 12px
  }
  #modal-slideout-cart .cart-header .__buttons .btn span {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
  }
  #modal-slideout-cart .cart-currency__button {
    height: 30px;
    padding-left: .75rem;
    padding-right: .75rem
  }
  #modal-slideout-cart .cart-currency__button span {
    font-size: 14px
  }
  #modal-slideout-cart .cart-currency__button svg {
    flex: 0 0 9px;
    width: 9px
  }
  .modal.is-right .btn.btn--close {
    left: -80px;
    top: 1.5rem
  }
}
@media(max-width:560px) {
  .modal.is-right .btn.btn--close {
    --tw-bg-opacity: 1;
    background-color: rgb(72 59 70/var(--tw-bg-opacity));
    flex: 0 0 40px;
    height: 40px;
    left: .625rem;
    top: .625rem;
    width: 40px;
    z-index: 4
  }
  .modal.is-right .modal-dialogue {
    padding: 1.5rem
  }
  #modal-slideout-cart.modal.is-right .btn.btn--close {
    left: -56px;
    top: 1rem
  }
  #modal-slideout-cart.modal.is-slideout .modal-wrap {
    grid-template-columns: minmax(auto, 315px)
  }
  #modal-slideout-cart .cart-header {
    min-height: 110px;
    padding-left: 26px;
    padding-right: 77px
  }
  #modal-slideout-cart .cart-header .__userInfo b {
    font-size: 20px;
    line-height: 28px
  }
  #modal-slideout-cart .cart-header .__userSkin {
    height: 100px;
    padding-left: 0;
    right: 0;
    width: 94px
  }
  #modal-slideout-cart .cart-header .__userSkin img {
    bottom: 0;
    position: relative;
    right: -22px;
    width: 80px
  }
  #modal-slideout-cart .__packagesAndCurrency .__left b {
    font-size: 16px
  }
  #modal-slideout-cart .cart-body__items .basket-item {
    border-radius: 6px
  }
  #modal-slideout-cart .cart-body__items .basket-item__details {
    padding: 1rem
  }
  #modal-slideout-cart .cart-body__items .basket-item__details .details__left {
    padding-right: .75rem
  }
  #modal-slideout-cart .cart-body__items .details__name {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px
  }
  #modal-slideout-cart .cart-body__items .details__price {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    margin-top: .25rem
  }
  #modal-slideout-cart .cart-body__items .basket-item__options {
    margin-top: -4px;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem
  }
  #modal-slideout-cart .cart-body__items .__option svg {
    display: none
  }
  #modal-slideout-cart .cart-body__items .__option .__optionName, #modal-slideout-cart .cart-body__items .__option .__optionValue {
    font-size: 13px;
    margin-left: 0
  }
  #modal-slideout-cart .cart-body__items .details__qty-parent.--v2 .btn--itemQty {
    gap: .25rem;
    padding-left: 0
  }
  #modal-slideout-cart .cart-body__items .details__qty-parent.--v2 .btn--itemQty span {
    font-size: 14px;
    line-height: 18px
  }
  #modal-slideout-cart .cart-body__items .details__qty-parent.--v2 .btn--itemQty svg {
    flex: 0 0 7px;
    height: 5px;
    margin-top: -1px;
    width: 7px
  }
  #modal-slideout-cart .cart-body__items .btn--danger, #modal-slideout-cart .cart-body__items .details__qty {
    border-radius: 4px;
    flex: 0 0 34px;
    height: 34px;
    width: 34px
  }
  #modal-slideout-cart .cart-body__items .btn--danger.btn--loading:after {
    --spinnerSize: 1em
  }
  #modal-slideout-cart .cart-body__items .btn--danger svg {
    width: 11px
  }
  #modal-slideout-cart .cart-body__items .details__qty {
    font-size: 14px;
    padding-left: 9px
  }
  #modal-slideout-cart .cart-body__items .item-qty-down svg, #modal-slideout-cart .cart-body__items .item-qty-up svg {
    width: 3px
  }
  #modal-slideout-cart .cart-body__items .item-qty-up {
    right: .5rem;
    top: .75rem
  }
  #modal-slideout-cart .cart-body__items .item-qty-down {
    bottom: .75rem;
    right: .5rem
  }
  #modal-slideout-cart .__bottom {
    padding-top: 1rem
  }
  #modal-slideout-cart .__bottom h6 {
    font-size: 16px;
    font-weight: 500
  }
  #modal-slideout-cart .__bottom .btn {
    padding-left: 1rem;
    padding-right: 1rem
  }
  #modal-slideout-cart .__bottom .btn span {
    font-size: 16px;
    line-height: 22px
  }
  #modal-slideout-cart .__bottom .btn--checkout {
    margin-top: 26px
  }
  #modal-slideout-cart .__noPackages {
    min-height: auto;
    padding-bottom: .75rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: .75rem
  }
  #modal-slideout-cart .__noPackages span {
    font-size: 14px;
    line-height: 22px
  }
}
@media(max-width:390px) {
  #modal-slideout-cart .cart-body__items .basket-item__details {
    padding-bottom: .75rem;
    padding-top: .75rem
  }
}
@media(max-width:375px) {
  #modal-slideout-cart.modal.is-right .btn.btn--close {
    left: .75rem;
    top: .75rem
  }
}
#modal-shopping.is-options .modal-dialogue {
  margin-bottom: auto;
  margin-top: auto;
  padding: 3rem
}
#modal-shopping .modal-wrap {
  align-items: stretch
}
#modal-shopping .modal__packageInfo {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(61 51 60/var(--tw-bg-opacity));
  border-color: #ffffff1a;
  border-radius: 12px;
  border-style: solid;
  border-width: 1px;
  display: flex;
  gap: 1.5rem;
  margin-left: 48px;
  margin-right: 48px;
  margin-top: 48px;
  padding: 2rem;
  position: relative;
  z-index: 10
}
#modal-shopping .modal__packageInfo.modal__packageInfo--sticky {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0;
  display: flex;
  height: auto !important;
  left: calc(var(--modal-scrollbar-width, 0px)*-1);
  margin-left: auto;
  margin-right: auto;
  position: -webkit-sticky !important;
  position: sticky !important;
  top: -62px !important;
  width: var(--modal-dialogue-width);
  z-index: 10
}
#modal-shopping .modal__packageInfo.modal__packageInfo--sticky .__packageImage, #modal-shopping .modal__packageInfo.modal__packageInfo--sticky .__packageImage svg {
  flex: 0 0 56px;
  height: 56px;
  width: 56px
}
#modal-shopping .modal__packageInfo.modal__packageInfo--sticky .packageInfo__info {
  align-items: center;
  display: flex;
  width: 100%
}
#modal-shopping .modal__packageInfo.modal__packageInfo--sticky .info__nameandprice {
  padding-right: 1.25rem
}
#modal-shopping .modal__packageInfo.modal__packageInfo--sticky .__buttons {
  margin-bottom: auto;
  margin-top: auto
}
#modal-shopping .modal__packageInfo.modal__packageInfo--sticky .info__buttons {
  margin-left: auto
}
#modal-shopping .modal__packageInfo.modal__packageInfo--sticky .gift-parent {
  position: relative;
  z-index: 5
}
#modal-shopping .modal__packageInfo.modal__packageInfo--sticky .gift-parent .gift-form {
  left: unset;
  right: 0;
  z-index: 6
}
#modal-shopping .modal__packageInfo.modal__packageInfo--sticky .gift-parent .gift-form:before {
  left: unset;
  right: 19px
}
#modal-shopping .modal__packageInfo .__packageImage {
  border-radius: 6px;
  flex: 0 0 121px;
  height: 121px;
  overflow: hidden;
  width: 121px
}
#modal-shopping .modal__packageInfo .__packageImage img {
  border-radius: 6px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
#modal-shopping .modal__descriptionContainer {
  display: grid;
  gap: 3rem;
  margin-top: 2.5rem;
  padding-bottom: 3rem;
  padding-left: 3rem;
  padding-right: 3rem
}
#modal-shopping .modal__descriptionContainer .__noDesc {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.8;
  color: rgb(255 255 255/var(--tw-text-opacity));
  margin-bottom: 0;
  margin-top: 0
}
#modal-shopping .modal__descriptionContainer.tab--1 .ddContainerWrapper {
  display: flex
}
#modal-shopping .modal__descriptionContainer.tab--1 .otherContentContainer, #modal-shopping .modal__descriptionContainer.tab--2 .ddContainerWrapper {
  display: none
}
#modal-shopping .modal__descriptionContainer.tab--2 .otherContentContainer {
  display: block
}
#modal-shopping .modal__descriptionContainer .ddContainerWrapper {
  flex-direction: column;
  gap: 1.5rem
}
#modal-shopping .modal__descriptionContainer .otherContentContainer h1:first-of-type, #modal-shopping .modal__descriptionContainer .otherContentContainer h2:first-of-type, #modal-shopping .modal__descriptionContainer .otherContentContainer h3:first-of-type, #modal-shopping .modal__descriptionContainer .otherContentContainer h4:first-of-type, #modal-shopping .modal__descriptionContainer .otherContentContainer h5:first-of-type, #modal-shopping .modal__descriptionContainer .otherContentContainer h6:first-of-type, #modal-shopping .modal__descriptionContainer .otherContentContainer ol:first-of-type, #modal-shopping .modal__descriptionContainer .otherContentContainer p:first-of-type, #modal-shopping .modal__descriptionContainer .otherContentContainer ul:first-of-type {
  margin-top: 0
}
#modal-shopping .modal__descriptionContainer .otherContentContainer h1:last-of-type, #modal-shopping .modal__descriptionContainer .otherContentContainer h2:last-of-type, #modal-shopping .modal__descriptionContainer .otherContentContainer h3:last-of-type, #modal-shopping .modal__descriptionContainer .otherContentContainer h4:last-of-type, #modal-shopping .modal__descriptionContainer .otherContentContainer h5:last-of-type, #modal-shopping .modal__descriptionContainer .otherContentContainer h6:last-of-type, #modal-shopping .modal__descriptionContainer .otherContentContainer ol:last-of-type, #modal-shopping .modal__descriptionContainer .otherContentContainer p:last-of-type, #modal-shopping .modal__descriptionContainer .otherContentContainer ul:last-of-type {
  margin-bottom: 0
}
#modal-shopping .modal__tabs {
  align-items: center;
  display: flex;
  gap: .75rem;
  margin-top: 2rem
}
#modal-shopping .modal__tabs .btn--tab {
  --tw-bg-opacity: 1;
  background-color: rgb(53 44 52/var(--tw-bg-opacity));
  border-radius: 4px;
  height: 43px;
  padding-left: 2rem;
  padding-right: 2rem
}
#modal-shopping .modal__tabs .btn--tab span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  opacity: .6;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
#modal-shopping .modal__tabs .btn--tab.active {
  --tw-bg-opacity: 1;
  background-color: rgb(93 86 93/var(--tw-bg-opacity))
}
#modal-shopping .modal__tabs .btn--tab.active span {
  opacity: 1
}
#modal-shopping .info__name {
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px
}
#modal-shopping .packageInfo__image {
  flex: 0 0 121px;
  height: 121px;
  width: 121px
}
#modal-shopping .packageInfo__image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: auto
}
#modal-shopping .packageInfo__image svg {
  opacity: .15
}
#modal-shopping .info__price {
  align-items: center;
  display: flex;
  margin-top: .625rem
}
#modal-shopping .price__actual, #modal-shopping .price__old {
  display: inline-block;
  font-weight: 700
}
#modal-shopping .price__actual {
  --tw-text-opacity: 1;
  color: rgb(75 255 82/var(--tw-text-opacity));
  font-size: 14px;
  line-height: 20px
}
#modal-shopping .price__old {
  --tw-text-opacity: 1;
  color: rgb(255 75 85/var(--tw-text-opacity));
  font-size: 13px;
  line-height: 18px;
  margin-left: .5rem;
  opacity: .6;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through
}
#modal-shopping .price__custom {
  font-weight: 600
}
#modal-shopping .__buttons {
  align-items: center;
  display: flex;
  gap: .75rem;
  margin-top: 1.25rem
}
#modal-shopping .btn--add:before, #modal-shopping .btn--gift:before, #modal-shopping .btn--remove:before {
  border-color: #ffffff08;
  border-radius: 8px;
  border-style: solid;
  border-width: 1px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
#modal-shopping .btn--add, #modal-shopping .btn--remove {
  border-radius: 8px;
  flex: 0 0 183px;
  height: 52px;
  position: relative;
  width: 183px
}
#modal-shopping .btn--add span, #modal-shopping .btn--remove span {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px
}
#modal-shopping .btn--gift {
  align-items: center;
  display: flex;
  flex: 0 0 52px;
  height: 52px;
  justify-content: center;
  width: 52px
}
#modal-shopping .gift-parent {
  position: relative
}
#modal-shopping .gift-parent.is-open .gift-form {
  opacity: 1;
  top: calc(100% + 14px);
  visibility: visible
}
#modal-shopping .gift-parent .gift-form {
  --tw-bg-opacity: 1;
  background-color: rgb(81 67 80/var(--tw-bg-opacity));
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  gap: 7px;
  left: -96px;
  opacity: 0;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 26px;
  position: absolute;
  right: 0;
  top: 100%;
  transition-duration: .2s;
  visibility: hidden;
  width: 245px
}
#modal-shopping .gift-parent .gift-form:before {
  border-bottom: 5px solid #514350;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  top: -4px;
  width: 0
}
#modal-shopping .gift-parent .btn--lightgrey, #modal-shopping .gift-parent .input {
  border-radius: 6px;
  height: 55px
}
#modal-shopping .gift-parent .input {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(92 76 91/var(--tw-bg-opacity));
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center
}
#modal-shopping .gift-parent .input::-moz-placeholder {
  font-weight: 400
}
#modal-shopping .gift-parent .input::placeholder {
  font-weight: 400
}
#modal-shopping .gift-parent .input::-moz-placeholder {
  opacity: .5
}
#modal-shopping .gift-parent .input::placeholder {
  opacity: .5
}
#modal-shopping .gift-parent .btn--lightgrey {
  flex: 1 1 auto;
  width: 100%
}
#modal-shopping .gift-parent .btn--lightgrey span {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px
}
h1[role=button] {
  padding-right: 70px !important
}
.ddContainer {
  overflow: hidden
}
.ddContainer.--open .ddHeading>svg {
  --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))
}
.ddContainer.--open .ddBody {
  display: block
}
.ddContainer.--open .ddBody li, .ddContainer.--open .ddBody ul {
  margin: 0
}
.ddContainer .ddHeading {
  --tw-border-opacity: 1;
  --tw-border-opacity: 0.2;
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.05;
  align-items: center;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-color: rgb(255 255 255/var(--tw-border-opacity));
  border-radius: 6px;
  border-style: solid;
  border-width: 2px;
  cursor: pointer;
  display: flex;
  padding-bottom: 15px;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 15px
}
.ddContainer .ddHeading h6, .ddContainer .ddHeading>svg {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.ddContainer .ddHeading h6 {
  margin-bottom: 0;
  padding-right: .75rem
}
.ddContainer .ddHeading>svg {
  margin-left: auto;
  transition-duration: .2s
}
.ddContainer .ddBody {
  display: none
}
.ddContainer .ddBody ul {
  margin-bottom: 0;
  margin-top: 1rem
}
.ddContainer .ddBody ul li {
  line-height: 23px;
  margin-bottom: .25rem;
  margin-top: .25rem
}
@media(max-width:1050px) {
  #modal-shopping.modal.is-centered .modal-wrap .btn.btn--close {
    right: 0;
    top: -70px
  }
  #modal-shopping .modal__packageInfo.modal__packageInfo--sticky {
    top: -85px !important
  }
  #modal-shopping .modal-wrap {
    padding-bottom: 84px;
    padding-top: 84px
  }
  #modal-shopping .modal-dialogue .__inner {
    padding: 2rem
  }
  #modal-shopping .__buttons {
    margin-top: 18px
  }
  #modal-shopping .modal__tabs {
    margin-top: 1.5rem
  }
  #modal-shopping .modal__tabs .btn--tab {
    height: 38px;
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
  #modal-shopping .modal__tabs .btn--tab span {
    font-size: 15px
  }
  #modal-shopping .modal__descriptionContainer {
    margin-top: 0;
    padding-bottom: 3rem;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 2.75rem
  }
  .ndzn-magic--tabs-buttons {
    margin-bottom: 1.5rem;
    margin-left: 0;
    margin-right: 0
  }
  .ddContainer .ddHeading {
    padding-bottom: .75rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: .75rem
  }
  .ddContainer .ddHeading h6 {
    font-size: 15px
  }
  .ddContainer .ddHeading svg {
    flex: 0 0 14px;
    width: 14px
  }
  .ddContainer .ddBody ul {
    margin-top: .75rem
  }
  .ddContainer .ddBody ul li {
    font-size: 14px;
    line-height: 20px
  }
}
@media(max-width:900px) {
  #modal-shopping .modal__packageInfo.modal__packageInfo--sticky .packageInfo__image {
    display: none
  }
}
@media(max-width:650px) {
  #modal-shopping.modal.is-centered .modal-wrap {
    padding-bottom: 93px;
    padding-left: .75rem;
    padding-right: .75rem;
    padding-top: 93px
  }
  #modal-shopping.modal.is-centered .modal-wrap .btn.btn--close {
    top: -76px
  }
  #modal-shopping .modal__tabs {
    justify-content: center
  }
  #modal-shopping .modal__packageInfo {
    align-items: center;
    border-color: #ffffff08;
    border-radius: 6px;
    justify-content: center;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    margin-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.25rem
  }
  #modal-shopping .modal__packageInfo.modal__packageInfo--sticky {
    margin-top: 0;
    top: -94px !important;
    width: 100% !important
  }
  #modal-shopping .modal__packageInfo.modal__packageInfo--sticky .packageInfo__info {
    align-items: center;
    border-top-width: 0;
    display: flex;
    flex-direction: column
  }
  #modal-shopping .modal__packageInfo.modal__packageInfo--sticky .packageInfo__info .info__nameandprice {
    padding-right: 0
  }
  #modal-shopping .modal__packageInfo.modal__packageInfo--sticky .packageInfo__info .info__buttons {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.25rem
  }
  #modal-shopping .modal__descriptionContainer {
    padding-bottom: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1rem
  }
  #modal-shopping .__buttons, #modal-shopping .info__price {
    justify-content: center
  }
  #modal-shopping .info__price {
    flex-wrap: wrap
  }
  #modal-shopping .info__name, #modal-shopping .info__price {
    text-align: center
  }
  #modal-shopping .btn--add, #modal-shopping .btn--remove {
    gap: .625rem;
    min-width: 191px
  }
  #modal-shopping .__packageImage {
    display: none
  }
  .ndzn-magic--tabs-buttons {
    padding: .75rem
  }
  .ndzn-magic--tabs-buttons button {
    font-size: 14px;
    padding-bottom: .5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: .5rem
  }
}
@media(max-width:540px) {
  #modal-shopping .gift-parent .gift-form {
    left: unset;
    right: 0
  }
  #modal-shopping .gift-parent .gift-form:before {
    left: unset;
    right: 19px
  }
  .ndzn-magic--tabs-buttons {
    margin-bottom: 1rem !important
  }
  .ndzn-magic--toggle {
    margin-top: 1rem !important
  }
  .ndzn-magic--toggle>h1:first-child:after {
    right: 1.5rem !important
  }
  h1[role=button] {
    font-size: 15px !important;
    padding-left: 18px !important;
    padding-right: 60px !important
  }
}
@media(max-width:450px) {
  .ndzn-magic--tabs-buttons {
    margin-bottom: 1rem !important
  }
  #modal-shopping .packageInfo__info {
    flex: 1 1 auto;
    width: 100%
  }
  #modal-shopping .btn--add, #modal-shopping .btn--remove {
    flex: 1 1 auto;
    min-width: unset;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
  }
}
@media(max-width:390px) {
  #modal-shopping .btn--add, #modal-shopping .btn--remove {
    padding-left: .5rem;
    padding-right: .5rem
  }
  #modal-shopping .btn--add svg, #modal-shopping .btn--remove svg {
    display: none
  }
  #modal-shopping .btn--add span, #modal-shopping .btn--remove span {
    font-size: 16px
  }
  #modal-shopping .gift-parent .gift-form {
    padding: .75rem;
    width: 200px
  }
  #modal-shopping .gift-parent .gift-form:before {
    right: 16px
  }
  #modal-shopping .gift-parent .gift-form .btn, #modal-shopping .gift-parent .input {
    border-radius: 6px;
    height: 46px
  }
  #modal-shopping .gift-parent .btn span {
    font-size: 15px;
    line-height: 22px
  }
  #modal-shopping .gift-parent .input {
    font-size: 15px
  }
  #modal-shopping .modal__packageInfo, #modal-shopping .modal__packageInfo.modal__packageInfo--sticky {
    padding: 1rem
  }
  #modal-shopping .modal__packageInfo.modal__packageInfo--sticky .btn--add, #modal-shopping .modal__packageInfo.modal__packageInfo--sticky .btn--remove {
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }
  #modal-shopping .modal__packageInfo.modal__packageInfo--sticky .info__buttons {
    margin-top: 1rem !important
  }
}
#modal-slideout-storeMenu.modal.is-slideout .modal-wrap, .page-sidebar.modal.is-slideout .modal-wrap {
  grid-template-columns: minmax(auto, 385px)
}
#modal-slideout-storeMenu.modal.is-slideout .btn.btn--close, .page-sidebar.modal.is-slideout .btn.btn--close {
  left: calc(100% + 16px);
  top: 1rem
}
#modal-slideout-storeMenu .modal__body, .page-sidebar .modal__body {
  height: 100%;
  overflow: hidden;
  width: 100%
}
#modal-slideout-storeMenu .modal-dialogue, .page-sidebar .modal-dialogue {
  padding: 0
}
#modal-slideout-storeMenu .store-menu-slides, .page-sidebar .store-menu-slides {
  display: grid;
  flex: 1 1 auto;
  grid-template-columns: 385px 385px;
  height: 100%;
  transition-duration: .5s
}
#modal-slideout-storeMenu .store-menu-slides.show-subcats, .page-sidebar .store-menu-slides.show-subcats {
  --tw-translate-x: -385px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
#modal-slideout-storeMenu .slides__categories, #modal-slideout-storeMenu .slides__subcategories, .page-sidebar .slides__categories, .page-sidebar .slides__subcategories {
  padding: 1.5rem
}
#modal-slideout-storeMenu .slides__categories, .page-sidebar .slides__categories {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 1.5rem
}
#modal-slideout-storeMenu .menu-complex-cat, #modal-slideout-storeMenu .menu-simple-cat, .page-sidebar .menu-complex-cat, .page-sidebar .menu-simple-cat {
  --tw-bg-opacity: 1;
  align-items: flex-start;
  background-color: rgb(67 57 66/var(--tw-bg-opacity));
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  min-height: 81px;
  overflow: hidden;
  padding-bottom: 19px;
  padding-left: 2rem;
  padding-right: 140px;
  padding-top: 19px;
  position: relative;
  transition-duration: .2s;
  width: 100%
}
#modal-slideout-storeMenu .menu-complex-cat:before, #modal-slideout-storeMenu .menu-simple-cat:before, .page-sidebar .menu-complex-cat:before, .page-sidebar .menu-simple-cat:before {
  background-color: transparent;
  border-color: #ffffff1a;
  border-radius: 10px;
  border-style: solid;
  border-width: 1px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
#modal-slideout-storeMenu .menu-complex-cat:focus, #modal-slideout-storeMenu .menu-complex-cat:hover, #modal-slideout-storeMenu .menu-simple-cat:focus, #modal-slideout-storeMenu .menu-simple-cat:hover, .page-sidebar .menu-complex-cat:focus, .page-sidebar .menu-complex-cat:hover, .page-sidebar .menu-simple-cat:focus, .page-sidebar .menu-simple-cat: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-slideout-storeMenu .menu-complex-cat:focus .active-asset1, #modal-slideout-storeMenu .menu-complex-cat:hover .active-asset1, #modal-slideout-storeMenu .menu-simple-cat:focus .active-asset1, #modal-slideout-storeMenu .menu-simple-cat:hover .active-asset1, .page-sidebar .menu-complex-cat:focus .active-asset1, .page-sidebar .menu-complex-cat:hover .active-asset1, .page-sidebar .menu-simple-cat:focus .active-asset1, .page-sidebar .menu-simple-cat:hover .active-asset1 {
  --tw-translate-x: -6px;
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.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))
}
#modal-slideout-storeMenu .menu-complex-cat .active-asset1, #modal-slideout-storeMenu .menu-complex-cat b, #modal-slideout-storeMenu .menu-complex-cat span, #modal-slideout-storeMenu .menu-simple-cat .active-asset1, #modal-slideout-storeMenu .menu-simple-cat b, #modal-slideout-storeMenu .menu-simple-cat span, .page-sidebar .menu-complex-cat .active-asset1, .page-sidebar .menu-complex-cat b, .page-sidebar .menu-complex-cat span, .page-sidebar .menu-simple-cat .active-asset1, .page-sidebar .menu-simple-cat b, .page-sidebar .menu-simple-cat span {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
#modal-slideout-storeMenu .menu-complex-cat b, #modal-slideout-storeMenu .menu-complex-cat span, #modal-slideout-storeMenu .menu-simple-cat b, #modal-slideout-storeMenu .menu-simple-cat span, .page-sidebar .menu-complex-cat b, .page-sidebar .menu-complex-cat span, .page-sidebar .menu-simple-cat b, .page-sidebar .menu-simple-cat span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-weight: 500;
  position: relative;
  text-align: left;
  z-index: 3
}
#modal-slideout-storeMenu .menu-complex-cat b, #modal-slideout-storeMenu .menu-simple-cat b, .page-sidebar .menu-complex-cat b, .page-sidebar .menu-simple-cat b {
  font-size: 16px;
  line-height: 22px
}
#modal-slideout-storeMenu .menu-complex-cat span, #modal-slideout-storeMenu .menu-simple-cat span, .page-sidebar .menu-complex-cat span, .page-sidebar .menu-simple-cat span {
  --tw-text-opacity: 0.3;
  font-size: 14px;
  line-height: 21px;
  margin-top: .25rem
}
#modal-slideout-storeMenu .menu-complex-cat .active-asset1, #modal-slideout-storeMenu .menu-simple-cat .active-asset1, .page-sidebar .menu-complex-cat .active-asset1, .page-sidebar .menu-simple-cat .active-asset1 {
  bottom: 0;
  flex: 0 0 164px;
  position: absolute;
  right: -37px;
  transition-duration: .4s;
  width: 164px
}
#modal-slideout-storeMenu .subcategories__heading, .page-sidebar .subcategories__heading {
  border-radius: 10px;
  min-height: 81px;
  position: relative
}
#modal-slideout-storeMenu .subcategories__body, .page-sidebar .subcategories__body {
  margin-top: 1.5rem
}
#modal-slideout-storeMenu .heading__go-back, .page-sidebar .heading__go-back {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.12;
  align-items: center;
  background-color: rgb(0 0 0/var(--tw-bg-opacity));
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  justify-content: center;
  padding: 11px;
  transition-duration: .2s;
  width: 100%
}
#modal-slideout-storeMenu .heading__go-back:focus, #modal-slideout-storeMenu .heading__go-back:hover, .page-sidebar .heading__go-back:focus, .page-sidebar .heading__go-back:hover {
  --tw-bg-opacity: 0.06
}
#modal-slideout-storeMenu .heading__go-back span, .page-sidebar .heading__go-back span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: -2px;
  margin-left: 7px
}
#modal-slideout-storeMenu .heading__main, .page-sidebar .heading__main {
  align-items: center;
  border-color: #ffffff1a;
  border-style: solid;
  border-top-width: 1px;
  display: flex;
  flex-direction: column;
  padding-bottom: 1.25rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.25rem
}
#modal-slideout-storeMenu .heading__main b, #modal-slideout-storeMenu .heading__main span, .page-sidebar .heading__main b, .page-sidebar .heading__main span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: block;
  font-weight: 500;
  position: relative;
  z-index: 3
}
#modal-slideout-storeMenu .heading__main b, .page-sidebar .heading__main b {
  font-size: 16px;
  line-height: 20px
}
#modal-slideout-storeMenu .heading__main span, .page-sidebar .heading__main span {
  --tw-text-opacity: 0.7;
  font-size: 14px;
  line-height: 18px;
  margin-top: .25rem
}
#modal-slideout-storeMenu .category-logo, .page-sidebar .category-logo {
  bottom: 0;
  height: auto;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  opacity: .05;
  pointer-events: none;
  position: absolute;
  right: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 184px;
  z-index: 1
}
#modal-slideout-storeMenu .subcategories__body, .page-sidebar .subcategories__body {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(1, minmax(0, 1fr))
}
#modal-slideout-storeMenu .subcategories__catComplex, #modal-slideout-storeMenu .subcategories__catSimple, .page-sidebar .subcategories__catComplex, .page-sidebar .subcategories__catSimple {
  width: 100%
}
#modal-slideout-storeMenu .subcategories__catComplex.active, #modal-slideout-storeMenu .subcategories__catSimple.active, .page-sidebar .subcategories__catComplex.active, .page-sidebar .subcategories__catSimple.active {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.04;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: 10px;
  position: relative
}
#modal-slideout-storeMenu .subcategories__catComplex.active:before, #modal-slideout-storeMenu .subcategories__catSimple.active:before, .page-sidebar .subcategories__catComplex.active:before, .page-sidebar .subcategories__catSimple.active:before {
  border-color: #ffffff0a;
  border-radius: 10px;
  border-style: solid;
  border-width: 1px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
#modal-slideout-storeMenu .subcategories__catComplex.active i, #modal-slideout-storeMenu .subcategories__catSimple.active i, .page-sidebar .subcategories__catComplex.active i, .page-sidebar .subcategories__catSimple.active i {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  height: 23px;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 4px
}
#modal-slideout-storeMenu .subcategories__catComplex.active span, #modal-slideout-storeMenu .subcategories__catSimple.active span, .page-sidebar .subcategories__catComplex.active span, .page-sidebar .subcategories__catSimple.active span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
#modal-slideout-storeMenu .subcategories__catSimple, #modal-slideout-storeMenu .subcategories__subcat, #modal-slideout-storeMenu .subcategories__toggle, .page-sidebar .subcategories__catSimple, .page-sidebar .subcategories__subcat, .page-sidebar .subcategories__toggle {
  border-radius: 10px
}
#modal-slideout-storeMenu .subcategories__catSimple:focus, #modal-slideout-storeMenu .subcategories__catSimple:hover, #modal-slideout-storeMenu .subcategories__subcat:focus, #modal-slideout-storeMenu .subcategories__subcat:hover, #modal-slideout-storeMenu .subcategories__toggle:focus, #modal-slideout-storeMenu .subcategories__toggle:hover, .page-sidebar .subcategories__catSimple:focus, .page-sidebar .subcategories__catSimple:hover, .page-sidebar .subcategories__subcat:focus, .page-sidebar .subcategories__subcat:hover, .page-sidebar .subcategories__toggle:focus, .page-sidebar .subcategories__toggle:hover {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.04;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
#modal-slideout-storeMenu .subcategories__catComplex.toggled, .page-sidebar .subcategories__catComplex.toggled {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.04;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: 10px
}
#modal-slideout-storeMenu .subcategories__catComplex.toggled .subcategories__subcat:focus, #modal-slideout-storeMenu .subcategories__catComplex.toggled .subcategories__subcat:hover, #modal-slideout-storeMenu .subcategories__catComplex.toggled .subcategories__toggle:focus, #modal-slideout-storeMenu .subcategories__catComplex.toggled .subcategories__toggle:hover, .page-sidebar .subcategories__catComplex.toggled .subcategories__subcat:focus, .page-sidebar .subcategories__catComplex.toggled .subcategories__subcat:hover, .page-sidebar .subcategories__catComplex.toggled .subcategories__toggle:focus, .page-sidebar .subcategories__catComplex.toggled .subcategories__toggle:hover {
  background-color: transparent
}
#modal-slideout-storeMenu .subcategories__catComplex.toggled .subcategories__toggle svg, .page-sidebar .subcategories__catComplex.toggled .subcategories__toggle svg {
  --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))
}
#modal-slideout-storeMenu .subcategories__catComplex.toggled .subcategories__subcat span, .page-sidebar .subcategories__catComplex.toggled .subcategories__subcat span {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.5;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
#modal-slideout-storeMenu .subcategories__catComplex.toggled .subcategories__subcat:focus span, #modal-slideout-storeMenu .subcategories__catComplex.toggled .subcategories__subcat:hover span, .page-sidebar .subcategories__catComplex.toggled .subcategories__subcat:focus span, .page-sidebar .subcategories__catComplex.toggled .subcategories__subcat:hover span {
  --tw-text-opacity: 1
}
#modal-slideout-storeMenu .subcategories__catSimple, #modal-slideout-storeMenu .subcategories__toggle, .page-sidebar .subcategories__catSimple, .page-sidebar .subcategories__toggle {
  align-items: center;
  cursor: pointer;
  display: flex;
  padding-bottom: 25px;
  padding-left: 2rem;
  padding-top: 25px;
  transition-duration: .3s
}
#modal-slideout-storeMenu .subcategories__catSimple span, #modal-slideout-storeMenu .subcategories__catSimple svg, #modal-slideout-storeMenu .subcategories__toggle span, #modal-slideout-storeMenu .subcategories__toggle svg, .page-sidebar .subcategories__catSimple span, .page-sidebar .subcategories__catSimple svg, .page-sidebar .subcategories__toggle span, .page-sidebar .subcategories__toggle svg {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
#modal-slideout-storeMenu .subcategories__catSimple span, #modal-slideout-storeMenu .subcategories__toggle span, .page-sidebar .subcategories__catSimple span, .page-sidebar .subcategories__toggle span {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.5;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 16px;
  line-height: 22px
}
#modal-slideout-storeMenu .subcategories__catSimple svg, #modal-slideout-storeMenu .subcategories__toggle svg, .page-sidebar .subcategories__catSimple svg, .page-sidebar .subcategories__toggle svg {
  opacity: .5
}
#modal-slideout-storeMenu .subcategories__toggle, .page-sidebar .subcategories__toggle {
  padding-right: 3.5rem !important;
  position: relative
}
#modal-slideout-storeMenu .subcategories__toggle svg, .page-sidebar .subcategories__toggle svg {
  bottom: 0;
  margin-bottom: auto;
  margin-left: auto;
  margin-top: auto;
  opacity: .5;
  position: absolute;
  right: .75rem;
  top: 0;
  transition-duration: .3s
}
#modal-slideout-storeMenu .subcategories__catSimple, .page-sidebar .subcategories__catSimple {
  padding-right: 2rem
}
#modal-slideout-storeMenu .subcategories__subcat, .page-sidebar .subcategories__subcat {
  padding-bottom: .75rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: .75rem;
  text-align: left;
  width: 100%
}
#modal-slideout-storeMenu .subcategories__subcat.active, .page-sidebar .subcategories__subcat.active {
  --tw-bg-opacity: 1 !important;
  --tw-bg-opacity: 0.03 !important;
  background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important;
  border-radius: 0 !important
}
#modal-slideout-storeMenu .subcategories__subcat:focus, #modal-slideout-storeMenu .subcategories__subcat:hover, .page-sidebar .subcategories__subcat:focus, .page-sidebar .subcategories__subcat:hover {
  --tw-bg-opacity: 1 !important;
  --tw-bg-opacity: 0.05 !important;
  background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important;
  border-radius: 0
}
#modal-slideout-storeMenu .subcategories__subcat span, .page-sidebar .subcategories__subcat span {
  transition-duration: .2s
}
#modal-slideout-storeMenu .subcategories__list, .page-sidebar .subcategories__list {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: .25rem;
  padding-bottom: 1.25rem
}
@media(max-width:560px) {
  #modal-slideout-storeMenu.modal.is-slideout .modal-wrap, .page-sidebar.modal.is-slideout .modal-wrap {
    grid-template-columns: minmax(auto, 315px)
  }
  #modal-slideout-storeMenu .btn.btn--close, .page-sidebar .btn.btn--close {
    flex: 0 0 38px;
    height: 38px;
    width: 38px;
    z-index: 6
  }
  #modal-slideout-storeMenu .store-menu-slides, .page-sidebar .store-menu-slides {
    display: grid;
    flex: 1 1 auto;
    grid-template-columns: 315px 315px;
    height: 100%;
    transition-duration: .5s
  }
  #modal-slideout-storeMenu .store-menu-slides.show-subcats, .page-sidebar .store-menu-slides.show-subcats {
    --tw-translate-x: -315px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  #modal-slideout-storeMenu .menu-complex-cat, #modal-slideout-storeMenu .menu-simple-cat, .page-sidebar .menu-complex-cat, .page-sidebar .menu-simple-cat {
    padding-bottom: 17px;
    padding-right: 100px;
    padding-top: 17px
  }
}
@media(max-width:380px) {
  #modal-slideout-storeMenu.modal.is-slideout .btn.btn--close {
    left: calc(100% - 19px)
  }
}
#modal-copyIp .modal-wrap {
  grid-template-columns: minmax(auto, 600px)
}
#modal-copyIp .modal-dialogue {
  border-radius: 10px;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 150px;
  position: relative
}
#modal-copyIp .modal-dialogue:after, #modal-copyIp .modal-dialogue:before {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  content: "";
  display: block;
  height: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100px
}
#modal-copyIp .modal-dialogue:before {
  --tw-gradient-from: #dc4dbc1c;
  --tw-gradient-to: rgba(220, 77, 188, 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: transparent;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  left: 0
}
#modal-copyIp .modal-dialogue:after {
  --tw-gradient-from: transparent;
  --tw-gradient-to: transparent;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #614ddb1c;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  right: 0
}
#modal-copyIp h1, #modal-copyIp h6 {
  letter-spacing: .025em;
  text-align: center
}
#modal-copyIp h1 {
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  text-transform: uppercase
}
#modal-copyIp h6 {
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
  margin-top: .75rem;
  opacity: .7
}
#modal-copyIp .logo {
  height: auto;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: -68px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 200px
}
@media(max-width:650px) {
  #modal-copyIp .modal-dialogue {
    width: 100%
  }
  #modal-copyIp .modal-wrap {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-left: .75rem;
    padding-right: .75rem
  }
}
@media(max-width:450px) {
  #modal-copyIp .modal-dialogue {
    padding-left: .75rem;
    padding-right: .75rem;
    padding-top: 5rem
  }
  #modal-copyIp .modal-dialogue:after, #modal-copyIp .modal-dialogue:before {
    height: 100%;
    width: 50px
  }
  #modal-copyIp .logo {
    width: 130px
  }
  #modal-copyIp h1 {
    font-size: 19px;
    line-height: 28px
  }
  #modal-copyIp h6 {
    font-size: 14px;
    line-height: 20px;
    margin-top: .375rem
  }
}
.input, input {
  --tw-text-opacity: 1;
  border-radius: 6px;
  color: rgb(255 255 255/var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px
}
.input::-moz-placeholder, input::-moz-placeholder {
  font-size: 16px
}
.input::placeholder, input::placeholder {
  font-size: 16px
}
.input::-moz-placeholder, input::-moz-placeholder {
  font-weight: 500
}
.input::placeholder, input::placeholder {
  font-weight: 500
}
.input::-moz-placeholder, input::-moz-placeholder {
  line-height: 20px
}
.input::placeholder, input::placeholder {
  line-height: 20px
}
.input::-moz-placeholder, input::-moz-placeholder {
  color: #ffffff80
}
.input::placeholder, input::placeholder {
  color: #ffffff80
}
select.input {
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px
}
.options-form {
  flex-direction: column;
  gap: 1.5rem
}
.options-form, .options-form .btn--add {
  display: flex
}
.options-form .btn--add {
  align-items: center;
  justify-content: center;
  min-height: 68px;
  padding-bottom: .75rem;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: .75rem
}
.options-form .btn--add svg {
  margin-right: .5rem
}
.options-form .btn--add span {
  display: inline-block;
  font-family: Rubik, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px
}
.form-group .input {
  min-height: 74px;
  padding-left: 2rem;
  padding-right: 72px;
  width: 100%
}
.form-group .svg-dd {
  bottom: 0;
  height: 8px;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  right: 31px;
  top: 0;
  width: .75rem
}
.form-group--input, .form-group--select, .form-group__inner {
  position: relative
}
.form-group--input:before, .form-group--select:before {
  --tw-gradient-from: transparent;
  --tw-gradient-to: transparent;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #303030;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  right: 71px;
  width: 30px;
  z-index: 1
}
.form-group--select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.form-group-discord {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: 273px auto
}
.form-group-discord .btn--discord {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem
}
.form-group-discord .btn--discord svg {
  margin-right: .625rem;
  margin-top: -1px
}
.form-group-discord .btn--discord span {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  line-height: 23px
}
.form-group--price .selected-currency {
  border-radius: 4px;
  bottom: 0;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  height: 44px;
  line-height: 44px;
  line-height: 45px;
  margin-bottom: auto;
  margin-top: auto;
  min-width: 72px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  pointer-events: none;
  position: absolute;
  right: 25px;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 2
}
@media(max-width:650px) {
  #modal-shopping.is-options .modal-dialogue {
    padding: 1.5rem
  }
  #modal-shopping.is-options .modal-title, .options-form>p {
    text-align: center
  }
  .options-form>p {
    margin-bottom: 1rem !important
  }
}
.panel.--homepage.--mt {
  margin-top: var(--spacing)
}
.panel.--homepage:before {
  border-color: #ffffff1a;
  border-radius: 12px;
  border-style: solid;
  border-width: 1px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
.panel.--homepage {
  border-width: 0;
  overflow: hidden;
  position: relative
}
.panel.--homepage .panel__body {
  padding-top: 2rem;
  text-align: center
}
.panel.--homepage .panel__body>p {
  line-height: 26px;
  text-align: center
}
.panel .blur-and-decoration {
  height: 83px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: -42px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: calc(100% - 136px)
}
.panel .blur-and-decoration .blur, .panel .blur-and-decoration .decoration {
  --tw-bg-opacity: 1;
  background-color: rgb(219 77 187/var(--tw-bg-opacity));
  display: block
}
.panel .blur-and-decoration .blur {
  --tw-bg-opacity: 1;
  --tw-blur: blur(120px);
  background-color: rgb(219 77 187/var(--tw-bg-opacity));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  height: 100%;
  opacity: .3;
  width: 100%
}
.panel .blur-and-decoration .decoration {
  --tw-scale-y: -1;
  border-radius: 15px;
  -webkit-clip-path: polygon(10% 0, 90% 0, 100% 100%, 0 100%);
  clip-path: polygon(10% 0, 90% 0, 100% 100%, 0 100%);
  height: 6px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  top: 42px;
  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));
  width: 85px
}
.panel__homepageHeading {
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 3rem
}
.panel__homepageHeading h1, .panel__homepageHeading h6 {
  text-align: center
}
.panel__homepageHeading h6 {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  opacity: .5
}
.panel__homepageHeading h1 {
  font-size: 32px;
  font-weight: 900;
  line-height: 40px;
  margin-top: .625rem;
  text-transform: uppercase
}
.content-homepage {
  margin-bottom: 88px
}
@media(max-width:1000px) {
  .panel .alert.--sml>span {
    text-align: left
  }
}
@media(max-width:650px) {
  .panel .blur-and-decoration .blur {
    --tw-blur: blur(80px);
    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.--homepage .panel__body {
    padding-top: 2.5rem
  }
  .panel.--homepage .panel__body>p {
    font-size: 14px;
    line-height: 24px
  }
  .panel__homepageHeading {
    padding-top: 2.25rem
  }
  .panel__homepageHeading h1 {
    font-size: 24px;
    font-weight: 900;
    line-height: 32px;
    margin-top: .75rem
  }
  .panel__homepageHeading h6 {
    font-size: 14px;
    font-weight: 700;
    line-height: 19px
  }
  .panel .alert.--sml>span {
    font-size: 12px;
    line-height: 19px
  }
}
.packages-container {
  display: grid;
  gap: 1.5rem;
  width: 100%
}
.packages-container.--images {
  grid-template-columns: repeat(3, minmax(0, 1fr))
}
.packages-container.--images .panel--description, .packages-container.--images .panel.--specialPackage {
  grid-column: span 3/span 3
}
.packages-container.--list {
  grid-template-columns: repeat(2, minmax(0, 1fr))
}
.packages-container.--ranks {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important
}
.panel.panel--description {
  grid-column: span 2/span 2;
  margin-bottom: 0
}
.content-category .panel.--heading {
  overflow: hidden
}
.content-category .panel.--heading.--categoryHeading {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important
}
.content-category .panel.--specialPackage {
  margin-bottom: 0
}
.content-category .category-inner {
  align-items: flex-start;
  display: flex;
  gap: var(--spacing);
  width: 100%
}
.category-inner__sidebar .subcats-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: .75rem
}
.category-inner__sidebar .page-sidebar.panel {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  background-color: rgb(51 46 50/var(--tw-bg-opacity));
  border-color: rgb(57 52 56/var(--tw-border-opacity));
  border-radius: 12px;
  border-style: solid;
  border-width: 2px
}
.category-inner__sidebar .__inner {
  padding: 2rem
}
.category-inner__sidebar .subcat {
  border-radius: 10px;
  display: block;
  padding-bottom: 1.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1.5rem;
  position: relative;
  transition-duration: .2s;
  width: 100%
}
.category-inner__sidebar .subcat:focus, .category-inner__sidebar .subcat:hover {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.04;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.category-inner__sidebar .subcat.active {
  --tw-bg-opacity: 1;
  background-color: rgb(59 54 58/var(--tw-bg-opacity));
  border-color: #ffffff0a;
  border-style: solid;
  border-width: 1px
}
.category-inner__sidebar .subcat.active:focus, .category-inner__sidebar .subcat.active: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)
}
.category-inner__sidebar .subcat.active span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.category-inner__sidebar .subcat span {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.5;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 23px
}
.category-inner__sidebar .subcat i {
  --tw-bg-opacity: 1;
  background-color: rgb(219 77 187/var(--tw-bg-opacity));
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  bottom: 0;
  display: inline-block;
  height: 23px;
  left: -1px;
  margin-bottom: auto;
  margin-top: auto;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 4px
}
.panel.--noPackages {
  flex: 1 1 auto;
  margin-bottom: 0
}
.panel.--noPackages .panel__body {
  display: block;
  padding: 2rem
}
.panel.--noPackages .panel__body p {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.5;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 500;
  line-height: 23px
}
.panel.--rankTableLink {
  border-radius: 12px;
  cursor: pointer;
  margin-bottom: 0;
  overflow: hidden;
  padding: 34px 2.5rem;
  position: relative
}
.panel.--rankTableLink:focus .__text span svg, .panel.--rankTableLink:hover .__text span svg {
  margin-left: 1.25rem
}
.panel.--rankTableLink:focus .__tableOpaque, .panel.--rankTableLink:hover .__tableOpaque {
  --tw-translate-x: -10px;
  --tw-rotate: -5deg;
  --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))
}
.panel.--rankTableLink:focus .__tableTransparent, .panel.--rankTableLink:hover .__tableTransparent {
  --tw-translate-x: 10px;
  --tw-rotate: 5deg;
  --tw-scale-x: 1.15;
  --tw-scale-y: 1.15;
  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.--rankTableLink:focus:before, .panel.--rankTableLink:hover:before {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.03;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.panel.--rankTableLink .__grad {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.panel.--rankTableLink .__text {
  pointer-events: none;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 10
}
.panel.--rankTableLink .__text h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px
}
.panel.--rankTableLink .__text span {
  align-items: center;
  display: flex;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  margin-top: 1rem
}
.panel.--rankTableLink .__text span svg {
  margin-left: 15px;
  transition-duration: .2s
}
.panel.--rankTableLink .__tableOpaque, .panel.--rankTableLink .__tableTransparent {
  height: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition-duration: .5s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.panel.--rankTableLink .__tableOpaque {
  right: 0;
  z-index: 6
}
.panel.--rankTableLink .__tableTransparent {
  right: 106px;
  z-index: 5
}
.panel.--specialPackage {
  --tw-border-opacity: 1;
  align-items: center;
  border-color: rgb(57 52 56/var(--tw-border-opacity));
  border-radius: 12px;
  border-style: solid;
  border-width: 2px;
  display: flex;
  flex-direction: column;
  grid-column: span 2/span 2;
  overflow: hidden;
  padding: 2.5rem 3rem 3rem
}
.panel.--specialPackage, .panel.--specialPackage .panel__body {
  position: relative
}
.panel.--specialPackage .panel__body {
  padding: 0;
  text-align: center;
  z-index: 2
}
.panel.--specialPackage .panel__heading {
  display: inline-block;
  position: relative;
  z-index: 2
}
.panel.--specialPackage .panel__heading h1 {
  display: inline-block;
  font-size: 32px;
  font-weight: 800;
  line-height: 40px;
  text-transform: uppercase
}
.panel.--specialPackage .panel__heading .star {
  position: absolute
}
.panel.--specialPackage .panel__heading .star.left--1 {
  left: -20px;
  top: -4px
}
.panel.--specialPackage .panel__heading .star.right--1 {
  right: -20px;
  top: -4px
}
.panel.--specialPackage .panel__heading .star.right--2 {
  right: -25px;
  top: -9px
}
.panel.--specialPackage .__bgImageContainer {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  z-index: 1
}
.panel.--specialPackage .__bgImageContainer, .panel.--specialPackage .__bgImageContainer .__bgImage {
  pointer-events: none
}
.panel.--specialPackage .__bgImageContainer .__bgImage {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
.panel.--specialPackage .__package {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 2.5rem;
  position: relative;
  z-index: 3
}
.panel.--specialPackage .__package.--list .__packageImage.--noImage {
  align-items: center;
  display: flex;
  flex: 0 0 101px;
  height: 101px;
  justify-content: center;
  width: 101px
}
.panel.--specialPackage .__package.--list .__packageImage.--noImage img {
  flex: 0 0 74px;
  height: 74px;
  width: 74px
}
.panel.--specialPackage .__package.--images .__packageImage {
  flex: 0 0 166px;
  height: 166px;
  width: 166px
}
.panel.--specialPackage .__package.--images .__packageImage img {
  height: 100%;
  -o-object-fit: cover !important;
  object-fit: cover !important;
  width: 100%
}
.panel.--specialPackage .__package.--hasPackageCountdown .__inner {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-top-width: 0 !important
}
.panel.--specialPackage .__package .panel {
  --tw-bg-opacity: 1;
  background-color: rgb(59 49 57/var(--tw-bg-opacity));
  border-radius: 12px
}
.panel.--specialPackage .__package .__discountPercentage {
  display: none !important
}
.panel.--specialPackage .__package .__packageExpires {
  padding-left: 18px;
  padding-right: 18px
}
.panel.--specialPackage .__package .__packageExpires svg {
  flex: 0 0 16px;
  height: 16px;
  margin-top: -1px;
  width: 16px
}
.panel.--specialPackage .__package .__packageInfo {
  align-items: flex-start;
  display: flex;
  flex-direction: column
}
.panel.--specialPackage .__package .__packagePrice {
  margin-top: .375rem
}
.panel.--specialPackage .__package .__packagePrice .__priceActual {
  font-size: 14px;
  line-height: 16px
}
.panel.--specialPackage .__package .__packageDetails {
  margin-left: auto;
  margin-right: auto
}
.panel.--specialPackage .__package .__packageButtons {
  margin-left: 0;
  margin-top: .875rem;
  width: 100%
}
.panel.--specialPackage .__package .__packageName span {
  font-size: 16px;
  line-height: 22px
}
.panel.--specialPackage .__package .__packageName svg {
  margin-top: 3px
}
.panel.--specialPackage .package .__inner {
  border-radius: 12px;
  padding-left: 1.5rem;
  padding-right: 1.5rem
}
.panel.--specialPackage .package.--hasPackageCountdown .__inner {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-top-width: 0 !important
}
.panel.--specialPackage .package.--list .__packageImage {
  flex: 0 0 101px;
  height: 101px;
  width: 101px
}
.panel.--specialPackage .package.--list .__inner {
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 110px;
  padding-top: 1.5rem
}
.panel.--specialPackage .package .btn--add, .panel.--specialPackage .package .btn--remove {
  gap: .875rem;
  min-height: 44px;
  min-width: 161px
}
.panel.--specialPackage .package .btn--add svg, .panel.--specialPackage .package .btn--remove svg {
  margin-top: -1px
}
.panel.--specialPackage .package .btn--add svg {
  flex: 0 0 18px;
  width: 18px
}
.panel.--specialPackage .package .btn--add span {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px
}
.panel.--specialPackage .__desc {
  margin-top: 2rem
}
.panel.--specialPackage .__mobileBestValueLabel {
  display: none
}
.content-package .__tabs {
  align-items: center;
  display: flex;
  gap: .75rem;
  margin-bottom: 2.5rem
}
.content-package .btn--tab {
  padding-bottom: .625rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: .625rem
}
.content-package .btn--tab:focus, .content-package .btn--tab:hover {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.03;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.content-package .btn--tab span {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.6;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px
}
.content-package .btn--tab.active {
  --tw-bg-opacity: 1;
  background-color: rgb(93 86 93/var(--tw-bg-opacity))
}
.content-package .btn--tab.active span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}
.content-package .modal__descriptionContainer.tab--1 .otherContentContainer, .content-package .modal__descriptionContainer.tab--2 .ddContainerWrapper {
  display: none
}
.content-package .ddContainerWrapper, .content-package .otherContentContainer {
  margin-top: 2.5rem
}
.content-package .otherContentContainer h1:first-of-type, .content-package .otherContentContainer h2:first-of-type, .content-package .otherContentContainer h3:first-of-type, .content-package .otherContentContainer h4:first-of-type, .content-package .otherContentContainer h5:first-of-type, .content-package .otherContentContainer h6:first-of-type, .content-package .otherContentContainer ol:first-of-type, .content-package .otherContentContainer ul:first-of-type {
  margin-top: 0 !important
}
.content-package .otherContentContainer h1:last-of-type, .content-package .otherContentContainer h2:last-of-type, .content-package .otherContentContainer h3:last-of-type, .content-package .otherContentContainer h4:last-of-type, .content-package .otherContentContainer h5:last-of-type, .content-package .otherContentContainer h6:last-of-type, .content-package .otherContentContainer ol:last-of-type, .content-package .otherContentContainer ul:last-of-type {
  margin-bottom: 0 !important
}
@media(max-width:1400px) {
  .package.--specialPackage .__package {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
}
@media(max-width:1300px) {
  .panel.--specialPackage .package.--list.--hasPackageCountdown .__mobileBestValueLabel {
    top: 41px
  }
  .panel.--specialPackage .package.--list .__inner {
    padding-bottom: 1.25rem !important;
    padding-top: .875rem !important
  }
  .panel.--specialPackage .package .__packageImage.--noImage {
    flex: 0 0 101px;
    height: 101px;
    width: 101px
  }
  .panel.--specialPackage .__packageExpires span {
    font-size: 14px
  }
}
@media(max-width:1200px) {
  .package.--list .__inner.__inner--small {
    height: calc(100% - 29px) !important
  }
}
@media(max-width:1100px) {
  .panel.--specialPackage .__package {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
  .panel.--specialPackage .package.--list .__inner {
    padding-bottom: 1.5rem !important;
    padding-top: 1.25rem !important
  }
  .panel.--specialPackage .package.--list .__inner.__inner--small {
    height: calc(100% - 28px) !important
  }
}
@media(max-width:900px) {
  .page-sidebar.--package .package {
    grid-column: span 2/span 2
  }
  .page-sidebar.--package .package .__inner .__packageImage {
    flex: 0 0 101px;
    height: 101px;
    width: 101px
  }
  .panel.--hideOnMobile {
    display: none
  }
  .content-package .__tabs {
    margin-bottom: 1.5rem
  }
  .content-package .ddContainerWrapper, .content-package .otherContentContainer {
    margin-top: 1.5rem
  }
}
@media(max-width:750px) {
  .panel.--specialPackage {
    padding: 2.25rem 1.5rem 1.5rem
  }
}
@media(max-width:650px) {
  .panel.--specialPackage .package.--list .__inner {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    padding-top: 1rem !important
  }
  .panel.--specialPackage .package.--list .__packageButtons {
    margin-top: 1rem !important
  }
  .panel.--specialPackage .package.--list .__mobileBestValueLabel, .panel.--specialPackage .package.--list .__packageImage {
    display: none !important
  }
  .panel.--specialPackage .package.--images .__packageImage {
    flex: 0 0 101px !important;
    height: 101px !important;
    width: 101px !important
  }
  .panel.--specialPackage .package.--images img {
    height: 100%;
    width: 100%
  }
  .panel.--specialPackage .package.--images .__inner {
    gap: 1rem;
    padding-top: 1.5rem
  }
  .panel.--specialPackage .panel__heading h1 {
    text-align: center
  }
  .panel.--specialPackage .__packageExpires svg {
    display: inline-block !important
  }
  .panel.--specialPackage .__packagePrice {
    justify-content: center !important
  }
}
@media(max-width:580px) {
  .packages-container.--images .panel.--specialPackage {
    grid-column: span 1/span 1 !important
  }
  .panel.panel--description .panel__body {
    padding: 1.25rem 1.5rem
  }
}
@media(max-width:540px) {
  .package.--list:not(&.--rankVariant) .__inner .__packageButtons {
    align-items: center;
    display: flex;
    justify-content: center
  }
  .panel.--specialPackage {
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 2rem
  }
  .panel.--specialPackage .panel__heading h1 {
    font-size: 24px
  }
  .panel.--specialPackage .panel__heading .star.left--1 {
    left: -14px
  }
  .panel.--specialPackage .panel__heading .star.right--1 {
    right: -14px
  }
  .panel.--specialPackage .panel__heading .star.right--2 {
    right: -20px
  }
  .panel.--specialPackage .__desc {
    margin-top: 1rem
  }
  .panel.--specialPackage .__desc p {
    font-size: 14px;
    line-height: 24px
  }
  .panel.--specialPackage .__inner {
    align-items: center;
    flex-direction: column;
    gap: 1.5rem !important;
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 24px
  }
  .panel.--specialPackage .__package {
    margin-top: 1.5rem
  }
  .panel.--specialPackage .__package .__packageName {
    justify-content: center
  }
  .panel.--specialPackage .__package .__packageName span {
    font-size: 18px;
    line-height: 22px;
    padding-right: 0;
    text-align: center
  }
  .panel.--specialPackage .__package .__packageName svg {
    display: none !important
  }
  .panel.--specialPackage .__package .__packagePrice {
    justify-content: center !important;
    margin-top: 1.25rem
  }
  .panel.--specialPackage .__package .__packageInfo {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
  }
  .panel.--specialPackage .__package .__packageDetails {
    width: 100%
  }
  .panel.--specialPackage .__package .__packageButtons {
    margin-top: 1.25rem;
    width: 100%
  }
  .panel.--specialPackage .__package .btn--add, .panel.--specialPackage .__package .btn--remove {
    gap: .875rem !important;
    width: 100%
  }
  .panel.--specialPackage .__package .btn--add svg, .panel.--specialPackage .__package .btn--remove svg {
    flex: 0 0 20px;
    width: 20px
  }
  .panel.--specialPackage .__package .btn--add svg {
    flex: 0 0 20px;
    width: 20px
  }
}
@media(max-width:390px) {
  .panel.--specialPackage .__package .__packageName {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important
  }
}
@media(max-width:360px) {
  .panel.--specialPackage {
    padding: 1.5rem 1rem 1rem
  }
  .panel.--specialPackage .panel__heading .star {
    display: none !important
  }
  .panel.--specialPackage .panel__heading h1 {
    line-height: 34px
  }
  .panel.--specialPackage .__desc {
    margin-top: .75rem
  }
  .panel.--specialPackage .__package {
    gap: 1rem;
    margin-top: 1rem
  }
  .panel.--specialPackage .__inner {
    gap: 24px !important;
    padding: 1.5rem !important;
    padding-top: 24px !important
  }
}
.panel--checkout .panel__body {
  padding-top: 2.5rem
}
.panel--checkout .panel__body h2 {
  display: block;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 22px
}
.panel--checkout .__accountOwnerContainer {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: .75rem
}
.panel--checkout .__accountOwnerContainer>b, .panel--checkout .__accountOwnerContainer>span {
  border-radius: 8px
}
.panel--checkout .__accountOwnerContainer>span {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.05;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  font-size: 16px;
  line-height: 28px;
  padding-bottom: 5px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 5px
}
.panel--checkout .__accountOwnerContainer>b {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(71 67 71/var(--tw-bg-opacity));
  display: flex;
  gap: 11px;
  padding-left: 19px;
  padding-right: 16px
}
.panel--checkout .__accountOwnerContainer>b span {
  line-height: 28px;
  padding-bottom: 5px;
  padding-top: 5px
}
.basket-items, .cart-body__items {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-top: 56px
}
.basket-items .basket-item, .cart-body__items .basket-item {
  --tw-bg-opacity: 1;
  background-color: rgb(62 56 60/var(--tw-bg-opacity));
  border-radius: 8px
}
.basket-items .basket-item__details, .cart-body__items .basket-item__details {
  align-items: center;
  display: flex;
  padding-bottom: 24px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 24px
}
.basket-items .basket-item__options, .cart-body__items .basket-item__options {
  padding-bottom: 1.5rem;
  padding-left: 30px;
  padding-right: 30px
}
.basket-items .details__name, .basket-items .details__price, .cart-body__items .details__name, .cart-body__items .details__price {
  display: block
}
.basket-items .details__name, .cart-body__items .details__name {
  font-size: 18px;
  font-weight: 700
}
.basket-items .details__price, .cart-body__items .details__price {
  --tw-text-opacity: 1;
  color: rgb(75 255 82/var(--tw-text-opacity));
  font-size: 14px;
  font-weight: 700;
  margin-top: .25rem
}
.basket-items .details__price .price__old, .cart-body__items .details__price .price__old {
  --tw-text-opacity: 1;
  color: rgb(255 75 85/var(--tw-text-opacity));
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  margin-left: .5rem;
  opacity: .5;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through
}
.basket-items .details__left, .cart-body__items .details__left {
  padding-right: 1rem
}
.basket-items .details__right, .cart-body__items .details__right {
  align-items: center;
  display: flex;
  gap: .75rem;
  margin-left: auto
}
.basket-items .btn--danger, .basket-items .details__qty, .cart-body__items .btn--danger, .cart-body__items .details__qty {
  flex: 0 0 52px;
  height: 52px;
  width: 52px
}
.basket-items .details__qty-parent form, .cart-body__items .details__qty-parent form {
  position: relative
}
.basket-items .details__qty-parent form .item-qty-down, .basket-items .details__qty-parent form .item-qty-up, .cart-body__items .details__qty-parent form .item-qty-down, .cart-body__items .details__qty-parent form .item-qty-up {
  height: 5px;
  pointer-events: none;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 5px
}
.basket-items .details__qty-parent form .item-qty-up, .cart-body__items .details__qty-parent form .item-qty-up {
  right: .875rem;
  top: 1.25rem
}
.basket-items .details__qty-parent form .item-qty-down, .cart-body__items .details__qty-parent form .item-qty-down {
  bottom: 1.25rem;
  right: .875rem
}
.basket-items .btn--danger, .basket-items .details__qty-parent form .details__qty, .cart-body__items .btn--danger, .cart-body__items .details__qty-parent form .details__qty {
  border-radius: 8px
}
.basket-items .details__qty, .cart-body__items .details__qty {
  --tw-bg-opacity: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgb(72 60 71/var(--tw-bg-opacity));
  border-radius: 8px;
  cursor: pointer;
  display: inline-block;
  font-size: 22px;
  font-weight: 500;
  line-height: 29px;
  outline: 2px solid transparent;
  outline-offset: 2px
}
.basket-items .details__qty.single, .cart-body__items .details__qty.single {
  align-items: center;
  display: flex;
  justify-content: center;
  opacity: .5;
  padding-left: 0;
  padding-right: 0;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.basket-items .__option, .cart-body__items .__option {
  align-items: center;
  display: flex;
  flex-wrap: wrap
}
.basket-items .__option:not(:first-of-type), .cart-body__items .__option:not(:first-of-type) {
  margin-top: .5rem
}
.basket-items .__option svg, .cart-body__items .__option svg {
  flex: 0 0 18px;
  height: 18px;
  width: 18px
}
.basket-items .__option .__optionName, .basket-items .__option .__optionValue, .cart-body__items .__option .__optionName, .cart-body__items .__option .__optionValue {
  font-size: 15px;
  margin-left: .625rem
}
.basket-items .details__qty-parent.--v2, .cart-body__items .details__qty-parent.--v2 {
  position: relative
}
.basket-items .details__qty-parent.--v2 .menu--qtys, .cart-body__items .details__qty-parent.--v2 .menu--qtys {
  --tw-scale-x: 0.9;
  --tw-scale-y: 0.9;
  --tw-bg-opacity: 1;
  background-color: rgb(72 65 70/var(--tw-bg-opacity));
  border-radius: 8px;
  display: grid;
  gap: .75rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  opacity: 0;
  padding: .75rem;
  position: absolute;
  right: 0;
  top: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-duration: .2s;
  visibility: hidden;
  width: 120px;
  z-index: 4
}
.basket-items .details__qty-parent.--v2.--open .menu--qtys, .cart-body__items .details__qty-parent.--v2.--open .menu--qtys {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  opacity: 1;
  top: calc(100% + 8px);
  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));
  visibility: visible
}
.basket-items .details__qty-parent.--v2.--open .btn--itemQty svg, .cart-body__items .details__qty-parent.--v2.--open .btn--itemQty svg {
  --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))
}
.basket-items .details__qty-parent.--v2 .btn--itemQty, .cart-body__items .details__qty-parent.--v2 .btn--itemQty {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(72 65 70/var(--tw-bg-opacity));
  display: flex;
  gap: .375rem;
  justify-content: center;
  text-align: right
}
.basket-items .details__qty-parent.--v2 .btn--itemQty span, .cart-body__items .details__qty-parent.--v2 .btn--itemQty span {
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px
}
.basket-items .details__qty-parent.--v2 .btn--itemQty svg, .cart-body__items .details__qty-parent.--v2 .btn--itemQty svg {
  flex: 0 0 8px;
  transition-duration: .2s;
  width: 8px
}
.basket-items .details__qty-parent.--v2 .btn--qtyValue, .cart-body__items .details__qty-parent.--v2 .btn--qtyValue {
  background-color: transparent;
  min-height: 30px;
  min-width: 42px;
  padding-bottom: .25rem;
  padding-left: .5rem;
  padding-right: .5rem;
  padding-top: .25rem;
  transition-duration: .2s
}
.basket-items .details__qty-parent.--v2 .btn--qtyValue:focus, .basket-items .details__qty-parent.--v2 .btn--qtyValue:hover, .cart-body__items .details__qty-parent.--v2 .btn--qtyValue:focus, .cart-body__items .details__qty-parent.--v2 .btn--qtyValue:hover {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.03;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.basket-items .details__qty-parent.--v2 .btn--qtyValue span, .cart-body__items .details__qty-parent.--v2 .btn--qtyValue span {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px
}
.basket-items .details__qty-parent.--v2 .btn--qtyValue.--active, .cart-body__items .details__qty-parent.--v2 .btn--qtyValue.--active {
  --tw-bg-opacity: 1;
  background-color: rgb(87 74 85/var(--tw-bg-opacity))
}
.panel--summaryBottom .panel__body {
  align-items: center;
  display: flex;
  padding-bottom: 2rem;
  padding-top: 2rem
}
.panel--summaryBottom .summaryBottom__summary {
  display: flex;
  flex-direction: column
}
.panel--summaryBottom .summaryBottom__summary b, .panel--summaryBottom .summaryBottom__summary span {
  display: inline-block
}
.panel--summaryBottom .summaryBottom__summary span {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.7;
  color: rgb(255 75 85/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 600;
  opacity: .5;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through
}
.panel--summaryBottom .summaryBottom__summary b {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  margin-top: .125rem
}
.panel--summaryBottom .summaryBottom__action {
  margin-left: auto
}
.panel--summaryBottom .summaryBottom__action .btn--pink {
  align-items: center;
  background: linear-gradient(269.4deg, #db4dbb, #d83cb4);
  border-radius: 8px;
  display: flex;
  padding-bottom: 1.5rem;
  padding-left: 117px;
  padding-right: 117px;
  padding-top: 1.5rem
}
.panel--summaryBottom .summaryBottom__action .btn--pink:before {
  display: none
}
.panel--summaryBottom .summaryBottom__action .btn--pink span {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase
}
@media(max-width:1340px) {
  .cart-body__itemms {
    margin-top: 1.5rem
  }
  .panel--checkout .__accountOwnerContainer>span {
    font-size: 14px;
    line-height: 22px;
    padding-bottom: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .5rem
  }
  .panel--checkout .__accountOwnerContainer>b {
    gap: .5rem;
    padding-left: .75rem;
    padding-right: .75rem
  }
  .panel--checkout .__accountOwnerContainer>b span {
    font-size: 14px
  }
}
@media(max-width:1200px) {
  .panel--summaryBottom .summaryBottom__action .btn--pink {
    min-width: 300px
  }
  .panel--summaryBottom .summaryBottom__action .btn--pink span {
    font-size: 17px
  }
  .panel--summaryBottom .summaryBottom__summary span {
    font-size: 14px
  }
  .panel--summaryBottom .summaryBottom__summary b {
    font-size: 22px;
    line-height: 28px
  }
}
@media(max-width:1050px) {
  .panel--summaryBottom .summaryBottom__action .btn--pink {
    min-height: 56px;
    min-width: 250px
  }
  .panel--summaryBottom .summaryBottom__action .btn--pink span {
    font-size: 15px
  }
  .panel--summaryBottom .summaryBottom__summary b {
    font-size: 19px
  }
}
@media(max-width:900px) {
  .panel--summaryBottom .panel__body {
    padding: 1.5rem
  }
  .panel--summaryBottom .summaryBottom__summary b {
    font-size: 21px
  }
  .panel--summaryBottom .summaryBottom__action .btn--pink {
    min-height: unset;
    min-width: unset;
    padding-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem
  }
  .panel.panel--checkout .panel__body {
    padding: 1.5rem
  }
  .basket-items {
    margin-top: 1.5rem
  }
}
@media(max-width:650px) {
  .panel.panel--checkout .__accountOwnerContainer {
    justify-content: center
  }
  .panel.panel--checkout .panel__body h2 {
    font-size: 20px;
    line-height: 28px
  }
  .panel--summaryBottom .summaryBottom__summary {
    margin-bottom: var(--spacing)
  }
  .panel--summaryBottom .summaryBottom__summary span {
    text-align: center
  }
  .panel--summaryBottom .panel__body {
    flex-direction: column
  }
  .panel--summaryBottom .summaryBottom__action, .panel--summaryBottom .summaryBottom__action .btn--pink {
    width: 100%
  }
  .panel--summaryBottom .summaryBottom__action .btn--pink {
    min-width: unset
  }
  .panel--checkout .__accountOwnerContainer {
    align-items: center
  }
  .panel--checkout .__accountOwnerContainer>span {
    text-align: center
  }
  .basket-items .basket-item__details {
    flex-direction: column;
    padding: 1rem
  }
  .basket-items .basket-item__details .details__left {
    padding: 0
  }
  .basket-items .basket-item__details .details__right {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem
  }
  .basket-items .basket-item__options {
    padding-bottom: 1.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0
  }
  .basket-items .__option {
    flex-direction: column
  }
  .basket-items .__option svg {
    display: none
  }
  .basket-items .__option .__optionName {
    margin: 0
  }
  .basket-items .__option .__optionValue {
    margin-left: 0;
    margin-top: .375rem
  }
  .basket-items .details__name {
    font-size: 17px
  }
}
@media(max-width:560px) {
  .basket-items .details__qty-parent.--v2 .menu--qtys, .cart-body__items .details__qty-parent.--v2 .menu--qtys {
    gap: .5rem;
    padding: .5rem;
    width: 84px
  }
  .basket-items .details__qty-parent.--v2 .btn--qtyValue, .cart-body__items .details__qty-parent.--v2 .btn--qtyValue {
    border-radius: 6px;
    min-height: 27px;
    min-width: unset
  }
  .basket-items .details__qty-parent.--v2 .btn--qtyValue span, .cart-body__items .details__qty-parent.--v2 .btn--qtyValue span {
    font-size: 14px
  }
}
@media(max-width:430px) {
  .basket-items .__option:not(:first-of-type), .cart-body__items .__option:not(:first-of-type) {
    margin-top: .75rem
  }
  .basket-items .__option .__optionName, .basket-items .__option .__optionValue, .cart-body__items .__option .__optionName, .cart-body__items .__option .__optionValue {
    font-size: 13px
  }
  .basket-items .__option .__optionValue, .cart-body__items .__option .__optionValue {
    margin-top: .125rem
  }
}
.page-sidebar.--package, .page-sidebar.--package .__inner .btn--go-back {
  margin-top: var(--spacing)
}
.page-sidebar.--package .package .__packageName {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  position: relative
}
.page-sidebar.--package .package .__packageName span {
  padding-right: 0;
  text-align: center
}
.page-sidebar.--package .package .__packageName svg {
  position: absolute;
  right: .5rem;
  top: 1px
}
.page-sidebar.--package .package .__packageButtons {
  margin-top: 18px !important
}
.page-sidebar.--package .package .btn--add, .page-sidebar.--package .package .btn--remove {
  min-height: 64px;
  min-width: unset;
  width: 100%
}
.page-sidebar.--package .package .btn--add span, .page-sidebar.--package .package .btn--remove span {
  text-transform: uppercase
}
.page-sidebar.--package .btn--go-back {
  --tw-bg-opacity: 1;
  background-color: rgb(51 46 50/var(--tw-bg-opacity));
  border-color: #ffffff0f;
  border-radius: 10px;
  border-style: solid;
  border-width: 2px;
  padding-left: 1.5rem;
  padding-right: 1.5rem
}
.page-sidebar.--package .btn--go-back .mdi {
  transition-duration: .2s
}
.page-sidebar.--package .btn--go-back:focus .mdi, .page-sidebar.--package .btn--go-back:hover .mdi {
  --tw-translate-x: -3px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
@media(max-width:900px) {
  .content-package>.panel {
    margin-bottom: 0
  }
}
@media(max-width:750px) {
  .page-sidebar.--package .__inner {
    gap: var(--spacing);
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
  .page-sidebar.--package .__inner .btn--go-back {
    grid-column: span 1/span 1;
    margin-top: 0
  }
  .page-sidebar.--package .package {
    grid-column: span 1/span 1
  }
}
#modules {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  position: relative
}
#modules.modules-added {
  margin-top: 3rem
}
#modules.not(.modules-added) {
  margin-top: 0
}
#modules .module {
  margin: 0
}
.module {
  --tw-bg-opacity: 0.04;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border: 1px solid #ffffff0a;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  min-height: 176px;
  padding: 2rem 2.5rem 2.5rem !important;
  text-align: left
}
.module .__heading .h1, .module .__heading .h2, .module .__heading h1, .module .__heading h2 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 0;
  text-transform: uppercase
}
.module .__body {
  padding-top: 1rem
}
.module ul li {
  padding: 0
}
.module ul li:before {
  display: none
}
.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;
  display: flex;
  height: 36px;
  justify-content: center;
  width: 100%
}
.progress-bar-container .progress-bar__percentage {
  display: inline-block
}
.module--recentPayments.no-payments .recent-payments {
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 0
}
.module--recentPayments.no-payments .recent-payments span {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.6;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: block;
  font-size: 14px;
  line-height: 19px
}
.module--recentPayments.no-payments .__body {
  margin-bottom: 1rem;
  margin-top: 1rem
}
.module--recentPayments:not(.no-payments) .__body {
  padding-top: 1.75rem
}
.module--recentPayments .recent-payments {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 0 !important
}
.module--recentPayments .recent-payments li {
  margin: 0
}
.module--recentPayments .avatar img {
  border-radius: 4px;
  flex: 0 0 50px;
  height: 50px;
  width: 50px
}
.module--giftcards .giftcard-status {
  font-size: 14px;
  margin: 0
}
.module--giftcards .giftcard-status.status-default {
  --tw-translate-y: -20px;
  opacity: 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: .2s
}
.module--giftcards .giftcard-status.status-checking {
  --tw-text-opacity: 1;
  color: rgb(219 197 77/var(--tw-text-opacity))
}
.module--giftcards .giftcard-status.status-found {
  --tw-text-opacity: 1 !important;
  color: rgb(145 243 145/var(--tw-text-opacity)) !important
}
.module--giftcards:focus .giftcard-status.status-default, .module--giftcards:hover .giftcard-status.status-default {
  --tw-translate-y: 0px;
  opacity: 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))
}
.module--giftcards .__body {
  padding-top: 0
}
#giftcard-balance-form {
  align-items: center;
  display: flex;
  gap: .75rem
}
#giftcard-balance-form .input {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.04;
  --tw-text-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 500;
  min-height: auto;
  padding-bottom: .875rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: .875rem;
  transition-duration: .2s;
  width: 100%
}
#giftcard-balance-form .input::-moz-placeholder {
  font-size: 16px
}
#giftcard-balance-form .input::placeholder {
  font-size: 16px
}
#giftcard-balance-form .input::-moz-placeholder {
  font-weight: 400
}
#giftcard-balance-form .input::placeholder {
  font-weight: 400
}
#giftcard-balance-form .input::-moz-placeholder {
  color: #ffffff33
}
#giftcard-balance-form .input::placeholder {
  color: #ffffff33
}
#giftcard-balance-form .input:focus, #giftcard-balance-form .input:hover {
  --tw-bg-opacity: 0.06
}
#giftcard-balance-form .btn--pink {
  border-radius: 6px;
  flex: 0 0 146px;
  height: 52px;
  width: 146px
}
#giftcard-balance-form .btn--pink span {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px
}
.panel.--dealOfTheDay {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  overflow: hidden;
  position: relative
}
.panel.--dealOfTheDay.--main .panel__body {
  padding-left: 394px
}
.panel.--dealOfTheDay.--main .__headingContainer {
  left: 52px
}
.panel.--dealOfTheDay .__blur {
  --tw-bg-opacity: 1;
  --tw-blur: blur(110px);
  background-color: rgb(219 77 187/var(--tw-bg-opacity));
  border-radius: 9999px;
  bottom: -67px;
  display: 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: 143px;
  left: -51px;
  position: absolute;
  width: 143px
}
.panel.--dealOfTheDay .panel__body {
  display: flex;
  flex-direction: column;
  padding-bottom: 1.5rem;
  padding-left: 394px;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  position: relative;
  transition-duration: .2s
}
.panel.--dealOfTheDay .__headingContainer {
  --tw-rotate: -5deg;
  align-items: center;
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 87px;
  justify-content: center;
  left: 52px;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  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: .2s;
  width: 208px
}
.panel.--dealOfTheDay .__headingContainer * {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.panel.--dealOfTheDay .__headingContainer div, .panel.--dealOfTheDay .__headingContainer h1 {
  transition-duration: 1.5s
}
.panel.--dealOfTheDay .__headingContainer h1 {
  font-size: 40px;
  font-weight: 900;
  line-height: 28px;
  margin-bottom: 0
}
.panel.--dealOfTheDay .__headingContainer div {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(219 77 187/var(--tw-bg-opacity));
  border-radius: 4px;
  display: flex;
  height: 27px;
  justify-content: center;
  margin-top: -2px;
  width: 151px
}
.panel.--dealOfTheDay .__headingContainer div span {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .025em;
  line-height: 11px;
  margin-left: .5rem;
  margin-right: .5rem
}
.panel.--dealOfTheDay .__headingContainer div svg {
  margin-top: -1px
}
.panel.--dealOfTheDay .__headingContainer .rectangle, .panel.--dealOfTheDay .__headingContainer .star {
  position: absolute
}
.panel.--dealOfTheDay .__headingContainer .star.--topLeft {
  left: -3px;
  top: 3px
}
.panel.--dealOfTheDay .__headingContainer .star.--bottomRight {
  bottom: -4px;
  right: 26px
}
.panel.--dealOfTheDay .__headingContainer .rectangle.--topLeft {
  left: 18px;
  top: -9px
}
.panel.--dealOfTheDay .__headingContainer .rectangle.--bottomRight {
  bottom: 15px;
  right: 5px
}
.panel.--dealOfTheDay .__headingContainer .arrow {
  --tw-rotate: 5deg;
  position: absolute;
  right: -96px;
  top: 34px;
  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.--dealOfTheDay .__featuredPackagesContainer {
  display: flex;
  flex-direction: column;
  gap: 1.25rem
}
.module--top-donator {
  padding-right: 200px !important;
  position: relative
}
.module--top-donator .player-skin-container {
  bottom: 0;
  height: 200px;
  overflow: hidden;
  position: absolute;
  right: 2rem
}
.module--top-donator .player-skin-container img {
  --tw-scale-x: -1;
  height: 280px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.module--top-donator .top-donator-container {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.04;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-color: #ffffff1a;
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  padding-bottom: .75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: .75rem
}
.module--top-donator .top-donator-container span {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px
}
.module--communitygoal .__body, .module--goal .__body {
  margin-top: 0
}
@-webkit-keyframes hover {
  0%, 50%, to {
    transform: translate(0) rotate(0deg) scale(1)
  }
  25% {
    transform: translate(5px 5px) rotate(10deg) scale(1.2)
  }
  75% {
    transform: translate(-5px -5px) rotate(-10deg) scale(.9)
  }
}
@keyframes hover {
  0%, 50%, to {
    transform: translate(0) rotate(0deg) scale(1)
  }
  25% {
    transform: translate(5px 5px) rotate(10deg) scale(1.2)
  }
  75% {
    transform: translate(-5px -5px) rotate(-10deg) scale(.9)
  }
}
@media(max-width:1400px) {
  .module--recentPayments .recent-payments {
    margin-top: 0
  }
  .module--giftcards .__body {
    padding-top: 0
  }
  .module .__heading .h1, .module .__heading .h2, .module .__heading h1, .module .__heading h2 {
    font-size: 16px;
    line-height: 23px
  }
}
@media(max-width:1200px) {
  #modules {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
  .module {
    min-height: unset
  }
}
@media(max-width:650px) {
  .module {
    padding: 1.5rem !important
  }
  .module .__heading .h1, .module .__heading .h2, .module .__heading h1, .module .__heading h2 {
    font-size: 14px;
    line-height: 21px
  }
  .module .__body {
    padding-top: 1.25rem !important
  }
  .module__description {
    font-size: 14px;
    line-height: 22px
  }
  .module--recentPayments .avatar img {
    flex: 0 0 32px;
    height: 32px;
    width: 32px
  }
  #giftcard-balance-form {
    margin-top: -15px
  }
  .module--giftcards .giftcard-status {
    display: block;
    padding-bottom: .75rem
  }
  .module--giftcards .giftcard-status, .module--giftcards:focus .giftcard-status, .module--giftcards:hover .giftcard-status {
    --tw-translate-y: 0px !important;
    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)) !important
  }
  .module--top-donator .top-donator-container {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
  .module--top-donator .top-donator-container span {
    font-size: 14px;
    line-height: 22px
  }
  .module--top-donator .player-skin-container {
    right: 1rem
  }
  .module--top-donator .__body>div>p {
    font-size: 14px;
    margin-top: 0
  }
}
@media(max-width:500px) {
  .module.module--giftcards .giftcard-status {
    line-height: 21px;
    margin-bottom: 1rem;
    margin-top: 0;
    max-width: unset;
    opacity: 1;
    position: unset
  }
}
@media(max-width:450px) {
  #giftcard-balance-form {
    flex-direction: column
  }
  #giftcard-balance-form .btn--pink, #giftcard-balance-form .input {
    min-height: 54px
  }
  #giftcard-balance-form .input {
    line-height: 18px;
    min-height: 50px;
    padding-bottom: .75rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: .75rem
  }
  #giftcard-balance-form .input::-moz-placeholder {
    font-size: 14px
  }
  #giftcard-balance-form .input, #giftcard-balance-form .input::placeholder {
    font-size: 14px
  }
  #giftcard-balance-form .btn--pink {
    flex: 1 1 auto;
    height: 50px;
    min-height: unset;
    width: 100%
  }
  #giftcard-balance-form .btn--pink span {
    font-size: 14px
  }
  #giftcard-balance-form #giftcard-balance-button:before {
    display: none
  }
  .module .progress-bar b {
    font-size: 14px
  }
  .module--top-donator .player-skin-container {
    right: .5rem
  }
  .module--top-donator .player-skin-container img {
    --tw-translate-y: 40px;
    height: 190px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
}
@media(max-width:390px) {
  .module--top-donator .player-skin-container {
    display: none
  }
}
@-webkit-keyframes pulse {
  0% {
    opacity: 0
  }
  50% {
    opacity: .5
  }
  to {
    opacity: 0
  }
}
@keyframes pulse {
  0% {
    opacity: 0
  }
  50% {
    opacity: .5
  }
  to {
    opacity: 0
  }
}
.panel.panel--featuredPackages {
  --tw-bg-opacity: 1;
  background-color: rgb(73 45 67/var(--tw-bg-opacity));
  border: 2px solid #db4dbb80;
  margin-top: var(--spacing);
  overflow: hidden;
  position: relative
}
.panel.panel--featuredPackages .featuredPackages__bg-img, .panel.panel--featuredPackages:before {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.panel.panel--featuredPackages:before {
  background: linear-gradient(180deg, rgba(73, 45, 67, 0), #492d43);
  content: "";
  display: block;
  height: 225px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2
}
.panel.panel--featuredPackages .featuredPackages__bg-img {
  -webkit-animation: backgroundImageAnimation 10s ease infinite;
  animation: backgroundImageAnimation 10s ease infinite;
  height: 225px;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}
.panel.panel--featuredPackages .panel__body, .panel.panel--featuredPackages .panel__featured-packages-heading {
  position: relative;
  z-index: 3
}
.panel.panel--featuredPackages .panel__body {
  padding-bottom: 56px;
  padding-left: 56px;
  padding-right: 56px;
  padding-top: 52px
}
.panel__featured-packages-heading {
  padding-left: 56px;
  padding-right: 56px;
  padding-top: 50px;
  text-align: center
}
.panel__featured-packages-heading h1 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: inline-block;
  font-size: 32px;
  font-weight: 900;
  line-height: 40px;
  position: relative;
  text-transform: uppercase
}
.panel__featured-packages-heading h1 .heading-left, .panel__featured-packages-heading h1 .heading-right {
  height: 26px;
  position: absolute;
  top: -16px;
  width: 23px
}
.panel__featured-packages-heading h1 .heading-left {
  left: -20px
}
.panel__featured-packages-heading h1 .heading-right {
  right: -20px
}
.panel__featured-packages-heading h1 .svg {
  position: absolute
}
.panel__featured-packages-heading .heading-left .svg--big-star {
  -webkit-animation: rotateAndScale 3s ease infinite;
  animation: rotateAndScale 3s ease infinite;
  right: 0;
  top: 0
}
.panel__featured-packages-heading .heading-left .svg--sml-star {
  -webkit-animation: rotateAndScale 5s ease infinite;
  animation: rotateAndScale 5s ease infinite;
  bottom: 0;
  left: 0
}
.panel__featured-packages-heading .heading-right .svg--big-star {
  -webkit-animation: rotateAndScale 4s ease infinite;
  animation: rotateAndScale 4s ease infinite;
  left: 0;
  top: 0
}
.panel__featured-packages-heading .heading-right .svg--sml-star {
  -webkit-animation: rotateAndScale 6s ease infinite;
  animation: rotateAndScale 6s ease infinite;
  bottom: 0;
  right: 0
}
.panel__featured-packages-heading .description-container {
  margin-top: .875rem
}
.panel__featured-packages-heading .description-container p {
  --tw-text-opacity: 1;
  color: rgb(163 150 160/var(--tw-text-opacity));
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-align: center
}
.module.module--featuredPackage {
  background: linear-gradient(269.4deg, rgba(219, 77, 187, .1), rgba(216, 60, 180, .1));
  border: 1px solid #db4dbb1f;
  padding: 26px 130px 26px 2rem !important;
  position: relative
}
.module.module--featuredPackage .__packageImage {
  cursor: pointer;
  flex: 0 0 134px;
  height: 134px;
  width: 134px
}
.module.module--featuredPackage .tags {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: .375rem;
  position: absolute;
  right: 0;
  top: 2rem
}
.module.module--featuredPackage .tag {
  --tw-bg-opacity: 1;
  background-color: rgb(219 77 187/var(--tw-bg-opacity));
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  max-width: 120px;
  overflow: hidden;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: .125rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto
}
.module.module--featuredPackage .__packagePrice, .module.module--featuredPackage .featuredPackage {
  align-items: center;
  display: flex
}
.module.module--featuredPackage .__packageInfo {
  margin-left: 2rem
}
.module.module--featuredPackage .__packageName {
  align-items: center;
  cursor: pointer;
  display: inline-block;
  display: flex;
  flex-wrap: wrap;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  padding-right: 1.5rem;
  position: relative
}
.module.module--featuredPackage .__packageName svg {
  position: absolute;
  right: 0;
  top: .125rem
}
.module.module--featuredPackage .__priceActual, .module.module--featuredPackage .__priceDiscounted {
  display: inline-block
}
.module.module--featuredPackage .__priceActual {
  --tw-text-opacity: 1;
  color: rgb(75 255 82/var(--tw-text-opacity));
  font-size: 14px;
  font-weight: 700;
  line-height: 22px
}
.module.module--featuredPackage .__priceDiscounted {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.5;
  color: rgb(255 75 85/var(--tw-text-opacity));
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  margin-left: .75rem;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through
}
.module.module--featuredPackage .__packagePrice {
  margin-top: .375rem
}
.module.module--featuredPackage .__packageButtons {
  margin-top: 22px
}
.module.module--featuredPackage .btn--add, .module.module--featuredPackage .btn--remove {
  border-radius: 8px;
  gap: .625rem;
  min-width: 230px;
  padding-bottom: 15px;
  padding-left: 48px;
  padding-right: 48px;
  padding-top: 15px;
  position: relative
}
.module.module--featuredPackage .btn--add:before, .module.module--featuredPackage .btn--remove:before {
  background-color: transparent;
  border-color: #ffffff1a;
  border-radius: 8px;
  border-style: solid;
  border-width: 1px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.module.module--featuredPackage .btn--add span, .module.module--featuredPackage .btn--remove span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  text-transform: uppercase
}
.features-packages-container {
  display: grid;
  gap: var(--spacing);
  grid-template-columns: repeat(2, minmax(0, 1fr))
}
@-webkit-keyframes backgroundImageAnimation {
  0%, to {
    transform: scale(1)
  }
  50% {
    transform: scale(1.1)
  }
}
@keyframes backgroundImageAnimation {
  0%, to {
    transform: scale(1)
  }
  50% {
    transform: scale(1.1)
  }
}
@-webkit-keyframes rotateAndScale {
  0%, to {
    transform: rotate(-20deg) scale(1.2)
  }
  50% {
    transform: rotate(20deg) scale(.9)
  }
}
@keyframes rotateAndScale {
  0%, to {
    transform: rotate(-20deg) scale(1.2)
  }
  50% {
    transform: rotate(20deg) scale(.9)
  }
}
@media(max-width:1400px) {
  .module.module--featuredPackage .btn--add, .module.module--featuredPackage .btn--remove {
    min-width: 190px;
    padding-left: 1rem;
    padding-right: 1rem
  }
}
@media(max-width:1280px) {
  .features-packages-container {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
  .module.module--featuredPackage .btn--add, .module.module--featuredPackage .btn--remove {
    min-width: 230px;
    padding-left: 1rem;
    padding-right: 1rem
  }
  .panel.panel--featuredPackages .panel__body {
    padding-top: 58px
  }
}
@media(max-width:900px) {
  .panel__featured-packages-heading {
    padding-left: 64px;
    padding-right: 64px;
    padding-top: 54px
  }
  .panel.panel--featuredPackages .panel__body {
    padding-bottom: 64px;
    padding-left: 64px;
    padding-right: 64px
  }
}
@media(max-width:750px) {
  .panel__featured-packages-heading {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 56px
  }
  .panel__featured-packages-heading h1 {
    display: inline-block;
    font-size: 24px;
    line-height: 30px
  }
  .panel__featured-packages-heading .description-container {
    margin-top: 1.75rem
  }
  .panel__featured-packages-heading .description-container p {
    font-size: 14px;
    line-height: 22px
  }
  .panel.panel--featuredPackages .panel__body {
    padding: 2.25rem 1.5rem 1.5rem
  }
}
@media(max-width:675px) {
  .module.module--featuredPackage {
    padding: 50px 2rem 2rem !important
  }
  .module.module--featuredPackage .featuredPackage {
    flex-direction: column
  }
  .module.module--featuredPackage .__packageImage {
    flex: 0 0 141px;
    height: 141px;
    width: 141px
  }
  .module.module--featuredPackage .__packagePrice {
    justify-content: center
  }
  .module.module--featuredPackage .__packageName {
    justify-content: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    text-align: center;
    width: 100%
  }
  .module.module--featuredPackage .__packageInfo {
    margin-left: 0;
    margin-top: 48px;
    width: 100%
  }
  .module.module--featuredPackage .__packagePrice {
    margin-top: .625rem
  }
  .module.module--featuredPackage .__packageButtons {
    align-items: center;
    display: flex;
    justify-content: center
  }
  .module.module--featuredPackage .btn--add, .module.module--featuredPackage .btn--remove {
    min-width: unset;
    padding-bottom: 17px;
    padding-top: 17px;
    width: 100%
  }
}
@media(max-width:430px) {
  .module.module--featuredPackage {
    padding: 1.75rem 1rem 1rem !important
  }
  .module.module--featuredPackage .__packageName {
    align-items: center;
    justify-content: center;
    text-align: center
  }
  .features-packages-container {
    gap: .75rem !important
  }
}
.page-sidebar {
  flex: 0 0 352px;
  width: 352px
}
.page-sidebar .__textContainer h6 {
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px
}
.page-sidebar .__textContainer span {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  margin-top: .375rem;
  opacity: .5
}
.page-sidebar .__packageImage {
  align-items: center;
  display: flex;
  justify-content: center
}
.page-sidebar .package .__inner {
  align-items: center
}
.page-sidebar .package .__inner, .panel--nav {
  display: flex;
  flex-direction: column
}
.panel--nav {
  gap: 1.5rem;
  padding: 1.5rem
}
.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(51 46 50/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 {
  flex-direction: column;
  gap: .75rem;
  margin-top: .75rem;
  padding-top: .75rem;
  transition-duration: .4s
}
.menu-cat__subcats, .menu-cat__subcats .simple-subcat {
  display: flex
}
.menu-cat__subcats .simple-subcat {
  align-items: center;
  border-radius: 4px;
  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.active .simple-subcat__name, .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__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
}
@media(max-width:1350px) {
  .category-inner__sidebar .__inner {
    padding: .75rem
  }
  .category-inner__sidebar .page-sidebar {
    flex: 0 0 280px;
    width: 280px
  }
  .category-inner__sidebar .subcat {
    padding-bottom: 1.25rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.25rem
  }
  .category-inner__sidebar .subcat span {
    font-size: 15px;
    line-height: 22px
  }
}
@media(max-width:1200px) {
  .page-sidebar .__textContainer h6 {
    font-size: 21px;
    line-height: 26px
  }
  .page-sidebar .__textContainer span {
    font-size: 13px;
    margin-top: .5rem
  }
  .panel--nav {
    gap: .75rem;
    padding: 1.25rem
  }
}
@media(max-width:900px) {
  .page-main {
    flex-direction: column
  }
  .page-sidebar {
    flex: 1 1 auto;
    width: 100%
  }
  .page-sidebar .__inner {
    display: grid;
    grid-template-columns: auto 352px
  }
  .page-sidebar .__textContainer h6 {
    display: block;
    font-size: 24px;
    line-height: 32px
  }
  .page-sidebar .__textContainer span {
    display: block;
    font-size: 14px;
    line-height: 18px;
    margin-top: .375rem
  }
  .panel.panel--nav {
    display: none
  }
}
@media(max-width:750px) {
  .page-sidebar .__inner {
    gap: 1rem
  }
  .page-sidebar .__textContainer h6 {
    display: block;
    font-size: 20px;
    line-height: 28px
  }
  .page-sidebar .__textContainer span {
    display: block;
    font-size: 13px;
    line-height: 18px;
    margin-top: .25rem
  }
}
#ndzn-header {
  position: relative
}
.header__background-nebula-container, .header__background-stars-container {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.header__background-stars-container {
  height: 521px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2
}
.header__background-stars-container .header__background-stars {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
.header__background-nebula-container {
  height: 434px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}
.header__background-nebula-container .header__background-nebula {
  -webkit-animation: NebulaMovement 14s infinite;
  animation: NebulaMovement 14s infinite;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  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));
  width: 100%
}
@-webkit-keyframes NebulaMovement {
  0%, to {
    transform: scale(1.55) translate(0)
  }
  25% {
    transform: scale(1.7) translate(100px)
  }
  75% {
    transform: scale(1.7) translate(-100px)
  }
}
@keyframes NebulaMovement {
  0%, to {
    transform: scale(1.55) translate(0)
  }
  25% {
    transform: scale(1.7) translate(100px)
  }
  75% {
    transform: scale(1.7) translate(-100px)
  }
}
.header__announcement-and-cart, .header__splash {
  position: relative;
  z-index: 3
}
.header__logo {
  position: relative;
  z-index: 7
}
.header__top {
  position: relative;
  z-index: 5
}
.header__top .container, .header__top .top__right {
  align-items: center;
  display: flex
}
.header__top .top__left {
  margin-left: -12px
}
.header__top .top__right {
  gap: 44px;
  margin-left: auto;
  margin-right: -12px
}
.header__top .top-link {
  align-items: center;
  display: flex;
  gap: .5rem;
  min-height: 60px;
  padding-left: .75rem;
  padding-right: .75rem
}
.header__top .top-link span {
  font-size: 16px;
  font-weight: 600;
  line-height: 21px
}
.header__top .top-link--logout {
  position: relative
}
.header__top .top-link--logout.top-link--loading {
  opacity: .4;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.header__top .top-link--logout.top-link--loading .top-link__username, .header__top .top-link--logout.top-link--loading>b {
  display: none
}
.header__top .top-link--logout.top-link--loading>i {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: inline-block;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px
}
.header__top .top-link--logout>b {
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 64/var(--tw-bg-opacity));
  border-radius: 6px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  padding-bottom: .5rem;
  padding-left: .375rem;
  padding-right: .375rem;
  padding-top: .5rem;
  position: absolute;
  right: 0;
  text-align: center;
  top: 100%;
  transition-duration: .2s;
  visibility: hidden
}
.header__top .top-link--logout>b:before {
  border-bottom: 8px solid #433840;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  content: "";
  height: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  top: -8px;
  width: 0
}
.header__top .top-link--logout>b span {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.5;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: inline-block;
  font-size: 12px;
  line-height: 17px
}
.header__top .top-link--logout:focus>b, .header__top .top-link--logout:hover>b {
  opacity: 1;
  top: calc(100% + 8px);
  visibility: visible
}
.header__top .currency-container {
  position: relative
}
.header__top .currency-container.open .top-link--currency svg {
  --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))
}
.header__top .menu--currency {
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 64/var(--tw-bg-opacity));
  border-radius: 6px;
  -moz-column-gap: .25rem;
  column-gap: .25rem;
  display: grid;
  flex: 0 0 80px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  left: -12px;
  padding: .625rem;
  position: absolute;
  row-gap: .125rem;
  width: 100px
}
.header__top .menu--currency a {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.6;
  border-radius: 6px;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  padding: .25rem;
  text-align: center
}
.header__top .menu--currency a:focus, .header__top .menu--currency a:hover {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.1;
  --tw-text-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.header__top .top-link--currency svg {
  transition-duration: .2s
}
.header__top .top-link--currency:focus svg, .header__top .top-link--currency:hover svg {
  --tw-scale-x: 1.2;
  --tw-scale-y: 1.2;
  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))
}
.header__top .top-link--support span, .header__top .top-link--support svg {
  transition-duration: .5s
}
.header__top .top-link--support:focus svg, .header__top .top-link--support:hover svg {
  --tw-rotate: 90deg;
  --tw-scale-x: 1.3;
  --tw-scale-y: 1.3;
  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))
}
.header__top .top-link--support:focus span, .header__top .top-link--support:hover span {
  --tw-translate-x: 4px;
  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))
}
.header__top .top-link--login svg, .header__top .top-link--logout svg {
  transition-duration: .5s
}
.header__top .top-link--login:focus svg, .header__top .top-link--login:hover svg, .header__top .top-link--logout:focus svg, .header__top .top-link--logout:hover svg {
  --tw-scale-x: 1.2;
  --tw-scale-y: 1.2;
  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))
}
.header__splash .container {
  align-items: center;
  display: flex;
  padding-bottom: 194px;
  padding-left: 164px;
  padding-right: 164px;
  padding-top: 113px
}
.header__splash .splash__left, .header__splash .splash__right {
  align-items: center;
  display: flex
}
.header__splash .splash__left>div b, .header__splash .splash__left>div span, .header__splash .splash__right>div b, .header__splash .splash__right>div span {
  display: block;
  text-transform: uppercase
}
.header__splash .splash__left>div b, .header__splash .splash__right>div b {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 20px;
  font-weight: 900;
  line-height: 28px
}
.header__splash .splash__left>div span, .header__splash .splash__right>div span {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.5;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  margin-top: .75rem
}
.header__splash .splash__left>div i, .header__splash .splash__right>div i {
  font-style: normal
}
.header__splash .splash__left:focus svg, .header__splash .splash__left:hover svg {
  --tw-rotate: -12deg;
  --tw-scale-x: 1.2;
  --tw-scale-y: 1.2;
  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))
}
.header__splash .splash__left:focus>div, .header__splash .splash__left:hover>div {
  --tw-translate-x: 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))
}
.header__splash .splash__left svg, .header__splash .splash__left>div {
  transition-duration: .5s
}
.header__splash .splash__left>div {
  margin-left: 27px
}
.header__splash .splash__right {
  margin-left: auto
}
.header__splash .splash__right:focus svg, .header__splash .splash__right:hover svg {
  --tw-rotate: 12deg;
  --tw-scale-x: 1.2;
  --tw-scale-y: 1.2;
  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))
}
.header__splash .splash__right:focus>div, .header__splash .splash__right:hover>div {
  --tw-translate-x: -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))
}
.header__splash .splash__right svg, .header__splash .splash__right>div {
  transition-duration: .5s
}
.header__splash .splash__right>div {
  margin-right: 27px
}
.header__splash .splash__right>div b, .header__splash .splash__right>div span {
  text-align: right
}
.header__logo {
  flex: 0 0 275px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  top: 64px;
  width: 275px
}
.header__logo:focus .header__logo__img, .header__logo:hover .header__logo__img {
  --tw-scale-x: 1.04;
  --tw-scale-y: 1.04;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.header__logo__img {
  height: 100%;
  transition-duration: .3s;
  width: 100%
}
.header__label {
  height: auto;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 277px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 1408px;
  z-index: 2
}
.header__nav {
  margin-bottom: 2.5rem;
  position: relative;
  z-index: 5
}
.header__nav .container {
  align-items: center;
  display: flex;
  gap: var(--spacing)
}
.header__nav .container .menu-cat.simple-cat, .header__nav .container .menu-cat__toggle {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(56 52 55/var(--tw-bg-opacity)) !important;
  border-color: #ffffff0d !important;
  border-radius: 8px;
  border-style: solid;
  border-width: 2px;
  min-height: 118px
}
.header__nav .container .menu-cat.simple-cat:focus, .header__nav .container .menu-cat.simple-cat:hover, .header__nav .container .menu-cat__toggle:focus, .header__nav .container .menu-cat__toggle: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)
}
.header__nav .container .menu-cat.simple-cat .menu-cat__name, .header__nav .container .menu-cat.simple-cat b, .header__nav .container .menu-cat__toggle .menu-cat__name, .header__nav .container .menu-cat__toggle b {
  text-align: center
}
.header__nav .container .menu-cat.simple-cat .menu-cat__name, .header__nav .container .menu-cat__toggle .menu-cat__name {
  font-size: 20px;
  font-weight: 900;
  letter-spacing: .025em;
  line-height: 30px;
  text-transform: uppercase
}
.header__nav .container .menu-cat.simple-cat b, .header__nav .container .menu-cat__toggle b {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.3;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  margin-top: .25rem
}
.header__nav .container .menu-cat {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  width: auto
}
.header__nav .container .menu-cat__inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center
}
.header__nav .container .menu-cat__inner>b, .header__nav .container .menu-cat__inner>span {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.header__nav .container .menu-cat__toggle, .header__nav .container .simple-cat {
  padding-bottom: 0;
  padding-top: 0
}
.header__announcement-and-cart {
  background: linear-gradient(269.4deg, #db4dbb, #d83cb4);
  display: block !important
}
.header__announcement-and-cart .container {
  align-items: center;
  display: flex;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem
}
.header__announcement-and-cart .cart-btn {
  margin-left: auto;
  position: relative
}
.header__announcement-and-cart .cart-and-store-menu {
  margin-left: auto
}
.announcement {
  align-items: center;
  cursor: pointer;
  display: flex;
  padding-right: var(--spacing)
}
.announcement:focus b, .announcement:focus span, .announcement:hover b, .announcement:hover span {
  --tw-translate-x: 4px;
  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))
}
.announcement i {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.2;
  align-items: center;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: 9999px;
  display: inline-block;
  display: flex;
  height: 71px;
  justify-content: center;
  width: 71px
}
.announcement i svg {
  -webkit-animation: announcementAnimation 10s infinite;
  animation: announcementAnimation 10s infinite
}
.announcement>div {
  margin-left: 1.5rem
}
.announcement b, .announcement i, .announcement span {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.announcement b, .announcement span {
  display: block;
  text-align: left;
  text-transform: uppercase;
  transition-duration: .2s
}
.announcement span {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.5;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 700;
  line-height: 24px
}
.announcement b {
  font-size: 28px;
  font-weight: 900;
  line-height: 36px;
  margin-top: .625rem
}
@-webkit-keyframes announcementAnimation {
  0%, 40%, to {
    transform: scale(1) rotate(0deg)
  }
  20% {
    transform: scale(1.1) rotate(-30deg)
  }
}
@keyframes announcementAnimation {
  0%, 40%, to {
    transform: scale(1) rotate(0deg)
  }
  20% {
    transform: scale(1.1) rotate(-30deg)
  }
}
.cart-btn {
  --tw-bg-opacity: 0.24;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: 8px;
  flex: 0 0 auto;
  padding: 23px 121px 23px 2.25rem;
  position: relative
}
.cart-btn:focus, .cart-btn:hover {
  --tw-bg-opacity: 0.3
}
.cart-btn:focus .player-container img, .cart-btn:hover .player-container img {
  --tw-scale-x: -1.07;
  --tw-scale-y: 1.07;
  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))
}
.cart-btn:before {
  border-color: #ffffff14;
  border-radius: 8px;
  border-style: solid;
  border-width: 2px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.cart-btn:before, .cart-btn>b, .cart-btn>span {
  display: block
}
.cart-btn>b, .cart-btn>span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  text-align: left;
  white-space: nowrap
}
.cart-btn b {
  font-size: 20px;
  font-weight: 900;
  line-height: 28px;
  text-transform: uppercase
}
.cart-btn span {
  --tw-text-opacity: 0.5;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-top: .5rem
}
.cart-btn .player-container {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
  bottom: .125rem;
  height: 119px;
  margin-top: 0;
  overflow: hidden;
  right: .125rem;
  width: 114px
}
.cart-btn .player-container, .cart-btn .player-container img {
  position: absolute
}
.cart-btn .player-container img {
  --tw-scale-x: -1;
  right: 0;
  top: .125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-duration: .2s;
  width: 90px
}
.categories-config-container {
  display: grid;
  flex: 1 1 auto;
  gap: var(--spacing);
  width: 100%
}
.header__nav .container .menu-cat.simple-cat, .header__nav .container .menu-cat__toggle {
  min-height: 76px
}
.header__nav .container .menu-cat.simple-cat:focus .active-asset-2, .header__nav .container .menu-cat.simple-cat:focus .inactive-asset-2, .header__nav .container .menu-cat.simple-cat:hover .active-asset-2, .header__nav .container .menu-cat.simple-cat:hover .inactive-asset-2, .header__nav .container .menu-cat__toggle:focus .active-asset-2, .header__nav .container .menu-cat__toggle:focus .inactive-asset-2, .header__nav .container .menu-cat__toggle:hover .active-asset-2, .header__nav .container .menu-cat__toggle:hover .inactive-asset-2 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.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))
}
.header__nav .container .active-asset-1, .header__nav .container .active-asset-2, .header__nav .container .inactive-asset-1, .header__nav .container .inactive-asset-2 {
  pointer-events: none;
  transition-duration: .5s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.header__nav .container .menu-cat.menu-cat--is-active .inactive-asset-1, .header__nav .container .menu-cat.menu-cat--is-active .inactive-asset-2, .header__nav .container .menu-cat:not(.menu-cat--is-active) .active-asset-1, .header__nav .container .menu-cat:not(.menu-cat--is-active) .active-asset-2, .header__nav .container .menu-cat:not(.menu-cat--is-active) .decoration-container {
  display: none
}
.header__nav .container .menu-cat.complex-cat, .header__nav .container .menu-cat__toggle, .header__nav .container .simple-cat {
  overflow: visible
}
.header__nav .container .menu-cat {
  position: relative
}
.header__nav .container .menu-cat .menu-cat__subcats {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 0;
  margin-top: unset !important;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: calc(100% + 8px);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  visibility: hidden;
  width: 100%
}
.header__nav .container .menu-cat .menu-cat__subcats .simple-subcat__name {
  opacity: 1
}
.header__nav .container .menu-cat.open .menu-cat__subcats {
  font-weight: 600;
  margin-top: unset !important;
  opacity: 1;
  pointer-events: auto;
  top: calc(100% + 20px);
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto;
  visibility: visible
}
.header__nav .container .menu-cat .active-asset-1, .header__nav .container .menu-cat .inactive-asset-1 {
  height: auto;
  position: absolute;
  top: -100px;
  width: 222px
}
.header__nav .container .menu-cat .active-asset-2, .header__nav .container .menu-cat .inactive-asset-2 {
  bottom: -12px;
  height: auto;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  width: 236px
}
.header__nav .container .menu-cat__toggle {
  z-index: 5
}
.header__nav .container .menu-cat__subcats {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  background-color: rgb(52 46 51/var(--tw-bg-opacity));
  border-color: rgb(58 53 58/var(--tw-border-opacity));
  border-radius: 10px;
  border-style: solid;
  border-width: 2px;
  gap: .25rem;
  padding-bottom: .5rem;
  padding-top: .5rem;
  z-index: 3
}
.header__nav .container .menu-cat__subcats .simple-subcat {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: 0;
  flex: 1 1 auto;
  padding-bottom: 1.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.5rem;
  text-align: left;
  width: 100%
}
.header__nav .container .menu-cat__subcats .simple-subcat:after, .header__nav .container .menu-cat__subcats .simple-subcat:before {
  display: none
}
.header__nav .container .menu-cat__subcats .simple-subcat:focus, .header__nav .container .menu-cat__subcats .simple-subcat:hover {
  --tw-bg-opacity: 0.15
}
.header__nav .container .menu-cat__subcats .simple-subcat:focus .simple-subcat__name, .header__nav .container .menu-cat__subcats .simple-subcat:hover .simple-subcat__name {
  --tw-translate-x: 4px;
  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))
}
.header__nav .container .menu-cat__subcats .simple-subcat__name {
  font-weight: 600;
  line-height: 23px
}
.decoration-container {
  height: 100%;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
.decoration-el-left-middle, .decoration-el-left-top, .decoration-el-right-middle, .decoration-el-right-top {
  --tw-bg-opacity: 0.1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  height: calc(100% + 80px);
  position: absolute;
  top: -60px;
  width: 100px
}
.decoration-el-left-middle, .decoration-el-left-top, .decoration-el-right-middle, .decoration-el-right-top {
  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))
}
.decoration-el-left-middle {
  --tw-rotate: 34deg;
  left: -34px
}
.decoration-el-right-middle {
  --tw-rotate: -34deg;
  right: -34px
}
.decoration-el-left-top, .decoration-el-right-middle {
  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))
}
.decoration-el-left-top {
  --tw-rotate: 34deg;
  left: -58px
}
.decoration-el-right-top {
  --tw-rotate: -34deg;
  right: -58px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
@media(max-width:1400px) {
  .header__nav .container .menu-cat__inner>b, .header__nav .container .menu-cat__toggle b {
    font-size: 14px;
    line-height: 20px
  }
  .header__nav .container .menu-cat.simple-cat, .header__nav .container .menu-cat__toggle {
    min-height: 66px
  }
  .header__nav .container .menu-cat.simple-cat .menu-cat__name, .header__nav .container .menu-cat__toggle .menu-cat__name {
    font-size: 18px;
    line-height: 25px
  }
  .header__nav .container .menu-cat.simple-cat b, .header__nav .container .menu-cat__toggle b {
    margin-top: .125rem
  }
  .header__nav .container .menu-cat .active-asset-1, .header__nav .container .menu-cat .inactive-asset-1 {
    bottom: calc(100% + 2px);
    flex: 0 0 146px;
    top: unset;
    width: 146px
  }
  .header__nav .container .menu-cat .active-asset-2, .header__nav .container .menu-cat .inactive-asset-2 {
    bottom: -6px;
    flex: 1 1 auto;
    width: 160px
  }
}
@media(max-width:1300px) {
  .header__logo {
    flex: 0 0 170px;
    height: 170px;
    top: 80px;
    width: 170px
  }
  .header__splash .container {
    padding-bottom: 124px;
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 73px
  }
  .header__splash .splash__left svg, .header__splash .splash__right svg {
    flex: 0 0 51px;
    height: 51px;
    width: 51px
  }
  .header__splash .splash__left>div b, .header__splash .splash__right>div b {
    font-size: 18px;
    line-height: 26px
  }
  .header__splash .splash__left>div span, .header__splash .splash__right>div span {
    font-size: 14px;
    line-height: 20px;
    margin-top: .625rem
  }
  .header__splash .splash__left div {
    margin-left: 22px
  }
  .header__splash .splash__right div {
    margin-right: 22px
  }
  .header__announcement-and-cart .container, .header__nav .container, .header__top .container {
    padding-left: 2.5rem;
    padding-right: 2.5rem
  }
  .header__nav .categories-config-container {
    gap: .75rem
  }
  .header__top .container {
    padding-left: 2.5rem;
    padding-right: 2.5rem
  }
  .header__top .top__left {
    margin-left: 0
  }
  .header__top .top__right {
    margin-right: 0
  }
  .announcement b {
    display: inline-block;
    font-size: 20px;
    line-height: 24px;
    margin-top: .5rem
  }
}
@media(min-width:1001px) {
  #ndzn-header .btn--store-menu {
    display: none
  }
}
@media(max-width:1000px) {
  .header__top .top__left .top-link {
    margin-left: -12px
  }
  .header__top .top__right .top-link {
    margin-right: -12px
  }
  .header__splash .container {
    padding-left: 2.5rem;
    padding-right: 2.5rem
  }
  .header__nav {
    display: none
  }
  .header__announcement-and-cart .container {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 0
  }
  .header__announcement-and-cart .cart-and-store-menu {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    padding-bottom: 1.5rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 1.5rem;
    width: 100%
  }
  .header__announcement-and-cart .btn--store-menu .mobile-text, .header__announcement-and-cart .cart-btn .mobile-text {
    display: none
  }
  .header__announcement-and-cart .cart-btn {
    margin-left: auto
  }
  .header__announcement-and-cart .btn--store-menu {
    height: 56px;
    margin-left: -16px;
    padding-left: 1rem;
    padding-right: 1rem
  }
  .header__announcement-and-cart .btn--store-menu span {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 30px
  }
  .announcement {
    flex: 1 1 auto;
    height: auto;
    padding: 1.5rem 2.5rem;
    position: relative;
    width: 100%
  }
  .announcement:before {
    --tw-bg-opacity: 1;
    --tw-bg-opacity: 0.2;
    background-color: rgb(0 0 0/var(--tw-bg-opacity));
    content: "";
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
  }
  .announcement>i {
    transition-duration: .2s
  }
  .announcement:focus>i, .announcement:hover>i {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
  }
  .announcement:focus>div, .announcement:focus>i, .announcement:hover>div, .announcement:hover>i {
    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))
  }
  .announcement:focus>div, .announcement:hover>div {
    --tw-translate-x: 0px
  }
  .announcement:focus>div b, .announcement:hover>div b {
    --tw-translate-x: 4px;
    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))
  }
  .announcement:focus>div span, .announcement:hover>div span {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  .announcement i, .announcement>div {
    position: relative;
    z-index: 5
  }
  .announcement>div {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-direction: row-reverse;
    gap: 1.5rem;
    margin-left: 1.25rem
  }
  .announcement b {
    line-height: 26px;
    margin-right: auto;
    margin-top: 0
  }
  .announcement i {
    flex: 0 0 39px;
    height: 39px;
    width: 39px
  }
  .announcement i svg {
    flex: 0 0 24px;
    height: 24px;
    width: 24px
  }
  .header__label {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    top: 223px;
    width: 100%
  }
}
@media(max-width:850px) {
  .header__splash .splash__left svg, .header__splash .splash__right svg {
    display: none
  }
  .header__splash .splash__left div {
    margin-left: 0
  }
  .header__splash .splash__right div {
    margin-right: 0
  }
}
@media(max-width:750px) {
  .announcement {
    padding-bottom: 1rem;
    padding-top: 1rem
  }
  .announcement:focus>div>b, .announcement:focus>div>span, .announcement:hover>div>b, .announcement:hover>div>span {
    --tw-translate-x: 4px;
    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))
  }
  .announcement>div {
    align-items: flex-start;
    flex-direction: column;
    gap: .375rem
  }
  .announcement b {
    font-size: 18px;
    line-height: 24px
  }
  .announcement span {
    font-size: 14px
  }
  .header__announcement-and-cart .cart-and-store-menu {
    padding-bottom: 1rem;
    padding-top: 1rem
  }
}
@media(min-width:701px) {
  .header__announcement-and-cart .cart-btn .mobile-text {
    display: none !important
  }
}
@media(max-width:700px) {
  .header__top {
    padding-bottom: 265px
  }
  .header__announcement-and-cart .btn--store-menu span:not(.mobile-text), .header__background-nebula-container, .header__background-stars-container, .header__label, .header__splash {
    display: none
  }
  .header__announcement-and-cart .cart-btn {
    padding-bottom: 1.75rem;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 1.75rem
  }
  .header__announcement-and-cart .cart-btn b, .header__announcement-and-cart .cart-btn>span {
    display: none
  }
  .header__announcement-and-cart .cart-btn>div {
    align-items: center;
    display: flex;
    gap: .75rem
  }
  .header__announcement-and-cart .cart-btn span {
    font-size: 20px;
    letter-spacing: .05em;
    line-height: 26px;
    margin-top: 0
  }
  .header__announcement-and-cart .cart-btn .mobile-text {
    align-items: center;
    display: flex
  }
  .header__announcement-and-cart .btn--store-menu svg {
    flex: 0 0 24px;
    height: 24px;
    width: 24px
  }
  .header__announcement-and-cart .btn--store-menu span {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 26px
  }
  .header__announcement-and-cart .btn--store-menu .mobile-text {
    display: inline-block
  }
}
@media(min-width:651px) {
  .header__top .top-link.top-link--support .mobile-text {
    display: none
  }
}
@media(max-width:650px) {
  .announcement, .header__announcement-and-cart .cart-and-store-menu, .header__top .container {
    padding-left: .75rem;
    padding-right: .75rem
  }
  .header__top .top-link--support svg {
    flex: 0 0 18px;
    height: 18px;
    width: 18px
  }
  .header__top .top__left .top-link {
    margin-left: 0
  }
  .header__top .top__left .top-link span:not(.mobile-text) {
    display: none
  }
  .header__top .top__right .top-link {
    margin-right: 0
  }
  .header__background-stars-container, .header__top .currency-container {
    display: none
  }
  .announcement {
    align-items: center;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: center;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
  }
  .announcement>div {
    align-items: flex-start;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    margin-left: 0;
    width: auto
  }
  .announcement span {
    display: none
  }
  .announcement b {
    display: inline-block;
    font-size: 16px;
    font-weight: 900;
    line-height: 20px;
    margin-right: 0;
    text-align: center;
    white-space: normal
  }
  .announcement i {
    flex: 0 0 24px;
    height: 24px;
    width: 24px
  }
  .announcement i svg {
    flex: 0 0 14px;
    height: 14px;
    width: 14px
  }
  .header__announcement-and-cart .cart-and-store-menu {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
  }
  .header__announcement-and-cart .btn--store-menu {
    margin-left: 0;
    padding-left: .75rem;
    padding-right: .75rem
  }
}
@media(max-width:375px) {
  .header__announcement-and-cart .cart-btn {
    padding-bottom: 1.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.25rem
  }
  .header__announcement-and-cart .cart-btn span {
    font-size: 18px;
    line-height: 24px
  }
  .header__announcement-and-cart .btn--store-menu .mobile-text, .header__announcement-and-cart .cart-btn span {
    font-size: 18px;
    line-height: 24px
  }
  .header__top {
    padding-bottom: 240px
  }
}
#ndzn-footer {
  border-bottom: 1px;
  border-color: #56515599;
  border-style: solid
}
#ndzn-footer .footer__copy-ip {
  --tw-bg-opacity: 1;
  background-color: rgb(71 67 71/var(--tw-bg-opacity));
  cursor: pointer;
  overflow: hidden;
  position: relative
}
#ndzn-footer .footer__copy-ip:focus .copy-ip, #ndzn-footer .footer__copy-ip:hover .copy-ip {
  -webkit-animation: slowPulseAnimation 3s infinite;
  animation: slowPulseAnimation 3s infinite
}
#ndzn-footer .footer__copy-ip:before {
  border-bottom: 1px solid #ffffff1a;
  border-top: 1px solid #ffffff1a;
  content: "";
  height: 100%;
  pointer-events: none;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}
#ndzn-footer .footer__copy-ip .container {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-bottom: 27px;
  padding-top: 26px
}
#ndzn-footer .footer__copy-ip span {
  display: inline-block;
  font-size: 20px;
  font-weight: 900;
  line-height: 28px;
  margin-left: .75rem
}
#ndzn-footer .footer__copy-ip.ip-copied {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
#ndzn-footer .footer__copy-ip.ip-copied .copy-ip-success {
  top: 0
}
#ndzn-footer .footer__copy-ip .copy-ip-success {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(52 232 81/var(--tw-bg-opacity));
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  top: -100%;
  transition-duration: .8s;
  width: 100%
}
#ndzn-footer .footer__main {
  --tw-bg-opacity: 1;
  background-color: rgb(51 46 50/var(--tw-bg-opacity))
}
#ndzn-footer .footer__main .container {
  align-items: flex-start;
  display: flex;
  padding-bottom: 86px;
  padding-top: 71px
}
#ndzn-footer .footer__main b {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase
}
#ndzn-footer .main__left {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 104px;
  padding-right: 2.5rem
}
#ndzn-footer .main__right {
  flex: 0 0 352px;
  margin-left: auto;
  width: 352px
}
#ndzn-footer .main__right p {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.5;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-top: 1rem
}
#ndzn-footer .btn--pink {
  background: linear-gradient(269.4deg, #db4dbb, #d83cb4);
  border-radius: 8px;
  display: inline-flex;
  gap: .625rem;
  margin-top: 1.25rem;
  padding-bottom: 18px;
  padding-left: 45px;
  padding-right: 45px;
  padding-top: 18px
}
#ndzn-footer .btn--pink:focus svg, #ndzn-footer .btn--pink:hover svg {
  --tw-rotate: 360deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
#ndzn-footer .btn--pink:before {
  display: none
}
#ndzn-footer .btn--pink:after {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255/var(--tw-border-opacity));
  border-radius: 8px;
  border-style: solid;
  border-width: 2px;
  display: inline-block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%
}
#ndzn-footer .btn--pink svg {
  margin-top: -1px;
  transition-duration: 1s
}
#ndzn-footer .btn--pink span {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px
}
#ndzn-footer .category-group {
  min-width: 106px
}
#ndzn-footer .category-group a:focus, #ndzn-footer .category-group a:hover {
  --tw-translate-x: 3px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
#ndzn-footer .footer-subcategory-link {
  padding-bottom: 9px;
  padding-top: 9px
}
#ndzn-footer .category-group.single .category-group__subcategories {
  margin-top: -9px
}
#ndzn-footer .category-group>b {
  margin-bottom: 9px
}
#ndzn-footer .category-group__subcategories {
  align-items: flex-start;
  display: flex;
  flex-direction: column
}
#ndzn-footer .category-group__subcategories span {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.5;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 14px;
  font-weight: 400;
  line-height: 22px
}
#ndzn-footer .copy-ip {
  align-items: center;
  display: inline-flex
}
#ndzn-footer .footer-subcategory-link span {
  transition-duration: .2s
}
#ndzn-footer .footer-subcategory-link:focus span, #ndzn-footer .footer-subcategory-link:hover span {
  --tw-translate-x: 5px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
#ndzn-footer #tm {
  align-items: center;
  display: inline-flex;
  margin-top: 2rem;
  opacity: .3;
  padding-bottom: .25rem;
  padding-top: .25rem
}
#ndzn-footer #tm:focus, #ndzn-footer #tm:hover {
  opacity: .6
}
#ndzn-footer #tm svg {
  margin-left: .5rem
}
#ndzn-footer #tm span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .025em;
  line-height: 16px;
  margin-bottom: -1px;
  text-transform: uppercase
}
@-webkit-keyframes slowPulseAnimation {
  0%, to {
    transform: scale(1)
  }
  50% {
    transform: scale(1.1)
  }
}
@keyframes slowPulseAnimation {
  0%, to {
    transform: scale(1)
  }
  50% {
    transform: scale(1.1)
  }
}
div[class*=-tebex-footer-wrapper] {
  background: #332e32 !important;
  border-top-width: 0 !important;
  font-family: inherit !important;
  height: unset !important;
  min-height: 50px !important;
  padding-bottom: .5rem !important;
  padding-top: .5rem !important;
  z-index: unset !important
}
div[class*=-tebex-footer-text] {
  --tw-text-opacity: 0.5 !important;
  color: rgb(255 255 255/var(--tw-text-opacity)) !important;
  font-weight: 500 !important;
  margin-top: .25rem !important
}
div[class*=-tebex-footer-links] {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 1rem !important;
  margin-top: 0 !important
}
div[class*=-tebex-footer-links] a {
  color: #ffffff80 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  height: auto !important;
  line-height: 17px !important;
  -webkit-text-decoration-line: underline !important;
  text-decoration-line: underline !important
}
div[class*=-tebex-footer-image] {
  padding-right: 1.5rem !important
}
div[class*=-tebex-footer-image] img {
  height: auto !important;
  -o-object-fit: cover !important;
  object-fit: cover !important;
  width: 56px !important
}
@media(max-width:1500px) {
  #ndzn-footer .main__left {
    gap: 70px
  }
}
@media(max-width:1300px) {
  #ndzn-footer .footer__main .container {
    align-items: flex-start;
    flex-direction: column;
    gap: 58px;
    padding-bottom: 64px;
    padding-left: 72px;
    padding-right: 72px;
    padding-top: 64px
  }
  #ndzn-footer .main__left {
    flex: 1 1 auto;
    gap: unset;
    justify-content: space-between;
    padding-right: 0;
    width: 100%
  }
  #ndzn-footer .main__right {
    flex: 1 1 auto;
    width: 100%
  }
}
@media(max-width:1240px) {
  div[class*=-tebex-footer-wrapper] {
    flex-direction: column;
    min-height: 80px !important;
    padding: 1.25rem 1.5rem !important
  }
  div[class*=-tebex-footer-image] {
    display: none !important;
    padding-right: 0 !important
  }
  div[class*=-tebex-footer-links], div[class*=-tebex-footer-text] {
    --tw-text-opacity: 0.5 !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important;
    display: flex !important;
    font-size: 12px !important;
    line-height: 20px !important;
    width: 100% !important
  }
  div[class*=-tebex-footer-text] {
    display: inline-flex !important;
    margin-top: 0 !important;
    padding-right: 0 !important;
    text-align: left !important
  }
  div[class*=-tebex-footer-links] {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
    justify-content: flex-start !important;
    margin-top: .375rem !important;
    row-gap: .75rem !important
  }
  div[class*=-tebex-footer-links] a:not(:last-child) {
    margin-right: 0 !important
  }
  .main__right {
    position: relative
  }
  .main__right .ndzn-link {
    bottom: 0;
    position: absolute;
    right: 0
  }
}
@media(max-width:900px) {
  #ndzn-footer .footer__main .container {
    gap: 48px;
    padding: 48px 1.5rem 34px
  }
}
@media(max-width:750px) {
  #ndzn-footer .main__left {
    display: none
  }
  #ndzn-footer .main__right {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
  }
  #ndzn-footer .main__right p {
    text-align: center
  }
  #ndzn-footer .footer__main .container {
    padding-bottom: 44px;
    padding-top: 38px
  }
  #ndzn-footer .footer__main b {
    display: block;
    text-align: center
  }
  #ndzn-footer .btn--pink {
    margin-top: 18px
  }
  #ndzn-footer .ndzn-link {
    margin-top: 2.75rem;
    position: unset
  }
  #ndzn-footer #tm {
    margin-top: 0
  }
  div[class*=-tebex-footer-text] {
    line-height: 16px !important;
    text-align: center !important
  }
  div[class*=-tebex-footer-links] {
    justify-content: center !important;
    line-height: 16px !important;
    margin-top: 18px !important
  }
  div[class*=-tebex-footer-links] a {
    line-height: 27px !important
  }
}
@media(max-width:650px) {
  #ndzn-footer .footer__main .container {
    padding-bottom: 38px;
    padding-left: .75rem;
    padding-right: .75rem
  }
  #ndzn-footer .footer__copy-ip .container {
    padding-bottom: 23px;
    padding-top: 23px
  }
  #ndzn-footer .footer__copy-ip span {
    font-size: 16px;
    line-height: 22px
  }
  #ndzn-footer .ndzn-link {
    margin-top: 2.25rem
  }
  #ndzn-footer #tm {
    padding: .75rem
  }
}
@media(max-width:390px) {
  #ndzn-footer .btn--pink {
    flex: 1 1 auto;
    padding-left: .75rem;
    padding-right: .75rem;
    width: 100%
  }
}
.panel.package {
  margin: 0
}
.package {
  position: relative
}
.package.--highlighted {
  --tw-bg-opacity: 1;
  background-color: rgb(73 45 67/var(--tw-bg-opacity))
}
.package.--highlighted .__inner {
  position: relative
}
.package.--highlighted .__rankFeatures {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.15;
  background-color: rgb(219 77 187/var(--tw-bg-opacity))
}
.package.--images:not(.--rankVariant) {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px
}
.package.--images:not(.--rankVariant) .__inner {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px
}
.package.--images:not(.--rankVariant) .__packageImage.--hasImage, .package.--images:not(.--rankVariant) .__packageImage.--noImage {
  flex: 0 0 202px;
  height: 202px;
  width: 202px
}
.package.--images:not(.--rankVariant) .__packageImage img {
  height: auto;
  width: 100%
}
.package.--images:not(.--rankVariant) .__packageExpires, .package.--list {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px
}
.package.--list.--highlighted .__inner, .package.--list.--list--discounted .__inner {
  padding-right: 130px
}
.package.--list.--highlighted.--rankVariant, .package.--list.--list--discounted.--rankVariant {
  padding-bottom: .125rem
}
.package.--list.--highlighted.--rankVariant .__inner, .package.--list.--list--discounted.--rankVariant .__inner {
  padding-right: 0 !important
}
.package.--list.--highlighted .__discountPercentage, .package.--list.--list--discounted .__discountPercentage {
  right: -2px
}
.package.--list.--hasPackageCountdown .__mobileBestValueLabel {
  top: 60px
}
.package.--list .__inner {
  border-radius: 12px;
  padding-bottom: 30px;
  padding-right: 2rem;
  padding-top: 30px
}
.package.--list .btn--add, .package.--list .btn--remove {
  border-radius: 8px;
  gap: .5rem;
  min-width: 183px
}
.package.--list .__mobileBestValueLabel {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  font-size: 12px;
  font-weight: 700;
  height: 29px;
  line-height: 29px;
  padding-left: .5rem;
  padding-right: .5rem;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 1.5rem
}
.package.--list .__packageName span {
  text-align: left
}
.package .__inner {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  gap: 1.5rem;
  height: 100%;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 90px;
  padding-top: 1.5rem
}
.package .__inner.__inner--small {
  height: calc(100% - 30px)
}
.package .__discountPercentage {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(219 77 187/var(--tw-bg-opacity));
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  display: flex;
  height: 29px;
  justify-content: center;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 1.5rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 84px;
  z-index: 3
}
.package .__discountPercentage span {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  text-transform: uppercase
}
.package .__packageImage {
  border-radius: 4px;
  cursor: pointer;
  overflow: hidden
}
.package .__packageImage.--noImage {
  flex: 0 0 89px;
  height: 89px;
  width: 89px
}
.package .__packageImage.--hasImage {
  flex: 0 0 121px;
  height: 121px;
  width: 121px
}
.package .__packageImage.--hasImage img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
.package .__packageInfo {
  flex: 1 1 auto
}
.package .__packageName {
  align-items: flex-start;
  cursor: pointer;
  display: flex
}
.package .__packageName span {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  padding-right: 1rem
}
.package .__packageName svg {
  flex: 0 0 14px;
  margin-top: .25rem;
  width: 14px
}
.package .__packagePrice {
  align-items: center;
  display: flex;
  margin-top: .5rem
}
.package .__priceActual, .package .__priceDiscounted {
  font-weight: 700
}
.package .__priceActual {
  --tw-text-opacity: 1;
  color: rgb(75 255 82/var(--tw-text-opacity));
  font-size: 14px;
  line-height: 21px
}
.package .__priceDiscounted {
  --tw-text-opacity: 1;
  color: rgb(255 75 85/var(--tw-text-opacity));
  font-size: 13px;
  line-height: 21px;
  margin-left: .75rem;
  opacity: .4;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through
}
.package .__priceCustom {
  font-size: 14px;
  font-weight: 500
}
.package .__packageButtons {
  margin-top: 18px
}
.package .__packageExpires {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(219 77 187/var(--tw-bg-opacity));
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  display: flex;
  padding-bottom: .375rem;
  padding-left: 1.5rem;
  padding-right: .75rem;
  padding-top: .375rem
}
.package .__packageExpires span {
  font-size: 16px;
  font-weight: 700
}
.package .__packageExpires svg {
  margin-right: .75rem
}
.package .btn--add, .package .btn--remove {
  min-height: 52px;
  min-width: 206px;
  padding-bottom: .5rem;
  padding-left: .75rem;
  padding-right: .75rem;
  padding-top: .5rem
}
.package .btn--add span, .package .btn--remove span {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  line-height: 23px
}
.package .btn--add svg, .package .btn--remove svg {
  display: inline-block;
  margin-top: -2px
}
.page-sidebar.--package .__discountPercentage, .page-sidebar.--package .__mobileBestValueLabel {
  display: none
}
.page-sidebar.--package .package .__inner {
  gap: 1rem;
  padding-right: 1.5rem
}
.page-sidebar.--package .package .__inner:before {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top-width: 0 !important;
  left: 0;
  top: 0
}
.page-sidebar.--package .package .__packageName, .page-sidebar.--package .package .__packagePrice {
  justify-content: center
}
.page-sidebar.--package .package .__packageImage {
  flex: 0 0 193px;
  height: 193px;
  width: 193px
}
.page-sidebar.--package .package .__packageButtons {
  margin-top: 1.5rem
}
.page-sidebar.--package .package .__packageExpires {
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem
}
.package.--list.--list--discounted .__inner {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
.package.--list .__packageInfo {
  align-items: flex-start;
  display: flex;
  flex-direction: column
}
.package.--list .__packageButtons {
  margin-top: 1.25rem
}
.package.--list .__packageImage {
  flex: 0 0 121px;
  height: 121px;
  width: 121px
}
.package.--list .__packageExpires {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  margin-left: -2px;
  margin-right: -2px;
  margin-top: -2px
}
.packages-container.--images {
  flex: 1 1 auto
}
.packages-container.--images.--ranks {
  grid-template-columns: repeat(1, minmax(0, 1fr))
}
.package.--images:not(.--rankVariant) .__inner {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 2.5rem
}
.package.--images:not(.--rankVariant).--hasPackageCountdown .__packageImage.--hasImage, .package.--images:not(.--rankVariant).--hasPackageCountdown .__packageImage.--noImage {
  flex: 0 0 166px;
  height: 166px;
  width: 166px
}
.package.--images:not(.--rankVariant) .__packageExpires {
  margin-left: -2px;
  margin-right: -2px;
  margin-top: -2px
}
.package.--images:not(.--rankVariant) .__packagePrice {
  justify-content: center
}
.package.--images:not(.--rankVariant) .__packageName {
  display: inline-flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  position: relative
}
.package.--images:not(.--rankVariant) .__packageName span {
  padding: 0;
  text-align: center
}
.package.--images:not(.--rankVariant) .__packageName svg {
  position: absolute;
  right: 0;
  top: 1px
}
.package.--images:not(.--rankVariant) .__packageInfo {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: 100%
}
.package.--images:not(.--rankVariant) .__packageDetails {
  display: flex;
  flex-direction: column;
  margin-top: auto
}
.package.--images:not(.--rankVariant) .__packageButtons {
  margin-top: 1.5rem
}
.package.--images:not(.--rankVariant) .__packageButtons .btn {
  border-radius: 8px;
  flex: 1 1 auto;
  gap: .75rem;
  padding-bottom: 19px;
  padding-top: 18px;
  width: 100%
}
.package.--images:not(.--rankVariant) .__packageButtons span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 700;
  line-height: 23px;
  text-transform: uppercase
}
.package.--images:not(.--rankVariant) .btn--add, .package.--images:not(.--rankVariant) .btn--remove {
  border-color: #ffffff1a;
  border-style: solid;
  border-width: 2px
}
.package.--images:not(.--rankVariant) .btn--add svg {
  flex: 0 0 18px;
  height: 18px;
  width: 18px
}
.package.--images:not(.--rankVariant) .btn--remove svg {
  flex: 0 0 16px;
  height: 16px;
  width: 16px
}
@media(max-width:1500px) {
  .packages-container.--images {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important
  }
  .packages-container.--images.--ranks {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important
  }
  .packages-container.--images .panel--description, .packages-container.--images .panel.--specialPackage {
    grid-column: span 2/span 2
  }
  .packages-container.--images .panel.package.--images {
    grid-column: span 1/span 1
  }
}
@media(max-width:1400px) {
  .package.--list .__inner {
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-top: 1.5rem
  }
}
@media(max-width:1300px) {
  .package .__packageImage.--hasImage, .package .__packageImage.--noImage {
    flex: 0 0 101px;
    height: 101px;
    width: 101px
  }
}
@media(max-width:1200px) {
  .packages-container.--list {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
  .content-category .panel.--heading {
    padding-left: 120px;
    padding-right: 120px
  }
  .package.--list {
    grid-column: span 2/span 2
  }
  .package.--list.--list--discounted.--hasPackageCountdown .__discountPercentage {
    top: 48px
  }
  .package.--list .__inner {
    padding: 1.25rem
  }
  .package.--list .__packageExpires {
    padding-left: 1.25rem
  }
  .package.--list .btn--add, .package.--list .btn--remove {
    min-width: 157px
  }
  .package .btn--add, .package .btn--remove {
    gap: .75rem;
    min-height: 44px;
    min-width: 161px
  }
  .package .btn--add span, .package .btn--remove span {
    font-size: 16px
  }
  .package .btn--add svg, .package .btn--remove svg {
    flex: 0 0 18px;
    height: 17px;
    margin-top: -1px;
    width: 18px
  }
  .package .__packageName span {
    font-size: 18px;
    line-height: 24px
  }
  .package .__packageName svg {
    flex: 0 0 13px;
    height: 13px;
    width: 13px
  }
  .package .__packagePrice {
    margin-top: .375rem
  }
  .package .__packageExpires svg {
    flex: 0 0 16px;
    height: 16px;
    width: 16px
  }
  .package .__packageExpires span {
    font-size: 13px
  }
  .package .__inner.__inner--small {
    height: calc(100% - 26px) !important
  }
  .packages-container {
    gap: var(--spacing)
  }
}
@media(max-width:1050px) {
  .package.--images .__packageImage.--hasImage, .package.--images .__packageImage.--noImage {
    flex: 0 0 202px;
    height: 202px;
    width: 202px
  }
  .package.--list.--highlighted .__inner, .package.--list.--list--discounted .__inner {
    padding-right: 1.5rem
  }
  .package.--list.--highlighted .__discountPercentage, .package.--list.--list--discounted .__discountPercentage {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 0;
    border-top-right-radius: 6px;
    left: -2px;
    right: unset;
    top: 1rem
  }
  .package.--list.--hasPackageCountdown .__discountPercentage {
    top: 46px !important
  }
  .packages-container.--list {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
  .category-inner__sidebar {
    display: none
  }
}
@media(max-width:900px) {
  .content-category .panel.--heading {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
  .packages-container.--images {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
  .package.--images .__inner {
    gap: 2rem;
    padding-right: 1.5rem
  }
  .package .__packagePrice {
    margin-top: 5px
  }
  .package .__packageButtons {
    margin-top: .75rem
  }
}
@media(max-width:800px) {
  .packages-container.--list {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
  .package.--images .__inner {
    padding-left: 2rem;
    padding-right: 2rem
  }
}
@media(max-width:700px) {
  .packages-container.--images {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
}
@media(max-width:650px) {
  .package:not(.--rankVariant).--images.--list--discounted:not(.--hasPackageCountdown) .__discountPercentage, .package:not(.--rankVariant).--list.--list--discounted:not(.--hasPackageCountdown) .__discountPercentage {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    flex: 1 1 auto;
    position: unset;
    width: 100%
  }
  .package:not(.--rankVariant).--images.--list--discounted:not(.--hasPackageCountdown) .__inner, .package:not(.--rankVariant).--list.--list--discounted:not(.--hasPackageCountdown) .__inner {
    border-radius: 8px;
    margin-top: -29px;
    padding-top: 3rem
  }
  .package:not(.--rankVariant).--images .__packageName span, .package:not(.--rankVariant).--list .__packageName span {
    text-align: center
  }
  .package:not(.--rankVariant).--list .__inner {
    padding-left: 100px !important;
    padding-right: 100px !important
  }
  .package:not(.--rankVariant).--list .__packageImage {
    display: none
  }
  .package:not(.--rankVariant).--list .__packageInfo {
    align-items: center;
    flex-direction: column;
    justify-content: center
  }
  .package:not(.--rankVariant).--list .__packageName {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    position: relative
  }
  .package:not(.--rankVariant).--list .__packageName span {
    padding-right: 0 !important
  }
  .package:not(.--rankVariant).--list .__packageName svg {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 5px
  }
  .package:not(.--rankVariant).--list .__packageDetails {
    margin-left: auto;
    margin-right: auto;
    padding-right: 0
  }
  .package:not(.--rankVariant).--list .__packageExpires, .package:not(.--rankVariant).--list .__packagePrice {
    justify-content: center
  }
  .package:not(.--rankVariant).--list .__packageButtons {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.25rem
  }
  .package:not(.--rankVariant).--list .__packageExpires svg {
    display: none
  }
  .package:not(.--rankVariant).--list .__packagePrice {
    margin-top: .5rem
  }
  .package:not(.--rankVariant).--list .btn--add, .package:not(.--rankVariant).--list .btn--remove {
    min-height: 54px;
    min-width: 208px
  }
  .package:not(.--rankVariant).--list .btn--add span, .package:not(.--rankVariant).--list .btn--remove span {
    text-transform: uppercase
  }
}
@media(max-width:580px) {
  .packages-container.--images {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important
  }
  .packages-container.--images .panel--description {
    grid-column: span 1/span 1
  }
  .package:not(.--rankVariant).--list.--hasPackageCountdown .__discountPercentage {
    display: none !important
  }
  .package:not(.--rankVariant).--list .__inner {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important
  }
  .package.--list .btn--add, .package.--list .btn--remove {
    flex: 1 1 auto;
    min-width: 100%
  }
  .package.--list .__packageButtons {
    width: 100%
  }
  .package.--images:not(.--rankVariant) .__packageExpires {
    justify-content: center
  }
  .package.--images:not(.--rankVariant) .__inner {
    flex-direction: column;
    gap: 1.5rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 2.5rem
  }
  .package.--images:not(.--rankVariant) .__packageImage.--hasImage, .package.--images:not(.--rankVariant) .__packageImage.--noImage {
    flex: 0 0 193px;
    height: 193px;
    width: 193px
  }
  .package.--images:not(.--rankVariant) .__packageImage img {
    height: 100%;
    width: 100%
  }
  .package.--images:not(.--rankVariant) .__packageName {
    display: inline-flex;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative
  }
  .package.--images:not(.--rankVariant) .__packageName span {
    padding: 0
  }
  .package.--images:not(.--rankVariant) .__packageName svg {
    display: none
  }
}
@media(max-width:450px) {
  .package.--list .__inner {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }
  .package.--list--discounted.--hasPackageCountdown .__discountPercentage {
    display: none !important
  }
  .package.--images .btn {
    gap: .5rem
  }
}
@media(max-width:390px) {
  .package.--images .__packageButtons .btn--add, .package.--images .__packageButtons .btn--remove {
    padding-bottom: .875rem;
    padding-top: .875rem
  }
  .package.--images .__packageButtons .btn--add span, .package.--images .__packageButtons .btn--remove span {
    font-size: 16px
  }
  .package.--images:not(.--rankVariant) .__inner .__packageName {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative
  }
  .package.--images:not(.--rankVariant) .__inner .__packageName svg {
    bottom: 0;
    margin-bottom: auto;
    margin-top: auto;
    position: absolute;
    right: 2rem;
    top: 0
  }
}
.package.--highlighted .__inner:before {
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important
}
.package.--rankVariant {
  border-radius: 12px;
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
  min-height: 192px;
  overflow: hidden
}
.package.--rankVariant.--list.--list--discounted .__inner {
  padding-top: 0
}
.package.--rankVariant.--hasPackageCountdown .__inner:before {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-width: 0
}
.package.--rankVariant:not(.package.--rankVariant.--hasPackageCountdown).--highlighted {
  min-height: 221px
}
.package.--rankVariant:not(.package.--rankVariant.--hasPackageCountdown).--highlighted .__inner {
  padding-top: 29px
}
.package.--rankVariant:not(.package.--rankVariant.--hasPackageCountdown).--highlighted .__bestValueLabel {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  height: 29px;
  left: 0;
  padding-bottom: 2px;
  top: 0;
  width: 100%
}
.package.--rankVariant:not(.package.--rankVariant.--hasPackageCountdown).--highlighted .__bestValueLabel span {
  font-size: 15px
}
.package.--rankVariant:not(.package.--rankVariant.--hasPackageCountdown).--highlighted .__rankFeatures {
  position: unset
}
.package.--rankVariant:not(.package.--rankVariant.--hasPackageCountdown) .__inner, .package.--rankVariant:not(.package.--rankVariant.--highlighted) .__inner {
  border-bottom-right-radius: 12px;
  border-top-right-radius: 12px
}
.package.--rankVariant.--highlighted .__packageInfo {
  padding-right: 55px
}
.package.--rankVariant .__discountPercentage {
  display: none !important
}
.package.--rankVariant .__bestValueLabel {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(219 77 187/var(--tw-bg-opacity));
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  display: flex;
  justify-content: center;
  left: 0;
  left: -106px;
  min-height: 35px;
  padding-left: 1rem;
  padding-right: 1rem;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 19px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 106px;
  z-index: 3
}
.package.--rankVariant .__bestValueLabel span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 12px;
  font-weight: 700;
  line-height: 29px;
  text-transform: uppercase
}
.package.--rankVariant .__inner {
  --tw-bg-opacity: 1;
  background-color: rgb(47 39 46/var(--tw-bg-opacity));
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding-bottom: 0;
  padding-left: 1.5rem;
  padding-right: 0;
  padding-top: 0
}
.package.--rankVariant .__packageInfo {
  max-width: 287px;
  padding-bottom: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem
}
.package.--rankVariant .__rankFeatures {
  --tw-bg-opacity: 1;
  background-color: rgb(53 44 52/var(--tw-bg-opacity));
  border-radius: 0 0 12px 0;
  flex: 0 0 624px;
  gap: 1.25rem;
  height: 100%;
  margin-left: auto;
  padding-bottom: 3rem;
  padding-left: .75rem;
  padding-right: .75rem;
  padding-top: .75rem;
  position: relative
}
.package.--rankVariant .__rankFeatures .btn--viewAll {
  bottom: .875rem;
  gap: .5rem;
  min-height: 34px;
  padding-left: .75rem;
  padding-right: .75rem;
  position: absolute;
  right: .875rem
}
.package.--rankVariant .__rankFeatures .btn--viewAll span {
  --tw-text-opacity: 1;
  color: rgb(122 219 77/var(--tw-text-opacity));
  font-size: 14px;
  font-weight: 500;
  line-height: 18px
}
.package.--rankVariant .__feature {
  align-items: center;
  display: inline-flex;
  line-height: 18px;
  margin: .75rem
}
.package.--rankVariant .__feature svg {
  margin-right: 9px
}
.package.--rankVariant .__feature span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  opacity: .7
}
.package.--rankVariant .__packageExpires {
  justify-content: center
}
.package.--rankVariant .__packageExpires span {
  margin-bottom: -1px
}
.rankGrid.--perks .__row:first-of-type .__gridEl.--highlighted {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-top-width: 2px
}
.rankGrid.--perks .__row:last-of-type .__gridEl.--highlighted {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-width: 2px
}
.rankGrid.--perks .__row:nth-child(odd) .__gridEl {
  --tw-bg-opacity: 1;
  background-color: rgb(53 44 52/var(--tw-bg-opacity))
}
.rankGrid.--perks .__row:nth-child(2n) .__gridEl {
  --tw-bg-opacity: 1;
  background-color: rgb(61 51 60/var(--tw-bg-opacity))
}
.rankGrid.--perks .__gridEl {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 14px;
  line-height: 22px;
  position: relative
}
.rankGrid.--perks .__gridEl .__gridEl__inner {
  height: 100%;
  padding-bottom: .625rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .625rem;
  width: 100%
}
.rankGrid.--perks .__gridEl:not(.rankGrid.--perks .__gridEl.--large) {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center
}
.rankGrid.--perks .__gridEl:not(.rankGrid.--perks .__gridEl.--large).--highlighted {
  --tw-border-opacity: 1;
  --tw-border-opacity: 0.4;
  border-color: rgb(255 255 255/var(--tw-border-opacity));
  border-left-width: 2px;
  border-right-width: 2px;
  border-style: solid
}
.rankGrid.--perks .__gridEl:not(.rankGrid.--perks .__gridEl.--large).--highlighted .__gridEl__inner {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center
}
.rankGrid.--perks .__gridEl:not(.rankGrid.--perks .__gridEl.--large):not(.--highlighted) .__gridEl__inner {
  align-items: center;
  background-color: transparent;
  display: flex;
  justify-content: center;
  text-align: center
}
.rankGrid.--buttons .btn.btn--pink, .rankGrid.--buttons .btn.btn--remove {
  border-radius: 8px
}
.category-inner>.ranksGridContainer {
  margin-top: 64px
}
.ranksGridContainer {
  width: 100%
}
.ranksGridContainer .rankGrid:first-of-type {
  margin-top: 0
}
.ranksGridContainer .rankGridHeading {
  --tw-bg-opacity: 1;
  background-color: rgb(89 74 87/var(--tw-bg-opacity));
  border-radius: 6px;
  margin-top: 1.5rem
}
.ranksGridContainer .rankGridHeading h6 {
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  padding-bottom: .875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .875rem
}
.ranksGridContainer .rankGrid {
  display: grid;
  margin-top: .75rem
}
.ranksGridContainer .rankGrid.--perks {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr))
}
.ranksGridContainer .rankGrid .__row {
  -moz-column-gap: 24px;
  column-gap: 24px;
  display: grid;
  grid-template-columns: 360px 1fr 1fr 1fr 1fr 1fr
}
.ranksGridContainer .btn.btn--remove {
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  background-color: transparent !important;
  background-color: rgba(255, 75, 85, .2);
  border-color: rgb(255 75 85/var(--tw-border-opacity));
  border-style: solid;
  border-width: 2px;
  color: rgb(255 75 85/var(--tw-text-opacity));
  position: relative
}
.ranksGridContainer .btn.btn--remove strong {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(255 75 85/var(--tw-bg-opacity));
  border-radius: .25rem;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 12px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  padding-left: .5rem;
  padding-right: .5rem;
  position: absolute;
  right: 0;
  text-shadow: 0 2px rgba(0, 0, 0, .2);
  text-transform: uppercase;
  top: -.75rem
}
.ranksGridContainer .__row:first-child .__gridEl {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px
}
.ranksGridContainer .__row:last-child .__gridEl {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px
}
.ranksGridContainer .__gridEl.--packageDetails {
  --tw-bg-opacity: 1;
  background-color: rgb(47 39 46/var(--tw-bg-opacity));
  border-radius: 6px
}
.ranksGridContainer .__gridEl.--packageDetails.--highlighted {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255/var(--tw-border-opacity));
  border-style: solid;
  border-width: 2px;
  position: relative
}
.ranksGridContainer .__gridEl.--packageDetails .packageDetails__inner {
  align-items: center;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 18px;
  width: 100%
}
.ranksGridContainer .__gridEl.--packageDetails .__bestValueLabel {
  display: inline-block;
  height: 29px;
  left: 0;
  line-height: 25px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: -5px;
  width: 106px
}
.ranksGridContainer .__gridEl.--packageDetails .__bestValueLabel .__bg {
  --tw-bg-opacity: 1;
  background-color: rgb(219 77 187/var(--tw-bg-opacity));
  border-radius: 2px;
  -webkit-clip-path: polygon(0 0, 100% 0, 92% 100%, 8% 100%);
  clip-path: polygon(0 0, 100% 0, 92% 100%, 8% 100%);
  height: 29px;
  left: 0;
  position: absolute;
  top: 0;
  width: 106px;
  z-index: 2
}
.ranksGridContainer .__gridEl.--packageDetails .__bestValueLabel span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .025em;
  line-height: 15px;
  position: relative;
  text-transform: uppercase;
  z-index: 3
}
.ranksGridContainer .__gridEl.--packageDetails .__packageButtons .btn span {
  text-transform: uppercase
}
.ranksGridContainer .__gridEl.--packageDetails .btn--pink:before {
  background-size: cover
}
.ranksGridContainer .__gridEl.--packageDetails .btn--pink, .ranksGridContainer .__gridEl.--packageDetails .btn--remove {
  border-radius: 8px !important
}
.ranksGridContainer .__gridEl.--packageDetails .__packageImage {
  cursor: pointer;
  flex: 0 0 121px;
  height: 121px;
  overflow: hidden;
  width: 121px
}
.ranksGridContainer .__gridEl.--packageDetails .__packageName {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin-top: .5rem
}
.ranksGridContainer .__gridEl.--packageDetails .__packageButtons {
  margin-top: 1.5rem;
  width: 100%
}
.ranksGridContainer .__gridEl.--packageDetails .__packageButtons .btn {
  height: 52px;
  width: 100%
}
.ranksGridContainer .__gridEl.--packageButtons .btn--pink, .ranksGridContainer .__gridEl.--packageButtons .btn--red {
  display: flex;
  flex: 1 1 auto;
  height: 52px;
  width: 100%
}
.ranksGridContainer .__gridEl.--packageButtons .btn--pink:before, .ranksGridContainer .__gridEl.--packageButtons .btn--red:before {
  background-size: cover
}
.ranksGridContainer .__gridEl.--packageButtons .btn--pink span, .ranksGridContainer .__gridEl.--packageButtons .btn--red span {
  display: inline-block;
  font-size: 16px;
  text-transform: uppercase
}
@media(max-width:1500px) {
  .package.--rankVariant.--highlighted .__packageInfo {
    padding-right: .5rem
  }
  .package.--rankVariant .__inner {
    gap: 1rem;
    padding-left: 1rem
  }
  .package.--rankVariant .__feature {
    margin: .5rem
  }
  .package.--rankVariant .__rankFeatures {
    flex: 1 1 auto;
    margin-left: auto
  }
  .package.--rankVariant .__rankFeatures .btn--viewAll {
    bottom: .5rem;
    padding-left: .5rem;
    padding-right: .5rem;
    right: .5rem
  }
  .package.--rankVariant .__bestValueLabel {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 0;
    border-top-right-radius: 6px;
    bottom: 1.25rem;
    left: 0;
    top: unset
  }
  .package.--rankVariant .__packageInfo {
    padding-bottom: 1rem;
    padding-right: .5rem;
    padding-top: 1rem
  }
  .package.--rankVariant .btn--add, .package.--rankVariant .btn--remove {
    min-height: 44px;
    min-width: 161px;
    padding-left: 18px;
    padding-right: 18px
  }
  .package.--rankVariant .btn--add span, .package.--rankVariant .btn--remove span {
    font-size: 16px;
    line-height: 18px
  }
  .package.--rankVariant .btn--add svg {
    flex: 0 0 18px;
    width: 18px
  }
  .package.--rankVariant .__packageName span {
    font-size: 16px
  }
  .package.--rankVariant .__priceActual {
    display: inline-block;
    line-height: 18px
  }
  .package.--rankVariant .__packagePrice {
    margin-top: .5rem
  }
  .package.--rankVariant .__packageButtons {
    margin-top: 1rem
  }
  .package.--rankVariant .__bestValueLabel {
    bottom: .875rem;
    padding-left: .75rem;
    padding-right: .75rem;
    text-align: center;
    width: 100px
  }
}
@media(max-width:1400px) {
  .ranksGridContainer .rankGridHeading h6 {
    font-size: 15px;
    line-height: 20px
  }
  .ranksGridContainer .__gridEl.--packageDetails {
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.25rem
  }
  .ranksGridContainer .__gridEl.--packageDetails .packageDetails__inner {
    padding: 0
  }
  .ranksGridContainer .__gridEl.--packageDetails .__packageImage {
    flex: 0 0 104px;
    height: 104px;
    width: 104px
  }
  .ranksGridContainer .__gridEl.--packageDetails .__packageName {
    font-size: 16px;
    line-height: 21px
  }
  .ranksGridContainer .__gridEl.--packageDetails .__packageButtons .btn {
    height: 46px
  }
  .ranksGridContainer .__gridEl.--packageDetails .__packageButtons .btn span {
    font-size: 15px
  }
  .ranksGridContainer .rankGrid .__row {
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    grid-template-columns: 260px 1fr 1fr 1fr 1fr 1fr
  }
  .ranksGridContainer .rankGridHeading {
    margin-top: 1.25rem
  }
}
@media(max-width:1250px) {
  .ranksGridContainer .__gridEl.--packageDetails {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0
  }
  .ranksGridContainer .__gridEl.--packageDetails.--highlighted .__bestValueLabel span {
    font-size: 11px
  }
  .ranksGridContainer .__gridEl.--packageDetails .btn.btn--pink, .ranksGridContainer .__gridEl.--packageDetails .btn.btn--remove {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    margin-bottom: -2px;
    margin-left: -2px;
    margin-right: -2px;
    width: calc(100% + 4px) !important
  }
  .ranksGridContainer .__gridEl.--packageDetails .__packageButtons .btn span {
    font-size: 14px
  }
  .ranksGridContainer .__gridEl.--packageDetails .__packageName {
    padding-left: 1rem;
    padding-right: 1rem
  }
  .ranksGridContainer .__gridEl.--packageButtons .btn {
    height: 46px
  }
  .ranksGridContainer .__gridEl.--packageButtons .btn span {
    font-size: 14px !important
  }
}
@media(max-width:1200px) {
  .package.--rankVariant:not(.package.--rankVariant.--hasPackageCountdown).--highlighted .__bestValueLabel {
    height: 30px;
    min-height: 30px
  }
  .package.--rankVariant:not(.package.--rankVariant.--hasPackageCountdown).--highlighted .__bestValueLabel span {
    font-size: 13px
  }
}
@media(max-width:1150px) {
  .ranksGridContainer {
    display: none
  }
}
@media(max-width:1110px) {
  .package.--rankVariant .__inner {
    display: grid;
    gap: 0;
    grid-template-columns: 155px auto;
    padding-left: 0
  }
  .package.--rankVariant .__packageInfo {
    flex: 1 1 auto;
    padding-right: 0;
    width: 100%
  }
  .package.--rankVariant .__rankFeatures {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    grid-column: span 2/span 2
  }
  .package.--rankVariant .__packageImage {
    align-items: center;
    display: flex;
    height: 155px !important;
    justify-content: center;
    width: 100% !important
  }
  .package.--rankVariant .__packageImage img {
    height: 101px;
    width: 101px
  }
  .package.--rankVariant .__packageButtons {
    margin-top: .75rem
  }
  .package.--rankVariant .__packagePrice {
    margin-top: .375rem
  }
  .package.--rankVariant .__packageExpires {
    justify-content: center;
    padding-left: 1rem;
    padding-right: 1rem
  }
}
@media(max-width:1050px) {
  .panel.--rankTableLink {
    display: none
  }
  .packages-container.--list.--ranks {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important
  }
  .packages-container.--list.--ranks .package .__inner.__inner--small {
    height: calc(100% - 27px) !important
  }
}
@media(min-width:901px) {
  .package.--rankVariant .__mobileBestValueLabel {
    display: none
  }
}
@media(max-width:900px) {
  .package.--rankVariant {
    min-height: 434px
  }
  .package.--rankVariant.--hasPackageCountdown .__mobileBestValueLabel {
    display: none
  }
  .package.--rankVariant:not(.--hasPackageCountdown) .__mobileBestValueLabel {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(216 63 181/var(--tw-bg-opacity));
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    display: flex;
    height: 29px;
    justify-content: center;
    left: -2px;
    padding-bottom: 2px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 2px;
    position: absolute;
    top: -2px;
    width: calc(100% + 4px);
    z-index: 5
  }
  .package.--rankVariant:not(.--hasPackageCountdown) .__mobileBestValueLabel span {
    font-size: 12px;
    font-weight: 700;
    line-height: 25px;
    text-transform: uppercase
  }
  .package.--rankVariant .__bestValueLabel {
    display: none !important
  }
  .package.--rankVariant .__rankFeatures {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: grid;
    gap: 22px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    height: 100%;
    padding-bottom: 71px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.5rem;
    width: 100%
  }
  .package.--rankVariant .__rankFeatures .btn--viewAll {
    bottom: 15px;
    right: 18px
  }
  .package.--rankVariant .__feature {
    align-items: center;
    display: flex;
    margin: 0
  }
  .package.--rankVariant .__packageInfo {
    padding-right: 1.25rem !important
  }
  .packages-container.--images.--ranks, .packages-container.--list.--ranks {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}
@media(max-width:800px) {
  .packages-container.--images.--ranks, .packages-container.--list.--ranks {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important
  }
}
@media(max-width:650px) {
  .package--images.--rankVariant .__inner, .package--images.--rankVariant .__packageInfo, .package.--list.--rankVariant .__inner, .package.--list.--rankVariant .__packageInfo {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
  }
  .package--images.--rankVariant .__inner, .package.--list.--rankVariant .__inner {
    padding-left: 0 !important
  }
  .package--images.--rankVariant .__rankFeatures, .package.--list.--rankVariant .__rankFeatures {
    padding-bottom: 75px
  }
  .package--images.--rankVariant .__packageImage, .package.--list.--rankVariant .__packageImage {
    flex: 0 0 193px !important;
    height: 193px !important;
    margin-top: 1.5rem;
    width: 193px !important
  }
  .package--images.--rankVariant .__packageImage img, .package.--list.--rankVariant .__packageImage img {
    height: 100%;
    width: 100%
  }
  .package--images.--rankVariant .__packageInfo, .package.--list.--rankVariant .__packageInfo {
    flex: 1 1 auto;
    max-width: unset;
    padding-bottom: 2rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.5rem;
    width: 100%
  }
  .package--images.--rankVariant .__packageName, .package.--list.--rankVariant .__packageName {
    justify-content: center;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    position: relative
  }
  .package--images.--rankVariant .__packageName span, .package.--list.--rankVariant .__packageName span {
    font-size: 18px;
    line-height: 24px;
    padding-right: 0;
    text-align: center
  }
  .package--images.--rankVariant .__packageName svg, .package.--list.--rankVariant .__packageName svg {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 4px
  }
  .package--images.--rankVariant .__packagePrice, .package.--list.--rankVariant .__packagePrice {
    justify-content: center;
    margin-top: .75rem
  }
  .package--images.--rankVariant .__packageButtons, .package.--list.--rankVariant .__packageButtons {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 1.25rem
  }
  .package--images.--rankVariant .__packageButtons .btn--add, .package--images.--rankVariant .__packageButtons .btn--remove, .package.--list.--rankVariant .__packageButtons .btn--add, .package.--list.--rankVariant .__packageButtons .btn--remove {
    min-height: 58px;
    min-width: 288px
  }
  .package--images.--rankVariant .__packageButtons .btn--add span, .package--images.--rankVariant .__packageButtons .btn--remove span, .package.--list.--rankVariant .__packageButtons .btn--add span, .package.--list.--rankVariant .__packageButtons .btn--remove span {
    display: inline-block;
    font-size: 18px;
    line-height: 24px
  }
  .package--images.--rankVariant .__mobileBestValueLabel, .package.--list.--rankVariant .__mobileBestValueLabel {
    display: none
  }
}
@media(max-width:450px) {
  .package.--images.--rankVariant .__inner, .package.--list.--rankVariant .__inner {
    align-items: center;
    display: flex;
    flex-direction: column
  }
  .package.--images.--rankVariant .__packageButtons, .package.--list.--rankVariant .__packageButtons {
    flex: 1 1 auto;
    margin-top: 1.25rem;
    width: 100%
  }
  .package.--images.--rankVariant .__packageButtons .btn--add, .package.--images.--rankVariant .__packageButtons .btn--remove, .package.--list.--rankVariant .__packageButtons .btn--add, .package.--list.--rankVariant .__packageButtons .btn--remove {
    min-height: 58px;
    min-width: unset;
    width: 100%
  }
  .package.--images.--rankVariant .__packageImage, .package.--list.--rankVariant .__packageImage {
    flex: 0 0 193px !important;
    height: 193px !important;
    margin-top: 2rem !important;
    width: 193px !important
  }
  .package.--images.--rankVariant .__packageImage img, .package.--list.--rankVariant .__packageImage img {
    height: 100% !important;
    width: 100% !important
  }
  .package.--images.--rankVariant .__packageInfo, .package.--list.--rankVariant .__packageInfo {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding-bottom: 2rem !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    padding-top: 1.5rem !important;
    width: 100% !important
  }
  .package.--images.--rankVariant .__packageName, .package.--images.--rankVariant .__packagePrice, .package.--list.--rankVariant .__packageName, .package.--list.--rankVariant .__packagePrice {
    justify-content: center
  }
  .package.--images.--rankVariant .__packagePrice, .package.--list.--rankVariant .__packagePrice {
    margin-top: .5rem
  }
  .package.--images.--rankVariant .__packageName, .package.--list.--rankVariant .__packageName {
    font-size: 18px;
    line-height: 23px
  }
}
.form-group .input {
  --tw-bg-opacity: 1;
  background-color: rgb(61 51 60/var(--tw-bg-opacity))
}
.form-group:before {
  --tw-gradient-to: #3d333c;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.form-group.form-group-discord {
  gap: .75rem;
  grid-template-columns: 296px auto !important
}
.form-group .form-group__inner {
  position: relative
}
.form-group .form-group__inner .selected-currency {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.5;
  --tw-text-opacity: 1;
  align-items: center;
  background-color: rgb(75 63 74/var(--tw-bg-opacity));
  border-radius: 4px;
  bottom: 0;
  color: rgb(147 153 157/var(--tw-text-opacity));
  display: inline-block;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  height: 44px;
  justify-content: center;
  line-height: 18px;
  margin-bottom: auto;
  margin-top: auto;
  padding-bottom: .75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: .75rem;
  position: absolute;
  right: 17px;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.form-group .form-group__inner .selected-currency, .form-group .svg-dd {
  pointer-events: none
}
.form-group .svg-dd {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.options-form {
  gap: .75rem !important
}
.options-form>p {
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.8;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 1.75rem
}
.options-form>.btn.btn--add {
  align-items: center;
  display: flex;
  flex: 1 1 auto !important;
  height: 72px !important;
  width: 100% !important
}
.options-form>.btn.btn--add:before {
  display: none
}
.options-form>.btn.btn--add span {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase
}
.options-form .btn.btn--discord {
  gap: .75rem
}
.options-form .btn.btn--discord svg {
  margin: 0
}
.options-form .btn.btn--discord span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  line-height: 23px
}
.options-form .alert.alert--red {
  margin: 0
}
.options-form .form-group .input, .options-form .form-group input {
  font-size: 16px;
  font-weight: 400;
  min-height: 64px
}
.options-form .form-group .input::-moz-placeholder, .options-form .form-group input::-moz-placeholder {
  font-weight: 400
}
.options-form .form-group .input::placeholder, .options-form .form-group input::placeholder {
  font-weight: 400
}
.options-form .form-group .input, .options-form .form-group input {
  border-color: #ffffff08;
  border-radius: 8px;
  border-style: solid;
  border-width: 1px;
  min-height: 72px;
  padding-bottom: 23px !important;
  padding-top: 23px !important
}
.options-form .form-group .form-group__inner .selected-currency {
  padding-left: 19px;
  padding-right: 19px
}
.panel--options .options-form>p {
  margin-top: 0
}
@media(max-width:1050px) {
  .options-form>p {
    margin-bottom: 1.25rem
  }
  .form-group.form-group-discord .input {
    padding-right: .75rem
  }
  .content-options .options-form .btn.btn--discord span {
    display: none
  }
  .content-options .form-group.form-group-discord {
    grid-template-columns: 64px auto !important
  }
}
@media(max-width:750px) {
  .form-group--input:before, .form-group--select:before {
    right: 64px;
    width: 1.25rem
  }
  .form-group.form-with-button {
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
    gap: 0
  }
  .form-group.form-with-button .btn--discord, .form-group.form-with-button .form-group__inner, .form-group.form-with-button input.input {
    width: 100%
  }
  .form-group.form-with-button .btn--discord, .form-group.form-with-button input.input {
    padding-left: 18px;
    padding-right: 18px
  }
  .form-group.form-with-button input.input {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    text-align: center
  }
  .form-group.form-with-button .btn.btn--discord {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    min-height: 69px
  }
  .form-group.form-with-button .btn.btn--discord span {
    font-size: 16px
  }
  .form-group.form-with-button .btn.btn--discord svg {
    flex: 0 0 18px;
    width: 18px
  }
  .form-group .form-group__inner .selected-currency {
    font-size: 13px;
    height: 34px;
    min-width: 54px;
    padding-left: .75rem;
    padding-right: .75rem;
    right: 11px
  }
  .options-form {
    gap: 1rem !important
  }
  .options-form>p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: .75rem
  }
  .options-form .form-group .input, .options-form .form-group input {
    font-size: 14px;
    min-height: 56px;
    padding-left: 18px
  }
  .options-form .form-group .input::-moz-placeholder, .options-form .form-group input::-moz-placeholder {
    font-size: 14px
  }
  .options-form .form-group .input::placeholder, .options-form .form-group input::placeholder {
    font-size: 14px
  }
  .options-form .form-group .input {
    padding-right: 64px
  }
  .options-form .form-group .svg-dd {
    flex: 0 0 11px;
    right: 22px;
    width: 11px
  }
  .options-form>.btn.btn--add {
    min-height: 69px
  }
  .options-form>.btn.btn--add span {
    font-size: 16px !important
  }
  .content-options .options-form .btn.btn--discord span {
    display: inline-block
  }
}
@media(max-width:650px) {
  #modal-shopping.is-options .modal-dialogue {
    padding: 1.5rem
  }
}
@media(max-width:450px) {
  .options-form {
    gap: .75rem !important
  }
  .options-form>p {
    margin-bottom: 0
  }
}
.package-buttons {
  margin-top: 1.25rem;
  width: 100%
}
.package-buttons .package-funnyqty {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  margin-bottom: 1rem;
  width: 100%
}
.package-buttons .package-funnyqty .btn {
  --tw-bg-opacity: 0.32;
  --tw-text-opacity: 1;
  --tw-text-opacity: 0.4;
  border-radius: .375rem;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-weight: 700;
  padding-bottom: 1rem;
  padding-left: 33px;
  padding-right: 33px;
  padding-top: 1rem;
  transition-duration: .2s;
  width: 100%
}
.package-buttons .package-funnyqty .btn.inactive {
  background: #ffffff0a !important;
  background-color: #ffffff0a !important;
  border: 0 solid transparent !important
}
.package-buttons .package-funnyqty .btn.active {
  --tw-text-opacity: 1
}
.package-buttons .package-funnyqty .btn--qty-selector__wrapper {
  position: relative;
  width: 100%
}
.package-buttons .package-funnyqty .discount-per-qty {
  --tw-text-opacity: 1;
  border-radius: .25rem;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  margin: 0;
  padding-bottom: 1px;
  padding-left: .25rem;
  padding-right: .25rem;
  padding-top: 1px;
  position: absolute;
  right: -6px;
  top: -6px
}
.package-buttons .package-funnyqty .discount-per-qty.hideClass {
  display: none
}
.package-buttons .btn--add, .package-buttons .btn--remove {
  border-radius: .5rem;
  height: 4rem;
  width: 100%
}
.is-package.special-package .__inner .package-buttons .__discountPercentage {
  display: flex !important
}
.special-package .__priceDiscounted {
  line-height: 1rem
}
.special-package.--hasPackageCountdown .is-package {
  height: calc(100% - 36px) !important;
  padding-top: .25rem !important
}
@media (max-width:1200px) {
  .package-buttons .package-funnyqty .btn {
    padding-left: 0;
    padding-right: 0;
    width: 100%
  }
  .special-package.--hasPackageCountdown .is-package {
    height: calc(100% - 29.5px) !important
  }
}
.panel.--specialPackage .panel__body {
  width: 100%
}
.panel.--specialPackage .panel__body .__packageImage.--hasImage {
  flex: 0 0 202px !important;
  height: 202px !important;
  width: 202px !important
}
@media (max-width:580px) {
  .panel.--specialPackage .panel__body .__packageImage.--hasImage {
    flex: 0 0 193px !important;
    height: 193px !important;
    width: 193px !important
  }
}
@media (min-width:640px) {
  .sm\:max-w-sm {
    max-width: 24rem
  }
}
@media (min-width:768px) {
  .md\:max-w-3xl {
    max-width: 48rem
  }
  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}