@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";
@import "https://api.fontshare.com/v2/css?f[]=satoshi&display=swap";

input[type="text"]:focus,
textarea:focus {
    --tw-ring-color: var(--primary-color-500) !important;
    border-color: var(--primary-color-500) !important;
}

[class~="grid"],
[class*="grid-"],
[class*="grid_"] {
    margin: 0 -12px;
}

[class~="col"],
[class*="col-"],
[class*="col_"] {
    padding: 0 12px 0;
}

main {
    flex: none;
    margin-bottom: 0;
    padding-top: 0;
}

@media (min-width: 1280px) {
    .shelf-page {
        background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)) !important;
    }
}

cl-ctx-portal-main {
    max-width: 1920px;
}

main.level-0,
main.level-1,
main.level-2 {
    margin-top: 0;
}

#menulist details[open] > summary > div button svg {
    transform: rotate(180deg);
}

#cl_iframe:empty {
    display: none;
}

.iframe-wrapper #cl_iframe:not(:empty) {
    height: 100%;
    width: 100%;
}

#cl_iframe:has(.embed-mode) {
    padding: 16px;
    height: auto !important;
    max-width: 1152px;
    margin-inline: auto;
}

.iframe-container:has(.embed-mode) .footer-info {
    display: none;
}

.iframe-wrapper {
    position: inherit;
    height: 100%;
    overflow: inherit;
}

    .iframe-wrapper iframe {
        position: inherit;
    }

.g-logo a,
.g-logo img {
    height: 40px;
}

body.shelf-page .g-actions .language-list {
    top: 32px;
}

.g-search--typeahead {
    position: inherit;
    background-color: transparent;
    overflow: inherit;
    border-bottom: none;
}

.g-actions .language-select.selected svg.arrow {
    transform: translateY(-50%) rotate(-180deg);
}

@media (max-width: 1024px) {
    .global-breadcrumbs:has(#cl_bcrumb:empty) {
        display: none;
    }
}

.global-breadcrumbs {
    border-bottom: none;
}

    .global-breadcrumbs nav ol {
        padding: 0 20px 0 0;
        align-items: center;
    }

    .global-breadcrumbs nav li::after {
        background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDUgMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjE4MDQgMC44NjM2MzZMMS4zNjc5IDExLjMxMjVIMC4yMzAxMTRMMy4wNDI2MSAwLjg2MzYzNkg0LjE4MDRaIiBmaWxsPSIjQTFBMUFBIi8+Cjwvc3ZnPgo=");
        background-size: 6px;
        width: 10px;
        height: 20px;
        background-repeat: no-repeat;
        background-position: center;
    }

    .global-breadcrumbs nav li.current > *,
    .level-1 .global-breadcrumbs nav ol li:last-child a {
        font-weight: 700;
        color: rgb(30 41 59 / var(--tw-text-opacity, 1));
        cursor: auto;
    }

.level-0 .global-breadcrumbs nav ol li a {
    cursor: auto;
    color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

.g-sitemap ul li a[aria-current="page"] div:nth-last-child(2):after {
    background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
}

.g-sitemap details[open] > summary > div button svg {
    transform: rotate(180deg);
}

.iframe-container:has(#cl_iframe:empty) .footer-info,
#artical_wrapper[data-formats="hide"] .empty-div {
    display: none !important;
}

.cl-recording-pagination {
    max-width: 1134px;
}

.local-content ol li,
.local-content ul li {
    padding-bottom: 4px;
}

.local-content .img-zoomable img {
    display: block;
    --tw-border-opacity: 1;
    border-color: rgb(203 213 225/ 1) !important;
    border: 1px solid;
    border-radius: 8px;
    width: 100%;
}

.local-content.TEXT_ONLY .text-holder,
.local-content.TEXT_ONLY {
    padding: 0 !important;
}

article.local-content.TEXT--ABOVE .image-holder {
    padding: 0;
}

article.local-content.TEXT--ABOVE [class*="grid-"][class*="-middle"] {
    margin: 0;
}

.TEXT--ABOVE .text-holder {
    padding: 0;
}

.TEXT_ONLY [class*="grid-"][class*="-middle"] {
    margin: 0;
}

.l-toc a {
    font-size: 14px !important;
    line-height: 20px;
    border: 0;
}

.video-modal {
    background: transparent;
}

.global-breadcrumbs nav ol li a {
    line-height: 20px;
    color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

.global-breadcrumbs nav ol li:not(:last-child) a:hover {
    color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}

.global-breadcrumbs nav li > * {
    padding: 0;
}

.global-breadcrumbs nav li {
    line-height: 0;
}

.video-modal el-dialog-backdrop.video-modal-close {
    position: inherit;
    width: 100%;
    height: 100%;
    background: #00000080;
    border-radius: 0;
    top: 0;
    right: 0;
    overflow: inherit;
    white-space: normal;
    text-indent: initial;
}

.video-modal-container {
    overflow: inherit;
}

    .video-modal-container .video-wrapper img,
    .video-modal-container .video-wrapper iframe,
    .video-modal-container .video-wrapper video {
        z-index: 1;
        object-fit: contain;
        outline: 4px solid #0003;
        border-radius: 12px;
    }

.video-modal a.video-modal-close {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjUgNC41TDQuNSAxMy41TTQuNSA0LjVMMTMuNSAxMy41IiBzdHJva2U9IiM0NzU1NjkiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    z-index: 1;
    width: 28px;
    height: 28px;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    border-radius: 9999px;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.video-modal .video-modal-container .video-wrapper {
    border-radius: 12px;
}

.local-header {
    height: auto !important;
    border: 0;
    margin-right: 0 !important;
    padding-right: 0 !important;
}

    .local-header .local-title {
        margin: 0;
    }


.l-page-info:has(.page-info-list:empty),
.page-details-content:has(.page-info-list:empty),
#left_sidebar footer:has(.version-info:empty):not(:has(.legal-copyright)),
.stamp-wrapper:has(.version-info:empty):not(:has(.legal-copyright)),
.version-text:has(.version-info:empty):not(:has(.legal-copyright)),
cl-portal-right-sidebar:has(.page-details-content .page-info-list:empty) .feedback-devider,
#artical_wrapper[sidebar-panel-right="empty"] .copy-link-devider,
.details-sub:not(:has(.sub-ul)) .down-arrow,
.details-sub:has(.sub-ul:empty) .down-arrow,
body[data-view="mobile"] .local-content.TEXT--ANNOTATED .zoomable-overlay,
.stamp-content .version-info:empty + .content-separator,
.g-actions .language-select::after,
.stamp-content .version-info:empty,
.g-search--typeahead::before,
.g-search--typeahead::after,
.g-actions .search-trigger::before,
.g-actions .language-select::before,
.local-content.TEXT--ANNOTATED .img-zoomable:hover::before,
.local-content.TEXT--ANNOTATED .img-zoomable:hover::after,
.img-zoomable:hover::before,
.img-zoomable::after,
.langauge-wrapper:has(.selected-langauge:empty),
.video-modal-container .zoomable-overlay,
.video-modal .video-modal-close::after,
.video-modal .video-modal-close::before,
.level-1 hero,
.level-1 cl-breadcrumbs,
hr.hrnote,
.hrstep {
    display: none;
}

.g-actions .language-select {
    height: 28px;
    width: auto;
    overflow: inherit;
    white-space: normal;
    text-indent: initial;
    color: rgb(71 85 105 / var(--tw-text-opacity, 1));
    display: flex;
}

body.shelf-page .g-actions .language-list {
    z-index: 20;
    overflow: auto;
    max-height: 330px;
    padding: 4px;
    min-width: 176px;
    border-radius: 8px;
    border: 1px solid rgb(228 228 231 / var(--tw-border-opacity, 1));
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-shadow: 0 1px 2px 0 rgb(0 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);
    right: 0;
}

.g-actions .language-list li {
    border: 0;
    padding: 0;
}

.g-actions .language-list a {
    padding: 4px 8px;
    font-size: 12px;
    line-height: 16px;
    border-radius: 4px;
    color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}

    .g-actions .language-list a:hover {
        background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
    }

body[data-view="desktop"] .img-zoomable:hover::before,
body[data-view="desktop"] .img-zoomable:hover::after {
    opacity: 1;
}

body[data-view="desktop"] .img-zoomable::after {
    content: '';
    display: block;
    position: absolute;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDIuOTU4MTNIMTRNMTQgMi45NTgxM1Y2Ljk1ODEzTTE0IDIuOTU4MTNMOS4zMzMzMyA3LjYyNDhNNiAxNC45NTgxSDJNMiAxNC45NTgxVjEwLjk1ODFNMiAxNC45NTgxTDYuNjY2NjcgMTAuMjkxNSIgc3Ryb2tlPSIjMzM0MTU1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K") no-repeat center center;
    background-size: 16px;
    width: 32px;
    height: 32px;
    bottom: 8px;
    right: 8px;
    top: auto;
    left: auto;
    background-color: #F8FAFC;
    border-radius: 4px;
    border: 1px solid #CBD5E1;
    opacity: 0;
    z-index: 4;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}

body[data-view="desktop"] .local-content.TEXT--ANNOTATED .img-zoomable:hover .zoomable-overlay {
    opacity: 1;
}

body[data-view="desktop"] .artical-wrapper {
    padding-right: 80px;
}

@media not all and (min-width: 640px) {
    .level-0 .global-breadcrumbs {
        display: none;
    }

    .g-actions .language-select.selected svg.arrow {
        transform: rotate(-180deg);
    }

    .g-sitemap {
        padding-top: 12px !important;
    }
}

@media only screen and (min-width: 768px) {
    body.shelf-page .g-actions .language-list {
        top: calc(100% - -4px);
    }
}

@media (max-width: 767px) {
    .cl-recording-pagination li a div:first-child {
        align-items: center;
    }

    .cl-recording-pagination li a svg {
        margin-bottom: 0;
    }

    .cl-recording-pagination li a {
        padding: 12px 0;
        background: transparent !important;
    }

    article.local-content.TEXT--RIGHT .img-zoomable {
        margin-bottom: 16px;
    }
}

@media (max-width: 36em) {
    .local-content img {
        border-radius: 6px !important;
    }

    .video-modal-container .video-wrapper img,
    .video-modal-container .video-wrapper iframe,
    .video-modal-container .video-wrapper video {
        outline: 3px solid #0003 !important;
        border-radius: 6px !important;
    }

    .local-header .local-title {
        font-size: 2rem !important;
    }
}

@media (max-width: 36em) {

    .g-logo a,
    .g-logo img {
        height: 30px !important;
    }

    .cl-breadcrumb-dropdown {
        max-width: 224px !important;
    }
}

section.recording.sidebar-open {
    overflow: initial;
}

.cl-shelf-list img,
.cl-shelf-list svg {
    width: 2em;
    height: 2em;
}

.cl-shelf-list a {
    font-size: 1.4rem;
}

@media only screen and (min-width: 768px) {
    .cl-shelf-list a {
        font-size: 1.6rem;
    }

    .cl-shelf-list img,
    .cl-shelf-list svg {
        width: 2.5em;
        height: 2.5em;
    }
}

/* article */

.article-group {
    padding-right: 0 !important;
    margin-right: 0 !important;
}

.local-content.TEXT--GROUP {
    padding: 0;
}

.local-content .grid-middle {
    align-items: start;
}

.local-content.TEXT--GROUP:not(:has(.image--block)) .grid-middle {
    padding-bottom: 0;
}

.local-content.TEXT--GROUP:not(:has(.image--block)) .text--block {
    padding-bottom: 28px;
}

.article-group h2:not(cl-footer-feedback h2) {
    margin: 20px 0 8px 0;
}

.article-group h3:not(cl-footer-feedback h3) {
    margin: 16px 0 8px 0;
}

.article-group h4:not(cl-footer-feedback h4) {
    margin: 12px 0 8px 0;
}

.article-group p:not(cl-footer-feedback p) {
    margin: 4px 0 8px 0;
}

.article-group ol:not(cl-footer-feedback ol),
.article-group ul:not(cl-footer-feedback ul) {
    padding-left: 24px;
    margin-bottom: 8px;
}

.article-group ol:not(cl-footer-feedback li) li:not(cl-footer-feedback li) {
    list-style-type: decimal;
    line-height: 26px;
}

.article-group ul:not(cl-footer-feedback li) li:not(cl-footer-feedback li) {
    list-style-type: disc;
    line-height: 26px;
}

#artical_wrapper[sidebar-panel-right="empty"] cl-copy-link {
    margin-top: 8px;
}

.footer-info:has(.cl-recording-pagination):has(.tw-hidden) .version-text {
    border-top: 1px solid rgb(226 232 240 / var(--tw-border-opacity, 1));
    max-width: 1134px;
    margin: auto;
}

.video-modal cl-ctx-assist-main,
.ring-primary-500 {
    --tw-ring-color: var(--primary-color-500);
}

.video-modal cl-ctx-assist-tooltip-arrow {
    background-color: var(--primary-color-500);
}

.ring-primary-200 {
    --tw-ring-color: var(--primary-color-200);
}

.ring-primary-300 {
    --tw-ring-color: var(--primary-color-300);
}

body[data-view="mobile"] cl-panel-right-btn,
body[data-view="mobile"] cl-portal-right-sidebar {
    display: none !important;
}

body[data-view="mobile"] .local-header cl-formats-dropdown,
body[data-view="mobile"] cl-footer-feedback {
    display: block !important;
}

@media (min-device-width: 51px) and (max-device-width: 1023px) {
    cl-panel-right-btn,
    cl-portal-right-sidebar {
        display: none !important;
    }

    .local-header cl-formats-dropdown,
    cl-footer-feedback {
        display: block !important;
    }
}

body[data-view="desktop"] .local-content [class~="col"],
body[data-view="desktop"] .local-content [class*="col_"] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
}

body[data-view="desktop"] .local-content.TEXT--BELOW [class~="col"],
body[data-view="desktop"] .local-content.TEXT--BELOW [class*="col_"],
body[data-view="desktop"] .local-content.TEXT--ABOVE [class~="col"],
body[data-view="desktop"] .local-content.TEXT--ABOVE [class*="col_"] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.local-content.TEXT--ANNOTATED [class*="col-"] {
    width: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

body[data-view="desktop"] .local-content .step-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.l-page-info .info-tooltip::-webkit-scrollbar {
    width: 8px;
}

.l-page-info .info-tooltip::-webkit-scrollbar-thumb {
    border-radius: 9999px;
    border: 2px solid transparent;
    background-clip: content-box;
    background-color: rgba(180, 180, 180, 0.35);
}

    .l-page-info .info-tooltip::-webkit-scrollbar-thumb:hover {
        background-color: rgba(220, 220, 220, 0.55);
    }

.wordlist {
    max-height: calc(100vh - 92px);
}

@media (min-width: 640px) {
    .wordlist {
        max-height: calc(100vh - 124px);
    }
}

.global-breadcrumbs nav ol {
    overflow: visible;
}

body:has(.cl-ellipsis-btn[aria-expanded="true"]) .iframe-container {
    pointer-events: none;
}

.cl-breadcrumb-dropdown a {
    line-height: 16px !important;
}

/* Tailwind  */
*,
: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 / 0.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 / 0.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: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
}

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

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

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

/* h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        font-size: inherit;
        font-weight: inherit;
      } */
a {
    color: inherit;
    text-decoration: inherit;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
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: -0.25em;
}

sup {
    top: -0.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;
}

[type="text"],
input:where(:not([type])),
[type="email"],
[type="url"],
[type="password"],
[type="number"],
[type="date"],
[type="datetime-local"],
[type="month"],
[type="search"],
[type="tel"],
[type="time"],
[type="week"],
[multiple],
textarea,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    border-radius: 0;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000;
}

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

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

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

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

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

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

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

