*,
:before,
:after {
    --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: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

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

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

html,
:host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: Inter, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

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

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

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

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

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

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

button,
select {
    text-transform: none
}

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

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

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

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

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

summary {
    display: list-item
}

blockquote,
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 {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

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

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

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

:disabled {
    cursor: default
}

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

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

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

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

.container {
    width: 100%
}

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

    .container {
        max-width: 375px
    }
}

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

    .container {
        max-width: 390px
    }
}

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

    .container {
        max-width: 480px
    }
}

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

    .container {
        max-width: 571px
    }
}

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

    .container {
        max-width: 600px
    }
}

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

    .container {
        max-width: 603px
    }
}

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

    .container {
        max-width: 640px
    }
}

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

    .container {
        max-width: 900px
    }
}

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

    .container {
        max-width: 912px
    }
}

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

    .container {
        max-width: 926px
    }
}

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

    .container {
        max-width: 1069px
    }
}

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

    .container {
        max-width: 1080px
    }
}

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

    .container {
        max-width: 1090px
    }
}

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

    .container {
        max-width: 1280px
    }
}

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

    .container {
        max-width: 1440px
    }
}

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

    .container {
        max-width: 1600px
    }
}

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

    .container {
        max-width: 1920px
    }
}

.prose {
    color: var(--tw-prose-body);
    max-width: 65ch
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.prose {
    --tw-prose-body: #374151;
    --tw-prose-headings: #111827;
    --tw-prose-lead: #4b5563;
    --tw-prose-links: #111827;
    --tw-prose-bold: #111827;
    --tw-prose-counters: #6b7280;
    --tw-prose-bullets: #d1d5db;
    --tw-prose-hr: #e5e7eb;
    --tw-prose-quotes: #111827;
    --tw-prose-quote-borders: #e5e7eb;
    --tw-prose-captions: #6b7280;
    --tw-prose-kbd: #111827;
    --tw-prose-kbd-shadows: 17 24 39;
    --tw-prose-code: #111827;
    --tw-prose-pre-code: #e5e7eb;
    --tw-prose-pre-bg: #1f2937;
    --tw-prose-th-borders: #d1d5db;
    --tw-prose-td-borders: #e5e7eb;
    --tw-prose-invert-body: #d1d5db;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #9ca3af;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #9ca3af;
    --tw-prose-invert-bullets: #4b5563;
    --tw-prose-invert-hr: #374151;
    --tw-prose-invert-quotes: #f3f4f6;
    --tw-prose-invert-quote-borders: #374151;
    --tw-prose-invert-captions: #9ca3af;
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: 255 255 255;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d1d5db;
    --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
    --tw-prose-invert-th-borders: #4b5563;
    --tw-prose-invert-td-borders: #374151;
    font-size: 1rem;
    line-height: 1.75
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.prose :where(caption):not(:where([class~=not-prose], [class~=not-prose] *)) {
    display: none
}

.prose-base {
    font-size: 1rem;
    line-height: 1.75
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.prose-base :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: .875em;
    line-height: 1.7142857;
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
    border-radius: .375rem;
    padding-top: .8571429em;
    padding-inline-end: 1.1428571em;
    padding-bottom: .8571429em;
    padding-inline-start: 1.1428571em
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.prose-markdown-inherit {
    color: inherit !important
}

.prose-markdown-inherit :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit !important;
    text-decoration: underline
}

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

.prose-markdown-inherit :where(li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
    color: inherit !important
}

.prose-markdown-inherit :where(ul li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
    color: inherit !important
}

.prose-markdown-inherit :where(ol li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
    color: inherit !important
}

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

.prose-markdown-inherit :where(b):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit !important
}

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

.prose-markdown-inherit :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit !important
}

.prose-markdown-inherit :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit !important
}

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

.prose-markdown-inherit :where(h5):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit !important
}

.prose-markdown-inherit :where(h6):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit !important
}

.prose-markdown-inherit :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
    width: 100% !important;
    max-width: 100% !important
}

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

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

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

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

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

.bottom-0 {
    bottom: 0
}

.bottom-2 {
    bottom: .5rem
}

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

.bottom-24 {
    bottom: 6rem
}

.bottom-3 {
    bottom: .75rem
}

.bottom-8 {
    bottom: 2rem
}

.bottom-\[4cqw\] {
    bottom: 4cqw
}

.bottom-full {
    bottom: 100%
}

.end-0 {
    inset-inline-end: 0px
}

.end-2 {
    inset-inline-end: .5rem
}

.end-3 {
    inset-inline-end: .75rem
}

.end-5 {
    inset-inline-end: 1.25rem
}

.end-\[4\.4cqw\] {
    inset-inline-end: 4.4cqw
}

.left-0 {
    left: 0
}

.right-0 {
    right: 0
}

.right-1 {
    right: .25rem
}

.right-3 {
    right: .75rem
}

.right-4 {
    right: 1rem
}

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

.start-0 {
    inset-inline-start: 0px
}

.start-2 {
    inset-inline-start: .5rem
}

.start-3 {
    inset-inline-start: .75rem
}

.start-\[4\.5cqw\] {
    inset-inline-start: 4.5cqw
}

.start-px {
    inset-inline-start: 1px
}

.top-0 {
    top: 0
}

.top-1 {
    top: .25rem
}

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

.top-3\.5 {
    top: .875rem
}

.top-5 {
    top: 1.25rem
}

.top-6 {
    top: 1.5rem
}

.top-8 {
    top: 2rem
}

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

.top-\[4\.9cqw\] {
    top: 4.9cqw
}

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

.top-\[max\(calc\(10\.6cqw_-_8px\)\,calc\(8\.3cqw_\+_3px\)\)\] {
    top: max(calc(10.6cqw - 8px), calc(8.3cqw + 3px))
}

.top-\[var\(--topbar-h\)\+4px\] {
    top: var(--topbar-h)+4px
}

.top-full {
    top: 100%
}

.isolate {
    isolation: isolate
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

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

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

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

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

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

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

.row-start-1 {
    grid-row-start: 1
}

.row-start-2 {
    grid-row-start: 2
}

.row-end-3 {
    grid-row-end: 3
}

.m-0 {
    margin: 0
}

.m-1 {
    margin: .25rem
}

.m-2 {
    margin: .5rem
}

.m-auto {
    margin: auto
}

.m-px {
    margin: 1px
}

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

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

.mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem
}

.mx-\[3px\] {
    margin-left: 3px;
    margin-right: 3px
}

.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-12 {
    margin-top: 3rem;
    margin-bottom: 3rem
}

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

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

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

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

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

.my-\[0\.1rem\] {
    margin-top: .1rem;
    margin-bottom: .1rem
}

.my-\[var\(--p-space-600\)\] {
    margin-top: var(--p-space-600);
    margin-bottom: var(--p-space-600)
}

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

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

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

.-ms-64 {
    margin-inline-start: -16rem
}

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

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

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

.mb-0 {
    margin-bottom: 0
}

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

.mb-1\.5 {
    margin-bottom: .375rem
}

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

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

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

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

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

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

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

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

.mb-7 {
    margin-bottom: 1.75rem
}

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

.mb-80 {
    margin-bottom: 20rem
}

.mb-\[1\.375rem\] {
    margin-bottom: 1.375rem
}

.me-0 {
    margin-inline-end: 0px
}

.me-1 {
    margin-inline-end: .25rem
}

.me-1\.5 {
    margin-inline-end: .375rem
}

.me-2 {
    margin-inline-end: .5rem
}

.me-5 {
    margin-inline-end: 1.25rem
}

.me-6 {
    margin-inline-end: 1.5rem
}

.ml-0 {
    margin-left: 0
}

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

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

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

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

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

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

.ml-24 {
    margin-left: 6rem
}

.ml-28 {
    margin-left: 7rem
}

.ml-32 {
    margin-left: 8rem
}

.ml-36 {
    margin-left: 9rem
}

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

.ml-40 {
    margin-left: 10rem
}

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

.ml-auto {
    margin-left: auto
}

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

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

.ms-0 {
    margin-inline-start: 0px
}

.ms-0\.5 {
    margin-inline-start: .125rem
}

.ms-1 {
    margin-inline-start: .25rem
}

.ms-1\.5 {
    margin-inline-start: .375rem
}

.ms-10 {
    margin-inline-start: 2.5rem
}

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

.ms-16 {
    margin-inline-start: 4rem
}

.ms-2 {
    margin-inline-start: .5rem
}

.ms-20 {
    margin-inline-start: 5rem
}

.ms-24 {
    margin-inline-start: 6rem
}

.ms-28 {
    margin-inline-start: 7rem
}

.ms-32 {
    margin-inline-start: 8rem
}

.ms-36 {
    margin-inline-start: 9rem
}

.ms-4 {
    margin-inline-start: 1rem
}

.ms-40 {
    margin-inline-start: 10rem
}

.ms-5 {
    margin-inline-start: 1.25rem
}

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

.ms-\[0\.25em\] {
    margin-inline-start: .25em
}

.ms-\[1\.3rem\] {
    margin-inline-start: 1.3rem
}

.ms-\[3px\] {
    margin-inline-start: 3px
}

.ms-auto {
    margin-inline-start: auto
}

.mt-0 {
    margin-top: 0
}

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

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

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

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

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

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

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

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

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

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

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

.mt-7 {
    margin-top: 1.75rem
}

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

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

.mt-\[var\(--p-space-100\)\] {
    margin-top: var(--p-space-100)
}

.mt-\[var\(--p-space-300\)\] {
    margin-top: var(--p-space-300)
}

.mt-auto {
    margin-top: auto
}

.box-border {
    box-sizing: border-box
}

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

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.\!hidden {
    display: none !important
}

.hidden {
    display: none
}

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

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

.size-0\.5 {
    width: .125rem;
    height: .125rem
}

.size-1 {
    width: .25rem;
    height: .25rem
}

.size-10 {
    width: 2.5rem;
    height: 2.5rem
}

.size-12 {
    width: 3rem;
    height: 3rem
}

.size-16 {
    width: 4rem;
    height: 4rem
}

.size-2 {
    width: .5rem;
    height: .5rem
}

.size-20 {
    width: 5rem;
    height: 5rem
}

.size-3 {
    width: .75rem;
    height: .75rem
}

.size-3\.5 {
    width: .875rem;
    height: .875rem
}

.size-4 {
    width: 1rem;
    height: 1rem
}

.size-5 {
    width: 1.25rem;
    height: 1.25rem
}

.size-6 {
    width: 1.5rem;
    height: 1.5rem
}

.size-7 {
    width: 1.75rem;
    height: 1.75rem
}

.size-8 {
    width: 2rem;
    height: 2rem
}

.size-9 {
    width: 2.25rem;
    height: 2.25rem
}

.size-\[1\.7rem\] {
    width: 1.7rem;
    height: 1.7rem
}

.size-\[112px\] {
    width: 112px;
    height: 112px
}

.size-\[30px\] {
    width: 30px;
    height: 30px
}

.size-\[35px\] {
    width: 35px;
    height: 35px
}

.size-full {
    width: 100%;
    height: 100%
}

.h-0 {
    height: 0px
}

.h-0\.5 {
    height: .125rem
}

.h-10 {
    height: 2.5rem
}

.h-12 {
    height: 3rem
}

.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-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

.h-9 {
    height: 2.25rem
}

.h-\[0\.8rem\] {
    height: .8rem
}

.h-\[1\.5rem\] {
    height: 1.5rem
}

.h-\[1\.625rem\] {
    height: 1.625rem
}

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

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

.h-\[2\.09019rem\] {
    height: 2.09019rem
}

.h-\[2\.31819rem\] {
    height: 2.31819rem
}

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

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

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

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

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

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

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

.h-\[8\.55cqw\] {
    height: 8.55cqw
}

.h-\[calc\(100\%-var\(--topbar-h\)\)\] {
    height: calc(100% - var(--topbar-h))
}

.h-\[calc\(100vh-221px\)\] {
    height: calc(100vh - 221px)
}

.h-\[calc\(100vh-56px\)\] {
    height: calc(100vh - 56px)
}

.h-\[calc\(100vh-80px\)\] {
    height: calc(100vh - 80px)
}

.h-\[inherit\] {
    height: inherit
}

.h-\[var\(--cs-inner-height\)\] {
    height: var(--cs-inner-height)
}

.h-auto {
    height: auto
}

.h-dvh {
    height: 100dvh
}

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

.h-screen {
    height: 100vh
}

.max-h-32 {
    max-height: 8rem
}

.max-h-5 {
    max-height: 1.25rem
}

.max-h-60 {
    max-height: 15rem
}

.max-h-64 {
    max-height: 16rem
}

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

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

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

.max-h-\[60dvh\] {
    max-height: 60dvh
}

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

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

.max-h-\[calc\(100\%-50px\)\] {
    max-height: calc(100% - 50px)
}

.max-h-\[calc\(100vh-6rem\)\] {
    max-height: calc(100vh - 6rem)
}

.max-h-\[calc\(100vh-80px\)\] {
    max-height: calc(100vh - 80px)
}

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

.max-h-screen {
    max-height: 100vh
}

.max-h-svh {
    max-height: 100svh
}

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

.min-h-12 {
    min-height: 3rem
}

.min-h-16 {
    min-height: 4rem
}

.min-h-20 {
    min-height: 5rem
}

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

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

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

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

.min-h-\[calc\(100vh-180px\)\] {
    min-height: calc(100vh - 180px)
}

.min-h-\[calc\(100vh-200px\)\] {
    min-height: calc(100vh - 200px)
}

.min-h-\[calc\(100vh-91px\)\] {
    min-height: calc(100vh - 91px)
}

.min-h-\[calc\(var\(--tl-inner-height\)\*1px\)\] {
    min-height: calc(var(--tl-inner-height) * 1px)
}

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

.min-h-screen {
    min-height: 100vh
}

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

.w-0 {
    width: 0px
}

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

.w-20 {
    width: 5rem
}

.w-24 {
    width: 6rem
}

.w-28 {
    width: 7rem
}

.w-3\/4 {
    width: 75%
}

.w-40 {
    width: 10rem
}

.w-48 {
    width: 12rem
}

.w-5 {
    width: 1.25rem
}

.w-52 {
    width: 13rem
}

.w-56 {
    width: 14rem
}

.w-60 {
    width: 15rem
}

.w-64 {
    width: 16rem
}

.w-8 {
    width: 2rem
}

.w-\[1\.5rem\] {
    width: 1.5rem
}

.w-\[1\.85463rem\] {
    width: 1.85463rem
}

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

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

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

.w-\[34rem\] {
    width: 34rem
}

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

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

.w-auto {
    width: auto
}

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

.w-full {
    width: 100%
}

.w-screen {
    width: 100vw
}

.min-w-0 {
    min-width: 0px
}

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

.min-w-60 {
    min-width: 15rem
}

.min-w-80 {
    min-width: 20rem
}

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

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

.min-w-full {
    min-width: 100%
}

.\!max-w-none {
    max-width: none !important
}

.max-w-2xl {
    max-width: 42rem
}

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

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

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

.max-w-\[22\%\] {
    max-width: 22%
}

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

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

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

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

.max-w-\[78cqw\] {
    max-width: 78cqw
}

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

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

.max-w-full {
    max-width: 100%
}

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

.max-w-screen-inbox-main-content-max {
    max-width: 571px
}

.max-w-screen-inbox-max-supported {
    max-width: 1920px
}

.max-w-screen-inbox-page-size {
    max-width: 926px
}

.max-w-screen-md {
    max-width: 900px
}

.max-w-screen-xl {
    max-width: 1600px
}

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

.flex-auto {
    flex: 1 1 auto
}

.flex-none {
    flex: none
}

.shrink {
    flex-shrink: 1
}

.shrink-0 {
    flex-shrink: 0
}

.grow {
    flex-grow: 1
}

.basis-0 {
    flex-basis: 0px
}

.border-collapse {
    border-collapse: collapse
}

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

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

