
.swiper-pagination {
      text-align: center;
      transition: opacity .3s;
      transform: translateZ(0);
      z-index: 10
 }

.swiper-pagination-bullets.swiper-pagination-horizontal {
     top: var(--swiper-pagination-top, auto);
     left: 0;
     width: 100%
}

:root {
     --toastify-color-light: #fff;
     --toastify-color-dark: #121212;
     --toastify-color-info: #3498db;
     --toastify-color-success: #07bc0c;
     --toastify-color-warning: #f1c40f;
     --toastify-color-error: #e74c3c;
     --toastify-color-transparent: hsla(0, 0%, 100%, .7);
     --toastify-icon-color-info: var(--toastify-color-info);
     --toastify-icon-color-success: var(--toastify-color-success);
     --toastify-icon-color-warning: var(--toastify-color-warning);
     --toastify-icon-color-error: var(--toastify-color-error);
     --toastify-toast-width: 320px;
     --toastify-toast-background: #fff;
     --toastify-toast-min-height: 64px;
     --toastify-toast-max-height: 800px;
     --toastify-font-family: sans-serif;
     --toastify-z-index: 9999;
     --toastify-text-color-light: #757575;
     --toastify-text-color-dark: #fff;
     --toastify-text-color-info: #fff;
     --toastify-text-color-success: #fff;
     --toastify-text-color-warning: #fff;
     --toastify-text-color-error: #fff;
     --toastify-spinner-color: #616161;
     --toastify-spinner-color-empty-area: #e0e0e0;
     --toastify-color-progress-light: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
     --toastify-color-progress-dark: #bb86fc;
     --toastify-color-progress-info: var(--toastify-color-info);
     --toastify-color-progress-success: var(--toastify-color-success);
     --toastify-color-progress-warning: var(--toastify-color-warning);
     --toastify-color-progress-error: var(--toastify-color-error)
}

@keyframes Toastify__trackProgress {
     0% {
          transform: scaleX(1)
     }
     to {
          transform: scaleX(0)
     }
}

@keyframes Toastify__bounceInRight {
     0%, 60%, 75%, 90%, to {
          animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }
     0% {
          opacity: 0;
          transform: translate3d(3000px, 0, 0)
     }
     60% {
          opacity: 1;
          transform: translate3d(-25px, 0, 0)
     }
     75% {
          transform: translate3d(10px, 0, 0)
     }
     90% {
          transform: translate3d(-5px, 0, 0)
     }
     to {
          transform: none
     }
}

@keyframes Toastify__bounceOutRight {
     20% {
          opacity: 1;
          transform: translate3d(-20px, 0, 0)
     }
     to {
          opacity: 0;
          transform: translate3d(2000px, 0, 0)
     }
}

@keyframes Toastify__bounceInLeft {
     0%, 60%, 75%, 90%, to {
          animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }
     0% {
          opacity: 0;
          transform: translate3d(-3000px, 0, 0)
     }
     60% {
          opacity: 1;
          transform: translate3d(25px, 0, 0)
     }
     75% {
          transform: translate3d(-10px, 0, 0)
     }
     90% {
          transform: translate3d(5px, 0, 0)
     }
     to {
          transform: none
     }
}

@keyframes Toastify__bounceOutLeft {
     20% {
          opacity: 1;
          transform: translate3d(20px, 0, 0)
     }
     to {
          opacity: 0;
          transform: translate3d(-2000px, 0, 0)
     }
}

@keyframes Toastify__bounceInUp {
     0%, 60%, 75%, 90%, to {
          animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }
     0% {
          opacity: 0;
          transform: translate3d(0, 3000px, 0)
     }
     60% {
          opacity: 1;
          transform: translate3d(0, -20px, 0)
     }
     75% {
          transform: translate3d(0, 10px, 0)
     }
     90% {
          transform: translate3d(0, -5px, 0)
     }
     to {
          transform: translateZ(0)
     }
}

@keyframes Toastify__bounceOutUp {
     20% {
          transform: translate3d(0, -10px, 0)
     }
     40%, 45% {
          opacity: 1;
          transform: translate3d(0, 20px, 0)
     }
     to {
          opacity: 0;
          transform: translate3d(0, -2000px, 0)
     }
}

@keyframes Toastify__bounceInDown {
     0%, 60%, 75%, 90%, to {
          animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }
     0% {
          opacity: 0;
          transform: translate3d(0, -3000px, 0)
     }
     60% {
          opacity: 1;
          transform: translate3d(0, 25px, 0)
     }
     75% {
          transform: translate3d(0, -10px, 0)
     }
     90% {
          transform: translate3d(0, 5px, 0)
     }
     to {
          transform: none
     }
}

@keyframes Toastify__bounceOutDown {
     20% {
          transform: translate3d(0, 10px, 0)
     }
     40%, 45% {
          opacity: 1;
          transform: translate3d(0, -20px, 0)
     }
     to {
          opacity: 0;
          transform: translate3d(0, 2000px, 0)
     }
}

@keyframes Toastify__zoomIn {
     0% {
          opacity: 0;
          transform: scale3d(.3, .3, .3)
     }
     50% {
          opacity: 1
     }
}

@keyframes Toastify__zoomOut {
     0% {
          opacity: 1
     }
     50% {
          opacity: 0;
          transform: scale3d(.3, .3, .3)
     }
     to {
          opacity: 0
     }
}

@keyframes Toastify__flipIn {
     0% {
          transform: perspective(400px) rotateX(90deg);
          animation-timing-function: ease-in;
          opacity: 0
     }
     40% {
          transform: perspective(400px) rotateX(-20deg);
          animation-timing-function: ease-in
     }
     60% {
          transform: perspective(400px) rotateX(10deg);
          opacity: 1
     }
     80% {
          transform: perspective(400px) rotateX(-5deg)
     }
     to {
          transform: perspective(400px)
     }
}

@keyframes Toastify__flipOut {
     0% {
          transform: perspective(400px)
     }
     30% {
          transform: perspective(400px) rotateX(-20deg);
          opacity: 1
     }
     to {
          transform: perspective(400px) rotateX(90deg);
          opacity: 0
     }
}

@keyframes Toastify__slideInRight {
     0% {
          transform: translate3d(110%, 0, 0);
          visibility: visible
     }
     to {
          transform: translateZ(0)
     }
}

@keyframes Toastify__slideInLeft {
     0% {
          transform: translate3d(-110%, 0, 0);
          visibility: visible
     }
     to {
          transform: translateZ(0)
     }
}

@keyframes Toastify__slideInUp {
     0% {
          transform: translate3d(0, 110%, 0);
          visibility: visible
     }
     to {
          transform: translateZ(0)
     }
}

@keyframes Toastify__slideInDown {
     0% {
          transform: translate3d(0, -110%, 0);
          visibility: visible
     }
     to {
          transform: translateZ(0)
     }
}

@keyframes Toastify__slideOutRight {
     0% {
          transform: translateZ(0)
     }
     to {
          visibility: hidden;
          transform: translate3d(110%, 0, 0)
     }
}

@keyframes Toastify__slideOutLeft {
     0% {
          transform: translateZ(0)
     }
     to {
          visibility: hidden;
          transform: translate3d(-110%, 0, 0)
     }
}

@keyframes Toastify__slideOutDown {
     0% {
          transform: translateZ(0)
     }
     to {
          visibility: hidden;
          transform: translate3d(0, 500px, 0)
     }
}

@keyframes Toastify__slideOutUp {
     0% {
          transform: translateZ(0)
     }
     to {
          visibility: hidden;
          transform: translate3d(0, -500px, 0)
     }
}

@keyframes Toastify__spin {
     0% {
          transform: rotate(0deg)
     }
     to {
          transform: rotate(1turn)
     }
}

:root {
     --PhoneInput-color--focus: #03b2cb;
     --PhoneInputInternationalIconPhone-opacity: 0.8;
     --PhoneInputInternationalIconGlobe-opacity: 0.65;
     --PhoneInputCountrySelect-marginRight: 0.35em;
     --PhoneInputCountrySelectArrow-width: 0.3em;
     --PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
     --PhoneInputCountrySelectArrow-borderWidth: 1px;
     --PhoneInputCountrySelectArrow-opacity: 0.45;
     --PhoneInputCountrySelectArrow-color: currentColor;
     --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
     --PhoneInputCountrySelectArrow-transform: rotate(45deg);
     --PhoneInputCountryFlag-aspectRatio: 1.5;
     --PhoneInputCountryFlag-height: 1em;
     --PhoneInputCountryFlag-borderWidth: 1px;
     --PhoneInputCountryFlag-borderColor: rgba(0, 0, 0, .5);
     --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
     --PhoneInputCountryFlag-backgroundColor--loading: rgba(0, 0, 0, .1)
}
@font-face {
     font-family: __Sofia_Sans_817f2b;
     font-style: normal;
     font-weight: 300;
     src: url("../../fonts/825394e9faec38fd-s.p.woff2") format("woff2");
     unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02 bb-02bc, u+02 c6, u+02 da, u+02 dc, u+0304, u+0308, u+0329, u+2000 -206 f, u+20 ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
     font-family: __Sofia_Sans_817f2b;
     font-style: normal;
     font-weight: 400;
     src: url("../../fonts/825394e9faec38fd-s.p.woff2") format("woff2");
     unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02 bb-02bc, u+02 c6, u+02 da, u+02 dc, u+0304, u+0308, u+0329, u+2000 -206 f, u+20 ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
     font-family: __Sofia_Sans_817f2b;
     font-style: normal;
     font-weight: 500;
     src: url("../../fonts/825394e9faec38fd-s.p.woff2") format("woff2");
     unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02 bb-02bc, u+02 c6, u+02 da, u+02 dc, u+0304, u+0308, u+0329, u+2000 -206 f, u+20 ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
     font-family: __Sofia_Sans_817f2b;
     font-style: normal;
     font-weight: 600;
     src: url("../../fonts/825394e9faec38fd-s.p.woff2") format("woff2");
     unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02 bb-02bc, u+02 c6, u+02 da, u+02 dc, u+0304, u+0308, u+0329, u+2000 -206 f, u+20 ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
     font-family: __Sofia_Sans_817f2b;
     font-style: normal;
     font-weight: 700;
     src: url("../../fonts/825394e9faec38fd-s.p.woff2") format("woff2");
     unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02 bb-02bc, u+02 c6, u+02 da, u+02 dc, u+0304, u+0308, u+0329, u+2000 -206 f, u+20 ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
     font-family: __Sofia_Sans_817f2b;
     font-style: normal;
     font-weight: 900;
     src: url("../../fonts/825394e9faec38fd-s.p.woff2") format("woff2");
     unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02 bb-02bc, u+02 c6, u+02 da, u+02 dc, u+0304, u+0308, u+0329, u+2000 -206 f, u+20 ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
     font-family: __Sofia_Sans_Fallback_817f2b;
     src: local("Arial");
     ascent-override: 93.31%;
     descent-override: 31.10%;
     line-gap-override: 0.00%;
     size-adjust: 96.46%
}

