@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&display=swap";
                   @import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap";
                   @import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";

                   html {
                       box-sizing: border-box;
                       text-size-adjust: 100%;
                       word-break: normal;
                       tab-size: 4
                   }

                   *,
                   :before,
                   :after {
                       background-repeat: no-repeat;
                       box-sizing: border-box
                   }

                   :before,
                   :after {
                       text-decoration: inherit;
                       vertical-align: inherit
                   }

                   * {
                       padding: 0;
                       margin: 0
                   }
   /* button container */
    .cta-wrapper-common-btn {
        margin-top: 10px;
        text-align: center;
        width: 100%;
    }

    /* button */
    .cta-common-btn {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 500px;
        height: 60px;
        padding: 12px 24px;
        background: #009ade;
        color: #fff;
        text-decoration: none;
        font-size: 20px;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 4px;
        border: 1px solid #e5e5e5;
        transition: 0.2s;
    }

    /* hover effect */
    .cta-common-btn:hover {
        background: #0f7fb0;
    }
                   hr {
                       overflow: visible;
                       height: 0;
                       color: inherit;
                       border: 0;
                       border-top: 1px solid
                   }

                   details,
                   main {
                       display: block
                   }

                   summary {
                       display: list-item
                   }

                   small {
                       font-size: 80%
                   }

                   [hidden] {
                       display: none !important
                   }

                   abbr[title] {
                       border-bottom: none;
                       text-decoration: underline;
                       text-decoration: underline dotted
                   }

                   a {
                       background-color: transparent
                   }

                   a:active,
                   a:hover {
                       outline-width: 0
                   }

                   code,
                   kbd,
                   pre,
                   samp {
                       font-family: monospace
                   }

                   pre {
                       font-size: 1em
                   }

                   b,
                   strong {
                       font-weight: bolder
                   }

                   sub,
                   sup {
                       font-size: 75%;
                       line-height: 0;
                       position: relative;
                       vertical-align: baseline
                   }

                   sub {
                       bottom: -.25em
                   }

                   sup {
                       top: -.5em
                   }

                   table {
                       border-color: inherit;
                       text-indent: 0
                   }

                   iframe {
                       border-style: none
                   }

                   input {
                       border-radius: 0
                   }

                   [type=number]::-webkit-inner-spin-button,
                   [type=number]::-webkit-outer-spin-button {
                       height: auto
                   }

                   [type=search] {
                       appearance: textfield;
                       outline-offset: -2px
                   }

                   [type=search]::-webkit-search-decoration {
                       appearance: none
                   }

                   textarea {
                       overflow: auto;
                       resize: vertical
                   }

                   button,
                   input,
                   optgroup,
                   select,
                   textarea {
                       font: inherit;
                       color: inherit
                   }

                   optgroup {
                       font-weight: 700
                   }

                   button {
                       overflow: visible
                   }

                   button,
                   select {
                       text-transform: none
                   }

                   button,
                   [type=button],
                   [type=reset],
                   [type=submit],
                   [role=button] {
                       cursor: pointer
                   }

                   button::-moz-focus-inner,
                   [type=button]::-moz-focus-inner,
                   [type=reset]::-moz-focus-inner,
                   [type=submit]::-moz-focus-inner {
                       border-style: none;
                       padding: 0
                   }

                   button,
                   html [type=button],
                   [type=reset],
                   [type=submit] {
                       appearance: auto
                   }

                   button,
                   input,
                   select,
                   textarea {
                       background-color: transparent;
                       border-style: none
                   }

                   button:-moz-focusring,
                   [type=button]::-moz-focus-inner,
                   [type=reset]::-moz-focus-inner,
                   [type=submit]::-moz-focus-inner {
                       outline: 1px dotted ButtonText
                   }

                   select {
                       appearance: none
                   }

                   a:focus,
                   button:focus,
                   input:focus,
                   select:focus,
                   textarea:focus {
                       outline-width: 0
                   }

                   select::-ms-expand {
                       display: none
                   }

                   select::-ms-value {
                       color: currentcolor
                   }

                   legend {
                       border: 0;
                       color: inherit;
                       display: table;
                       white-space: normal;
                       max-width: 100%
                   }

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

                   [disabled] {
                       cursor: default
                   }

                   img {
                       border-style: none
                   }

                   progress {
                       vertical-align: baseline
                   }

                   [aria-busy=true] {
                       cursor: progress
                   }

                   [aria-controls] {
                       cursor: pointer
                   }

                   [aria-disabled=true] {
                       cursor: default
                   }

                   ul,
                   ol {
                       list-style-type: none
                   }

                   figure {
                       margin: 0
                   }

                   @keyframes slide-in {
                       0% {
                           opacity: 0;
                           transform: translateY(16px)
                       }

                       to {
                           opacity: 1;
                           transform: translateY(0)
                       }
                   }

                   .gradient-blue {
                       background: radial-gradient(106.41% 128.47% at 50.15% 128.47%, #23abff, #3066ff)
                   }

                   .gradient-green {
                       background: radial-gradient(92.26% 118.88% at 50.15% .13%, #00c3c3, #00aab3)
                   }

                   .gradient-purple {
                       background: radial-gradient(165.12% 115.56% at 50.15% .13%, #a15aff, #00a0eb)
                   }

                   .bg-blue {
                       background-color: #f2f5ff
                   }

                   .bg-purple {
                       background-color: #f7f0ff
                   }

                   .bg-green {
                       background-color: #ebffed
                   }

                   .lock-screen {
                       font-family: FigtreeVF, sans-serif;
                       letter-spacing: normal;
                       position: fixed;
                       z-index: 2147483638;
                       right: 24px;
                       bottom: 24px;
                       width: 327px;
                       border-radius: 24px;
                       overflow: hidden;
                       box-shadow: 0 24px 32px #00000014;
                       animation: slide-in .3s ease-in-out forwards
                   }

                   .lock-screen__content {
                       position: relative;
                       padding: 24px 24px 64px
                   }

                   .lock-screen__close {
                       position: absolute;
                       top: 16px;
                       right: 16px;
                       width: 24px;
                       height: 24px;
                       display: flex;
                       align-items: center;
                       justify-content: center;
                       opacity: .5
                   }

                   .lock-screen__label {
                       height: 26px;
                       width: fit-content;
                       border-radius: 50px;
                       background-color: #fff3;
                       padding-inline: 16px;
                       display: flex;
                       align-items: center;
                       justify-content: center;
                       gap: 8px;
                       color: #fff;
                       font-size: 12px;
                       line-height: 18px;
                       margin: -8px auto 16px
                   }

                   .lock-screen__title {
                       color: #fff;
                       text-align: center;
                       font-size: 20px;
                       line-height: 28px;
                       font-weight: 600;
                       margin-bottom: 8px
                   }

                   .lock-screen__description {
                       color: #f5f6f7;
                       text-align: center;
                       font-size: 14px;
                       line-height: 20px
                   }

                   .lock-screen__description b {
                       font-weight: 600
                   }

                   .lock-screen__card {
                       position: relative;
                       z-index: 1;
                       margin-top: -44px;
                       background-color: #fff;
                       border-radius: 24px;
                       padding: 32px 20px 20px
                   }

                   .lock-screen__inner {
                       margin-bottom: 24px
                   }

                   .lock-screen__submit {
                       display: flex;
                       align-items: center;
                       justify-content: center;
                       gap: 10px;
                       font-weight: 700;
                       font-size: 16px;
                       height: 40px;
                       width: 100%;
                       border-radius: 12px;
                       padding-inline: 16px;
                       background-color: #f70;
                       color: #fff;
                       margin-bottom: 16px
                   }

                   .lock-screen__skip {
                       display: flex;
                       align-items: center;
                       justify-content: center;
                       font-size: 14px;
                       line-height: 20px;
                       color: #82829c;
                       margin-inline: auto
                   }

                   .price-card {
                       border: 1px solid #f2f2fc;
                       background: linear-gradient(254.14deg, #fafbff .04%, #f5f8ff 100.04%);
                       border-radius: 24px;
                       padding: 24px 28px
                   }

                   .price-card__label {
                       color: #4a5764;
                       text-align: center;
                       font-size: 14px;
                       line-height: 20px;
                       text-transform: uppercase;
                       margin-bottom: 16px
                   }

                   .price-card__price {
                       display: flex;
                       justify-content: center;
                       align-items: flex-start;
                       column-gap: 2px;
                       margin-bottom: 12px
                   }

                   .price-card__currency {
                       color: #515478;
                       font-size: 18px;
                       line-height: 28px
                   }

                   .price-card__number {
                       color: #14142a;
                       text-align: center;
                       font-size: 64px;
                       line-height: 54px
                   }

                   .price-card__wrap {
                       display: flex;
                       flex-direction: column
                   }

                   .price-card__decimal {
                       color: #515478;
                       font-size: 18px;
                       line-height: 28px;
                       font-weight: 600
                   }

                   .price-card__period {
                       color: #515478;
                       font-size: 14px;
                       line-height: 20px;
                       margin-top: -6px
                   }

                   .price-card__discount {
                       position: relative;
                       display: flex;
                       align-items: center;
                       justify-content: center;
                       margin-bottom: 12px
                   }

                   .price-card__discount-divider {
                       position: absolute;
                       z-index: 0;
                       top: 50%;
                       left: 0;
                       width: 100%;
                       height: 1px;
                       background-color: #dbe2f9;
                       transform: translateY(-50%)
                   }

                   .price-card__discount-icon {
                       position: absolute;
                       z-index: 1;
                       top: 50%;
                       left: 50%;
                       transform: translate(-50%, -50%)
                   }

                   .price-card__discount-text {
                       position: relative;
                       z-index: 2;
                       color: #fff;
                       font-size: 12px;
                       font-weight: 600;
                       line-height: 18px
                   }

                   .price-card__features {
                       display: flex;
                       align-items: center;
                       justify-content: center;
                       column-gap: 16px
                   }

                   .price-card__feature {
                       color: #222e3a;
                       font-size: 14px;
                       line-height: 20px;
                       display: flex;
                       align-items: center;
                       gap: 6px
                   }

                   .price-card__feature:before {
                       content: "";
                       display: block;
                       width: 4px;
                       height: 4px;
                       background-color: #20df9e;
                       border-radius: 50%;
                       flex-shrink: 0
                   }

                   .features-list {
                       display: grid;
                       grid-template-columns: repeat(3, 1fr);
                       gap: 12px
                   }

                   .features-list__item {
                       display: flex;
                       flex-direction: column;
                       align-items: center;
                       gap: 6px
                   }

                   .features-list__icon {
                       width: 52px;
                       height: 52px;
                       border-radius: 12px;
                       display: flex;
                       align-items: center;
                       justify-content: center
                   }

                   .features-list__text {
                       color: #293a53;
                       text-align: center;
                       font-size: 16px;
                       line-height: 24px;
                       letter-spacing: -.1px
                   }


                   *,
                   :before,
                   :after,
                   ::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: #3b82f680;
                       --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:
                   }

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

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

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

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

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

                   abbr:where([title]) {
                       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,
                   samp,
                   pre {
                       font-feature-settings: normal;
                       font-variation-settings: normal;
                       font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
                       font-size: 1em
                   }

                   small {
                       font-size: 80%
                   }

                   sub,
                   sup {
                       vertical-align: baseline;
                       font-size: 75%;
                       line-height: 0;
                       position: relative
                   }

                   sub {
                       bottom: -.25em
                   }

                   sup {
                       top: -.5em
                   }

                   table {
                       text-indent: 0;
                       border-color: inherit;
                       border-collapse: collapse
                   }

                   button,
                   input,
                   optgroup,
                   select,
                   textarea {
                       font-feature-settings: inherit;
                       font-variation-settings: inherit;
                       font-family: 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: #0000;
                       background-image: none
                   }

                   :-moz-focusring {
                       outline: auto
                   }

                   :-moz-ui-invalid {
                       box-shadow: none
                   }

                   progress {
                       vertical-align: baseline
                   }

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

                   ::-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,
                   dl,
                   dd,
                   h1,
                   h2,
                   h3,
                   h4,
                   h5,
                   h6,
                   hr,
                   figure,
                   p,
                   pre {
                       margin: 0
                   }

                   fieldset {
                       margin: 0;
                       padding: 0
                   }

                   legend {
                       padding: 0
                   }

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

                   dialog {
                       padding: 0
                   }

                   textarea {
                       resize: vertical
                   }

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

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

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

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

                   :disabled {
                       cursor: default
                   }

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

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

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

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

                   .container {
                       width: 100%
                   }

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

                       .container {
                           max-width: 640px
                       }
                   }

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

                       .container {
                           max-width: 768px
                       }
                   }

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

                       .container {
                           max-width: 1024px
                       }
                   }

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

                       .container {
                           max-width: 1280px
                       }
                   }

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

                       .container {
                           max-width: 1536px
                       }
                   }

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

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

                   .visible {
                       visibility: visible
                   }

                   .collapse {
                       visibility: collapse
                   }

                   .static {
                       position: static
                   }

                   .fixed {
                       position: fixed
                   }

                   .absolute {
                       position: absolute
                   }

                   .relative {
                       position: relative
                   }

                   .inset-0 {
                       inset: 0
                   }

                   .-left-5 {
                       left: -1.25rem
                   }

                   .-right-3 {
                       right: -.75rem
                   }

                   .-top-16 {
                       top: -4rem
                   }

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

                   .-top-6 {
                       top: -1.5rem
                   }

                   .-top-8 {
                       top: -2rem
                   }

                   .-top-9 {
                       top: -2.25rem
                   }

                   .bottom-0 {
                       bottom: 0
                   }

                   .left-0 {
                       left: 0
                   }

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

                   .left-12 {
                       left: 3rem
                   }

                   .left-\[32px\] {
                       left: 32px
                   }

                   .right-0 {
                       right: 0
                   }

                   .right-4 {
                       right: 1rem
                   }

                   .right-\[15px\] {
                       right: 15px
                   }

                   .right-\[21px\] {
                       right: 21px
                   }

                   .right-\[39px\] {
                       right: 39px
                   }

                   .top-0 {
                       top: 0
                   }

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

                   .top-4 {
                       top: 1rem
                   }

                   .top-40 {
                       top: 10rem
                   }

                   .top-8 {
                       top: 2rem
                   }

                   .top-\[120px\] {
                       top: 120px
                   }

                   .top-\[127px\] {
                       top: 127px
                   }

                   .top-\[13px\] {
                       top: 13px
                   }

                   .top-\[23px\] {
                       top: 23px
                   }

                   .top-\[250px\] {
                       top: 250px
                   }

                   .top-\[47px\] {
                       top: 47px
                   }

                   .top-auto {
                       top: auto
                   }

                   .z-0 {
                       z-index: 0
                   }

                   .z-10 {
                       z-index: 10
                   }

                   .z-20 {
                       z-index: 20
                   }

                   .z-50 {
                       z-index: 50
                   }

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

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

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

                   .m-0 {
                       margin: 0
                   }

                   .m-1 {
                       margin: .25rem
                   }

                   .m-2 {
                       margin: .5rem
                   }

                   .m-3 {
                       margin: .75rem
                   }

                   .m-4 {
                       margin: 1rem
                   }

                   .m-auto {
                       margin: auto
                   }

                   .-mx-4 {
                       margin-left: -1rem;
                       margin-right: -1rem
                   }

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

                   .mx-4 {
                       margin-left: 1rem;
                       margin-right: 1rem
                   }

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

                   .my-0 {
                       margin-top: 0;
                       margin-bottom: 0
                   }

                   .my-1 {
                       margin-top: .25rem;
                       margin-bottom: .25rem
                   }

                   .my-10 {
                       margin-top: 2.5rem;
                       margin-bottom: 2.5rem
                   }

                   .my-12 {
                       margin-top: 3rem;
                       margin-bottom: 3rem
                   }

                   .my-16 {
                       margin-top: 4rem;
                       margin-bottom: 4rem
                   }

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

                   .my-2\.5 {
                       margin-top: .625rem;
                       margin-bottom: .625rem
                   }

                   .my-3 {
                       margin-top: .75rem;
                       margin-bottom: .75rem
                   }

                   .my-4 {
                       margin-top: 1rem;
                       margin-bottom: 1rem
                   }

                   .my-5 {
                       margin-top: 1.25rem;
                       margin-bottom: 1.25rem
                   }

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

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

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

                   .mb-0 {
                       margin-bottom: 0
                   }

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

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

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

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

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

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

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

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

                   .mb-6 {
                       margin-bottom: 1.5rem
                   }

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

                   .ml-1 {
                       margin-left: .25rem
                   }

                   .ml-2 {
                       margin-left: .5rem
                   }

                   .ml-3 {
                       margin-left: .75rem
                   }

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

                   .ml-5 {
                       margin-left: 1.25rem
                   }

                   .ml-\[-1rem\] {
                       margin-left: -1rem
                   }

                   .ml-auto {
                       margin-left: auto
                   }

                   .mr-0 {
                       margin-right: 0
                   }

                   .mr-1 {
                       margin-right: .25rem
                   }

                   .mr-2 {
                       margin-right: .5rem
                   }

                   .mr-3 {
                       margin-right: .75rem
                   }

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

                   .mr-\[-1rem\] {
                       margin-right: -1rem
                   }

                   .ms-3 {
                       margin-inline-start: .75rem
                   }

                   .mt-0 {
                       margin-top: 0
                   }

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

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

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

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

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

                   .mt-3 {
                       margin-top: .75rem
                   }

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

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

                   .mt-6 {
                       margin-top: 1.5rem
                   }

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

                   .mt-\[-1rem\] {
                       margin-top: -1rem
                   }

                   .block {
                       display: block
                   }

                   .inline-block {
                       display: inline-block
                   }

                   .inline {
                       display: inline
                   }

                   .flex {
                       display: flex
                   }

                   .inline-flex {
                       display: inline-flex
                   }

                   .grid {
                       display: grid
                   }

                   .contents {
                       display: contents
                   }

                   .hidden {
                       display: none
                   }

                   .aspect-square {
                       aspect-ratio: 1
                   }

                   .h-10 {
                       height: 2.5rem
                   }

                   .h-14 {
                       height: 3.5rem
                   }

                   .h-16 {
                       height: 4rem
                   }

                   .h-2 {
                       height: .5rem
                   }

                   .h-3 {
                       height: .75rem
                   }

                   .h-4 {
                       height: 1rem
                   }

                   .h-5 {
                       height: 1.25rem
                   }

                   .h-6 {
                       height: 1.5rem
                   }

                   .h-8 {
                       height: 2rem
                   }

                   .h-9 {
                       height: 2.25rem
                   }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

                   .h-auto {
                       height: auto
                   }

                   .h-full {
                       height: 100%
                   }

                   .h-screen {
                       height: 100vh
                   }

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

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

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

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

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

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

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

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

                   .max-h-fit {
                       max-height: fit-content
                   }

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

                   .min-h-0 {
                       min-height: 0
                   }

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

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

                   .w-10 {
                       width: 2.5rem
                   }

                   .w-11\/12 {
                       width: 91.6667%
                   }

                   .w-12 {
                       width: 3rem
                   }

                   .w-14 {
                       width: 3.5rem
                   }

                   .w-16 {
                       width: 4rem
                   }

                   .w-3 {
                       width: .75rem
                   }

                   .w-4 {
                       width: 1rem
                   }

                   .w-5 {
                       width: 1.25rem
                   }

                   .w-6 {
                       width: 1.5rem
                   }

                   .w-8 {
                       width: 2rem
                   }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

                   .w-\[calc\(100\%-19px\)\] {
                       width: calc(100% - 19px)
                   }

                   .w-auto {
                       width: auto
                   }

                   .w-fit {
                       width: fit-content
                   }

                   .w-full {
                       width: 100%
                   }

                   .w-min {
                       width: min-content
                   }

                   .min-w-48 {
                       min-width: 12rem
                   }

                   .min-w-5 {
                       min-width: 1.25rem
                   }

                   .min-w-\[138px\] {
                       min-width: 138px
                   }

                   .min-w-\[160px\] {
                       min-width: 160px
                   }

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

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

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

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

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

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

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

                   .max-w-xl {
                       max-width: 36rem
                   }

                   .flex-1 {
                       flex: 1
                   }

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

                   .flex-grow {
                       flex-grow: 1
                   }

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

                   .-translate-y-16 {
                       --tw-translate-y: -4rem;
                       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-2 {
                       --tw-translate-y: -.5rem;
                       transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
                   }

                   .-translate-y-6 {
                       --tw-translate-y: -1.5rem;
                       transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
                   }

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

                   .translate-x-0\.5 {
                       --tw-translate-x: .125rem;
                       transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
                   }

                   .translate-x-3 {
                       --tw-translate-x: .75rem;
                       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-8 {
                       --tw-translate-x: 2rem;
                       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\.6rem\] {
                       --tw-translate-x: .6rem;
                       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-2 {
                       --tw-translate-y: .5rem;
                       transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
                   }

                   .translate-y-\[23px\] {
                       --tw-translate-y: 23px;
                       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-180 {
                       --tw-rotate: 180deg;
                       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-100 {
                       --tw-scale-x: 1;
                       --tw-scale-y: 1;
                       transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
                   }

                   .scale-95 {
                       --tw-scale-x: .95;
                       --tw-scale-y: .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))
                   }

                   .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 pulse {
                       50% {
                           opacity: .5
                       }
                   }

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

                   .cursor-default {
                       cursor: default
                   }

                   .cursor-grab {
                       cursor: grab
                   }

                   .cursor-grabbing {
                       cursor: grabbing
                   }

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

                   .cursor-pointer {
                       cursor: pointer
                   }

                   .select-none {
                       user-select: none
                   }

                   .resize {
                       resize: both
                   }

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

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

                   .flex-row {
                       flex-direction: row
                   }

                   .flex-col {
                       flex-direction: column
                   }

                   .flex-wrap {
                       flex-wrap: wrap
                   }

                   .flex-nowrap {
                       flex-wrap: nowrap
                   }

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

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

                   .items-center {
                       align-items: center
                   }

                   .items-baseline {
                       align-items: baseline
                   }

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

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

                   .justify-center {
                       justify-content: center
                   }

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

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

                   .gap-0 {
                       gap: 0
                   }

                   .gap-1 {
                       gap: .25rem
                   }

                   .gap-2 {
                       gap: .5rem
                   }

                   .gap-3 {
                       gap: .75rem
                   }

                   .gap-4 {
                       gap: 1rem
                   }

                   .gap-\[10px\] {
                       gap: 10px
                   }

                   .gap-x-1 {
                       -moz-column-gap: .25rem;
                       column-gap: .25rem
                   }

                   .gap-x-2 {
                       -moz-column-gap: .5rem;
                       column-gap: .5rem
                   }

                   .gap-x-3 {
                       -moz-column-gap: .75rem;
                       column-gap: .75rem
                   }

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

                   .gap-y-3 {
                       row-gap: .75rem
                   }

                   .gap-y-4 {
                       row-gap: 1rem
                   }

                   .gap-y-5 {
                       row-gap: 1.25rem
                   }

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

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

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

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

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

                   .divide-y>:not([hidden])~:not([hidden]) {
                       --tw-divide-y-reverse: 0;
                       border-top-width: calc(1px*calc(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))
                   }

                   .overflow-auto {
                       overflow: auto
                   }

                   .overflow-hidden {
                       overflow: hidden
                   }

                   .overflow-visible {
                       overflow: visible
                   }

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

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

                   .overflow-x-hidden {
                       overflow-x: hidden
                   }

                   .overflow-x-scroll {
                       overflow-x: scroll
                   }

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

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

                   .whitespace-normal {
                       white-space: normal
                   }

                   .whitespace-nowrap {
                       white-space: nowrap
                   }

                   .whitespace-pre-line {
                       white-space: pre-line
                   }

                   .whitespace-pre-wrap {
                       white-space: pre-wrap
                   }

                   .break-words {
                       overflow-wrap: break-word
                   }

                   .rounded {
                       border-radius: .25rem
                   }

                   .rounded-\[3px\] {
                       border-radius: 3px
                   }

                   .rounded-\[4px\] {
                       border-radius: 4px
                   }

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

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

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

                   .rounded-sm {
                       border-radius: .125rem
                   }

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

                   .rounded-b-lg {
                       border-bottom-right-radius: .5rem;
                       border-bottom-left-radius: .5rem
                   }

                   .rounded-b-xl {
                       border-bottom-right-radius: .75rem;
                       border-bottom-left-radius: .75rem
                   }

                   .rounded-t-lg {
                       border-top-left-radius: .5rem;
                       border-top-right-radius: .5rem
                   }

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

                   .border {
                       border-width: 1px
                   }

                   .border-y {
                       border-top-width: 1px;
                       border-bottom-width: 1px
                   }

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

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

                   .border-dashed {
                       border-style: dashed
                   }

                   .border-none {
                       border-style: none
                   }

                   .border-black\/10 {
                       border-color: #0000001a
                   }

                   .border-black\/15 {
                       border-color: #00000026
                   }

                   .border-black\/20 {
                       border-color: #0003
                   }

                   .border-black\/25 {
                       border-color: #00000040
                   }

                   .border-black\/8 {
                       border-color: #00000014
                   }

                   .border-black\/\[0\.16\] {
                       border-color: #00000029
                   }

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

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

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

                   .border-peeper-purple {
                       --tw-border-opacity: 1;
                       border-color: rgb(93 45 230/var(--tw-border-opacity, 1))
                   }

                   .border-red-200 {
                       --tw-border-opacity: 1;
                       border-color: rgb(254 202 202/var(--tw-border-opacity, 1))
                   }

                   .border-surface-gray {
                       --tw-border-opacity: 1;
                       border-color: rgb(245 245 245/var(--tw-border-opacity, 1))
                   }

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

                   .border-white\/10 {
                       border-color: #ffffff1a
                   }

                   .border-white\/15 {
                       border-color: #ffffff26
                   }

                   .border-white\/20 {
                       border-color: #fff3
                   }

                   .border-white\/25 {
                       border-color: #ffffff40
                   }

                   .border-white\/8 {
                       border-color: #ffffff14
                   }

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

                   .border-t-white\/15 {
                       border-top-color: #ffffff26
                   }

                   .bg-\[\#05381A\] {
                       --tw-bg-opacity: 1;
                       background-color: rgb(5 56 26/var(--tw-bg-opacity, 1))
                   }

                   .bg-\[\#580808\] {
                       --tw-bg-opacity: 1;
                       background-color: rgb(88 8 8/var(--tw-bg-opacity, 1))
                   }

                   .bg-\[\#C5F1D8\] {
                       --tw-bg-opacity: 1;
                       background-color: rgb(197 241 216/var(--tw-bg-opacity, 1))
                   }

                   .bg-\[\#C7C7C7\] {
                       --tw-bg-opacity: 1;
                       background-color: rgb(199 199 199/var(--tw-bg-opacity, 1))
                   }

                   .bg-\[\#EBEBEB\] {
                       --tw-bg-opacity: 1;
                       background-color: rgb(235 235 235/var(--tw-bg-opacity, 1))
                   }

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

                   .bg-active-tab {
                       background-color: #5d2de614
                   }

                   .bg-active-tab-hover {
                       background-color: #5d2de629
                   }

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

                   .bg-black\/10 {
                       background-color: #0000001a
                   }

                   .bg-black\/25 {
                       background-color: #00000040
                   }

                   .bg-black\/30 {
                       background-color: #0000004d
                   }

                   .bg-black\/40 {
                       background-color: #0006
                   }

                   .bg-black\/5 {
                       background-color: #0000000d
                   }

                   .bg-black\/60 {
                       background-color: #0009
                   }

                   .bg-black\/8 {
                       background-color: #00000014
                   }

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

                   .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-peeper-dark-gray {
                       --tw-bg-opacity: 1;
                       background-color: rgb(38 38 38/var(--tw-bg-opacity, 1))
                   }

                   .bg-peeper-dark-pink\/15 {
                       background-color: #fb3aa226
                   }

                   .bg-peeper-dark-pink\/25 {
                       background-color: #fb3aa240
                   }

                   .bg-peeper-gray {
                       --tw-bg-opacity: 1;
                       background-color: rgb(102 102 102/var(--tw-bg-opacity, 1))
                   }

                   .bg-peeper-green {
                       --tw-bg-opacity: 1;
                       background-color: rgb(5 56 26/var(--tw-bg-opacity, 1))
                   }

                   .bg-peeper-light-green {
                       --tw-bg-opacity: 1;
                       background-color: rgb(211 248 225/var(--tw-bg-opacity, 1))
                   }

                   .bg-peeper-pink-accent {
                       --tw-bg-opacity: 1;
                       background-color: rgb(255 235 246/var(--tw-bg-opacity, 1))
                   }

                   .bg-peeper-purple {
                       --tw-bg-opacity: 1;
                       background-color: rgb(93 45 230/var(--tw-bg-opacity, 1))
                   }

                   .bg-peeper-purple\/15 {
                       background-color: #5d2de626
                   }

                   .bg-peeper-purple\/35 {
                       background-color: #5d2de659
                   }

                   .bg-peeper-purple\/50 {
                       background-color: #5d2de680
                   }

                   .bg-peeper-purple\/8 {
                       background-color: #5d2de614
                   }

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

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

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

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

                   .bg-surface-gray {
                       --tw-bg-opacity: 1;
                       background-color: rgb(245 245 245/var(--tw-bg-opacity, 1))
                   }

                   .bg-transparent {
                       background-color: #0000
                   }

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

                   .bg-white\/10 {
                       background-color: #ffffff1a
                   }

                   .bg-white\/15 {
                       background-color: #ffffff26
                   }

                   .bg-white\/5 {
                       background-color: #ffffff0d
                   }

                   .bg-white\/8 {
                       background-color: #ffffff14
                   }

                   .bg-opacity-80 {
                       --tw-bg-opacity: .8
                   }

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

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

                   .from-black\/0 {
                       --tw-gradient-from: #0000 var(--tw-gradient-from-position);
                       --tw-gradient-to: #0000 var(--tw-gradient-to-position);
                       --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
                   }

                   .from-white\/0 {
                       --tw-gradient-from: #fff0 var(--tw-gradient-from-position);
                       --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
                       --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
                   }

                   .from-white\/80 {
                       --tw-gradient-from: #fffc var(--tw-gradient-from-position);
                       --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
                       --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
                   }

                   .via-white\/50 {
                       --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
                       --tw-gradient-stops: var(--tw-gradient-from), #ffffff80 var(--tw-gradient-via-position), var(--tw-gradient-to)
                   }

                   .via-white\/70 {
                       --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
                       --tw-gradient-stops: var(--tw-gradient-from), #ffffffb3 var(--tw-gradient-via-position), var(--tw-gradient-to)
                   }

                   .to-black\/60 {
                       --tw-gradient-to: #0009 var(--tw-gradient-to-position)
                   }

                   .to-white\/0 {
                       --tw-gradient-to: #fff0 var(--tw-gradient-to-position)
                   }

                   .to-white\/100 {
                       --tw-gradient-to: #fff var(--tw-gradient-to-position)
                   }

                   .fill-\[\#5D2DE6\] {
                       fill: #5d2de6
                   }

                   .fill-\[\#999\] {
                       fill: #999
                   }

                   .fill-\[\#9E81F0\] {
                       fill: #9e81f0
                   }

                   .fill-\[\#C7C7C7\] {
                       fill: #c7c7c7
                   }

                   .fill-inspector-props {
                       fill: #999
                   }

                   .fill-peeper-dark-gray {
                       fill: #262626
                   }

                   .stroke-peeper-gray {
                       stroke: #666
                   }

                   .stroke-peeper-light-pink {
                       stroke: #9e81f0
                   }

                   .stroke-peeper-purple {
                       stroke: #5d2de6
                   }

                   .stroke-peeper-white-secondary {
                       stroke: #c7c7c7
                   }

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

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

                   .p-0 {
                       padding: 0
                   }

                   .p-1 {
                       padding: .25rem
                   }

                   .p-1\.5 {
                       padding: .375rem
                   }

                   .p-2 {
                       padding: .5rem
                   }

                   .p-3 {
                       padding: .75rem
                   }

                   .p-4 {
                       padding: 1rem
                   }

                   .p-5 {
                       padding: 1.25rem
                   }

                   .p-6 {
                       padding: 1.5rem
                   }

                   .p-\[12px\] {
                       padding: 12px
                   }

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

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

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

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

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

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

                   .px-\[10px\] {
                       padding-left: 10px;
                       padding-right: 10px
                   }

                   .py-0 {
                       padding-top: 0;
                       padding-bottom: 0
                   }

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

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

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

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

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

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

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

                   .pb-1 {
                       padding-bottom: .25rem
                   }

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

                   .pb-6 {
                       padding-bottom: 1.5rem
                   }

                   .pl-1 {
                       padding-left: .25rem
                   }

                   .pl-3 {
                       padding-left: .75rem
                   }

                   .pr-2 {
                       padding-right: .5rem
                   }

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

                   .pt-2 {
                       padding-top: .5rem
                   }

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

                   .text-left {
                       text-align: left
                   }

                   .text-center {
                       text-align: center
                   }

                   .font-mono {
                       font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
                   }

                   .font-roboto {
                       font-family: Roboto, sans-serif, Roboto Mono
                   }

                   .font-roboto-mono {
                       font-family: Roboto Mono
                   }

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

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

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

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

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

                   .text-lg {
                       font-size: 1.125rem;
                       line-height: 1.75rem
                   }

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

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

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

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

                   .font-bold {
                       font-weight: 700
                   }

                   .font-light {
                       font-weight: 300
                   }

                   .font-medium {
                       font-weight: 500
                   }

                   .font-normal {
                       font-weight: 400
                   }

                   .font-semibold {
                       font-weight: 600
                   }

                   .uppercase {
                       text-transform: uppercase
                   }

                   .\!capitalize {
                       text-transform: capitalize !important
                   }

                   .capitalize {
                       text-transform: capitalize
                   }

                   .normal-case {
                       text-transform: none
                   }

                   .leading-120 {
                       line-height: 120%
                   }

                   .leading-130 {
                       line-height: 130%
                   }

                   .leading-140 {
                       line-height: 140%
                   }

                   .leading-6 {
                       line-height: 1.5rem
                   }

                   .leading-none {
                       line-height: 1
                   }

                   .leading-paragraph {
                       line-height: 140%
                   }

                   .tracking-14 {
                       letter-spacing: -.14px
                   }

                   .tracking-16 {
                       letter-spacing: -.16px
                   }

                   .tracking-2 {
                       letter-spacing: -.2px
                   }

                   .tracking-24 {
                       letter-spacing: -.24px
                   }

                   .tracking-4 {
                       letter-spacing: -.4px
                   }

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

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

                   .text-\[\#0E0E0E\] {
                       --tw-text-opacity: 1;
                       color: rgb(14 14 14/var(--tw-text-opacity, 1))
                   }

                   .text-\[\#580808\] {
                       --tw-text-opacity: 1;
                       color: rgb(88 8 8/var(--tw-text-opacity, 1))
                   }

                   .text-\[\#C5F1D8\] {
                       --tw-text-opacity: 1;
                       color: rgb(197 241 216/var(--tw-text-opacity, 1))
                   }

                   .text-\[\#F7CECE\] {
                       --tw-text-opacity: 1;
                       color: rgb(247 206 206/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-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-inspector-props {
                       --tw-text-opacity: 1;
                       color: rgb(153 153 153/var(--tw-text-opacity, 1))
                   }

                   .text-orange-600 {
                       --tw-text-opacity: 1;
                       color: rgb(234 88 12/var(--tw-text-opacity, 1))
                   }

                   .text-peeper-dark-gray {
                       --tw-text-opacity: 1;
                       color: rgb(38 38 38/var(--tw-text-opacity, 1))
                   }

                   .text-peeper-gray {
                       --tw-text-opacity: 1;
                       color: rgb(102 102 102/var(--tw-text-opacity, 1))
                   }

                   .text-peeper-green {
                       --tw-text-opacity: 1;
                       color: rgb(5 56 26/var(--tw-text-opacity, 1))
                   }

                   .text-peeper-light-pink {
                       --tw-text-opacity: 1;
                       color: rgb(158 129 240/var(--tw-text-opacity, 1))
                   }

                   .text-peeper-pink {
                       --tw-text-opacity: 1;
                       color: rgb(201 46 130/var(--tw-text-opacity, 1))
                   }

                   .text-peeper-purple {
                       --tw-text-opacity: 1;
                       color: rgb(93 45 230/var(--tw-text-opacity, 1))
                   }

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

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

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

                   .text-primary\/60 {
                       color: #0e0e0e99
                   }

                   .text-primary\/80 {
                       color: #0e0e0ecc
                   }

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

                   .text-red-800 {
                       --tw-text-opacity: 1;
                       color: rgb(153 27 27/var(--tw-text-opacity, 1))
                   }

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

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

                   .text-white\/60 {
                       color: #fff9
                   }

                   .text-white\/80 {
                       color: #fffc
                   }

                   .text-white\/90 {
                       color: #ffffffe6
                   }

                   .opacity-0 {
                       opacity: 0
                   }

                   .opacity-100 {
                       opacity: 1
                   }

                   .opacity-30 {
                       opacity: .3
                   }

                   .opacity-50 {
                       opacity: .5
                   }

                   .opacity-60 {
                       opacity: .6
                   }

                   .\!shadow {
                       --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a !important;
                       --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
                       box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
                   }

                   .shadow {
                       --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
                       --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)
                   }

                   .shadow-lg {
                       --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
                       --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
                       box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
                   }

                   .shadow-md {
                       --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
                       --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
                       box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
                   }

                   .shadow-sm {
                       --tw-shadow: 0 1px 2px 0 #0000000d;
                       --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
                       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 #0000001a, 0 8px 10px -6px #0000001a;
                       --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
                       box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
                   }

                   .shadow-white {
                       --tw-shadow-color: #fff;
                       --tw-shadow: var(--tw-shadow-colored)
                   }

                   .outline {
                       outline-style: solid
                   }

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

                   .outline-offset-4 {
                       outline-offset: 4px
                   }

                   .outline-blue-400 {
                       outline-color: #60a5fa
                   }

                   .ring {
                       --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(3px + 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)
                   }

                   .ring-4 {
                       --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(4px + 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)
                   }

                   .ring-blue-400 {
                       --tw-ring-opacity: 1;
                       --tw-ring-color: rgb(96 165 250/var(--tw-ring-opacity, 1))
                   }

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

                   .blur {
                       --tw-blur: blur(8px);
                       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)
                   }

                   .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-sm {
                       --tw-backdrop-blur: blur(4px);
                       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, backdrop-filter;
                       transition-duration: .15s;
                       transition-timing-function: cubic-bezier(.4, 0, .2, 1)
                   }

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

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

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

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

                   .duration-0 {
                       transition-duration: 0s
                   }

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

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

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

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

                   .duration-500 {
                       transition-duration: .5s
                   }

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

                   @custom-variant dark (&:where(.dark, .dark*));

                   body {
                       cursor: default;
                       margin: 0;
                       padding: 0;
                       font-family: Inter, sans-serif;
                       font-size: 16px;
                       line-height: 1.5
                   }

                   #plasmo-shadow-container {
                       position: fixed !important
                   }

                   .hide-scrollbar::-webkit-scrollbar {
                       display: none
                   }

                   .hide-scrollbar {
                       -ms-overflow-style: none;
                       scrollbar-width: none
                   }

                   .fill-available {
                       height: stretch
                   }

                   .transparency-grid {
                       background-color: #fff;
                       background-image: linear-gradient(45deg, #d4d4d40f 25%, #0000 25%), linear-gradient(-45deg, #d4d4d481 25%, #0000 25%), linear-gradient(45deg, #0000 75%, #d4d4d481 75%), linear-gradient(-45deg, #0000 75%, #d4d4d481 75%);
                       background-position: 0 0, 0 10px, 10px -10px, -10px 0;
                       background-size: 20px 20px
                   }

                   .transparency-grid-black {
                       background-color: #000;
                       background-image: repeating-conic-gradient(#1a1a1a 0% 25%, #333 0% 50%);
                       background-size: 20px 20px
                   }

                   .border-element {
                       background: #f5f5f5;
                       position: absolute
                   }

                   .border-element-dark {
                       background: #262626;
                       position: absolute
                   }

                   .top {
                       width: 85%;
                       height: 4px;
                       top: -1px;
                       left: 50%;
                       transform: translate(-50%)
                   }

                   .bottom {
                       width: 85%;
                       height: 4px;
                       bottom: -1px;
                       left: 50%;
                       transform: translate(-50%)
                   }

                   .left {
                       width: 4px;
                       height: 79%;
                       top: 50%;
                       left: -1px;
                       transform: translateY(-50%)
                   }

                   .right {
                       width: 4px;
                       height: 79%;
                       top: 50%;
                       right: -1px;
                       transform: translateY(-50%)
                   }

                   .shadow {
                       box-shadow: 0 1px 3px #0000001f
                   }

                   .button_shadow {
                       box-shadow: 0 3px 3px -3px #00000029
                   }

                   .soft-shadow {
                       box-shadow: 0 4px 4px -4px #00000029
                   }

                   .dropdown-shadow {
                       box-shadow: 0 4px 4px -4px #00000040
                   }

                   .blur-fade:after {
                       content: "";
                       pointer-events: none;
                       background: linear-gradient(270deg, #fff, #0000);
                       width: 80px;
                       position: absolute;
                       top: 0;
                       bottom: 0;
                       right: 0
                   }

                   .blur-fade-dark:after {
                       content: "";
                       pointer-events: none;
                       background: linear-gradient(270deg, #0e0e0e, #0000);
                       width: 80px;
                       position: absolute;
                       top: 0;
                       bottom: 0;
                       right: 0
                   }

                   .gradient-background {
                       background: linear-gradient(241deg, #fef6eb -.17%, #fef0f8 100%);
                       transition: transform .3s ease-in-out;
                       position: absolute;
                       inset: 0
                   }

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

                   .hover\:bg-active-tab:hover {
                       background-color: #5d2de614
                   }

                   .hover\:bg-active-tab-hover:hover {
                       background-color: #5d2de629
                   }

                   .hover\:bg-black\/10:hover {
                       background-color: #0000001a
                   }

                   .hover\:bg-black\/5:hover {
                       background-color: #0000000d
                   }

                   .hover\:bg-black\/8:hover {
                       background-color: #00000014
                   }

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

                   .hover\:bg-gray-100:hover {
                       --tw-bg-opacity: 1;
                       background-color: rgb(243 244 246/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-peeper-dark-gray:hover {
                       --tw-bg-opacity: 1;
                       background-color: rgb(38 38 38/var(--tw-bg-opacity, 1))
                   }

                   .hover\:bg-peeper-pink-accent\/80:hover {
                       background-color: #ffebf6cc
                   }

                   .hover\:bg-peeper-purple-hover:hover {
                       --tw-bg-opacity: 1;
                       background-color: rgb(74 36 184/var(--tw-bg-opacity, 1))
                   }

                   .hover\:bg-peeper-purple\/15:hover {
                       background-color: #5d2de626
                   }

                   .hover\:bg-peeper-purple\/30:hover {
                       background-color: #5d2de64d
                   }

                   .hover\:bg-peeper-purple\/50:hover {
                       background-color: #5d2de680
                   }

                   .hover\:bg-peeper-purple\/90:hover {
                       background-color: #5d2de6e6
                   }

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

                   .hover\:bg-peeper-white-hover\/15:hover {
                       background-color: #f5f5f526
                   }

                   .hover\:bg-peeper-white-hover\/5:hover {
                       background-color: #f5f5f50d
                   }

                   .hover\:bg-primary\/80:hover {
                       background-color: #0e0e0ecc
                   }

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

                   .hover\:bg-white\/10:hover {
                       background-color: #ffffff1a
                   }

                   .hover\:bg-white\/15:hover {
                       background-color: #ffffff26
                   }

                   .hover\:bg-white\/20:hover {
                       background-color: #fff3
                   }

                   .hover\:bg-white\/25:hover {
                       background-color: #ffffff40
                   }

                   .hover\:bg-white\/30:hover {
                       background-color: #ffffff4d
                   }

                   .hover\:bg-white\/5:hover {
                       background-color: #ffffff0d
                   }

                   .hover\:bg-white\/8:hover {
                       background-color: #ffffff14
                   }

                   .hover\:bg-opacity-100:hover {
                       --tw-bg-opacity: 1
                   }

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

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

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

                   .hover\:opacity-70:hover {
                       opacity: .7
                   }

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

                   .active\:cursor-grabbing:active {
                       cursor: grabbing
                   }

                   .group:hover .group-hover\:border-\[\#7241FF\] {
                       --tw-border-opacity: 1;
                       border-color: rgb(114 65 255/var(--tw-border-opacity, 1))
                   }

                   .group:hover .group-hover\:stroke-\[\#7241FF\] {
                       stroke: #7241ff
                   }

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

                   .peer:checked~.peer-checked\:bg-peeper-purple {
                       --tw-bg-opacity: 1;
                       background-color: rgb(93 45 230/var(--tw-bg-opacity, 1))
                   }

                   .peer:focus~.peer-focus\: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);
                       box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
                   }

                   .after\:absolute:after {
                       position: absolute
                   }

                   .after\:start-\[2px\]:after {
                       inset-inline-start: 2px
                   }

                   .after\:top-\[2px\]:after {
                       top: 2px
                   }

                   .after\:h-3:after {
                       height: .75rem
                   }

                   .after\:w-3:after {
                       width: .75rem
                   }

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

                   .after\:border:after {
                       border-width: 1px
                   }

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

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

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

                   .after\:content-\[\'\'\]:after {
                       --tw-content: "";
                       content: var(--tw-content)
                   }

                   .peer:checked~.peer-checked\:after\:translate-x-2:after {
                       --tw-translate-x: .5rem;
                       transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
                   }

                   .peer:checked~.peer-checked\:after\:border-white:after {
                       --tw-border-opacity: 1;
                       border-color: rgb(255 255 255/var(--tw-border-opacity, 1))
                   }

                   .dark\:border-gray-600:is(.dark *) {
                       --tw-border-opacity: 1;
                       border-color: rgb(75 85 99/var(--tw-border-opacity, 1))
                   }

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

                   .dark\:bg-gray-700:is(.dark *) {
                       --tw-bg-opacity: 1;
                       background-color: rgb(55 65 81/var(--tw-bg-opacity, 1))
                   }

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

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

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

                   .dark\:text-orange-400:is(.dark *) {
                       --tw-text-opacity: 1;
                       color: rgb(251 146 60/var(--tw-text-opacity, 1))
                   }

                   .peer:checked~.rtl\:peer-checked\:after\:-translate-x-2:where([dir=rtl], [dir=rtl] *):after {
                       --tw-translate-x: -.5rem;
                       transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
                   }