.-translate-x-full {
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

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

.-translate-y-full {
    --tw-translate-y: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-full {
    --tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

.translate-y-full {
    --tw-translate-y: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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)) skew(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 {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

@keyframes sentence-transition {

    0%,
    50% {
        transform: translateY(0)
    }

    53.75%,
    to {
        transform: translateY(-50%)
    }
}

.animate-sentence-transition {
    animation: sentence-transition 8s linear forwards
}

@keyframes fade-in-slide-down {
    0% {
        opacity: 0;
        max-height: 0
    }

    to {
        opacity: 1;
        max-height: 100vh
    }
}

.animate-slide-down {
    animation: fade-in-slide-down .2s ease-in-out
}

@keyframes fade-in-slide-left {
    0% {
        opacity: 0;
        transform: translate(100%)
    }

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

.animate-slide-left {
    animation: fade-in-slide-left .2s ease-in-out
}

@keyframes slide-up-modal {
    0% {
        transform: translateY(100%);
        opacity: 0
    }

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

.animate-slide-up-modal {
    animation: slide-up-modal .3s ease-out
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

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

@keyframes user-menu-slide-up {
    0% {
        transform: translateY(5%)
    }

    to {
        transform: translateY(0)
    }
}

.animate-user-menu-slide-up {
    animation: user-menu-slide-up .2s ease-in-out
}

.cursor-copy {
    cursor: copy
}

.cursor-default {
    cursor: default
}

.cursor-grab {
    cursor: grab
}

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

.cursor-pointer {
    cursor: pointer
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.select-text {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.resize-none {
    resize: none
}

.resize {
    resize: both
}

.scroll-mt-20 {
    scroll-margin-top: 5rem
}

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

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

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

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

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

.break-inside-avoid {
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

.grid-flow-col {
    grid-auto-flow: column
}

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

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

.grid-cols-\[1fr\] {
    grid-template-columns: 1fr
}

.grid-cols-\[20px_1fr\] {
    grid-template-columns: 20px 1fr
}

.grid-cols-\[30px_1fr\] {
    grid-template-columns: 30px 1fr
}

.grid-cols-\[40px_1fr\] {
    grid-template-columns: 40px 1fr
}

.grid-cols-\[65px_minmax\(100px\,_1\.75fr\)_1fr_0\.5fr\] {
    grid-template-columns: 65px minmax(100px, 1.75fr) 1fr .5fr
}

.grid-cols-\[auto_10fr_7fr_auto\] {
    grid-template-columns: auto 10fr 7fr auto
}

.grid-rows-\[1fr\] {
    grid-template-rows: 1fr
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.place-content-center {
    place-content: center
}

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

.content-center {
    align-content: center
}

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

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

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

.items-center {
    align-items: center
}

.items-stretch {
    align-items: stretch
}

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

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

.justify-center {
    justify-content: center
}

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

.justify-items-start {
    justify-items: start
}

.gap-0 {
    gap: 0px
}

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

.gap-1 {
    gap: .25rem
}

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

.gap-2 {
    gap: .5rem
}

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

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-7 {
    gap: 1.75rem
}

.gap-8 {
    gap: 2rem
}

.gap-\[0\.35em\] {
    gap: .35em
}

.gap-\[0\.625ren\] {
    gap: .625ren
}

.gap-\[1\.375rem\] {
    gap: 1.375rem
}

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

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

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

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

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

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

.space-y-0>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-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-10>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.5rem * 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))
}

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

.space-y-8>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * 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))
}

.place-self-center {
    place-self: center
}

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

.self-center {
    align-self: center
}

.self-stretch {
    align-self: stretch
}

.justify-self-end {
    justify-self: end
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.overflow-scroll {
    overflow: scroll
}

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

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

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

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

.scroll-smooth {
    scroll-behavior: smooth
}

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

.whitespace-normal {
    white-space: normal
}

.whitespace-nowrap {
    white-space: nowrap
}

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

.text-wrap {
    text-wrap: wrap
}

.text-nowrap {
    text-wrap: nowrap
}

.text-pretty {
    text-wrap: pretty
}

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

.break-all {
    word-break: break-all
}

.rounded {
    border-radius: .25rem
}

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

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

.rounded-\[0\.625rem\] {
    border-radius: .625rem
}

.rounded-\[1\.875rem\] {
    border-radius: 1.875rem
}

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

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

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

.rounded-\[2rem\] {
    border-radius: 2rem
}

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

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

.rounded-\[var\(--p-border-radius-1\)\] {
    border-radius: var(--p-border-radius-1)
}

.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-md {
    border-bottom-right-radius: .375rem;
    border-bottom-left-radius: .375rem
}

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

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

.rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px
}

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

.rounded-bl-\[2px\] {
    border-bottom-left-radius: 2px
}

.rounded-bl-xl {
    border-bottom-left-radius: .75rem
}

.rounded-br-\[2px\] {
    border-bottom-right-radius: 2px
}

.rounded-br-xl {
    border-bottom-right-radius: .75rem
}

.rounded-tl-\[2px\] {
    border-top-left-radius: 2px
}

.rounded-tl-xl {
    border-top-left-radius: .75rem
}

.rounded-tr-\[2px\] {
    border-top-right-radius: 2px
}

.rounded-tr-xl {
    border-top-right-radius: .75rem
}

.\!border-0 {
    border-width: 0px !important
}

.border {
    border-width: 1px
}

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

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

.border-\[0\.5px\] {
    border-width: .5px
}

.border-\[1\.5px\] {
    border-width: 1.5px
}

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

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

.border-l {
    border-left-width: 1px
}

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

.border-l-4 {
    border-left-width: 4px
}

.border-s {
    border-inline-start-width: 1px
}

.border-s-2 {
    border-inline-start-width: 2px
}

.border-s-4 {
    border-inline-start-width: 4px
}

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

.border-t-\[0\.5px\] {
    border-top-width: .5px
}

.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.border-none {
    border-style: none
}

.\!border-color-border-tertiary {
    --tw-border-opacity: 1 !important;
    border-color: rgb(204 204 204 / var(--tw-border-opacity, 1)) !important
}

.border-\[\#232323\] {
    --tw-border-opacity: 1;
    border-color: rgb(35 35 35 / var(--tw-border-opacity, 1))
}

.border-\[\#D4D4D8\] {
    --tw-border-opacity: 1;
    border-color: rgb(212 212 216 / var(--tw-border-opacity, 1))
}

.border-\[\#E1E3E5\] {
    --tw-border-opacity: 1;
    border-color: rgb(225 227 229 / var(--tw-border-opacity, 1))
}

.border-\[\#E1E4E5\] {
    --tw-border-opacity: 1;
    border-color: rgb(225 228 229 / var(--tw-border-opacity, 1))
}

.border-\[\#d2d5d9\] {
    --tw-border-opacity: 1;
    border-color: rgb(210 213 217 / var(--tw-border-opacity, 1))
}

.border-\[rgba\(0\,0\,0\,0\.1\)\] {
    border-color: #0000001a
}

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

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

.border-color-bg-hover {
    --tw-border-opacity: 1;
    border-color: rgb(247 247 247 / var(--tw-border-opacity, 1))
}

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

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

.border-color-border-focus-default {
    --tw-border-opacity: 1;
    border-color: rgb(181 181 181 / var(--tw-border-opacity, 1))
}

.border-color-border-internal-citation {
    --tw-border-opacity: 1;
    border-color: rgb(255 241 227 / var(--tw-border-opacity, 1))
}

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

.border-color-border-status-online {
    --tw-border-opacity: 1;
    border-color: rgb(17 223 123 / var(--tw-border-opacity, 1))
}

.border-color-border-success {
    --tw-border-opacity: 1;
    border-color: rgb(146 252 172 / var(--tw-border-opacity, 1))
}

.border-color-icon-secondary {
    --tw-border-opacity: 1;
    border-color: rgb(138 138 138 / var(--tw-border-opacity, 1))
}

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

.border-gray-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-400 {
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity, 1))
}

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

.border-green-200 {
    --tw-border-opacity: 1;
    border-color: rgb(187 247 208 / var(--tw-border-opacity, 1))
}

.border-green-400 {
    --tw-border-opacity: 1;
    border-color: rgb(74 222 128 / var(--tw-border-opacity, 1))
}

.border-icon-secondary {
    --tw-border-opacity: 1;
    border-color: rgb(138 138 138 / var(--tw-border-opacity, 1))
}

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

.border-neutral-300 {
    --tw-border-opacity: 1;
    border-color: rgb(212 212 212 / var(--tw-border-opacity, 1))
}

.border-transparent {
    border-color: transparent
}

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

.border-yellow-200 {
    --tw-border-opacity: 1;
    border-color: rgb(254 240 138 / var(--tw-border-opacity, 1))
}

.border-b-\[\#E1E3E5\] {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(225 227 229 / var(--tw-border-opacity, 1))
}

.border-b-color-border {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(227 227 227 / var(--tw-border-opacity, 1))
}

.border-b-neutral-400 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(163 163 163 / var(--tw-border-opacity, 1))
}

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

.border-t-transparent {
    border-top-color: transparent
}

.bg-\[\#007F5F\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 127 95 / var(--tw-bg-opacity, 1))
}

.bg-\[\#91E0D6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(145 224 214 / var(--tw-bg-opacity, 1))
}

.bg-\[\#92E6B5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(146 230 181 / var(--tw-bg-opacity, 1))
}

.bg-\[\#CACED3\] {
    --tw-bg-opacity: 1;
    background-color: rgb(202 206 211 / var(--tw-bg-opacity, 1))
}

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

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

.bg-\[\#FDC9D0\] {
    --tw-bg-opacity: 1;
    background-color: rgb(253 201 208 / var(--tw-bg-opacity, 1))
}

.bg-\[\#FFC4B0\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 196 176 / var(--tw-bg-opacity, 1))
}

.bg-\[\#FFC96B\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 201 107 / var(--tw-bg-opacity, 1))
}

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

.bg-\[var\(--p-color-icon-critical\)\] {
    background-color: var(--p-color-icon-critical)
}

.bg-\[var\(--p-surface-neutral\)\] {
    background-color: var(--p-surface-neutral)
}

.bg-\[var\(--p-surface-neutral-subdued\)\] {
    background-color: var(--p-surface-neutral-subdued)
}

.bg-\[var\(--p-surface-selected\)\] {
    background-color: var(--p-surface-selected)
}

.bg-\[var\(--p-surface-success-subdued\)\] {
    background-color: var(--p-surface-success-subdued)
}

.bg-\[var\(--p-surface-warning-subdued\)\] {
    background-color: var(--p-surface-warning-subdued)
}

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

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

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

.bg-black\/50 {
    background-color: #00000080
}

.bg-black\/\[\.05\] {
    background-color: #0000000d
}

.bg-black\/\[\.06\] {
    background-color: #0000000f
}

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

.bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1))
}

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

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

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

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

.bg-color-bg-critical {
    --tw-bg-opacity: 1;
    background-color: rgb(199 10 36 / var(--tw-bg-opacity, 1))
}

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

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

.bg-color-bg-internal-citation {
    --tw-bg-opacity: 1;
    background-color: rgb(255 241 227 / var(--tw-bg-opacity, 1))
}

.bg-color-bg-internal-secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(255 253 250 / var(--tw-bg-opacity, 1))
}

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

.bg-color-bg-inverse-hover {
    --tw-bg-opacity: 1;
    background-color: rgb(74 74 74 / var(--tw-bg-opacity, 1))
}

.bg-color-bg-message-failed {
    --tw-bg-opacity: 1;
    background-color: rgb(138 138 138 / var(--tw-bg-opacity, 1))
}

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

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

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

.bg-color-bg-status-live {
    --tw-bg-opacity: 1;
    background-color: rgb(175 254 191 / var(--tw-bg-opacity, 1))
}

.bg-color-bg-status-online {
    --tw-bg-opacity: 1;
    background-color: rgb(17 223 123 / var(--tw-bg-opacity, 1))
}

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

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

.bg-color-bg-warning-tertiary {
    --tw-bg-opacity: 1;
    background-color: rgb(255 241 227 / var(--tw-bg-opacity, 1))
}

.bg-color-bg\/75 {
    background-color: #ffffffbf
}

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

.bg-color-border-success {
    --tw-bg-opacity: 1;
    background-color: rgb(146 252 172 / var(--tw-bg-opacity, 1))
}

.bg-color-icon-active {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1))
}

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

.bg-current {
    background-color: currentColor
}

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

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

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

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

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

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

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

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

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

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

.bg-green-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1))
}

.bg-interactive-light-blue {
    --tw-bg-opacity: 1;
    background-color: rgb(240 242 255 / var(--tw-bg-opacity, 1))
}

.bg-interactive-light-grey {
    --tw-bg-opacity: 1;
    background-color: rgb(241 241 241 / var(--tw-bg-opacity, 1))
}

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

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

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

.bg-shop-theme-color {
    --tw-bg-opacity: 1;
    background-color: rgb(84 51 235 / var(--tw-bg-opacity, 1))
}

.bg-slate-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1))
}

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

.bg-transparent {
    background-color: transparent
}

.bg-user-icon-bg {
    --tw-bg-opacity: 1;
    background-color: rgb(240 237 232 / var(--tw-bg-opacity, 1))
}

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

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

.bg-white\/95 {
    background-color: #fffffff2
}

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

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