@keyframes react-loading-skeleton {
     to {
          transform: translateX(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-gradient-from-position: ;
      --tw-gradient-via-position: ;
      --tw-gradient-to-position: ;
      --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: ;
      --tw-contain-size: ;
      --tw-contain-layout: ;
      --tw-contain-paint: ;
      --tw-contain-style:
 }

*, :after, :before {
     box-sizing: border-box;
     border: 0 solid #e5e7eb
}

:after, :before {
     --tw-content: ""
}

:host, html {
     line-height: 1.5;
     -webkit-text-size-adjust: 100%;
     -moz-tab-size: 4;
     -o-tab-size: 4;
     tab-size: 4;
     font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
     font-feature-settings: normal;
     font-variation-settings: normal;
     -webkit-tap-highlight-color: transparent
}

body {
     margin: 0;
     line-height: inherit
}

h1, h2 {
     font-size: inherit;
     font-weight: inherit
}

a {
     color: inherit;
     text-decoration: inherit
}

b, strong {
     font-weight: bolder
}

button, input {
     font-family: inherit;
     font-feature-settings: inherit;
     font-variation-settings: inherit;
     font-size: 100%;
     font-weight: inherit;
     line-height: inherit;
     letter-spacing: inherit;
     color: inherit;
     margin: 0;
     padding: 0
}

button {
     text-transform: none
}

button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]) {
     -webkit-appearance: button;
     background-color: transparent;
     background-image: none
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
     height: auto
}

::-webkit-search-decoration {
     -webkit-appearance: none
}

::-webkit-file-upload-button {
     -webkit-appearance: button;
     font: inherit
}

h1, h2, h3, h4, h5, h6, p {
     margin: 0
}

ol, ul {
     list-style: none;
     margin: 0;
     padding: 0
}

input::placeholder, textarea::placeholder {
     color: #9ca3af
}

button {
     cursor: pointer
}

:disabled {
     cursor: default
}

img, svg {
     display: block;
     vertical-align: middle
}

img {
     max-width: 100%;
     height: auto
}

[hidden]:where(:not([hidden=until-found])) {
     display: none
}

[type=text], input:where(:not([type])) {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background-color: #fff;
     border-color: #6b7280;
     border-width: 1px;
     border-radius: 0;
     padding: .5rem .75rem;
     font-size: 1rem;
     line-height: 1.5rem;
     --tw-shadow: 0 0 #0000
}

[multiple]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, input:where(:not([type])):focus, select:focus, textarea:focus {
     outline: 2px solid transparent;
     outline-offset: 2px;
     --tw-ring-inset: var(--tw-empty,);
     --tw-ring-offset-width: 0px;
     --tw-ring-offset-color: #fff;
     --tw-ring-color: #2563eb;
     --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
     --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
     box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     border-color: #2563eb
}

input::placeholder, textarea::placeholder {
     color: #6b7280;
     opacity: 1
}

::-webkit-datetime-edit-fields-wrapper {
     padding: 0
}

::-webkit-date-and-time-value {
     min-height: 1.5em;
     text-align: inherit
}

::-webkit-datetime-edit {
     display: inline-flex
}

::-webkit-datetime-edit, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-meridiem-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-year-field {
     padding-top: 0;
     padding-bottom: 0
}

.container {
     width: 100%;
     margin-right: auto;
     margin-left: auto;
     padding-right: 16px;
     padding-left: 16px
}

@media (min-width: 1288px) {
     .container {
          max-width: 1288px
     }
}

.prose {
     color: var(--tw-prose-body)
}

.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 1.25em;
     margin-bottom: 1.25em
}

.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)) {
     color: var(--tw-prose-lead);
     font-size: 1.25em;
     line-height: 1.6;
     margin-top: 1.2em;
     margin-bottom: 1.2em
}

.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)) {
     color: var(--tw-prose-links);
     text-decoration: underline;
     font-weight: 500
}

.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
     color: var(--tw-prose-bold);
     font-weight: 600
}

.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
     color: inherit
}

.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
     color: inherit
}

.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
     color: inherit
}

.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
     list-style-type: decimal;
     margin-top: 1.25em;
     margin-bottom: 1.25em;
     padding-inline-start: 1.625em
}

.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)) {
     list-style-type: upper-alpha
}

.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)) {
     list-style-type: lower-alpha
}

.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)) {
     list-style-type: upper-alpha
}

.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)) {
     list-style-type: lower-alpha
}

.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)) {
     list-style-type: upper-roman
}

.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)) {
     list-style-type: lower-roman
}

.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)) {
     list-style-type: upper-roman
}

.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)) {
     list-style-type: lower-roman
}

.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)) {
     list-style-type: decimal
}

.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) {
     list-style-type: disc;
     margin-top: 1.25em;
     margin-bottom: 1.25em;
     padding-inline-start: 1.625em
}

.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker {
     font-weight: 400;
     color: var(--tw-prose-counters)
}

.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker {
     color: var(--tw-prose-bullets)
}

.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)) {
     color: var(--tw-prose-headings);
     font-weight: 600;
     margin-top: 1.25em
}

.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)) {
     border-color: var(--tw-prose-hr);
     border-top-width: 1px;
     margin-top: 3em;
     margin-bottom: 3em
}

.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) {
     font-weight: 500;
     font-style: italic;
     color: var(--tw-prose-quotes);
     border-inline-start-width: .25rem;
     border-inline-start-color: var(--tw-prose-quote-borders);
     quotes: "“" "”" "‘" "’";
     margin-top: 1.6em;
     margin-bottom: 1.6em;
     padding-inline-start: 1em
}

.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before {
     content: open-quote
}

.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after {
     content: close-quote
}

.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)) {
     color: var(--tw-prose-headings);
     font-weight: 800;
     font-size: 2.25em;
     margin-top: 0;
     margin-bottom: .8888889em;
     line-height: 1.1111111
}

.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
     font-weight: 900;
     color: inherit
}

.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)) {
     color: var(--tw-prose-headings);
     font-weight: 700;
     font-size: 1.5em;
     margin-top: 2em;
     margin-bottom: 1em;
     line-height: 1.3333333
}

.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
     font-weight: 800;
     color: inherit
}

.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)) {
     color: var(--tw-prose-headings);
     font-weight: 600;
     font-size: 1.25em;
     margin-top: 1.6em;
     margin-bottom: .6em;
     line-height: 1.6
}

.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
     font-weight: 700;
     color: inherit
}

.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)) {
     color: var(--tw-prose-headings);
     font-weight: 600;
     margin-top: 1.5em;
     margin-bottom: .5em;
     line-height: 1.5
}

.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
     font-weight: 700;
     color: inherit
}

.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 2em;
     margin-bottom: 2em
}

.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)) {
     display: block;
     margin-top: 2em;
     margin-bottom: 2em
}

.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 2em;
     margin-bottom: 2em
}

.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)) {
     font-weight: 500;
     font-family: inherit;
     color: var(--tw-prose-kbd);
     box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);
     font-size: .875em;
     border-radius: .3125rem;
     padding-top: .1875em;
     padding-inline-end: .375em;
     padding-bottom: .1875em;
     padding-inline-start: .375em
}

.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)) {
     color: var(--tw-prose-code);
     font-weight: 600;
     font-size: .875em
}

.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before {
     content: "`"
}

.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after {
     content: "`"
}

.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)) {
     color: inherit
}

.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
     color: inherit
}

.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
     color: inherit;
     font-size: .875em
}

.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
     color: inherit;
     font-size: .9em
}

.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
     color: inherit
}

.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)) {
     color: inherit
}

.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)) {
     color: inherit
}

.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)) {
     color: var(--tw-prose-pre-code);
     background-color: var(--tw-prose-pre-bg);
     overflow-x: auto;
     font-weight: 400;
     font-size: .875em;
     line-height: 1.7142857;
     margin-top: 1.7142857em;
     margin-bottom: 1.7142857em;
     border-radius: .375rem;
     padding-top: .8571429em;
     padding-inline-end: 1.1428571em;
     padding-bottom: .8571429em;
     padding-inline-start: 1.1428571em
}