select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

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

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

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

:root,
:host,
[data-theme="default"] {
    --color-primary-50: 235 243 252;
    --color-primary-100: 215 231 249;
    --color-primary-200: 175 206 243;
    --color-primary-300: 135 182 236;
    --color-primary-400: 95 157 230;
    --color-primary-500: 55 133 224;
    --color-primary-600: 40 115 204;
    --color-primary-700: 31 95 170;
    --color-primary-800: 14 65 126;
    --color-primary-900: 16 49 88;
    --color-primary-950: 17 40 67;
}

[data-theme="purple"] {
    --color-primary-50: 246 243 255;
    --color-primary-100: 238 233 254;
    --color-primary-200: 223 214 254;
    --color-primary-300: 200 181 253;
    --color-primary-400: 173 139 250;
    --color-primary-500: 148 92 246;
    --color-primary-600: 134 58 237;
    --color-primary-700: 122 45 218;
    --color-primary-800: 99 33 182;
    --color-primary-900: 83 29 149;
    --color-primary-950: 51 16 101;
}

.tw-text-blue-500 {
    color: rgb(var(--color-primary-500));
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .tw-prose :where(kbd):not( :where([class~="tw-not-prose"], [class~="tw-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: 0.875em;
        border-radius: 0.3125rem;
        padding-top: 0.1875em;
        padding-inline-end: 0.375em;
        padding-bottom: 0.1875em;
        padding-inline-start: 0.375em;
    }

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

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

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

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

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

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

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

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

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

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

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

    .tw-prose :where(pre code):not( :where([class~="tw-not-prose"], [class~="tw-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;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

.tw-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: 16px;
    line-height: 1.75;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tw-pointer-events-auto {
    pointer-events: auto;
}

.tw-invisible {
    visibility: hidden;
}

.tw-fixed {
    position: fixed;
}

.tw-absolute {
    position: absolute;
}

.tw-relative {
    position: relative;
}

.tw-sticky {
    position: sticky;
}

.tw-inset-0 {
    inset: 0;
}

.-tw-right-20 {
    right: -80px;
}

.tw--right-0\.5 {
    right: -2px;
}

.tw--top-0\.5 {
    top: -2px;
}

.tw-bottom-0 {
    bottom: 0;
}

.tw-bottom-3 {
    bottom: 12px;
}

.tw-bottom-full {
    bottom: 100%;
}

.tw-left-0 {
    left: 0;
}

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

.tw-left-5 {
    left: 20px;
}

.tw-left-full {
    left: 100%;
}

.tw-right-full {
    right: 100%;
}

.tw-left-auto {
    left: auto;
}

.tw-right-0 {
    right: 0;
}

.tw-right-2 {
    right: 8px;
}

.tw-right-3 {
    right: 12px;
}

.tw-right-5 {
    right: 20px;
}

.tw-top-0 {
    top: 0;
}

.tw-top-5 {
    top: 20px;
}

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

.tw-top-11 {
    top: 44px;
}

.tw-top-16 {
    top: 64px;
}

.tw-top-2 {
    top: 8px;
}

.tw-top-8 {
    top: 32px;
}

.tw-top-full {
    top: 100%;
}

.tw-isolate {
    isolation: isolate;
}

.tw-z-1 {
    z-index: 1;
}

.tw-z-10 {
    z-index: 10;
}

.tw-z-2 {
    z-index: 2;
}

.tw-z-20 {
    z-index: 20;
}

.tw-z-30 {
    z-index: 30;
}

.tw-z-40 {
    z-index: 40;
}

.tw-z-50 {
    z-index: 50;
}

.\!tw-m-0 {
    margin: 0 !important;
}

.tw-m-0 {
    margin: 0;
}

.tw-m-auto {
    margin: auto;
}

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

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

.\!tw-mr-0 {
    margin-right: 0 !important;
}

.tw--ml-px {
    margin-left: -1px;
}

.tw-mb-0 {
    margin-bottom: 0;
}

.tw-mb-0\.5 {
    margin-bottom: 2px;
}

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

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

.tw-mb-3 {
    margin-bottom: 12px;
}

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

.tw-mb-5 {
    margin-bottom: 20px;
}

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

.tw-mb-10 {
    margin-bottom: 40px;
}

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

.tw-ml-3 {
    margin-left: 12px;
}

.tw-ml-8 {
    margin-left: 32px;
}

.tw-ml-\[18px\] {
    margin-left: 18px;
}

.tw-ml-auto {
    margin-left: auto;
}

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

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

.tw-mt-0 {
    margin-top: 0;
}

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

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

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

.tw-mt-2\.5 {
    margin-top: 10px;
}

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

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

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

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

.tw-mt-auto {
    margin-top: auto;
}

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

.tw-box-content {
    box-sizing: content-box;
}

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

.tw-block {
    display: block;
}

.tw-inline-block {
    display: inline-block;
}

.tw-flex {
    display: flex;
}

.\!tw-flex {
    display: flex !important;
}

.tw-inline-flex {
    display: inline-flex;
}

.tw-grid {
    display: grid;
}

.tw-hidden {
    display: none;
}

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

.tw-size-12 {
    width: 48px;
    height: 48px;
}

.tw-size-20 {
    width: 80px;
    height: 80px;
}

.tw-size-3 {
    width: 12px;
    height: 12px;
}

.tw-size-3\.5 {
    width: 14px;
    height: 14px;
}

.tw-size-4 {
    width: 16px;
    height: 16px;
}

.tw-size-5 {
    width: 20px;
    height: 20px;
}

.tw-size-6 {
    width: 24px;
    height: 24px;
}

.tw-size-7 {
    width: 28px;
    height: 28px;
}

.tw-size-8 {
    width: 32px;
    height: 32px;
}

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

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

.tw-size-auto {
    width: auto;
    height: auto;
}

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

.\!tw-h-8 {
    height: 32px !important;
}

.tw-h-10 {
    height: 40px;
}

.tw-h-11 {
    height: 44px;
}

.tw-h-12 {
    height: 48px;
}

.tw-h-14 {
    height: 56px;
}

.tw-h-15 {
    height: 60px;
}

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

.tw-h-32 {
    height: 128px;
}

.tw-h-4 {
    height: 16px;
}

.tw-h-6 {
    height: 24px;
}

.tw-h-7 {
    height: 28px;
}

.tw-h-8 {
    height: 32px;
}

.tw-h-9 {
    height: 36px;
}

.tw-h-full {
    height: 100%;
}

.tw-h-screen {
    height: 100vh;
}

.tw-max-h-80 {
    max-height: 320px;
}

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

.tw-max-h-\[88vh\] {
    max-height: 88vh;
}

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

.tw-max-h-none {
    max-height: none;
}

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

.tw-min-h-9 {
    min-height: 36px;
}

.tw-min-h-24 {
    min-height: 96px;
}

.tw-min-h-6 {
    min-height: 24px;
}

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

.tw-w-4 {
    width: 16px;
}

.tw-w-44 {
    width: 176px;
}

.tw-w-5 {
    width: 20px;
}

.tw-w-\[224px\] {
    width: 224px;
}

.tw-w-\[230px\] {
    width: 230px;
}

.tw-w-\[260px\] {
    width: 260px;
}

.tw-w-\[280px\] {
    width: 280px;
}

.tw-w-\[320px\] {
    width: 320px;
}

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

.tw-w-full {
    width: 100%;
}

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

.tw-w-px {
    width: 1px;
}

.tw-min-w-0 {
    min-width: 0;
}

.tw-min-w-16 {
    min-width: 64px;
}

.tw-min-w-20 {
    min-width: 80px;
}

.tw-min-w-6 {
    min-width: 24px;
}

.tw-min-w-64 {
    min-width: 256px;
}

.tw-max-w-64 {
    max-width: 256px;
}

.tw-max-w-3xl {
    max-width: 768px;
}

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

.tw-min-w-32 {
    min-width: 128px;
}

.tw-min-w-36 {
    min-width: 144px;
}

.tw-min-w-44 {
    min-width: 176px;
}

.tw-min-w-52 {
    min-width: 208px;
}

.tw-max-w-6xl {
    max-width: 1152px;
}

.tw-max-w-\[1200px\] {
    max-width: 1200px;
}

.tw-max-w-\[128px\] {
    max-width: 128px;
}

.tw-max-w-\[1440px\] {
    max-width: 1440px;
}

.tw-max-w-\[96\%\] {
    max-width: 96%;
}

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

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

.tw-flex-auto {
    flex: 1 1 auto;
}

.tw-max-w-\[200px\] {
    max-width: 200px;
}

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

.tw-shrink {
    flex-shrink: 1;
}

.tw-shrink-0 {
    flex-shrink: 0;
}

.tw-flex-grow {
    flex-grow: 1;
}

.-tw-translate-x-1\/2 {
    --tw-translate-x: -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));
}

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

.tw--translate-x-1\/2 {
    --tw-translate-x: -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));
}

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

.tw-translate-x-1\/2 {
    --tw-translate-x: 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));
}