.bg-\[radial-gradient\(ellipse_60\%_60\%_at_50\%_50\%\,white_0\%\,rgba\(255\,255\,255\,0\.7\)_60\%\,rgba\(255\,255\,255\,0\)_100\%\)\,linear-gradient\(90deg\,rgba\(255\,216\,183\,0\.3\)_0\%\,rgba\(244\,194\,255\,0\.3\)_33\%\,rgba\(198\,173\,255\,0\.3\)_66\%\,rgba\(160\,203\,255\,0\.3\)_100\%\)\] {
    background-image: radial-gradient(ellipse 60% 60% at 50% 50%, #fff, #ffffffb3 60%, #fff0), linear-gradient(90deg, #ffd8b74d, #f4c2ff4d, #c6adff4d 66%, #a0cbff4d)
}

.bg-custom-gradient-radial {
    background-image: radial-gradient(80.62% 104.85% at 2.69% 83.14%, #67debd, #afeaf600), radial-gradient(91.34% 77.6% at 103.16% 92.65%, #b6c1ff, #afeaf6)
}

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

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

.bg-none {
    background-image: none
}

.from-\[\#3AD89F\] {
    --tw-gradient-from: #3AD89F var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(58 216 159 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#6BD5C2\] {
    --tw-gradient-from: #6BD5C2 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(107 213 194 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#73D5E4\] {
    --tw-gradient-from: #73D5E4 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(115 213 228 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#C769EC\] {
    --tw-gradient-from: #C769EC var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(199 105 236 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

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

.via-white\/95 {
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .95) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.to-\[\#54C8DA\] {
    --tw-gradient-to: #54C8DA var(--tw-gradient-to-position)
}

.to-\[\#666AF2\] {
    --tw-gradient-to: #666AF2 var(--tw-gradient-to-position)
}

.to-\[\#74B6F7\] {
    --tw-gradient-to: #74B6F7 var(--tw-gradient-to-position)
}

.to-\[\#84D358\] {
    --tw-gradient-to: #84D358 var(--tw-gradient-to-position)
}

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

.bg-cover {
    background-size: cover
}

.fill-\[var\(--p-action-primary\)\] {
    fill: var(--p-action-primary)
}

.fill-\[var\(--p-icon\)\] {
    fill: var(--p-icon)
}

.fill-\[var\(--p-icon-disabled\)\] {
    fill: var(--p-icon-disabled)
}

.fill-\[var\(--p-icon-hovered\)\] {
    fill: var(--p-icon-hovered)
}

.fill-black {
    fill: #000
}

.fill-color-bg-warning {
    fill: #ffb800
}

.fill-color-icon {
    fill: #323232
}

.fill-color-icon-active {
    fill: #1a1a1a
}

.fill-color-icon-anonymous-buyer {
    fill: #000
}

.fill-color-icon-anonymous-merchant {
    fill: #006a68
}

.fill-color-icon-critical {
    fill: #e22c38
}

.fill-color-icon-disabled {
    fill: #ccc
}

.fill-color-icon-info {
    fill: #4188ff
}

.fill-color-icon-secondary {
    fill: #8a8a8a
}

.fill-color-icon-success {
    fill: #047b5d
}

.fill-color-icon-warning {
    fill: #b28400
}

.fill-color-text-critical {
    fill: #8e0b21
}

.fill-color-text-inverse {
    fill: #fff
}

.fill-color-text-inverse-secondary {
    fill: #e3e3e3
}

.fill-color-text-link {
    fill: #005bd3
}

.fill-color-text-secondary {
    fill: #616161
}

.fill-current {
    fill: currentColor
}

.fill-gray-600 {
    fill: #4b5563
}

.fill-icon-new-color {
    fill: #323232
}

.fill-icon-secondary {
    fill: #8a8a8a
}

.fill-red-500 {
    fill: #ef4444
}

.fill-text-secondary {
    fill: #767676
}

.fill-white {
    fill: #fff
}

.stroke-text {
    stroke: #303030
}

.stroke-white {
    stroke: #fff
}

.stroke-1 {
    stroke-width: 1
}

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

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

.p-0 {
    padding: 0
}

.p-0\.5 {
    padding: .125rem
}

.p-1 {
    padding: .25rem
}

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

.p-2 {
    padding: .5rem
}

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

.p-20 {
    padding: 5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

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

.p-px {
    padding: 1px
}

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

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

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

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

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

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

.px-3\.5 {
    padding-left: .875rem;
    padding-right: .875rem
}

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

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

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

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

.px-\[0\.8rem\] {
    padding-left: .8rem;
    padding-right: .8rem
}

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

.px-\[4\.2cqw\] {
    padding-left: 4.2cqw;
    padding-right: 4.2cqw
}

.px-\[5\.62rem\] {
    padding-left: 5.62rem;
    padding-right: 5.62rem
}

.px-\[var\(--p-space-400\)\] {
    padding-left: var(--p-space-400);
    padding-right: var(--p-space-400)
}

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

.py-0\.5 {
    padding-top: .125rem;
    padding-bottom: .125rem
}

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

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

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

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

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

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

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

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

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

.py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem
}

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

.py-\[--header-padding\] {
    padding-top: var(--header-padding);
    padding-bottom: var(--header-padding)
}

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

.py-\[var\(--p-space-600\)\] {
    padding-top: var(--p-space-600);
    padding-bottom: var(--p-space-600)
}

.\!pl-3 {
    padding-left: .75rem !important
}

.\!ps-3 {
    padding-inline-start: .75rem !important
}

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

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

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

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

.pb-3 {
    padding-bottom: .75rem
}

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

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

.pb-56 {
    padding-bottom: 14rem
}

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

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

.pb-\[3px\] {
    padding-bottom: 3px
}

.pe-0 {
    padding-inline-end: 0px
}

.pe-1 {
    padding-inline-end: .25rem
}

.pe-2 {
    padding-inline-end: .5rem
}

.pe-2\.5 {
    padding-inline-end: .625rem
}

.pe-20 {
    padding-inline-end: 5rem
}

.pe-3 {
    padding-inline-end: .75rem
}

.pe-4 {
    padding-inline-end: 1rem
}

.pe-\[3px\] {
    padding-inline-end: 3px
}

.pl-0 {
    padding-left: 0
}

.pl-10 {
    padding-left: 2.5rem
}

.pl-2 {
    padding-left: .5rem
}

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

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

.pl-6 {
    padding-left: 1.5rem
}

.pl-8 {
    padding-left: 2rem
}

.pl-\[var\(--p-space-500\)\] {
    padding-left: var(--p-space-500)
}

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

.pr-11 {
    padding-right: 2.75rem
}

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

.ps-1 {
    padding-inline-start: .25rem
}

.ps-2 {
    padding-inline-start: .5rem
}

.ps-2\.5 {
    padding-inline-start: .625rem
}

.ps-4 {
    padding-inline-start: 1rem
}

.ps-5 {
    padding-inline-start: 1.25rem
}

.ps-9 {
    padding-inline-start: 2.25rem
}

.ps-\[15px\] {
    padding-inline-start: 15px
}

.ps-px {
    padding-inline-start: 1px
}

.pt-0 {
    padding-top: 0
}

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

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

.pt-14 {
    padding-top: 3.5rem
}

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

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

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

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

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

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

.pt-\[22px\] {
    padding-top: 22px
}

.pt-\[3px\] {
    padding-top: 3px
}

.pt-\[5px\] {
    padding-top: 5px
}

.pt-\[6px\] {
    padding-top: 6px
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-start {
    text-align: start
}

.text-end {
    text-align: end
}

.align-top {
    vertical-align: top
}

.align-middle {
    vertical-align: middle
}

.align-text-bottom {
    vertical-align: text-bottom
}

.font-sans {
    font-family: Inter, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif
}

.font-shop {
    font-family: GTStandard-Regular, Helvetica, Arial, sans-serif
}

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

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

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

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

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

.text-\[0\.625rem\] {
    font-size: .625rem
}

.text-\[0\.75rem\] {
    font-size: .75rem
}

.text-\[0\.8125rem\] {
    font-size: .8125rem
}

.text-\[0\] {
    font-size: 0
}

.text-\[1\.25em\] {
    font-size: 1.25em
}

.text-\[1\.25rem\] {
    font-size: 1.25rem
}

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

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

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

.text-\[1rem\] {
    font-size: 1rem
}

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

.text-\[4\.4cqw\] {
    font-size: 4.4cqw
}

.text-\[calc\(13\.2cqw_\+_3px\)\] {
    font-size: calc(13.2cqw + 3px)
}

.text-\[calc\(3\.4cqw_\+_2px\)\] {
    font-size: calc(3.4cqw + 2px)
}

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

.text-base\/5 {
    font-size: 1rem;
    line-height: 1.25rem
}

.text-base\/\[--header-dropdown-menu-line-height\] {
    font-size: 1rem;
    line-height: var(--header-dropdown-menu-line-height)
}

.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-\[450\] {
    font-weight: 450
}

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

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

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

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.italic {
    font-style: italic
}

.not-italic {
    font-style: normal
}

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

.leading-3 {
    line-height: .75rem
}

.leading-4 {
    line-height: 1rem
}

.leading-5 {
    line-height: 1.25rem
}

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

.leading-\[1\.125rem\] {
    line-height: 1.125rem
}

.leading-\[1\.2\] {
    line-height: 1.2
}

.leading-\[14px\] {
    line-height: 14px
}

.leading-\[150\%\] {
    line-height: 150%
}

.leading-\[18px\] {
    line-height: 18px
}

.leading-\[22px\] {
    line-height: 22px
}

.leading-none {
    line-height: 1
}

.leading-relaxed {
    line-height: 1.625
}

.leading-tight {
    line-height: 1.25
}

.tracking-\[-\.01em\] {
    letter-spacing: -.01em
}

.tracking-\[-0\.015rem\] {
    letter-spacing: -.015rem
}

.tracking-\[-0\.03em\] {
    letter-spacing: -.03em
}

.tracking-\[-0\.04em\] {
    letter-spacing: -.04em
}

.tracking-\[-0\.055em\] {
    letter-spacing: -.055em
}

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

.tracking-\[0\.01rem\] {
    letter-spacing: .01rem
}

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

.tracking-normal {
    letter-spacing: 0em
}

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

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

.text-\[\#002F19\] {
    --tw-text-opacity: 1;
    color: rgb(0 47 25 / var(--tw-text-opacity, 1))
}

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

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

.text-\[\#3D2800\] {
    --tw-text-opacity: 1;
    color: rgb(61 40 0 / var(--tw-text-opacity, 1))
}

.text-\[\#412D00\] {
    --tw-text-opacity: 1;
    color: rgb(65 45 0 / var(--tw-text-opacity, 1))
}

.text-\[\#490B1C\] {
    --tw-text-opacity: 1;
    color: rgb(73 11 28 / var(--tw-text-opacity, 1))
}

.text-\[\#4F0E1F\] {
    --tw-text-opacity: 1;
    color: rgb(79 14 31 / var(--tw-text-opacity, 1))
}

.text-\[\#6B7177\] {
    --tw-text-opacity: 1;
    color: rgb(107 113 119 / var(--tw-text-opacity, 1))
}

.text-\[\#6D7175\] {
    --tw-text-opacity: 1;
    color: rgb(109 113 117 / var(--tw-text-opacity, 1))
}

.text-\[\#6F7071\] {
    --tw-text-opacity: 1;
    color: rgb(111 112 113 / var(--tw-text-opacity, 1))
}

.text-\[\#71717A\] {
    --tw-text-opacity: 1;
    color: rgb(113 113 122 / var(--tw-text-opacity, 1))
}

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

.text-\[var\(--p-action-primary\)\] {
    color: var(--p-action-primary)
}

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

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

.text-blue-800 {
    --tw-text-opacity: 1;
    color: rgb(30 64 175 / var(--tw-text-opacity, 1))
}

.text-blue-900 {
    --tw-text-opacity: 1;
    color: rgb(30 58 138 / var(--tw-text-opacity, 1))
}

.text-color-bg-inverse-hover {
    --tw-text-opacity: 1;
    color: rgb(74 74 74 / var(--tw-text-opacity, 1))
}

.text-color-bg-transparent {
    color: #00000005
}

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

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

.text-color-text-critical {
    --tw-text-opacity: 1;
    color: rgb(142 11 33 / var(--tw-text-opacity, 1))
}

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

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

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

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

.text-color-text-on-purple {
    --tw-text-opacity: 1;
    color: rgb(59 0 147 / var(--tw-text-opacity, 1))
}

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

.text-color-text-status-live {
    --tw-text-opacity: 1;
    color: rgb(4 123 93 / var(--tw-text-opacity, 1))
}

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

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

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

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

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

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

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

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

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

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

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

.text-icon-new-color {
    --tw-text-opacity: 1;
    color: rgb(50 50 50 / var(--tw-text-opacity, 1))
}

.text-indigo-600 {
    --tw-text-opacity: 1;
    color: rgb(79 70 229 / var(--tw-text-opacity, 1))
}

.text-inherit {
    color: inherit
}

.text-interactive-blue {
    --tw-text-opacity: 1;
    color: rgb(36 99 188 / var(--tw-text-opacity, 1))
}

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

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

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

.text-shop-theme-color {
    --tw-text-opacity: 1;
    color: rgb(84 51 235 / var(--tw-text-opacity, 1))
}

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

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

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

.text-transparent {
    color: transparent
}

.text-user-icon-text {
    --tw-text-opacity: 1;
    color: rgb(51 72 57 / var(--tw-text-opacity, 1))
}

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

.text-yellow-600 {
    --tw-text-opacity: 1;
    color: rgb(202 138 4 / var(--tw-text-opacity, 1))
}

.text-yellow-700 {
    --tw-text-opacity: 1;
    color: rgb(161 98 7 / var(--tw-text-opacity, 1))
}

.text-yellow-800 {
    --tw-text-opacity: 1;
    color: rgb(133 77 14 / var(--tw-text-opacity, 1))
}

.text-yellow-900 {
    --tw-text-opacity: 1;
    color: rgb(113 63 18 / var(--tw-text-opacity, 1))
}

.underline {
    text-decoration-line: underline
}

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

.no-underline {
    text-decoration-line: none
}

.decoration-black\/\[0\.0\] {
    text-decoration-color: #0000
}

.decoration-current {
    text-decoration-color: currentColor
}

.underline-offset-4 {
    text-underline-offset: 4px
}

.underline-offset-\[5px\] {
    text-underline-offset: 5px
}

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

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-25 {
    opacity: .25
}

.opacity-50 {
    opacity: .5
}

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

.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
    --tw-shadow-colored: 0 25px 50px -12px 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-\[0_1px_1px_rgba\(31\,33\,36\,0\.1\)\] {
    --tw-shadow: 0 1px 1px rgba(31, 33, 36, .1);
    --tw-shadow-colored: 0 1px 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-\[0px_2px_8px_0px_rgba\(0\,0\,0\,0\.06\)\] {
    --tw-shadow: 0px 2px 8px 0px rgba(0, 0, 0, .06);
    --tw-shadow-colored: 0px 2px 8px 0px 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-\[inset_0_0_0_1px_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05);
    --tw-shadow-colored: inset 0 0 0 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-button {
    --tw-shadow: 0px 1px 0px 0px #E3E3E3 inset, 1px 0px 0px 0px #E3E3E3 inset, -1px 0px 0px 0px #E3E3E3 inset, 0px -1px 0px 0px #B5B5B5 inset;
    --tw-shadow-colored: inset 0px 1px 0px 0px var(--tw-shadow-color), inset 1px 0px 0px 0px var(--tw-shadow-color), inset -1px 0px 0px 0px var(--tw-shadow-color), inset 0px -1px 0px 0px 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-button-active {
    --tw-shadow: 0px 2px 1px 0px rgba(26, 26, 26, .2) inset, 1px 0px 1px 0px rgba(26, 26, 26, .12) inset, -1px 0px 1px 0px rgba(26, 26, 26, .12) inset;
    --tw-shadow-colored: inset 0px 2px 1px 0px var(--tw-shadow-color), inset 1px 0px 1px 0px var(--tw-shadow-color), -1px 0px 1px 0px 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-card {
    --tw-shadow: 0px 5px 5px -2.5px rgba(0, 0, 0, .03), 0px 2px 2px -1px rgba(0, 0, 0, .02), 0px 1px 1px -.5px rgba(0, 0, 0, .03), 0px .5px .5px 0px rgba(0, 0, 0, .04);
    --tw-shadow-colored: 0px 5px 5px -2.5px var(--tw-shadow-color), 0px 2px 2px -1px var(--tw-shadow-color), 0px 1px 1px -.5px var(--tw-shadow-color), 0px .5px .5px 0px 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-csat-card {
    --tw-shadow: 0px 2px 1px rgba(0, 0, 0, .05), 0px 0px 1px rgba(0, 0, 0, .25);
    --tw-shadow-colored: 0px 2px 1px var(--tw-shadow-color), 0px 0px 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-custom-large {
    --tw-shadow: 0px 2px 6px 0px rgba(31, 33, 36, .05), 0px 4px 12px 0px rgba(31, 33, 36, .2);
    --tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color), 0px 4px 12px 0px 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-elevation-subtle {
    --tw-shadow: 0px 5px 5px -2.5px rgba(0, 0, 0, .03), 0px 3px 3px -1.5px rgba(0, 0, 0, .02), 0px 2px 2px -1px rgba(0, 0, 0, .02), 0px 1px 1px -.5px rgba(0, 0, 0, .03), 0px .5px .5px 0px rgba(0, 0, 0, .04);
    --tw-shadow-colored: 0px 5px 5px -2.5px var(--tw-shadow-color), 0px 3px 3px -1.5px var(--tw-shadow-color), 0px 2px 2px -1px var(--tw-shadow-color), 0px 1px 1px -.5px var(--tw-shadow-color), 0px .5px .5px 0px 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 rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --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 rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
    --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-overlay {
    --tw-shadow: 0px .5px .5px 0px rgba(0, 0, 0, .04), 0px 1px 1px -.5px rgba(0, 0, 0, .03), 0px 2px 2px -1px rgba(0, 0, 0, .02), 0px 5px 5px -2.5px rgba(0, 0, 0, .03), 0 10px 40px 40px rgba(255, 255, 255, 1);
    --tw-shadow-colored: 0px .5px .5px 0px var(--tw-shadow-color), 0px 1px 1px -.5px var(--tw-shadow-color), 0px 2px 2px -1px var(--tw-shadow-color), 0px 5px 5px -2.5px var(--tw-shadow-color), 0 10px 40px 40px 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 rgb(0 0 0 / .05);
    --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 rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
    --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-gray-200 {
    --tw-shadow-color: #e5e7eb;
    --tw-shadow: var(--tw-shadow-colored)
}

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

.outline {
    outline-style: solid
}

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

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

.outline-\[var\(--p-focused\)\] {
    outline-color: var(--p-focused)
}

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

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

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

.drop-shadow-lg {
    --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.drop-shadow-sm {
    --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / .05));
    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)
}

.drop-shadow-xl {
    --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / .03)) drop-shadow(0 8px 5px rgb(0 0 0 / .08));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.grayscale {
    --tw-grayscale: grayscale(100%);
    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 {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-lg {
    --tw-backdrop-blur: blur(16px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-md {
    --tw-backdrop-blur: blur(12px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

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

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

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

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

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

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

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

.delay-\[600ms\] {
    transition-delay: .6s
}

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

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

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

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

.ease-\[cubic-bezier\(0\.25\,0\.46\,0\.45\,0\.94\)\] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

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

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

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

.will-change-transform {
    will-change: transform
}

.\[citation\:\.\.\.\] {
    citation: ...
}

.\[citation\:A\] {
    citation: A
}

.\[citation\:B\] {
    citation: B
}

.\[citation\:C\] {
    citation: C
}

.\[citation\:Documentation\] {
    citation: Documentation
}

.\[citation\:Example\] {
    citation: Example
}

.\[citation\:First\] {
    citation: First
}

.\[citation\:Real\] {
    citation: Real
}

.\[citation\:Second\] {
    citation: Second
}

.\[citation\:Title\] {
    citation: Title
}

.\[container-type\:inline-size\] {
    container-type: inline-size
}

.\[counter-increment\:list-counter\] {
    counter-increment: list-counter
}

.\[counter-reset\:list-counter\] {
    counter-reset: list-counter
}

.\[font-weight\:var\(--p-font-weight-medium\)\] {
    font-weight: var(--p-font-weight-medium)
}

.\[help-center\:supportCoreGraphQLClient\] {
    help-center: supportCoreGraphQLClient
}

.\[help\:dependencyState\] {
    help: dependencyState
}

.\[help\:selected-org\] {
    help: selected-org
}

.\[help\:shopifyStatusService\] {
    help: shopifyStatusService
}

.\[text-wrap\:wrap\] {
    text-wrap: wrap
}

@keyframes shimmer {
    0% {
        background-position: 100% 0
    }

    to {
        background-position: -100% 0
    }
}

.shimmer-text {
    animation: shimmer 2s linear infinite;
    background-image: linear-gradient(90deg, var(--shimmer-color, currentColor) 0%, var(--shimmer-color, currentColor) 40%, var(--shimmer-highlight, rgba(255, 255, 255, .8)) 50%, var(--shimmer-color, currentColor) 60%, var(--shimmer-color, currentColor) 100%);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.hc-in-this-section {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: .75rem
}

@media(min-width:900px) {
    .hc-in-this-section {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.hc-in-this-section a {
    display: flex;
    flex-direction: column;
    border-radius: .75rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(227 227 227 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding: 1rem;
    color: inherit;
    text-decoration-line: none;
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    --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);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s
}

.hc-in-this-section a:hover {
    --tw-translate-y: -.125rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-border-opacity: 1;
    border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
    text-decoration-line: none;
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
    --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)
}

.hc-its-card__heading {
    display: flex;
    align-items: center
}

.hc-its-card__title {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(26 26 26 / var(--tw-text-opacity, 1))
}

.hc-in-this-section a:hover .hc-its-card__title {
    text-decoration-line: underline
}

.hc-its-card__arrow {
    margin-inline-start: .25rem;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    --tw-translate-x: -.5rem;
    --tw-scale-x: 0;
    --tw-scale-y: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    fill: currentColor;
    vertical-align: middle;
    --tw-text-opacity: 1;
    color: rgb(26 26 26 / var(--tw-text-opacity, 1));
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.hc-in-this-section a:hover .hc-its-card__arrow {
    --tw-translate-x: 0px;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1
}

.hc-its-card__desc {
    margin-top: .25rem;
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(97 97 97 / var(--tw-text-opacity, 1))
}

@font-face {
    font-family: GTStandard-Regular;
    src: url(https://cdn.shopify.com/shop-assets/static_uploads/shoplift/GTStandard-Regular.woff2) format("woff2"), url(https://cdn.shopify.com/shopifycloud/help-center/fonts/GTStandard/GTStandard-Regular.woff2) format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: fallback
}

body,
html {
    height: 100%
}

.shop-brand *:focus-visible {
    outline: 3px solid #cbbce3
}

.shop-brand .article h1 {
    line-height: 2rem !important;
    letter-spacing: -.35px;
    font-weight: 600 !important
}

.shop-brand .article h2 {
    letter-spacing: -.35px;
    font-weight: 600
}

.shop-brand .article h3 {
    font-weight: 550
}

*:not(.customScroll) {
    -ms-overflow-style: none;
    scrollbar-width: none
}

:root {
    --header-padding: 1.25rem;
    --header-dropdown-menu-line-height: 1.5rem
}

:target {
    scroll-margin-top: calc(var(--header-padding) * 2 + var(--header-dropdown-menu-line-height) + 1rem)
}

*:not(.customScroll)::-webkit-scrollbar {
    display: none
}

body:has(.disable-body-scrolling:hover) {
    overflow: hidden
}

@supports (font-variation-settings: normal) {
    html {
        font-weight: 450
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-wrap: balance
}

.height-viewable {
    height: 100vh;
    height: 100svh
}

.table-of-contents a:hover {
    text-decoration: none
}

.customScroll {
    scrollbar-width: thin;
    scrollbar-color: white transparent
}

.customScroll:hover {
    scrollbar-width: thin;
    scrollbar-color: lightgray transparent
}

.customScroll::-webkit-scrollbar {
    width: .4rem;
    height: .4rem
}

.customScroll::-webkit-scrollbar-track {
    background-color: #fff
}

.customScroll::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 1rem
}

.customScroll:hover::-webkit-scrollbar-thumb {
    background-color: #d3d3d3
}

.customScroll:hover::-webkit-scrollbar-thumb:hover {
    background-color: #a9a9a9
}

.article h1,
.article h2,
.article h3,
.article h4,
.article details,
.article>p {
    counter-reset: ol-item
}

.article ol>li {
    counter-increment: ol-item
}

.article ol>li::marker {
    content: counter(ol-item) ". ";
    margin-right: 8px
}

.article ol ol {
    counter-reset: ol-ol-item
}

.article ol ol>li {
    counter-increment: ol-ol-item
}

.article ol ol>li::marker {
    content: counter(ol-ol-item, lower-alpha) ". "
}

.article h1 {
    font-size: 1.875rem !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 2.5rem !important
}

.article h2 {
    scroll-margin-top: 5rem !important;
    font-size: 1.5rem !important;
    line-height: 2rem !important
}

.article h3 {
    scroll-margin-top: 5rem !important;
    font-size: 1.25rem !important;
    line-height: 1.5rem !important
}

.article h4 {
    font-size: 1.2rem !important;
    line-height: 1.25rem !important
}

.article,
.article p,
.article li,
.article span,
.article th,
.article td {
    font-size: .875rem;
    font-style: normal;
    line-height: 1.25rem
}

.article li p {
    margin: 0
}

.article th {
    font-weight: 600
}

.article iframe {
    aspect-ratio: 16 / 9;
    width: 100%;
    height: auto
}

button {
    -webkit-tap-highlight-color: transparent
}

.article code {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font-size: .875rem;
    font-style: normal
}

.article code:not(pre code) {
    background-color: #e8e9eb;
    display: inline-block;
    padding: 0 .25rem
}

.article code:before,
.article code:after {
    content: none
}

.article table.idv-error-code-reference td code {
    overflow-wrap: break-word;
    word-break: normal
}

.article aside.note.tip,
.article aside.note.note-information {
    background-color: #eaf4ff !important
}

.article aside.note.tip h4:before,
.article aside.note.note-information h4:before {
    content: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3e%3cpath%20d='M8.75%2010.25C8.75%2010.8023%208.30228%2011.25%207.75%2011.25C7.19772%2011.25%206.75%2010.8023%206.75%2010.25C6.75%209.69772%207.19772%209.25%207.75%209.25C8.30228%209.25%208.75%209.69772%208.75%2010.25Z'%20fill='%2300527C'/%3e%3cpath%20d='M7.75%2014.25C8.30228%2014.25%208.75%2013.8023%208.75%2013.25C8.75%2012.6977%208.30228%2012.25%207.75%2012.25C7.19772%2012.25%206.75%2012.6977%206.75%2013.25C6.75%2013.8023%207.19772%2014.25%207.75%2014.25Z'%20fill='%2300527C'/%3e%3cpath%20d='M9.75%2010.25C9.75%209.83579%2010.0858%209.5%2010.5%209.5H12.5C12.9142%209.5%2013.25%209.83579%2013.25%2010.25C13.25%2010.6642%2012.9142%2011%2012.5%2011H10.5C10.0858%2011%209.75%2010.6642%209.75%2010.25Z'%20fill='%2300527C'/%3e%3cpath%20d='M10.5%2012.5C10.0858%2012.5%209.75%2012.8358%209.75%2013.25C9.75%2013.6642%2010.0858%2014%2010.5%2014H12.5C12.9142%2014%2013.25%2013.6642%2013.25%2013.25C13.25%2012.8358%2012.9142%2012.5%2012.5%2012.5H10.5Z'%20fill='%2300527C'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.51547%204.75C6.6385%203.76342%207.4801%203%208.5%203H11.5C12.5199%203%2013.3616%203.76347%2013.4845%204.75009L13.75%204.75C14.9926%204.75%2016%205.75736%2016%207V14.75C16%2015.9926%2014.9926%2017%2013.75%2017H6.25C5.00736%2017%204%2015.9926%204%2014.75V7C4%205.75736%205.00736%204.75%206.25%204.75H6.51547ZM8.5%204.5H11.5C11.7761%204.5%2012%204.72386%2012%205V6C12%206.27614%2011.7761%206.5%2011.5%206.5H8.5C8.22386%206.5%208%206.27614%208%206V5C8%204.72386%208.22386%204.5%208.5%204.5ZM6.25%206.25H6.51547C6.6385%207.23658%207.4801%208%208.5%208H11.5C12.5199%208%2013.3615%207.23658%2013.4845%206.25H13.75C14.1642%206.25%2014.5%206.58579%2014.5%207V14.75C14.5%2015.1642%2014.1642%2015.5%2013.75%2015.5H6.25C5.83579%2015.5%205.5%2015.1642%205.5%2014.75V7C5.5%206.58579%205.83579%206.25%206.25%206.25Z'%20fill='%2300527C'/%3e%3c/svg%3e") !important
}

.article aside.note.tip h4,
.article aside.note.note-information h4 {
    color: #00527c !important
}

.article aside.note.tip p,
.article aside.note.note-information p {
    color: #00527c !important
}

.article aside.note.tip p a,
.article aside.note.note-information p a {
    color: #00527c !important
}

.article aside.note.tip ul,
.article aside.note.note-information ul {
    color: #00527c !important
}

.article aside.note.tip ul strong,
.article aside.note.note-information ul strong {
    color: #00527c !important
}

.article aside.note.tip li::marker,
.article aside.note.note-information li::marker {
    color: #00527c !important
}

.article aside.note.beta,
.article aside.note.note-beta {
    background-color: #fdeffd !important
}

.article aside.note.beta h4:before,
.article aside.note.note-beta h4:before {
    content: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20xmlns:serif='http://www.serif.com/'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3e%3cpath%20d='M4.964,4.02L5.201,3.893C6.945,2.963%209.092,3.199%2010.593,4.485C11.217,5.019%2012.1,5.139%2012.843,4.789L13.687,4.392C13.95,4.268%2014.237,4.204%2014.527,4.204C15.609,4.204%2016.5,5.095%2016.5,6.177C16.5,6.178%2016.5,11.222%2016.5,11.222C16.5,12.139%2015.968,12.977%2015.139,13.367L13.776,14.007C12.321,14.692%2010.591,14.458%209.37,13.412C8.486,12.654%207.221,12.515%206.194,13.063L5,13.7L5,15.75C5,16.161%204.661,16.5%204.25,16.5C3.839,16.5%203.5,16.161%203.5,15.75C3.5,15.75%203.5,4.25%203.5,4.25C3.5,3.838%203.839,3.5%204.25,3.5C4.575,3.5%204.865,3.711%204.964,4.02ZM5.907,5.216C7.107,4.576%208.585,4.739%209.617,5.624C10.688,6.542%2012.206,6.747%2013.482,6.146L14.325,5.749C14.388,5.719%2014.457,5.704%2014.527,5.704C14.786,5.704%2015,5.917%2015,6.177C15,6.177%2015,6.178%2015,6.178L15,11.222C15,11.558%2014.805,11.866%2014.5,12.009L13.138,12.651C12.216,13.085%2011.12,12.937%2010.346,12.273C8.994,11.114%207.059,10.902%205.488,11.74L5,12L5,5.885C5,5.771%205.063,5.667%205.163,5.613L5.907,5.216Z'%20style='fill:rgb(225,86,225);'/%3e%3c/svg%3e") !important
}

.article aside.note.beta h4,
.article aside.note.note-beta h4 {
    color: #340634 !important
}

.article aside.note.beta p,
.article aside.note.note-beta p {
    color: #340634 !important
}

.article aside.note.beta p a,
.article aside.note.note-beta p a {
    color: #340634 !important
}

.article aside.note.beta ul,
.article aside.note.note-beta ul {
    color: #340634 !important
}

.article aside.note.beta ul strong,
.article aside.note.note-beta ul strong {
    color: #340634 !important
}

.article aside.note.beta li::marker,
.article aside.note.note-beta li::marker {
    color: #340634 !important
}

.article aside.note.staff-permissions,
.article aside.note.note-staff-permissions {
    background-color: #cdfed4 !important
}

.article aside.note.staff-permissions h4:before,
.article aside.note.note-staff-permissions h4:before {
    content: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3e%3cpath%20d='M10%204C8.34315%204%207%205.34315%207%207C7%208.65685%208.34315%2010%2010%2010C11.6569%2010%2013%208.65685%2013%207C13%205.34315%2011.6569%204%2010%204ZM8.5%207C8.5%206.17157%209.17157%205.5%2010%205.5C10.8284%205.5%2011.5%206.17157%2011.5%207C11.5%207.82843%2010.8284%208.5%2010%208.5C9.17157%208.5%208.5%207.82843%208.5%207ZM5.25%2016.5C4.83579%2016.5%204.5%2016.1642%204.5%2015.75C4.5%2013.1266%206.62665%2011%209.25%2011H10.75C13.3734%2011%2015.5%2013.1266%2015.5%2015.75C15.5%2016.1642%2015.1642%2016.5%2014.75%2016.5H5.25ZM6.08296%2015H13.917C13.6328%2013.4609%2012.3214%2012.5%2010.75%2012.5H9.25C7.67858%2012.5%206.36722%2013.4609%206.08296%2015Z'%20fill='%230d9c6a'/%3e%3c/svg%3e") !important
}

.article aside.note.staff-permissions h4,
.article aside.note.note-staff-permissions h4 {
    color: #022622 !important
}

.article aside.note.staff-permissions p,
.article aside.note.note-staff-permissions p {
    color: #022622 !important
}

.article aside.note.staff-permissions p a,
.article aside.note.note-staff-permissions p a {
    color: #022622 !important
}

.article aside.note.staff-permissions ul,
.article aside.note.note-staff-permissions ul {
    color: #022622 !important
}

.article aside.note.staff-permissions ul strong,
.article aside.note.note-staff-permissions ul strong {
    color: #022622 !important
}

.article aside.note.staff-permissions p strong,
.article aside.note.note-staff-permissions p strong {
    color: #022622 !important
}

.article aside.note.staff-permissions strong,
.article aside.note.note-staff-permissions strong {
    color: #022622 !important
}

.article aside.note.staff-permissions b,
.article aside.note.note-staff-permissions b {
    color: #022622 !important
}

.article aside.note.staff-permissions li::marker,
.article aside.note.note-staff-permissions li::marker {
    color: #022622 !important
}

.article aside.note.sidekick,
.article aside.note.note-sidekick {
    background-color: #e9e5ff !important
}

.article aside.note.sidekick h4:before,
.article aside.note.note-sidekick h4:before {
    content: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='%231C004F'%3e%3cpath%20d='m10.943%2014.05-.002.002c-.73.351-1.465.231-2.204-.105-.252-.114-.532-.083-.713.077-.093.082-.158.2-.162.339-.005.138.052.268.146.377.479.552%201.198.91%201.954.923.827.035%201.596-.417%202.027-1.07.077-.116.117-.249.096-.383-.02-.136-.1-.243-.202-.31-.198-.13-.473-.117-.7.02-.08.05-.16.094-.24.13Z'/%3e%3cpath%20fill-rule='evenodd'%20d='M2.893%205.951c-.06.196-.204.817-.204%201.655-.126.729-.078%201.454-.126%202.712l-.06%201.56c-.096%202.547%201.752%205.313%204.276%205.663%201.938.269%203.904.278%205.844.028l.218-.028c.24-.03.383-.049.509-.072%202.335-.424%204.042-3.002%204.074-5.375.002-.127-.003-.271-.012-.513l-.05-1.288c-.027-.722-.048-1.283-.097-1.75l.006-.142c.03-.65.023-.743-.05-1.17-.097-.566-.317-1.16-.506-1.518-.274-.521-.719-1.054-1.407-1.054l-.187-.193c-1.495-1.55-2.192-1.895-5.407-2.209-1.825-.057-2.68.23-3.804.78-1.071.523-2.162%201.245-2.551%201.778-.277.378-.376.838-.466%201.136Zm9.726.323c.711.067%201.364.129%201.883.05%200%200%20.283.783.976%201.479.08.08.154.152.224.22.153.15.285.277.392.407.017.123.031.258.044.412-.204-.098-.44-.168-.71-.201-1.064-.076-1.896.336-2.747.758-.818.405-1.654.82-2.73.82-1.075%200-1.911-.415-2.729-.82-.851-.422-1.683-.834-2.746-.758-.26.032-.488.098-.686.189.035-.411.083-.694.165-.943.226-.687.638-1.284%201.178-1.735.071-.03.146-.055.223-.079l.413.015c-.05%201.316.268%202.192.46%202.247.156.044.378-.256.672-.654.105-.142.22-.297.344-.453.147-.186.511-.456%201.002-.738.092.668.28%201.08.408%201.116.157.045.379-.256.672-.653.106-.143.22-.298.344-.454.097-.12.222-.233.379-.334h.089c.275%200%20.577.003.893.005.54.004%201.078.055%201.587.104Zm-8.657%207.426c.514%201.351%201.617%202.514%202.975%202.702%201.837.255%203.7.264%205.54.027l.197-.026c.266-.034.47-.065.47-.065%201.27-.23%202.299-1.356%202.8-2.64-.213.124-.463.226-.755.3-.685.17-1.63-.077-2.678-.626-.364-.19-.643-.414-.904-.623-.475-.382-.89-.716-1.655-.716s-1.181.334-1.656.716c-.261.21-.54.433-.904.623-1.048.55-1.992.797-2.678.625-.29-.072-.54-.174-.752-.297Zm1.835-1.137c.687%200%201.244-.557%201.244-1.245%200-.687-.557-1.244-1.244-1.244-.688%200-1.245.557-1.245%201.244%200%20.688.557%201.245%201.245%201.245Zm6.9-1.245c0%20.688.558%201.245%201.245%201.245s1.244-.557%201.244-1.245c0-.687-.557-1.244-1.244-1.244-.688%200-1.245.557-1.245%201.244Z'/%3e%3c/svg%3e") !important
}

.article aside.note.sidekick h4,
.article aside.note.note-sidekick h4 {
    color: #1c004f !important
}

.article aside.note.sidekick :is(p, a, ul, strong, b, li::marker),
.article aside.note.note-sidekick :is(p, a, ul, strong, b, li::marker) {
    color: #1c004f !important
}

.article aside.note.note-growth,
.article aside.note.growth {
    background-color: #d0ffd1 !important
}

.article aside.note.note-growth h4:before,
.article aside.note.growth h4:before {
    content: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20xmlns:serif='http://www.serif.com/'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3e%3cpath%20d='M4,3C3.451,3%203,3.451%203,4L3,8.25C3,11.953%206.047,15%209.75,15L9.75,16.25C9.75,16.661%2010.089,17%2010.5,17C10.911,17%2011.25,16.661%2011.25,16.25L11.25,14.957C14.512,14.578%2017,11.784%2017,8.5L17,6.98C17,6.442%2016.558,6%2016.02,6C14.03,6%2012.258,6.926%2011.11,8.371C10.459,5.253%207.685,3%204.5,3L4,3ZM12.035,13.26C14.095,12.595%2015.5,10.665%2015.5,8.5L15.5,7.528C13.266,7.774%2011.494,9.566%2011.273,11.803L12.66,10.037C12.802,9.853%2013.021,9.746%2013.253,9.746C13.665,9.746%2014.003,10.084%2014.003,10.496C14.003,10.665%2013.946,10.83%2013.84,10.963L12.035,13.26ZM6.13,8.922L9.234,13.475C6.561,13.211%204.5,10.936%204.5,8.25L4.5,4.5C7.4,4.5%209.75,6.85%209.75,9.75L9.75,11.569L7.37,8.077C7.23,7.872%206.998,7.749%206.75,7.749C6.338,7.749%206,8.088%206,8.499C6,8.65%206.045,8.797%206.13,8.922Z'%20style='fill:rgb(24,168,29);'/%3e%3c/svg%3e") !important;
    color: #18a81d !important
}

.article aside.note.note-growth h4,
.article aside.note.growth h4 {
    color: #033d05 !important
}

.article aside.note.note-growth p,
.article aside.note.growth p {
    color: #033d05 !important
}

.article aside.note.note-growth p a,
.article aside.note.growth p a {
    color: #033d05 !important
}

.article aside.note.note-growth ul,
.article aside.note.growth ul {
    color: #033d05 !important
}

.article aside.note.note-growth ul strong,
.article aside.note.growth ul strong {
    color: #033d05 !important
}

.article aside.note.note-growth li::marker,
.article aside.note.growth li::marker {
    color: #033d05 !important
}

.article aside.note.note-caution,
.article aside.note.caution {
    background-color: #fff1e3 !important
}

.article aside.note.note-caution h4:before,
.article aside.note.caution h4:before {
    content: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3e%3cpath%20d='M9.99997%206.75C10.4142%206.75%2010.75%207.08579%2010.75%207.5V11C10.75%2011.4142%2010.4142%2011.75%209.99997%2011.75C9.58576%2011.75%209.24997%2011.4142%209.24997%2011V7.5C9.24997%207.08579%209.58576%206.75%209.99997%206.75Z'%20fill='%235E4200'/%3e%3cpath%20d='M11%2013.5C11%2014.0523%2010.5523%2014.5%2010%2014.5C9.44775%2014.5%209.00003%2014.0523%209.00003%2013.5C9.00003%2012.9477%209.44775%2012.5%2010%2012.5C10.5523%2012.5%2011%2012.9477%2011%2013.5Z'%20fill='%235E4200'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.0001%203.5C8.95474%203.5%208.21619%204.20232%207.84765%204.94672C7.65568%205.33448%206.75987%207.0441%205.84308%208.79353L5.81534%208.84646C4.92293%2010.5493%204.01717%2012.2777%203.80719%2012.702C3.43513%2013.4537%203.32934%2014.4519%203.89956%2015.316C4.46914%2016.1791%205.44225%2016.5%206.3636%2016.5L13.6364%2016.5C14.5577%2016.5%2015.5309%2016.1791%2016.1005%2015.316C16.6707%2014.4519%2016.5649%2013.4537%2016.1928%2012.702C15.9832%2012.2784%2015.08%2010.555%2014.189%208.85476L14.1569%208.79352C13.24%207.044%2012.3443%205.33454%2012.1525%204.94693C11.784%204.20242%2011.0455%203.5%2010.0001%203.5ZM9.19193%205.61225C9.59608%204.79592%2010.4041%204.79592%2010.8081%205.61225C11.0102%206.02061%2011.9201%207.75686%2012.8297%209.49243C13.7383%2011.2262%2014.6466%2012.9594%2014.8485%2013.3673C15.2525%2014.1837%2014.8485%2015%2013.6364%2015L6.3636%2015C5.15153%2015%204.74749%2014.1837%205.15153%2013.3673C5.35379%2012.9587%206.26471%2011.2205%207.17483%209.4838C8.08286%207.75111%208.99008%206.01994%209.19193%205.61225Z'%20fill='%235E4200'/%3e%3c/svg%3e")
}

.article aside.note.note-caution h4,
.article aside.note.caution h4 {
    color: #412d00 !important
}

.article aside.note.note-caution p,
.article aside.note.caution p {
    color: #412d00 !important
}

.article aside.note.note-caution p a,
.article aside.note.caution p a {
    color: #412d00 !important
}

.article aside.note.note-caution ul,
.article aside.note.caution ul {
    color: #412d00 !important
}

.article aside.note.note-caution ul strong,
.article aside.note.caution ul strong {
    color: #412d00 !important
}

.article aside.note.note-caution li::marker,
.article aside.note.caution li::marker {
    color: #412d00 !important
}

.article aside.note.note-plus h4:before,
.article aside.note.plus h4:before {
    content: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='18'%20height='18'%20viewBox='0%200%2050%2050'%20fill='none'%3e%3cg%3e%3cpath%20d='M30.0164%206.01459C30.0164%206.01459%2029.4539%206.17716%2028.5297%206.46166C28.369%205.93331%2028.1279%205.32367%2027.8064%204.67339C26.7616%202.64126%2025.1945%201.54391%2023.3461%201.54391C23.2256%201.54391%2023.105%201.54391%2022.9443%201.58455C22.9041%201.50327%2022.8237%201.46262%2022.7836%201.38134C21.9799%200.487203%2020.9352%200.0807771%2019.6895%200.12142C17.2785%200.202705%2014.8676%201.95034%2012.9388%205.07981C11.5726%207.27451%2010.5279%2010.0382%2010.2466%2012.1923C7.47397%2013.0458%205.54521%2013.6554%205.50502%2013.696C4.09863%2014.1431%204.05845%2014.1837%203.89772%2015.525C3.65662%2016.541%200%2045.194%200%2045.194L30.3781%2050.5182V5.93331C30.2174%205.97395%2030.0968%205.97395%2030.0164%206.01459ZM22.9845%208.20929C21.3772%208.697%2019.6091%209.266%2017.8813%209.79435C18.3635%207.88415%2019.3279%205.97395%2020.453%204.71403C20.895%204.26696%2021.4977%203.73861%2022.1808%203.41347C22.8639%204.8766%2023.0247%206.86809%2022.9845%208.20929ZM19.7297%201.74712C20.2922%201.74712%2020.7744%201.86905%2021.1763%202.11291C20.5333%202.43805%2019.8904%202.9664%2019.2877%203.57604C17.7607%205.24238%2016.5954%207.84351%2016.1132%2010.3227C14.6667%2010.7698%2013.2201%2011.2168%2011.8941%2011.6233C12.7379%207.76222%2015.9927%201.86905%2019.7297%201.74712ZM15.0283%2024.1005C15.189%2026.7017%2021.9799%2027.2707%2022.3817%2033.4077C22.663%2038.2441%2019.8502%2041.5362%2015.7918%2041.7801C10.8895%2042.1052%208.19726%2039.1789%208.19726%2039.1789L9.24201%2034.7082C9.24201%2034.7082%2011.9342%2036.781%2014.1041%2036.6184C15.5105%2036.5372%2016.0329%2035.3585%2015.9927%2034.5457C15.7918%2031.1317%2010.2466%2031.3349%209.88493%2025.7262C9.56347%2021.0523%2012.6174%2016.2972%2019.368%2015.8501C21.9799%2015.6875%2023.3059%2016.3378%2023.3059%2016.3378L21.779%2022.1903C21.779%2022.1903%2020.0511%2021.3775%2018.0018%2021.5401C15.0283%2021.7433%2014.9881%2023.6535%2015.0283%2024.1005ZM24.5918%207.72158C24.5918%206.5023%2024.4311%204.75467%2023.8685%203.29154C25.7169%203.65732%2026.6009%205.73009%2027.0027%206.99001C26.2795%207.19323%2025.4758%207.43708%2024.5918%207.72158Z'%20fill='black'/%3e%3cpath%20d='M31.3826%2050.3563L44%2047.1861C44%2047.1861%2038.5753%2010.0795%2038.5351%209.83561C38.4949%209.59175%2038.294%209.42918%2038.0931%209.42918C37.8922%209.42918%2034.3561%209.3479%2034.3561%209.3479C34.3561%209.3479%2032.1863%207.23448%2031.3826%206.42163V50.3563Z'%20fill='black'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2299_8449'%3e%3crect%20width='44'%20height='50.6'%20fill='black'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") !important
}

.article aside.note.plan,
.article aside.note.note-plan {
    background-color: #d7faf7 !important
}

.article aside.note.plan h4:before,
.article aside.note.note-plan h4:before {
    content: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20xmlns:serif='http://www.serif.com/'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3e%3cg%20transform='matrix(0.93167,0,0,0.93167,0.204991,1.16161)'%3e%3cpath%20d='M14.208,4.688L15.741,2.388C15.768,2.347%2015.783,2.299%2015.783,2.25C15.783,2.113%2015.67,2%2015.533,2L12.467,2C12.33,2%2012.217,2.113%2012.217,2.25C12.217,2.299%2012.231,2.348%2012.259,2.389L13.792,4.688C13.838,4.757%2013.916,4.799%2014,4.799C14.084,4.799%2014.162,4.757%2014.208,4.688Z'%20style='fill:rgb(0,161,152);fill-rule:nonzero;'/%3e%3c/g%3e%3cg%20transform='matrix(0.93167,0,0,0.93167,0.204991,1.16161)'%3e%3cpath%20d='M11.25,7C11.25,6.31%2011.81,5.75%2012.5,5.75L15.75,5.75C16.44,5.75%2017,6.31%2017,7L17,15.75C17,16.44%2016.44,17%2015.75,17L4.25,17C3.56,17%203,16.44%203,15.75L3,13C3,12.31%203.56,11.75%204.25,11.75L7,11.75L7,10C7,9.31%207.56,8.75%208.25,8.75L11.25,8.75L11.25,7ZM13.5,9.5L13.5,7.25L15.5,7.25L15.5,15.5L5.25,15.5L5.25,13.25L8.5,13.25C8.911,13.25%209.25,12.911%209.25,12.5L9.25,10.25L12.75,10.25C13.161,10.25%2013.5,9.911%2013.5,9.5Z'%20style='fill:rgb(0,161,152);'/%3e%3c/g%3e%3c/svg%3e") !important
}

.article aside.note.plan h4,
.article aside.note.note-plan h4 {
    color: #033c39 !important
}

.article aside.note.plan p,
.article aside.note.note-plan p {
    color: #033c39 !important
}

.article aside.note.plan p a,
.article aside.note.note-plan p a {
    color: #033c39 !important
}

.article aside.note.plan ul,
.article aside.note.note-plan ul {
    color: #033c39 !important
}

.article aside.note.plan ul strong,
.article aside.note.note-plan ul strong {
    color: #033c39 !important
}

.article aside.note.plan li::marker,
.article aside.note.note-plan li::marker {
    color: #033c39 !important
}

.article aside.note {
    -webkit-font-smoothing: antialiased;
    border-radius: .5rem;
    background-color: #f0f2ff;
    padding: .75rem;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.article aside.note h4:before {
    position: absolute;
    inset-inline-start: 0;
    top: 50%;
    transform: translateY(-50%);
    content: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3e%3cpath%20d='M6.55,7.25C6.55,6.863%206.863,6.55%207.25,6.55L12.75,6.55C13.137,6.55%2013.45,6.863%2013.45,7.25C13.45,7.636%2013.137,7.95%2012.75,7.95L7.25,7.95C6.863,7.95%206.55,7.636%206.55,7.25Z'%20style='fill:rgb(0,91,211);fill-rule:nonzero;'/%3e%3cpath%20d='M7,9.05C6.613,9.05%206.3,9.363%206.3,9.75C6.3,10.136%206.613,10.45%207,10.45L9.25,10.45C9.637,10.45%209.95,10.136%209.95,9.75C9.95,9.363%209.637,9.05%209.25,9.05L7,9.05Z'%20style='fill:rgb(0,91,211);fill-rule:nonzero;'/%3e%3cpath%20d='M3.5,6.25C3.5,4.731%204.731,3.5%206.25,3.5L13.75,3.5C15.269,3.5%2016.5,4.731%2016.5,6.25L16.5,11.75C16.5,11.949%2016.421,12.14%2016.28,12.28L12.28,16.28C12.14,16.421%2011.949,16.5%2011.75,16.5L6.25,16.5C4.731,16.5%203.5,15.269%203.5,13.75L3.5,6.25ZM6.25,5C5.56,5%205,5.56%205,6.25L5,13.75C5,14.44%205.56,15%206.25,15L11,15L11,12.75C11,11.784%2011.784,11%2012.75,11L15,11L15,6.25C15,5.56%2014.44,5%2013.75,5L6.25,5ZM13.939,12.5L12.75,12.5C12.612,12.5%2012.5,12.612%2012.5,12.75L12.5,13.939L13.939,12.5Z'%20style='fill:rgb(0,91,211);'/%3e%3c/svg%3e")
}

.article aside.note h4 {
    color: #002e6a;
    font-size: .875rem !important;
    font-style: normal;
    font-weight: 600;
    line-height: 1.25rem !important;
    padding-bottom: .25rem;
    margin: 0;
    position: relative;
    padding-inline-start: 1.5rem
}

.article aside.note p {
    color: #002e6a;
    font-size: .8125rem !important;
    font-style: normal;
    line-height: 1.25rem !important;
    padding-inline-start: 1.5rem;
    margin-bottom: 0
}

.article aside.note p:not(:last-child) {
    margin-bottom: 1.25em
}

.article aside.note p a {
    color: #002e6a
}

.article aside.note ul {
    margin-bottom: 0
}

.article aside.note ul:not(:last-child) {
    margin-bottom: 1.25em
}

.article aside.note ul {
    padding-inline-start: calc(3.125em + .5rem)
}

.article aside.note ul,
.article aside.note ul strong {
    color: #002e6a
}

.article aside.note li {
    font-size: .8125rem !important;
    margin-bottom: 0
}

.article aside.note li:not(:last-child) {
    margin-bottom: .5em
}

.article aside.note li::marker {
    color: #002e6a
}

.article input[type=checkbox] {
    margin: 0 .5rem
}

.article div.app-list {
    display: grid;
    grid-template-columns: 45% 45%
}

.article aside.note.note-cards {
    background: #fff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: .5rem !important;
    margin: 0 !important;
    transition: all .2s ease !important;
    cursor: pointer !important;
    height: 100% !important;
    box-shadow: 0 5px 5px -2.5px #00000008, 0 2px 2px -1px #00000005, 0 1px 1px -.5px #00000008, 0 .5px .5px #0000000a
}

.article aside.note.note-cards:hover {
    background: #f9fafb !important
}

.article aside.note.note-cards a {
    text-decoration: none !important;
    color: inherit !important
}

.article aside.note.note-cards .card-title {
    font-weight: 600 !important;
    margin-bottom: .5rem !important
}

.article aside.note.note-cards .card-description {
    color: #6b6b6b !important;
    margin: 0 !important;
    font-weight: 400 !important
}

.admin-icon {
    display: inline !important;
    margin: 0 !important;
    vertical-align: text-bottom !important;
    max-height: 1.25rem
}

@media screen and (max-width:1280px) {
    .article div.app-list {
        grid-template-columns: 100%
    }
}

@font-face {
    font-family: Inter;
    font-weight: 100 900;
    font-display: swap;
    font-style: normal;
    src: url(https://cdn.shopify.com/shopifycloud/help-center/fonts/Inter\ Web/Inter-Variable.woff2) format("woff2"), url(https://cdn.shopify.com/shopifycloud/help-center/fonts/Inter%20Web/Inter-Variable.woff2) format("woff2")
}

.landing-background-gradient {
    background: linear-gradient(120.58deg, #e5fbba, #79dfff 122.65%), #fff
}

@keyframes fadeInOut {

    0%,
    to {
        opacity: .4
    }

    50% {
        opacity: 1
    }
}

.fadeInOut {
    animation: fadeInOut 2s infinite
}

.tooltip-animation {
    animation-duration: .3s;
    animation-timing-function: cubic-bezier(.35, 0, 0, 1.35);
    animation-name: fadeInFromBottom
}

@keyframes fadeInFromBottom {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

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

.loading-animation {
    background: linear-gradient(120deg, #000 0% 45%, #e2d8ff 50%, #000 55% 100%);
    background-size: 200% 100%;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    animation: fadeLeftRight 1.5s infinite cubic-bezier(.18, .83, .815, .11);
    animation-name: fadeLeftRight
}

@keyframes fadeLeftRight {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0% 50%
    }
}

.citation-button {
    text-decoration-line: none !important
}

.contact-text {
    font-size: 1.125rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity))
}

.contact-text-bold {
    font-weight: 700
}

.sections {
    padding: 0
}

.sections ol {
    margin-bottom: 0
}

.sections details {
    padding: .5rem 0;
    margin-top: 1.6rem;
    margin-bottom: .6rem;
    border-bottom: 2px solid #e5e7eb
}

.sections details summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .3rem 0;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    list-style-type: none;
    cursor: pointer
}

.sections details summary:after {
    content: "";
    flex-shrink: 0;
    width: 20px;
    height: 20px
}

.sections details summary:after {
    --tw-bg-opacity: 1;
    background-color: rgb(50 50 50 / var(--tw-bg-opacity, 1))
}

.sections details summary:after {
    mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3e%3cpath%20fill-rule='evenodd'%20d='M5.72%208.47a.75.75%200%200%201%201.06%200l3.47%203.47%203.47-3.47a.75.75%200%201%201%201.06%201.06l-4%204a.75.75%200%200%201-1.06%200l-4-4a.75.75%200%200%201%200-1.06Z'/%3e%3c/svg%3e") center / contain no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3e%3cpath%20fill-rule='evenodd'%20d='M5.72%208.47a.75.75%200%200%201%201.06%200l3.47%203.47%203.47-3.47a.75.75%200%201%201%201.06%201.06l-4%204a.75.75%200%200%201-1.06%200l-4-4a.75.75%200%200%201%200-1.06Z'/%3e%3c/svg%3e") center / contain no-repeat;
    transform: rotate(0);
    transform-origin: center;
    transition: .3s transform cubic-bezier(.4, 0, .2, 1)
}

.sections details summary::-webkit-details-marker {
    display: none
}

.sections details[open] summary:after {
    transform: rotate(180deg)
}

.accordion-bordered>details {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 5px;
    padding: 10px
}

.accordion-bordered>details>:not(summary) {
    padding: 10px
}

.accordion-bordered>details>summary {
    cursor: pointer;
    font-weight: 700
}

:is(.accordion-faq, .accordion-troubleshooting, .accordion-payments-setup)>details {
    border: 1px solid;
    border-radius: 4px;
    margin-bottom: 5px;
    padding: 12px
}

:is(.accordion-faq, .accordion-troubleshooting, .accordion-payments-setup)>details>:not(summary) {
    margin: 12px 0 0;
    margin-inline-start: 30px
}

:is(.accordion-faq, .accordion-troubleshooting, .accordion-payments-setup)>details>ul,
:is(.accordion-faq, .accordion-troubleshooting, .accordion-payments-setup)>details>ol {
    padding-inline-start: 1.5rem
}

:is(.accordion-faq, .accordion-troubleshooting, .accordion-payments-setup)>details>summary {
    cursor: pointer;
    font-weight: 700;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    list-style-type: none
}

:is(.accordion-faq, .accordion-troubleshooting, .accordion-payments-setup)>details>summary::-webkit-details-marker {
    display: none
}

:is(.accordion-faq, .accordion-troubleshooting, .accordion-payments-setup)>details>summary:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

:is(.accordion-faq, .accordion-troubleshooting, .accordion-payments-setup)>details>summary:after {
    content: "";
    margin-inline-start: auto;
    width: 20px;
    height: 20px;
    flex-shrink: 0
}

:is(.accordion-faq, .accordion-troubleshooting, .accordion-payments-setup)>details>summary:after {
    --tw-bg-opacity: 1;
    background-color: rgb(50 50 50 / var(--tw-bg-opacity, 1))
}

:is(.accordion-faq, .accordion-troubleshooting, .accordion-payments-setup)>details>summary:after {
    mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3e%3cpath%20fill-rule='evenodd'%20d='M5.72%208.47a.75.75%200%200%201%201.06%200l3.47%203.47%203.47-3.47a.75.75%200%201%201%201.06%201.06l-4%204a.75.75%200%200%201-1.06%200l-4-4a.75.75%200%200%201%200-1.06Z'/%3e%3c/svg%3e") center / contain no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3e%3cpath%20fill-rule='evenodd'%20d='M5.72%208.47a.75.75%200%200%201%201.06%200l3.47%203.47%203.47-3.47a.75.75%200%201%201%201.06%201.06l-4%204a.75.75%200%200%201-1.06%200l-4-4a.75.75%200%200%201%200-1.06Z'/%3e%3c/svg%3e") center / contain no-repeat;
    transform: rotate(0);
    transform-origin: center;
    transition: .3s transform cubic-bezier(.4, 0, .2, 1)
}

:is(.accordion-faq, .accordion-troubleshooting, .accordion-payments-setup)>details[open]>summary:after {
    transform: rotate(180deg)
}

.accordion-faq>details {
    border-color: #a8d8ff
}

.accordion-faq>details>summary:before {
    background-image: url(https://cdn.shopify.com/shopifycloud/help-center/manual/admin-icons/QuestionCircleIconBlue.svg)
}

.accordion-troubleshooting>details {
    border-color: #ffd79d
}

.accordion-troubleshooting>details>summary:before {
    background-image: url(https://cdn.shopify.com/shopifycloud/help-center/manual/admin-icons/WrenchIconBrown.svg)
}

.accordion-payments-setup>details {
    border-color: #92fcac
}

.accordion-payments-setup>details>summary:before {
    background-image: url(https://cdn.shopify.com/shopifycloud/help-center/manual/admin-icons/PaymentIconGreen.svg)
}

#AddSubscriberTextField::-moz-placeholder {
    color: var(--p-color-text-disabled);
    opacity: 1
}

#AddSubscriberTextField::placeholder {
    color: var(--p-color-text-disabled);
    opacity: 1
}

.shop-brand .font-medium {
    font-weight: 550
}

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

figure,
.video-embed-wrapper {
    padding: 1rem;
    margin: 1rem 0
}

:is(figure, .video-embed-wrapper) img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    border: 0;
    box-shadow: 0 0 20px 3px #454f5b33
}

:is(figure, .video-embed-wrapper) video,
:is(figure, .video-embed-wrapper) iframe {
    max-width: 100%;
    margin: 0 auto;
    border: 0
}

@media(min-width:1396px) {
    .custom_threads_screen\:inline {
        display: inline !important
    }

    .custom_threads_screen\:px-\[14px\] {
        padding-left: 14px !important;
        padding-right: 14px !important
    }

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

@keyframes slideDown {
    0% {
        transform: translateY(-100%);
        opacity: 0
    }

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

@keyframes slideInFromRight {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes slideOutToRight {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

.animate-slide-in {
    animation: slideInFromRight .25s ease-out
}

.animate-slide-out {
    animation: slideOutToRight .2s ease-in
}

.internal-tabs-trigger[data-state=active] {
    background-color: #fffdfa;
    color: #5e4200;
    border-bottom: #fffdfa
}

.internal-tabs-trigger[data-state=inactive] {
    background-color: none;
    color: #b28400;
    border-bottom: #b28400
}

@media print {
    .article.prose>*:not(#print-content) {
        display: none !important
    }

    @page {
        margin: 1cm;
        size: letter
    }

    html,
    body {
        height: auto !important;
        overflow: visible !important;
        margin: 0;
        padding: 20px;
        font-family: system-ui, -apple-system, sans-serif;
        background: #fff
    }

    #print-content ol {
        margin: 6px 0 12px;
        padding-left: 24px;
        list-style-type: decimal;
        list-style-position: outside
    }

    #print-content li {
        margin: 4px 0;
        line-height: 1.6;
        font-size: 12px;
        display: list-item;
        color: #4b5563
    }

    #print-content strong {
        font-weight: 600;
        color: #111827
    }
}

.placeholder\:text-color-text-muted::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(138 138 138 / var(--tw-text-opacity, 1))
}

.placeholder\:text-color-text-muted::placeholder {
    --tw-text-opacity: 1;
    color: rgb(138 138 138 / var(--tw-text-opacity, 1))
}

.placeholder\:text-color-text-secondary::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(97 97 97 / var(--tw-text-opacity, 1))
}

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

.placeholder\:text-text-secondary::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(118 118 118 / var(--tw-text-opacity, 1))
}

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

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

.before\:inset-x-4:before {
    content: var(--tw-content);
    left: 1rem;
    right: 1rem
}

.before\:inset-y-1:before {
    content: var(--tw-content);
    top: .25rem;
    bottom: .25rem
}

.before\:left-0:before {
    content: var(--tw-content);
    left: 0
}

.before\:left-\[-16px\]:before {
    content: var(--tw-content);
    left: -16px
}

.before\:start-\[-16px\]:before {
    content: var(--tw-content);
    inset-inline-start: -16px
}

.before\:top-1:before {
    content: var(--tw-content);
    top: .25rem
}

.before\:h-6:before {
    content: var(--tw-content);
    height: 1.5rem
}

.before\:w-6:before {
    content: var(--tw-content);
    width: 1.5rem
}

.before\:rounded-full:before {
    content: var(--tw-content);
    border-radius: 9999px
}

.before\:rounded-e-full:before {
    content: var(--tw-content);
    border-start-end-radius: 9999px;
    border-end-end-radius: 9999px
}

.before\:rounded-r-full:before {
    content: var(--tw-content);
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px
}

.before\:bg-color-bg-secondary-active:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(235 235 235 / var(--tw-bg-opacity, 1))
}

.before\:bg-interactive-blue:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(36 99 188 / var(--tw-bg-opacity, 1))
}

.before\:pe-\[3px\]:before {
    content: var(--tw-content);
    padding-inline-end: 3px
}

.before\:pl-0:before {
    content: var(--tw-content);
    padding-left: 0
}

.before\:pr-0:before {
    content: var(--tw-content);
    padding-right: 0
}

.before\:pr-\[3px\]:before {
    content: var(--tw-content);
    padding-right: 3px
}

.before\:pt-\[4\.5px\]:before {
    content: var(--tw-content);
    padding-top: 4.5px
}

.before\:text-center:before {
    content: var(--tw-content);
    text-align: center
}

.before\:text-xs:before {
    content: var(--tw-content);
    font-size: .75rem;
    line-height: 1rem
}

.before\:font-semibold:before {
    content: var(--tw-content);
    font-weight: 600
}

.before\:text-\[\#616A75\]:before {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(97 106 117 / var(--tw-text-opacity, 1))
}

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

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

.before\:content-\[counter\(list-counter\)\]:before {
    --tw-content: counter(list-counter);
    content: var(--tw-content)
}

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

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

.after\:left-\[11px\]:after {
    content: var(--tw-content);
    left: 11px
}

.after\:top-6:after {
    content: var(--tw-content);
    top: 1.5rem
}

.after\:top-\[-11px\]:after {
    content: var(--tw-content);
    top: -11px
}

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

.after\:h-\[calc\(100\%-8px\)\]:after {
    content: var(--tw-content);
    height: calc(100% - 8px)
}

.after\:w-0\.5:after {
    content: var(--tw-content);
    width: .125rem
}

.after\:bg-color-bg-secondary-active:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(235 235 235 / var(--tw-bg-opacity, 1))
}

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

.after\:pl-2:after {
    content: var(--tw-content);
    padding-left: .5rem
}

.after\:ps-3:after {
    content: var(--tw-content);
    padding-inline-start: .75rem
}

.after\:no-underline:after {
    content: var(--tw-content);
    text-decoration-line: none
}

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

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

.after\:duration-200:after {
    content: var(--tw-content);
    transition-duration: .2s
}

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

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

.after\:content-\[attr\(data-content\)\]:after {
    --tw-content: attr(data-content);
    content: var(--tw-content)
}

.last\:border-b-0:last-child {
    border-bottom-width: 0px
}

.last\:after\:hidden:last-child:after {
    content: var(--tw-content);
    display: none
}

.last-of-type\:mb-0:last-of-type {
    margin-bottom: 0
}

.focus-within\:shadow-qbot-input-glow:focus-within {
    --tw-shadow: 0 8px 16px 0 rgba(160, 203, 255, .2), 0 -8px 16px 0 rgba(244, 194, 255, .15), -8px 0 16px 0 rgba(255, 216, 183, .32), 8px 0 16px 0 rgba(198, 173, 255, .4);
    --tw-shadow-colored: 0 8px 16px 0 var(--tw-shadow-color), 0 -8px 16px 0 var(--tw-shadow-color), -8px 0 16px 0 var(--tw-shadow-color), 8px 0 16px 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)
}

.hover\:cursor-pointer:hover {
    cursor: pointer
}

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

.hover\:border-\[3px\]:hover {
    border-width: 3px
}

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

.hover\:border-color-border-hover:hover {
    --tw-border-opacity: 1;
    border-color: rgb(204 204 204 / var(--tw-border-opacity, 1))
}

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

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

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

.hover\:border-shop-theme-color:hover {
    --tw-border-opacity: 1;
    border-color: rgb(84 51 235 / var(--tw-border-opacity, 1))
}

.hover\:border-l-shopify-green:hover {
    --tw-border-opacity: 1;
    border-left-color: rgb(0 128 96 / var(--tw-border-opacity, 1))
}

.hover\:bg-\[\#f0f1f2\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(240 241 242 / var(--tw-bg-opacity, 1))
}

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

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

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

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

.hover\:bg-color-bg-critical-hover:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(163 10 36 / var(--tw-bg-opacity, 1))
}

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

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

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

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

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

.hover\:bg-color-bg-transparent-hover:hover {
    background-color: #0000000d
}

.hover\:bg-color-bg-transparent-inverse-hover:hover {
    background-color: #ffffff38
}

.hover\:bg-color-icon-secondary-active:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(74 74 74 / 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-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1))
}

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

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

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

.hover\:bg-green-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1))
}

.hover\:bg-interactive-light-grey:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(241 241 241 / var(--tw-bg-opacity, 1))
}

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

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

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

.hover\:bg-shop-theme-color-dark:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(48 54 141 / var(--tw-bg-opacity, 1))
}

.hover\:fill-\[var\(--p-action-primary-hovered\)\]:hover {
    fill: var(--p-action-primary-hovered)
}

.hover\:fill-\[var\(--p-icon-hovered\)\]:hover {
    fill: var(--p-icon-hovered)
}

.hover\:text-\[var\(--p-icon-hovered\)\]:hover {
    color: var(--p-icon-hovered)
}

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

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

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

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

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

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

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

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

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

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

.hover\:decoration-transparent:hover {
    text-decoration-color: transparent
}

.hover\:underline-offset-4:hover {
    text-underline-offset: 4px
}

.hover\:opacity-80:hover {
    opacity: .8
}

.hover\:shadow-button-hover:hover {
    --tw-shadow: 0px 1px 0px 0px #EBEBEB inset, -1px 0px 0px 0px #EBEBEB inset, 1px 0px 0px 0px #EBEBEB inset, 0px -1px 0px 0px #CCC inset;
    --tw-shadow-colored: inset 0px 1px 0px 0px var(--tw-shadow-color), inset -1px 0px 0px 0px var(--tw-shadow-color), inset 1px 0px 0px 0px var(--tw-shadow-color), inset 0px -1px 0px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --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)
}

.hover\:shadow-md:hover {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
    --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)
}

.hover\:shadow-sm:hover {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    --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)
}

.hover\:outline-0:hover {
    outline-width: 0px
}

.hover\:drop-shadow-lg:hover {
    --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

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

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

.focus\:border-color-border-ai-secondary\/50:focus {
    border-color: #9474ff80
}

.focus\:border-color-border-focus-default:focus {
    --tw-border-opacity: 1;
    border-color: rgb(181 181 181 / var(--tw-border-opacity, 1))
}

.focus\:border-shop-theme-color:focus {
    --tw-border-opacity: 1;
    border-color: rgb(84 51 235 / var(--tw-border-opacity, 1))
}

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

.focus\:bg-interactive-light-grey:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(241 241 241 / var(--tw-bg-opacity, 1))
}

.focus\:pt-\[5px\]:focus {
    padding-top: 5px
}

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

.focus\:underline-offset-4:focus {
    text-underline-offset: 4px
}

.focus\:shadow-glow:focus {
    --tw-shadow: -8px 0px 12px 0px rgba(255, 216, 183, .1), 8px 0px 12px 0px rgba(160, 203, 255, .1), 0px -8px 12px 0px rgba(244, 194, 255, .1), 0px 8px 12px 0px rgba(177, 149, 255, .1);
    --tw-shadow-colored: -8px 0px 12px 0px var(--tw-shadow-color), 8px 0px 12px 0px var(--tw-shadow-color), 0px -8px 12px 0px var(--tw-shadow-color), 0px 8px 12px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.focus\:shadow-inset:focus {
    --tw-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .25) inset;
    --tw-shadow-colored: inset 0px 3px 2px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

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

.focus\:outline-0:focus {
    outline-width: 0px
}

.focus\:ring:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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)
}