.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)) {
     background-color: transparent;
     border-width: 0;
     border-radius: 0;
     padding: 0;
     font-weight: inherit;
     color: inherit;
     font-size: inherit;
     font-family: inherit;
     line-height: inherit
}

.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before {
     content: none
}

.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after {
     content: none
}

.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)) {
     width: 100%;
     table-layout: auto;
     margin-top: 2em;
     margin-bottom: 2em;
     font-size: .875em;
     line-height: 1.7142857
}

.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)) {
     border-bottom-width: 1px;
     border-bottom-color: var(--tw-prose-th-borders)
}

.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)) {
     color: var(--tw-prose-headings);
     font-weight: 600;
     vertical-align: bottom;
     padding-inline-end: .5714286em;
     padding-bottom: .5714286em;
     padding-inline-start: .5714286em
}

.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)) {
     border-bottom-width: 1px;
     border-bottom-color: var(--tw-prose-td-borders)
}

.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
     border-bottom-width: 0
}

.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)) {
     vertical-align: baseline
}

.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)) {
     border-top-width: 1px;
     border-top-color: var(--tw-prose-th-borders)
}

.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)) {
     vertical-align: top
}

.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)) {
     text-align: start
}

.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 0;
     margin-bottom: 0
}

.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)) {
     color: var(--tw-prose-captions);
     font-size: .875em;
     line-height: 1.4285714;
     margin-top: .8571429em
}

.prose {
     --tw-prose-body: #374151;
     --tw-prose-headings: #111827;
     --tw-prose-lead: #4b5563;
     --tw-prose-links: #111827;
     --tw-prose-bold: #111827;
     --tw-prose-counters: #6b7280;
     --tw-prose-bullets: #d1d5db;
     --tw-prose-hr: #e5e7eb;
     --tw-prose-quotes: #111827;
     --tw-prose-quote-borders: #e5e7eb;
     --tw-prose-captions: #6b7280;
     --tw-prose-kbd: #111827;
     --tw-prose-kbd-shadows: 17 24 39;
     --tw-prose-code: #111827;
     --tw-prose-pre-code: #e5e7eb;
     --tw-prose-pre-bg: #1f2937;
     --tw-prose-th-borders: #d1d5db;
     --tw-prose-td-borders: #e5e7eb;
     --tw-prose-invert-body: #d1d5db;
     --tw-prose-invert-headings: #fff;
     --tw-prose-invert-lead: #9ca3af;
     --tw-prose-invert-links: #fff;
     --tw-prose-invert-bold: #fff;
     --tw-prose-invert-counters: #9ca3af;
     --tw-prose-invert-bullets: #4b5563;
     --tw-prose-invert-hr: #374151;
     --tw-prose-invert-quotes: #f3f4f6;
     --tw-prose-invert-quote-borders: #374151;
     --tw-prose-invert-captions: #9ca3af;
     --tw-prose-invert-kbd: #fff;
     --tw-prose-invert-kbd-shadows: 255 255 255;
     --tw-prose-invert-code: #fff;
     --tw-prose-invert-pre-code: #d1d5db;
     --tw-prose-invert-pre-bg: rgba(0, 0, 0, .5);
     --tw-prose-invert-th-borders: #4b5563;
     --tw-prose-invert-td-borders: #374151
}

.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 0;
     margin-bottom: 0
}

.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: .5em;
     margin-bottom: .5em
}

.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)) {
     padding-inline-start: .375em
}

.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)) {
     padding-inline-start: .375em
}

.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: .75em;
     margin-bottom: .75em
}

.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 1.25em
}

.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-bottom: 1.25em
}

.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 1.25em
}

.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-bottom: 1.25em
}

.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: .75em;
     margin-bottom: .75em
}

.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 1.25em;
     margin-bottom: 1.25em
}

.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: .5em;
     padding-inline-start: 1.625em
}

.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 0
}

.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 0
}

.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 0
}

.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 0
}

.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
     padding-inline-start: 0
}

.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
     padding-inline-end: 0
}

.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)) {
     padding-top: .5714286em;
     padding-inline-end: .5714286em;
     padding-bottom: .5714286em;
     padding-inline-start: .5714286em
}

.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
     padding-inline-start: 0
}

.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
     padding-inline-end: 0
}

.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 2em;
     margin-bottom: 2em
}

.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 0
}

.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-bottom: 0
}

.prose-sm {
     font-size: .875rem;
     line-height: 1.7142857
}

.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 1.1428571em;
     margin-bottom: 1.1428571em
}

.prose-sm :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)) {
     font-size: 1.2857143em;
     line-height: 1.5555556;
     margin-top: .8888889em;
     margin-bottom: .8888889em
}

.prose-sm :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 1.3333333em;
     margin-bottom: 1.3333333em;
     padding-inline-start: 1.1111111em
}

.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)) {
     font-size: 2.1428571em;
     margin-top: 0;
     margin-bottom: .8em;
     line-height: 1.2
}

.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)) {
     font-size: 1.4285714em;
     margin-top: 1.6em;
     margin-bottom: .8em;
     line-height: 1.4
}

.prose-sm :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)) {
     font-size: 1.2857143em;
     margin-top: 1.5555556em;
     margin-bottom: .4444444em;
     line-height: 1.5555556
}

.prose-sm :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 1.4285714em;
     margin-bottom: .5714286em;
     line-height: 1.4285714
}

.prose-sm :where(img):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 1.7142857em;
     margin-bottom: 1.7142857em
}

.prose-sm :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 1.7142857em;
     margin-bottom: 1.7142857em
}

.prose-sm :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 0;
     margin-bottom: 0
}

.prose-sm :where(video):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 1.7142857em;
     margin-bottom: 1.7142857em
}

.prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)) {
     font-size: .8571429em;
     border-radius: .3125rem;
     padding-top: .1428571em;
     padding-inline-end: .3571429em;
     padding-bottom: .1428571em;
     padding-inline-start: .3571429em
}

.prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] *)) {
     font-size: .8571429em
}

.prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
     font-size: .9em
}

.prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
     font-size: .8888889em
}

.prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)) {
     font-size: .8571429em;
     line-height: 1.6666667;
     margin-top: 1.6666667em;
     margin-bottom: 1.6666667em;
     border-radius: .25rem;
     padding-top: .6666667em;
     padding-inline-end: 1em;
     padding-bottom: .6666667em;
     padding-inline-start: 1em
}

.prose-sm :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 1.1428571em;
     margin-bottom: 1.1428571em;
     padding-inline-start: 1.5714286em
}

.prose-sm :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 1.1428571em;
     margin-bottom: 1.1428571em;
     padding-inline-start: 1.5714286em
}

.prose-sm :where(li):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: .2857143em;
     margin-bottom: .2857143em
}

.prose-sm :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)) {
     padding-inline-start: .4285714em
}

.prose-sm :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)) {
     padding-inline-start: .4285714em
}

.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: .5714286em;
     margin-bottom: .5714286em
}

.prose-sm :where(.prose-sm>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 1.1428571em
}

.prose-sm :where(.prose-sm>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-bottom: 1.1428571em
}

.prose-sm :where(.prose-sm>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 1.1428571em
}

.prose-sm :where(.prose-sm>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-bottom: 1.1428571em
}

.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: .5714286em;
     margin-bottom: .5714286em
}

.prose-sm :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 1.1428571em;
     margin-bottom: 1.1428571em
}

.prose-sm :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 1.1428571em
}

.prose-sm :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: .2857143em;
     padding-inline-start: 1.5714286em
}

.prose-sm :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 2.8571429em;
     margin-bottom: 2.8571429em
}

.prose-sm :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 0
}

.prose-sm :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 0
}

.prose-sm :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 0
}

.prose-sm :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 0
}

.prose-sm :where(table):not(:where([class~=not-prose],[class~=not-prose] *)) {
     font-size: .8571429em;
     line-height: 1.5
}

.prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)) {
     padding-inline-end: 1em;
     padding-bottom: .6666667em;
     padding-inline-start: 1em
}

.prose-sm :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
     padding-inline-start: 0
}

.prose-sm :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
     padding-inline-end: 0
}

.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)) {
     padding-top: .6666667em;
     padding-inline-end: 1em;
     padding-bottom: .6666667em;
     padding-inline-start: 1em
}

.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
     padding-inline-start: 0
}

.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
     padding-inline-end: 0
}

.prose-sm :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 1.7142857em;
     margin-bottom: 1.7142857em
}

.prose-sm :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 0;
     margin-bottom: 0
}

.prose-sm :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)) {
     font-size: .8571429em;
     line-height: 1.3333333;
     margin-top: .6666667em
}

.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-top: 0
}

.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
     margin-bottom: 0
}

.pointer-events-none {
     pointer-events: none
}

.fixed {
     position: fixed
}

.\!absolute {
     position: absolute !important
}

.absolute {
     position: absolute
}

.\!relative {
     position: relative !important
}

.relative {
     position: relative
}

.inset-0 {
     inset: 0
}

.\!-left-full {
     left: -100% !important
}

.-left-7 {
     left: -1.75rem
}

.-right-4 {
     right: -1rem
}

.bottom-0 {
     bottom: 0
}

.bottom-1 {
     bottom: .25rem
}

.left-0 {
     left: 0
}

.left-1 {
     left: .25rem
}

.right-0 {
     right: 0
}

.right-1\.5 {
     right: .375rem
}