.tw--rotate-90 {
    --tw-rotate: -90deg;
    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-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 tw-circle-up-down {

    0%, to {
        transform: translateY(2px);
    }

    50% {
        transform: translateY(-2px);
    }
}

.tw-animate-circle-up-down {
    animation: tw-circle-up-down 2s infinite cubic-bezier(0.65, 0, 0.35, 1);
}

@keyframes tw-circle-zoom-in-out {

    0%, to {
        transform: translateY(-2px);
    }

    50% {
        transform: translateY(2px);
    }
}

.tw-animate-circle-zoom-in-out {
    animation: tw-circle-zoom-in-out 2s infinite cubic-bezier(0.65, 0, 0.35, 1);
}

@keyframes tw-icon-wobble {

    0%, to {
        transform: rotate(0);
    }

    50% {
        transform: rotate(90deg);
    }
}

.tw-animate-icon-wobble {
    animation: tw-icon-wobble 2s infinite cubic-bezier(0.65, 0, 0.35, 1);
}

@keyframes tw-shadowExpand {
    0% {
        box-shadow: 0 0 var(--primary-color-500);
    }

    to {
        box-shadow: 0 0 0 16px var(--primary-color-500);
        opacity: 0;
    }
}

.tw-animate-shadow-expand {
    animation: tw-shadowExpand 1.5s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

.tw-cursor-pointer {
    cursor: pointer;
}

.\!tw-cursor-pointer {
    cursor: pointer !important;
}

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

.tw-scroll-pt-16 {
    scroll-padding-top: 64px;
}

.tw-appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

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

.tw-flex-col {
    flex-direction: column;
}

.tw-flex-wrap {
    flex-wrap: wrap;
}

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

.tw-items-center {
    align-items: center;
}

.tw-items-start {
    align-items: start;
}

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

.tw-justify-center {
    justify-content: center;
}

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

.tw-gap-1 {
    gap: 4px;
}

.tw-gap-1\.5 {
    gap: 6px;
}

.tw-gap-2 {
    gap: 8px;
}

.tw-gap-2\.5 {
    gap: 10px;
}

.tw-gap-3 {
    gap: 12px;
}

.tw-gap-4 {
    gap: 16px;
}

.tw-gap-5 {
    gap: 20px;
}

.tw-gap-6 {
    gap: 24px;
}

.tw-gap-7 {
    gap: 28px;
}

.tw-gap-x-3 {
    -moz-column-gap: 12px;
    column-gap: 12px;
}

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

.tw-gap-x-5 {
    -moz-column-gap: 20px;
    column-gap: 20px;
}

.tw-gap-x-6 {
    -moz-column-gap: 24px;
    column-gap: 24px;
}

.tw-gap-x-8 {
    -moz-column-gap: 32px;
    column-gap: 32px;
}

.tw-gap-x-14 {
    -moz-column-gap: 56px;
    column-gap: 56px;
}

.tw-gap-y-10 {
    row-gap: 40px;
}

.tw-gap-y-2 {
    row-gap: 8px;
}

.tw-gap-y-4 {
    row-gap: 16px;
}

.tw-gap-y-5 {
    row-gap: 20px;
}

.tw-gap-y-8 {
    row-gap: 32px;
}

.tw-overflow-auto {
    overflow: auto;
}

.tw-overflow-hidden {
    overflow: hidden;
}

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

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

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

.tw-whitespace-nowrap {
    white-space: nowrap;
}

.tw-rounded {
    border-radius: 4px;
}

.tw-rounded-2xl {
    border-radius: 16px;
}

.tw-rounded-\[2\.5px\] {
    border-radius: 2.5px;
}

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

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

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

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

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

.tw-rounded-xl {
    border-radius: 12px;
}

.tw-rounded-tl-sm {
    border-top-left-radius: 2px;
}

.tw-border {
    border-width: 1px;
}

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

.tw-border-4 {
    border-width: 4px;
}

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

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

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

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

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

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

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

.tw-border-primary-500 {
    border-color: var(--primary-color-500);
}

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

.tw-border-slate-200 {
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}

.tw-border-slate-300 {
    --tw-border-opacity: 1;
    border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}

.tw-border-transparent {
    border-color: transparent;
}

.tw-bg-black\/20 {
    background-color: #0003;
}

.tw-border-zinc-200 {
    --tw-border-opacity: 1;
    border-color: rgb(228 228 231 / var(--tw-border-opacity, 1));
}

.\!tw-bg-zinc-200 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(228 228 231 / var(--tw-bg-opacity, 1)) !important;
}

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

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

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

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

.tw-bg-primary-100 {
    background-color: var(--primary-color-100);
}

.tw-bg-primary-200 {
    background-color: var(--primary-color-200);
}

.tw-bg-primary-500 {
    --tw-bg-opacity: 1;
    background-color: var(--primary-color-500);
}

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

.tw-bg-primary-500\/5 {
    background-color: rgb(var(--color-primary-500) / 0.05);
}

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

.tw-bg-gray-500\/75 {
    background-color: #6b7280bf;
}

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

.tw-bg-slate-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

.tw-bg-slate-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}

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

.tw-bg-slate-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}

.tw-bg-slate-950\/25 {
    background-color: #02061740;
}

.tw-bg-transparent {
    background-color: transparent;
}

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

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

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

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

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

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

.tw-from-primary-500 {
    --tw-gradient-from: rgb(var(--color-primary-500) / 1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--color-primary-500) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.tw-from-slate-50 {
    --tw-gradient-from: #f8fafc var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.tw-from-white\/\[0\.02\] {
    --tw-gradient-from: rgb(255 255 255 / 0.02) 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);
}

.tw-to-primary-600 {
    --tw-gradient-to: rgb(var(--color-primary-600) / 1) var(--tw-gradient-to-position);
}

.tw-to-slate-900 {
    --tw-gradient-to: #0f172a var(--tw-gradient-to-position);
}

.tw-to-primary-400 {
    --tw-gradient-to: rgb(var(--color-primary-400) / 1) var(--tw-gradient-to-position);
}

.tw-to-white\/\[0\.08\] {
    --tw-gradient-to: rgb(255 255 255 / 0.08) var(--tw-gradient-to-position);
}

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

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

.\!tw-pb-0 {
    padding-bottom: 0 !important;
}

.tw-p-0 {
    padding: 0;
}

.tw-p-1 {
    padding: 4px;
}

.\!tw-p-1 {
    padding: 4px !important;
}

.tw-p-2 {
    padding: 8px;
}

.tw-p-3 {
    padding: 12px;
}

.tw-p-4 {
    padding: 16px;
}

.tw-p-5 {
    padding: 20px;
}

.tw-p-\[120px\] {
    padding: 120px;
}