.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus\:ring-\[\#751BE9\]:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(117 27 233 / var(--tw-ring-opacity, 1))
}

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

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

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

.focus\:ring-indigo-200\/50:focus {
    --tw-ring-color: rgb(199 210 254 / .5)
}

.focus\:ring-shop-theme-secondary-purple-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(176 114 204 / var(--tw-ring-opacity, 1))
}

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

.focus-visible\:rounded:focus-visible {
    border-radius: .25rem
}

.focus-visible\:outline:focus-visible {
    outline-style: solid
}

.focus-visible\:outline-2:focus-visible {
    outline-width: 2px
}

.focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px
}

.focus-visible\:outline-\[var\(--p-focused\)\]:focus-visible {
    outline-color: var(--p-focused)
}

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

.active\:border-\[\#71717A\]:active {
    --tw-border-opacity: 1;
    border-color: rgb(113 113 122 / var(--tw-border-opacity, 1))
}

.active\:border-color-border-hover:active {
    --tw-border-opacity: 1;
    border-color: rgb(204 204 204 / var(--tw-border-opacity, 1))
}

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

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

.active\:bg-shop-theme-color-dark:active {
    --tw-bg-opacity: 1;
    background-color: rgb(48 54 141 / var(--tw-bg-opacity, 1))
}

