html {
         scroll-behavior: smooth
      }

      body {
         background-color: #fc9;
         text-align: center;
         font-weight: 700;
         padding: 0;
         font-family: Helvetica, sans-serif;
      }

      .logo {
         background: #fc9;
         padding: 0 10px;
         display: block;
         color: #fff8f8;
         margin-bottom: 5px;
         letter-spacing: 1px;
         font-weight: 700;
         border: 3px solid #ff0016;
         border-radius: .75em;
         transform-style: preserve-3d;
         transition: transform 150ms cubic-bezier(0, 0, .58, 1), background 150ms cubic-bezier(0, 0, .58, 1);
      }

      .logo amp-img {
         width: 220px;
         height: auto;
         padding: 6px 0 0
      }

      .button2 {
         background-color: #a0d5ff;
         color: #220c82;
         padding: 10px 30px;
         font-size: 14px;
         margin: 0px 0px 5px 0px;
         border: 2px solid #0000005c;
         font-weight: 800;
         text-decoration: none;
         text-shadow: 1px 1px #00bcd4;
         box-shadow: 0 8px 10px 0 rgba(0, 0, 0, .2), 0 6px 8px 0 rgba(0, 0, 0, .19);
         display: inline-block;
         transition: all .3s
      }

      .ad-div11 {
         text-align: center;
         margin: 0 0 10px
      }

      .chart-list {
         border: 2px solid #eb008b;
         margin-bottom: 2px;
         width: 50%;
         margin: 0 auto 10px;
         text-align: center;
         font-weight: 600
      }

      .chart-list.ab1 {
         border-color: #003c6c
      }

      .chart-list h4 {
         color: #fff;
         padding: 5px 10px 3px;
         font-size: 24px;
         border-top-left-radius: 7px;
         margin: 0
      }

      .chart-list.ab1 h4 {
         background-color: #024c88
      }

      .chart-list a {
         display: block;
         font-size: 22px;
         padding: 5px 7px 4px;
         text-decoration: none
      }

      .chart-list a:hover {
         text-decoration: none
      }

      .chart-list.ab1 a {
         border-bottom: 2px solid #024c88;
         color: #003c6c
      }

      .chart-list a:hover {
         background-color: #fff;
         text-decoration: underline
      }

      @media only screen and (max-width:500px) {
         .chart-list {
            width: 95%
         }
      }

      footer {
         background-color: #fff;
         color: red;
         font-weight: bold;
         font-size: 25px;
         text-decoration: none;
         border: 4px groove purple;
         text-shadow: 1px 1px gold;
         margin: 3px
      }

      footer>div {
         border-bottom: 2px solid #b2ddff;
         padding: 10px 0;
         margin-bottom: 10px
      }

      footer>div a {
         text-decoration: none
      }

      footer>div a:hover {
         text-decoration: none
      }

      footer .ftr-icon {
         text-decoration: none;
         font-size: 35px;
         text-transform: uppercase;
         color: #007bff
      }

      footer p {
         margin: 10px 0 10px;
         line-height: 35px
      }

      footer p span {
         color: rgb(51, 102, 255)
      }

      .panel.panel-info {
         border: 1px solid #3f51b5;
         width: 50%;
         margin: 0 auto 0
      }

      .panel-heading h1 {
         margin: 0;
         padding: 5px
      }

      table {
         border-collapse: collapse
      }

      table,
      th,
      td {
         border: 1px solid #000
      }

      thead {
         background-color: #ffc107;
         text-shadow: 1px 1px 2px #9a7400ab
      }

      tbody td {
         padding: 5px 0;
         font-size: 24px
      }

      .red,
      .chart-11,
      .chart-22,
      .chart-33,
      .chart-44,
      .chart-55,
      .chart-66,
      .chart-77,
      .chart-88,
      .chart-99,
      .chart-00,
      .chat-05,
      .chat-50,
      .chat-16,
      .chat-61,
      .chat-27,
      .chat-72,
      .chat-38,
      .chat-83,
      .chat-49,
      .chat-94 {
         color: red
      }

      .chart-05,
      .chart-50,
      .chart-16,
      .chart-61,
      .chart-27,
      .chart-72,
      .chart-38,
      .chart-83,
      .chart-49,
      .chart-94 {
         color: red
      }

      .css-11,
      .css-16,
      .css-22,
      .css-27,
      .css-33,
      .css-38,
      .css-44,
      .css-49,
      .css-50,
      .css-55,
      .css-61,
      .css-66,
      .css-72,
      .css-83,
      .css-88,
      .css-94,
      .css-99,
      .css-05,
      .css-00,
      .css-77,
      .css-star {
         color: red;
      }

      @media only screen and (max-width:770px) {
         .panel.panel-info {
            width: 70%
         }
      }

      @media only screen and (max-width:500px) {
         .panel.panel-info {
            width: 100%
         }
      }

      .r {
         color: red;
      }

      td {
         font-weight: 700;
      }

      @media only screen and (max-width:500px) {
         .chart-list {
            width: 95%;
         }
      }

      .mp-btn {
         position: fixed;
         bottom: 9px;
         left: 5px;
         padding: 5px 8px;
         font-size: 15px;
         border: 1px solid #fff;
         text-decoration: none;
         background-color: #039;
         color: #fff;
      }

      .para3 {
         background: linear-gradient(187deg, #fc9 50%, #ffc387 50%);
         border: 2px solid #ff0016;
         border-top-style: solid;
         border-right-style: solid;
         border-bottom-style: solid;
         border-left-style: solid;
         border-style: outset;
         margin-bottom: 3px;
         line-height: 1.4;
         font-size: 14px;
         padding: 4px 10px;
         color: #00094d;
         text-shadow: 1px 1px 2px #fff;
         box-shadow: 0 0 20px 0 rgb(0 0 0 / 40%);
      }

      .chart-h1 {
         background: #ff00a2;
         ;
         padding: 5px 10px;
         text-shadow: 1px 1px 2px #000;
         display: block;
         color: #fff8f8;
         margin-bottom: 3px;
         letter-spacing: 1px;
         font-weight: 700;
         border: 2px solid #fff;
         transform-style: preserve-3d;
         transition: transform 150ms cubic-bezier(0, 0, .58, 1), background 150ms cubic-bezier(0, 0, .58, 1);
         font-size: 18px;
         margin: 3px 0px;
      }

      h1 {
         color: #fff8f8;
      }

      .logo img {
         margin: 5px 0px;
      }

      h3 {
         font-size: 16px;
         color: #fff;
         text-shadow: 0px 0px;
         margin: 0px;
         padding: 5px;
      }

      .chart-result {
         margin: 6px 2px;
         line-height: 1.4;
         font-size: 14px;
         padding: 4px 10px;
         color: #00094d;
         text-shadow: 1px 1px 2px #fff;
         box-shadow: 0 0 20px 0 rgb(0 0 0 / 40%);
         border: 1px solid black;
      }

      .chart-result div {
         font-size: 22px;
         color: #00094d;
         text-shadow: 1px 1px 2px #fff;
      }

      .chart-result span {
         color: #880e4f;
         text-shadow: 1px 1px 2px #ffe2c6;
         font-size: 21px;
      }

      .chart-result a {
         border: 1px solid #e6e6e6;
         background: #522f92;
         color: #fff;
         padding: 5px 7px;
         font-size: 12px;
         margin: 2px 0 -1px;
         display: inline-block;
         transition: all .3s;
         cursor: pointer;
         text-shadow: none;
         text-decoration: none;
      }

      @media screen and (max-width: 400px) {
         .logo img {
            height: 60px;
            width: auto;
            max-width: 100%;
         }
      }

      @media screen and (max-width: 300px) {
         .logo img {
            height: 40px;
            width: auto;
            max-width: 100%;
         }
      }


      .footer-text-div p.faq-title {
         font-weight: 600;
      }

      .footer-text-div {
         max-width: 100%;
         text-align: left;
         margin: 2px;
         border: 2px solid purple;
         background: white;
         padding: 10px;
      }

      .small-heading {
         font-weight: 600;
         color: red;
         text-shadow: 0px 0px 1px yellow;
         padding: 0px;
         margin: 10px 0px 5px 0px;
      }

      .footer-text-div p {
         font-weight: 500;
         font-size: 12px;
         padding: 0px;
         margin: 0px;
      }

      .footer-text-div ul {
         font-size: 12px;
         text-align: left;
      }

      .faq-heading {
         font-weight: 600;
         color: red;
         text-shadow: 0px 0px 1px yellow;
      }
   


      .styles-module_blinkingCursor__yugAC {
         color: inherit;
         font: inherit;
         left: 3px;
         line-height: inherit;
         opacity: 1;
         position: relative;
         top: 0
      }

      .styles-module_blinking__9VXRT {
         animation-duration: .8s;
         animation-iteration-count: infinite;
         animation-name: styles-module_blink__rqfaf
      }

      @keyframes styles-module_blink__rqfaf {
         0% {
            opacity: 1
         }

         to {
            opacity: 0
         }
      }
   


      html {
         overflow-x: hidden !important
      }

      html.i-amphtml-fie {
         height: 100% !important;
         width: 100% !important
      }

      html:not([amp4ads]),
      html:not([amp4ads]) body {
         height: auto !important
      }

      html:not([amp4ads]) body {
         margin: 0 !important
      }

      body {
         -webkit-text-size-adjust: 100%;
         -moz-text-size-adjust: 100%;
         -ms-text-size-adjust: 100%;
         text-size-adjust: 100%
      }

      html.i-amphtml-singledoc.i-amphtml-embedded {
         -ms-touch-action: pan-y pinch-zoom;
         touch-action: pan-y pinch-zoom
      }

      html.i-amphtml-fie>body,
      html.i-amphtml-singledoc>body {
         overflow: visible !important
      }

      html.i-amphtml-fie:not(.i-amphtml-inabox)>body,
      html.i-amphtml-singledoc:not(.i-amphtml-inabox)>body {
         position: relative !important
      }

      html.i-amphtml-ios-embed-legacy>body {
         overflow-x: hidden !important;
         overflow-y: auto !important;
         position: absolute !important
      }

      html.i-amphtml-ios-embed {
         overflow-y: auto !important;
         position: static
      }

      #i-amphtml-wrapper {
         overflow-x: hidden !important;
         overflow-y: auto !important;
         position: absolute !important;
         top: 0 !important;
         left: 0 !important;
         right: 0 !important;
         bottom: 0 !important;
         margin: 0 !important;
         display: block !important
      }

      html.i-amphtml-ios-embed.i-amphtml-ios-overscroll,
      html.i-amphtml-ios-embed.i-amphtml-ios-overscroll>#i-amphtml-wrapper {
         -webkit-overflow-scrolling: touch !important
      }

      #i-amphtml-wrapper>body {
         position: relative !important;
         border-top: 1px solid transparent !important
      }

      #i-amphtml-wrapper+body {
         visibility: visible
      }

      #i-amphtml-wrapper+body .i-amphtml-lightbox-element,
      #i-amphtml-wrapper+body[i-amphtml-lightbox] {
         visibility: hidden
      }

      #i-amphtml-wrapper+body[i-amphtml-lightbox] .i-amphtml-lightbox-element {
         visibility: visible
      }

      #i-amphtml-wrapper.i-amphtml-scroll-disabled,
      .i-amphtml-scroll-disabled {
         overflow-x: hidden !important;
         overflow-y: hidden !important
      }

      amp-instagram {
         padding: 54px 0px 0px !important;
         background-color: #fff
      }

      amp-iframe iframe {
         box-sizing: border-box !important
      }

      [amp-access][amp-access-hide] {
         display: none
      }

      [subscriptions-dialog],
      body:not(.i-amphtml-subs-ready) [subscriptions-action],
      body:not(.i-amphtml-subs-ready) [subscriptions-section] {
         display: none !important
      }

      amp-experiment,
      amp-live-list>[update] {
         display: none
      }

      amp-list[resizable-children]>.i-amphtml-loading-container.amp-hidden {
         display: none !important
      }

      amp-list [fetch-error],
      amp-list[load-more] [load-more-button],
      amp-list[load-more] [load-more-end],
      amp-list[load-more] [load-more-failed],
      amp-list[load-more] [load-more-loading] {
         display: none
      }

      amp-list[diffable] div[role=list] {
         display: block
      }

      amp-story-page,
      amp-story[standalone] {
         min-height: 1px !important;
         display: block !important;
         height: 100% !important;
         margin: 0 !important;
         padding: 0 !important;
         overflow: hidden !important;
         width: 100% !important
      }

      amp-story[standalone] {
         background-color: #000 !important;
         position: relative !important
      }

      amp-story-page {
         background-color: #757575
      }

      amp-story .amp-active>div,
      amp-story .i-amphtml-loader-background {
         display: none !important
      }

      amp-story-page:not(:first-of-type):not([distance]):not([active]) {
         transform: translateY(1000vh) !important
      }

      amp-autocomplete {
         position: relative !important;
         display: inline-block !important
      }

      amp-autocomplete>input,
      amp-autocomplete>textarea {
         padding: 0.5rem;
         border: 1px solid rgba(0, 0, 0, .33)
      }

      .i-amphtml-autocomplete-results,
      amp-autocomplete>input,
      amp-autocomplete>textarea {
         font-size: 1rem;
         line-height: 1.5rem
      }

      [amp-fx^=fly-in] {
         visibility: hidden
      }

      amp-script[nodom],
      amp-script[sandboxed] {
         position: fixed !important;
         top: 0 !important;
         width: 1px !important;
         height: 1px !important;
         overflow: hidden !important;
         visibility: hidden
      }

      /*# sourceURL=/css/ampdoc.css*/
      [hidden] {
         display: none !important
      }

      .i-amphtml-element {
         display: inline-block
      }

      .i-amphtml-blurry-placeholder {
         transition: opacity 0.3s cubic-bezier(0.0, 0.0, 0.2, 1) !important;
         pointer-events: none
      }

      [layout=nodisplay]:not(.i-amphtml-element) {
         display: none !important
      }

      .i-amphtml-layout-fixed,
      [layout=fixed][width][height]:not(.i-amphtml-layout-fixed) {
         display: inline-block;
         position: relative
      }

      .i-amphtml-layout-responsive,
      [layout=responsive][width][height]:not(.i-amphtml-layout-responsive),
      [width][height][heights]:not([layout]):not(.i-amphtml-layout-responsive),
      [width][height][sizes]:not(img):not([layout]):not(.i-amphtml-layout-responsive) {
         display: block;
         position: relative
      }

      .i-amphtml-layout-intrinsic,
      [layout=intrinsic][width][height]:not(.i-amphtml-layout-intrinsic) {
         display: inline-block;
         position: relative;
         max-width: 100%
      }

      .i-amphtml-layout-intrinsic .i-amphtml-sizer {
         max-width: 100%
      }

      .i-amphtml-intrinsic-sizer {
         max-width: 100%;
         display: block !important
      }

      .i-amphtml-layout-container,
      .i-amphtml-layout-fixed-height,
      [layout=container],
      [layout=fixed-height][height]:not(.i-amphtml-layout-fixed-height) {
         display: block;
         position: relative
      }

      .i-amphtml-layout-fill,
      .i-amphtml-layout-fill.i-amphtml-notbuilt,
      [layout=fill]:not(.i-amphtml-layout-fill),
      body noscript>* {
         display: block;
         overflow: hidden !important;
         position: absolute;
         top: 0;
         left: 0;
         bottom: 0;
         right: 0
      }

      body noscript>* {
         position: absolute !important;
         width: 100%;
         height: 100%;
         z-index: 2
      }

      body noscript {
         display: inline !important
      }

      .i-amphtml-layout-flex-item,
      [layout=flex-item]:not(.i-amphtml-layout-flex-item) {
         display: block;
         position: relative;
         -ms-flex: 1 1 auto;
         flex: 1 1 auto
      }

      .i-amphtml-layout-fluid {
         position: relative
      }

      .i-amphtml-layout-size-defined {
         overflow: hidden !important
      }

      .i-amphtml-layout-awaiting-size {
         position: absolute !important;
         top: auto !important;
         bottom: auto !important
      }

      i-amphtml-sizer {
         display: block !important
      }

      @supports (aspect-ratio:1/1) {
         i-amphtml-sizer.i-amphtml-disable-ar {
            display: none !important
         }
      }

      .i-amphtml-blurry-placeholder,
      .i-amphtml-fill-content {
         display: block;
         height: 0;
         max-height: 100%;
         max-width: 100%;
         min-height: 100%;
         min-width: 100%;
         width: 0;
         margin: auto
      }

      .i-amphtml-layout-size-defined .i-amphtml-fill-content {
         position: absolute;
         top: 0;
         left: 0;
         bottom: 0;
         right: 0
      }

      .i-amphtml-replaced-content,
      .i-amphtml-screen-reader {
         padding: 0 !important;
         border: none !important
      }

      .i-amphtml-screen-reader {
         position: fixed !important;
         top: 0px !important;
         left: 0px !important;
         width: 4px !important;
         height: 4px !important;
         opacity: 0 !important;
         overflow: hidden !important;
         margin: 0 !important;
         display: block !important;
         visibility: visible !important
      }

      .i-amphtml-screen-reader~.i-amphtml-screen-reader {
         left: 8px !important
      }

      .i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader {
         left: 12px !important
      }

      .i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader {
         left: 16px !important
      }

      .i-amphtml-unresolved {
         position: relative;
         overflow: hidden !important
      }

      .i-amphtml-select-disabled {
         -webkit-user-select: none !important;
         -ms-user-select: none !important;
         user-select: none !important
      }

      .i-amphtml-notbuilt,
      [layout]:not(.i-amphtml-element),
      [width][height][heights]:not([layout]):not(.i-amphtml-element),
      [width][height][sizes]:not(img):not([layout]):not(.i-amphtml-element) {
         position: relative;
         overflow: hidden !important;
         color: transparent !important
      }

      .i-amphtml-notbuilt:not(.i-amphtml-layout-container)>*,
      [layout]:not([layout=container]):not(.i-amphtml-element)>*,
      [width][height][heights]:not([layout]):not(.i-amphtml-element)>*,
      [width][height][sizes]:not([layout]):not(.i-amphtml-element)>* {
         display: none
      }

      amp-img:not(.i-amphtml-element)[i-amphtml-ssr]>img.i-amphtml-fill-content {
         display: block
      }

      .i-amphtml-notbuilt:not(.i-amphtml-layout-container),
      [layout]:not([layout=container]):not(.i-amphtml-element),
      [width][height][heights]:not([layout]):not(.i-amphtml-element),
      [width][height][sizes]:not(img):not([layout]):not(.i-amphtml-element) {
         color: transparent !important;
         line-height: 0 !important
      }

      .i-amphtml-ghost {
         visibility: hidden !important
      }

      .i-amphtml-element>[placeholder],
      [layout]:not(.i-amphtml-element)>[placeholder],
      [width][height][heights]:not([layout]):not(.i-amphtml-element)>[placeholder],
      [width][height][sizes]:not([layout]):not(.i-amphtml-element)>[placeholder] {
         display: block;
         line-height: normal
      }

      .i-amphtml-element>[placeholder].amp-hidden,
      .i-amphtml-element>[placeholder].hidden {
         visibility: hidden
      }

      .i-amphtml-element:not(.amp-notsupported)>[fallback],
      .i-amphtml-layout-container>[placeholder].amp-hidden,
      .i-amphtml-layout-container>[placeholder].hidden {
         display: none
      }

      .i-amphtml-layout-size-defined>[fallback],
      .i-amphtml-layout-size-defined>[placeholder] {
         position: absolute !important;
         top: 0 !important;
         left: 0 !important;
         right: 0 !important;
         bottom: 0 !important;
         z-index: 1
      }

      amp-img[i-amphtml-ssr]:not(.i-amphtml-element)>[placeholder] {
         z-index: auto
      }

      .i-amphtml-notbuilt>[placeholder] {
         display: block !important
      }

      .i-amphtml-hidden-by-media-query {
         display: none !important
      }

      .i-amphtml-element-error {
         background: red !important;
         color: #fff !important;
         position: relative !important
      }

      .i-amphtml-element-error:before {
         content: attr(error-message)
      }

      i-amp-scroll-container,
      i-amphtml-scroll-container {
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         display: block
      }

      i-amp-scroll-container.amp-active,
      i-amphtml-scroll-container.amp-active {
         overflow: auto;
         -webkit-overflow-scrolling: touch
      }

      .i-amphtml-loading-container {
         display: block !important;
         pointer-events: none;
         z-index: 1
      }

      .i-amphtml-notbuilt>.i-amphtml-loading-container {
         display: block !important
      }

      .i-amphtml-loading-container.amp-hidden {
         visibility: hidden
      }

      .i-amphtml-element>[overflow] {
         cursor: pointer;
         position: relative;
         z-index: 2;
         visibility: hidden;
         display: initial;
         line-height: normal
      }

      .i-amphtml-layout-size-defined>[overflow] {
         position: absolute
      }

      .i-amphtml-element>[overflow].amp-visible {
         visibility: visible
      }

      template {
         display: none !important
      }

      .amp-border-box,
      .amp-border-box *,
      .amp-border-box :after,
      .amp-border-box :before {
         box-sizing: border-box
      }

      amp-pixel {
         display: none !important
      }

      amp-analytics,
      amp-auto-ads,
      amp-story-auto-ads {
         position: fixed !important;
         top: 0 !important;
         width: 1px !important;
         height: 1px !important;
         overflow: hidden !important;
         visibility: hidden
      }

      amp-story {
         visibility: hidden !important
      }

      html.i-amphtml-fie>amp-analytics {
         position: initial !important
      }

      [visible-when-invalid]:not(.visible),
      form [submit-error],
      form [submit-success],
      form [submitting] {
         display: none
      }

      amp-accordion {
         display: block !important
      }

      @media (min-width:1px) {
         :where(amp-accordion>section)>:first-child {
            margin: 0;
            background-color: #efefef;
            padding-right: 20px;
            border: 1px solid #dfdfdf
         }

         :where(amp-accordion>section)>:last-child {
            margin: 0
         }
      }

      amp-accordion>section {
         float: none !important
      }

      amp-accordion>section>* {
         float: none !important;
         display: block !important;
         overflow: hidden !important;
         position: relative !important
      }

      amp-accordion,
      amp-accordion>section {
         margin: 0
      }

      amp-accordion:not(.i-amphtml-built)>section>:last-child {
         display: none !important
      }

      amp-accordion:not(.i-amphtml-built)>section[expanded]>:last-child {
         display: block !important
      }

      /*# sourceURL=/css/ampshared.css*/
   


      form.amp-form-submit-error [submit-error],
      form.amp-form-submit-success [submit-success],
      form.amp-form-submitting [submitting] {
         display: block
      }

      textarea[autoexpand]:not(.i-amphtml-textarea-max) {
         overflow: hidden !important
      }

      .i-amphtml-textarea-clone {
         visibility: hidden;
         position: absolute;
         top: -9999px;
         left: -9999px;
         height: 0 !important
      }

      .i-amphtml-validation-bubble {
         transform: translate(-50%, -100%);
         background-color: #fff;
         box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .5);
         max-width: 200px;
         position: absolute;
         display: block;
         box-sizing: border-box;
         padding: 10px;
         border-radius: 5px
      }

      .i-amphtml-validation-bubble:after {
         content: " ";
         position: absolute;
         bottom: -8px;
         left: 30px;
         width: 0;
         height: 0;
         border-left: 8px solid transparent;
         border-right: 8px solid transparent;
         border-top: 8px solid #fff
      }

      [visible-when-invalid] {
         color: red
      }

      /*# sourceURL=/extensions/amp-form/0.1/amp-form.css*/
   


      body {
         -webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
         -moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
         -ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
         animation: -amp-start 8s steps(1, end) 0s 1 normal both
      }

      @-webkit-keyframes -amp-start {
         from {
            visibility: hidden
         }

         to {
            visibility: visible
         }
      }

      @-moz-keyframes -amp-start {
         from {
            visibility: hidden
         }

         to {
            visibility: visible
         }
      }

      @-ms-keyframes -amp-start {
         from {
            visibility: hidden
         }

         to {
            visibility: visible
         }
      }

      @-o-keyframes -amp-start {
         from {
            visibility: hidden
         }

         to {
            visibility: visible
         }
      }

      @keyframes -amp-start {
         from {
            visibility: hidden
         }

         to {
            visibility: visible
         }
      }
   


         body {
            -webkit-animation: none;
            -moz-animation: none;
            -ms-animation: none;
            animation: none
         }
      


         *,
         :after,
         :before {
            --tw-border-spacing-x: 0;
            --tw-border-spacing-y: 0;
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-rotate: 0;
            --tw-skew-x: 0;
            --tw-skew-y: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-pan-x: ;
            --tw-pan-y: ;
            --tw-pinch-zoom: ;
            --tw-scroll-snap-strictness: proximity;
            --tw-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:
         }

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

         /*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/
         *,
         :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
         }

         hr {
            height: 0;
            color: inherit;
            border-top-width: 1px
         }

         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-feature-settings: normal;
            font-variation-settings: normal;
            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 {
            text-indent: 0;
            border-color: inherit;
            border-collapse: collapse
         }

         button,
         input,
         optgroup,
         select,
         textarea {
            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,
         select {
            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
         }

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

         dialog {
            padding: 0
         }

         textarea {
            resize: vertical
         }

         input::-moz-placeholder,
         textarea::-moz-placeholder {
            opacity: 1;
            color: #9ca3af
         }

         input::placeholder,
         textarea::placeholder {
            opacity: 1;
            color: #9ca3af
         }

         [role=button],
         button {
            cursor: pointer
         }

         :disabled {
            cursor: default
         }

         audio,
         canvas,
         embed,
         iframe,
         img,
         object,
         svg,
         video {
            display: block;
            vertical-align: middle
         }

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

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

         [multiple],
         [type=date],
         [type=datetime-local],
         [type=email],
         [type=month],
         [type=number],
         [type=password],
         [type=search],
         [type=tel],
         [type=text],
         [type=time],
         [type=url],
         [type=week],
         input:where(:not([type])),
         select,
         textarea {
            -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::-moz-placeholder,
         textarea::-moz-placeholder {
            color: #6b7280;
            opacity: 1
         }

         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
         }

         select {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3E%3Cpath stroke=%27%236b7280%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27m6 8 4 4 4-4%27/%3E%3C/svg%3E");
            background-position: right .5rem center;
            background-repeat: no-repeat;
            background-size: 1.5em 1.5em;
            padding-right: 2.5rem;
            -webkit-print-color-adjust: exact;
            print-color-adjust: exact
         }

         [multiple],
         [size]:where(select:not([size="1"])) {
            background-image: none;
            background-position: 0 0;
            background-repeat: unset;
            background-size: initial;
            padding-right: .75rem;
            -webkit-print-color-adjust: unset;
            print-color-adjust: unset
         }

         [type=checkbox],
         [type=radio] {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            padding: 0;
            -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
            display: inline-block;
            vertical-align: middle;
            background-origin: border-box;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            flex-shrink: 0;
            height: 1rem;
            width: 1rem;
            color: #2563eb;
            background-color: #fff;
            border-color: #6b7280;
            border-width: 1px;
            --tw-shadow: 0 0 #0000
         }

         [type=checkbox] {
            border-radius: 0
         }

         [type=radio] {
            border-radius: 100%
         }

         [type=checkbox]:focus,
         [type=radio]:focus {
            outline: 2px solid transparent;
            outline-offset: 2px;
            --tw-ring-inset: var(--tw-empty,
                  /*!*/
                  /*!*/
               );
            --tw-ring-offset-width: 2px;
            --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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
         }

         [type=checkbox]:checked,
         [type=radio]:checked {
            border-color: transparent;
            background-color: currentColor;
            background-size: 100% 100%;
            background-position: 50%;
            background-repeat: no-repeat
         }

         [type=checkbox]:checked {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0%27/%3E%3C/svg%3E")
         }

         @media (forced-colors:active) {
            [type=checkbox]:checked {
               -webkit-appearance: auto;
               -moz-appearance: auto;
               appearance: auto
            }
         }

         [type=radio]:checked {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 viewBox=%270 0 16 16%27%3E%3Ccircle cx=%278%27 cy=%278%27 r=%273%27/%3E%3C/svg%3E")
         }

         @media (forced-colors:active) {
            [type=radio]:checked {
               -webkit-appearance: auto;
               -moz-appearance: auto;
               appearance: auto
            }
         }

         [type=checkbox]:checked:focus,
         [type=checkbox]:checked:hover,
         [type=radio]:checked:focus,
         [type=radio]:checked:hover {
            border-color: transparent;
            background-color: currentColor
         }

         [type=checkbox]:indeterminate {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 16 16%27%3E%3Cpath stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 8h8%27/%3E%3C/svg%3E");
            border-color: transparent;
            background-color: currentColor;
            background-size: 100% 100%;
            background-position: 50%;
            background-repeat: no-repeat
         }

         @media (forced-colors:active) {
            [type=checkbox]:indeterminate {
               -webkit-appearance: auto;
               -moz-appearance: auto;
               appearance: auto
            }
         }

         [type=checkbox]:indeterminate:focus,
         [type=checkbox]:indeterminate:hover {
            border-color: transparent;
            background-color: currentColor
         }

         [type=file] {
            background: unset;
            border-color: inherit;
            border-width: 0;
            border-radius: 0;
            padding: 0;
            font-size: unset;
            line-height: inherit
         }

         [type=file]:focus {
            outline: 1px solid ButtonText;
            outline: 1px auto -webkit-focus-ring-color
         }

         body {
            font-size: 100% !important;
            -webkit-font-smoothing: antialiased !important;
            -moz-osx-font-smoothing: grayscale !important
         }

         .\!container {
            width: 100% !important
         }

         .container {
            width: 100%
         }

         @media (min-width:640px) {
            .\!container {
               max-width: 640px !important
            }

            .container {
               max-width: 640px
            }
         }

         @media (min-width:768px) {
            .\!container {
               max-width: 768px !important
            }

            .container {
               max-width: 768px
            }
         }

         @media (min-width:1024px) {
            .\!container {
               max-width: 1024px !important
            }

            .container {
               max-width: 1024px
            }
         }

         @media (min-width:1280px) {
            .\!container {
               max-width: 1280px !important
            }

            .container {
               max-width: 1280px
            }
         }

         @media (min-width:1536px) {
            .\!container {
               max-width: 1536px !important
            }

            .container {
               max-width: 1536px
            }
         }

         #app-container {
            height: 100% !important;
            width: 100% !important
         }

         .sr-only {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border-width: 0
         }

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

         .\!visible {
            visibility: visible !important
         }

         .visible {
            visibility: visible
         }

         .static {
            position: static
         }

         .fixed {
            position: fixed
         }

         .absolute {
            position: absolute
         }

         .relative {
            position: relative
         }

         .sticky {
            position: sticky
         }

         .inset-0 {
            inset: 0
         }

         .inset-x-0 {
            left: 0;
            right: 0
         }

         .inset-y-0 {
            top: 0;
            bottom: 0
         }

         .-left-1 {
            left: -4px
         }

         .bottom-0 {
            bottom: 0
         }

         .bottom-1\/2 {
            bottom: 50%
         }

         .left-0 {
            left: 0
         }

         .left-1 {
            left: 4px
         }

         .left-1\.5 {
            left: 6px
         }

         .right-0 {
            right: 0
         }

         .right-1 {
            right: 4px
         }

         .right-1\.5 {
            right: 6px
         }

         .right-2 {
            right: 8px
         }

         .right-2\.5 {
            right: 10px
         }

         .right-3 {
            right: 12px
         }

         .right-4 {
            right: 16px
         }

         .right-5 {
            right: 20px
         }

         .right-8 {
            right: 32px
         }

         .top-0 {
            top: 0
         }

         .top-1 {
            top: 4px
         }

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

         .top-1\/3 {
            top: 33.333333%
         }

         .top-2 {
            top: 8px
         }

         .top-2\.5 {
            top: 10px
         }

         .top-3 {
            top: 12px
         }

         .top-36 {
            top: 144px
         }

         .top-4 {
            top: 16px
         }

         .\!z-max {
            z-index: 9999 !important
         }

         .z-10 {
            z-index: 10
         }

         .z-20 {
            z-index: 20
         }

         .z-50 {
            z-index: 50
         }

         .z-max {
            z-index: 9999
         }

         .z-medium {
            z-index: 9000
         }

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

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

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

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

         .col-span-full {
            grid-column: 1/-1
         }

         .m-0 {
            margin: 0
         }

         .mx-3 {
            margin-left: 12px;
            margin-right: 12px
         }

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

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

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

         .-mr-\[14px\] {
            margin-right: -14px
         }

         .-mt-0\.5 {
            margin-top: -2px
         }

         .-mt-2 {
            margin-top: -8px
         }

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

         .mb-2 {
            margin-bottom: 8px
         }

         .mb-4 {
            margin-bottom: 16px
         }

         .mb-6 {
            margin-bottom: 24px
         }

         .mb-\[3px\] {
            margin-bottom: 3px
         }

         .ml-0\.5 {
            margin-left: 2px
         }

         .ml-1 {
            margin-left: 4px
         }

         .ml-2 {
            margin-left: 8px
         }

         .ml-4 {
            margin-left: 16px
         }

         .ml-\[3px\] {
            margin-left: 3px
         }

         .ml-auto {
            margin-left: auto
         }

         .mr-1 {
            margin-right: 4px
         }

         .mr-2 {
            margin-right: 8px
         }

         .mr-3 {
            margin-right: 12px
         }

         .ms-2 {
            margin-inline-start: 8px
         }

         .mt-0\.5 {
            margin-top: 2px
         }

         .mt-1 {
            margin-top: 4px
         }

         .mt-1\.5 {
            margin-top: 6px
         }

         .mt-2 {
            margin-top: 8px
         }

         .mt-3 {
            margin-top: 12px
         }

         .mt-4 {
            margin-top: 16px
         }

         .mt-6 {
            margin-top: 24px
         }

         .mt-8 {
            margin-top: 32px
         }

         .mt-px {
            margin-top: 1px
         }

         .block {
            display: block
         }

         .inline-block {
            display: inline-block
         }

         .inline {
            display: inline
         }

         .flex {
            display: flex
         }

         .inline-flex {
            display: inline-flex
         }

         .table {
            display: table
         }

         .grid {
            display: grid
         }

         .hidden {
            display: none
         }

         .aspect-\[16\/8\] {
            aspect-ratio: 16/8
         }

         .aspect-\[4\/3\] {
            aspect-ratio: 4/3
         }

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

         .aspect-video {
            aspect-ratio: 16/9
         }

         .h-1 {
            height: 4px
         }

         .h-1\.5 {
            height: 6px
         }

         .h-10 {
            height: 40px
         }

         .h-12 {
            height: 48px
         }

         .h-14 {
            height: 56px
         }

         .h-16 {
            height: 64px
         }

         .h-2 {
            height: 8px
         }

         .h-3 {
            height: 12px
         }

         .h-3\.5 {
            height: 14px
         }

         .h-32 {
            height: 128px
         }

         .h-4 {
            height: 16px
         }

         .h-5 {
            height: 20px
         }

         .h-6 {
            height: 24px
         }

         .h-7 {
            height: 28px
         }

         .h-8 {
            height: 32px
         }

         .h-9 {
            height: 36px
         }

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

         .h-\[80vh\] {
            height: 80vh
         }

         .h-full {
            height: 100%
         }

         .h-max {
            height: -moz-max-content;
            height: max-content
         }

         .max-h-60 {
            max-height: 240px
         }

         .max-h-96 {
            max-height: 384px
         }

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

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

         .min-h-\[180px\] {
            min-height: 180px
         }

         .min-h-\[320px\] {
            min-height: 320px
         }

         .w-10 {
            width: 40px
         }

         .w-11 {
            width: 44px
         }

         .w-12 {
            width: 48px
         }

         .w-14 {
            width: 56px
         }

         .w-16 {
            width: 64px
         }

         .w-2 {
            width: 8px
         }

         .w-24 {
            width: 96px
         }

         .w-3 {
            width: 12px
         }

         .w-3\.5 {
            width: 14px
         }

         .w-36 {
            width: 144px
         }

         .w-4 {
            width: 16px
         }

         .w-44 {
            width: 176px
         }

         .w-5 {
            width: 20px
         }

         .w-52 {
            width: 208px
         }

         .w-6 {
            width: 24px
         }

         .w-64 {
            width: 256px
         }

         .w-7 {
            width: 28px
         }

         .w-8 {
            width: 32px
         }

         .w-9 {
            width: 36px
         }

         .w-\[0\%\] {
            width: 0
         }

         .w-\[800px\] {
            width: 800px
         }

         .w-full {
            width: 100%
         }

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

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

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

         .max-w-lg {
            max-width: 512px
         }

         .max-w-md {
            max-width: 448px
         }

         .max-w-sm {
            max-width: 384px
         }

         .max-w-xs {
            max-width: 320px
         }

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

         .flex-shrink-0,
         .shrink-0 {
            flex-shrink: 0
         }

         .table-auto {
            table-layout: auto
         }

         .origin-top-left {
            transform-origin: top left
         }

         .origin-top-right {
            transform-origin: top right
         }

         .-translate-x-1\/2 {
            --tw-translate-x: -50%
         }

         .-translate-x-1\/2,
         .-translate-x-full {
            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-full {
            --tw-translate-x: -100%
         }

         .-translate-y-1\/2 {
            --tw-translate-y: -50%
         }

         .-translate-y-1\/2,
         .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: 0
         }

         .translate-x-1\/2 {
            --tw-translate-x: 50%
         }

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

         .translate-x-5 {
            --tw-translate-x: 20px
         }

         .translate-y-0 {
            --tw-translate-y: 0
         }

         .translate-y-0,
         .translate-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))
         }

         .translate-y-1\/2 {
            --tw-translate-y: 50%
         }

         .translate-y-full {
            --tw-translate-y: 100%
         }

         .rotate-45,
         .translate-y-full {
            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))
         }

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

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

         @keyframes ping {

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

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

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

         .animate-pulse {
            animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
         }

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

         .animate-spin {
            animation: spin 1s linear infinite
         }

         .cursor-not-allowed {
            cursor: not-allowed
         }

         .cursor-pointer {
            cursor: pointer
         }

         .cursor-wait {
            cursor: wait
         }

         .list-inside {
            list-style-position: inside
         }

         .list-decimal {
            list-style-type: decimal
         }

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

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

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

         .flex-row-reverse {
            flex-direction: row-reverse
         }

         .flex-col {
            flex-direction: column
         }

         .place-items-center {
            place-items: center
         }

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

         .items-center {
            align-items: center
         }

         .items-baseline {
            align-items: baseline
         }

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

         .justify-center {
            justify-content: center
         }

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

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

         .gap-1 {
            gap: 4px
         }

         .gap-2 {
            gap: 8px
         }

         .gap-4 {
            gap: 16px
         }

         .gap-6 {
            gap: 24px
         }

         .gap-x-4 {
            -moz-column-gap: 16px;
            column-gap: 16px
         }

         .gap-y-6 {
            row-gap: 24px
         }

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

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

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

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

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

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

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

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

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

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

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

         .divide-y>:not([hidden])~:not([hidden]) {
            --tw-divide-y-reverse: 0;
            border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)));
            border-bottom-width: calc(1px*var(--tw-divide-y-reverse))
         }

         .divide-gray-100>:not([hidden])~:not([hidden]) {
            --tw-divide-opacity: 1;
            border-color: rgb(243 244 246/var(--tw-divide-opacity, 1))
         }

         .divide-gray-200>:not([hidden])~:not([hidden]) {
            --tw-divide-opacity: 1;
            border-color: rgb(229 231 235/var(--tw-divide-opacity, 1))
         }

         .self-center {
            align-self: center
         }

         .overflow-hidden {
            overflow: hidden
         }

         .overflow-x-auto {
            overflow-x: auto
         }

         .overflow-y-auto {
            overflow-y: auto
         }

         .overflow-y-hidden {
            overflow-y: hidden
         }

         .overflow-y-scroll {
            overflow-y: scroll
         }

         .truncate {
            overflow: hidden;
            text-overflow: ellipsis
         }

         .truncate,
         .whitespace-nowrap {
            white-space: nowrap
         }

         .rounded {
            border-radius: 4px
         }

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

         .rounded-lg {
            border-radius: 8px
         }

         .rounded-md {
            border-radius: 6px
         }

         .rounded-sm {
            border-radius: 2px
         }

         .rounded-l {
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px
         }

         .border {
            border-width: 1px
         }

         .border-b {
            border-bottom-width: 1px
         }

         .border-b-4 {
            border-bottom-width: 4px
         }

         .border-t {
            border-top-width: 1px
         }

         .border-solid {
            border-style: solid
         }

         .border-none {
            border-style: none
         }

         .border-brand {
            --tw-border-opacity: 1;
            border-color: rgb(188 32 144/var(--tw-border-opacity, 1))
         }

         .border-gray-100 {
            --tw-border-opacity: 1;
            border-color: rgb(243 244 246/var(--tw-border-opacity, 1))
         }

         .border-gray-100\/50 {
            border-color: rgba(243, 244, 246, .5)
         }

         .border-gray-200 {
            --tw-border-opacity: 1;
            border-color: rgb(229 231 235/var(--tw-border-opacity, 1))
         }

         .border-gray-200\/50 {
            border-color: rgba(229, 231, 235, .5)
         }

         .border-gray-300 {
            --tw-border-opacity: 1;
            border-color: rgb(209 213 219/var(--tw-border-opacity, 1))
         }

         .border-red-500 {
            --tw-border-opacity: 1;
            border-color: rgb(239 68 68/var(--tw-border-opacity, 1))
         }

         .border-red-600 {
            --tw-border-opacity: 1;
            border-color: rgb(220 38 38/var(--tw-border-opacity, 1))
         }

         .border-slate-100 {
            --tw-border-opacity: 1;
            border-color: rgb(241 245 249/var(--tw-border-opacity, 1))
         }

         .bg-\[\#232935\] {
            --tw-bg-opacity: 1;
            background-color: rgb(35 41 53/var(--tw-bg-opacity, 1))
         }

         .bg-\[\#F4F5FF\] {
            --tw-bg-opacity: 1;
            background-color: rgb(244 245 255/var(--tw-bg-opacity, 1))
         }

         .bg-\[\#d2e3fc\] {
            --tw-bg-opacity: 1;
            background-color: rgb(210 227 252/var(--tw-bg-opacity, 1))
         }

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

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

         .bg-blue-500 {
            --tw-bg-opacity: 1;
            background-color: rgb(59 130 246/var(--tw-bg-opacity, 1))
         }

         .bg-blue-600 {
            --tw-bg-opacity: 1;
            background-color: rgb(37 99 235/var(--tw-bg-opacity, 1))
         }

         .bg-brand {
            --tw-bg-opacity: 1;
            background-color: rgb(188 32 144/var(--tw-bg-opacity, 1))
         }

         .bg-brand\/10 {
            background-color: rgba(188, 32, 144, .1)
         }

         .bg-brand\/90 {
            background-color: rgba(188, 32, 144, .9)
         }

         .bg-gray-100 {
            --tw-bg-opacity: 1;
            background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
         }

         .bg-gray-200 {
            --tw-bg-opacity: 1;
            background-color: rgb(229 231 235/var(--tw-bg-opacity, 1))
         }

         .bg-gray-300 {
            --tw-bg-opacity: 1;
            background-color: rgb(209 213 219/var(--tw-bg-opacity, 1))
         }

         .bg-gray-50 {
            --tw-bg-opacity: 1;
            background-color: rgb(249 250 251/var(--tw-bg-opacity, 1))
         }

         .bg-gray-50\/10 {
            background-color: rgba(249, 250, 251, .1)
         }

         .bg-gray-50\/70 {
            background-color: rgba(249, 250, 251, .7)
         }

         .bg-gray-500 {
            --tw-bg-opacity: 1;
            background-color: rgb(107 114 128/var(--tw-bg-opacity, 1))
         }

         .bg-gray-600 {
            --tw-bg-opacity: 1;
            background-color: rgb(75 85 99/var(--tw-bg-opacity, 1))
         }

         .bg-gray-800 {
            --tw-bg-opacity: 1;
            background-color: rgb(31 41 55/var(--tw-bg-opacity, 1))
         }

         .bg-green-100 {
            --tw-bg-opacity: 1;
            background-color: rgb(220 252 231/var(--tw-bg-opacity, 1))
         }

         .bg-green-500 {
            --tw-bg-opacity: 1;
            background-color: rgb(34 197 94/var(--tw-bg-opacity, 1))
         }

         .bg-green-600 {
            --tw-bg-opacity: 1;
            background-color: rgb(22 163 74/var(--tw-bg-opacity, 1))
         }

         .bg-purple-100 {
            --tw-bg-opacity: 1;
            background-color: rgb(243 232 255/var(--tw-bg-opacity, 1))
         }

         .bg-red-100 {
            --tw-bg-opacity: 1;
            background-color: rgb(254 226 226/var(--tw-bg-opacity, 1))
         }

         .bg-red-500 {
            --tw-bg-opacity: 1;
            background-color: rgb(239 68 68/var(--tw-bg-opacity, 1))
         }

         .bg-stone-100 {
            --tw-bg-opacity: 1;
            background-color: rgb(245 245 244/var(--tw-bg-opacity, 1))
         }

         .bg-stone-300 {
            --tw-bg-opacity: 1;
            background-color: rgb(214 211 209/var(--tw-bg-opacity, 1))
         }

         .bg-transparent {
            background-color: transparent
         }

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

         .bg-white\/60 {
            background-color: hsla(0, 0%, 100%, .6)
         }

         .bg-white\/90 {
            background-color: hsla(0, 0%, 100%, .9)
         }

         .bg-zinc-100 {
            --tw-bg-opacity: 1;
            background-color: rgb(244 244 245/var(--tw-bg-opacity, 1))
         }

         .bg-opacity-10 {
            --tw-bg-opacity: 0.1
         }

         .bg-opacity-50 {
            --tw-bg-opacity: 0.5
         }

         .bg-opacity-70 {
            --tw-bg-opacity: 0.7
         }

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

         .from-white {
            --tw-gradient-from: #fff var(--tw-gradient-from-position);
            --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
         }

         .to-gray-700 {
            --tw-gradient-to: #374151 var(--tw-gradient-to-position)
         }

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

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

         .fill-brand {
            fill: #bc2090
         }

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

         .p-0 {
            padding: 0
         }

         .p-1\.5 {
            padding: 6px
         }

         .p-2 {
            padding: 8px
         }

         .p-4 {
            padding: 16px
         }

         .p-5 {
            padding: 20px
         }

         .p-6 {
            padding: 24px
         }

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

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

         .px-2 {
            padding-left: 8px;
            padding-right: 8px
         }

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

         .px-3 {
            padding-left: 12px;
            padding-right: 12px
         }

         .px-4 {
            padding-left: 16px;
            padding-right: 16px
         }

         .px-5 {
            padding-left: 20px;
            padding-right: 20px
         }

         .px-6 {
            padding-left: 24px;
            padding-right: 24px
         }

         .px-8 {
            padding-left: 32px;
            padding-right: 32px
         }

         .py-0\.5 {
            padding-top: 2px;
            padding-bottom: 2px
         }

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

         .py-1\.5 {
            padding-top: 6px;
            padding-bottom: 6px
         }

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

         .py-2\.5 {
            padding-top: 10px;
            padding-bottom: 10px
         }

         .py-3 {
            padding-top: 12px;
            padding-bottom: 12px
         }

         .py-4 {
            padding-top: 16px;
            padding-bottom: 16px
         }

         .py-6 {
            padding-top: 24px;
            padding-bottom: 24px
         }

         .py-\[2px\] {
            padding-top: 2px;
            padding-bottom: 2px
         }

         .pb-1 {
            padding-bottom: 4px
         }

         .pb-2 {
            padding-bottom: 8px
         }

         .pb-3 {
            padding-bottom: 12px
         }

         .pb-4 {
            padding-bottom: 16px
         }

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

         .pb-6 {
            padding-bottom: 24px
         }

         .pl-4 {
            padding-left: 16px
         }

         .pl-8 {
            padding-left: 32px
         }

         .pr-12 {
            padding-right: 48px
         }

         .pr-3 {
            padding-right: 12px
         }

         .pr-4 {
            padding-right: 16px
         }

         .pr-8 {
            padding-right: 32px
         }

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

         .pt-2 {
            padding-top: 8px
         }

         .pt-3 {
            padding-top: 12px
         }

         .pt-4 {
            padding-top: 16px
         }

         .pt-6 {
            padding-top: 24px
         }

         .text-left {
            text-align: left
         }

         .text-center {
            text-align: center
         }

         .text-right {
            text-align: right
         }

         .align-middle {
            vertical-align: middle
         }

         .\!font-google-sans {
            font-family: Google Sans, sans-serif !important
         }

         .\!font-sans {
            font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important
         }

         .font-google-sans {
            font-family: Google Sans, sans-serif
         }

         .font-inter {
            font-family: Inter, sans-serif
         }

         .font-poppins {
            font-family: Poppins, sans-serif
         }

         .font-sans {
            font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
         }

         .text-3xl {
            font-size: 30px;
            line-height: 36px
         }

         .text-5xl {
            font-size: 48px;
            line-height: 1
         }

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

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

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

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

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

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

         .text-base {
            font-size: 16px;
            line-height: 24px
         }

         .text-lg {
            font-size: 18px;
            line-height: 28px
         }

         .text-sm {
            font-size: 14px;
            line-height: 20px
         }

         .text-xl {
            font-size: 20px;
            line-height: 28px
         }

         .text-xs {
            font-size: 12px;
            line-height: 16px
         }

         .font-\[500\] {
            font-weight: 500
         }

         .font-black {
            font-weight: 900
         }

         .font-bold {
            font-weight: 700
         }

         .font-extrabold {
            font-weight: 800
         }

         .font-extralight {
            font-weight: 200
         }

         .font-light {
            font-weight: 300
         }

         .font-medium {
            font-weight: 500
         }

         .font-normal {
            font-weight: 400
         }

         .font-semibold {
            font-weight: 600
         }

         .font-thin {
            font-weight: 100
         }

         .uppercase {
            text-transform: uppercase
         }

         .tabular-nums {
            --tw-numeric-spacing: tabular-nums;
            font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
         }

         .leading-4 {
            line-height: 16px
         }

         .leading-none {
            line-height: 1
         }

         .leading-relaxed {
            line-height: 1.625
         }

         .leading-snug {
            line-height: 1.375
         }

         .leading-tight {
            line-height: 1.25
         }

         .tracking-\[0\.25px\] {
            letter-spacing: .25px
         }

         .tracking-tight {
            letter-spacing: -.025em
         }

         .tracking-tighter {
            letter-spacing: -.05em
         }

         .text-\[\#1a73e8\] {
            --tw-text-opacity: 1;
            color: rgb(26 115 232/var(--tw-text-opacity, 1))
         }

         .text-\[\#202124\] {
            --tw-text-opacity: 1;
            color: rgb(32 33 36/var(--tw-text-opacity, 1))
         }

         .text-\[\#232529\] {
            --tw-text-opacity: 1;
            color: rgb(35 37 41/var(--tw-text-opacity, 1))
         }

         .text-\[\#232935\] {
            --tw-text-opacity: 1;
            color: rgb(35 41 53/var(--tw-text-opacity, 1))
         }

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

         .text-blue-500 {
            --tw-text-opacity: 1;
            color: rgb(59 130 246/var(--tw-text-opacity, 1))
         }

         .text-blue-600 {
            --tw-text-opacity: 1;
            color: rgb(37 99 235/var(--tw-text-opacity, 1))
         }

         .text-brand {
            --tw-text-opacity: 1;
            color: rgb(188 32 144/var(--tw-text-opacity, 1))
         }

         .text-brandSecondary {
            --tw-text-opacity: 1;
            color: rgb(133 42 225/var(--tw-text-opacity, 1))
         }

         .text-gray-100 {
            --tw-text-opacity: 1;
            color: rgb(243 244 246/var(--tw-text-opacity, 1))
         }

         .text-gray-200 {
            --tw-text-opacity: 1;
            color: rgb(229 231 235/var(--tw-text-opacity, 1))
         }

         .text-gray-400 {
            --tw-text-opacity: 1;
            color: rgb(156 163 175/var(--tw-text-opacity, 1))
         }

         .text-gray-500 {
            --tw-text-opacity: 1;
            color: rgb(107 114 128/var(--tw-text-opacity, 1))
         }

         .text-gray-600 {
            --tw-text-opacity: 1;
            color: rgb(75 85 99/var(--tw-text-opacity, 1))
         }

         .text-gray-700 {
            --tw-text-opacity: 1;
            color: rgb(55 65 81/var(--tw-text-opacity, 1))
         }

         .text-gray-800 {
            --tw-text-opacity: 1;
            color: rgb(31 41 55/var(--tw-text-opacity, 1))
         }

         .text-gray-900 {
            --tw-text-opacity: 1;
            color: rgb(17 24 39/var(--tw-text-opacity, 1))
         }

         .text-green-500 {
            --tw-text-opacity: 1;
            color: rgb(34 197 94/var(--tw-text-opacity, 1))
         }

         .text-green-600 {
            --tw-text-opacity: 1;
            color: rgb(22 163 74/var(--tw-text-opacity, 1))
         }

         .text-green-700 {
            --tw-text-opacity: 1;
            color: rgb(21 128 61/var(--tw-text-opacity, 1))
         }

         .text-green-800 {
            --tw-text-opacity: 1;
            color: rgb(22 101 52/var(--tw-text-opacity, 1))
         }

         .text-red-500 {
            --tw-text-opacity: 1;
            color: rgb(239 68 68/var(--tw-text-opacity, 1))
         }

         .text-red-600 {
            --tw-text-opacity: 1;
            color: rgb(220 38 38/var(--tw-text-opacity, 1))
         }

         .text-stone-300 {
            --tw-text-opacity: 1;
            color: rgb(214 211 209/var(--tw-text-opacity, 1))
         }

         .text-stone-500 {
            --tw-text-opacity: 1;
            color: rgb(120 113 108/var(--tw-text-opacity, 1))
         }

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

         .text-zinc-400 {
            --tw-text-opacity: 1;
            color: rgb(161 161 170/var(--tw-text-opacity, 1))
         }

         .text-zinc-500 {
            --tw-text-opacity: 1;
            color: rgb(113 113 122/var(--tw-text-opacity, 1))
         }

         .text-zinc-700 {
            --tw-text-opacity: 1;
            color: rgb(63 63 70/var(--tw-text-opacity, 1))
         }

         .underline {
            text-decoration-line: underline
         }

         .line-through {
            text-decoration-line: line-through
         }

         .antialiased {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
         }

         .opacity-0 {
            opacity: 0
         }

         .opacity-100 {
            opacity: 1
         }

         .opacity-50 {
            opacity: .5
         }

         .opacity-60 {
            opacity: .6
         }

         .shadow {
            --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
            --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)
         }

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

         .shadow-sm {
            --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
            --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
         }

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

         .shadow-xl {
            --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
            --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color)
         }

         .shadow-gray-500\/40 {
            --tw-shadow-color: hsla(220, 9%, 46%, .4);
            --tw-shadow: var(--tw-shadow-colored)
         }

         .ring-1 {
            --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)
         }

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

         .ring-2 {
            --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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
         }

         .ring-inset {
            --tw-ring-inset: inset
         }

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

         .ring-blue-200 {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(191 219 254/var(--tw-ring-opacity, 1))
         }

         .ring-brand {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(188 32 144/var(--tw-ring-opacity, 1))
         }

         .ring-brand\/50 {
            --tw-ring-color: rgba(188, 32, 144, .5)
         }

         .ring-brand\/80 {
            --tw-ring-color: rgba(188, 32, 144, .8)
         }

         .ring-brandSecondary {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(133 42 225/var(--tw-ring-opacity, 1))
         }

         .ring-gray-200 {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(229 231 235/var(--tw-ring-opacity, 1))
         }

         .ring-gray-300 {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(209 213 219/var(--tw-ring-opacity, 1))
         }

         .ring-gray-600 {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(75 85 99/var(--tw-ring-opacity, 1))
         }

         .ring-stone-200\/80 {
            --tw-ring-color: hsla(20, 6%, 90%, .8)
         }

         .ring-opacity-10 {
            --tw-ring-opacity: 0.1
         }

         .ring-opacity-20 {
            --tw-ring-opacity: 0.2
         }

         .ring-opacity-5 {
            --tw-ring-opacity: 0.05
         }

         .ring-opacity-60 {
            --tw-ring-opacity: 0.6
         }

         .ring-offset-0 {
            --tw-ring-offset-width: 0px
         }

         .ring-offset-1 {
            --tw-ring-offset-width: 1px
         }

         .ring-offset-2 {
            --tw-ring-offset-width: 2px
         }

         .ring-offset-gray-50 {
            --tw-ring-offset-color: #f9fafb
         }

         .blur-sm {
            --tw-blur: blur(4px)
         }

         .blur-sm,
         .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)
         }

         .backdrop-blur {
            --tw-backdrop-blur: blur(8px)
         }

         .backdrop-blur,
         .backdrop-blur-md {
            -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)
         }

         .backdrop-blur-md {
            --tw-backdrop-blur: blur(12px)
         }

         .backdrop-blur-sm {
            --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)
         }

         .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-duration: .15s
         }

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

         .transition-colors {
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1);
            transition-duration: .15s
         }

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

         .duration-200 {
            transition-duration: .2s
         }

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

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

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

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

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

         .line-clamp-1 {
            -webkit-line-clamp: 1
         }

         .line-clamp-1,
         .line-clamp-2 {
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical
         }

         .line-clamp-2 {
            -webkit-line-clamp: 2
         }

         .after\:mr-4:after {
            content: var(--tw-content);
            margin-right: 16px
         }

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

         .hover\:scale-105:hover,
         .hover\:scale-\[1\.02\]: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-\[1\.02\]:hover {
            --tw-scale-x: 1.02;
            --tw-scale-y: 1.02
         }

         .hover\:border-brand:hover {
            --tw-border-opacity: 1;
            border-color: rgb(188 32 144/var(--tw-border-opacity, 1))
         }

         .hover\:bg-\[\#1967d2\]\/30:hover {
            background-color: rgba(25, 103, 210, .3)
         }

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

         .hover\:bg-blue-600:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(37 99 235/var(--tw-bg-opacity, 1))
         }

         .hover\:bg-blue-700:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(29 78 216/var(--tw-bg-opacity, 1))
         }

         .hover\:bg-brand:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(188 32 144/var(--tw-bg-opacity, 1))
         }

         .hover\:bg-brand\/80:hover {
            background-color: rgba(188, 32, 144, .8)
         }

         .hover\:bg-brand\/90:hover {
            background-color: rgba(188, 32, 144, .9)
         }

         .hover\:bg-brand\/95:hover {
            background-color: rgba(188, 32, 144, .95)
         }

         .hover\:bg-brandSecondary\/90:hover {
            background-color: rgba(133, 42, 225, .9)
         }

         .hover\:bg-gray-100:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
         }

         .hover\:bg-gray-200:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(229 231 235/var(--tw-bg-opacity, 1))
         }

         .hover\:bg-gray-50:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(249 250 251/var(--tw-bg-opacity, 1))
         }

         .hover\:bg-gray-50\/30:hover {
            background-color: rgba(249, 250, 251, .3)
         }

         .hover\:bg-purple-700:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(126 34 206/var(--tw-bg-opacity, 1))
         }

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

         .hover\:bg-white\/95:hover {
            background-color: hsla(0, 0%, 100%, .95)
         }

         .hover\:bg-opacity-80:hover {
            --tw-bg-opacity: 0.8
         }

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

         .hover\:text-brand:hover {
            --tw-text-opacity: 1;
            color: rgb(188 32 144/var(--tw-text-opacity, 1))
         }

         .hover\:text-gray-600:hover {
            --tw-text-opacity: 1;
            color: rgb(75 85 99/var(--tw-text-opacity, 1))
         }

         .hover\:text-gray-700:hover {
            --tw-text-opacity: 1;
            color: rgb(55 65 81/var(--tw-text-opacity, 1))
         }

         .hover\:text-gray-800:hover {
            --tw-text-opacity: 1;
            color: rgb(31 41 55/var(--tw-text-opacity, 1))
         }

         .hover\:text-red-500:hover {
            --tw-text-opacity: 1;
            color: rgb(239 68 68/var(--tw-text-opacity, 1))
         }

         .hover\:text-stone-700:hover {
            --tw-text-opacity: 1;
            color: rgb(68 64 60/var(--tw-text-opacity, 1))
         }

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

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

         .hover\:shadow:hover {
            --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
            --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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\:ring-brand:hover {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(188 32 144/var(--tw-ring-opacity, 1))
         }

         .focus\:border-brand:focus {
            --tw-border-opacity: 1;
            border-color: rgb(188 32 144/var(--tw-border-opacity, 1))
         }

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

         .focus\:ring-1:focus {
            --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)
         }

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

         .focus\:ring-2:focus {
            --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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
         }

         .focus\:ring-\[\#1967d2\]:focus {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(25 103 210/var(--tw-ring-opacity, 1))
         }

         .focus\:ring-blue-600\/50:focus {
            --tw-ring-color: rgba(37, 99, 235, .5)
         }

         .focus\:ring-brand:focus {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(188 32 144/var(--tw-ring-opacity, 1))
         }

         .focus\:ring-brandSecondary:focus {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(133 42 225/var(--tw-ring-opacity, 1))
         }

         .focus\:ring-opacity-80:focus {
            --tw-ring-opacity: 0.8
         }

         .focus\:ring-offset-1:focus {
            --tw-ring-offset-width: 1px
         }

         .focus\:ring-offset-2:focus {
            --tw-ring-offset-width: 2px
         }

         .focus\:ring-offset-white:focus {
            --tw-ring-offset-color: #fff
         }

         .focus-visible\:border-brand:focus-visible {
            --tw-border-opacity: 1;
            border-color: rgb(188 32 144/var(--tw-border-opacity, 1))
         }

         .focus-visible\:ring-1:focus-visible {
            --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, 0 0 #0000)
         }

         .focus-visible\:ring-2:focus-visible {
            --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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
         }

         .focus-visible\:ring-black\/60:focus-visible {
            --tw-ring-color: rgba(0, 0, 0, .6)
         }

         .focus-visible\:ring-brand:focus-visible {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(188 32 144/var(--tw-ring-opacity, 1))
         }

         .focus-visible\:ring-opacity-60:focus-visible {
            --tw-ring-opacity: 0.6
         }

         .focus-visible\:ring-offset-2:focus-visible {
            --tw-ring-offset-width: 2px
         }

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

         .disabled\:cursor-not-allowed:disabled {
            cursor: not-allowed
         }

         .disabled\:cursor-wait:disabled {
            cursor: wait
         }

         .disabled\:opacity-50:disabled {
            opacity: .5
         }

         .disabled\:grayscale:disabled {
            --tw-grayscale: grayscale(100%);
            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)
         }

         .group:hover .group-hover\:text-gray-700 {
            --tw-text-opacity: 1;
            color: rgb(55 65 81/var(--tw-text-opacity, 1))
         }

         @media (min-width:640px) {
            .sm\:ml-3 {
               margin-left: 12px
            }

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

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

         @media (prefers-color-scheme:dark) {
            .dark\:text-gray-600 {
               --tw-text-opacity: 1;
               color: rgb(75 85 99/var(--tw-text-opacity, 1))
            }
         }
      


         div.grammarly-desktop-integration {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border: 0;
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
            user-select: none;
         }

         div.grammarly-desktop-integration:before {
            content: attr(data-content);
         }