:root{--color-base-cream-main: #FBF9F6;--color-base-cream-light: #FFFFFF;--color-base-cream-dark: #EBE9E6;--color-base-cacao-main: #E8E5E0;--color-base-cacao-light: #F2EFEC;--color-base-cacao-dark: #D9D6D1;--color-base-milk-cocoa-main: #C3BDB7;--color-base-milk-cocoa-light: #D1CBC5;--color-base-milk-cocoa-dark: #B5AFA9;--color-base-bitter-choco-main: #564C45;--color-base-bitter-choco-light: #665A52;--color-base-bitter-choco-dark: #473E38;--color-base-almond-main: #9E8879;--color-base-almond-light: #B09A8B;--color-base-almond-dark: #8C7667;--color-base-almond-contrast-text: #FFFFFF;--color-base-caramel-main: #B59374;--color-base-caramel-light: #C4A283;--color-base-caramel-dark: #A68465;--color-base-caramel-contrast-text: #FFFFFF;--color-base-pistachio-main: #B7C0A6;--color-base-pistachio-light: #C5CEB4;--color-base-pistachio-dark: #A9B298;--color-base-pistachio-contrast-text: #564C45;--color-base-lavender-main: #B7A6C0;--color-base-lavender-light: #C5B4CE;--color-base-lavender-dark: #A998B2;--color-base-lavender-contrast-text: #564C45;--color-base-framboise-main: #C0A6AB;--color-base-framboise-light: #CEB4B9;--color-base-framboise-dark: #B2989D;--color-base-framboise-contrast-text: #564C45;--color-base-lemon-main: #C3BBA1;--color-base-lemon-light: #D1C9AF;--color-base-lemon-dark: #B5AD93;--color-base-lemon-contrast-text: #564C45;--color-base-mint-main: #A6C0BB;--color-base-mint-light: #B4CEC9;--color-base-mint-dark: #98B2AD;--color-base-success-main: #6EAB8A;--color-base-success-light: #7FB99B;--color-base-success-dark: #5D9D79;--color-base-success-contrast-text: #FFFFFF;--color-base-warning-main: #BF975C;--color-base-warning-light: #CFA56A;--color-base-warning-dark: #AF894E;--color-base-warning-contrast-text: #FFFFFF;--color-base-error-main: #B35C5C;--color-base-error-light: #C16A6A;--color-base-error-dark: #A54E4E;--color-base-error-contrast-text: #FFFFFF;--color-base-discord-blurple: #5865F2;--color-base-discord-blurple-dark: #4752C4;--color-base-discord-blurple-soft: #7B73C0;--color-base-discord-blurple-soft-dark: #6A63AD;--color-base-discord-dark: #36393f;--color-base-discord-dark-embed: #2f3136;--color-base-discord-dark-button: #4f545c;--color-base-discord-secondary-text: #72767d;--color-base-discord-message-text: #dcddde;--color-base-neutral-50: #FAFAFA;--color-base-neutral-100: #F5F5F5;--color-base-neutral-200: #EEEEEE;--color-base-neutral-300: #E0E0E0;--color-base-neutral-400: #BDBDBD;--color-base-neutral-500: #9E9E9E;--color-base-neutral-600: #757575;--color-base-neutral-700: #616161;--color-base-neutral-800: #424242;--color-base-neutral-900: #212121;--color-base-alpha-white25: rgba(255, 255, 255, .25);--color-base-alpha-white30: rgba(255, 255, 255, .3);--color-base-alpha-black10: rgba(0, 0, 0, .1);--color-semantic-text-light: rgba(255, 255, 255, .7);--feedback-toast-duration: 3000;--feedback-tooltip-delay: 400;--feedback-validation-debounce: 300;--motion-natural-type: spring;--motion-natural-stiffness: 100;--motion-natural-damping: 20;--motion-natural-mass: 1;--motion-bouncy-type: spring;--motion-bouncy-stiffness: 200;--motion-bouncy-damping: 10;--motion-immediate-duration: .1;--motion-immediate-ease: easeOut;--motion-css-natural: transform .4s cubic-bezier(.175, .885, .32, 1.275);--motion-css-hover: all .3s cubic-bezier(.25, .8, .25, 1);--shadow-floating: 20px 20px 60px #bebebe, -20px -20px 60px #ffffff;--shadow-inner: inset 5px 5px 10px #bebebe, inset -5px -5px 10px #ffffff;--shadow-pressed: inset 8px 8px 16px #bebebe, inset -8px -8px 16px #ffffff;--shadow-soft: 10px 10px 30px #d1d1d1, -10px -10px 30px #ffffff;--shadow-glass: 0 8px 32px 0 rgba(86, 76, 69, .25);--typography-font-family-main: "M PLUS Rounded 1c", Roboto, "Helvetica", Arial, sans-serif;--typography-font-family-code: monospace;--typography-size-h1: clamp(2rem, 5vw + 1rem, 4rem);--typography-size-h2: clamp(1.5rem, 4vw + 1rem, 3rem);--typography-size-h3: clamp(1.25rem, 3vw + 1rem, 2.5rem);--typography-size-body1: clamp(1rem, 1vw + .5rem, 1.25rem);--typography-size-body2: clamp(.875rem, .5vw + .5rem, 1rem);--z-index-floor: 0;--z-index-content: 10;--z-index-floating: 100;--z-index-sticky: 200;--z-index-overlay: 300;--z-index-modal: 400;--z-index-toast: 500;--z-index-tooltip: 600;--color-base-mint-contrast-text: var(--color-base-bitter-choco-main);--color-semantic-primary-main: var(--color-base-almond-main);--color-semantic-primary-light: var(--color-base-almond-light);--color-semantic-primary-dark: var(--color-base-almond-dark);--color-semantic-primary-contrast-text: var(--color-base-almond-contrast-text);--color-semantic-secondary-main: var(--color-base-caramel-main);--color-semantic-secondary-light: var(--color-base-caramel-light);--color-semantic-secondary-dark: var(--color-base-caramel-dark);--color-semantic-secondary-contrast-text: var(--color-base-caramel-contrast-text);--color-semantic-background-default: var(--color-base-cream-main);--color-semantic-background-paper: var(--color-base-cacao-main);--color-semantic-text-primary: var(--color-base-bitter-choco-main);--color-semantic-text-secondary: var(--color-base-almond-main);--color-semantic-divider: var(--color-base-milk-cocoa-main);--color-semantic-role-host-main: var(--color-base-pistachio-main);--color-semantic-role-host-contrast-text: var(--color-base-pistachio-contrast-text);--color-semantic-role-staff-main: var(--color-base-lavender-main);--color-semantic-role-staff-contrast-text: var(--color-base-lavender-contrast-text);--color-semantic-role-guest-main: var(--color-base-framboise-main);--color-semantic-role-guest-contrast-text: var(--color-base-framboise-contrast-text);--color-semantic-role-common-main: var(--color-base-lemon-main);--color-semantic-role-common-contrast-text: var(--color-base-lemon-contrast-text);--color-semantic-role-mint-main: var(--color-base-mint-main);--color-semantic-state-success-main: var(--color-base-success-main);--color-semantic-state-success-light: var(--color-base-success-light);--color-semantic-state-success-dark: var(--color-base-success-dark);--color-semantic-state-success-contrast-text: var(--color-base-success-contrast-text);--color-semantic-state-warning-main: var(--color-base-warning-main);--color-semantic-state-warning-light: var(--color-base-warning-light);--color-semantic-state-warning-dark: var(--color-base-warning-dark);--color-semantic-state-warning-contrast-text: var(--color-base-warning-contrast-text);--color-semantic-state-error-main: var(--color-base-error-main);--color-semantic-state-error-light: var(--color-base-error-light);--color-semantic-state-error-dark: var(--color-base-error-dark);--color-semantic-state-error-contrast-text: var(--color-base-error-contrast-text);--color-semantic-field-default-border: var(--color-base-milk-cocoa-main);--color-semantic-field-default-text: var(--color-base-milk-cocoa-dark);--color-semantic-field-default-background: var(--color-base-cream-main);--color-semantic-field-active-border: var(--color-base-bitter-choco-main);--color-semantic-field-active-text: var(--color-base-bitter-choco-main);--color-semantic-field-filled-border: var(--color-base-almond-main);--color-semantic-field-filled-text: var(--color-base-almond-main);--color-semantic-field-error-border: var(--color-base-error-main);--color-semantic-field-error-text: var(--color-base-error-dark);--color-semantic-menu-default-text: var(--color-base-bitter-choco-main);--color-semantic-menu-selected-text: var(--color-base-almond-contrast-text);--color-semantic-menu-selected-background: var(--color-base-almond-main);--color-semantic-menu-category-text: var(--color-base-caramel-dark);--color-semantic-menu-category-background: var(--color-base-caramel-light);--color-semantic-menu-system-text: var(--color-base-pistachio-contrast-text);--color-semantic-menu-system-background: var(--color-base-pistachio-light);--color-semantic-heading-page-text: var(--color-base-bitter-choco-main);--color-semantic-heading-page-border: var(--color-base-bitter-choco-light);--color-semantic-heading-step-text: var(--color-base-caramel-dark);--color-semantic-heading-step-border: var(--color-base-caramel-main);--color-semantic-heading-action-text: var(--color-base-pistachio-contrast-text);--color-semantic-heading-action-border: var(--color-base-pistachio-dark);--color-semantic-heading-action-background: var(--color-base-pistachio-light);--color-semantic-surface-background-active: var(--color-base-cream-light);--color-semantic-surface-background-enabled: var(--color-base-cream-main);--color-semantic-surface-background-disabled: var(--color-base-cacao-main);--color-semantic-surface-background-error: var(--color-base-error-light);--color-semantic-surface-border-active: var(--color-base-bitter-choco-main);--color-semantic-surface-border-default: var(--color-base-almond-main);--color-semantic-surface-accent-main: var(--color-base-pistachio-main);--color-semantic-button-action-main: var(--color-base-pistachio-main);--color-semantic-button-action-light: var(--color-base-pistachio-light);--color-semantic-button-action-dark: var(--color-base-pistachio-dark);--color-semantic-button-action-contrast-text: var(--color-base-pistachio-contrast-text);--color-semantic-button-navigation-main: var(--color-base-bitter-choco-main);--color-semantic-button-navigation-light: var(--color-base-bitter-choco-light);--color-semantic-button-navigation-dark: var(--color-base-bitter-choco-dark);--color-semantic-button-navigation-contrast-text: var(--color-base-cream-main);--color-semantic-button-destructive-main: var(--color-base-error-main);--color-semantic-button-destructive-light: var(--color-base-error-light);--color-semantic-button-destructive-dark: var(--color-base-error-dark);--color-semantic-button-destructive-contrast-text: var(--color-base-error-contrast-text);--color-semantic-button-disabled-background: var(--color-base-milk-cocoa-main);--color-semantic-button-disabled-text: var(--color-base-milk-cocoa-dark);--color-semantic-role-mint-contrast-text: var(--color-base-mint-contrast-text);--color-semantic-surface-border-error: var(--color-semantic-state-error-main);--color-semantic-surface-accent-error: var(--color-semantic-state-error-main)}body{margin:0;min-width:320px;min-height:100vh}