.active\:fill-\[var\(--p-action-primary-pressed\)\]:active {
    fill: var(--p-action-primary-pressed)
}

.active\:fill-\[var\(--p-icon-pressed\)\]:active {
    fill: var(--p-icon-pressed)
}

.active\:text-\[var\(--p-icon-pressed\)\]:active {
    color: var(--p-icon-pressed)
}

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

.active\:shadow-button-active:active {
    --tw-shadow: 0px 2px 1px 0px rgba(26, 26, 26, .2) inset, 1px 0px 1px 0px rgba(26, 26, 26, .12) inset, -1px 0px 1px 0px rgba(26, 26, 26, .12) inset;
    --tw-shadow-colored: inset 0px 2px 1px 0px var(--tw-shadow-color), inset 1px 0px 1px 0px var(--tw-shadow-color), -1px 0px 1px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

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

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

.group[open] .group-open\:rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

.group:hover .group-hover\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes rotate-clockwise {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(15deg)
    }
}

.group:hover .group-hover\:animate-rotate-clockwise-animation {
    animation: rotate-clockwise .1s ease-in-out forwards
}

@keyframes rotate-counter-clockwise {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(-15deg)
    }
}

.group:hover .group-hover\:animate-rotate-counter-clockwise-animation {
    animation: rotate-counter-clockwise .1s ease-in-out forwards
}