.right-2 {
     right: .5rem
}

.top-0 {
     top: 0
}

.top-1\.5 {
     top: .375rem
}

.top-16 {
     top: 4rem
}

.top-2 {
     top: .5rem
}

.top-2\.5 {
     top: .625rem
}

.z-10 {
     z-index: 10
}

.z-50 {
     z-index: 50
}

.z-\[10\] {
     z-index: 10
}

.z-\[1\] {
     z-index: 1
}

.col-span-12 {
     grid-column: span 12/span 12
}

.m-0 {
     margin: 0
}

.m-auto {
     margin: auto
}

.mx-auto {
     margin-left: auto;
     margin-right: auto
}

.my-0\.5 {
     margin-top: .125rem;
     margin-bottom: .125rem
}

.my-6 {
     margin-top: 1.5rem;
     margin-bottom: 1.5rem
}

.my-8 {
     margin-top: 2rem;
     margin-bottom: 2rem
}

.\!mt-3 {
     margin-top: .75rem !important
}

.-ml-0\.5 {
     margin-left: -.125rem
}

.-mr-0\.5 {
     margin-right: -.125rem
}

.-mt-1\.5 {
     margin-top: -.375rem
}

.-mt-10 {
     margin-top: -2.5rem
}

.-mt-\[0\] {
     margin-top: 0
}

.mb-10 {
     margin-bottom: 2.5rem
}

.mb-2 {
     margin-bottom: .5rem
}

.mb-3 {
     margin-bottom: .75rem
}

.mb-4 {
     margin-bottom: 1rem
}

.mb-5 {
     margin-bottom: 1.25rem
}

.ml-0 {
     margin-left: 0
}

.mt-0 {
     margin-top: 0
}

.mt-1 {
     margin-top: .25rem
}

.mt-10 {
     margin-top: 2.5rem
}

.mt-5 {
     margin-top: 1.25rem
}

.block {
     display: block
}

.inline-block {
     display: inline-block
}

.flex {
     display: flex
}

.inline-flex {
     display: inline-flex
}

.grid {
     display: grid
}

.hidden {
     display: none
}

.aspect-\[286\/269\] {
     aspect-ratio: 286/269
}

.aspect-\[288\/440\] {
     aspect-ratio: 288/440
}

.aspect-\[318\/140\] {
     aspect-ratio: 318/140
}

.aspect-\[555\/705\] {
     aspect-ratio: 555/705
}

.aspect-square {
     aspect-ratio: 1/1
}

.\!h-10 {
     height: 2.5rem !important
}

.\!h-14 {
     height: 3.5rem !important
}

.\!h-auto {
     height: auto !important
}

.h-10 {
     height: 2.5rem
}

.h-11 {
     height: 2.75rem
}

.h-12 {
     height: 3rem
}

.h-14 {
     height: 3.5rem
}

.h-3 {
     height: .75rem
}

.h-4 {
     height: 1rem
}

.h-5 {
     height: 1.25rem
}

.h-6 {
     height: 1.5rem
}

.h-7 {
     height: 1.75rem
}

.h-\[490px\] {
     height: 490px
}

.h-\[56px\] {
     height: 56px
}

.h-auto {
     height: auto
}

.h-full {
     height: 100%
}

.\!max-h-8 {
     max-height: 2rem !important
}

.max-h-52 {
     max-height: 13rem
}

.max-h-7 {
     max-height: 1.75rem
}

.max-h-\[0px\] {
     max-height: 0
}

.max-h-\[30px\] {
     max-height: 30px
}

.min-h-dvh {
     min-height: 100dvh
}

.min-h-full {
     min-height: 100%
}

.\!w-auto {
     width: auto !important
}

.\!w-full {
     width: 100% !important
}

.w-1\/2 {
     width: 50%
}

.w-10 {
     width: 2.5rem
}

.w-12 {
     width: 3rem
}

.w-16 {
     width: 4rem
}

.w-2 {
     width: .5rem
}

.w-4 {
     width: 1rem
}

.w-5 {
     width: 1.25rem
}

.w-6 {
     width: 1.5rem
}

.w-7 {
     width: 1.75rem
}

.w-auto {
     width: auto
}

.w-full {
     width: 100%
}

.max-w-32 {
     max-width: 8rem
}

.max-w-4xl {
     max-width: 56rem
}

.max-w-52 {
     max-width: 13rem
}

.max-w-5xl {
     max-width: 64rem
}

.max-w-7 {
     max-width: 1.75rem
}

.max-w-\[calc\(100vw-40px\)\] {
     max-width: calc(100vw - 40px)
}

.max-w-md {
     max-width: 28rem
}

.max-w-none {
     max-width: none
}

.max-w-xs {
     max-width: 20rem
}

.flex-1 {
     flex: 1 1 0%
}

.origin-bottom {
     transform-origin: bottom
}

.origin-left {
     transform-origin: left
}

.origin-top {
     transform-origin: top
}

.rotate-0 {
     --tw-rotate: 0deg
}

.rotate-180 {
     --tw-rotate: 180deg
}

.rotate-\[-3deg\] {
     --tw-rotate: -3deg
}

.rotate-\[2deg\] {
     --tw-rotate: 2deg
}

.\!scale-100 {
     --tw-scale-x: 1 !important;
     --tw-scale-y: 1 !important
}

.\!scale-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)) !important
}

.scale-\[0\.9\] {
     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-\[0\.9\] {
     --tw-scale-x: 0.9;
     --tw-scale-y: 0.9
}

.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))
}

@keyframes ping {
     75%, to {
          transform: scale(2);
          opacity: 0
     }
}

@keyframes ping-button {
     75%, to {
          transform: scale(1.05, 1.2);
          opacity: 0
     }
}

.animate-ping-button {
     animation: ping-button 1s cubic-bezier(0, 0, .2, 1) infinite
}

@keyframes pulse {
     50% {
          opacity: .5
     }
}

.cursor-grab {
     cursor: grab
}

.cursor-pointer {
     cursor: pointer
}

.grid-cols-12 {
     grid-template-columns:repeat(12, minmax(0, 1fr))
}

.grid-cols-2 {
     grid-template-columns:repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
     grid-template-columns:repeat(3, minmax(0, 1fr))
}

.flex-col {
     flex-direction: column
}

.flex-col-reverse {
     flex-direction: column-reverse
}

.flex-wrap {
     flex-wrap: wrap
}

.items-start {
     align-items: flex-start
}

.items-end {
     align-items: flex-end
}

.items-center {
     align-items: center
}

.justify-start {
     justify-content: flex-start
}

.justify-center {
     justify-content: center
}

.justify-between {
     justify-content: space-between
}

.gap-0 {
     gap: 0
}

.gap-1 {
     gap: .25rem
}

.gap-10 {
     gap: 2.5rem
}

.gap-2 {
     gap: .5rem
}

.gap-2\.5 {
     gap: .625rem
}

.gap-3 {
     gap: .75rem
}

.gap-4 {
     gap: 1rem
}

.gap-5 {
     gap: 1.25rem
}

.gap-6 {
     gap: 1.5rem
}

.gap-72 {
     gap: 18rem
}

.gap-8 {
     gap: 2rem
}

.gap-y-8 {
     row-gap: 2rem
}

.space-x-1 > :not([hidden]) ~ :not([hidden]) {
     --tw-space-x-reverse: 0;
     margin-right: calc(.25rem * var(--tw-space-x-reverse));
     margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
     --tw-space-y-reverse: 0;
     margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
     margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
     --tw-space-y-reverse: 0;
     margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
     margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.overflow-auto {
     overflow: auto
}

.overflow-hidden {
     overflow: hidden
}

.overflow-visible {
     overflow: visible
}

.truncate {
     overflow: hidden;
     white-space: nowrap
}

.overflow-ellipsis, .truncate {
     text-overflow: ellipsis
}

.whitespace-nowrap {
     white-space: nowrap
}

.\!rounded-2xl {
     border-radius: 1rem !important
}

.rounded-2xl {
     border-radius: 1rem
}

.rounded-3xl {
     border-radius: 1.5rem
}

.rounded-full {
     border-radius: 9999px
}

.rounded-lg {
     border-radius: .5rem
}

.rounded-md {
     border-radius: .375rem
}

.rounded-xl {
     border-radius: .75rem
}

.\!rounded-t-none {
     border-top-left-radius: 0 !important;
     border-top-right-radius: 0 !important
}

.rounded-t-2xl {
     border-top-left-radius: 1rem;
     border-top-right-radius: 1rem
}

.border-2 {
     border-width: 2px
}

.\!border-none {
     border-style: none !important
}

.border-tertiary-100 {
     --tw-border-opacity: 1;
     border-color: color(display-p3 .9 .9 .9/var(--tw-border-opacity, 1))
}

.border-white\/20 {
     border-color: hsla(0, 0%, 100%, .2)
}

.bg-black {
     --tw-bg-opacity: 1;
     background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.bg-black\/70 {
     background-color: rgba(0, 0, 0, .7)
}

.bg-primary {
     --tw-bg-opacity: 1;
     background-color: color(display-p3 .99 .82 .24/var(--tw-bg-opacity, 1))
}

.bg-tertiary-100 {
     --tw-bg-opacity: 1;
     background-color: color(display-p3 .9 .9 .9/var(--tw-bg-opacity, 1))
}

.bg-tertiary-50 {
     --tw-bg-opacity: 1;
     background-color: color(display-p3 .97 .98 .98/var(--tw-bg-opacity, 1))
}

.bg-tertiary-50\/50 {
     background-color: color(display-p3 .97 .98 .98/.5)
}

.bg-transparent {
     background-color: transparent
}

.bg-white {
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.\!bg-\[url\(\/img\/jackpot\/spinnaus\/jackpot-bg\.svg\)\] {
     background-image: url("../../img/jackpot-bg.svg") !important
}

.bg-gradient-to-l {
     background-image: linear-gradient(to left, var(--tw-gradient-stops))
}

.bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--tw-gradient-stops))
}

