@react-beauty/ui-core
Version:
ui-core
2 lines • 82.5 kB
CSS
@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Mulish&display=swap";:root[data-theme=dark]{--border-radius-xs: 4px;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-rounded: 9999px;--font-primary: "DM Sans", sans-serif;--font-line-height-3xs: 16px;--font-line-height-2xs: 16px;--font-line-height-xs: 16px;--font-line-height-sm: 24px;--font-line-height-md: 24px;--font-line-height-lg: 28px;--font-line-height-xl: 32px;--font-line-height-2xl: 32px;--font-line-height-3xl: 40px;--font-line-height-4xl: 48px;--font-line-height-5xl: 56px;--font-line-height-6xl: 64px;--font-line-height-7xl: 72px;--font-line-height-8xl: 76px;--font-size-3xs: 9px;--font-size-2xs: 10px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-size-4xl: 40px;--font-size-5xl: 48px;--font-size-6xl: 56px;--font-size-7xl: 64px;--font-size-8xl: 72px;--font-weight-thin: 100;--font-weight-extra-light: 200;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--colors-main-picollo: #4e46b4;--colors-main-hit: #40a69f;--colors-main-beerus: #444444;--colors-main-goku: #0b0b0b;--colors-main-gohan: #1f1f1f;--colors-main-bulma: #ffffff;--colors-main-trunks: #7b7e83;--colors-main-goten: #ffffff;--colors-main-popo: #000000;--colors-main-jiren: #28273d;--colors-main-hales: rgba(255, 255, 255, .06);--colors-main-zeno: rgba(0, 0, 0, .34);--colors-supportive-krilin: #ffb319;--colors-supportive-krilin-60: rgba(255, 179, 25, .38);--colors-supportive-krilin-10: rgba(255, 179, 25, .06);--colors-supportive-chichi: #ff4e64;--colors-supportive-chichi-60: #ffacb6;--colors-supportive-chichi-10: #ffd5da;--colors-supportive-roshi: #2e7d32;--colors-supportive-roshi-60: rgba(46, 125, 50, .38);--colors-supportive-roshi-10: rgba(46, 125, 50, .06);--colors-supportive-dodoria: #d33030;--colors-supportive-dodoria-60: rgba(211, 48, 48, .38);--colors-supportive-dodoria-10: rgba(211, 48, 48, .06);--colors-supportive-cell: #95f1d5;--colors-supportive-cell-60: rgba(149, 241, 213, .38);--colors-supportive-cell-10: rgba(149, 241, 213, .06);--colors-supportive-raditz: #b3804a;--colors-supportive-raditz-60: rgba(179, 128, 74, .38);--colors-supportive-raditz-10: rgba(179, 128, 74, .06);--colors-supportive-whis: #3448f0;--colors-supportive-whis-60: rgba(52, 72, 240, .38);--colors-supportive-whis-10: rgba(52, 72, 240, .06);--colors-supportive-frieza: #f0f0f0;--colors-supportive-frieza-60: rgba(240, 240, 240, .38);--colors-supportive-frieza-10: rgba(240, 240, 240, .06);--colors-supportive-nappa: #725550;--colors-supportive-nappa-60: rgba(114, 85, 80, .38);--colors-supportive-nappa-10: rgba(114, 85, 80, .06);--size-1: 4px;--size-2: 8px;--size-3: 12px;--size-4: 16px;--size-5: 20px;--size-6: 24px;--size-7: 28px;--size-8: 32px;--size-9: 36px;--size-10: 40px;--size-11: 44px;--size-12: 48px;--size-13: 52px;--size-14: 56px;--size-15: 60px;--size-16: 64px;--size-half: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-11: 44px;--space-12: 48px;--space-none: 0px;--space-half: 2px;--components-accordion-shadow-default: 0 1px 2px rgba(0, 0, 0, .05);--components-accordion-shadow-expanded: 0 2px 4px rgba(0, 0, 0, .1);--components-accordion-transition-duration: .2s;--components-accordion-transition-timing: ease-in-out;--components-accordion-transition-content: .25s cubic-bezier(.4, 0, .2, 1);--components-bottom-sheet-z-index: 1000;--components-bottom-sheet-overlay-bg: rgba(0, 0, 0, .5);--components-bottom-sheet-shadow: 0 8px 16px rgba(0, 0, 0, .15);--components-bottom-sheet-transition-duration: .3s;--components-bottom-sheet-transition-timing: ease-in-out;--components-bottom-sheet-transition-content: .25s cubic-bezier(.4, 0, .2, 1);--components-bottom-sheet-size-sm: 300px;--components-bottom-sheet-size-md: 500px;--components-bottom-sheet-size-lg: 800px;--components-bottom-sheet-drag-handle-width: 48px;--components-bottom-sheet-drag-handle-height: 6px;--components-breadcrumb-max-width: 100%;--components-checkbox-size: 20px;--components-checkbox-transition-duration: .2s;--components-checkbox-transition-timing: ease-in-out;--components-drawer-z-index: 1000;--components-drawer-overlay-bg: rgba(0, 0, 0, .5);--components-drawer-shadow: 0 4px 8px rgba(0, 0, 0, .1);--components-drawer-transition-duration: .3s;--components-drawer-transition-timing: ease-in-out;--components-drawer-size-sm: 300px;--components-drawer-size-md: 400px;--components-drawer-size-lg: 600px;--components-loader-z-index: 1000;--components-loader-size-sm: 24px;--components-loader-size-md: 40px;--components-loader-size-lg: 64px;--components-loader-border-width: 3px;--components-loader-animation-duration: .8s;--components-loader-animation-timing: linear;--components-menu-item-max-width: 240px;--components-modal-shadow: 0 4px 8px rgba(0, 0, 0, .1);--components-modal-z-index: 1000;--components-modal-overlay-bg: rgba(0, 0, 0, .5);--components-modal-transition-duration: .2s;--components-modal-transition-timing: ease-out;--components-modal-size-sm: 400px;--components-modal-size-md: 560px;--components-modal-size-lg: 760px;--components-modal-size-xl: 920px;--components-pagination-disabled-opacity-container: .5;--components-pagination-disabled-opacity-item: .5;--components-pagination-disabled-opacity-nav-item: .3;--components-radio-size: 20px;--components-radio-transition-duration: .2s;--components-radio-transition-timing: ease-in-out;--components-segment-z-index: 10;--components-segment-shadow: 0 2px 4px rgba(0, 0, 0, .1);--components-segment-transition-duration: .2s;--components-segment-transition-timing: ease-in-out;--components-select-border-width: 1px;--components-sidebar-z-index: 1000;--components-sidebar-shadow: 0 4px 8px rgba(0, 0, 0, .1);--components-sidebar-transition-duration: .3s;--components-sidebar-transition-timing: ease-in-out;--components-sidebar-width-expanded: 240px;--components-sidebar-width-collapsed: 64px;--components-sidebar-item-background: transparent;--components-sidebar-header-height: 64px;--components-switch-width: 40px;--components-switch-height: 24px;--components-switch-thumb-size: 18px;--components-switch-thumb-margin: 3px;--components-switch-transition-duration: .2s;--components-switch-transition-timing: ease-in-out;--components-tab-background: transparent;--components-tab-height-default: 32px;--components-tab-underline-color: #E5E5E5;--components-tab-underline-active-color: #6B4EFF;--components-tab-underline-height: 2px;--components-tab-ghost-background-active: transparent;--components-tab-transition-duration: .2s;--components-tab-transition-timing: ease-in-out;--components-tab-hover-opacity: .8;--components-tab-active-opacity: 1;--components-tab-disabled-opacity: .5;--components-text-input-border-width: 1px;--components-text-margin-h1: 0 0 16px 0;--components-text-margin-h2: 0 0 16px 0;--components-text-margin-h3: 0 0 16px 0;--components-text-margin-h4: 0 0 12px 0;--components-text-margin-h5: 0 0 12px 0;--components-text-margin-h6: 0 0 8px 0;--components-text-margin-p: 0 0 16px 0;--components-tooltip-shadow: 1px 1px 2px rgba(0, 0, 0, .1);--components-tooltip-pointer-size: 6px;--components-tooltip-max-width: 280px;--components-tooltip-z-index: 1000;--components-accordion-border-radius: var(--border-radius-sm);--components-accordion-header-gap: var(--space-2);--components-accordion-padding-l: var(--space-4);--components-accordion-padding-r: var(--space-4);--components-accordion-padding-t: var(--space-3);--components-accordion-padding-b: var(--space-3);--components-accordion-content-padding: var(--space-4);--components-accordion-font-size-title: var(--font-size-lg);--components-accordion-font-size-content: var(--font-size-sm);--components-accordion-line-height-text: var(--font-line-height-lg);--components-accordion-line-height-content: var(--font-line-height-sm);--components-accordion-font-weight-text: var(--font-weight-bold);--components-accordion-font-weight-content: var(--font-weight-medium);--components-accordion-colors-default-bg: var(--colors-main-gohan);--components-accordion-colors-default-color: var(--colors-main-bulma);--components-accordion-colors-content-bg: var(--colors-main-gohan);--components-accordion-colors-focus-outline: var(--colors-supportive-whis-60);--components-alert-border-radius: var(--border-radius-sm);--components-alert-padding: var(--space-4);--components-alert-gap: var(--space-2);--components-alert-colors-default: var(--colors-main-gohan);--components-alert-colors-info: var(--colors-supportive-whis);--components-alert-colors-info-bg: var(--colors-supportive-whis-10);--components-alert-colors-success: var(--colors-supportive-roshi);--components-alert-colors-success-bg: var(--colors-supportive-roshi-10);--components-alert-colors-warning: var(--colors-supportive-krilin);--components-alert-colors-warning-bg: var(--colors-supportive-krilin-10);--components-alert-colors-danger: var(--colors-supportive-chichi);--components-alert-colors-danger-bg: var(--colors-supportive-chichi-10);--components-alert-colors-dismiss-hover: var(--colors-main-jiren);--components-alert-font-weight-description: var(--font-weight-regular);--components-alert-font-weight-title: var(--font-weight-bold);--components-alert-font-size: var(--font-size-sm);--components-alert-line-height: var(--font-line-height-sm);--components-avatar-size-2xl: var(--size-16);--components-avatar-size-xl: var(--size-14);--components-avatar-size-lg: var(--size-12);--components-avatar-size-md: var(--size-10);--components-avatar-size-sm: var(--size-8);--components-avatar-size-xs: var(--size-6);--components-avatar-font-2xl: var(--font-size-xl);--components-avatar-font-xl: var(--font-size-md);--components-avatar-font-lg: var(--font-size-md);--components-avatar-font-md: var(--font-size-sm);--components-avatar-font-sm: var(--font-size-xs);--components-avatar-font-xs: var(--font-size-2xs);--components-avatar-line-height-2xl: var(--font-line-height-xl);--components-avatar-line-height-xl: var(--font-line-height-md);--components-avatar-line-height-lg: var(--font-line-height-md);--components-avatar-line-height-md: var(--font-line-height-sm);--components-avatar-line-height-sm: var(--font-line-height-xs);--components-avatar-line-height-xs: var(--font-line-height-2xs);--components-avatar-color-background-color: var(--colors-main-goku);--components-avatar-color-color: var(--colors-main-bulma);--components-bottom-sheet-background: var(--colors-main-goku);--components-bottom-sheet-border-color: var(--colors-main-beerus);--components-bottom-sheet-border-radius-top: var(--border-radius-sm);--components-bottom-sheet-padding: var(--space-4);--components-bottom-sheet-close-button-color: var(--colors-main-trunks);--components-bottom-sheet-close-button-color-hover: var(--colors-main-picollo);--components-bottom-sheet-focus-ring: var(--colors-main-picollo);--components-bottom-sheet-title-font-size: var(--font-size-md);--components-bottom-sheet-title-line-height: var(--font-line-height-md);--components-bottom-sheet-title-font-weight: var(--font-weight-bold);--components-bottom-sheet-title-color: var(--colors-main-bulma);--components-bottom-sheet-drag-handle-color: var(--colors-main-trunks);--components-bottom-sheet-drag-handle-color-hover: var(--colors-main-picollo);--components-bottom-sheet-drag-handle-border-radius: var(--border-radius-xs);--components-breadcrumb-border-radius: var(--border-radius-sm);--components-breadcrumb-gap: var(--space-1);--components-breadcrumb-padding-y: var(--space-1);--components-breadcrumb-padding-x: var(--space-2);--components-breadcrumb-font-size: var(--font-size-sm);--components-breadcrumb-line-height: var(--font-line-height-sm);--components-breadcrumb-font-weight-default: var(--font-weight-medium);--components-breadcrumb-font-weight-active: var(--font-weight-bold);--components-breadcrumb-colors-default: var(--colors-main-trunks);--components-breadcrumb-colors-active: var(--colors-main-bulma);--components-breadcrumb-colors-hover: var(--colors-main-picollo);--components-breadcrumb-colors-divider: var(--colors-main-trunks);--components-breadcrumb-colors-focus-outline: var(--colors-supportive-whis-60);--components-button-border-radius-xs: var(--border-radius-xs);--components-button-border-radius-sm: var(--border-radius-sm);--components-button-border-radius-md: var(--border-radius-sm);--components-button-border-radius-lg: var(--border-radius-sm);--components-button-border-radius-xl: var(--border-radius-sm);--components-button-padding-xs-y: var(--space-1);--components-button-padding-xs-x: var(--space-2);--components-button-padding-xs-icon: var(--space-1);--components-button-padding-sm-y: var(--space-1);--components-button-padding-sm-x: var(--space-3);--components-button-padding-sm-icon: var(--space-1);--components-button-padding-md-y: var(--space-2);--components-button-padding-md-x: var(--space-4);--components-button-padding-md-icon: var(--space-2);--components-button-padding-lg-y: var(--space-3);--components-button-padding-lg-x: var(--space-4);--components-button-padding-lg-icon: var(--space-3);--components-button-padding-xl-y: var(--space-4);--components-button-padding-xl-x: var(--space-6);--components-button-padding-xl-icon: var(--space-4);--components-button-font-size-xs: var(--font-size-xs);--components-button-font-size-sm: var(--font-size-sm);--components-button-font-size-md: var(--font-size-sm);--components-button-font-size-lg: var(--font-size-md);--components-button-font-size-xl: var(--font-size-md);--components-button-line-height-xs: var(--font-line-height-xs);--components-button-line-height-sm: var(--font-line-height-sm);--components-button-line-height-md: var(--font-line-height-sm);--components-button-line-height-lg: var(--font-line-height-md);--components-button-line-height-xl: var(--font-line-height-md);--components-button-font-weight: var(--font-weight-bold);--components-button-colors-fill-default-bg: var(--colors-main-picollo);--components-button-colors-fill-default-color: var(--colors-main-goten);--components-button-colors-fill-focus-bs: var(--colors-supportive-whis-60);--components-button-colors-outline-default-outline: var(--colors-main-trunks);--components-button-colors-outline-default-color: var(--colors-main-bulma);--components-button-colors-outline-hover-bg: var(--colors-main-hales);--components-button-colors-outline-focus-bs: var(--colors-main-zeno);--components-button-colors-ghost-default-color: var(--colors-main-trunks);--components-button-colors-ghost-hover-color: var(--colors-main-bulma);--components-button-colors-ghost-hover-bg: var(--colors-main-jiren);--components-checkbox-border-radius: var(--border-radius-xs);--components-checkbox-font-size-label: var(--font-size-sm);--components-checkbox-font-size-helper: var(--font-size-xs);--components-checkbox-line-height-label: var(--font-line-height-sm);--components-checkbox-line-height-helper: var(--font-line-height-xs);--components-checkbox-font-weight-label: var(--font-weight-medium);--components-checkbox-gap: var(--space-1);--components-checkbox-group-gap: var(--space-2);--components-checkbox-colors-label: var(--colors-main-bulma);--components-checkbox-colors-border-unchecked: var(--colors-main-trunks);--components-checkbox-colors-border-checked: var(--colors-main-picollo);--components-checkbox-colors-border-disabled: var(--colors-main-beerus);--components-checkbox-colors-background-unchecked: var(--colors-main-gohan);--components-checkbox-colors-background-checked: var(--colors-main-picollo);--components-checkbox-colors-background-disabled: var(--colors-main-gohan);--components-checkbox-colors-checkmark: var(--colors-main-gohan);--components-checkbox-colors-focus-ring: var(--colors-supportive-whis-60);--components-checkbox-colors-helper-text-normal: var(--colors-main-trunks);--components-checkbox-colors-helper-text-error: var(--colors-supportive-chichi);--components-drawer-background: var(--colors-main-gohan);--components-drawer-border-color: var(--colors-main-beerus);--components-drawer-border-radius-left: var(--border-radius-sm);--components-drawer-border-radius-right: var(--border-radius-sm);--components-drawer-border-radius-top: var(--border-radius-sm);--components-drawer-border-radius-bottom: var(--border-radius-sm);--components-drawer-padding: var(--space-4);--components-drawer-close-button-color: var(--colors-main-trunks);--components-drawer-close-button-color-hover: var(--colors-main-picollo);--components-drawer-focus-ring: var(--colors-main-picollo);--components-drawer-title-font-size: var(--font-size-md);--components-drawer-title-line-height: var(--font-line-height-md);--components-drawer-title-font-weight: var(--font-weight-bold);--components-drawer-title-color: var(--colors-main-bulma);--components-empty-state-border-radius: var(--border-radius-xs);--components-empty-state-gap: var(--space-2);--components-empty-state-padding-y: var(--space-none);--components-empty-state-padding-x: var(--space-4);--components-empty-state-font-size-title: var(--font-size-2xl);--components-empty-state-font-size-description: var(--font-size-md);--components-empty-state-line-height-title: var(--font-line-height-2xl);--components-empty-state-line-height-description: var(--font-line-height-md);--components-empty-state-font-weight-title: var(--font-weight-bold);--components-empty-state-font-weight-description: var(--font-weight-regular);--components-empty-state-colors-default: var(--colors-main-bulma);--components-empty-state-colors-icon-secondary-color: var(--colors-supportive-chichi);--components-empty-state-colors-icon-secondary-bg: var(--colors-supportive-chichi-60);--components-empty-state-size-icon-primary: var(--size-16);--components-icon-size-placeholder-2xs: var(--size-2);--components-icon-size-placeholder-xs: var(--size-4);--components-icon-size-placeholder-md: var(--size-6);--components-icon-size-placeholder-lg: var(--size-8);--components-loader-color-spinner: var(--colors-main-picollo);--components-loader-color-track: var(--colors-main-beerus);--components-loader-color-text: var(--colors-main-bulma);--components-loader-font-size: var(--font-size-sm);--components-loader-font-weight: var(--font-weight-medium);--components-loader-line-height: var(--font-line-height-sm);--components-loader-text-margin: var(--space-2);--components-menu-item-border-radius: var(--border-radius-sm);--components-menu-item-gap: var(--space-2);--components-menu-item-padding-l: var(--space-3);--components-menu-item-padding-r: var(--space-2);--components-menu-item-padding-t: var(--space-2);--components-menu-item-padding-b: var(--space-2);--components-menu-item-font-size-label: var(--font-size-sm);--components-menu-item-font-size-description: var(--font-size-xs);--components-menu-item-line-height-label: var(--font-line-height-sm);--components-menu-item-line-height-description: var(--font-line-height-xs);--components-menu-item-font-weight: var(--font-weight-regular);--components-menu-item-colors-default-bg: var(--colors-main-gohan);--components-menu-item-colors-default-color: var(--colors-main-bulma);--components-menu-item-colors-focus-outline: var(--colors-supportive-whis-60);--components-menu-item-colors-description-color: var(--colors-main-trunks);--components-modal-background: var(--colors-main-gohan);--components-modal-border-color: var(--colors-main-beerus);--components-modal-border-radius: var(--border-radius-sm);--components-modal-padding: var(--space-4);--components-modal-title-font-size: var(--font-size-lg);--components-modal-title-line-height: var(--font-line-height-lg);--components-modal-title-font-weight: var(--font-weight-bold);--components-modal-title-color: var(--colors-main-bulma);--components-modal-close-button-color: var(--colors-main-trunks);--components-modal-close-button-color-hover: var(--colors-main-picollo);--components-modal-focus-ring: var(--colors-supportive-whis-60);--components-pagination-item-size-sm: calc(var(--size-7) - var(--space-half));--components-pagination-item-size-md: var(--size-8);--components-pagination-font-size-sm: var(--font-size-xs);--components-pagination-font-size-md: var(--font-size-sm);--components-pagination-font-line-height-sm: var(--font-line-height-xs);--components-pagination-font-line-height-md: var(--font-line-height-sm);--components-pagination-font-weight: var(--font-weight-medium);--components-pagination-border-radius: var(--border-radius-sm);--components-pagination-gap: var(--space-1);--components-pagination-colors-text: var(--colors-main-bulma);--components-pagination-colors-hover: var(--colors-main-jiren);--components-pagination-colors-active-background: var(--colors-main-picollo);--components-pagination-colors-active-text: var(--colors-main-goten);--components-pagination-colors-focus-outline: var(--colors-supportive-whis-60);--components-radio-border-radius: var(--border-radius-rounded);--components-radio-font-size-label: var(--font-size-sm);--components-radio-font-size-helper: var(--font-size-xs);--components-radio-line-height-label: var(--font-line-height-sm);--components-radio-line-height-helper: var(--font-line-height-xs);--components-radio-font-weight-label: var(--font-weight-medium);--components-radio-gap: var(--space-1);--components-radio-group-gap: var(--space-2);--components-radio-colors-label: var(--colors-main-bulma);--components-radio-colors-border-unchecked: var(--colors-main-trunks);--components-radio-colors-border-checked: var(--colors-main-picollo);--components-radio-colors-border-disabled: var(--colors-main-beerus);--components-radio-colors-background-unchecked: var(--colors-main-gohan);--components-radio-colors-background-checked: var(--colors-main-gohan);--components-radio-colors-background-disabled: var(--colors-main-gohan);--components-radio-colors-dot: var(--colors-main-picollo);--components-radio-colors-focus-ring: var(--colors-supportive-whis-60);--components-radio-colors-helper-text-normal: var(--colors-main-trunks);--components-radio-colors-helper-text-error: var(--colors-supportive-chichi);--components-segment-background: var(--colors-main-goku);--components-segment-background-active: var(--colors-main-gohan);--components-segment-border-color: var(--colors-main-beerus);--components-segment-border-radius: var(--border-radius-sm);--components-segment-padding: var(--space-1);--components-segment-gap: var(--space-2);--components-segment-focus-ring: var(--colors-supportive-whis-60);--components-segment-text-color: var(--colors-main-bulma);--components-segment-text-font-size: var(--font-size-sm);--components-segment-text-line-height: var(--font-line-height-sm);--components-segment-text-font-weight: var(--font-weight-bold);--components-select-border-radius: var(--border-radius-xs);--components-select-font-size-label: var(--font-size-sm);--components-select-font-size-input: var(--font-size-xs);--components-select-font-size-helper: var(--font-size-xs);--components-select-font-size-option: var(--font-size-xs);--components-select-line-height-label: var(--font-line-height-sm);--components-select-line-height-input: var(--font-line-height-xs);--components-select-line-height-helper: var(--font-line-height-xs);--components-select-line-height-option: var(--font-line-height-xs);--components-select-font-weight-label: var(--font-weight-medium);--components-select-font-weight-input: var(--font-weight-regular);--components-select-font-weight-option: var(--font-weight-regular);--components-select-padding-input-horizontal: var(--space-3);--components-select-padding-input-vertical: var(--space-2);--components-select-gap: var(--space-1);--components-select-colors-label: var(--colors-main-bulma);--components-select-colors-input-text: var(--colors-main-bulma);--components-select-colors-placeholder: var(--colors-main-trunks);--components-select-colors-border-rest: var(--colors-main-trunks);--components-select-colors-border-hover: var(--colors-main-picollo);--components-select-colors-border-focus: var(--colors-main-picollo);--components-select-colors-border-error: var(--colors-supportive-chichi);--components-select-colors-background-rest: var(--colors-main-gohan);--components-select-colors-background-outline: var(--colors-main-beerus);--components-select-colors-background-option-hover: var(--colors-main-picollo);--components-select-colors-background-option-selected: var(--colors-main-picollo);--components-select-colors-helper-text-normal: var(--colors-main-trunks);--components-select-colors-helper-text-error: var(--colors-supportive-chichi);--components-sidebar-background: var(--colors-main-gohan);--components-sidebar-border-color: var(--colors-main-beerus);--components-sidebar-border-radius: var(--border-radius-sm);--components-sidebar-padding: var(--space-4);--components-sidebar-icon-color: var(--colors-main-trunks);--components-sidebar-icon-color-hover: var(--colors-main-picollo);--components-sidebar-icon-color-active: var(--colors-main-picollo);--components-sidebar-item-background-hover: var(--colors-supportive-whis-10);--components-sidebar-item-background-active: var(--colors-main-beerus);--components-sidebar-item-color: var(--colors-main-bulma);--components-sidebar-item-color-hover: var(--colors-main-picollo);--components-sidebar-item-color-active: var(--colors-main-picollo);--components-sidebar-item-padding: var(--space-3);--components-sidebar-item-border-radius: var(--border-radius-sm);--components-sidebar-focus-ring: var(--colors-main-picollo);--components-sidebar-header-padding: var(--space-3);--components-sidebar-footer-padding: var(--space-3);--components-sidebar-divider-color: var(--colors-main-beerus);--components-sidebar-toggle-button-background: var(--colors-main-gohan);--components-sidebar-toggle-button-outline-color: var(--colors-main-beerus);--components-sidebar-toggle-button-color: var(--colors-main-bulma);--components-sidebar-toggle-button-background-hover: var(--colors-main-jiren);--components-sidebar-toggle-button-color-hover: var(--colors-main-picollo);--components-sidebar-toggle-button-focus-ring: var(--colors-supportive-whis-60);--components-sidebar-section-title-font-size: var(--font-size-sm);--components-sidebar-section-title-line-height: var(--font-line-height-sm);--components-sidebar-section-title-font-weight: var(--font-weight-regular);--components-sidebar-section-title-color: var(--colors-main-trunks);--components-sidebar-body-padding: var(--space-3);--components-sidebar-body-gap: var(--space-2);--components-sidebar-section-gap: var(--space-1);--components-sidebar-section-margin-bottom: var(--space-4);--components-sidebar-item-list-gap: var(--space-2);--components-switch-border-radius: var(--border-radius-rounded);--components-switch-font-size-label: var(--font-size-sm);--components-switch-font-size-helper: var(--font-size-xs);--components-switch-line-height-label: var(--font-line-height-sm);--components-switch-line-height-helper: var(--font-line-height-xs);--components-switch-font-weight-label: var(--font-weight-medium);--components-switch-gap: var(--space-1);--components-switch-colors-label: var(--colors-main-bulma);--components-switch-colors-track-unchecked: var(--colors-main-beerus);--components-switch-colors-track-checked: var(--colors-main-picollo);--components-switch-colors-track-disabled: var(--colors-main-beerus);--components-switch-colors-thumb-unchecked: var(--colors-main-gohan);--components-switch-colors-thumb-checked: var(--colors-main-gohan);--components-switch-colors-thumb-disabled: var(--colors-main-trunks);--components-switch-colors-focus-ring: var(--colors-supportive-whis-60);--components-switch-colors-helper-text-normal: var(--colors-main-trunks);--components-switch-colors-helper-text-error: var(--colors-supportive-chichi);--components-tab-border-radius: var(--border-radius-sm);--components-tab-color: var(--colors-main-bulma);--components-tab-font-size: var(--font-size-sm);--components-tab-padding-x: var(--space-2);--components-tab-padding-y: var(--space-1);--components-tab-gap: var(--space-2);--components-tab-pill-background-active: var(--colors-main-goku);--components-tab-pill-text-active: var(--colors-main-bulma);--components-tab-ghost-text-active: var(--colors-main-picollo);--components-tab-ghost-text-border: var(--colors-main-picollo);--components-tag-border-radius: var(--border-radius-xs);--components-tag-gap: var(--space-1);--components-tag-padding-sm-y: var(--space-none);--components-tag-padding-sm-x: var(--space-2);--components-tag-padding-sm-r-icon: var(--space-half);--components-tag-padding-sm-l-icon: var(--space-half);--components-tag-padding-md-y: var(--space-1);--components-tag-padding-md-x: var(--space-2);--components-tag-padding-md-r-icon: var(--space-1);--components-tag-padding-md-l-icon: var(--space-1);--components-tag-font-size: var(--font-size-xs);--components-tag-line-height: var(--font-line-height-xs);--components-tag-font-weight-bold: var(--font-weight-bold);--components-tag-font-weight-medium: var(--font-weight-medium);--components-tag-colors-bg: var(--colors-main-goku);--components-tag-colors-color: var(--colors-main-bulma);--components-text-area-border-radius: var(--border-radius-xs);--components-text-area-font-size-label: var(--font-size-sm);--components-text-area-font-size-input: var(--font-size-xs);--components-text-area-font-size-helper: var(--font-size-xs);--components-text-area-line-height-label: var(--font-line-height-sm);--components-text-area-line-height-input: var(--font-line-height-xs);--components-text-area-line-height-helper: var(--font-line-height-xs);--components-text-area-font-weight-label: var(--font-weight-medium);--components-text-area-font-weight-input: var(--font-weight-regular);--components-text-area-padding-input-horizontal: var(--space-3);--components-text-area-padding-input-vertical: var(--space-2);--components-text-area-gap: var(--space-1);--components-text-area-colors-label: var(--colors-main-bulma);--components-text-area-colors-input-text: var(--colors-main-bulma);--components-text-area-colors-placeholder: var(--colors-main-trunks);--components-text-area-colors-border-rest: var(--colors-main-trunks);--components-text-area-colors-border-hover: var(--colors-main-picollo);--components-text-area-colors-border-focus: var(--colors-main-picollo);--components-text-area-colors-border-error: var(--colors-supportive-chichi);--components-text-area-colors-background-rest: var(--colors-main-gohan);--components-text-area-colors-background-outline: var(--colors-main-beerus);--components-text-area-colors-background-disabled: var(--colors-supportive-krilin);--components-text-area-colors-helper-text-normal: var(--colors-main-trunks);--components-text-area-colors-helper-text-error: var(--colors-supportive-chichi);--components-text-input-border-radius: var(--border-radius-xs);--components-text-input-font-size-label: var(--font-size-sm);--components-text-input-font-size-input: var(--font-size-xs);--components-text-input-font-size-helper: var(--font-size-xs);--components-text-input-line-height-label: var(--font-line-height-sm);--components-text-input-line-height-input: var(--font-line-height-xs);--components-text-input-line-height-helper: var(--font-line-height-xs);--components-text-input-font-weight-label: var(--font-weight-medium);--components-text-input-font-weight-input: var(--font-weight-regular);--components-text-input-padding-input-horizontal: var(--space-3);--components-text-input-padding-input-vertical: var(--space-2);--components-text-input-gap: var(--space-1);--components-text-input-colors-label: var(--colors-main-bulma);--components-text-input-colors-input-text: var(--colors-main-bulma);--components-text-input-colors-placeholder: var(--colors-main-trunks);--components-text-input-colors-border-rest: var(--colors-main-trunks);--components-text-input-colors-border-hover: var(--colors-main-picollo);--components-text-input-colors-border-focus: var(--colors-main-picollo);--components-text-input-colors-border-error: var(--colors-supportive-chichi);--components-text-input-colors-background-rest: var(--colors-main-gohan);--components-text-input-colors-background-outline: var(--colors-main-beerus);--components-text-input-colors-background-disabled: var(--colors-supportive-krilin);--components-text-input-colors-helper-text-normal: var(--colors-main-trunks);--components-text-input-colors-helper-text-error: var(--colors-supportive-chichi);--components-text-color: var(--colors-main-bulma);--components-text-font-family: var(--font-primary);--components-text-font-weight-h1: var(--font-weight-bold);--components-text-font-weight-h2: var(--font-weight-bold);--components-text-font-weight-h3: var(--font-weight-bold);--components-text-font-weight-h4: var(--font-weight-medium);--components-text-font-weight-h5: var(--font-weight-medium);--components-text-font-weight-h6: var(--font-weight-medium);--components-text-font-weight-p: var(--font-weight-regular);--components-text-font-weight-span: var(--font-weight-regular);--components-text-font-weight-label: var(--font-weight-medium);--components-text-font-weight-small: var(--font-weight-regular);--components-text-font-size-h1: var(--font-size-4xl);--components-text-font-size-h2: var(--font-size-3xl);--components-text-font-size-h3: var(--font-size-2xl);--components-text-font-size-h4: var(--font-size-xl);--components-text-font-size-h5: var(--font-size-lg);--components-text-font-size-h6: var(--font-size-md);--components-text-font-size-p: var(--font-size-md);--components-text-font-size-span: var(--font-size-md);--components-text-font-size-label: var(--font-size-sm);--components-text-font-size-small: var(--font-size-xs);--components-text-line-height-h1: var(--font-line-height-4xl);--components-text-line-height-h2: var(--font-line-height-3xl);--components-text-line-height-h3: var(--font-line-height-2xl);--components-text-line-height-h4: var(--font-line-height-xl);--components-text-line-height-h5: var(--font-line-height-lg);--components-text-line-height-h6: var(--font-line-height-md);--components-text-line-height-p: var(--font-line-height-md);--components-text-line-height-span: var(--font-line-height-md);--components-text-line-height-label: var(--font-line-height-sm);--components-text-line-height-small: var(--font-line-height-xs);--components-tooltip-background-color: var(--colors-main-bulma);--components-tooltip-text-color: var(--colors-main-gohan);--components-tooltip-border-radius: var(--border-radius-sm);--components-tooltip-padding-x: var(--space-2);--components-tooltip-padding-y: var(--space-1);--components-tooltip-font-size: var(--font-size-xs);--components-tooltip-font-weight: var(--font-weight-medium);--components-tooltip-line-height: var(--font-line-height-xs)}:root[data-theme=light]{--border-radius-xs: 4px;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-rounded: 9999px;--font-primary: "DM Sans", sans-serif;--font-line-height-3xs: 16px;--font-line-height-2xs: 16px;--font-line-height-xs: 16px;--font-line-height-sm: 24px;--font-line-height-md: 24px;--font-line-height-lg: 28px;--font-line-height-xl: 32px;--font-line-height-2xl: 32px;--font-line-height-3xl: 40px;--font-line-height-4xl: 48px;--font-line-height-5xl: 56px;--font-line-height-6xl: 64px;--font-line-height-7xl: 72px;--font-line-height-8xl: 76px;--font-size-3xs: 9px;--font-size-2xs: 10px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-size-4xl: 40px;--font-size-5xl: 48px;--font-size-6xl: 56px;--font-size-7xl: 64px;--font-size-8xl: 72px;--font-weight-thin: 100;--font-weight-extra-light: 200;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--colors-main-picollo: #4e46b4;--colors-main-hit: #40a69f;--colors-main-beerus: #e2e2e2;--colors-main-goku: #f5f5f5;--colors-main-gohan: #ffffff;--colors-main-bulma: #000000;--colors-main-trunks: #595d62;--colors-main-goten: #ffffff;--colors-main-popo: #000000;--colors-main-jiren: #f2f2fa;--colors-main-hales: rgba(0, 0, 0, .06);--colors-main-zeno: rgba(0, 0, 0, .34);--colors-supportive-krilin: #ffb319;--colors-supportive-krilin-60: rgba(255, 179, 25, .38);--colors-supportive-krilin-10: rgba(255, 179, 25, .06);--colors-supportive-chichi: #ff4e64;--colors-supportive-chichi-60: #ffacb6;--colors-supportive-chichi-10: #ffd5da;--colors-supportive-roshi: #2e7d32;--colors-supportive-roshi-60: rgba(46, 125, 50, .38);--colors-supportive-roshi-10: rgba(46, 125, 50, .06);--colors-supportive-dodoria: #d33030;--colors-supportive-dodoria-60: rgba(211, 48, 48, .38);--colors-supportive-dodoria-10: rgba(211, 48, 48, .06);--colors-supportive-cell: #95f1d5;--colors-supportive-cell-60: rgba(149, 241, 213, .38);--colors-supportive-cell-10: rgba(149, 241, 213, .06);--colors-supportive-raditz: #b3804a;--colors-supportive-raditz-60: rgba(179, 128, 74, .38);--colors-supportive-raditz-10: rgba(179, 128, 74, .06);--colors-supportive-whis: #3448f0;--colors-supportive-whis-60: rgba(52, 72, 240, .38);--colors-supportive-whis-10: rgba(52, 72, 240, .06);--colors-supportive-frieza: #f0f0f0;--colors-supportive-frieza-60: rgba(240, 240, 240, .38);--colors-supportive-frieza-10: rgba(240, 240, 240, .06);--colors-supportive-nappa: #725550;--colors-supportive-nappa-60: rgba(114, 85, 80, .38);--colors-supportive-nappa-10: rgba(114, 85, 80, .06);--size-1: 4px;--size-2: 8px;--size-3: 12px;--size-4: 16px;--size-5: 20px;--size-6: 24px;--size-7: 28px;--size-8: 32px;--size-9: 36px;--size-10: 40px;--size-11: 44px;--size-12: 48px;--size-13: 52px;--size-14: 56px;--size-15: 60px;--size-16: 64px;--size-half: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-11: 44px;--space-12: 48px;--space-none: 0px;--space-half: 2px;--components-accordion-shadow-default: 0 1px 2px rgba(0, 0, 0, .05);--components-accordion-shadow-expanded: 0 2px 4px rgba(0, 0, 0, .1);--components-accordion-transition-duration: .2s;--components-accordion-transition-timing: ease-in-out;--components-accordion-transition-content: .25s cubic-bezier(.4, 0, .2, 1);--components-bottom-sheet-z-index: 1000;--components-bottom-sheet-overlay-bg: rgba(0, 0, 0, .5);--components-bottom-sheet-shadow: 0 8px 16px rgba(0, 0, 0, .15);--components-bottom-sheet-transition-duration: .3s;--components-bottom-sheet-transition-timing: ease-in-out;--components-bottom-sheet-transition-content: .25s cubic-bezier(.4, 0, .2, 1);--components-bottom-sheet-size-sm: 300px;--components-bottom-sheet-size-md: 500px;--components-bottom-sheet-size-lg: 800px;--components-bottom-sheet-drag-handle-width: 48px;--components-bottom-sheet-drag-handle-height: 6px;--components-breadcrumb-max-width: 100%;--components-checkbox-size: 20px;--components-checkbox-transition-duration: .2s;--components-checkbox-transition-timing: ease-in-out;--components-drawer-z-index: 1000;--components-drawer-overlay-bg: rgba(0, 0, 0, .5);--components-drawer-shadow: 0 4px 8px rgba(0, 0, 0, .1);--components-drawer-transition-duration: .3s;--components-drawer-transition-timing: ease-in-out;--components-drawer-size-sm: 300px;--components-drawer-size-md: 400px;--components-drawer-size-lg: 600px;--components-loader-z-index: 1000;--components-loader-size-sm: 24px;--components-loader-size-md: 40px;--components-loader-size-lg: 64px;--components-loader-border-width: 3px;--components-loader-animation-duration: .8s;--components-loader-animation-timing: linear;--components-loader-type: circular;--components-menu-item-max-width: 240px;--components-modal-shadow: 0 4px 8px rgba(0, 0, 0, .1);--components-modal-z-index: 1000;--components-modal-overlay-bg: rgba(0, 0, 0, .5);--components-modal-transition-duration: .2s;--components-modal-transition-timing: ease-out;--components-modal-size-sm: 400px;--components-modal-size-md: 560px;--components-modal-size-lg: 760px;--components-modal-size-xl: 920px;--components-pagination-disabled-opacity-container: .5;--components-pagination-disabled-opacity-item: .5;--components-pagination-disabled-opacity-nav-item: .3;--components-radio-size: 20px;--components-radio-transition-duration: .2s;--components-radio-transition-timing: ease-in-out;--components-segment-z-index: 10;--components-segment-shadow: 0 2px 4px rgba(0, 0, 0, .1);--components-segment-transition-duration: .2s;--components-segment-transition-timing: ease-in-out;--components-select-border-width: 1px;--components-sidebar-z-index: 1000;--components-sidebar-shadow: 0 4px 8px rgba(0, 0, 0, .1);--components-sidebar-transition-duration: .3s;--components-sidebar-transition-timing: ease-in-out;--components-sidebar-width-expanded: 240px;--components-sidebar-width-collapsed: 64px;--components-sidebar-item-background: transparent;--components-sidebar-header-height: 64px;--components-switch-width: 40px;--components-switch-height: 24px;--components-switch-thumb-size: 18px;--components-switch-thumb-margin: 3px;--components-switch-transition-duration: .2s;--components-switch-transition-timing: ease-in-out;--components-tab-background: transparent;--components-tab-height-default: 32px;--components-tab-underline-color: #E5E5E5;--components-tab-underline-active-color: #6B4EFF;--components-tab-underline-height: 2px;--components-tab-ghost-background-active: transparent;--components-tab-transition-duration: .2s;--components-tab-transition-timing: ease-in-out;--components-tab-hover-opacity: .8;--components-tab-active-opacity: 1;--components-tab-disabled-opacity: .5;--components-text-input-border-width: 1px;--components-text-margin-h1: 0 0 16px 0;--components-text-margin-h2: 0 0 16px 0;--components-text-margin-h3: 0 0 16px 0;--components-text-margin-h4: 0 0 12px 0;--components-text-margin-h5: 0 0 12px 0;--components-text-margin-h6: 0 0 8px 0;--components-text-margin-p: 0 0 16px 0;--components-tooltip-shadow: 1px 1px 2px rgba(0, 0, 0, .1);--components-tooltip-pointer-size: 6px;--components-tooltip-max-width: 280px;--components-tooltip-z-index: 1000;--components-accordion-border-radius: var(--border-radius-sm);--components-accordion-header-gap: var(--space-2);--components-accordion-padding-l: var(--space-4);--components-accordion-padding-r: var(--space-4);--components-accordion-padding-t: var(--space-3);--components-accordion-padding-b: var(--space-3);--components-accordion-content-padding: var(--space-4);--components-accordion-font-size-title: var(--font-size-lg);--components-accordion-font-size-content: var(--font-size-sm);--components-accordion-line-height-text: var(--font-line-height-lg);--components-accordion-line-height-content: var(--font-line-height-sm);--components-accordion-font-weight-text: var(--font-weight-bold);--components-accordion-font-weight-content: var(--font-weight-medium);--components-accordion-colors-default-bg: var(--colors-main-gohan);--components-accordion-colors-default-color: var(--colors-main-bulma);--components-accordion-colors-content-bg: var(--colors-main-gohan);--components-accordion-colors-focus-outline: var(--colors-supportive-whis-60);--components-alert-border-radius: var(--border-radius-sm);--components-alert-padding: var(--space-4);--components-alert-gap: var(--space-2);--components-alert-colors-default: var(--colors-main-gohan);--components-alert-colors-info: var(--colors-supportive-whis);--components-alert-colors-info-bg: var(--colors-supportive-whis-10);--components-alert-colors-success: var(--colors-supportive-roshi);--components-alert-colors-success-bg: var(--colors-supportive-roshi-10);--components-alert-colors-warning: var(--colors-supportive-krilin);--components-alert-colors-warning-bg: var(--colors-supportive-krilin-10);--components-alert-colors-danger: var(--colors-supportive-chichi);--components-alert-colors-danger-bg: var(--colors-supportive-chichi-10);--components-alert-colors-dismiss-hover: var(--colors-main-jiren);--components-alert-font-weight-description: var(--font-weight-regular);--components-alert-font-weight-title: var(--font-weight-bold);--components-alert-font-size: var(--font-size-sm);--components-alert-line-height: var(--font-line-height-sm);--components-avatar-size-2xl: var(--size-16);--components-avatar-size-xl: var(--size-14);--components-avatar-size-lg: var(--size-12);--components-avatar-size-md: var(--size-10);--components-avatar-size-sm: var(--size-8);--components-avatar-size-xs: var(--size-6);--components-avatar-font-2xl: var(--font-size-xl);--components-avatar-font-xl: var(--font-size-md);--components-avatar-font-lg: var(--font-size-md);--components-avatar-font-md: var(--font-size-sm);--components-avatar-font-sm: var(--font-size-xs);--components-avatar-font-xs: var(--font-size-2xs);--components-avatar-line-height-2xl: var(--font-line-height-xl);--components-avatar-line-height-xl: var(--font-line-height-md);--components-avatar-line-height-lg: var(--font-line-height-md);--components-avatar-line-height-md: var(--font-line-height-sm);--components-avatar-line-height-sm: var(--font-line-height-xs);--components-avatar-line-height-xs: var(--font-line-height-2xs);--components-avatar-color-background-color: var(--colors-main-goku);--components-avatar-color-color: var(--colors-main-bulma);--components-bottom-sheet-background: var(--colors-main-goku);--components-bottom-sheet-border-color: var(--colors-main-beerus);--components-bottom-sheet-border-radius-top: var(--border-radius-sm);--components-bottom-sheet-padding: var(--space-4);--components-bottom-sheet-close-button-color: var(--colors-main-trunks);--components-bottom-sheet-close-button-color-hover: var(--colors-main-picollo);--components-bottom-sheet-focus-ring: var(--colors-main-picollo);--components-bottom-sheet-title-font-size: var(--font-size-md);--components-bottom-sheet-title-line-height: var(--font-line-height-md);--components-bottom-sheet-title-font-weight: var(--font-weight-bold);--components-bottom-sheet-title-color: var(--colors-main-bulma);--components-bottom-sheet-drag-handle-color: var(--colors-main-trunks);--components-bottom-sheet-drag-handle-color-hover: var(--colors-main-picollo);--components-bottom-sheet-drag-handle-border-radius: var(--border-radius-xs);--components-breadcrumb-border-radius: var(--border-radius-sm);--components-breadcrumb-gap: var(--space-1);--components-breadcrumb-padding-y: var(--space-1);--components-breadcrumb-padding-x: var(--space-2);--components-breadcrumb-font-size: var(--font-size-sm);--components-breadcrumb-line-height: var(--font-line-height-sm);--components-breadcrumb-font-weight-default: var(--font-weight-medium);--components-breadcrumb-font-weight-active: var(--font-weight-bold);--components-breadcrumb-colors-default: var(--colors-main-trunks);--components-breadcrumb-colors-active: var(--colors-main-bulma);--components-breadcrumb-colors-hover: var(--colors-main-picollo);--components-breadcrumb-colors-divider: var(--colors-main-trunks);--components-breadcrumb-colors-focus-outline: var(--colors-supportive-whis-60);--components-button-border-radius-xs: var(--border-radius-xs);--components-button-border-radius-sm: var(--border-radius-sm);--components-button-border-radius-md: var(--border-radius-sm);--components-button-border-radius-lg: var(--border-radius-sm);--components-button-border-radius-xl: var(--border-radius-sm);--components-button-padding-xs-y: var(--space-1);--components-button-padding-xs-x: var(--space-2);--components-button-padding-xs-icon: var(--space-1);--components-button-padding-sm-y: var(--space-1);--components-button-padding-sm-x: var(--space-3);--components-button-padding-sm-icon: var(--space-1);--components-button-padding-md-y: var(--space-2);--components-button-padding-md-x: var(--space-4);--components-button-padding-md-icon: var(--space-2);--components-button-padding-lg-y: var(--space-3);--components-button-padding-lg-x: var(--space-4);--components-button-padding-lg-icon: var(--space-3);--components-button-padding-xl-y: var(--space-4);--components-button-padding-xl-x: var(--space-6);--components-button-padding-xl-icon: var(--space-4);--components-button-font-size-xs: var(--font-size-xs);--components-button-font-size-sm: var(--font-size-sm);--components-button-font-size-md: var(--font-size-sm);--components-button-font-size-lg: var(--font-size-md);--components-button-font-size-xl: var(--font-size-md);--components-button-line-height-xs: var(--font-line-height-xs);--components-button-line-height-sm: var(--font-line-height-sm);--components-button-line-height-md: var(--font-line-height-sm);--components-button-line-height-lg: var(--font-line-height-md);--components-button-line-height-xl: var(--font-line-height-md);--components-button-font-weight: var(--font-weight-bold);--components-button-colors-fill-default-bg: var(--colors-main-picollo);--components-button-colors-fill-default-color: var(--colors-main-goten);--components-button-colors-fill-focus-bs: var(--colors-supportive-whis-60);--components-button-colors-outline-default-outline: var(--colors-main-trunks);--components-button-colors-outline-default-color: var(--colors-main-bulma);--components-button-colors-outline-hover-bg: var(--colors-main-hales);--components-button-colors-outline-focus-bs: var(--colors-main-zeno);--components-button-colors-ghost-default-color: var(--colors-main-trunks);--components-button-colors-ghost-hover-color: var(--colors-main-bulma);--components-button-colors-ghost-hover-bg: var(--colors-main-jiren);--components-checkbox-border-radius: var(--border-radius-xs);--components-checkbox-font-size-label: var(--font-size-sm);--components-checkbox-font-size-helper: var(--font-size-xs);--components-checkbox-line-height-label: var(--font-line-height-sm);--components-checkbox-line-height-helper: var(--font-line-height-xs);--components-checkbox-font-weight-label: var(--font-weight-medium);--components-checkbox-gap: var(--space-1);--components-checkbox-group-gap: var(--space-2);--components-checkbox-colors-label: var(--colors-main-bulma);--components-checkbox-colors-border-unchecked: var(--colors-main-trunks);--components-checkbox-colors-border-checked: var(--colors-main-picollo);--components-checkbox-colors-border-disabled: var(--colors-main-beerus);--components-checkbox-colors-background-unchecked: var(--colors-main-gohan);--components-checkbox-colors-background-checked: var(--colors-main-picollo);--components-checkbox-colors-background-disabled: var(--colors-main-gohan);--components-checkbox-colors-checkmark: var(--colors-main-gohan);--components-checkbox-colors-focus-ring: var(--colors-supportive-whis-60);--components-checkbox-colors-helper-text-normal: var(--colors-main-trunks);--components-checkbox-colors-helper-text-error: var(--colors-supportive-chichi);--components-drawer-background: var(--colors-main-gohan);--components-drawer-border-color: var(--colors-main-beerus);--components-drawer-border-radius-left: var(--border-radius-sm);--components-drawer-border-radius-right: var(--border-radius-sm);--components-drawer-border-radius-top: var(--border-radius-sm);--components-drawer-border-radius-bottom: var(--border-radius-sm);--components-drawer-padding: var(--space-4);--components-drawer-close-button-color: var(--colors-main-trunks);--components-drawer-close-button-color-hover: var(--colors-main-picollo);--components-drawer-focus-ring: var(--colors-main-picollo);--components-drawer-title-font-size: var(--font-size-md);--components-drawer-title-line-height: var(--font-line-height-md);--components-drawer-title-font-weight: var(--font-weight-bold);--components-drawer-title-color: var(--colors-main-bulma);--components-empty-state-border-radius: var(--border-radius-xs);--components-empty-state-gap: var(--space-2);--components-empty-state-padding-y: var(--space-none);--components-empty-state-padding-x: var(--space-4);--components-empty-state-font-size-title: var(--font-size-2xl);--components-empty-state-font-size-description: var(--font-size-md);--components-empty-state-line-height-title: var(--font-line-height-2xl);--components-empty-state-line-height-description: var(--font-line-height-md);--components-empty-state-font-weight-title: var(--font-weight-bold);--components-empty-state-font-weight-description: var(--font-weight-regular);--components-empty-state-colors-default: var(--colors-main-bulma);--components-empty-state-colors-icon-secondary-color: var(--colors-supportive-chichi);--components-empty-state-colors-icon-secondary-bg: var(--colors-supportive-chichi-60);--components-empty-state-size-icon-primary: var(--size-16);--components-icon-size-placeholder-2xs: var(--size-2);--components-icon-size-placeholder-xs: var(--size-4);--components-icon-size-placeholder-md: var(--size-6);--components-icon-size-placeholder-lg: var(--size-8);--components-loader-color-spinner: var(--colors-main-picollo);--components-loader-color-track: var(--colors-main-beerus);--components-loader-color-text: var(--colors-main-bulma);--components-loader-font-size: var(--font-size-sm);--components-loader-font-weight: var(--font-weight-medium);--components-loader-line-height: var(--font-line-height-sm);--components-loader-text-margin: var(--space-2);--components-menu-item-border-radius: var(--border-radius-sm);--components-menu-item-gap: var(--space-2);--components-menu-item-padding-l: var(--space-3);--components-menu-item-padding-r: var(--space-2);--components-menu-item-padding-t: var(--space-2);--components-menu-item-padding-b: var(--space-2);--components-menu-item-font-size-label: var(--font-size-sm);--components-menu-item-font-size-description: var(--font-size-xs);--components-menu-item-line-height-label: var(--font-line-height-sm);--components-menu-item-line-height-description: var(--font-line-height-xs);--components-menu-item-font-weight: var(--font-weight-regular);--components-menu-item-colors-default-bg: var(--colors-main-gohan);--components-menu-item-colors-default-color: var(--colors-main-bulma);--components-menu-item-colors-focus-outline: var(--colors-supportive-whis-60);--components-menu-item-colors-description-color: var(--colors-main-trunks);--components-modal-background: var(--colors-main-gohan);--components-modal-border-color: var(--colors-main-beerus);--components-modal-border-radius: var(--border-radius-sm);--components-modal-padding: var(--space-4);--components-modal-title-font-size: var(--font-size-lg);--components-modal-title-line-height: var(--font-line-height-lg);--components-modal-title-font-weight: var(--font-weight-bold);--components-modal-title-color: var(--colors-main-bulma);--components-modal-close-button-color: var(--colors-main-trunks);--components-modal-close-button-color-hover: var(--colors-main-picollo);--components-modal-focus-ring: var(--colors-supportive-whis-60);--components-pagination-item-size-sm: calc(var(--size-7) - var(--space-half));--components-pagination-item-size-md: var(--size-8);--components-pagination-font-size-sm: var(--font-size-xs);--components-pagination-font-size-md: var(--font-size-sm);--components-pagination-font-line-height-sm: var(--font-line-height-xs);--components-pagination-font-line-height-md: var(--font-line-height-sm);--components-pagination-font-weight: var(--font-weight-medium);--components-pagination-border-radius: var(--border-radius-sm);--components-pagination-gap: var(--space-1);--components-pagination-colors-text: var(--colors-main-bulma);--components-pagination-colors-hover: var(--colors-main-jiren);--components-pagination-colors-active-background: var(--colors-main-picollo);--components-pagination-colors-active-text: var(--colors-main-goten);--components-pagination-colors-focus-outline: var(--colors-supportive-whis-60);--components-radio-border-radius: var(--border-radius-rounded);--components-radio-font-size-label: var(--font-size-sm);--components-radio-font-size-helper: var(--font-size-xs);--components-radio-line-height-label: var(--font-line-height-sm);--components-radio-line-height-helper: var(--font-line-height-xs);--components-radio-font-weight-label: var(--font-weight-medium);--components-radio-gap: var(--space-1);--components-radio-group-gap: var(--space-2);--components-radio-colors-label: var(--colors-main-bulma);--components-radio-colors-border-unchecked: var(--colors-main-trunks);--components-radio-colors-border-checked: var(--colors-main-picollo);--components-radio-colors-border-disabled: var(--colors-main-beerus);--components-radio-colors-background-unchecked: var(--colors-main-gohan);--components-radio-colors-background-checked: var(--colors-main-gohan);--components-radio-colors-background-disabled: var(--colors-main-gohan);--components-radio-colors-dot: var(--colors-main-picollo);--components-radio-colors-focus-ring: var(--colors-supportive-whis-60);--components-radio-colors-helper-text-normal: var(--colors-main-trunks);--components-radio-colors-helper-text-error: var(--colors-supportive-chichi);--components-segment-background: var(--colors-main-goku);--components-segment-background-active: var(--colors-main-gohan);--components-segment-border-color: var(--colors-main-beerus);--components-segment-border-radius: var(--border-radius-sm);--components-segment-padding: var(--space-1);--components-segment-gap: var(--space-2);--components-segment-focus-ring: var(--colors-supportive-whis-60);--components-segment-text-color: var(--colors-main-bulma);--components-segment-text-font-size: var(--font-size-sm);--components-segment-text-line-height: var(--font-line-height-sm);--components-segment-text-font-weight: var(--font-weight-bold);--components-select-border-radius: var(--border-radius-xs);--components-select-font-size-label: var(--font-size-sm);--components-select-font-size-input: var(--font-size-xs);--components-select-font-size-helper: var(--font-size-xs);--components-select-font-size-option: var(--font-size-xs);--components-select-line-height-label: var(--font-line-height-sm);--components-select-line-height-input: var(--font-line-height-xs);--components-select-line-height-helper: var(--font-line-height-xs);--components-select-line-height-option: var(--font-line-height-xs);--components-select-font-weight-label: var(--font-weight-medium);--components-select-font-weight-input: var(--font-weight-regular);--components-select-font-weight-option: var(--font-weight-regular);--components-select-padding-input-horizontal: var(--space-3);--components-select-padding-input-vertical: var(--space-2);--components-select-gap: var(--space-1);--components-select-colors-label: var(--colors-main-bulma);--components-select-colors-input-text: var(--colors-main-bulma);--components-select-colors-placeholder: var(--colors-main-trunks);--components-select-colors-border-rest: var(--colors-main-trunks);--components-select-colors-border-hover: var(--colors-main-picollo);--components-select-colors-border-focus: var(--colors-main-picollo);--components-select-colors-border-error: var(--colors-supportive-chichi);--components-select-colors-background-rest: var(--colors-main-gohan);--components-select-colors-background-outline: var(--colors-main-beerus);--components-select-colors-background-option-hover: var(--colors-main-picollo);--components-select-colors-background-option-selected: var(--colors-main-picollo);--components-select-colors-helper-text-normal: var(--colors-main-trunks);--components-select-colors-helper-text-error: var(--colors-supportive-chichi);--components-sidebar-background: var(--colors-main-gohan);--components-sidebar-border-color: var(--colors-main-beerus);--components-sidebar-border-radius: var(--border-radius-sm);--components-sidebar-padding: var(--space-4);--components-sidebar-icon-color: var(--colors-main-trunks);--components-sidebar-icon-color-hover: var(--colors-main-picollo);--components-sidebar-icon-color-active: var(--colors-main-picollo);--components-sidebar-item-background-hover: var(--colors-supportive-whis-10);--components-sidebar-item-background-active: var(--colors-main-beerus);--components-sidebar-item-color: var(--colors-main-bulma);--components-sidebar-item-color-hover: var(--colors-main-picollo);--components-sidebar-item-color-active: var(--colors-main-picollo);--components-sidebar-item-padding: var(--space-3);--components-sidebar-item-border-radius: var(--border-radius-sm);--components-sidebar-focus-ring: var(--colors-main-picollo);--components-sidebar-header-padding: var(--space-3);--components-sidebar-footer-padding: var(--space-3);--components-sidebar-divider-color: var(--colors-main-beerus);--components-sidebar-toggle-button-background: var(--colors-main-gohan);--components-sidebar-toggle-button-outline-color: var(--colors-main-beerus);--components-sidebar-toggle-button-color: var(--colors-main-bulma);--components-sidebar-toggle-button-background-hover: var(--colors-main-jiren);--components-sidebar-toggle-button-color-hover: var(--colors-main-picollo);--components-sidebar-toggle-button-focus-ring: var(--colors-supportive-whis-60);--components-sidebar-section-title-font-size: var(--font-size-sm);--components-sidebar-section-title-line-height: var(--font-line-height-sm);--components-sidebar-section-title-font-weight: var(--font-weight-regular);--components-sidebar-section-title-color: var(--colors-main-trunks);--components-sidebar-body-padding: var(--space-3);--components-sidebar-body-gap: var(--space-2);--components-sidebar-section-gap: var(--space-1);--components-sidebar-section-margin-bottom: var(--space-4);--components-sidebar-item-list-gap: var(--space-2);--components-switch-border-radius: var(--border-radius-rounded);--components-switch-font-size-label: var(--font-size-sm);--components-switch-font-size-helper: var(--font-size-xs);--components-switch-line-height-label: var(--font-line-height-sm);--components-switch-line-height-helper: var(--font-line-height-xs);--components-switch-font-weight-label: var(--font-weight-medium);--components-switch-gap: var(--space-1);--components-switch-colors-label: var(--colors-main-bulma);--components-switch-colors-track-unchecked: var(--colors-main-beerus);--components-switch-colors-track-checked: var(--colors-main-picollo);--components-switch-colors-track-disabled: var(--colors-main-beerus);--components-switch-colors-thumb-unchecked: var(--colors-main-gohan);--components-switch-colors-thumb-checked: var(--colors-main-gohan);--components-switch-colors-thumb-disabled: var(--colors-main-trunks);--components-switch-colors-focus-ring: var(--colors-supportive-whis-60);--components-switch-colors-helper-text-normal: var(--colors-main-trunks);--components-switch-colors-helper-text-error: var(--colors-supportive-chichi);--components-tab-border-radius: var(--border-radius-sm);--components-tab-color: var(--colors-main-bulma);--components-tab-font-size: var(--font-size-sm);--components-tab-padding-x: var(--space-2);--components-tab-padding-y: var(--space-1);--components-tab-gap: var(--space-2);--components-tab-pill-background-active: var(--colors-main-goku);--components-tab-pill-text-active: var(--colors-main-bulma);--components-tab-ghost-text-active: var(--colors-main-picollo);--components-tab-ghost-text-border: var(--colors-main-picollo);--components-tag-border-radius: var(--border-radius-xs);--components-tag-gap: var(--space-1);--components-tag-padding-sm-y: var(--space-none);--components-tag-padding-sm-x: var(--space-2);--components-tag-padding-sm-r-icon: var(--space-half);--components-tag-padding-sm-l-icon: var(--space-half);--components-tag-padding-md-y: var(--space-1);--components-tag-padding-md-x: var(--space-2);--components-tag-padding-md-r-icon: var(--space-1);--components-tag-padding-md-l-icon: var(--space-1);--components-tag-font-size: var(--font-size-xs);--components-tag-line-height: var(--font-line-height-xs);--components-tag-font-weight-bold: var(--font-weight-bold);--components-tag-font-weight-medium: var(--font-weight-medium);--components-tag-colors-bg: var(--colors-main-goku);--components-tag-colors-color: var(--colors-main-bulma);--components-text-area-border-radius: var(--border-radius-xs);--components-text-area-font-size-label: var(--font-size-sm);--components-text-area-font-size-input: var(--font-size-xs);--components-text-area-font-size-helper: var(--font-size-xs);--components-text-area-line-height-label: var(--font-line-height-sm);--components-text-area-line-height-input: var(--font-line-height-xs);--components-text-area-line-height-helper: var(--font-line-height-xs);--components-text-area-font-weight-label: var(--font-weight-medium);--components-text-area-font-weight-input: var(--font-weight-regular);--components-text-area-padding-input-horizontal: var(--space-3);--components-text-area-padding-input-vertical: var(--space-2);--components-text-area-gap: var(--space-1);--components-text-area-colors-label: var(--colors-main-bulma);--components-text-area-colors-input-text: var(--colors-main-trunks);--components-text-area-colors-placeholder: var(--colors-main-trunks);--components-text-area-colors-border-rest: var(--colors-main-trunks);--components-text-area-colors-border-hover: var(--colors-main-picollo);--components-text-area-colors-border-focus: var(--colors-main-picollo);--components-text-area-colors-border-error: var(--colors-supportive-chichi);--components-text-area-colors-background-rest: var(--colors-main-gohan);--components-text-area-colors-background-outline: var(--colors-main-beerus);--components-text-area-colors-background-disabled: var(--colors-supportive-krilin);--components-text-area-colors-helper-text-normal: var(--colors-main-trunks);--components-text-area-colors-helper-text-error: var(--colors-supportive-chichi);--components-text-input-border-radius: var(--border-radius-xs);--components-text-input-font-size-label: var(--font-size-sm);--components-text-input-font-size-input: var(--font-size-xs);--components-text-input-font-size-helper: var(--font-size-xs);--components-text-input-line-height-label: var(--font-line-height-sm);--components-text-input-line-height-input: var(--font-line-height-xs);--components-text-input-line-height-helper: var(--font-line-height-xs);--components-text-input-font-weight-label: var(--font-weight-medium);--components-text-input-font-weight-input: var(--font-weight-regular);--components-text-input-padding-input-horizontal: var(--space-3);--components-text-input-padding-input-vertical: var(--space-2);--components-text-input-gap: var(--space-1);--components-text-input-colors-label: var(--colors-main-bulma);--components-text-input-colors-input-text: var(--colors-main-trunks);--components-text-input-colors-placeholder: var(--colors-main-trunks);--components-text-input-colors-border-rest: var(--colors-main-trunks);--components-text-input-colors-border-hover: var(--colors-main-picollo);--components-text-input-colors-border-focus: var(--colors-main-picollo);--components-text-input-colors-border-error: var(--colors-supportive-chichi);--components-text-input-colors-background-rest: var(--colors-main-gohan);--components-text-input-colors-background-outline: var(--colors-main-beerus);--components-text-input-colors-background-disabled: var(--colors-supportive-krilin);--components-text-input-colors-helper-text-normal: var(--colors-main-trunks);--components-text-input-colors-helper-text-error: var(--colors-supportive-chichi);--components-text-color: var(--colors-main-bulma);--components-text-font-family: var(--font-primary);--components-text-font-weight-h1: var(--font-weight-bold);--components-text-font-weight-h2: var(--font-weight-bold);--components-text-font-weight-h3: var(--font-weight-bold);--components-text-font-weight-h4: var(--font-weight-medium);--components-text-font-weight-h5: var(--font-weight-medium);--components-text-font-weight-h6: var(--font-weight-medium);--components-text-font-weight-p: var(--font-weight-regular);--components-text-font-weight-span: var(--font-weight-regular);--components-text-font-weight-label: var(--font-weight-medium);--components-text-font-weight-small: var(--font-weight-regular);--components-text-font-size-h1: var(--font-size-4xl);--components-text-font-size-h2: var(--font-size-3xl);--components-text-font-size-h3: var(--font-size-2xl);--components-text-font-size-h4: var(--font-size-xl);--components-text-font-size-h5: var(--font-size-lg);--components-text-font-size-h6: var(--font-size-md);--components-text-font-size-p: var(--font-size-md);--components-text-font-size-span: var(--font-size-md);--components-text-font-size-label: var(--font-size-sm);--components-text-font-size-small: var(--font-size-xs);--components-text-line-height-h1: var(--font-line-height-4xl);--components-text-line-height-h2: var(--font-line-height-3xl);--components-text-line-height-h3: var(--font-line-height-2xl);--components-text-line-height-h4: var(--font-line-height-xl);--components-text-line-height-h5: var(--font-line-height-lg);--components-text-line-height-h6: var(--font-line-height-md);--components-text-line-height-p: var(--font-line-height-md);--components-text-line-height-span: var(--font-line-height-md);--components-text-line-height-label: var(--font-line-height-sm);--components-text-line-height-small: var(--font-line-height-xs);--components-tooltip-background-color: var(--colors-main-bulma);--components-tooltip-text-color: var(--colors-main-gohan);--components-tooltip-border-radius: var(--border-radius-sm);--components-tooltip-padding-x: var(--space-2);--components-tooltip-padding-y: var(--space-1);--components-tooltip-font-size: var(--font-size-xs);--components-tooltip-font-weight: var(--font-weight-medium);--components-tooltip-line-height: var(--font-line-height-xs)}:root{box-sizing:border-box;font-family:var(--font-primary);color:var(--colors-main-bulma);background-color:var(--colors-main-gohan)}*,*:before,*:after{margin:0;padding:0;box-sizing:inherit;-webkit-text-decoration:none;text-decoration:none;list-style:none}.react-beauty-el-wfull{width:100%}.react-beauty-el-p0{padding:var(--space-none)}.react-beauty-el-phalf{padding:var(--space-half)}.react-beauty-el-p1{padding:var(--space-1)}.react-beauty-el-p2{padding:var(--space-2)}.react-beauty-el-p3{padding:var(--space-3)}.react-beauty-el-p4{padding:var(--space-4)}.react-beauty-el-p5{padding:var(--space-5)}.react-beauty-el-p6{padding:var(--space-6)}.react-beauty-el-p8{padding:var(--space-8)}.react-beauty-el-p10{padding:var(--space-10)}.react-beauty-el-p12{padding:var(--space-12)}.react-beauty-el-px0{padding-left:var(--space-none);padding-right:var(--space-none)}.react-beauty-el-px-half{padding-left:var(--space-half);padding-right:var(--space-half)}.react-beauty-el-px1{padding-left:var(--space-1);padding-right:var(--space-1)}.react-beauty-el-px2{padding-left:var(--space-2);padding-right:var(--space-2)}.react-beauty-el-px3{padding-left:var(--space-3);padding-right:var(--space-3)}.react-beauty-el-px4{padding-left:var(--space-4);padding-right:var(--space-4)}.react-beauty-el-px6{padding-left:var(--space-6);padding-right:var(--space-6)}.react-beauty-el-py0{padding-top:var(--space-none);padding-bottom:var(--space-none)}.react-beauty-el-py-half{padding-top:var(--space-half);padding-bottom:var(--space-half)}.react-beauty-el-py1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.react-beauty-el-py2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.react-beauty-el-py3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.react-beauty-el-py4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.react-beauty-el-pt0{padding-top:var(--space-none)}.react-beauty-el-pt-half{padding-top:var(--space-half)}.react-beauty-el-pt1{padding-top:var(--space-1)}.react-beauty-el-pt2{padding-top:var(--space-2)}.react-beauty-el-pt3{padding-top:var(--space-3)}.react-beauty-el-pt4{padding-top:var(--space-4)}.react-beauty-el-pr0{padding-right:var(--space-none)}.react-beauty-el-pr-half{padding-right:var(--space-half)}.react-beauty-el-pr1{padding-right:var(--space-1)}.react-beauty-el-pr2{padding-right:var(--space-2)}.react-beauty-el-pr3{padding-right:var(--space-3)}.react-beauty-el-pr4{padding-right:var(--space-4)}.react-beauty-el-pb0{padding-bottom:var(--space-none)}.react-beauty-el-pb-half{padding-bottom:var(--space-half)}.react-beauty-el-pb1{padding-bottom:var(--space-1)}.react-beauty-el-pb2{padding-bottom:var(--space-2)}.react-beauty-el-pb3{padding-bottom:var(--space-3)}.react-beauty-el-pb4{padding-bottom:var(--space-4)}.react-beauty-el-pl0{padding-left:var(--space-none)}.react-beauty-el-pl-half{padding-left:var(--space-half)}.react-beauty-el-pl1{padding-left:var(--space-1)}.react-beauty-el-pl2{padding-left:var(--space-2)}.react-beauty-el-pl3{padding-left:var(--space-3)}.react-beauty-el-pl4{padding-left:var(--space-4)}.react-beauty-el-m0{margin:var(--space-none)}.react-beauty-el-mhalf{margin:var(--space-half)}.react-beauty-el-m1{margin:var(--space-1)}.react-beauty-el-m2{margin:var(--space-2)}.react-beauty-el-m3{margin:var(--space-3)}.react-beauty-el-m4{margin:var(--space-4)}.react-beauty-el-m5{margin:var(--space-5)}.react-beauty-el-m6{margin:var(--space-6)}.react-beauty-el-m8{margin:var(--space-8)}.react-beauty-el-m10{margin:var(--space-10)}.react-beauty-el-m12{margin:var(--space-12)}.react-beauty-el-mx0{margin-left:var(--space-none);margin-right:var(--space-none)}.react-beauty-el-mx-half{margin-left:var(--space-half);margin-right:var(--space-half)}.react-beauty-el-mx1{margin-left:var(--space-1);margin-right:var(--space-1)}.react-beauty-el-mx2{margin-left:var(--space-2);margin-right:var(--space-2)}.react-beauty-el-mx3{margin-left:var(--space-3);margin-right:var(--space-3)}.react-beauty-el-mx4{margin-left:var(--space-4);margin-right:var(--space-4)}.react-beauty-el-mx-auto{margin-left:auto;margin-right:auto}.react-beauty-el-my0{margin-top:var(--space-none);margin-bottom:var(--space-none)}.react-beauty-el-my-half{margin-top:var(--space-half);margin-bottom:var(--space-half)}.react-beauty-el-my1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.react-beauty-el-my2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.react-beauty-el-my3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.react-beauty-el-my4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.react-beauty-el-mt0{margin-top:var(--space-none)}.react-beauty-el-mt-half{margin-top:var(--space-half)}.react-beauty-el-mt1{margin-top:var(--space-1)}.react-beauty-el-mt2{margin-top:var(--space-2)}.react-beauty-el-mt3{margin-top:var(--space-3)}.react-beauty-el-mt4{margin-top:var(--space-4)}.react-beauty-el-mt-auto{margin-top:auto}.react-beauty-el-mr0{margin-right:var(--space-none)}.react-beauty-el-mr-half{margin-right:var(--space-half)}.react-beauty-el-mr1{margin-right:var(--space-1)}.react-beauty-el-mr2{margin-right:var(--space-2)}.react-beauty-el-mr3{margin-right:var(--space-3)}.react-beauty-el-mr4{margin-right:var(--space-4)}.react-beauty-el-mr-auto{margin-right:auto}.react-beauty-el-mb0{margin-bottom:var(--space-none)}.react-beauty-el-mb-half{margin-bottom:var(--space-half)}.react-beauty-el-mb1{margin-bottom:var(--space-1)}.react-beauty-el-mb2{margin-bottom:var(--space-2)}.react-beauty-el-mb3{margin-bottom:var(--space-3)}.react-beauty-el-mb4{margin-bottom:var(--space-4)}.react-beauty-el-mb-auto{margin-bottom:auto}.react-beauty-el-ml0{margin-left:var(--space-none)}.react-beauty-el-ml-half{margin-left:var(--space-half)}.react-beauty-el-ml1{margin-left:var(--space-1)}.react-beauty-el-ml2{margin-left:var(--space-2)}.react-beauty-el-ml3{margin-left:var(--space-3)}.react-beauty-el-ml4{margin-left:var(--space-4)}.react-beauty-el-ml-auto{margin-left:auto}.react-beauty-el-mn1{margin:calc(var(--space-1) * -1)}.react-beauty-el-mn2{margin:calc(var(--space-2) * -1)}.react-beauty-el-mn3{margin:calc(var(--space-3) * -1)}.react-beauty-el-mn4{margin:calc(var(--space-4) * -1)}.react-beauty-el-gap0{gap:var(--space-none)}.react-beauty-el-gap-half{gap:var(--space-half)}.react-beauty-el-gap1{gap:var(--space-1)}.react-beauty-el-gap2{gap:var(--space-2)}.react-beauty-el-gap3{gap:var(--space-3)}.react-beauty-el-gap4{gap:var(--space-4)}.react-beauty-el-gap6{gap:var(--space-6)}.react-beauty-el-gap8{gap:var(--space-8)}.react-beauty-el-bg-picollo{background-color:var(--colors-main-picollo)}.react-beauty-el-bg-hit{background-color:var(--colors-main-hit)}.react-beauty-el-bg-beerus{background-color:var(--colors-main-beerus)}.react-beauty-el-bg-goku{background-color:var(--colors-main-goku)}.react-beauty-el-bg-gohan{background-color:var(--colors-main-gohan)}.react-beauty-el-bg-bulma{background-color:var(--colors-main-bulma)}.react-beauty-el-bg-trunks{background-color:var(--colors-main-trunks)}.react-beauty-el-bg-goten{background-color:var(--colors-main-goten)}.react-beauty-el-bg-popo{background-color:var(--colors-main-popo)}.react-beauty-el-bg-jiren{background-color:var(--colors-main-jiren)}.react-beauty-el-bg-hales{background-color:var(--colors-main-hales)}.react-beauty-el-bg-zeno{background-color:var(--colors-main-zeno)}.react-beauty-el-text-picollo{color:var(--colors-main-picollo)}.react-beauty-el-text-hit{color:var(--colors-main-hit)}.react-beauty-el-text-beerus{color:var(--colors-main-beerus)}.react-beauty-el-text-goku{color:var(--colors-main-goku)}.react-beauty-el-text-gohan{color:var(--colors-main-gohan)}.react-beauty-el-text-bulma{color:var(--colors-main-bulma)}.react-beauty-el-text-trunks{color:var(--colors-main-trunks)}.react-beauty-el-text-goten{color:var(--colors-main-goten)}.react-beauty-el-text-popo{color:var(--colors-main-popo)}.react-beauty-el-text-jiren{color:var(--colors-main-jiren)}.react-beauty-el-border-picollo{border-color:var(--colors-main-picollo)}.react-beauty-el-border-hit{border-color:var(--colors-main-hit)}.react-beauty-el-border-beerus{border-color:var(--colors-main-beerus)}.react-beauty-el-border-goku{border-color:var(--colors-main-goku)}.react-beauty-el-border-gohan{border-color:var(--colors-main-gohan)}.react-beauty-el-border-bulma{border-color:var(--colors-main-bulma)}.react-beauty-el-border-trunks{border-color:var(--colors-main-trunks)}.react-beauty-el-border-goten{border-color:var(--colors-main-goten)}.react-beauty-el-border-popo{border-color:var(--colors-main-popo)}.react-beauty-el-border-jiren{border-color:var(--colors-main-jiren)}.react-beauty-el-bg-krilin{background-color:var(--colors-supportive-krilin)}.react-beauty-el-bg-krilin60{background-color:var(--colors-supportive-krilin-60)}.react-beauty-el-bg-krilin10{background-color:var(--colors-supportive-krilin-10)}.react-beauty-el-bg-chichi{background-color:var(--colors-supportive-chichi)}.react-beauty-el-bg-chichi60{background-color:var(--colors-supportive-chichi-60)}.react-beauty-el-bg-chichi10{background-color:var(--colors-supportive-chichi-10)}.react-beauty-el-bg-roshi{background-color:var(--colors-supportive-roshi)}.react-beauty-el-bg-roshi60{background-color:var(--colors-supportive-roshi-60)}.react-beauty-el-bg-roshi10{background-color:var(--colors-supportive-roshi-10)}.react-beauty-el-bg-dodoria{background-color:var(--colors-supportive-dodoria)}.react-beauty-el-bg-dodoria60{background-color:var(--colors-supportive-dodoria-60)}.react-beauty-el-bg-dodoria10{background-color:var(--colors-supportive-dodoria-10)}.react-beauty-el-bg-cell{background-color:var(--colors-supportive-cell)}.react-beauty-el-bg-cell60{background-color:var(--colors-supportive-cell-60)}.react-beauty-el-bg-cell10{background-color:var(--colors-supportive-cell-10)}.react-beauty-el-bg-raditz{background-color:var(--colors-supportive-raditz)}.react-beauty-el-bg-raditz60{background-color:var(--colors-supportive-raditz-60)}.react-beauty-el-bg-raditz10{background-color:var(--colors-supportive-raditz-10)}.react-beauty-el-bg-whis{background-color:var(--colors-supportive-whis)}.react-beauty-el-bg-whis60{background-color:var(--colors-supportive-whis-60)}.react-beauty-el-bg-whis10{background-color:var(--colors-supportive-whis-10)}.react-beauty-el-bg-frieza{background-color:var(--colors-supportive-frieza)}.react-beauty-el-bg-frieza60{background-color:var(--colors-supportive-frieza-60)}.react-beauty-el-bg-frieza10{background-color:var(--colors-supportive-frieza-10)}.react-beauty-el-bg-nappa{background-color:var(--colors-supportive-nappa)}.react-beauty-el-bg-nappa60{background-color:var(--colors-supportive-nappa-60)}.react-beauty-el-bg-nappa10{background-color:var(--colors-supportive-nappa-10)}.react-beauty-el-text-krilin{color:var(--colors-supportive-krilin)}.react-beauty-el-text-chichi{color:var(--colors-supportive-chichi)}.react-beauty-el-text-roshi{color:var(--colors-supportive-roshi)}.react-beauty-el-text-dodoria{color:var(--colors-supportive-dodoria)}.react-beauty-el-text-cell{color:var(--colors-supportive-cell)}.react-beauty-el-text-raditz{color:var(--colors-supportive-raditz)}.react-beauty-el-text-whis{color:var(--colors-supportive-whis)}.react-beauty-el-text-frieza{color:var(--colors-supportive-frieza)}.react-beauty-el-text-nappa{color:var(--colors-supportive-nappa)}.react-beauty-el-border-krilin{border-color:var(--colors-supportive-krilin)}.react-beauty-el-border-chichi{border-color:var(--colors-supportive-chichi)}.react-beauty-el-border-roshi{border-color:var(--colors-supportive-roshi)}.react-beauty-el-border-dodoria{border-color:var(--colors-supportive-dodoria)}.react-beauty-el-border-cell{border-color:var(--colors-supportive-cell)}.react-beauty-el-border-raditz{border-color:var(--colors-supportive-raditz)}.react-beauty-el-border-whis{border-color:var(--colors-supportive-whis)}.react-beauty-el-border-frieza{border-color:var(--colors-supportive-frieza)}.react-beauty-el-border-nappa{border-color:var(--colors-supportive-nappa)}.react-beauty-el-opacity10{opacity:.1}.react-beauty-el-opacity20{opacity:.2}.react-beauty-el-opacity40{opacity:.4}.react-beauty-el-opacity60{opacity:.6}.react-beauty-el-opacity80{opacity:.8}.react-beauty-el-shadow-picollo{box-shadow:0 2px 8px var(--colors-main-picollo)}.react-beauty-el-shadow-hit{box-shadow:0 2px 8px var(--colors-main-hit)}.react-beauty-el-shadow-zeno{box-shadow:0 2px 8px var(--colors-main-zeno)}.react-beauty-el-focus-ring-picollo{box-shadow:0 0 0 4px color-mix(in srgb,var(--colors-main-picollo) 20%,transparent)}.react-beauty-el-focus-ring-hit{box-shadow:0 0 0 4px color-mix(in srgb,var(--colors-main-hit) 20%,transparent)}.react-beauty-el-focus-ring-whis{box-shadow:0 0 0 4px color-mix(in srgb,var(--colors-supportive-whis) 20%,transparent)}.react-beauty-el-gradient-picollo-hit{background:linear-gradient(135deg,var(--colors-main-picollo),var(--colors-main-hit))}.react-beauty-el-gradient-krilin-chichi{background:linear-gradient(135deg,var(--colors-supportive-krilin),var(--colors-supportive-chichi))}.react-beauty-el-gradient-dodoria-roshi{background:linear-gradient(135deg,var(--colors-supportive-dodoria),var(--colors-supportive-roshi))}