.group:hover .group-hover\:bg-black\/\[\.02\] {
    background-color: #00000005
}

.group:hover .group-hover\:bg-black\/\[\.08\] {
    background-color: #00000014
}

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

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

.group:hover .group-hover\:fill-color-icon-critical {
    fill: #e22c38
}

.group:hover .group-hover\:fill-color-icon-secondary-active {
    fill: #4a4a4a
}

.group:hover .group-hover\:fill-color-icon-success {
    fill: #047b5d
}

.group:hover .group-hover\:fill-color-text-link-hover {
    fill: #004299
}

.group:hover .group-hover\:fill-icon-new-color {
    fill: #323232
}

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

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

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

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

.group:hover .group-hover\:decoration-black\/\[1\.0\] {
    text-decoration-color: #000
}

.group:hover .group-hover\:underline-offset-4 {
    text-underline-offset: 4px
}

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

.group:hover .group-hover\:opacity-5 {
    opacity: .05
}

.group:hover .group-hover\:opacity-95 {
    opacity: .95
}

.group:hover .group-hover\:after\:opacity-100:after {
    content: var(--tw-content);
    opacity: 1
}

.group:focus .group-focus\:bg-color-bg-secondary-active {
    --tw-bg-opacity: 1;
    background-color: rgb(235 235 235 / var(--tw-bg-opacity, 1))
}

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