.\!tw-px-3 {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

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

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

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

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

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

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

.tw-px-3\.5 {
    padding-left: 14px;
    padding-right: 14px;
}

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

.tw-px-4\.5 {
    padding-left: 18px;
    padding-right: 18px;
}

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

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

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

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

.tw-py-10 {
    padding-top: 40px;
    padding-bottom: 40px;
}

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

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

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

.tw-py-5 {
    padding-top: 20px;
    padding-bottom: 20px;
}

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

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

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

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

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

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

.tw-pb-10 {
    padding-bottom: 40px;
}

.tw-pb-12 {
    padding-bottom: 48px;
}

.tw-pe-2 {
    padding-inline-end: 8px;
}

.tw-pl-2 {
    padding-left: 8px;
}

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

.tw-pl-3 {
    padding-left: 12px;
}

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

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

.tw-pl-9 {
    padding-left: 36px;
}

.tw-pr-15 {
    padding-right: 60px;
}

.tw-pr-2 {
    padding-right: 8px;
}

.tw-pr-px {
    padding-right: 1px;
}

.tw-pr-0\.5 {
    padding-right: 2px;
}

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

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

.tw-pt-1 {
    padding-top: 2px;
}

.tw-pt-10 {
    padding-top: 40px;
}

.tw-pt-15 {
    padding-top: 60px;
}

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

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

.tw-pt-5 {
    padding-top: 20px;
}

.tw-pt-8 {
    padding-top: 32px;
}

.tw-my-5 {
    margin-block: 20px;
}

.tw-text-left {
    text-align: left;
}

.tw-text-center {
    text-align: center;
}

.tw-text-right {
    text-align: right;
}

.tw-text-start {
    text-align: start;
}

.tw-text-end {
    text-align: end;
}

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

.tw-font-satoshi {
    font-family: Satoshi;
}

.tw-text-2xl {
    font-size: 24px;
    line-height: 32px;
}

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

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

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

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

.tw-text-sm\/6 {
    font-size: 14px;
    line-height: 24px;
}

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

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

.tw-text-xs\/5 {
    font-size: 12px;
    line-height: 20px;
}

.tw-text-xs\/8 {
    font-size: 12px;
    line-height: 32px;
}

.tw-text-xs\/\[18px\] {
    font-size: 12px;
    line-height: 18px;
}

.tw-text-xs\/\[22px\] {
    font-size: 12px;
    line-height: 22px;
}

.tw-font-bold {
    font-weight: 700;
}

.tw-font-medium {
    font-weight: 500;
}

.\!tw-font-medium {
    font-weight: 500 !important;
}

.\!tw-font-normal {
    font-weight: 400 !important;
}

.tw-font-semibold {
    font-weight: 600;
}

.tw-uppercase {
    text-transform: uppercase;
}

.tw-leading-none {
    line-height: 1;
}

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

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

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

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

.tw-text-primary-500 {
    color: var(--primary-color-500);
}

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

.tw-text-slate-400 {
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.tw-text-slate-500 {
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

.tw-text-slate-600 {
    --tw-text-opacity: 1;
    color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

.tw-text-slate-700 {
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}

.\!tw-text-slate-700 {
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity, 1)) !important;
}

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

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

.tw-text-slate-900 {
    --tw-text-opacity: 1;
    color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

.tw-text-slate-950 {
    --tw-text-opacity: 1;
    color: rgb(2 6 23 / var(--tw-text-opacity, 1));
}

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

.tw-text-zinc-600 {
    --tw-text-opacity: 1;
    color: rgb(82 82 91 / var(--tw-text-opacity, 1));
}

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

.tw-underline {
    text-decoration-line: underline;
}

.tw-underline-offset-4 {
    text-underline-offset: 4px;
}

.tw-opacity-0 {
    opacity: 0;
}

.tw-shadow-\[0_1px_2px_0_rgba\(0\,0\,0\,0\.05\)\,0_-2px_0_0_rgba\(14\,24\,41\,0\.05\)_inset\,0_0_0_1px_theme\(colors\.primary\.600\)_inset\] {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 -2px 0 0 rgba(14, 24, 41, 0.05) inset, 0 0 0 1px rgb(var(--color-primary-600) / 1) inset;
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color), inset 0 -2px 0 0 var(--tw-shadow-color), 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);
}

.tw-shadow-\[0_2px_2px_-2px_rgba\(0\,0\,0\,0\.08\)\,0_4px_4px_-2px_rgba\(0\,0\,0\,0\.08\)\,0_0_0_2px_rgba\(0\,0\,0\,0\.06\)\,inset_0_2px_0_0_\#FFF\,inset_0_2px_4px_2px_\#FFF\,inset_0_2px_4px_0_rgba\(0\,0\,0\,0\.06\)\,inset_0_-8px_16px_-8px_rgba\(0\,0\,0\,0\.04\)\] {
    --tw-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.08), 0 4px 4px -2px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.06), inset 0 2px 0 0 #fff, inset 0 2px 4px 2px #fff, inset 0 2px 4px 0 rgba(0, 0, 0, 0.06), inset 0 -8px 16px -8px rgba(0, 0, 0, 0.04);
    --tw-shadow-colored: 0 2px 2px -2px var(--tw-shadow-color), 0 4px 4px -2px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color), inset 0 2px 0 0 var(--tw-shadow-color), inset 0 2px 4px 2px var(--tw-shadow-color), inset 0 2px 4px 0 var(--tw-shadow-color), inset 0 -8px 16px -8px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw-shadow-\[0px_-1px_0px_0px_theme\(colors\.slate\.800\/0\.05\)_inset\,0px_1px_2px_0px_theme\(colors\.slate\.800\/0\.05\)\] {
    --tw-shadow: 0px -1px 0px 0px rgb(30 41 59 / 0.05) inset, 0px 1px 2px 0px rgb(30 41 59 / 0.05);
    --tw-shadow-colored: inset 0px -1px 0px 0px var(--tw-shadow-color), 0px 1px 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);
}

.tw-shadow-\[0px_2px_4px_0px_rgba\(0\,0\,0\,0\.02\)\] {
    --tw-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.02);
    --tw-shadow-colored: 0px 2px 4px 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);
}

.tw-shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 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);
}

.tw-shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 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);
}

.tw-shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 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);
}

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

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

.tw-ring-4 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.tw-ring-\[6px\] {
    --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(6px + 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);
}

.tw-ring-primary-300\/50 {
    --tw-ring-color: rgb(var(--color-primary-300) / 0.5);
}

.tw-ring-primary-400\/50 {
    --tw-ring-color: rgb(var(--color-primary-400) / 0.5);
}

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

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

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

.tw-outline-white {
    outline-color: #fff;
}

.tw-backdrop-blur-2xl {
    --tw-backdrop-blur: blur(40px);
    -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);
}

.tw-backdrop-blur-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    -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);
}

.tw-backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.tw-transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

.tw-transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

.tw-transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

.tw-transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

.tw-duration-200 {
    transition-duration: 0.2s;
}

.tw-duration-300 {
    transition-duration: 0.3s;
}


.first-letter\:tw-capitalize:first-letter {
    text-transform: capitalize;
}

.backdrop\:tw-bg-transparent::backdrop {
    background-color: transparent;
}

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

.before\:tw-inset-0:before {
    content: var(--tw-content);
    inset: 0;
}

.before\:tw--top-2:before {
    content: var(--tw-content);
    top: -8px;
}

.before\:tw-bottom-full:before {
    content: var(--tw-content);
    bottom: 100%;
}

.before\:tw-left-1\/2:before {
    content: var(--tw-content);
    left: 50%;
}

.before\:tw-right-2:before {
    content: var(--tw-content);
    right: 8px;
}

.before\:tw-right-full:before {
    content: var(--tw-content);
    right: 100%;
}

.before\:tw-left-full:before {
    content: var(--tw-content);
    left: 100%;
}

.before\:tw-top-1\/2:before {
    content: var(--tw-content);
    top: 50%;
}

.before\:tw-top-6:before {
    content: var(--tw-content);
    top: 24px;
}

.before\:tw-top-full:before {
    content: var(--tw-content);
    top: 100%;
}

.before\:tw-z-1:before {
    content: var(--tw-content);
    z-index: 1;
}

.before\:tw-flex:before {
    content: var(--tw-content);
    display: flex;
}

.before\:tw-size-6:before {
    content: var(--tw-content);
    width: 24px;
    height: 24px;
}

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

.before\:tw-w-px:before {
    content: var(--tw-content);
    width: 1px;
}

.before\:-tw-translate-y-1\/2:before {
    content: var(--tw-content);
    --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));
}

.before\:tw--translate-x-1\/2:before {
    content: var(--tw-content);
    --tw-translate-x: -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));
}

.before\:tw-items-center:before {
    content: var(--tw-content);
    align-items: center;
}

.before\:tw-justify-center:before {
    content: var(--tw-content);
    justify-content: center;
}

.before\:tw-rounded:before {
    content: var(--tw-content);
    border-radius: 4px;
}

.before\:tw-rounded-full:before {
    content: var(--tw-content);
    border-radius: 9999px;
}

.before\:tw-border:before {
    content: var(--tw-content);
    border-width: 1px;
}

.before\:tw-border-4:before {
    content: var(--tw-content);
    border-width: 4px;
}

.before\:tw-border-6:before {
    content: var(--tw-content);
    border-width: 6px;
}

.before\:tw-border-8:before {
    content: var(--tw-content);
    border-width: 8px;
}

.before\:tw-border-t-0:before {
    content: var(--tw-content);
    border-top-width: 0;
}

.before\:tw-border-primary-200:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-primary-200) / var(--tw-border-opacity, 1));
}

.before\:tw-border-transparent:before {
    content: var(--tw-content);
    border-color: transparent;
}

.before\:tw-border-x-transparent:before {
    content: var(--tw-content);
    border-left-color: transparent;
    border-right-color: transparent;
}

.before\:tw-border-b-gray-800:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-bottom-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}

.before\:tw-border-r-neutral-900:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-right-color: rgb(23 23 23 / var(--tw-border-opacity, 1));
}

.before\:tw-border-l-neutral-900:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-left-color: rgb(23 23 23 / var(--tw-border-opacity, 1));
}

.before\:tw-border-t-gray-800:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-top-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}

.before\:tw-bg-primary-50:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-50) / var(--tw-bg-opacity, 1));
}

.before\:tw-bg-primary-500:before {
    content: var(--tw-content);
    background-color: var(--primary-color-500);
}

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

.before\:tw-from-white\/10:before {
    content: var(--tw-content);
    --tw-gradient-from: rgb(255 255 255 / 0.1) 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);
}

.before\:tw-to-white\/0:before {
    content: var(--tw-content);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
}

.before\:tw-p-0\.5:before {
    content: var(--tw-content);
    padding: 2px;
}