.from-tertiary-100 {
     --tw-gradient-from: color(display-p3 0.90 0.90 0.90/1) var(--tw-gradient-from-position)
}

.via-tertiary-100 {
     --tw-gradient-to: color(display-p3 0.90 0.90 0.90/0) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-from), color(display-p3 0.90 0.90 0.90/1) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.to-transparent {
     --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.bg-cover {
     background-size: cover
}

.bg-left-top {
     background-position: 0 0
}

.bg-no-repeat {
     background-repeat: no-repeat
}

.fill-current {
     fill: currentColor
}

.object-contain {
     -o-object-fit: contain;
     object-fit: contain
}

.object-cover {
     -o-object-fit: cover;
     object-fit: cover
}

.object-center {
     -o-object-position: center;
     object-position: center
}

.object-left {
     -o-object-position: left;
     object-position: left
}

.\!p-0 {
     padding: 0 !important
}

.p-1 {
     padding: .25rem
}

.p-2 {
     padding: .5rem
}

.p-2\.5 {
     padding: .625rem
}

.p-4 {
     padding: 1rem
}

.p-5 {
     padding: 1.25rem
}

.p-8 {
     padding: 2rem
}

.\!py-0 {
     padding-top: 0 !important;
     padding-bottom: 0 !important
}

.\!py-4 {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important
}

.px-0 {
     padding-left: 0;
     padding-right: 0
}

.px-1 {
     padding-left: .25rem;
     padding-right: .25rem
}

.px-1\.5 {
     padding-left: .375rem;
     padding-right: .375rem
}

.px-2 {
     padding-left: .5rem;
     padding-right: .5rem
}

.px-3 {
     padding-left: .75rem;
     padding-right: .75rem
}

.px-4 {
     padding-left: 1rem;
     padding-right: 1rem
}

.px-5 {
     padding-left: 1.25rem;
     padding-right: 1.25rem
}

.px-6 {
     padding-left: 1.5rem;
     padding-right: 1.5rem
}

.py-1\.5 {
     padding-top: .375rem;
     padding-bottom: .375rem
}

.py-3 {
     padding-top: .75rem;
     padding-bottom: .75rem
}

.py-4 {
     padding-top: 1rem;
     padding-bottom: 1rem
}

.py-5 {
     padding-top: 1.25rem;
     padding-bottom: 1.25rem
}

.py-6 {
     padding-top: 1.5rem;
     padding-bottom: 1.5rem
}

.py-8 {
     padding-top: 2rem;
     padding-bottom: 2rem
}

.pb-2 {
     padding-bottom: .5rem
}

.pb-20 {
     padding-bottom: 5rem
}

.pr-4 {
     padding-right: 1rem
}

.pt-0\.5 {
     padding-top: .125rem
}

.pt-10 {
     padding-top: 2.5rem
}

.pt-4 {
     padding-top: 1rem
}

.text-left {
     text-align: left
}

.text-center {
     text-align: center
}

.align-top {
     vertical-align: top
}

.font-primary {
     font-family: var(--font-primary)
}

.\!text-2xl {
     font-size: 1.5rem !important;
     line-height: 2rem !important
}

.\!text-base {
     font-size: 1rem !important;
     line-height: 1.5rem !important
}

.\!text-xl {
     font-size: 1.25rem !important;
     line-height: 1.75rem !important
}

.text-2xl {
     font-size: 1.5rem;
     line-height: 2rem
}

.text-3xl {
     font-size: 1.875rem;
     line-height: 2.25rem
}

.text-4xl {
     font-size: 2.25rem
}

.text-5xl {
     font-size: 3rem;
     line-height: 1
}

.text-\[10px\] {
     font-size: 10px
}

.text-\[26px\] {
     font-size: 26px
}

.text-\[50px\] {
     font-size: 50px
}

.text-\[7px\] {
     font-size: 7px
}

.text-base {
     font-size: 1rem;
     line-height: 1.5rem
}

.text-lg {
     font-size: 1.125rem
}

.text-sm {
     font-size: .875rem;
     line-height: 1.25rem
}

.text-xs {
     font-size: .75rem;
     line-height: 1rem
}

.\!font-black {
     font-weight: 900 !important
}

.font-black {
     font-weight: 900
}

.font-bold {
     font-weight: 700
}

.font-extrabold {
     font-weight: 800
}

.font-medium {
     font-weight: 500
}

.font-normal {
     font-weight: 400
}

.font-semibold {
     font-weight: 600
}

.uppercase {
     text-transform: uppercase
}

.\!leading-none {
     line-height: 1 !important
}

.leading-none {
     line-height: 1
}

.\!text-tertiary-500 {
     --tw-text-opacity: 1 !important;
     color: color(display-p3 .28 .28 .28/var(--tw-text-opacity, 1)) !important
}

.text-black {
     --tw-text-opacity: 1;
     color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.text-primary {
     --tw-text-opacity: 1;
     color: color(display-p3 .99 .82 .24/var(--tw-text-opacity, 1))
}

.text-primary-100 {
     --tw-text-opacity: 1;
     color: color(display-p3 .8 .98 .96/var(--tw-text-opacity, 1))
}

.text-primary-900 {
     --tw-text-opacity: 1;
     color: color(display-p3 .07 .3 .31/var(--tw-text-opacity, 1))
}

.text-tertiary-100 {
     --tw-text-opacity: 1;
     color: color(display-p3 .9 .9 .9/var(--tw-text-opacity, 1))
}

.text-tertiary-500 {
     --tw-text-opacity: 1;
     color: color(display-p3 .28 .28 .28/var(--tw-text-opacity, 1))
}

.text-tertiary-500\/50 {
     color: color(display-p3 .28 .28 .28/.5)
}

.text-tertiary-500\/70 {
     color: color(display-p3 .28 .28 .28/.7)
}

.text-white {
     --tw-text-opacity: 1;
     color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.opacity-0 {
     opacity: 0
}

.opacity-100 {
     opacity: 1
}

.opacity-60 {
     opacity: .6
}

.opacity-80 {
     opacity: .8
}

.\!shadow-none {
     --tw-shadow: 0 0 #0000 !important;
     --tw-shadow-colored: 0 0 #0000 !important;
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-card {
     --tw-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .5);
     --tw-shadow-colored: 0px 2px 4px 0px var(--tw-shadow-color)
}

.shadow-card, .shadow-lg {
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-lg {
     --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
     --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.\!outline-none {
     outline: 2px solid transparent !important;
     outline-offset: 2px !important
}

.\!ring-0 {
     --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
     --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important
}

.\!ring-0, .\!ring-1 {
     box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.\!ring-1 {
     --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
     --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important
}

.\!ring-primary {
     --tw-ring-opacity: 1 !important;
     --tw-ring-color: color(display-p3 0.99 0.82 0.24/var(--tw-ring-opacity, 1)) !important
}

.drop-shadow-md {
     --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, .07)) drop-shadow(0 2px 2px rgba(0, 0, 0, .06))
}

.drop-shadow-md {
     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)
}

.grayscale {
     --tw-grayscale: grayscale(100%)
}

.invert {
     --tw-invert: invert(100%)
}

.invert {
     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-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-all {
     transition-property: all;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     transition-duration: .15s
}

.delay-150 {
     transition-delay: .15s
}

.duration-100 {
     transition-duration: .1s
}

.duration-150 {
     transition-duration: .15s
}

.duration-300 {
     transition-duration: .3s
}

.duration-75 {
     transition-duration: 75ms
}

.ease-in-out {
     transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.btn {
     position: relative;
     display: inline-flex;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none;
     align-items: center;
     justify-content: center;
     gap: .5rem;
     white-space: nowrap;
     border-radius: 1rem;
     padding: .75rem 1rem;
     font-size: .875rem;
     font-weight: 900;
     text-transform: uppercase;
     line-height: 1rem;
     letter-spacing: -.01em;
     transition-property: all;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

@media (min-width: 1024px) {
     .btn {
          padding-left: 1.5rem;
          padding-right: 1.5rem;
          font-size: 1rem;
          line-height: 1.5rem
     }
}

.btn {
     transition-duration: 75ms
}

.btn:active {
     --tw-translate-y: 1px;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.btn:disabled {
     pointer-events: none;
     opacity: .5
}

.btn--primary {
     --tw-bg-opacity: 1;
     --tw-text-opacity: 1;
     color: color(display-p3 .28 .28 .28/var(--tw-text-opacity, 1))
}

.btn--primary, .btn--primary:hover {
     background-color: color(display-p3 .99 .82 .24/var(--tw-bg-opacity, 1))
}

.btn--primary:hover, .btn--secondary {
     --tw-bg-opacity: 1
}

.btn--secondary {
     background-color: color(display-p3 .02 .82 .51/var(--tw-bg-opacity, 1));
     --tw-text-opacity: 1;
     color: color(display-p3 .28 .28 .28/var(--tw-text-opacity, 1))
}

.btn--secondary--invert {
     mix-blend-mode: luminosity
}

.btn--lg {
     border-radius: 1rem !important;
     padding: .75rem 1.5rem !important;
     font-size: 1.125rem !important;
     line-height: 1.75rem !important
}

.btn--square {
     display: inline-flex !important;
     height: 2rem !important;
     width: 2rem !important;
     align-items: center !important;
     justify-content: center !important;
     border-radius: .25rem !important;
     padding: .25rem !important
}

.btn--square.btn--lg {
     height: 2.75rem !important;
     width: 2.75rem !important
}

.btn--sm {
     border-radius: .375rem;
     padding: .5rem .75rem;
     font-size: .75rem;
     line-height: 1rem
}

.\[appearance\:textfield\] {
     -webkit-appearance: textfield;
     -moz-appearance: textfield;
     appearance: textfield
}

body {
     background-size: cover;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     --tw-bg-opacity: 1;
     background-color: color(display-p3 .9 .9 .9/var(--tw-bg-opacity, 1));
     --tw-text-opacity: 1;
     color: color(display-p3 .28 .28 .28/var(--tw-text-opacity, 1));
     touch-action: pan-x pan-y
}

@media only screen and (max-width: 1420px) and (min-width: 1024px) {
     body {
          padding-left: 5rem !important
     }

     body .main-slider {
          margin-left: -5rem
     }
}

@media only screen and (min-width: 1500px) {
     @media (min-width: 1024px) {
     }
}

::-webkit-scrollbar {
     width: 0
}

@media (min-width: 768px) {
     ::-webkit-scrollbar {
          width: 0
     }
}

::-webkit-scrollbar-track {
     background-color: transparent
}

::-webkit-scrollbar-thumb {
     border-radius: .25rem
}

::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:hover {
     background-color: rgba(0, 0, 0, .05)
}

@keyframes fadeIn {
     0% {
          visibility: hidden;
          opacity: 0
     }
     1% {
          visibility: visible;
          opacity: 0
     }
     to {
          visibility: visible;
          opacity: 1
     }
}

@keyframes fadeOut {
     0% {
          visibility: visible;
          opacity: 1
     }
     99% {
          visibility: visible;
          opacity: 0
     }
     to {
          visibility: hidden;
          opacity: 0
     }
}

@keyframes slidein {
     0% {
          transform: translateY(100%)
     }
     to {
          transform: translateY(0)
     }
}

@media only screen and (max-width: 1024px) {
     @keyframes level-bronze-shadow-animation {
          0% {
               filter: blur(5px) drop-shadow(0 0 48px color(display-p3 1 .8 .59/.7))
          }
          30% {
               filter: blur(5px) drop-shadow(5px 5px 20px color(display-p3 .99 .69 .38/.3))
          }
          50% {
               filter: blur(5px) drop-shadow(5px 5px 40px color(display-p3 .94 .76 .21/.3))
          }
          70% {
               filter: blur(5px) drop-shadow(5px 5px 20px color(display-p3 .85 .79 .42/.7))
          }
          to {
               filter: blur(5px) drop-shadow(0 0 18px color(display-p3 1 .8 .59/.8))
          }
     }
}

@keyframes level-bronze-shadow-animation {
     0% {
          filter: blur(3px) drop-shadow(0 0 4px rgba(255, 203, 151, .5))
     }
     30% {
          filter: blur(3px) drop-shadow(1px 1px 5px rgba(210, 169, 128, .1))
     }
     50% {
          filter: blur(3px) drop-shadow(1px 1px 10px rgba(245, 212, 179, .1))
     }
     70% {
          filter: blur(3px) drop-shadow(1px 1px 5px rgba(210, 199, 128, .5))
     }
     to {
          filter: blur(3px) drop-shadow(0 0 4px rgba(255, 203, 151, .5))
     }
}

@keyframes level-silver-shadow-animation {
     0% {
          filter: drop-shadow(0 0 18px rgba(255, 244, 234, .47))
     }
     30% {
          filter: drop-shadow(5px 5px 20px rgba(255, 254, 253, .47))
     }
     50% {
          filter: drop-shadow(5px 5px 40px rgba(245, 212, 179, .47))
     }
     70% {
          filter: drop-shadow(5px 5px 20px rgba(255, 254, 253, .47))
     }
     to {
          filter: drop-shadow(0 0 18px rgba(255, 244, 234, .47))
     }
}

@keyframes level-gold-shadow-animation {
     0% {
          filter: blur(5px) drop-shadow(0 0 18px rgba(255, 248, 189, .47))
     }
     30% {
          filter: blur(5px) drop-shadow(5px 5px 20px rgba(254, 245, 157, .47))
     }
     50% {
          filter: blur(5px) drop-shadow(5px 5px 40px rgba(252, 241, 143, .47))
     }
     70% {
          filter: blur(5px) drop-shadow(5px 5px 20px rgba(254, 245, 157, .47))
     }
     to {
          filter: blur(5px) drop-shadow(0 0 18px rgba(255, 248, 189, .47))
     }
}

@keyframes bobbing {
     0%, to {
          transform: translateY(0) rotate(6deg)
     }
     50% {
          transform: translateY(-5px) rotate(-1deg)
     }
}

@keyframes text-gradient-flicker {
     33%, 66%, 80% {
          filter: drop-shadow(0 0 25px #fb20ff)
     }
}

@keyframes wiggle {
     0% {
          transform: scale(1)
     }
     80% {
          transform: scale(1)
     }
     90% {
          transform: scale(1.1)
     }
     to {
          transform: scale(1)
     }
}

@keyframes bg-shadow-animate {
     0% {
          background-position: 0 0
     }
     50% {
          background-position: 300% 0
     }
     to {
          background-position: 0 0
     }
}

@keyframes spinoverlay {
     0% {
          transform: rotate(0deg)
     }
     to {
          transform: rotate(1turn)
     }
}

@keyframes rotate-gradient {
     0%, to {
          background-position: 0 50%
     }
     50% {
          background-position: 100% 100%
     }
}

@keyframes wipe {
     to {
          transform: rotate(1turn)
     }
}

@keyframes spinner {
     0% {
          opacity: 1
     }
     to {
          opacity: 0
     }
}

@keyframes spin {
     0% {
          stroke-dasharray: 0, 150;
          stroke-dashoffset: 0
     }
     to {
          stroke-dasharray: 150, 0;
          stroke-dashoffset: 0
     }
}

.swiper-linear .swiper-wrapper {
     transition-timing-function: linear
}

.casino-promotions:not(.swiper-initialized) .swiper-wrapper {
     display: grid !important;
     gap: 1rem !important
}

@media (min-width: 1024px) {
     .casino-promotions:not(.swiper-initialized) .swiper-wrapper {
          grid-template-columns:repeat(3, minmax(0, 1fr)) !important
     }
}

.casino-promotions .swiper-pagination {
     position: relative;
     margin-top: 1rem
}

.casino-promotions .swiper-pagination-bullets.swiper-pagination-horizontal {
     bottom: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: .75rem
}

.\*\:text-tertiary-500 > * {
     --tw-text-opacity: 1;
     color: color(display-p3 .28 .28 .28/var(--tw-text-opacity, 1))
}

.after\:absolute:after {
     content: var(--tw-content);
     position: absolute
}

.after\:top-0:after {
     content: var(--tw-content);
     top: 0
}

.after\:block:after {
     content: var(--tw-content);
     display: block
}

.after\:h-full:after {
     content: var(--tw-content);
     height: 100%
}

.after\:w-full:after {
     content: var(--tw-content);
     width: 100%
}

.after\:shadow-\[0_0_4px_1\.35px_rgba\(0\2c 0\2c 0\2c 1\)_inset\]:after {
     content: var(--tw-content);
     --tw-shadow: 0 0 4px 1.35px #000 inset;
     --tw-shadow-colored: inset 0 0 4px 1.35px var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:-translate-y-0\.5:hover {
     --tw-translate-y: -0.125rem
}

.hover\:-translate-y-0\.5:hover, .hover\:translate-x-1:hover {
     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))
}

.hover\:rotate-90:hover, .hover\:scale-125:hover {
     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))
}

.hover\:scale-125:hover {
     --tw-scale-x: 1.25;
     --tw-scale-y: 1.25
}

.hover\:\!bg-secondary:hover {
     --tw-bg-opacity: 1 !important;
     background-color: color(display-p3 .02 .82 .51/var(--tw-bg-opacity, 1)) !important
}

.hover\:bg-primary:hover {
     --tw-bg-opacity: 1;
     background-color: color(display-p3 .99 .82 .24/var(--tw-bg-opacity, 1))
}

.hover\:text-secondary:hover {
     --tw-text-opacity: 1;
     color: color(display-p3 .02 .82 .51/var(--tw-text-opacity, 1))
}

.hover\:underline:hover {
     text-decoration-line: underline
}

.active\:translate-y-px:active {
     --tw-translate-y: 1px;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:duration-75:active {
     transition-duration: 75ms
}

.group:hover .group-hover\:scale-105 {
     --tw-scale-x: 1.05;
     --tw-scale-y: 1.05
}

.group:hover .group-hover\:scale-105, .group:hover .group-hover\:scale-125 {
     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))
}

.group:hover .group-hover\:opacity-100 {
     opacity: 1
}

.prose-headings\:font-black :is(:where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose],[class~=not-prose] *))) {
     font-weight: 900
}

.prose-ul\:pl-5 :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *))) {
     padding-left: 1.25rem
}