.group:focus .group-focus\:pt-5 {
    padding-top: 1.25rem
}

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

.group:focus .group-focus\:underline {
    text-decoration-line: underline
}

.group:focus .group-focus\:decoration-black\/\[1\.0\] {
    text-decoration-color: #000
}

.group:focus .group-focus\:underline-offset-4 {
    text-underline-offset: 4px
}

.group:focus .group-focus\:shadow-inset-around {
    --tw-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .25) inset;
    --tw-shadow-colored: inset 0px 0px 2px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.group:focus .group-focus\:after\:opacity-100:after {
    content: var(--tw-content);
    opacity: 1
}

.peer:checked~.peer-checked\:border-color-bg-inverse {
    --tw-border-opacity: 1;
    border-color: rgb(50 50 50 / var(--tw-border-opacity, 1))
}

.peer:checked~.peer-checked\:\!bg-color-bg-inverse {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(50 50 50 / var(--tw-bg-opacity, 1)) !important
}

.peer:checked~.peer-checked\:opacity-100 {
    opacity: 1
}

.peer:focus-visible~.peer-focus-visible\:outline {
    outline-style: solid
}

.peer:focus-visible~.peer-focus-visible\:outline-2 {
    outline-width: 2px
}

.peer:focus-visible~.peer-focus-visible\:outline-offset-2 {
    outline-offset: 2px
}

@keyframes fade-out-slide-up {
    0% {
        opacity: 1;
        max-height: 100vh
    }

    to {
        opacity: 0;
        max-height: 0
    }
}

.data-\[state\=closed\]\:animate-slide-up[data-state=closed] {
    animation: fade-out-slide-up .2s ease-in-out
}

@keyframes slide-up {
    0% {
        height: var(--radix-accordion-content-height)
    }

    to {
        height: 0
    }
}

.data-\[state\=closed\]\:animate-step-section-slide-up[data-state=closed] {
    animation: slide-up .2s ease
}

@keyframes slide-down {
    0% {
        height: 0
    }

    to {
        height: var(--radix-accordion-content-height)
    }
}

.data-\[state\=open\]\:animate-step-section-slide-down[data-state=open] {
    animation: slide-down .2s ease
}

.data-\[state\=open\]\:border-black[data-state=open] {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity, 1))
}

.data-\[state\=open\]\:underline[data-state=open] {
    text-decoration-line: underline
}

.data-\[state\=open\]\:underline-offset-4[data-state=open] {
    text-underline-offset: 4px
}

.group\/item1[data-state=active] .group-data-\[state\=active\]\/item1\:block,
.group\/item2[data-state=active] .group-data-\[state\=active\]\/item2\:block {
    display: block
}

