:root{--gropyus-components-avatar-on-surface-color: rgba(255, 255, 255, .92);--gropyus-components-avatar-teal-surface-color: #b3e5e3;--gropyus-components-avatar-orange-surface-color: #ffab82;--gropyus-components-avatar-blue-surface-color: #82bfe3;--gropyus-components-avatar-yellow-surface-color: #f4e590;--gropyus-components-avatar-lilac-surface-color: #9fa0ff;--gropyus-components-avatar-grey-surface-color: #b3b9b9;--gropyus-components-badge-positive-on-surface-color: rgba(3, 24, 24, .9);--gropyus-components-badge-positive-surface-color: #74d284;--gropyus-components-badge-informative-on-surface-color: rgba(3, 24, 24, .9);--gropyus-components-badge-informative-surface-color: #7e7ef6;--gropyus-components-badge-warning-on-surface-color: rgba(3, 24, 24, .9);--gropyus-components-badge-warning-surface-color: #f0dc69;--gropyus-components-badge-negative-on-surface-color: rgba(3, 24, 24, .9);--gropyus-components-badge-negative-surface-color: #f07669;--gropyus-components-badge-neutral-on-surface-color: rgba(3, 24, 24, .9);--gropyus-components-badge-neutral-surface-color: rgba(255, 255, 255, .92);--gropyus-components-badge-orange-on-surface-color: rgba(3, 24, 24, .9);--gropyus-components-badge-orange-surface-color: #ffab82;--gropyus-components-badge-blue-on-surface-color: rgba(3, 24, 24, .9);--gropyus-components-badge-blue-surface-color: #82bfe3;--gropyus-components-badge-teal-on-surface-color: rgba(3, 24, 24, .9);--gropyus-components-badge-teal-surface-color: #b3e5e3;--gropyus-components-badge-grey-on-surface-color: rgba(3, 24, 24, .9);--gropyus-components-badge-grey-surface-color: #b3b9b9;--gropyus-components-button-primary-default-surface-color: #7e7ef6;--gropyus-components-button-primary-hover-surface-color: #9fa0ff;--gropyus-components-button-primary-pressed-surface-color: #b8baf9;--gropyus-components-button-primary-disabled-surface-color: rgba(126, 126, 246, .4);--gropyus-components-button-primary-on-surface-color: rgba(3, 24, 24, .9);--gropyus-components-button-secondary-default-surface-color: rgba(255, 255, 255, .12);--gropyus-components-button-secondary-hover-surface-color: rgba(255, 255, 255, .2);--gropyus-components-button-secondary-pressed-surface-color: rgba(255, 255, 255, .3);--gropyus-components-button-secondary-disabled-surface-color: rgba(255, 255, 255, .4);--gropyus-components-button-secondary-on-surface-color: rgba(255, 255, 255, .92);--gropyus-components-button-negative-default-surface-color: #f07669;--gropyus-components-button-negative-hover-surface-color: #f49a90;--gropyus-components-button-negative-pressed-surface-color: #f9c9c4;--gropyus-components-button-negative-disabled-surface-color: rgba(240, 118, 105, .4);--gropyus-components-button-negative-on-surface-color: rgba(3, 24, 24, .9);--gropyus-components-button-primary-quiet-default-surface-color: #7e7ef6;--gropyus-components-button-primary-quiet-hover-surface-color: #9fa0ff;--gropyus-components-button-primary-quiet-pressed-surface-color: #b8baf9;--gropyus-components-button-primary-quiet-disabled-surface-color: rgba(126, 126, 246, .4);--gropyus-components-button-negative-quiet-default-surface-color: #f07669;--gropyus-components-button-negative-quiet-hover-surface-color: #f49a90;--gropyus-components-button-negative-quiet-pressed-surface-color: #f9c9c4;--gropyus-components-button-negative-quiet-disabled-surface-color: rgba(240, 118, 105, .4);--gropyus-components-card-on-surface-color: rgba(255, 255, 255, .92);--gropyus-components-card-flat-default-border-color: rgba(255, 255, 255, .12);--gropyus-components-card-flat-default-surface-color: #102424;--gropyus-components-card-flat-hover-border-color: rgba(255, 255, 255, .3);--gropyus-components-card-flat-hover-surface-color: #102424;--gropyus-components-card-flat-pressed-border-color: #7e7ef6;--gropyus-components-card-flat-pressed-surface-color: #102424;--gropyus-components-card-flat-focus-border-color: #ffffff;--gropyus-components-card-flat-focus-surface-color: #102424;--gropyus-components-card-elevated-default-border-color: rgba(255, 255, 255, .12);--gropyus-components-card-elevated-default-surface-color: #102424;--gropyus-components-card-elevated-hover-border-color: rgba(255, 255, 255, .3);--gropyus-components-card-elevated-hover-surface-color: #223434;--gropyus-components-card-elevated-pressed-border-color: #7e7ef6;--gropyus-components-card-elevated-pressed-surface-color: #102424;--gropyus-components-card-elevated-focus-border-color: #ffffff;--gropyus-components-card-elevated-focus-surface-color: #102424;--gropyus-components-card-outlined-default-border-color: rgba(255, 255, 255, .12);--gropyus-components-card-outlined-default-surface-color: rgba(0, 0, 0, 0);--gropyus-components-card-outlined-hover-border-color: rgba(255, 255, 255, .3);--gropyus-components-card-outlined-hover-surface-color: rgba(0, 0, 0, 0);--gropyus-components-card-outlined-pressed-border-color: #7e7ef6;--gropyus-components-card-outlined-pressed-surface-color: rgba(0, 0, 0, 0);--gropyus-components-card-outlined-focus-border-color: #ffffff;--gropyus-components-card-outlined-focus-surface-color: rgba(0, 0, 0, 0);--gropyus-components-checkbox-default-border-color: rgba(255, 255, 255, .92);--gropyus-components-checkbox-default-surface-color: rgba(0, 0, 0, 0);--gropyus-components-checkbox-checked-border-color: #7e7ef6;--gropyus-components-checkbox-checked-surface-color: #7e7ef6;--gropyus-components-checkbox-checked-on-surface-color: rgba(3, 24, 24, .9);--gropyus-components-checkbox-indeterminate-border-color: #7e7ef6;--gropyus-components-checkbox-indeterminate-surface-color: #7e7ef6;--gropyus-components-checkbox-indeterminate-on-surface-color: rgba(3, 24, 24, .9);--gropyus-components-checkbox-disabled-border-color: rgba(255, 255, 255, .92);--gropyus-components-checkbox-disabled-surface-color: rgba(0, 0, 0, 0);--gropyus-components-dialog-border-color: rgba(255, 255, 255, .12);--gropyus-components-dialog-surface-color: #223434;--gropyus-components-dialog-overlay-color: #031818;--gropyus-components-icon-button-primary-default-surface-color: #7e7ef6;--gropyus-components-icon-button-primary-hover-surface-color: #9fa0ff;--gropyus-components-icon-button-primary-pressed-surface-color: #b8baf9;--gropyus-components-icon-button-primary-disabled-surface-color: rgba(126, 126, 246, .4);--gropyus-components-icon-button-primary-on-surface-color: rgba(3, 24, 24, .9);--gropyus-components-icon-button-secondary-default-surface-color: rgba(255, 255, 255, .12);--gropyus-components-icon-button-secondary-hover-surface-color: rgba(255, 255, 255, .2);--gropyus-components-icon-button-secondary-pressed-surface-color: rgba(255, 255, 255, .3);--gropyus-components-icon-button-secondary-disabled-surface-color: rgba(255, 255, 255, .4);--gropyus-components-icon-button-secondary-on-surface-color: rgba(255, 255, 255, .92);--gropyus-components-icon-button-primary-quiet-default-surface-color: #7e7ef6;--gropyus-components-icon-button-primary-quiet-hover-surface-color: #9fa0ff;--gropyus-components-icon-button-primary-quiet-pressed-surface-color: #b8baf9;--gropyus-components-icon-button-primary-quiet-disabled-surface-color: rgba(126, 126, 246, .4);--gropyus-components-icon-button-neutral-quiet-default-surface-color: rgba(255, 255, 255, .92);--gropyus-components-icon-button-neutral-quiet-hover-surface-color: rgba(255, 255, 255, .8);--gropyus-components-icon-button-neutral-quiet-pressed-surface-color: rgba(255, 255, 255, .7);--gropyus-components-icon-button-neutral-quiet-disabled-surface-color: rgba(255, 255, 255, .4);--gropyus-components-icon-button-positive-default-surface-color: #74d284;--gropyus-components-icon-button-positive-hover-surface-color: #93dc9f;--gropyus-components-icon-button-positive-pressed-surface-color: #b2e6bb;--gropyus-components-icon-button-positive-disabled-surface-color: rgba(116, 210, 132, .4);--gropyus-components-icon-button-positive-on-surface-color: rgba(3, 24, 24, .9);--gropyus-components-icon-button-neutral-default-surface-color: rgba(255, 255, 255, .92);--gropyus-components-icon-button-neutral-hover-surface-color: rgba(255, 255, 255, .8);--gropyus-components-icon-button-neutral-pressed-surface-color: rgba(255, 255, 255, .7);--gropyus-components-icon-button-neutral-disabled-surface-color: rgba(255, 255, 255, .4);--gropyus-components-icon-button-neutral-on-surface-color: rgba(3, 24, 24, .9);--gropyus-components-icon-button-warning-default-surface-color: #f0dc69;--gropyus-components-icon-button-warning-hover-surface-color: #f4e590;--gropyus-components-icon-button-warning-pressed-surface-color: #f9f1c4;--gropyus-components-icon-button-warning-disabled-surface-color: rgba(240, 220, 105, .4);--gropyus-components-icon-button-warning-on-surface-color: rgba(3, 24, 24, .9);--gropyus-components-icon-button-error-default-surface-color: #f07669;--gropyus-components-icon-button-error-hover-surface-color: #f49a90;--gropyus-components-icon-button-error-pressed-surface-color: #f9c9c4;--gropyus-components-icon-button-error-disabled-surface-color: rgba(240, 118, 105, .4);--gropyus-components-icon-button-error-on-surface-color: rgba(3, 24, 24, .9);--gropyus-components-notification-badge-stroke-box-shadow: 0px 1px 3px rgba(16, 24, 40, .4), 0px 1px 2px rgba(3, 24, 24, .64);--gropyus-components-radio-group-default-border-color: rgba(255, 255, 255, .92);--gropyus-components-radio-group-default-surface-color: rgba(0, 0, 0, 0);--gropyus-components-radio-group-checked-border-color: rgba(255, 255, 255, .92);--gropyus-components-radio-group-checked-surface-color: #7e7ef6;--gropyus-components-switch-default-surface-color: #b3b9b9;--gropyus-components-switch-default-on-surface-color: #ffffff;--gropyus-components-switch-checked-surface-color: #7e7ef6;--gropyus-components-switch-checked-on-surface-color: #ffffff;--gropyus-components-switch-focused-border-color: #102424;--gropyus-components-tabs-tab-surface-color: rgba(0, 0, 0, 0);--gropyus-components-tabs-tab-default-on-surface-color: rgba(255, 255, 255, .92);--gropyus-components-tabs-tab-hover-on-surface-color: #9fa0ff;--gropyus-components-tabs-tab-selected-on-surface-color: rgba(255, 255, 255, .92);--gropyus-components-tabs-tab-disabled-on-surface-color: rgba(255, 255, 255, .4);--gropyus-components-tabs-tab-stroke-color: #7e7ef6;--gropyus-box-shadow-xs: 0px 1px 3px rgba(16, 24, 40, .4), 0px 1px 2px rgba(3, 24, 24, .64);--gropyus-box-shadow-s: 0px 4px 8px -2px rgba(3, 24, 24, .4), 0px 2px 4px -2px rgba(16, 24, 40, .56);--gropyus-box-shadow-m: 0px 12px 16px -4px rgba(3, 24, 24, .56), 0px 4px 6px -2px rgba(3, 24, 24, .56);--gropyus-box-shadow-l: 0px 18px 28px -4px rgba(3, 24, 24, .64), 0px 8px 8px -4px rgba(3, 24, 24, .4);--gropyus-box-shadow-xl: 0px -1px 4px rgba(3, 24, 24, .42), 0px 32px 64px -12px rgba(3, 24, 24, .72);--gropyus-color-primary-default: #7e7ef6;--gropyus-color-primary-hover: #9fa0ff;--gropyus-color-primary-pressed: #b8baf9;--gropyus-color-primary-disabled: rgba(126, 126, 246, .4);--gropyus-color-primary-on-primary: rgba(3, 24, 24, .9);--gropyus-color-secondary-default: rgba(255, 255, 255, .12);--gropyus-color-secondary-hover: rgba(255, 255, 255, .2);--gropyus-color-secondary-pressed: rgba(255, 255, 255, .3);--gropyus-color-secondary-disabled: rgba(255, 255, 255, .4);--gropyus-color-secondary-on-secondary: rgba(255, 255, 255, .92);--gropyus-color-tertiary-default: #b8baf9;--gropyus-color-tertiary-hover: #9fa0ff;--gropyus-color-tertiary-pressed: #7e7ef6;--gropyus-color-tertiary-disabled: rgba(184, 186, 249, .4);--gropyus-color-tertiary-on-tertiary: #20206e;--gropyus-color-neutral-default: rgba(255, 255, 255, .92);--gropyus-color-neutral-hover: rgba(255, 255, 255, .8);--gropyus-color-neutral-pressed: rgba(255, 255, 255, .7);--gropyus-color-neutral-disabled: rgba(255, 255, 255, .4);--gropyus-color-neutral-on-neutral: rgba(3, 24, 24, .9);--gropyus-color-confirmation-default: #74d284;--gropyus-color-confirmation-hover: #93dc9f;--gropyus-color-confirmation-pressed: #b2e6bb;--gropyus-color-confirmation-disabled: rgba(116, 210, 132, .4);--gropyus-color-confirmation-on-confirmation: rgba(3, 24, 24, .9);--gropyus-color-warning-default: #f0dc69;--gropyus-color-warning-hover: #f4e590;--gropyus-color-warning-pressed: #f9f1c4;--gropyus-color-warning-disabled: rgba(240, 220, 105, .4);--gropyus-color-warning-on-warning: rgba(3, 24, 24, .9);--gropyus-color-error-default: #f07669;--gropyus-color-error-hover: #f49a90;--gropyus-color-error-pressed: #f9c9c4;--gropyus-color-error-disabled: rgba(240, 118, 105, .4);--gropyus-color-error-on-error: rgba(3, 24, 24, .9);--gropyus-color-surface-default: #223434;--gropyus-color-surface-on-surface: rgba(255, 255, 255, .92);--gropyus-color-surface-primary: #20206e;--gropyus-color-surface-on-surface-primary: rgba(255, 255, 255, .92);--gropyus-color-surface-neutral: #ffffff;--gropyus-color-surface-on-surface-neutral: rgba(3, 24, 24, .9);--gropyus-color-descriptive-orange-default: #ffab82;--gropyus-color-descriptive-orange-on-orange: rgba(3, 24, 24, .9);--gropyus-color-descriptive-teal-default: #b3e5e3;--gropyus-color-descriptive-teal-on-teal: rgba(3, 24, 24, .9);--gropyus-color-descriptive-blue-default: #82bfe3;--gropyus-color-descriptive-blue-on-blue: rgba(3, 24, 24, .9);--gropyus-color-descriptive-grey-default: #b3b9b9;--gropyus-color-descriptive-grey-on-grey: rgba(3, 24, 24, .9);--gropyus-color-descriptive-yellow-default: #f4e590;--gropyus-color-descriptive-yellow-on-yellow: rgba(3, 24, 24, .9);--gropyus-color-typography-inherit: #000000;--gropyus-color-typography-default: rgba(255, 255, 255, .92);--gropyus-color-typography-secondary: rgba(255, 255, 255, .7);--gropyus-color-typography-variation: rgba(3, 24, 24, .9)}