.prose-ul\:font-semibold :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *))) {
     font-weight: 600
}

.prose-li\:mb-1 :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))) {
     margin-bottom: .25rem
}

.prose-li\:pl-0 :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))) {
     padding-left: 0
}

.prose-li\:text-tertiary-500 :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))) {
     --tw-text-opacity: 1;
     color: color(display-p3 .28 .28 .28/var(--tw-text-opacity, 1))
}

.prose-li\:marker\:text-tertiary-500 * :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *)))::marker {
     color: color(display-p3 .28 .28 .28)
}

.prose-li\:marker\:text-tertiary-500 :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *)))::marker {
     color: color(display-p3 .28 .28 .28)
}

.dark\:bg-tertiary-600\/0:is(.dark *) {
     background-color: color(display-p3 .29 .29 .29/0)
}

@media (min-width: 640px) {
     .sm\:mb-2 {
          margin-bottom: .5rem
     }

     .sm\:\!h-10 {
          height: 2.5rem !important
     }

     .sm\:max-w-\[358px\] {
          max-width: 358px
     }

     .sm\:text-sm {
          font-size: .875rem;
          line-height: 1.25rem
     }
}

@media (min-width: 768px) {
     .md\:col-span-6 {
          grid-column: span 6/span 6
     }

     .md\:m-0 {
          margin: 0
     }

     .md\:mx-auto {
          margin-left: auto;
          margin-right: auto
     }

     .md\:\!mt-0 {
          margin-top: 0 !important
     }

     .md\:mb-2 {
          margin-bottom: .5rem
     }

     .md\:mb-3 {
          margin-bottom: .75rem
     }

     .md\:mb-4 {
          margin-bottom: 1rem
     }

     .md\:mb-5 {
          margin-bottom: 1.25rem
     }

     .md\:mt-0 {
          margin-top: 0
     }

     .md\:block {
          display: block
     }

     .md\:flex {
          display: flex
     }

     .md\:grid {
          display: grid
     }

     .md\:h-10 {
          height: 2.5rem
     }

     .md\:w-10 {
          width: 2.5rem
     }

     .md\:w-auto {
          width: auto
     }

     .md\:w-max {
          width: -moz-max-content;
          width: max-content
     }

     .md\:max-w-\[250px\] {
          max-width: 250px
     }

     .md\:max-w-\[354px\] {
          max-width: 354px
     }

     .md\:max-w-none {
          max-width: none
     }

     .md\:flex-row {
          flex-direction: row
     }

     .md\:items-start {
          align-items: flex-start
     }

     .md\:justify-center {
          justify-content: center
     }

     .md\:gap-10 {
          gap: 2.5rem
     }

     .md\:gap-2 {
          gap: .5rem
     }

     .md\:gap-3 {
          gap: .75rem
     }

     .md\:gap-4 {
          gap: 1rem
     }

     .md\:gap-6 {
          gap: 1.5rem
     }

     .md\:overflow-visible {
          overflow: visible
     }

     .md\:\!rounded-\[10px\] {
          border-radius: 10px !important
     }

     .md\:bg-center {
          background-position: 50%
     }

     .md\:p-0 {
          padding: 0
     }

     .md\:p-14 {
          padding: 3.5rem
     }

     .md\:\!py-0 {
          padding-top: 0 !important;
          padding-bottom: 0 !important
     }

     .md\:\!py-3 {
          padding-top: .75rem !important;
          padding-bottom: .75rem !important
     }

     .md\:px-0 {
          padding-left: 0;
          padding-right: 0
     }

     .md\:px-10 {
          padding-left: 2.5rem;
          padding-right: 2.5rem
     }

     .md\:px-6 {
          padding-left: 1.5rem;
          padding-right: 1.5rem
     }

     .md\:py-10 {
          padding-top: 2.5rem;
          padding-bottom: 2.5rem
     }

     .md\:py-20 {
          padding-top: 5rem
     }

     .md\:py-3\.5 {
          padding-top: .875rem;
          padding-bottom: .875rem
     }

     .md\:pb-0 {
          padding-bottom: 0
     }

     .md\:pb-10 {
          padding-bottom: 2.5rem
     }

     .md\:pt-10 {
          padding-top: 2.5rem
     }

     .md\:text-2xl {
          font-size: 1.5rem;
          line-height: 2rem
     }

     .md\:text-4xl {
          font-size: 2.25rem;
          line-height: 2.5rem
     }

     .md\:text-5xl {
          font-size: 3rem;
          line-height: 1
     }

     .md\:text-\[32px\] {
          font-size: 32px
     }

     .md\:text-\[66px\] {
          font-size: 66px
     }

     .md\:text-base {
          font-size: 1rem;
          line-height: 1.5rem
     }

     .md\:text-sm {
          font-size: .875rem;
          line-height: 1.25rem
     }

     .md\:text-xs {
          font-size: .75rem;
          line-height: 1rem
     }

     .md\:font-semibold {
          font-weight: 600
     }
}