.group[data-state=open] .group-data-\[state\=open\]\:rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group\/item1[data-state=active] .group-data-\[state\=active\]\/item1\:bg-\[\#F1F8F5\],
.group\/item2[data-state=active] .group-data-\[state\=active\]\/item2\:bg-\[\#F1F8F5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(241 248 245 / var(--tw-bg-opacity, 1))
}

.group\/item1[data-state=active] .group-data-\[state\=active\]\/item1\:text-\[\#007F5F\],
.group\/item2[data-state=active] .group-data-\[state\=active\]\/item2\:text-\[\#007F5F\] {
    --tw-text-opacity: 1;
    color: rgb(0 127 95 / var(--tw-text-opacity, 1))
}

.group[data-state=open] .group-data-\[state\=open\]\:underline {
    text-decoration-line: underline
}

.group[data-state=open] .group-data-\[state\=open\]\:underline-offset-4 {
    text-underline-offset: 4px
}

.prose-p\:leading-5 :is(:where(p):not(:where([class~=not-prose], [class~=not-prose] *))) {
    line-height: 1.25rem
}

.prose-table\:border :is(:where(table):not(:where([class~=not-prose], [class~=not-prose] *))) {
    border-width: 1px
}

.prose-table\:border-\[\#d2d5d9\] :is(:where(table):not(:where([class~=not-prose], [class~=not-prose] *))) {
    --tw-border-opacity: 1;
    border-color: rgb(210 213 217 / var(--tw-border-opacity, 1))
}

.prose-th\:bg-\[\#e8e9eb\] :is(:where(th):not(:where([class~=not-prose], [class~=not-prose] *))) {
    --tw-bg-opacity: 1;
    background-color: rgb(232 233 235 / var(--tw-bg-opacity, 1))
}

.prose-th\:p-2 :is(:where(th):not(:where([class~=not-prose], [class~=not-prose] *))) {
    padding: .5rem
}

.prose-td\:border :is(:where(td):not(:where([class~=not-prose], [class~=not-prose] *))) {
    border-width: 1px
}

.prose-td\:border-\[\#d2d5d9\] :is(:where(td):not(:where([class~=not-prose], [class~=not-prose] *))) {
    --tw-border-opacity: 1;
    border-color: rgb(210 213 217 / var(--tw-border-opacity, 1))
}

.prose-td\:p-2 :is(:where(td):not(:where([class~=not-prose], [class~=not-prose] *))) {
    padding: .5rem
}

.radix-state-open\:mb-2[data-state=open] {
    margin-bottom: .5rem
}

.radix-state-open\:bg-color-bg-secondary-active[data-state=open] {
    --tw-bg-opacity: 1;
    background-color: rgb(235 235 235 / var(--tw-bg-opacity, 1))
}

.radix-state-open\:bg-light-gray[data-state=open] {
    --tw-bg-opacity: 1;
    background-color: rgb(227 227 227 / var(--tw-bg-opacity, 1))
}

@supports (height:100dvh) {
    .supports-\[height\:100dvh\]\:h-dvh {
        height: 100dvh
    }
}

@supports (height:100svh) {
    .supports-\[height\:100svh\]\:h-\[calc\(100svh-var\(--topbar-h\)\)\] {
        height: calc(100svh - var(--topbar-h))
    }

    .supports-\[height\:100svh\]\:h-svh {
        height: 100svh
    }
}

@media(min-width:390px) {
    .sm\:inline {
        display: inline
    }

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

    .sm\:gap-5 {
        gap: 1.25rem
    }

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

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

    .sm\:whitespace-nowrap {
        white-space: nowrap
    }

    .sm\:p-6 {
        padding: 1.5rem
    }

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

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

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

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

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

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

@media(min-width:480px) {
    .nav-cta\:bottom-\[2cqw\] {
        bottom: 2cqw
    }

    .nav-cta\:end-\[2\.05cqw\] {
        inset-inline-end: 2.05cqw
    }

    .nav-cta\:start-\[max\(2\.6cqw\,21\.84px\)\] {
        inset-inline-start: max(2.6cqw, 21.84px)
    }

    .nav-cta\:start-\[max\(calc\(2\.6cqw_-_6px\)\,15\.84px\)\] {
        inset-inline-start: max(calc(2.6cqw - 6px), 15.84px)
    }

    .nav-cta\:top-\[5\.15cqw\] {
        top: 5.15cqw
    }

    .nav-cta\:top-\[max\(calc\(7\.65cqw_-_8px\)\,calc\(5\.15cqw_\+_8\.75px\)\)\] {
        top: max(calc(7.65cqw - 8px), calc(5.15cqw + 8.75px))
    }

    .nav-cta\:block {
        display: block
    }

    .nav-cta\:inline {
        display: inline
    }

    .nav-cta\:hidden {
        display: none
    }

    .nav-cta\:h-\[3\.25cqw\] {
        height: 3.25cqw
    }

    .nav-cta\:max-w-\[52cqw\] {
        max-width: 52cqw
    }

    .nav-cta\:px-\[1\.35cqw\] {
        padding-left: 1.35cqw;
        padding-right: 1.35cqw
    }

    .nav-cta\:text-\[1\.35cqw\] {
        font-size: 1.35cqw
    }

    .nav-cta\:text-\[calc\(1\.9cqw_\+_1px\)\] {
        font-size: calc(1.9cqw + 1px)
    }

    .nav-cta\:text-\[calc\(7\.55cqw_\+_10px\)\] {
        font-size: calc(7.55cqw + 10px)
    }
}

@media(min-width:900px) {
    .md\:absolute {
        position: absolute
    }

    .md\:bottom-\[2\.8cqw\] {
        bottom: 2.8cqw
    }

    .md\:end-8 {
        inset-inline-end: 2rem
    }

    .md\:end-\[2\.8cqw\] {
        inset-inline-end: 2.8cqw
    }

    .md\:start-\[3cqw\] {
        inset-inline-start: 3cqw
    }

    .md\:start-\[calc\(3cqw_-_6px\)\] {
        inset-inline-start: calc(3cqw - 6px)
    }

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

    .md\:top-\[7\.2cqw\] {
        top: 7.2cqw
    }

    .md\:top-\[calc\(11\.3cqw_-_4px\)\] {
        top: calc(11.3cqw - 4px)
    }

    .md\:ml-8 {
        margin-left: 2rem
    }

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

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

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:hidden {
        display: none
    }

    .md\:h-\[28px\] {
        height: 28px
    }

    .md\:h-\[4\.25cqw\] {
        height: 4.25cqw
    }

    .md\:h-\[85rem\] {
        height: 85rem
    }

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

    .md\:max-w-\[70cqw\] {
        max-width: 70cqw
    }

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

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

    .md\:items-center {
        align-items: center
    }

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

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

    .md\:whitespace-nowrap {
        white-space: nowrap
    }

    .md\:p-8 {
        padding: 2rem
    }

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

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

    .md\:px-\[2cqw\] {
        padding-left: 2cqw;
        padding-right: 2cqw
    }

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

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

    .md\:pt-8 {
        padding-top: 2rem
    }

    .md\:text-\[2\.2cqw\] {
        font-size: 2.2cqw
    }

    .md\:text-\[calc\(2\.7cqw_\+_1px\)\] {
        font-size: calc(2.7cqw + 1px)
    }

    .md\:text-\[calc\(8\.95cqw_\+_10px\)\] {
        font-size: calc(8.95cqw + 10px)
    }
}

@media(min-width:1090px) {
    .semi_md\:h-\[70rem\] {
        height: 70rem
    }
}

@media(min-width:1280px) {
    .lg\:bottom-\[2cqw\] {
        bottom: 2cqw
    }

    .lg\:end-\[2\.05cqw\] {
        inset-inline-end: 2.05cqw
    }

    .lg\:start-\[2\.6cqw\] {
        inset-inline-start: 2.6cqw
    }

    .lg\:start-\[calc\(2\.6cqw_-_6px\)\] {
        inset-inline-start: calc(2.6cqw - 6px)
    }

    .lg\:top-\[5\.15cqw\] {
        top: 5.15cqw
    }

    .lg\:top-\[calc\(7\.65cqw_-_4px\)\] {
        top: calc(7.65cqw - 4px)
    }

    .lg\:h-\[3\.25cqw\] {
        height: 3.25cqw
    }

    .lg\:h-\[65rem\] {
        height: 65rem
    }

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

    .lg\:w-\[236px\] {
        width: 236px
    }

    .lg\:max-w-\[52cqw\] {
        max-width: 52cqw
    }

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

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

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

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

    .lg\:px-\[1\.35cqw\] {
        padding-left: 1.35cqw;
        padding-right: 1.35cqw
    }

    .lg\:text-\[1\.35cqw\] {
        font-size: 1.35cqw
    }

    .lg\:text-\[calc\(1\.9cqw_\+_1px\)\] {
        font-size: calc(1.9cqw + 1px)
    }

    .lg\:text-\[calc\(7\.55cqw_\+_10px\)\] {
        font-size: calc(7.55cqw + 10px)
    }
}

@media(min-width:1069px) {
    .threads_md\:visible {
        visibility: visible
    }

    .threads_md\:static {
        position: static
    }

    .threads_md\:fixed {
        position: fixed
    }

    .threads_md\:absolute {
        position: absolute
    }

    .threads_md\:relative {
        position: relative
    }

    .threads_md\:sticky {
        position: sticky
    }

    .threads_md\:inset-x-auto {
        left: auto;
        right: auto
    }

    .threads_md\:-left-3 {
        left: -.75rem
    }

    .threads_md\:-left-4 {
        left: -1rem
    }

    .threads_md\:bottom-4 {
        bottom: 1rem
    }

    .threads_md\:bottom-auto {
        bottom: auto
    }

    .threads_md\:bottom-full {
        bottom: 100%
    }

    .threads_md\:end-0 {
        inset-inline-end: 0px
    }

    .threads_md\:end-4 {
        inset-inline-end: 1rem
    }

    .threads_md\:left-0 {
        left: 0
    }

    .threads_md\:right-0 {
        right: 0
    }

    .threads_md\:start-0 {
        inset-inline-start: 0px
    }

    .threads_md\:start-auto {
        inset-inline-start: auto
    }

    .threads_md\:top-0 {
        top: 0
    }

    .threads_md\:top-\[calc\(var\(--topbar-desktop-h\)\)\] {
        top: calc(var(--topbar-desktop-h))
    }

    .threads_md\:top-full {
        top: 100%
    }

    .threads_md\:z-20 {
        z-index: 20
    }

    .threads_md\:-ms-2 {
        margin-inline-start: -.5rem
    }

    .threads_md\:mb-0 {
        margin-bottom: 0
    }

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

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

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

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

    .threads_md\:mt-7 {
        margin-top: 1.75rem
    }

    .threads_md\:block {
        display: block
    }

    .threads_md\:flex {
        display: flex
    }

    .threads_md\:hidden {
        display: none
    }

    .threads_md\:h-14 {
        height: 3.5rem
    }

    .threads_md\:h-\[calc\(100\%-var\(--topbar-desktop-h\)\)\] {
        height: calc(100% - var(--topbar-desktop-h))
    }

    .threads_md\:h-\[calc\(100dvh-var\(--topbar-h\)-60px\)\] {
        height: calc(100dvh - var(--topbar-h) - 60px)
    }

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

    .threads_md\:\!w-\[290px\] {
        width: 290px !important
    }

    .threads_md\:w-\[var\(--sidebar-w\)\] {
        width: var(--sidebar-w)
    }

    .threads_md\:w-fit {
        width: -moz-fit-content;
        width: fit-content
    }

    .threads_md\:min-w-64 {
        min-width: 16rem
    }

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

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

    .threads_md\:-translate-y-full {
        --tw-translate-y: -100%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .threads_md\:animate-none {
        animation: none
    }

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

    .threads_md\:gap-0 {
        gap: 0px
    }

    .threads_md\:gap-1 {
        gap: .25rem
    }

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

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

    .threads_md\:gap-5 {
        gap: 1.25rem
    }

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

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

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

    .threads_md\:rounded-ss-xl {
        border-start-start-radius: .75rem
    }

    .threads_md\:border-0 {
        border-width: 0px
    }

    .threads_md\:border-e {
        border-inline-end-width: 1px
    }

    .threads_md\:border-t-\[0\.5px\] {
        border-top-width: .5px
    }

    .threads_md\:border-color-border-secondary {
        --tw-border-opacity: 1;
        border-color: rgb(235 235 235 / var(--tw-border-opacity, 1))
    }

    .threads_md\:border-t-color-border-secondary {
        --tw-border-opacity: 1;
        border-top-color: rgb(235 235 235 / var(--tw-border-opacity, 1))
    }

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

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

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

    .threads_md\:p-1 {
        padding: .25rem
    }

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

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

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

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

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

    .threads_md\:py-0\.5 {
        padding-top: .125rem;
        padding-bottom: .125rem
    }

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

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

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

    .threads_md\:ps-1 {
        padding-inline-start: .25rem
    }

    .threads_md\:pt-0 {
        padding-top: 0
    }

    .threads_md\:pt-28 {
        padding-top: 7rem
    }

    .threads_md\:pt-3 {
        padding-top: .75rem
    }

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

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

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

    .threads_md\:shadow {
        --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
        --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .threads_md\:shadow-sm {
        --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
        --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)
    }

    .threads_md\:backdrop-blur-none {
        --tw-backdrop-blur: ;
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
    }

    .threads_md\:transition-none {
        transition-property: none
    }

    .threads_md\:customScrollThreads {
        scrollbar-width: thin;
        scrollbar-color: rgba(0, 0, 0, .08) transparent
    }

    .threads_md\:customScrollThreads:hover {
        scrollbar-color: rgba(0, 0, 0, .12) transparent
    }

    .threads_md\:has-\[\[data-conversation-toggle\]\]\:pe-52:has([data-conversation-toggle]) {
        padding-inline-end: 13rem
    }

    @supports (height:100svh) {
        .threads_md\:supports-\[height\:100svh\]\:h-\[calc\(100svh-var\(--topbar-h\)-60px\)\] {
            height: calc(100svh - var(--topbar-h) - 60px)
        }
    }
}

@media(min-width:600px) {
    .shop-brand-mobile\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .shop-brand-mobile\:gap-5 {
        gap: 1.25rem
    }
}

@media(min-width:1080px) {
    .inbox-desktop\:col-start-1 {
        grid-column-start: 1
    }

    .inbox-desktop\:col-start-3 {
        grid-column-start: 3
    }

    .inbox-desktop\:col-end-3 {
        grid-column-end: 3
    }

    .inbox-desktop\:row-start-1 {
        grid-row-start: 1
    }

    .inbox-desktop\:row-end-3 {
        grid-row-end: 3
    }

    .inbox-desktop\:m-0 {
        margin: 0
    }

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

    .inbox-desktop\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .inbox-desktop\:ms-auto {
        margin-inline-start: auto
    }

    .inbox-desktop\:hidden {
        display: none
    }

    .inbox-desktop\:h-\[calc\(100vh-121px\)\] {
        height: calc(100vh - 121px)
    }

    .inbox-desktop\:h-\[calc\(100vh-156px\)\] {
        height: calc(100vh - 156px)
    }

    .inbox-desktop\:h-\[calc\(100vh-80px\)\] {
        height: calc(100vh - 80px)
    }

    .inbox-desktop\:max-h-full {
        max-height: 100%
    }

    .inbox-desktop\:w-\[355px\] {
        width: 355px
    }

    .inbox-desktop\:w-\[inherit\] {
        width: inherit
    }

    .inbox-desktop\:max-w-screen-inbox-main-content-max {
        max-width: 571px
    }

    .inbox-desktop\:grid-cols-\[1fr_355px\] {
        grid-template-columns: 1fr 355px
    }

    .inbox-desktop\:grid-cols-\[3fr_1fr\] {
        grid-template-columns: 3fr 1fr
    }

    .inbox-desktop\:border-x {
        border-left-width: 1px;
        border-right-width: 1px
    }

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

    .inbox-desktop\:\[display\:inherit\] {
        display: inherit
    }
}

@media(min-width:603px) {
    .inbox-mobile\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .inbox-mobile\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .inbox-mobile\:mb-12 {
        margin-bottom: 3rem
    }

    .inbox-mobile\:h-\[202px\] {
        height: 202px
    }

    .inbox-mobile\:max-h-\[202px\] {
        max-height: 202px
    }

    .inbox-mobile\:max-h-\[332px\] {
        max-height: 332px
    }

    .inbox-mobile\:min-h-\[104px\] {
        min-height: 104px
    }

    .inbox-mobile\:flex-row {
        flex-direction: row
    }

    .inbox-mobile\:overflow-y-hidden {
        overflow-y: hidden
    }

    .inbox-mobile\:pb-\[initial\] {
        padding-bottom: initial
    }

    .inbox-mobile\:pe-4 {
        padding-inline-end: 1rem
    }
}

@media(min-width:640px) {
    .inbox-small-tablet\:text-\[12px\] {
        font-size: 12px
    }

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

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

    .inbox-small-tablet\:leading-4 {
        line-height: 1rem
    }
}

.group:hover .ltr\:group-hover\:translate-x-1:where([dir=ltr], [dir=ltr] *) {
    --tw-translate-x: .25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:end-auto:where([dir=rtl], [dir=rtl] *) {
    inset-inline-end: auto
}

.rtl\:left-\[4\.5cqw\]:where([dir=rtl], [dir=rtl] *) {
    left: 4.5cqw
}

.rtl\:right-\[4\.4cqw\]:where([dir=rtl], [dir=rtl] *) {
    right: 4.4cqw
}

.rtl\:start-auto:where([dir=rtl], [dir=rtl] *) {
    inset-inline-start: auto
}

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

.rtl\:translate-x-full:where([dir=rtl], [dir=rtl] *) {
    --tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:rotate-180:where([dir=rtl], [dir=rtl] *) {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:-scale-x-100:where([dir=rtl], [dir=rtl] *) {
    --tw-scale-x: -1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .rtl\:group-hover\:-translate-x-1:where([dir=rtl], [dir=rtl] *) {
    --tw-translate-x: -.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media(min-width:480px) {
    .rtl\:nav-cta\:left-\[max\(calc\(2\.6cqw_-_6px\)\,15\.84px\)\]:where([dir=rtl], [dir=rtl] *) {
        left: max(calc(2.6cqw - 6px), 15.84px)
    }

    .rtl\:nav-cta\:right-\[2\.05cqw\]:where([dir=rtl], [dir=rtl] *) {
        right: 2.05cqw
    }
}

@media(min-width:900px) {
    .rtl\:md\:left-\[calc\(3cqw_-_6px\)\]:where([dir=rtl], [dir=rtl] *) {
        left: calc(3cqw - 6px)
    }

    .rtl\:md\:right-\[2\.8cqw\]:where([dir=rtl], [dir=rtl] *) {
        right: 2.8cqw
    }
}

@media(min-width:1280px) {
    .rtl\:lg\:left-\[calc\(2\.6cqw_-_6px\)\]:where([dir=rtl], [dir=rtl] *) {
        left: calc(2.6cqw - 6px)
    }

    .rtl\:lg\:right-\[2\.05cqw\]:where([dir=rtl], [dir=rtl] *) {
        right: 2.05cqw
    }
}

@media(prefers-color-scheme:dark) {
    .dark\:text-gray-300 {
        --tw-text-opacity: 1;
        color: rgb(209 213 219 / var(--tw-text-opacity, 1))
    }
}

@media print {
    .print\:\!visible {
        visibility: visible !important
    }

    .print\:\!static {
        position: static !important
    }

    .print\:mb-1\.5 {
        margin-bottom: .375rem
    }

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

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

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

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

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

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

    .print\:block {
        display: block
    }

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

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

    .print\:\!max-w-none {
        max-width: none !important
    }

    .print\:break-before-auto {
        -moz-column-break-before: auto;
        break-before: auto
    }

    .print\:break-inside-auto {
        -moz-column-break-inside: auto;
        break-inside: auto
    }

    .print\:break-after-avoid {
        -moz-column-break-after: avoid;
        break-after: avoid
    }

    .print\:\!overflow-visible {
        overflow: visible !important
    }

    .print\:ps-2 {
        padding-inline-start: .5rem
    }

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

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

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

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

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

    .print\:font-bold {
        font-weight: 700
    }

    .print\:font-medium {
        font-weight: 500
    }

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

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

    .print\:\!opacity-100 {
        opacity: 1 !important
    }

    .last\:print\:mb-0:last-child {
        margin-bottom: 0
    }
}

.\[\&_a\:hover\]\:text-blue-800 a:hover {
    --tw-text-opacity: 1;
    color: rgb(30 64 175 / var(--tw-text-opacity, 1))
}

.\[\&_a\:visited\]\:text-purple-800 a:visited {
    --tw-text-opacity: 1;
    color: rgb(107 33 168 / var(--tw-text-opacity, 1))
}

.\[\&_a\]\:me-2 a {
    margin-inline-end: .5rem
}

.\[\&_a\]\:mt-2 a {
    margin-top: .5rem
}

.\[\&_a\]\:text-blue-600 a {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity, 1))
}

.\[\&_a\]\:text-color-text a {
    --tw-text-opacity: 1;
    color: rgb(26 26 26 / var(--tw-text-opacity, 1))
}

.\[\&_a\]\:underline a {
    text-decoration-line: underline
}

.\[\&_em\]\:not-italic em {
    font-style: normal
}

.\[\&_h1\]\:text-\[2em\] h1 {
    font-size: 2em
}

.\[\&_h1\]\:font-semibold h1 {
    font-weight: 600
}

.\[\&_h2\]\:text-\[1\.5em\] h2 {
    font-size: 1.5em
}

.\[\&_h2\]\:font-semibold h2 {
    font-weight: 600
}

.\[\&_h3\]\:text-\[1\.17em\] h3 {
    font-size: 1.17em
}

.\[\&_h3\]\:font-semibold h3 {
    font-weight: 600
}

.\[\&_h4\]\:text-\[1em\] h4 {
    font-size: 1em
}

.\[\&_h4\]\:font-semibold h4 {
    font-weight: 600
}

.\[\&_h5\]\:text-\[1em\] h5 {
    font-size: 1em
}

.\[\&_h5\]\:font-semibold h5 {
    font-weight: 600
}

.\[\&_h6\]\:text-\[1em\] h6 {
    font-size: 1em
}

.\[\&_h6\]\:font-semibold h6 {
    font-weight: 600
}

.\[\&_img\]\:w-full img {
    width: 100%
}

.\[\&_li\:\:marker\]\:text-black li::marker {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1))
}

.\[\&_li\]\:ps-0 li {
    padding-inline-start: 0px
}

.\[\&_li\]\:ps-1 li {
    padding-inline-start: .25rem
}

.\[\&_li\]\:text-base li {
    font-size: 1rem;
    line-height: 1.5rem
}

.\[\&_ol\]\:ms-4 ol {
    margin-inline-start: 1rem
}

.\[\&_ol\]\:list-inside ol {
    list-style-position: inside
}

.\[\&_ol\]\:list-decimal ol {
    list-style-type: decimal
}

.\[\&_ol\]\:space-y-1 ol>: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))
}

.\[\&_ol\]\:whitespace-normal ol {
    white-space: normal
}

.\[\&_ol\]\:whitespace-nowrap ol {
    white-space: nowrap
}

.\[\&_p\]\:me-0 p {
    margin-inline-end: 0px
}

.\[\&_p\]\:truncate p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.\[\&_p\]\:font-medium p {
    font-weight: 500
}

.\[\&_p\]\:font-semibold p {
    font-weight: 600
}

.\[\&_strong\]\:font-normal strong {
    font-weight: 400
}

.\[\&_strong\]\:font-semibold strong {
    font-weight: 600
}

.\[\&_strong\]\:text-color-text strong {
    --tw-text-opacity: 1;
    color: rgb(26 26 26 / var(--tw-text-opacity, 1))
}

.\[\&_ul\]\:ms-4 ul {
    margin-inline-start: 1rem
}

.\[\&_ul\]\:list-inside ul {
    list-style-position: inside
}

.\[\&_ul\]\:list-disc ul {
    list-style-type: disc
}

.\[\&_ul\]\:space-y-1 ul>: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))
}

.\[\&_ul\]\:whitespace-normal ul {
    white-space: normal
}

.\[\&_ul\]\:whitespace-nowrap ul {
    white-space: nowrap
}

@media (hover:hover)and(pointer:fine) {
    .\[\@media\(hover\:hover\)and\(pointer\:fine\)\{\&\:hover\}\]\:rounded-\[5px\]:hover {
        border-radius: 5px
    }

    .\[\@media\(hover\:hover\)and\(pointer\:fine\)\{\&\:hover\}\]\:bg-\[var\(--p-surface-neutral-pressed\)\]:hover {
        background-color: var(--p-surface-neutral-pressed)
    }

    .\[\@media\(hover\:hover\)and\(pointer\:fine\)\{\&\:hover\}\]\:bg-\[var\(--p-surface-neutral-subdued\)\]:hover {
        background-color: var(--p-surface-neutral-subdued)
    }
}