.before\:tw-font-inter:before {
    content: var(--tw-content);
    font-family: Inter, sans-serif;
}

.before\:tw-text-xs:before {
    content: var(--tw-content);
    font-size: 12px;
    line-height: 16px;
}

.before\:tw-font-bold:before {
    content: var(--tw-content);
    font-weight: 700;
}

.before\:tw-text-primary-500:before {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: var(--primary-color-500);
}

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

.before\:tw-content-\[counter\(section\)\]:before {
    --tw-content: counter(section);
    content: var(--tw-content);
}

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

.after\:tw-inset-0\.5:after {
    content: var(--tw-content);
    inset: 2px;
}

.after\:tw-left-3:after {
    content: var(--tw-content);
    left: 12px;
}

.after\:tw-left-5:after {
    content: var(--tw-content);
    left: 20px;
}

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

.after\:tw-z-1:after {
    content: var(--tw-content);
    z-index: 1;
}

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

.after\:tw-size-6:after {
    content: var(--tw-content);
    width: 24px;
    height: 24px;
}

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

.after\:tw-w-px:after {
    content: var(--tw-content);
    width: 1px;
}

.after\:tw-rounded-full:after {
    content: var(--tw-content);
    border-radius: 9999px;
}

.after\:tw-rounded-sm:after {
    content: var(--tw-content);
    border-radius: 2px;
}

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

.after\:tw-bg-slate-300:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}

.after\:tw-bg-slate-500:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
}

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

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

.after\:tw-from-primary-500:after {
    content: var(--tw-content);
    --tw-gradient-from: rgb(var(--color-primary-500) / 1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--color-primary-500) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.after\:tw-to-primary-600:after {
    content: var(--tw-content);
    --tw-gradient-to: rgb(var(--color-primary-600) / 1) var(--tw-gradient-to-position);
}

.after\:tw-transition-colors:after {
    content: var(--tw-content);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

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

.empty\:tw-hidden:empty {
    display: none;
}

.first\:tw-pt-0:first-child {
    padding-top: 0;
}

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

.hover\:tw-border-slate-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}

.hover\:tw-bg-primary-100:hover {
    background-color: var(--primary-color-100);
}

.hover\:tw-border-slate-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
}

.hover\:tw-border-zinc-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(212 212 216 / var(--tw-border-opacity, 1));
}

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

.hover\:tw-bg-red-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
}

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

.hover\:tw-bg-slate-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}

.hover\:tw-bg-slate-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

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

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

.hover\:tw-text-slate-700:hover {
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}

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

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

.hover\:tw-shadow-\[0px_4px_20px_0px_rgba\(0\,0\,0\,0\.08\)\]:hover {
    --tw-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
    --tw-shadow-colored: 0px 4px 20px 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\:before\:tw-bg-slate-200:hover:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

.hover\:after\:tw-from-primary-400:hover:after {
    content: var(--tw-content);
    --tw-gradient-from: rgb(var(--color-primary-400) / 1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--color-primary-400) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:after\:tw-to-primary-400:hover:after {
    content: var(--tw-content);
    --tw-gradient-to: rgb(var(--color-primary-400) / 1) var(--tw-gradient-to-position);
}

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

.focus\:tw-outline:focus {
    outline-style: solid;
}

.focus\:tw-outline-0:focus {
    outline-width: 0px;
}

.focus\:tw-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\:tw-ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
}

.focus-visible\:tw-rounded-sm:focus-visible {
    border-radius: 2px;
}

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

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

.focus-visible\:tw-ring-2:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:tw-ring-primary-500:focus-visible {
    --tw-ring-color: var(--primary-color-500);
}

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

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

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

.disabled\:tw-cursor-auto:disabled {
    cursor: auto;
}

.disabled\:tw-bg-transparent:disabled {
    background-color: transparent;
}

.disabled\:tw-from-slate-300:disabled {
    --tw-gradient-from: #cbd5e1 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(203 213 225 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.disabled\:tw-to-slate-300:disabled {
    --tw-gradient-to: #cbd5e1 var(--tw-gradient-to-position);
}

.disabled\:tw-text-black\/50:disabled {
    color: #00000080;
}

.disabled\:tw-text-slate-500:disabled {
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

.disabled\:tw-opacity-50:disabled {
    opacity: 0.5;
}

.disabled\:tw-shadow-\[0_1px_2px_0_rgba\(0\,0\,0\,0\.05\)\,0_0px_0_0_rgba\(14\,24\,41\,0\.05\)_inset\,0_0_0_1px_theme\(colors\.slate\.300\)_inset\]:disabled {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 0px 0 0 rgba(14, 24, 41, 0.05) inset, 0 0 0 1px #cbd5e1 inset;
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color), inset 0 0px 0 0 var(--tw-shadow-color), 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);
}

.disabled\:after\:tw-from-slate-300:disabled:after {
    content: var(--tw-content);
    --tw-gradient-from: #cbd5e1 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(203 213 225 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.disabled\:after\:tw-to-slate-300:disabled:after {
    content: var(--tw-content);
    --tw-gradient-to: #cbd5e1 var(--tw-gradient-to-position);
}

.tw-group\/step:last-child .group-last\/step\:tw-mb-0 {
    margin-bottom: 0;
}

.tw-group\/level1[open] .group-open\/level1\:tw-rotate-0,
.tw-group\/level2[open] .group-open\/level2\:tw-rotate-0,
.tw-group\/level3[open] .group-open\/level3\:tw-rotate-0 {
    --tw-rotate: 0deg;
    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-group\/level1[open] .group-open\/level1\:tw-text-slate-800,
.tw-group\/level2[open] .group-open\/level2\:tw-text-slate-800,
.tw-group\/level3[open] .group-open\/level3\:tw-text-slate-800 {
    --tw-text-opacity: 1;
    color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}

.tw-group\/tooltip:hover .group-hover\/tooltip\:tw-block {
    display: block;
}

.tw-group\/togglebtn:hover .group-hover\/togglebtn\:tw-fill-slate-600 {
    fill: #475569;
}

.tw-group\/togglebtn:hover .group-hover\/togglebtn\:tw-stroke-slate-600 {
    stroke: #475569;
}

.tw-group\/emoji:hover .group-hover\/emoji\:tw-text-slate-600 {
    --tw-text-opacity: 1;
    color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

.tw-group\/feedback:hover .group-hover\/feedback\:tw-text-slate-600 {
    --tw-text-opacity: 1;
    color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

.tw-group\/recording:hover .group-hover\/recording\:tw-text-primary-500 {
    color: var(--primary-color-500);
}

.tw-group\/togglebtn:hover .group-hover\/togglebtn\:tw-text-slate-600 {
    --tw-text-opacity: 1;
    color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

.tw-group\/feedback:hover .group-hover\/feedback\:tw-text-slate-600,
.tw-group:hover .group-hover\:tw-text-slate-600 {
    --tw-text-opacity: 1;
    color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

.tw-peer:checked ~ .peer-checked\:tw-border-green-900 {
    --tw-border-opacity: 1;
    border-color: rgb(20 83 45 / var(--tw-border-opacity, 1));
}

.tw-peer:checked ~ .peer-checked\:tw-border-red-900 {
    --tw-border-opacity: 1;
    border-color: rgb(127 29 29 / var(--tw-border-opacity, 1));
}

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

.tw-peer:checked ~ .peer-checked\:tw-bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

.tw-peer:checked ~ .peer-checked\:tw-text-\[\#16A34A\] {
    --tw-text-opacity: 1;
    color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.tw-peer:checked ~ .peer-checked\:tw-text-\[\#55B579\] {
    --tw-text-opacity: 1;
    color: rgb(85 181 121 / var(--tw-text-opacity, 1));
}

.tw-peer:checked ~ .peer-checked\:tw-text-\[\#B54E4E\] {
    --tw-text-opacity: 1;
    color: rgb(181 78 78 / var(--tw-text-opacity, 1));
}

.tw-peer:checked ~ .peer-checked\:tw-text-\[\#F59E0B\] {
    --tw-text-opacity: 1;
    color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}

.tw-peer:checked ~ .peer-checked\:tw-text-amber-400 {
    --tw-text-opacity: 1;
    color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

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

.tw-group\/feedback:hover .group-hover\/feedback\:tw-text-primary-500 {
    color: var(--primary-color-500);
}

.has-\[cl-count\:empty\]\:tw-hidden:has(cl-count:empty) {
    display: none;
}

.has-\[cl-subtitle\:empty\]\:before\:tw-absolute:has(cl-subtitle:empty):before {
    content: var(--tw-content);
    position: absolute;
}

.has-\[cl-subtitle\:empty\]\:before\:tw-inset-x-0:has(cl-subtitle:empty):before {
    content: var(--tw-content);
    left: 0;
    right: 0;
}

.has-\[cl-subtitle\:empty\]\:before\:tw--top-\[1\.5px\]:has(cl-subtitle:empty):before {
    content: var(--tw-content);
    top: -1.5px;
}

.has-\[cl-subtitle\:empty\]\:before\:tw-h-0\.5:has(cl-subtitle:empty):before {
    content: var(--tw-content);
    height: 2px;
}

@keyframes tw-fill-loader {
    0% {
        content: var(--tw-content);
        transform-origin: 0 0;
        transform: scaleX(0);
    }

    49% {
        content: var(--tw-content);
        transform-origin: 0 0;
        transform: scaleX(1);
    }

    51% {
        content: var(--tw-content);
        transform: scaleX(1);
        transform-origin: 100% 0;
    }

    to {
        content: var(--tw-content);
        transform: scaleX(0);
        transform-origin: 100% 0;
    }
}

.has-\[cl-subtitle\:empty\]\:before\:tw-animate-fill-loader:has(cl-subtitle:empty):before {
    content: var(--tw-content);
    animation: tw-fill-loader 1.2s infinite cubic-bezier(0.645, 0.045, 0.355, 1);
}

.has-\[cl-subtitle\:empty\]\:before\:tw-rounded-full:has(cl-subtitle:empty):before {
    content: var(--tw-content);
    border-radius: 9999px;
}

.has-\[cl-subtitle\:empty\]\:before\:tw-bg-primary-500:has(cl-subtitle:empty):before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity, 1));
}

.has-\[cl-subtitle\:empty\]\:before\:tw-content-\[\'\'\]:has(cl-subtitle:empty):before {
    --tw-content: "";
    content: var(--tw-content);
}

.has-\[cl-subtitle\:empty\]\:after\:tw-mt-4:has(cl-subtitle:empty):after {
    content: var(--tw-content);
    margin-top: 16px;
}

.has-\[cl-subtitle\:empty\]\:after\:tw-block:has(cl-subtitle:empty):after {
    content: var(--tw-content);
    display: block;
}

.has-\[cl-subtitle\:empty\]\:after\:tw-whitespace-nowrap:has(cl-subtitle:empty):after {
    content: var(--tw-content);
    white-space: nowrap;
}

.has-\[cl-subtitle\:empty\]\:after\:tw-text-center:has(cl-subtitle:empty):after {
    content: var(--tw-content);
    text-align: center;
}

.has-\[cl-subtitle\:empty\]\:after\:tw-text-sm:has(cl-subtitle:empty):after {
    content: var(--tw-content);
    font-size: 14px;
    line-height: 20px;
}

.has-\[cl-subtitle\:empty\]\:after\:tw-text-slate-800:has(cl-subtitle:empty):after {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}

.has-\[cl-subtitle\:empty\]\:after\:tw-content-\[\'Locating_next_step\.\.\.\'\]:has(cl-subtitle:empty):after {
    --tw-content: "Locating next step...";
    content: var(--tw-content);
}

.tw-group:has(cl-subtitle:empty) .group-has-\[cl-subtitle\:empty\]\:tw-block {
    display: block;
}

.tw-group:has(audio:not([src])) .group-has-\[audio\:not\(\[src\]\)\]\:tw-pb-4 {
    padding-bottom: 16px;
}

.tw-group:hover .group-hover\:tw-text-slate-600 {
    --tw-text-opacity: 1;
    color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

.tw-peer:checked ~ .peer-checked\:tw-border-black\/10 {
    border-color: #0000001a;
}

.tw-peer:checked ~ .peer-checked\:tw-bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.tw-peer:checked ~ .peer-checked\:tw-from-primary-500 {
    --tw-gradient-from: rgb(var(--color-primary-500) / 1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--color-primary-500) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.tw-peer:checked ~ .peer-checked\:tw-to-primary-400 {
    --tw-gradient-to: rgb(var(--color-primary-400) / 1) var(--tw-gradient-to-position);
}

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

.tw-peer:focus-visible ~ .peer-focus-visible\:tw-outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.tw-peer:focus-visible ~ .peer-focus-visible\:tw-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);
}

.tw-peer:focus-visible ~ .peer-focus-visible\:tw-ring-primary-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-primary-500) / var(--tw-ring-opacity, 1));
}

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

.has-\[\:checked\]\:tw-bg-primary-500:has(:checked) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity, 1));
}