@media (min-width: 1024px) {
     .lg\:relative {
          position: relative
     }

     .lg\:\!left-2\.5 {
          left: .625rem !important
     }

     .lg\:left-2\.5 {
          left: .625rem
     }

     .lg\:top-1\/2 {
          top: 50%
     }

     .lg\:top-2\.5 {
          top: .625rem
     }

     .lg\:top-20 {
          top: 5rem
     }

     .lg\:-mt-56 {
          margin-top: -14rem
     }

     .lg\:block {
          display: block
     }

     .lg\:flex {
          display: flex
     }

     .lg\:h-52 {
          height: 13rem
     }

     .lg\:h-\[750px\] {
          height: 750px
     }

     .lg\:h-auto {
          height: auto
     }

     .lg\:max-w-none {
          max-width: none
     }

     .lg\:-translate-y-1\/2 {
          --tw-translate-y: -50%;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
     }

     .lg\:grid-cols-2 {
          grid-template-columns:repeat(2, minmax(0, 1fr))
     }

     .lg\:grid-cols-4 {
          grid-template-columns:repeat(4, minmax(0, 1fr))
     }

     .lg\:flex-row {
          flex-direction: row
     }

     .lg\:gap-14 {
          gap: 3.5rem
     }

     .lg\:gap-16 {
          gap: 4rem
     }

     .lg\:gap-28 {
          gap: 7rem
     }

     .lg\:rounded-md {
          border-radius: .375rem
     }

     .lg\:bg-tertiary-100 {
          --tw-bg-opacity: 1;
          background-color: color(display-p3 .9 .9 .9/var(--tw-bg-opacity, 1))
     }

     .lg\:p-0 {
          padding: 0
     }

     .lg\:p-7 {
          padding: 1.75rem
     }

     .lg\:\!px-4 {
          padding-left: 1rem !important;
          padding-right: 1rem !important
     }

     .lg\:\!py-10 {
          padding-top: 2.5rem !important;
          padding-bottom: 2.5rem !important
     }

     .lg\:\!py-4 {
          padding-top: 1rem !important;
          padding-bottom: 1rem !important
     }

     .lg\:px-4 {
          padding-left: 1rem;
          padding-right: 1rem
     }

     .lg\:\!pt-8 {
          padding-top: 2rem !important
     }

     .lg\:pt-4 {
          padding-top: 1rem
     }

     .lg\:text-left {
          text-align: left
     }

     .lg\:text-center {
          text-align: center
     }

     .lg\:text-5xl {
          font-size: 3rem;
          line-height: 1
     }

     .lg\:text-\[80px\] {
          font-size: 80px
     }

     .lg\:text-primary-500 {
          --tw-text-opacity: 1;
          color: color(display-p3 .07 .73 .71/var(--tw-text-opacity, 1))
     }
}

.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button, .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
     -webkit-appearance: none;
     appearance: none
}
:root {
      --swiper-theme-color: #007aff
 }

:host {
     position: relative;
     display: block;
     margin-left: auto;
     margin-right: auto;
     z-index: 1
}

.swiper {
     margin-left: auto;
     margin-right: auto;
     position: relative;
     overflow: hidden;
     list-style: none;
     padding: 0;
     z-index: 1;
     display: block
}

.swiper-wrapper {
     position: relative;
     width: 100%;
     height: 100%;
     z-index: 1;
     display: flex;
     transition-property: transform;
     transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
     box-sizing: content-box
}

.swiper-wrapper {
     transform: translateZ(0)
}

.swiper-horizontal {
     touch-action: pan-y
}

.swiper-slide {
     flex-shrink: 0;
     width: 100%;
     height: 100%;
     position: relative;
     transition-property: transform;
     display: block
}

.swiper-backface-hidden .swiper-slide {
     transform: translateZ(0);
     backface-visibility: hidden
}

@keyframes swiper-preloader-spin {
     0% {
          transform: rotate(0deg)
     }
     to {
          transform: rotate(1turn)
     }
}

:root {
     --swiper-navigation-size: 44px
}
:root {
      --font-primary: "__Sofia_Sans_817f2b", "__Sofia_Sans_Fallback_817f2b";
      --font-fasthand: "__Fasthand_dd6783", "__Fasthand_Fallback_dd6783"
 }

 :root {
      --font-primary: '__Sofia_Sans_817f2b', '__Sofia_Sans_Fallback_817f2b';
      --font-fasthand: '__Fasthand_dd6783', '__Fasthand_Fallback_dd6783';
 }

@-webkit-keyframes fadeIn {
            from {
                 opacity: 0
            }
            to {
                 opacity: 1
            }
       }

@keyframes fadeIn {
     from {
          opacity: 0
     }
     to {
          opacity: 1
     }
}

