@ndla/primitives 0.0.1

package/dist/styles.css

@@ -0,0 +1,1738 @@
+@layer utilities {
+  @layer compositions {
+    .textStyle_label\.medium {
+      font-family: var(--fonts-sans);
+      font-weight: var(--font-weights-normal);
+      font-size: var(--font-sizes-small);
+      line-height: var(--line-heights-small);
+}
+
+    .textStyle_label\.medium:where([lang='zh'], .textStyle_label\.medium[lang='zh-Hans'], .textStyle_label\.medium[lang='zh-Hant']):not([data-pinyin]) {
+      font-size: calc(var(--font-sizes-small) * 1.11);
+      line-height: calc(var(--line-heights-small) * 1.11);
+}
+
+    .textStyle_label\.small {
+      font-family: var(--fonts-sans);
+      font-weight: var(--font-weights-normal);
+      font-size: var(--font-sizes-xsmall);
+      line-height: var(--line-heights-xsmall);
+}
+
+    .textStyle_label\.small:where([lang='zh'], .textStyle_label\.small[lang='zh-Hans'], .textStyle_label\.small[lang='zh-Hant']):not([data-pinyin]) {
+      font-size: calc(var(--font-sizes-xsmall) * 1.11);
+      line-height: calc(var(--line-heights-xsmall) * 1.11);
+}
+
+    .textStyle_label\.large\! {
+      font-family: var(--fonts-sans) !important;
+      font-weight: var(--font-weights-normal) !important;
+      font-size: var(--font-sizes-medium) !important;
+      line-height: var(--line-heights-medium) !important;
+}
+
+    .textStyle_label\.large\!:where([lang='zh'], .textStyle_label\.large\![lang='zh-Hans'], .textStyle_label\.large\![lang='zh-Hant']):not([data-pinyin]) {
+      font-size: calc(var(--font-sizes-medium) * 1.11) !important;
+      line-height: calc(var(--line-heights-medium) * 1.11) !important;
+}
+
+    .textStyle_label\.xsmall {
+      font-family: var(--fonts-sans);
+      font-weight: var(--font-weights-normal);
+      font-size: var(--font-sizes-xxsmall);
+      line-height: var(--line-heights-xxsmall);
+}
+
+    .textStyle_label\.xsmall:where([lang='zh'], .textStyle_label\.xsmall[lang='zh-Hans'], .textStyle_label\.xsmall[lang='zh-Hant']):not([data-pinyin]) {
+      font-size: calc(var(--font-sizes-xxsmall) * 1.11);
+      line-height: calc(var(--line-heights-xxsmall) * 1.11);
+}
+
+    .textStyle_body\.medium {
+      font-family: var(--fonts-sans);
+      font-weight: var(--font-weights-normal);
+      font-size: var(--font-sizes-small);
+      line-height: var(--line-heights-small);
+}
+
+    .textStyle_body\.medium:where([lang='zh'], .textStyle_body\.medium[lang='zh-Hans'], .textStyle_body\.medium[lang='zh-Hant']):not([data-pinyin]) {
+      font-size: calc(var(--font-sizes-small) * 1.11);
+      line-height: calc(var(--line-heights-small) * 1.11);
+}
+
+    .\[\&_\>_\*\]\:textStyle_label\.large\! > * {
+      font-family: var(--fonts-sans) !important;
+      font-weight: var(--font-weights-normal) !important;
+      font-size: var(--font-sizes-medium) !important;
+      line-height: var(--line-heights-medium) !important;
+}
+
+    :is(.\[\&_\>_\*\]\:textStyle_label\.large\! > *):where([lang='zh'], :is(.\[\&_\>_\*\]\:textStyle_label\.large\! > *)[lang='zh-Hans'], :is(.\[\&_\>_\*\]\:textStyle_label\.large\! > *)[lang='zh-Hant']):not([data-pinyin]) {
+      font-size: calc(var(--font-sizes-medium) * 1.11) !important;
+      line-height: calc(var(--line-heights-medium) * 1.11) !important;
+}
+}
+
+  .d_flex {
+    display: flex;
+}
+
+  .gap_3xsmall {
+    gap: var(--spacing-3xsmall);
+}
+
+  .bg_surface\.default {
+    background: var(--colors-surface-default);
+}
+
+  .cursor_pointer {
+    cursor: pointer;
+}
+
+  .px_medium {
+    padding-inline: var(--spacing-medium);
+}
+
+  .py_medium {
+    padding-block: var(--spacing-medium);
+}
+
+  .shadow-color_stroke\.subtle {
+    --shadow-color: var(--colors-stroke-subtle);
+}
+
+  .shadow_inset_0_0_0_1px_var\(--shadow-color\) {
+    box-shadow: inset 0 0 0 1px var(--shadow-color);
+}
+
+  .rounded_xsmall {
+    border-radius: var(--radii-xsmall);
+}
+
+  .w_100\% {
+    width: 100%;
+}
+
+  .text_icon\.strong {
+    color: var(--colors-icon-strong);
+}
+
+  .origin_center {
+    transform-origin: center;
+}
+
+  .overflow_hidden {
+    overflow: hidden;
+}
+
+  .py_xsmall {
+    padding-block: var(--spacing-xsmall);
+}
+
+  .px_small {
+    padding-inline: var(--spacing-small);
+}
+
+  .rounded-b_xsmall {
+    border-bottom-left-radius: var(--radii-xsmall);
+    border-bottom-right-radius: var(--radii-xsmall);
+}
+
+  .list-style_revert {
+    list-style: revert;
+}
+
+  .ps_small {
+    padding-inline-start: var(--spacing-small);
+}
+
+  .px_xsmall {
+    padding-inline: var(--spacing-xsmall);
+}
+
+  .border_1px_solid {
+    border: 1px solid;
+}
+
+  .w_fit-content {
+    width: fit-content;
+}
+
+  .border-s_4px_solid {
+    border-inline-start: 4px solid;
+}
+
+  .bg_surface\.brand\.1\.subtle {
+    background: var(--colors-surface-brand-1-subtle);
+}
+
+  .bg_surface\.brand\.2\.subtle {
+    background: var(--colors-surface-brand-2-subtle);
+}
+
+  .d_inline-flex {
+    display: inline-flex;
+}
+
+  .gap_xsmall {
+    gap: var(--spacing-xsmall);
+}
+
+  .text-decor_none {
+    text-decoration: none;
+}
+
+  .text-align_center {
+    text-align: center;
+}
+
+  .ring_none {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+}
+
+  .shadow-color_stroke\.default {
+    --shadow-color: var(--colors-stroke-default);
+}
+
+  .text_text\.onAction {
+    color: var(--colors-text-on-action);
+}
+
+  .bg_surface\.action {
+    background: var(--colors-surface-action);
+}
+
+  .text_text\.strong {
+    color: var(--colors-text-strong);
+}
+
+  .bg_transparent {
+    background: transparent;
+}
+
+  .bg_surface\.error {
+    background: var(--colors-surface-error);
+}
+
+  .bg_surface\.success {
+    background: var(--colors-surface-success);
+}
+
+  .text_text\.link {
+    color: var(--colors-text-link);
+}
+
+  .text-decor_underline {
+    text-decoration: underline;
+}
+
+  .decoration-thickness_1px {
+    text-decoration-thickness: 1px;
+}
+
+  .py_xxsmall {
+    padding-block: var(--spacing-xxsmall);
+}
+
+  .min-h_24 {
+    min-height: var(--sizes-24);
+}
+
+  .min-h_19 {
+    min-height: var(--sizes-19);
+}
+
+  .py_3xsmall {
+    padding-block: var(--spacing-3xsmall);
+}
+
+  .min-h_unset {
+    min-height: unset;
+}
+
+  .select_none {
+    -webkit-user-select: none;
+    user-select: none;
+}
+
+  .gap_xxsmall {
+    gap: var(--spacing-xxsmall);
+}
+
+  .w_medium {
+    width: var(--sizes-medium);
+}
+
+  .h_medium {
+    height: var(--sizes-medium);
+}
+
+  .border_2px_solid {
+    border: 2px solid;
+}
+
+  .pos_fixed {
+    position: fixed;
+}
+
+  .w_100vw {
+    width: 100vw;
+}
+
+  .h_100dvh {
+    height: 100dvh;
+}
+
+  .z_modal {
+    z-index: var(--z-index-modal);
+}
+
+  .h_100vh {
+    height: 100vh;
+}
+
+  .z_overlay {
+    z-index: var(--z-index-overlay);
+}
+
+  .bg_rgba\(1\,_1\,_1\,_0\.3\) {
+    background: rgba(1, 1, 1, 0.3);
+}
+
+  .\--margin_token\(sizes\.medium\) {
+    --margin: var(--sizes-medium);
+}
+
+  .pos_relative {
+    position: relative;
+}
+
+  .shadow_xlarge {
+    box-shadow: var(--shadows-xlarge);
+}
+
+  .h_min-content {
+    height: min-content;
+}
+
+  .max-w_95\% {
+    max-width: 95%;
+}
+
+  .max-h_95\% {
+    max-height: 95%;
+}
+
+  .m_auto {
+    margin: auto;
+}
+
+  .rounded_sharp {
+    border-radius: var(--radii-sharp);
+}
+
+  .pt_env\(safe-area-inset-top\) {
+    padding-block-start: env(safe-area-inset-top);
+}
+
+  .pb_env\(safe-area-inset-bottom\) {
+    padding-block-end: env(safe-area-inset-bottom);
+}
+
+  .ps_env\(safe-area-inset-left\) {
+    padding-inline-start: env(safe-area-inset-left);
+}
+
+  .pe_env\(safe-area-inset-right\) {
+    padding-inline-end: env(safe-area-inset-right);
+}
+
+  .\--margin_0px {
+    --margin: 0px;
+}
+
+  .w_var\(--size\) {
+    width: var(--size);
+}
+
+  .ms_min\(var\(--margin\)\,_5\%\) {
+    margin-inline-start: min(var(--margin), 5%);
+}
+
+  .me_var\(--margin\) {
+    margin-inline-end: var(--margin);
+}
+
+  .mb_var\(--margin\) {
+    margin-block-end: var(--margin);
+}
+
+  .mt_var\(--margin\) {
+    margin-block-start: var(--margin);
+}
+
+  .min-h_100\% {
+    min-height: 100%;
+}
+
+  .min-w_100\% {
+    min-width: 100%;
+}
+
+  .\--size_sizes\.surface\.xsmall {
+    --size: var(--sizes-surface-xsmall);
+}
+
+  .\--size_sizes\.surface\.medium {
+    --size: var(--sizes-surface-medium);
+}
+
+  .\--size_sizes\.surface\.xlarge {
+    --size: var(--sizes-surface-xlarge);
+}
+
+  .\--size_sizes\.surface\.4xlarge {
+    --size: var(--sizes-surface-4xlarge);
+}
+
+  .max-h_100\% {
+    max-height: 100%;
+}
+
+  .max-w_100\% {
+    max-width: 100%;
+}
+
+  .h_var\(--size\) {
+    height: var(--size);
+}
+
+  .\--size_sizes\.surface\.3xsmall {
+    --size: var(--sizes-surface-3xsmall);
+}
+
+  .pt_medium {
+    padding-block-start: var(--spacing-medium);
+}
+
+  .pt_small {
+    padding-block-start: var(--spacing-small);
+}
+
+  .pb_medium {
+    padding-block-end: var(--spacing-medium);
+}
+
+  .p_medium {
+    padding: var(--spacing-medium);
+}
+
+  .m_-medium {
+    margin: calc(var(--spacing-medium) * -1);
+}
+
+  .text_text\.error {
+    color: var(--colors-text-error);
+}
+
+  .white-space_pre-line {
+    white-space: pre-line;
+}
+
+  .rounded_small {
+    border-radius: var(--radii-small);
+}
+
+  .shadow_4px_4px_0px_0px_var\(--shadow-color\) {
+    box-shadow: 4px 4px 0px 0px var(--shadow-color);
+}
+
+  .shadow-color_surface\.brand\.1\.strong {
+    --shadow-color: var(--colors-surface-brand-1-strong);
+}
+
+  .shadow-color_surface\.brand\.2\.strong {
+    --shadow-color: var(--colors-surface-brand-2-strong);
+}
+
+  .d_inline-block {
+    display: inline-block;
+}
+
+  .fill_currentcolor {
+    fill: currentcolor;
+}
+
+  .v-align_middle {
+    vertical-align: middle;
+}
+
+  .w_xsmall {
+    width: var(--sizes-xsmall);
+}
+
+  .h_xsmall {
+    height: var(--sizes-xsmall);
+}
+
+  .w_small {
+    width: var(--sizes-small);
+}
+
+  .h_small {
+    height: var(--sizes-small);
+}
+
+  .w_large {
+    width: var(--sizes-large);
+}
+
+  .h_large {
+    height: var(--sizes-large);
+}
+
+  .ring_1px_solid {
+    outline: 1px solid;
+}
+
+  .bg_background\.default {
+    background: var(--colors-background-default);
+}
+
+  .min-h_xxlarge {
+    min-height: var(--sizes-xxlarge);
+}
+
+  .py_0 {
+    padding-block: 0;
+}
+
+  .text_text\.default {
+    color: var(--colors-text-default);
+}
+
+  .bg_none {
+    background: none;
+}
+
+  .border_0 {
+    border: 0;
+}
+
+  .p_xxsmall {
+    padding: var(--spacing-xxsmall);
+}
+
+  .resize_none {
+    resize: none;
+}
+
+  .float_none {
+    float: none;
+}
+
+  .w_inherit {
+    width: inherit;
+}
+
+  .border_none {
+    border: none;
+}
+
+  .p_0 {
+    padding: 0;
+}
+
+  .m_0 {
+    margin: 0;
+}
+
+  .py_4xsmall {
+    padding-block: var(--spacing-4xsmall);
+}
+
+  .min-w_surface\.xxsmall {
+    min-width: var(--sizes-surface-xxsmall);
+}
+
+  .p_3xsmall {
+    padding: var(--spacing-3xsmall);
+}
+
+  .shadow_xsmall {
+    box-shadow: var(--shadows-xsmall);
+}
+
+  .z_dropdown {
+    z-index: var(--z-index-dropdown);
+}
+
+  .gap_small {
+    gap: var(--spacing-small);
+}
+
+  .bg_surface\.infoSubtle {
+    background: var(--colors-surface-info-subtle);
+}
+
+  .bg_surface\.warningSubtle {
+    background: var(--colors-surface-warning-subtle);
+}
+
+  .bg_surface\.successSubtle {
+    background: var(--colors-surface-success-subtle);
+}
+
+  .bg_surface\.errorSubtle {
+    background: var(--colors-surface-error-subtle);
+}
+
+  .text_primary {
+    color: var(--colors-primary);
+}
+
+  .z_popover {
+    z-index: var(--z-index-popover);
+}
+
+  .max-w_var\(--available-width\) {
+    max-width: var(--available-width);
+}
+
+  .\--arrow-size_sizes\.xxsmall {
+    --arrow-size: var(--sizes-xxsmall);
+}
+
+  .\--arrow-background_colors\.surface\.default {
+    --arrow-background: var(--colors-surface-default);
+}
+
+  .rounded_full {
+    border-radius: var(--radii-full);
+}
+
+  .ring-offset_-6px {
+    outline-offset: -6px;
+}
+
+  .animation_skeleton-pulse {
+    animation: var(--animations-skeleton-pulse);
+}
+
+  .text_transparent {
+    color: transparent;
+}
+
+  .cursor_default {
+    cursor: default;
+}
+
+  .pointer-events_none {
+    pointer-events: none;
+}
+
+  .gap_4xsmall {
+    gap: var(--spacing-4xsmall);
+}
+
+  .bg_surface\.disabled {
+    background: var(--colors-surface-disabled);
+}
+
+  .flex_1 {
+    flex: 1 1 0%;
+}
+
+  .z_1 {
+    z-index: 1;
+}
+
+  .animation_spin {
+    animation: var(--animations-spin);
+}
+
+  .d_block {
+    display: block;
+}
+
+  .border-y_background\.subtle {
+    border-block-color: var(--colors-background-subtle);
+}
+
+  .my_medium {
+    margin-block: var(--spacing-medium);
+}
+
+  .mx_auto {
+    margin-inline: auto;
+}
+
+  .h_xxlarge {
+    height: var(--sizes-xxlarge);
+}
+
+  .w_xxlarge {
+    width: var(--sizes-xxlarge);
+}
+
+  .bg_surface\.disabled\.strong {
+    background: var(--colors-surface-disabled-strong);
+}
+
+  .p_1 {
+    padding: var(--spacing-1);
+}
+
+  .rounded_medium {
+    border-radius: var(--radii-medium);
+}
+
+  .bg_icon\.onAction {
+    background: var(--colors-icon-on-action);
+}
+
+  .w_10 {
+    width: var(--sizes-10);
+}
+
+  .h_10 {
+    height: var(--sizes-10);
+}
+
+  .p_4xsmall {
+    padding: var(--spacing-4xsmall);
+}
+
+  .table_fixed {
+    table-layout: fixed;
+}
+
+  .shadow_medium {
+    box-shadow: var(--shadows-medium);
+}
+
+  .min-w_20rem {
+    min-width: 20rem;
+}
+
+  .h_var\(--height\) {
+    height: var(--height);
+}
+
+  .opacity_var\(--opacity\) {
+    opacity: var(--opacity);
+}
+
+  .overflow-wrap_anywhere {
+    overflow-wrap: anywhere;
+}
+
+  .p_small {
+    padding: var(--spacing-small);
+}
+
+  .scale_var\(--scale\) {
+    scale: var(--scale);
+}
+
+  .translate_var\(--x\)_var\(--y\)_0 {
+    translate: var(--x) var(--y) 0;
+}
+
+  .will-change_translate\,_scale\,_opacity\,_height {
+    will-change: translate, scale, opacity, height;
+}
+
+  .z_var\(--z-index\) {
+    z-index: var(--z-index);
+}
+
+  .pos_absolute {
+    position: absolute;
+}
+
+  .px_xxsmall {
+    padding-inline: var(--spacing-xxsmall);
+}
+
+  .\--arrow-size_spacing\.xxsmall {
+    --arrow-size: var(--spacing-xxsmall);
+}
+
+  .\--arrow-background_colors\.surface\.action {
+    --arrow-background: var(--colors-surface-action);
+}
+
+  .flex_column {
+    flex-direction: column;
+}
+
+  .items_center {
+    align-items: center;
+}
+
+  .justify_space-between {
+    justify-content: space-between;
+}
+
+  .duration_fast {
+    --transition-duration: var(--durations-fast);
+    transition-duration: var(--durations-fast);
+}
+
+  .ease_default {
+    --transition-easing: var(--easings-default);
+    transition-timing-function: var(--easings-default);
+}
+
+  .transition-prop_background\,_border-color\,_border\,_border-radius {
+    --transition-prop: background, border-color, border, border-radius;
+    transition-property: background, border-color, border, border-radius;
+}
+
+  .duration_normal {
+    --transition-duration: var(--durations-normal);
+    transition-duration: var(--durations-normal);
+}
+
+  .transition-prop_transform {
+    --transition-prop: transform;
+    transition-property: transform;
+}
+
+  .transition-prop_padding-bottom {
+    --transition-prop: padding-bottom;
+    transition-property: padding-bottom;
+}
+
+  .border-w_0_1px_1px {
+    border-width: 0 1px 1px;
+}
+
+  .border-style_solid {
+    border-style: solid;
+}
+
+  .border_stroke\.default {
+    border-color: var(--colors-stroke-default);
+}
+
+  .list-pos_inside {
+    list-style-position: inside;
+}
+
+  .bg_surface\.brand\.1\.subtle {
+    background-color: var(--colors-surface-brand-1-subtle);
+}
+
+  .border_surface\.brand\.1\.strong {
+    border-color: var(--colors-surface-brand-1-strong);
+}
+
+  .bg_surface\.brand\.2\.subtle {
+    background-color: var(--colors-surface-brand-2-subtle);
+}
+
+  .border_surface\.brand\.2\.strong {
+    border-color: var(--colors-surface-brand-2-strong);
+}
+
+  .bg_surface\.brand\.3\.subtle {
+    background-color: var(--colors-surface-brand-3-subtle);
+}
+
+  .border_surface\.brand\.3\.strong {
+    border-color: var(--colors-surface-brand-3-strong);
+}
+
+  .bg_surface\.infoSubtle {
+    background-color: var(--colors-surface-info-subtle);
+}
+
+  .border_stroke\.subtle {
+    border-color: var(--colors-stroke-subtle);
+}
+
+  .justify_center {
+    justify-content: center;
+}
+
+  .fw_bold {
+    font-weight: var(--font-weights-bold);
+}
+
+  .transition-prop_all {
+    --transition-prop: all;
+    transition-property: all;
+}
+
+  .leading_1 {
+    line-height: 1;
+}
+
+  .transition-prop_border-color\,_background\,_box-shadow\,_color {
+    --transition-prop: border-color, background, box-shadow, color;
+    transition-property: border-color, background, box-shadow, color;
+}
+
+  .left_0 {
+    left: 0;
+}
+
+  .top_0 {
+    top: 0;
+}
+
+  .overflow-y_auto {
+    overflow-y: auto;
+}
+
+  .bg_surface\.default {
+    background-color: var(--colors-surface-default);
+}
+
+  .leading_1em {
+    line-height: 1em;
+}
+
+  .shrink_0 {
+    flex-shrink: 0;
+}
+
+  .ring-color_stroke\.subtle {
+    outline-color: var(--colors-stroke-subtle);
+}
+
+  .overflow-y_hidden {
+    overflow-y: hidden;
+}
+
+  .transition-prop_background\,_color {
+    --transition-prop: background, color;
+    transition-property: background, color;
+}
+
+  .items_flex-start {
+    align-items: flex-start;
+}
+
+  .border_stroke\.warning {
+    border-color: var(--colors-stroke-warning);
+}
+
+  .border_stroke\.success {
+    border-color: var(--colors-stroke-success);
+}
+
+  .border_stroke\.error {
+    border-color: var(--colors-stroke-error);
+}
+
+  .numeric_tabular-nums {
+    font-variant-numeric: tabular-nums;
+}
+
+  .flex-wrap_wrap {
+    flex-wrap: wrap;
+}
+
+  .border-w_2px {
+    border-width: 2px;
+}
+
+  .outline-style_solid {
+    outline-style: solid;
+}
+
+  .ring-width_4px {
+    outline-width: 4px;
+}
+
+  .ring-color_surface\.default {
+    outline-color: var(--colors-surface-default);
+}
+
+  .transition-prop_background\,_border-color\,_box-shadow {
+    --transition-prop: background, border-color, box-shadow;
+    transition-property: background, border-color, box-shadow;
+}
+
+  .bg_surface\.disabled {
+    background-color: var(--colors-surface-disabled);
+}
+
+  .bg-clip_padding-box {
+    background-clip: padding-box;
+    -webkit-background-clip: padding-box;
+}
+
+  .transition-prop_background {
+    --transition-prop: background;
+    transition-property: background;
+}
+
+  .border-s_background\.subtle {
+    border-inline-start-color: var(--colors-background-subtle);
+}
+
+  .border-e_stroke\.default {
+    border-inline-end-color: var(--colors-stroke-default);
+}
+
+  .border-w_4px {
+    border-width: 4px;
+}
+
+  .border-w_8px {
+    border-width: 8px;
+}
+
+  .transition-prop_color {
+    --transition-prop: color;
+    transition-property: color;
+}
+
+  .overflow-x_auto {
+    overflow-x: auto;
+}
+
+  .duration_slow {
+    --transition-duration: var(--durations-slow);
+    transition-duration: var(--durations-slow);
+}
+
+  .transition-prop_translate\,_scale\,_opacity\,_height {
+    --transition-prop: translate, scale, opacity, height;
+    transition-property: translate, scale, opacity, height;
+}
+
+  .top_xxsmall {
+    top: var(--spacing-xxsmall);
+}
+
+  .right_xxsmall {
+    right: var(--spacing-xxsmall);
+}
+
+  .disabled\:cursor_not-allowed:is(:disabled, [disabled], [data-disabled]) {
+    cursor: not-allowed;
+}
+
+  .disabled\:bg_surface\.\.disabled\.subtle:is(:disabled, [disabled], [data-disabled]) {
+    background: surface..disabled.subtle;
+}
+
+  .disabled\:shadow-color_stroke\.disabled:is(:disabled, [disabled], [data-disabled]) {
+    --shadow-color: var(--colors-stroke-disabled);
+}
+
+  .disabled\:text_text\.disabled:is(:disabled, [disabled], [data-disabled]) {
+    color: var(--colors-text-disabled);
+}
+
+  .open\:shadow-color_stroke\.default:is([open], [data-open], [data-state="open"]) {
+    --shadow-color: var(--colors-stroke-default);
+}
+
+  .open\:rounded-b_sharp:is([open], [data-open], [data-state="open"]) {
+    border-bottom-left-radius: var(--radii-sharp);
+    border-bottom-right-radius: var(--radii-sharp);
+}
+
+  .open\:transform_rotate\(180deg\):is([open], [data-open], [data-state="open"]) {
+    transform: rotate(180deg);
+}
+
+  .open\:animation_collapse-in:is([open], [data-open], [data-state="open"]) {
+    animation: var(--animations-collapse-in);
+}
+
+  .closed\:animation_collapse-out:is([closed], [data-closed], [data-state="closed"]) {
+    animation: var(--animations-collapse-out);
+}
+
+  .\[\&_li\]\:my_small li {
+    margin-block: var(--spacing-small);
+}
+
+  .\[\&_dd\]\:ms_medium dd {
+    margin-inline-start: var(--spacing-medium);
+}
+
+  .disabled\:text_text\.onAction:is(:disabled, [disabled], [data-disabled]) {
+    color: var(--colors-text-on-action);
+}
+
+  .disabled\:bg_surface\.disabled:is(:disabled, [disabled], [data-disabled]) {
+    background: var(--colors-surface-disabled);
+}
+
+  .\[\&_svg\]\:mx_0 svg {
+    margin-inline: 0;
+}
+
+  .\[\&_svg\]\:my_0 svg {
+    margin-block: 0;
+}
+
+  .\[\&_svg\]\:w_medium svg {
+    width: var(--sizes-medium);
+}
+
+  .\[\&_svg\]\:h_medium svg {
+    height: var(--sizes-medium);
+}
+
+  .checked\:text_icon\.onAction:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+    color: var(--colors-icon-on-action);
+}
+
+  .open\:animation_backdrop-in:is([open], [data-open], [data-state="open"]) {
+    animation: var(--animations-backdrop-in);
+}
+
+  .closed\:animation_backdrop-out:is([closed], [data-closed], [data-state="closed"]) {
+    animation: var(--animations-backdrop-out);
+}
+
+  .open\:animation_dialog-in:is([open], [data-open], [data-state="open"]) {
+    animation: var(--animations-dialog-in);
+}
+
+  .closed\:animation_dialog-out:is([closed], [data-closed], [data-state="closed"]) {
+    animation: var(--animations-dialog-out);
+}
+
+  .open\:animation_drawer-in-left:is([open], [data-open], [data-state="open"]) {
+    animation: var(--animations-drawer-in-left);
+}
+
+  .closed\:animation_drawer-out-left:is([closed], [data-closed], [data-state="closed"]) {
+    animation: var(--animations-drawer-out-left);
+}
+
+  .open\:animation_drawer-in-right:is([open], [data-open], [data-state="open"]) {
+    animation: var(--animations-drawer-in-right);
+}
+
+  .closed\:animation_drawer-out-right:is([closed], [data-closed], [data-state="closed"]) {
+    animation: var(--animations-drawer-out-right);
+}
+
+  .open\:animation_drawer-in-top:is([open], [data-open], [data-state="open"]) {
+    animation: var(--animations-drawer-in-top);
+}
+
+  .closed\:animation_drawer-out-top:is([closed], [data-closed], [data-state="closed"]) {
+    animation: var(--animations-drawer-out-top);
+}
+
+  .open\:animation_drawer-in-bottom:is([open], [data-open], [data-state="open"]) {
+    animation: var(--animations-drawer-in-bottom);
+}
+
+  .closed\:animation_drawer-out-bottom:is([closed], [data-closed], [data-state="closed"]) {
+    animation: var(--animations-drawer-out-bottom);
+}
+
+  .open\:p_medium:is([open], [data-open], [data-state="open"]) {
+    padding: var(--spacing-medium);
+}
+
+  .\[\&_\>_\*\]\:d_inline\! > * {
+    display: inline !important;
+}
+
+  .autofill\:transition_background-color_600000s_0s\,_color_600000s_0s:autofill {
+    transition: background-color 600000s 0s, color 600000s 0s;
+}
+
+  .disabled\:text_text\.subtle:is(:disabled, [disabled], [data-disabled]) {
+    color: var(--colors-text-subtle);
+}
+
+  .highlighted\:bg_surface\.hover[data-highlighted] {
+    background: var(--colors-surface-hover);
+}
+
+  .\[\&_svg\]\:text_icon\.error svg {
+    color: icon.error;
+}
+
+  .highlighted\:text_text\.default[data-highlighted] {
+    color: var(--colors-text-default);
+}
+
+  .highlighted\:bg_surface\.errorSubtle\.hover[data-highlighted] {
+    background: var(--colors-surface-error-subtle-hover);
+}
+
+  .highlighted\:text-decor_underline[data-highlighted] {
+    text-decoration: underline;
+}
+
+  .open\:animation_fade-shift-in_0\.25s_ease-out:is([open], [data-open], [data-state="open"]) {
+    animation: fade-shift-in 0.25s ease-out;
+}
+
+  .closed\:animation_fade-shift-out_0\.25s_ease-out:is([closed], [data-closed], [data-state="closed"]) {
+    animation: fade-shift-out 0.25s ease-out;
+}
+
+  .open\:animation_fade-shift-in_0\.2s_ease-out:is([open], [data-open], [data-state="open"]) {
+    animation: fade-shift-in 0.2s ease-out;
+}
+
+  .closed\:animation_fade-shift-out_0\.2s_ease-out:is([closed], [data-closed], [data-state="closed"]) {
+    animation: fade-shift-out 0.2s ease-out;
+}
+
+  .checked\:bg_stroke\.default:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+    background: var(--colors-stroke-default);
+}
+
+  .\[\&\:\:before\,_\&\:\:after\,_\*\]\:vis_hidden::before,.\[\&\:\:before\,_\&\:\:after\,_\*\]\:vis_hidden::after,.\[\&\:\:before\,_\&\:\:after\,_\*\]\:vis_hidden * {
+    visibility: hidden;
+}
+
+  .vertical\:w_4xsmall[data-orientation=vertical] {
+    width: var(--sizes-4xsmall);
+}
+
+  .horizontal\:h_4xsmall[data-orientation=horizontal] {
+    height: var(--sizes-4xsmall);
+}
+
+  .checked\:bg_surface\.action\.active:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+    background: var(--colors-surface-action-active);
+}
+
+  .checked\:transform_translateX\(120\%\):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+    transform: translateX(120%);
+}
+
+  .\[\&_\>_caption\]\:text-align_left > caption {
+    text-align: left;
+}
+
+  .\[\&_\>_caption\]\:text-transform_uppercase > caption {
+    text-transform: uppercase;
+}
+
+  .\[\&_\>_caption\]\:mb_xsmall > caption {
+    margin-block-end: var(--spacing-xsmall);
+}
+
+  .\[\&_thead\]\:overflow_hidden thead {
+    overflow: hidden;
+}
+
+  .\[\&_thead_tr_th\]\:border-b_3px_solid thead tr th {
+    border-bottom: 3px solid;
+}
+
+  .\[\&_thead_tr_th\]\:v-align_text-top thead tr th {
+    vertical-align: text-top;
+}
+
+  .\[\&_tbody_th\]\:border-r_3px_solid tbody th {
+    border-right: 3px solid;
+}
+
+  .\[\&_tbody_th\]\:p_3xsmall tbody th {
+    padding: var(--spacing-3xsmall);
+}
+
+  .\[\&_thead_tr\:nth-child\(2\)_th\]\:border_1px_solid thead tr:nth-child(2) th {
+    border: 1px solid;
+}
+
+  .\[\&_thead_tr\:nth-child\(2\)_th\]\:text-transform_none thead tr:nth-child(2) th {
+    text-transform: none;
+}
+
+  .\[\&_thead_tr\:nth-child\(2\)_th\]\:h_large thead tr:nth-child(2) th {
+    height: var(--sizes-large);
+}
+
+  .\[\&_thead_tr\:nth-child\(2\)_th\]\:py_4xsmall thead tr:nth-child(2) th {
+    padding-block: var(--spacing-4xsmall);
+}
+
+  .\[\&_thead_tr\:nth-child\(2\)_th\]\:pe_medium thead tr:nth-child(2) th {
+    padding-inline-end: var(--spacing-medium);
+}
+
+  .\[\&_thead_tr\:nth-child\(2\)_th\]\:ps_3xsmall thead tr:nth-child(2) th {
+    padding-inline-start: var(--spacing-3xsmall);
+}
+
+  .\[\&_td\]\:border_1px_solid td {
+    border: 1px solid;
+}
+
+  .\[\&_td\]\:v-align_top td {
+    vertical-align: top;
+}
+
+  .\[\&_td\,_\&_th\]\:d_table-cell td,.\[\&_td\,_\&_th\]\:d_table-cell th {
+    display: table-cell;
+}
+
+  .\[\&_td\,_\&_th\]\:px_xsmall td,.\[\&_td\,_\&_th\]\:px_xsmall th {
+    padding-inline: var(--spacing-xsmall);
+}
+
+  .\[\&_td\,_\&_th\]\:py_3xsmall td,.\[\&_td\,_\&_th\]\:py_3xsmall th {
+    padding-block: var(--spacing-3xsmall);
+}
+
+  .closed\:transition-prop_background\,_border-color\,_border\,_border-radius:is([closed], [data-closed], [data-state="closed"]) {
+    --transition-prop: background, border-color, border, border-radius;
+    transition-property: background, border-color, border, border-radius;
+}
+
+  .open\:bg_surface\.actionSubtle\.active:is([open], [data-open], [data-state="open"]) {
+    background-color: var(--colors-surface-action-subtle-active);
+}
+
+  .\[\&_dt\]\:fw_bold dt {
+    font-weight: var(--font-weights-bold);
+}
+
+  .checked\:bg_surface\.action:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+    background-color: var(--colors-surface-action);
+}
+
+  .checked\:border_surface\.action:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+    border-color: var(--colors-surface-action);
+}
+
+  .disabled\:border_stroke\.disabled:is(:disabled, [disabled], [data-disabled]) {
+    border-color: var(--colors-stroke-disabled);
+}
+
+  .invalid\:border_stroke\.error:is(:invalid, [data-invalid]) {
+    border-color: var(--colors-stroke-error);
+}
+
+  .ariaInvalid\:ring-color_stroke\.error:has([aria-invalid='true']),.ariaInvalid\:ring-color_stroke\.error[aria-invalid='true'] {
+    outline-color: var(--colors-stroke-error);
+}
+
+  .\[\&\:disabled\,_\&\:has\(\:disabled\)\]\:ring-color_stroke\.subtle:disabled,.\[\&\:disabled\,_\&\:has\(\:disabled\)\]\:ring-color_stroke\.subtle:has(:disabled) {
+    outline-color: var(--colors-stroke-subtle);
+}
+
+  .vertical\:flex_column[data-orientation=vertical] {
+    flex-direction: column;
+}
+
+  .horizontal\:flex_row[data-orientation=horizontal] {
+    flex-direction: row;
+}
+
+  .checked\:border_stroke\.default:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+    border-color: var(--colors-stroke-default);
+}
+
+  .\[\&_\>_caption\]\:fw_bold > caption,.\[\&_thead_tr_th\]\:fw_bold thead tr th {
+    font-weight: var(--font-weights-bold);
+}
+
+  .\[\&_thead_tr_th\]\:border_surface\.brand\.1\.strong thead tr th,.\[\&_tbody_th\]\:border_surface\.brand\.1\.strong tbody th {
+    border-color: var(--colors-surface-brand-1-strong);
+}
+
+  .\[\&_thead_tr\:nth-child\(2\)_th\]\:border_surface\.brand\.1\.subtle thead tr:nth-child(2) th {
+    border-color: var(--colors-surface-brand-1-subtle);
+}
+
+  .\[\&_thead_tr\:nth-child\(2\)_th\]\:fw_semibold thead tr:nth-child(2) th {
+    font-weight: var(--font-weights-semibold);
+}
+
+  .\[\&_thead_tr\:nth-child\(2\)_th\]\:bg_surface\.brand\.1\.subtle thead tr:nth-child(2) th {
+    background-color: var(--colors-surface-brand-1-subtle);
+}
+
+  .\[\&_td\]\:border_surface\.brand\.1\.subtle td {
+    border-color: var(--colors-surface-brand-1-subtle);
+}
+
+  .focusWithin\:ring-offset_-1px:focus-within {
+    outline-offset: -1px;
+}
+
+  .focusWithin\:ring-width_2px:focus-within {
+    outline-width: 2px;
+}
+
+  .focusWithin\:ring-color_stroke\.default:focus-within {
+    outline-color: var(--colors-stroke-default);
+}
+
+  .focusVisible\:ring_none:is(:focus-visible, [data-focus-visible]) {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+}
+
+  .focusVisible\:shadow-color_stroke\.default:is(:focus-visible, [data-focus-visible]) {
+    --shadow-color: var(--colors-stroke-default);
+}
+
+  .focusVisible\:shadow_inset_0_0_0_2px_var\(--shadow-color\):is(:focus-visible, [data-focus-visible]) {
+    box-shadow: inset 0 0 0 2px var(--shadow-color);
+}
+
+  .focusVisible\:shadow_inset_0_0_0_3px_var\(--shadow-color\):is(:focus-visible, [data-focus-visible]) {
+    box-shadow: inset 0 0 0 3px var(--shadow-color);
+}
+
+  .focusVisible\:shadow_inset_0_0_0_3px_var\(--shadow-color\)\,_inset_0px_0px_0px_6px_currentcolor:is(:focus-visible, [data-focus-visible]) {
+    box-shadow: inset 0 0 0 3px var(--shadow-color), inset 0px 0px 0px 6px currentcolor;
+}
+
+  .focusVisible\:shadow-color_surface\.error:is(:focus-visible, [data-focus-visible]) {
+    --shadow-color: var(--colors-surface-error);
+}
+
+  .focusVisible\:shadow-color_surface\.success:is(:focus-visible, [data-focus-visible]) {
+    --shadow-color: var(--colors-surface-success);
+}
+
+  .focus\:ring_2px_solid:is(:focus, [data-focus]) {
+    outline: 2px solid;
+}
+
+  .focus\:ring-offset_4xsmall:is(:focus, [data-focus]) {
+    outline-offset: var(--spacing-4xsmall);
+}
+
+  .focus\:rounded_xsmall:is(:focus, [data-focus]) {
+    border-radius: var(--radii-xsmall);
+}
+
+  .focus\:appearance_none:is(:focus, [data-focus]) {
+    appearance: none;
+    -webkit-appearance: none;
+}
+
+  .\[\&\:has\(input\:focus-visible\)\]\:ring_2px_solid:has(input:focus-visible) {
+    outline: 2px solid;
+}
+
+  .\[\&\:has\(input\:focus-visible\)\]\:ring-offset_4xsmall:has(input:focus-visible) {
+    outline-offset: var(--spacing-4xsmall);
+}
+
+  .\[\&\:has\(input\:focus-visible\)\]\:rounded_xsmall:has(input:focus-visible) {
+    border-radius: var(--radii-xsmall);
+}
+
+  .focusVisible\:border_2px_solid:is(:focus-visible, [data-focus-visible]) {
+    border: 2px solid;
+}
+
+  .focusVisible\:ring_3px_solid:is(:focus-visible, [data-focus-visible]) {
+    outline: 3px solid;
+}
+
+  .focusVisible\:ring-offset_0px:is(:focus-visible, [data-focus-visible]) {
+    outline-offset: 0px;
+}
+
+  .focus\:ring-color_stroke\.default:is(:focus, [data-focus]) {
+    outline-color: var(--colors-stroke-default);
+}
+
+  .\[\&\:has\(input\:focus-visible\)\]\:ring-color_stroke\.default:has(input:focus-visible) {
+    outline-color: var(--colors-stroke-default);
+}
+
+  .focusVisible\:border_background\.default:is(:focus-visible, [data-focus-visible]) {
+    border-color: var(--colors-background-default);
+}
+
+  .focusVisible\:ring-color_surface\.action:is(:focus-visible, [data-focus-visible]) {
+    outline-color: var(--colors-surface-action);
+}
+
+  .hover\:bg_surface\.actionSubtle\.hover:is(:hover, [data-hover]) {
+    background: var(--colors-surface-action-subtle-hover);
+}
+
+  .hover\:shadow-color_stroke\.hover:is(:hover, [data-hover]) {
+    --shadow-color: var(--colors-stroke-hover);
+}
+
+  .hover\:text_text\.onAction:is(:hover, [data-hover]) {
+    color: var(--colors-text-on-action);
+}
+
+  .hover\:bg_surface\.action\.hover:is(:hover, [data-hover]) {
+    background: var(--colors-surface-action-hover);
+}
+
+  .hover\:shadow_inset_0_0_0_1px_var\(--shadow-color\):is(:hover, [data-hover]) {
+    box-shadow: inset 0 0 0 1px var(--shadow-color);
+}
+
+  .hover\:text_stroke\.hover:is(:hover, [data-hover]) {
+    color: var(--colors-stroke-hover);
+}
+
+  .hover\:text_surface\.actionSubtle\.hover\.strong:is(:hover, [data-hover]) {
+    color: var(--colors-surface-action-subtle-hover-strong);
+}
+
+  .hover\:bg_surface\.error\.hover:is(:hover, [data-hover]) {
+    background: var(--colors-surface-error-hover);
+}
+
+  .hover\:bg_surface\.success\.hover:is(:hover, [data-hover]) {
+    background: var(--colors-surface-success-hover);
+}
+
+  .hover\:text-decor_none:is(:hover, [data-hover]) {
+    text-decoration: none;
+}
+
+  .hover\:text_text\.action:is(:hover, [data-hover]) {
+    color: var(--colors-text-action);
+}
+
+  .hover\:shadow_0_0_0_4px_var\(--shadow-color\):is(:hover, [data-hover]) {
+    box-shadow: 0 0 0 4px var(--shadow-color);
+}
+
+  .hover\:shadow-color_surface\.actionSubtle\.hover\.strong:is(:hover, [data-hover]) {
+    --shadow-color: var(--colors-surface-action-subtle-hover-strong);
+}
+
+  .hover\:bg_surface\.hover:is(:hover, [data-hover]) {
+    background: var(--colors-surface-hover);
+}
+
+  .hover\:text_text\.default:is(:hover, [data-hover]) {
+    color: var(--colors-text-default);
+}
+
+  .hover\:bg_surface\.errorSubtle\.hover:is(:hover, [data-hover]) {
+    background: var(--colors-surface-error-subtle-hover);
+}
+
+  .hover\:text-decor_underline:is(:hover, [data-hover]) {
+    text-decoration: underline;
+}
+
+  .hover\:transform_translateX\(20\%\):is(:hover, [data-hover]) {
+    transform: translateX(20%);
+}
+
+  .hover\:ring-color_stroke\.hover:is(:hover, [data-hover]) {
+    outline-color: var(--colors-stroke-hover);
+}
+
+  .active\:text_text\.onAction:is(:active, [data-active]) {
+    color: var(--colors-text-on-action);
+}
+
+  .active\:bg_surface\.action\.active:is(:active, [data-active]) {
+    background: var(--colors-surface-action-active);
+}
+
+  .active\:bg_surface\.actionSubtle\.active:is(:active, [data-active]) {
+    background: var(--colors-surface-action-subtle-active);
+}
+
+  .active\:bg_surface\.error\.active:is(:active, [data-active]) {
+    background: var(--colors-surface-error-active);
+}
+
+  .active\:bg_surface\.success\.active:is(:active, [data-active]) {
+    background: var(--colors-surface-success-active);
+}
+
+  .active\:bg_surface\.active:is(:active, [data-active]) {
+    background: var(--colors-surface-active);
+}
+
+  .active\:bg_surface\.errorSubtle\.active:is(:active, [data-active]) {
+    background: var(--colors-surface-error-subtle-active);
+}
+
+  .active\:border_stroke\.default:is(:active, [data-active]) {
+    border-color: var(--colors-stroke-default);
+}
+
+  .disabled\:hover\:bg_surface\.disabled\.subtle:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
+    background: var(--colors-surface-disabled-subtle);
+}
+
+  .disabled\:hover\:shadow-color_stroke\.disabled:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
+    --shadow-color: var(--colors-stroke-disabled);
+}
+
+  .disabled\:hover\:text_text\.disabled:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
+    color: var(--colors-text-disabled);
+}
+
+  .\[\&_li\]\:marker\:text_icon\.strong li::marker {
+    color: var(--colors-icon-strong);
+}
+
+  .disabled\:hover\:text_text\.onAction:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
+    color: var(--colors-text-on-action);
+}
+
+  .disabled\:hover\:bg_surface\.disabled:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
+    background: var(--colors-surface-disabled);
+}
+
+  .disabled\:hover\:shadow_none:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
+    box-shadow: none;
+}
+
+  .disabled\:checked\:bg_surface\.disabled:is(:disabled, [disabled], [data-disabled]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+    background: var(--colors-surface-disabled);
+}
+
+  .invalid\:checked\:text_stroke\.error:is(:invalid, [data-invalid]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+    color: var(--colors-stroke-error);
+}
+
+  .open\:\[\&_summary\]\:mb_-xxsmall:is([open], [data-open], [data-state="open"]) summary {
+    margin-block-end: calc(var(--spacing-xxsmall) * -1);
+}
+
+  .highlighted\:\[\&_svg\]\:text_icon\.default[data-highlighted] svg {
+    color: var(--colors-icon-default);
+}
+
+  .disabled\:\[\&_svg\]\:text_stroke\.disabled:is(:disabled, [disabled], [data-disabled]) svg {
+    color: var(--colors-stroke-disabled);
+}
+
+  .disabled\:hover\:text-decor_none:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
+    text-decoration: none;
+}
+
+  .disabled\:hover\:bg_surface\.default:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
+    background: var(--colors-surface-default);
+}
+
+  .checked\:hover\:transform_translateX\(100\%\):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:hover, [data-hover]) {
+    transform: translateX(100%);
+}
+
+  .\[\&_td\,_\&_th\]\:\[\&\[data-align\=\'center\'\]\]\:text-align_center td[data-align='center'],.\[\&_td\,_\&_th\]\:\[\&\[data-align\=\'center\'\]\]\:text-align_center th[data-align='center'] {
+    text-align: center;
+}
+
+  .\[\&_td\,_\&_th\]\:\[\&\[data-align\=\'left\'\]\]\:text-align_left td[data-align='left'],.\[\&_td\,_\&_th\]\:\[\&\[data-align\=\'left\'\]\]\:text-align_left th[data-align='left'] {
+    text-align: left;
+}
+
+  .\[\&_td\,_\&_th\]\:\[\&\[data-align\=\'right\'\]\]\:text-align_right td[data-align='right'],.\[\&_td\,_\&_th\]\:\[\&\[data-align\=\'right\'\]\]\:text-align_right th[data-align='right'] {
+    text-align: right;
+}
+
+  .\[\&_\>_li\]\:marker\:content_counters\(list-item\,_\'\.\'\)_\'\._\' > li::marker {
+    content: counters(list-item, '.') '. ';
+}
+
+  .\[\&_ol\[data-variant\=\'numbers\'\]_\>_li\]\:marker\:content_counter\(list-item\,_numeric\)_\'\._\' ol[data-variant='numbers'] > li::marker {
+    content: counter(list-item, numeric) '. ';
+}
+
+  .\[\&_li\]\:marker\:content_counter\(list-item\,_upper-alpha\)_\'\._\' li::marker {
+    content: counter(list-item, upper-alpha) '. ';
+}
+
+  .disabled\:hover\:border_stroke\.disabled:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
+    border-color: var(--colors-stroke-disabled);
+}
+
+  .invalid\:checked\:border_stroke\.error:is(:invalid, [data-invalid]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+    border-color: var(--colors-stroke-error);
+}
+
+  .invalid\:checked\:bg_surface\.default:is(:invalid, [data-invalid]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+    background-color: var(--colors-surface-default);
+}
+
+  .ariaInvalid\:hover\:ring-color_stroke\.error:has([aria-invalid='true']):is(:hover, [data-hover]),.ariaInvalid\:hover\:ring-color_stroke\.error[aria-invalid='true']:is(:hover, [data-hover]) {
+    outline-color: var(--colors-stroke-error);
+}
+
+  .ariaInvalid\:focusWithin\:ring-color_stroke\.error:has([aria-invalid='true']):focus-within,.ariaInvalid\:focusWithin\:ring-color_stroke\.error[aria-invalid='true']:focus-within {
+    outline-color: var(--colors-stroke-error);
+}
+
+  .\[\&\:disabled\,_\&\:has\(\:disabled\)\]\:hover\:ring-color_stroke\.subtle:disabled:is(:hover, [data-hover]),.\[\&\:disabled\,_\&\:has\(\:disabled\)\]\:hover\:ring-color_stroke\.subtle:has(:disabled):is(:hover, [data-hover]) {
+    outline-color: var(--colors-stroke-subtle);
+}
+
+  .\[\&_thead_tr\:nth-child\(2\)_th\]\:empty\:bg_transparent thead tr:nth-child(2) th:is(:empty, [data-empty]) {
+    background-color: transparent;
+}
+
+  .focusWithin\:hover\:ring-color_stroke\.default:focus-within:is(:hover, [data-hover]) {
+    outline-color: var(--colors-stroke-default);
+}
+
+  .hover\:focusVisible\:shadow_inset_0_0_0_3px_var\(--shadow-color\):is(:hover, [data-hover]):is(:focus-visible, [data-focus-visible]) {
+    box-shadow: inset 0 0 0 3px var(--shadow-color);
+}
+
+  .hover\:\[\&_svg\]\:text_icon\.default:is(:hover, [data-hover]) svg {
+    color: var(--colors-icon-default);
+}
+
+  .hover\:disabled\:transform_translateX\(0\):is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
+    transform: translateX(0);
+}
+
+  .disabled\:hover\:\[\&_svg\]\:text_stroke\.disabled:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) svg {
+    color: var(--colors-stroke-disabled);
+}
+
+  .checked\:hover\:disabled\:transform_translateX\(120\%\):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
+    transform: translateX(120%);
+}
+
+  .\[\&_li\]\:\[\&_\>_ol_\>_li\]\:marker\:content_counter\(list-item\,_lower-alpha\)_\'\._\' li > ol > li::marker {
+    content: counter(list-item, lower-alpha) '. ';
+}
+
+  .ariaInvalid\:focusWithin\:hover\:ring-color_stroke\.error:has([aria-invalid='true']):focus-within:is(:hover, [data-hover]),.ariaInvalid\:focusWithin\:hover\:ring-color_stroke\.error[aria-invalid='true']:focus-within:is(:hover, [data-hover]) {
+    outline-color: var(--colors-stroke-error);
+}
+
+  .\[\&_li\]\:\[\&_\>_ol_\>_li\]\:\[\&_li\]\:marker\:content_counter\(list-item\,_lower-roman\)_\'\._\' li > ol > li li::marker {
+    content: counter(list-item, lower-roman) '. ';
+}
+
+  @media screen and (min-width: 37.5625rem) {
+    .tablet\:rounded_small {
+      border-radius: var(--radii-small);
+}
+    .tablet\:rounded_sharp {
+      border-radius: var(--radii-sharp);
+}
+}
+
+  @media screen and (max-width: 37.56rem) {
+    .tabletDown\:--margin_0px {
+      --margin: 0px;
+}
+    .tabletDown\:min-w_100\% {
+      min-width: 100%;
+}
+    .tabletDown\:min-h_100\% {
+      min-height: 100%;
+}
+}
+}