.aria-\[current\=location\]\:tw-border-primary-500[aria-current="location"] {
    border-color: var(--primary-color-500);
}

.aria-\[current\=page\]\:\!tw-bg-slate-200[aria-current="page"] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1)) !important;
}

.aria-\[current\=page\]\:tw-bg-slate-200[aria-current="page"] {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

.aria-\[current\=page\]\:tw-font-semibold[aria-current="page"] {
    font-weight: 600;
}

.aria-\[current\=page\]\:tw-text-slate-800[aria-current="page"] {
    --tw-text-opacity: 1;
    color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}

.tw-group\/level1[aria-current="page"] .group-aria-\[current\=page\]\/level1\:tw-bg-slate-200,
.tw-group\/level2[aria-current="page"] .group-aria-\[current\=page\]\/level2\:tw-bg-slate-200,
.tw-group\/level3[aria-current="page"] .group-aria-\[current\=page\]\/level3\:tw-bg-slate-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

.tw-group[aria-current="location"] .group-aria-\[current\=location\]\:tw-font-semibold,
.tw-group\/level2[aria-current="page"] .group-aria-\[current\=page\]\/level2\:tw-font-semibold,
.tw-group\/level3[aria-current="page"] .group-aria-\[current\=page\]\/level3\:tw-font-semibold {
    font-weight: 600;
}

.tw-group[aria-current="location"] .group-aria-\[current\=location\]\:tw-text-primary-500 {
    color: var(--primary-color-500);
}

.tw-group\/level2[aria-current="page"] .group-aria-\[current\=page\]\/level2\:tw-text-slate-800,
.tw-group\/level3[aria-current="page"] .group-aria-\[current\=page\]\/level3\:tw-text-slate-800 {
    --tw-text-opacity: 1;
    color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}

.tw-group\/level1[aria-current="false"] .group-aria-\[current\=false\]\/level1\:hover\:tw-bg-slate-100:hover,
.tw-group\/level2[aria-current="false"] .group-aria-\[current\=false\]\/level2\:hover\:tw-bg-slate-100:hover,
.tw-group\/level3[aria-current="false"] .group-aria-\[current\=false\]\/level3\:hover\:tw-bg-slate-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

.data-\[highlighter\=true\]\:tw-block[data-highlighter="true"],
.data-\[state\=active\]\:tw-block[data-state="active"],
.data-\[state\=open\]\:tw-block[data-state="open"] {
    display: block;
}

.data-\[state\=active\]\:tw-flex[data-state="active"] {
    display: flex;
}

.data-\[annotation\=explorative\]\:tw-w-56[data-annotation="explorative"],
.data-\[annotation\=sequential\]\:tw-w-56[data-annotation="sequential"] {
    width: 224px;
}

.data-\[closed\]\:tw-translate-y-4[data-closed] {
    --tw-translate-y: 16px;
    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));
}

.data-\[state\=active\]\:tw-bg-slate-150[data-state="active"] {
    --tw-bg-opacity: 1;
    background-color: rgb(239 239 240 / var(--tw-bg-opacity, 1));
}

.data-\[closed\]\:tw-opacity-0[data-closed] {
    opacity: 0;
}

.data-\[enter\]\:tw-duration-300[data-enter] {
    transition-duration: 0.3s;
}

.data-\[leave\]\:tw-duration-200[data-leave] {
    transition-duration: 0.2s;
}

.data-\[enter\]\:tw-ease-out[data-enter] {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.data-\[leave\]\:tw-ease-in[data-leave] {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.data-\[dropdown\=open\]\:after\:tw-absolute[data-dropdown="open"]:after {
    content: var(--tw-content);
    position: absolute;
}

.data-\[dropdown\=open\]\:after\:tw--left-2[data-dropdown="open"]:after {
    content: var(--tw-content);
    left: -8px;
}

.data-\[dropdown\=open\]\:after\:tw--top-2[data-dropdown="open"]:after {
    content: var(--tw-content);
    top: -8px;
}

.data-\[dropdown\=open\]\:after\:tw-h-\[calc\(100\%\+16px\)\][data-dropdown="open"]:after {
    content: var(--tw-content);
    height: calc(100% + 16px);
}

.data-\[dropdown\=open\]\:after\:tw-w-\[calc\(100\%\+16px\)\][data-dropdown="open"]:after {
    content: var(--tw-content);
    width: calc(100% + 16px);
}

.data-\[dropdown\=open\]\:after\:tw-rounded-lg[data-dropdown="open"]:after {
    content: var(--tw-content);
    border-radius: 8px;
}

.data-\[dropdown\=open\]\:after\:tw-rounded-xl[data-dropdown="open"]:after {
    content: var(--tw-content);
    border-radius: 12px;
}

.data-\[dropdown\=open\]\:after\:tw-border[data-dropdown="open"]:after {
    content: var(--tw-content);
    border-width: 1px;
}

.data-\[dropdown\=open\]\:after\:tw-border-slate-300[data-dropdown="open"]:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}

.tw-group[data-state="copied"] .group-data-\[state\=copied\]\:tw-pointer-events-none {
    pointer-events: none;
}

.tw-group[data-arrow-position="bottom-center"] .group-data-\[arrow-position\=bottom-center\]\:tw--bottom-2\.5 {
    bottom: -10px;
}

.tw-group[data-arrow-position="bottom-center"] .group-data-\[arrow-position\=bottom-center\]\:tw-left-1\/2 {
    left: 50%;
}

.tw-group[data-arrow-position="bottom-left"] .group-data-\[arrow-position\=bottom-left\]\:tw--bottom-2\.5 {
    bottom: -10px;
}

.tw-group[data-arrow-position="bottom-left"] .group-data-\[arrow-position\=bottom-left\]\:tw-left-2\.5 {
    left: 10px;
}

.tw-group[data-arrow-position="bottom-right"] .group-data-\[arrow-position\=bottom-right\]\:tw--bottom-2\.5 {
    bottom: -10px;
}

.tw-group[data-arrow-position="bottom-right"] .group-data-\[arrow-position\=bottom-right\]\:tw-right-2\.5 {
    right: 10px;
}

.tw-group[data-arrow-position="left-bottom"] .group-data-\[arrow-position\=left-bottom\]\:tw--left-2\.5 {
    left: -10px;
}

.tw-group[data-arrow-position="left-bottom"] .group-data-\[arrow-position\=left-bottom\]\:tw-bottom-2\.5 {
    bottom: 10px;
}

.tw-group[data-arrow-position="left-bottom"] .group-data-\[arrow-position\=left-bottom\]\:tw-top-auto {
    top: auto;
}

.tw-group[data-arrow-position="left-center"] .group-data-\[arrow-position\=left-center\]\:tw--left-2\.5 {
    left: -10px;
}

.tw-group[data-arrow-position="left-center"] .group-data-\[arrow-position\=left-center\]\:tw-top-1\/2 {
    top: 50%;
}

.tw-group[data-arrow-position="left-top"] .group-data-\[arrow-position\=left-top\]\:tw--left-2\.5 {
    left: -10px;
}

.tw-group[data-arrow-position="left-top"] .group-data-\[arrow-position\=left-top\]\:tw-top-2\.5 {
    top: 10px;
}

.tw-group[data-arrow-position="right-bottom"] .group-data-\[arrow-position\=right-bottom\]\:tw--right-2\.5 {
    right: -10px;
}

.tw-group[data-arrow-position="right-bottom"] .group-data-\[arrow-position\=right-bottom\]\:tw-bottom-2\.5 {
    bottom: 10px;
}

.tw-group[data-arrow-position="right-bottom"] .group-data-\[arrow-position\=right-bottom\]\:tw-top-auto {
    top: auto;
}

.tw-group[data-arrow-position="right-center"] .group-data-\[arrow-position\=right-center\]\:tw--right-2\.5 {
    right: -10px;
}

.tw-group[data-arrow-position="right-center"] .group-data-\[arrow-position\=right-center\]\:tw-top-1\/2 {
    top: 50%;
}

.tw-group[data-arrow-position="right-top"] .group-data-\[arrow-position\=right-top\]\:tw--right-2\.5 {
    right: -10px;
}

.tw-group[data-arrow-position="right-top"] .group-data-\[arrow-position\=right-top\]\:tw-top-2\.5 {
    top: 10px;
}

.tw-group[data-arrow-position="top-center"] .group-data-\[arrow-position\=top-center\]\:tw--top-2\.5 {
    top: -10px;
}

.tw-group[data-arrow-position="top-center"] .group-data-\[arrow-position\=top-center\]\:tw-left-1\/2 {
    left: 50%;
}

.tw-group[data-arrow-position="top-left"] .group-data-\[arrow-position\=top-left\]\:tw--top-2\.5 {
    top: -10px;
}

.tw-group[data-arrow-position="top-left"] .group-data-\[arrow-position\=top-left\]\:tw-left-2\.5 {
    left: 10px;
}

.tw-group[data-arrow-position="top-right"] .group-data-\[arrow-position\=top-right\]\:tw--top-2\.5 {
    top: -10px;
}

.tw-group[data-arrow-position="top-right"] .group-data-\[arrow-position\=top-right\]\:tw-right-2\.5 {
    right: 10px;
}

.tw-group[data-panel-right="close"] .group-data-\[panel-right\=close\]\:tw-right-0 {
    right: 0;
}

.tw-group\/feedback[data-state="active"] .group-data-\[state\=active\]\/feedback\:tw-block,
.tw-group\/feedback[data-state="submit"] .group-data-\[state\=submit\]\/feedback\:tw-block,
.tw-group[data-type="sequential"] .group-data-\[type\=sequential\]\:tw-block,
.tw-group[data-type="warning"] .group-data-\[type\=warning\]\:tw-block {
    display: block;
}

.tw-group[data-dropdown="open"] .group-data-\[dropdown\=open\]\:tw-flex,
.tw-group\/feedback[data-state="submit"] .group-data-\[state\=submit\]\/feedback\:tw-flex {
    display: flex;
}

.tw-group[data-annotation="default"] .group-data-\[annotation\=default\]\:tw-hidden,
.tw-group[data-annotation="explorative"] .group-data-\[annotation\=explorative\]\:tw-hidden,
.tw-group[data-annotation="sequential"] .group-data-\[annotation\=sequential\]\:tw-hidden,
.tw-group[data-arrow-position=""] .group-data-\[arrow-position\=\'\'\]\:tw-hidden,
.tw-group[data-drag="true"] .group-data-\[drag\=true\]\:tw-hidden {
    display: none;
}

.tw-group[data-formats="hide"] .group-data-\[formats\=hide\]\:\!tw-hidden {
    display: none !important;
}

.tw-group[data-minimal-type="isMinimalModal"] .group-data-\[minimal-type\=isMinimalModal\]\:tw-hidden,
.tw-group[data-modal-type="isModal"] .group-data-\[modal-type\=isModal\]\:tw-hidden,
.tw-group[data-panel-right="close"] .group-data-\[panel-right\=close\]\:tw-hidden,
.tw-group[data-panel-right="open"] .group-data-\[panel-right\=open\]\:tw-hidden,
.tw-group\/togglebtn[data-state="close"] .group-data-\[state\=close\]\/togglebtn\:tw-hidden,
.tw-group[data-state="copied"] .group-data-\[state\=copied\]\:tw-hidden,
.tw-group[data-state="copy"] .group-data-\[state\=copy\]\:tw-hidden,
.tw-group\/togglebtn[data-state="open"] .group-data-\[state\=open\]\/togglebtn\:tw-hidden,
.tw-group\/feedback[data-state="submit"] .group-data-\[state\=submit\]\/feedback\:tw-hidden,
.tw-group[data-state="tryme"] .group-data-\[state\=tryme\]\:tw-hidden,
.tw-group[data-step-type="annotationExplorer"] .group-data-\[step-type\=annotationExplorer\]\:tw-hidden,
.tw-group[data-step-type="locating"] .group-data-\[step-type\=locating\]\:tw-hidden,
.tw-group[data-type="general"] .group-data-\[type\=general\]\:tw-hidden {
    display: none;
}

.tw-group[data-annotation="default"] .group-data-\[annotation\=default\]\:tw-min-h-24 {
    min-height: 96px;
}

.tw-group[data-annotation="sequential"] .group-data-\[annotation\=sequential\]\:tw-w-full {
    width: 100%;
}

.tw-group[data-arrow-position="bottom-center"] .group-data-\[arrow-position\=bottom-center\]\:tw--translate-x-1\/2 {
    --tw-translate-x: -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));
}