@-webkit-keyframes fadeInUp {
     from {
          opacity: 0;
          -webkit-transform: translate3d(0, 20%, 0);
          transform: translate3d(0, 20%, 0)
     }
     to {
          opacity: 1;
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0)
     }
}

@keyframes fadeInUp {
     from {
          opacity: 0;
          -webkit-transform: translate3d(0, 20%, 0);
          transform: translate3d(0, 20%, 0)
     }
     to {
          opacity: 1;
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0)
     }
}

@-webkit-keyframes zoomIn {
     from {
          opacity: 0;
          -webkit-transform: scale3d(0.3, 0.3, 0.3);
          transform: scale3d(0.3, 0.3, 0.3)
     }
     50% {
          opacity: 1
     }
}

@keyframes zoomIn {
     from {
          opacity: 0;
          -webkit-transform: scale3d(0.3, 0.3, 0.3);
          transform: scale3d(0.3, 0.3, 0.3)
     }
     50% {
          opacity: 1
     }
}

@keyframes frameOpen {
     from {
          transform: scale(0)
     }
     to {
          transform: scale(1)
     }
}

@-webkit-keyframes frameOpen {
     from {
          transform: scale(0)
     }
     to {
          transform: scale(1)
     }
}

@keyframes frameCollapse {
     0% {
          width: 835px
     }
     98% {
          width: 835px
     }
     100% {
          width: 422px
     }
}

@-webkit-keyframes frameCollapse {
     0% {
          width: 835px
     }
     98% {
          width: 835px
     }
     100% {
          width: 422px
     }
}

@keyframes faqExpand {
     0% {
          width: 384px
     }
     100% {
          width: 800px
     }
}

@-webkit-keyframes faqExpand {
     0% {
          width: 384px
     }
     100% {
          width: 800px
     }
}

@keyframes faqCollapseNormal {
     from {
          width: 800px
     }
     to {
          width: 384px
     }
}

@-webkit-keyframes faqCollapseNormal {
     from {
          width: 800px
     }
     to {
          width: 384px
     }
}

@keyframes faqCollapseSmall {
     from {
          width: 800px
     }
     to {
          width: 326px
     }
}

@-webkit-keyframes faqCollapseSmall {
     from {
          width: 800px
     }
     to {
          width: 326px
     }
}

@-webkit-keyframes slideInUp {
     from {
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
          visibility: visible
     }
     to {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0)
     }
}

@keyframes slideInUp {
     from {
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
          visibility: visible
     }
     to {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0)
     }
}

@-webkit-keyframes category {
     from {
          height: 10rem
     }
     to {
          height: 8rem
     }
}

@keyframes category {
     from {
          height: 10rem
     }
     to {
          height: 8rem
     }
}

@-webkit-keyframes article {
     from {
          height: 8rem
     }
     to {
          height: 10rem
     }
}

@keyframes article {
     from {
          height: 8rem
     }
     to {
          height: 10rem
     }
}

@-webkit-keyframes articleView {
     from {
          height: 10rem
     }
     to {
          height: 5.5rem
     }
}

@keyframes articleView {
     from {
          height: 10rem
     }
     to {
          height: 5.5rem
     }
}

@-webkit-keyframes logo {
     from {
          margin-left: 0%;
          transform: translateX(0%)
     }
     to {
          margin-left: 50%;
          transform: translateX(-50%)
     }
}

@keyframes logo {
     from {
          margin-left: 0%;
          transform: translateX(0%)
     }
     to {
          margin-left: 50%;
          transform: translateX(-50%)
     }
}

@keyframes rtlLogo {
     from {
          margin-right: 0%;
          transform: translateX(0%)
     }
     to {
          margin-right: 50%;
          transform: translateX(50%)
     }
}

@-webkit-keyframes homeLogo {
     from {
          margin-left: 50%;
          transform: translateX(-50%)
     }
     to {
          margin-left: 0%;
          transform: translateX(0%)
     }
}

@keyframes homeLogo {
     from {
          margin-left: 50%;
          transform: translateX(-50%)
     }
     to {
          margin-left: 0%;
          transform: translateX(0%)
     }
}

@-webkit-keyframes homeHeader {
     from {
          height: 10rem
     }
     to {
          height: 5.5rem
     }
}

@keyframes homeHeader {
     from {
          height: 10rem
     }
     to {
          height: 5.5rem
     }
}

@-webkit-keyframes bar {
     from {
          height: 0
     }
     to {
          height: 1.5rem
     }
}

@keyframes bar {
     from {
          height: 0
     }
     to {
          height: 1.5rem
     }
}

@-webkit-keyframes closeFadeIn {
     0% {
          opacity: 0
     }
     70% {
          opacity: 0
     }
     100% {
          opacity: .7
     }
}

@keyframes closeFadeIn {
     0% {
          opacity: 0
     }
     70% {
          opacity: 0
     }
     100% {
          opacity: .7
     }
}

@keyframes closeFadeOut {
     0% {
          opacity: 0
     }
     50% {
          opacity: 0
     }
     100% {
          opacity: .7
     }
}

@-webkit-keyframes closeFadeOut {
     0% {
          opacity: 0
     }
     50% {
          opacity: 0
     }
     100% {
          opacity: .7
     }
}

.sf-hidden {
      display: none !important
 }

#wp-admin-bar-aioseo-main .ab-item {
     display: flex !important;
     align-items: center;
}

#wpadminbar #wp-admin-bar-aioseo-main .aioseo-logo.svg {
     height: 21px !important;
}


.s-block-content {
     height: auto;
     overflow: hidden;
     position: relative;
     max-height: 364px;
}

.s-block-content.height-auto {
     max-height: none !important;
}

.s-block-content.toggle-active:before {
     display: block;
}

.s-block-content:before {
     display: none;
     bottom: 0;
     box-shadow: 0 0 20px 25px color(display-p3 .9 .9 .9/var(--tw-bg-opacity, 1));
     content: "";
     left: 0;
     position: absolute;
     width: 100%;
     z-index: 2;
}

.s-block-content.toggle-active:before {
     display: block;
}

.s-block-content h1 {
     font-size: 2.1428571em;
     margin-top: 0;
     margin-bottom: .8em;
     line-height: 1.2;
     --tw-text-opacity: 1;
     color: color(display-p3 .28 .28 .28 / var(--tw-text-opacity, 1));
     font-weight: 900;
}

.ref_button {
     position: relative;
     display: inline-flex;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none;
     align-items: center;
     justify-content: center;
     gap: .5rem;
     white-space: nowrap;
     font-weight: 900;
     text-transform: uppercase;
     letter-spacing: -.01em;
     transition-property: all;
     transition-timing-function: cubic-bezier(.4,0,.2,1);
     transition-duration: .3s;
     background-color: color(display-p3 .02 .82 .51 / var(--tw-bg-opacity, 1));
     --tw-text-opacity: 1;
     color: color(display-p3 .28 .28 .28 / var(--tw-text-opacity, 1));
     padding: .5rem .75rem;
     font-size: .75rem;
     line-height: 1rem;
     border-radius: 10px !important;
     padding-top: .75rem !important;
     padding-bottom: .75rem !important;
}

.ref_button:hover  {
     --tw-translate-y: 1px;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.btn--more {
     background-color: color(display-p3 .02 .82 .51 / var(--tw-bg-opacity, 1));
     --tw-text-opacity: 1;
     color: color(display-p3 .28 .28 .28 / var(--tw-text-opacity, 1));
     mix-blend-mode: luminosity;
     border-radius: .375rem;
     padding: .5rem .75rem;
     font-size: .75rem;
     line-height: 1rem;
}

.desc__more {
     margin: 15px 0;
}

.nav_menu li {
     font-size: 18px;
     list-style: none;
     margin: 0;
}

.description p {
     margin-top: 1.1428571em;
     margin-bottom: 1.1428571em;
     --tw-text-opacity: 1;
     color: color(display-p3 .28 .28 .28 / var(--tw-text-opacity, 1));
}

.description table {
     margin: 10px 0;
}

.description h2 {
     font-size: 1.4285714em;
     margin-top: 1.6em;
     margin-bottom: .8em;
     line-height: 1.4;
     --tw-text-opacity: 1;
     color: color(display-p3 .28 .28 .28 / var(--tw-text-opacity, 1));
     font-weight: 900;
}

.description ul {
     list-style-type: disc;
     margin-top: 1.1428571em;
     margin-bottom: 1.1428571em;
     padding-inline-start: 1.5714286em;
     --tw-text-opacity: 1;
     color: color(display-p3 .28 .28 .28 / var(--tw-text-opacity, 1));
}

.description li {
     margin-top: .2857143em;
     margin-bottom: .2857143em;
     padding-inline-start: .4285714em;
}

.description li::marker {
     color: var(--tw-prose-bullets);
}

.nav_menu, .dropdown_nav_menu {
     margin-left: 0;
     list-style: none;
     border: 1px solid var(--color-sidebar-line);
     box-sizing: border-box;
     white-space: normal;
     margin-top: 0;
     margin-bottom: 20px;
     padding-bottom: 5px;
}

.nav_menu a {
     color: var(--tw-prose-links);
     font-weight: 500;
}

table td {
     padding: 5px;
     border: 1px solid #fff;
     font-size: 14px;
}

.mobile-menu {
     display: none
}

@media (max-width: 749px) {

     .mobile-menu {
          display: block;
          padding-top: .5rem;
          padding-bottom: .5rem;
          --tw-bg-opacity: 1;
          background-color: color(display-p3 .83 .83 .83 / var(--tw-bg-opacity, 1));
     }

}