.tw-group[data-arrow-position="left-center"] .group-data-\[arrow-position\=left-center\]\:tw--translate-y-1\/2,
.tw-group[data-arrow-position="right-center"] .group-data-\[arrow-position\=right-center\]\:tw--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));
}

.tw-group[data-arrow-position="top-center"] .group-data-\[arrow-position\=top-center\]\:tw--translate-x-1\/2 {
    --tw-translate-x: -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));
}

.tw-group[data-arrow-position="bottom-center"] .group-data-\[arrow-position\=bottom-center\]\:tw-rotate-45,
.tw-group[data-arrow-position="bottom-left"] .group-data-\[arrow-position\=bottom-left\]\:tw-rotate-45,
.tw-group[data-arrow-position="bottom-right"] .group-data-\[arrow-position\=bottom-right\]\:tw-rotate-45 {
    --tw-rotate: 45deg;
    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-group[data-arrow-position="left-bottom"] .group-data-\[arrow-position\=left-bottom\]\:tw--rotate-45,
.tw-group[data-arrow-position="left-center"] .group-data-\[arrow-position\=left-center\]\:tw--rotate-45,
.tw-group[data-arrow-position="left-top"] .group-data-\[arrow-position\=left-top\]\:tw--rotate-45,
.tw-group[data-arrow-position="right-bottom"] .group-data-\[arrow-position\=right-bottom\]\:tw--rotate-45,
.tw-group[data-arrow-position="right-center"] .group-data-\[arrow-position\=right-center\]\:tw--rotate-45,
.tw-group[data-arrow-position="right-top"] .group-data-\[arrow-position\=right-top\]\:tw--rotate-45 {
    --tw-rotate: -45deg;
    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-group[data-arrow-position="top-center"] .group-data-\[arrow-position\=top-center\]\:tw-rotate-45,
.tw-group[data-arrow-position="top-left"] .group-data-\[arrow-position\=top-left\]\:tw-rotate-45,
.tw-group[data-arrow-position="top-right"] .group-data-\[arrow-position\=top-right\]\:tw-rotate-45 {
    --tw-rotate: 45deg;
    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-group[data-dropdown="open"] .group-data-\[dropdown\=open\]\:-tw-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));
}

.tw-group[data-state="active"] .group-data-\[state\=active\]\:tw-animate-none {
    animation: none;
}

.tw-group\/feedback[data-state="submit"] .group-data-\[state\=submit\]\/feedback\:tw-items-center {
    align-items: center;
}

.tw-group\/feedback[data-state="submit"] .group-data-\[state\=submit\]\/feedback\:tw-gap-5 {
    gap: 20px;
}

.tw-group[data-annotation="sequential"] .group-data-\[annotation\=sequential\]\:tw-gap-x-2 {
    -moz-column-gap: 8px;
    column-gap: 8px;
}

.tw-group[data-arrow-position="bottom-center"] .group-data-\[arrow-position\=bottom-center\]\:tw-rounded-br-sm,
.tw-group[data-arrow-position="bottom-left"] .group-data-\[arrow-position\=bottom-left\]\:tw-rounded-br-sm,
.tw-group[data-arrow-position="bottom-right"] .group-data-\[arrow-position\=bottom-right\]\:tw-rounded-br-sm,
.tw-group[data-arrow-position="right-bottom"] .group-data-\[arrow-position\=right-bottom\]\:tw-rounded-br-sm,
.tw-group[data-arrow-position="right-center"] .group-data-\[arrow-position\=right-center\]\:tw-rounded-br-sm,
.tw-group[data-arrow-position="right-top"] .group-data-\[arrow-position\=right-top\]\:tw-rounded-br-sm {
    border-bottom-right-radius: 2px;
}

.tw-group[data-annotation="sequential"] .group-data-\[annotation\=sequential\]\:tw-border-none {
    border-style: none;
}

.tw-group[data-annotation="sequential"] .group-data-\[annotation\=sequential\]\:tw-bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.tw-group[data-state="active"] .group-data-\[state\=active\]\:tw-bg-primary-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-600) / var(--tw-bg-opacity, 1));
}

.tw-group[data-state="complete"] .group-data-\[state\=complete\]\:tw-bg-slate-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
}

.tw-group[data-annotation="sequential"] .group-data-\[annotation\=sequential\]\:tw-px-2 {
    padding-left: 8px;
    padding-right: 8px;
}

.tw-group[data-formats="hide"] .group-data-\[formats\=hide\]\:tw-pt-2 {
    padding-top: 8px;
}

.tw-group[data-state="complete"] .group-data-\[state\=complete\]\:tw-opacity-0 {
    opacity: 0;
}

.tw-group[data-state="active"] .group-data-\[state\=active\]\:tw-ring-\[10px\] {
    --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(10px + 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);
}

.tw-group[data-state="active"] .group-data-\[state\=active\]\:tw-ring-primary-300\/20 {
    --tw-ring-color: rgb(var(--color-primary-300) / 0.2);
}

.tw-group[data-state="active"] .group-data-\[state\=active\]\:tw-primary-ring-200 {
    --tw-ring-color: var(--primary-color-200);
}

.tw-group[data-state="active"] .group-data-\[state\=active\]\:tw-ring-primary-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-primary-600) / var(--tw-ring-opacity, 1));
}

.tw-group[data-state="complete"] .group-data-\[state\=complete\]\:tw-ring-slate-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(100 116 139 / var(--tw-ring-opacity, 1));
}

.tw-group[data-state="copied"] .group-data-\[state\=copied\]\:tw-hidden,
.tw-group[data-state="copy"] .group-data-\[state\=copy\]\:tw-hidden,
.tw-group\/feedback[data-state="submit"] .group-data-\[state\=submit\]\/feedback\:tw-hidden {
    display: none;
}

.tw-group[data-dropdown="open"] .group-data-\[dropdown\=open\]\:-tw-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));
}

.tw-group[data-formats="hide"] .group-data-\[formats\=hide\]\:tw-hidden,
.tw-group[data-panel-right="close"] .group-data-\[panel-right\=close\]\:tw-hidden {
    display: none;
}

.tw-group\/select[data-select="open"] .group-data-\[select\=open\]\/select\:tw-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));
}

.tw-group\/feedback[data-state="submit"] .group-data-\[state\=submit\]\/feedback\:tw-items-center {
    align-items: center;
}

.tw-group\/feedback[data-state="submit"] .group-data-\[state\=submit\]\/feedback\:tw-gap-5 {
    gap: 20px;
}

.tw-group[data-formats="hide"] .group-data-\[formats\=hide\]\:tw-pt-2 {
    padding-top: 8px;
}

@media not all and (min-width: 1280px) {
    .max-xl\:tw-hidden {
        display: none;
    }

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

    .max-xl\:tw-pt-5 {
        padding-top: 20px;
    }
}

@media not all and (min-width: 1024px) {
    .max-lg\:tw-hidden {
        display: none;
    }

    .max-lg\:tw-border-b {
        border-bottom-width: 1px;
    }

    .max-lg\:tw-py-4 {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .max-lg\:tw-pt-3 {
        padding-top: 12px;
    }

    .max-lg\:tw-fixed {
        position: fixed;
    }

    .max-lg\:tw-inset-y-0 {
        top: 0;
        bottom: 0;
    }

    .max-lg\:tw-left-0 {
        left: 0;
    }

    .max-lg\:tw-isolate {
        isolation: isolate;
    }

    .max-lg\:tw-z-20 {
        z-index: 20;
    }

    .max-lg\:tw--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));
    }

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

    .max-lg\:tw-transition-transform {
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 0.15s;
    }

    .max-lg\:data-\[state\=open\]\:tw-translate-x-0[data-state="open"] {
        --tw-translate-x: 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));
    }

    .max-lg\:tw-border-b {
        border-bottom-width: 1px;
    }

    .max-lg\:tw-border-slate-200 {
        --tw-border-opacity: 1;
        border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
    }

    .max-lg\:tw-max-w-6xl {
        max-width: 1152px;
    }

    .max-lg\:tw-px-4 {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media not all and (min-width: 768px) {
    .max-md\:tw-ml-8 {
        margin-left: 32px;
    }

    .max-md\:tw-ml-auto {
        margin-left: auto;
    }

    .max-md\:tw-hidden {
        display: none;
    }

    .max-md\:tw-flex-col-reverse {
        flex-direction: column-reverse;
    }

    .max-md\:tw-gap-2 {
        gap: 8px;
    }
}

@media not all and (min-width: 640px) {
    .max-sm\:tw-pt-0 {
        padding-top: 0;
    }

    .max-sm\:tw-gap-1 {
        gap: 4px;
    }

    .max-sm\:tw-hidden {
        display: none;
    }
}

@media (min-width: 640px) {
    .sm\:tw-absolute {
        position: absolute;
    }

    .sm\:tw-aspect-video {
        aspect-ratio: 16 / 9;
    }

    .sm\:tw-right-3 {
        right: 12px;
    }

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

    .sm\:tw--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));
    }

    .sm\:tw-my-8 {
        margin-top: 32px;
        margin-bottom: 32px;
    }

    .sm\:tw-mt-8 {
        margin-top: 32px;
    }

    .sm\:tw-flex {
        display: flex;
    }

    .sm\:tw-hidden {
        display: none;
    }

    .sm\:tw-w-full {
        width: 100%;
    }

    .sm\:tw-max-w-xl {
        max-width: 576px;
    }

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

    .sm\:tw-gap-x-6 {
        -moz-column-gap: 24px;
        column-gap: 24px;
    }

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

    .sm\:tw-items-center {
        align-items: center;
    }

    .sm\:tw-p-0 {
        padding: 0;
    }

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

    .sm\:tw-py-14\.5 {
        padding-top: 58px;
        padding-bottom: 58px;
    }

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

    .data-\[closed\]\:sm\:tw-translate-y-0[data-closed] {
        --tw-translate-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));
    }

    .tw-group\/feedback[data-state="submit"] .group-data-\[state\=submit\]\/feedback\:sm\:tw-flex {
        display: flex;
    }

    .sm\:tw-max-w-\[128px\] {
        max-width: 128px;
    }

    .sm\:tw-justify-between {
        justify-content: space-between;
    }

    .sm\:tw-rounded {
        border-radius: 4px;
    }

    .sm\:tw-border {
        border-width: 1px;
    }

    .sm\:tw-border-slate-300 {
        --tw-border-opacity: 1;
        border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
    }

    .sm\:tw-pl-2\.5 {
        padding-left: 10px;
    }

    .sm\:tw-pr-8 {
        padding-right: 32px;
    }

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

    .sm\:tw-font-medium {
        font-weight: 500;
    }

    .sm\:tw-text-slate-600 {
        --tw-text-opacity: 1;
        color: rgb(71 85 105 / var(--tw-text-opacity, 1));
    }

    .sm\:tw-text-zinc-600 {
        --tw-text-opacity: 1;
        color: rgb(82 82 91 / var(--tw-text-opacity, 1));
    }

    .sm\:tw-shadow-\[0px_-1px_0px_0px_theme\(colors\.slate\.800\/0\.05\)_inset\,0px_1px_2px_0px_theme\(colors\.slate\.800\/0\.05\)\] {
        --tw-shadow: 0px -1px 0px 0px rgb(30 41 59 / 0.05) inset, 0px 1px 2px 0px rgb(30 41 59 / 0.05);
        --tw-shadow-colored: inset 0px -1px 0px 0px var(--tw-shadow-color), 0px 1px 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);
    }

    .sm\:hover\:tw-border-slate-300:hover {
        --tw-border-opacity: 1;
        border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
    }

    .sm\:hover\:tw-bg-slate-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
    }

    .sm\:tw-size-4 {
        width: 16px;
        height: 16px;
    }

    .sm\:tw-mr-1 {
        margin-right: 4px;
    }

    .sm\:tw-text-slate-700 {
        --tw-text-opacity: 1;
        color: rgb(51 65 85 / var(--tw-text-opacity, 1));
    }
}

@media (min-width: 768px) {
    .md\:tw-block {
        display: block;
    }

    .md\:tw-max-h-\[720px\] {
        max-height: 720px;
    }

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

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

    .md\:tw-items-center {
        align-items: center;
    }

    .md\:tw-justify-between {
        justify-content: space-between;
    }

    .md\:tw-gap-6 {
        gap: 24px;
    }

    .md\:tw-text-\[40px\] {
        font-size: 40px;
    }

    .md\:tw-leading-\[48px\] {
        line-height: 48px;
    }

    .md\:tw-opacity-0 {
        opacity: 0;
    }

    .md\:tw-transition-all {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 0.15s;
    }

    .md\:hover\:tw-bg-red-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
    }

    .md\:hover\:tw-bg-slate-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
    }

    .md\:hover\:tw-primary-bg-100:hover {
        background-color: var(--primary-color-100);
    }

    .md\:hover\:tw-underline:hover {
        text-decoration-line: underline;
    }

    .md\:hover\:before\:tw-bg-slate-200:hover:before {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
    }

    .tw-group\/image:hover .md\:group-hover\/image\:tw-opacity-100 {
        opacity: 1;
    }

    .tw-group\/summary[aria-current="page"] .group-aria-\[current\=page\]\/summary\:hover\:before\:md\:tw-bg-slate-300:hover:before {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
    }
}

@media (min-width: 1024px) {
    .lg\:tw-block {
        display: block;
    }

    .lg\:tw-flex {
        display: flex;
    }

    .lg\:tw-hidden {
        display: none;
    }

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

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

    .lg\:tw-justify-center {
        justify-content: center;
    }

    .lg\:tw-border-r {
        border-right-width: 1px;
    }

    .lg\:tw-px-10 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .lg\:tw-ml-\[-312px\] {
        margin-left: -312px;
    }

    .lg\:tw-w-\[300px\] {
        width: 300px;
    }

    .lg\:tw-ease-in-out {
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }

    .lg\:data-\[state\=open\]\:tw-ml-0[data-state="open"] {
        margin-left: 0;
    }

    .lg\:tw-bg-slate-50 {
        --tw-bg-opacity: 1;
        background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
    }

    .lg\:tw-h-15 {
        height: 60px;
    }

    .lg\:tw-p-2 {
        padding: 8px;
    }

    .lg\:tw-pr-0 {
        padding-right: 0;
    }

    .lg\:tw-pr-0\.5 {
        padding-right: 2px;
    }

    .lg\:tw-rounded-lg {
        border-radius: 8px;
    }

    .lg\:tw-border {
        border-width: 1px;
    }

    .lg\:tw-border-slate-200 {
        --tw-border-opacity: 1;
        border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
    }
}

@media (min-width: 1280px) {
    .xl\:tw-sticky {
        position: sticky;
    }

    .xl\:tw-flex {
        display: flex;
    }

    .xl\:tw-hidden {
        display: none;
    }

    .xl\:tw-rounded {
        border-radius: 4px;
    }

    .xl\:hover\:before\:tw-bg-slate-200:hover:before {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
    }

    .tw-group\/summary[aria-current="page"] .group-aria-\[current\=page\]\/summary\:hover\:before\:xl\:tw-bg-slate-300:hover:before {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
    }
}

@media (min-width: 1536px) {
    .\32xl\:tw-max-h-\[94vh\] {
        max-height: 94vh;
    }

    .\32xl\:tw-max-w-\[1440px\] {
        max-width: 1440px;
    }
}

@media (prefers-color-scheme: dark) {
    .dark\:tw-text-slate-50 {
        --tw-text-opacity: 1;
        color: rgb(248 250 252 / var(--tw-text-opacity, 1));
    }
}

.\[\&\:\:-webkit-details-marker\]\:tw-hidden::-webkit-details-marker {
    display: none;
}

.\[\&\>cl-icon_svg\]\:tw-size-8 > cl-icon svg {
    width: 32px;
    height: 32px;
}

.\[\&\>cl-icon_svg\]\:tw-text-white > cl-icon svg {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.\[\&_br\]\:tw-hidden br {
    display: none;
}

.\[\&_p\]\:tw-text-sm p {
    font-size: 14px;
    line-height: 20px;
}

.\[\&_p\]\:tw-leading-6 p {
    line-height: 24px;
}

.\[\&_span\]\:tw-w-full span {
    width: 100%;
}

.\[\&_span\]\:tw-justify-between span {
    justify-content: space-between;
}

.tw-peer:checked ~ .peer-checked\:\[\&_span\]\:tw-text-white span {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.tw-peer:checked ~ .peer-checked\:\[\&_svg\]\:tw-text-white svg {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

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

.tw-group[data-dropdown="open"] .group-data-\[dropdown\=open\]\:tw--rotate-180 {
    --tw-rotate: -180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}