@yoobic/yobi 8.1.0-48 → 8.1.0-49

package/dist/collection/components/storybook-grid/storybook-grid.css

@@ -1,3442 +0,0 @@
-:root {
-  --ease-in-back: cubic-bezier(0.36, 0, 0.66, -0.56);
-  --ease-in-circ: cubic-bezier(0.55, 0, 1, 0.45);
-  --ease-in-cubic: cubic-bezier(0.32, 0, 0.67, 0);
-  --ease-in-expo: cubic-bezier(0.7, 0, 0.84, 0);
-  --ease-in-quad: cubic-bezier(0.11, 0, 0.5, 0);
-  --ease-in-quart: cubic-bezier(0.5, 0, 0.75, 0);
-  --ease-in-quint: cubic-bezier(0.64, 0, 0.78, 0);
-  --ease-in-sine: cubic-bezier(0.12, 0, 0.39, 0);
-  --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
-  --ease-out-circ: cubic-bezier(0, 0.55, 0.45, 1);
-  --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
-  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
-  --ease-out-quad: cubic-bezier(0.5, 1, 0.89, 1);
-  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
-  --ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1);
-  --ease-out-sine: cubic-bezier(0.61, 1, 0.88, 1);
-  --ease-in-out-back: cubic-bezier(0.68, -0.6, 0.32, 1.6);
-  --ease-in-out-circ: cubic-bezier(0.85, 0, 0.15, 1);
-  --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);
-  --ease-in-out-expo: cubic-bezier(0.87, 0, 0.13, 1);
-  --ease-in-out-quad: cubic-bezier(0.45, 0, 0.55, 1);
-  --ease-in-out-quart: cubic-bezier(0.76, 0, 0.24, 1);
-  --ease-in-out-quint: cubic-bezier(0.83, 0, 0.17, 1);
-  --ease-in-out-sine: cubic-bezier(0.37, 0, 0.63, 1);
-}
-
-/* app direction */
-/* border-radius */
-/* border-width */
-/* font family */
-/* font-size */
-/* font weights */
-/* icon size */
-/* used for logos */
-/* spacing for padding, margin, etc... */
-/* shadow */
-/* Z-Index (Ionic)
---------------------------------------------------
-Grouped by elements which would be siblings */
-/* Hairlines width */
-/* Default Colors
----------------------------------- */
-/* Private color variables */
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff;*/
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff; */
-/* Color map should provide
-- base: main color to be used.
-- contrast: Color that will provide readable text against the base color
-- shade: 12% darker version of the base color (mix with black)
-- tint: 10% lighter version of the base color (mix with white) */
-/* Themed Colors
-
- Default Foreground and Background Colors values
- Allows users to override an foreground / background colors
- $background-color-value:            $light !default;
- $background-color-rgb:              255, 255, 255 !default; */
-/* Default Foreground and Background Colors
--------------------------------------------------- */
-/* Default General Colors
--------------------------------------------------- */
-/* Default List & List Items
--------------------------------------------------- */
-/* Item Divider */
-/* iOS List & List Items
--------------------------------------------------- */
-/* Default Toolbar
---------------------------------------------------*/
-/* iOS Toolbar
---------------------------------------------------*/
-/* Default Tabs & Tab bar
---------------------------------------------------*/
-/* iOS Tabs & Tab bar
---------------------------------------------------*/
-/* Function related variables
---------------------------------------------------*/
-/* Gets the active color's css variable from a variation. Alpha is optional.
---------------------------------------------------------------------------------------------
-Example usage:
-current-color(base) => var(--ion-color-base)
-current-color(contrast, 0.1) => rgba(var(--ion-color-contrast-rgb), 0.1)
---------------------------------------------------------------------------------------------*/
-/* Gets the specific color's css variable from the name and variation. Alpha/rgb are optional.
---------------------------------------------------------------------------------------------
-Example usage:
-ion-color(primary, base) => var(--ion-color-primary, #3880ff)
-ion-color(secondary, contrast) => var(--ion-color-secondary-contrast)
-ion-color(primary, base, 0.5) => rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.5)
---------------------------------------------------------------------------------------------*/
-/* Mixes a color with black to create its shade.
---------------------------------------------------------------------------------------------*/
-/*Mixes a color with white to create its tint.
---------------------------------------------------------------------------------------------*/
-/* Converts a color to a comma separated rgb.
---------------------------------------------------------------------------------------------*/
-/* Str functions.
-___________________________________________________________________________________________*/
-/* Creates a pulse animation.
-  @param {color} $begin-color [stable-20] - starting color for pulse.
-  @param {color} $end-color [stable-20] - ending color for pulse.
-  @author Ben Morgan
-  @author Damien Arondel 
-*/
-/* Execute a content if the hover state is supported.
-
- @content the content to execute if relevant
- @author Ben Morgan
- @author Damien Arondel
-*/
-/* Properly hide overflow on rounded corner elements for Webkit based browsers.
- This mixin must be used at the same level as `overflow: hidden` and `border-radius: ...`.
-
- @link https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7
- @author Ben Morgan
- @author Damien Arondel
-*/
-/* Truncate every overflown elements with an ellipsis.
- This mixin does not work with flex box on the same level.
-
- @author Ben Morgan
- @author Damien Arondel
-*/
-/* Truncate text at a specific number of lines.
- */
-/* app direction */
-/* border-radius */
-/* border-width */
-/* font family */
-/* font-size */
-/* font weights */
-/* icon size */
-/* used for logos */
-/* spacing for padding, margin, etc... */
-/* shadow */
-/* https://web-design-weekly.com/2013/05/12/handy-sass-mixins/ */
-/* Single side border-radius */
-/* Text Direction - ltr / rtl
-$app-direction: multi | rtl | ltr | null (default)
-multi: Both [dir=ltr] and [dir=rtl] are applied to css selectors.
-rtl: Always assumes rtl and only includes rtl css. No [dir] selectors.
-ltr: Always assumes ltr and only includes ltr css. No [dir] selectors.
-null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override ltr defaults.
----------------------------------------------------------- */
-/* Add property horizontal
- @param {string} $start
- @param {string} $end
-----------------------------------------------------------*/
-/* Add property for all directions
-  @param {string} $prop
-  @param {string} $top
-  @param {string} $end
-  @param {string} $bottom
-  @param {string} $start
-  @param {boolean} $content include content or use default
-----------------------------------------------------------*/
-/* Add margin for all directions
-  @param {string} $top
-  @param {string} $end
-  @param {string} $bottom
-  @param {string} $start
-----------------------------------------------------------*/
-/* Add padding for all directions
-  @param {string} $top
-  @param {string} $end
-  @param {string} $bottom
-  @param {string} $start
-----------------------------------------------------------*/
-/*Font smoothing
---------------------------------------------------*/
-/* SVG Background Image Mixin
-  @param {string} $svg
-----------------------------------------------------------*/
-/* Add padding horizontal
-  @param {string} $start
-  @param {string} $end
-----------------------------------------------------------*/
-/* Add margin horizontal
- @param {string} $start
- @param {string} $end
-----------------------------------------------------------*/
-/* Add safe area padding horizontal
-  @param {string} $start
-  @param {string} $end
-----------------------------------------------------------*/
-/* Add border radius for all directions
-  @param {string} $top-start
-  @param {string} $top-end
-  @param {string} $bottom-end
-  @param {string} $bottom-start
-----------------------------------------------------------*/
-/* Sets correct text align with support for old browsers
-  @param {string} $direction - text direction
-  @param {string} $decorator - !important
-----------------------------------------------------------*/
-/* Add position for all directions
-  @param {string} $top
-  @param {string} $end
-  @param {string} $bottom
-  @param {string} $start
-----------------------------------------------------------*/
-/* Add position horizontal
-  @param {string} $start - amount to position start
-  @param {string} $end - amount to left: 0; end
-----------------------------------------------------------*/
-/**
- * NOTE DO NOT USE FOR NEW COMPONENTS
- * LEGACY CODE -- Styles maintained only to prevent breaking changes
- * For all Font Sizes please use the appropreate font-size-XX Variables.
- */
-/**
-* Global style mixin for being able to change the background / font-color and border-color
-* programmatically using global classes
-*/
-.tippy-box,
-.tippy-popper {
-  line-height: 1;
-  white-space: pre-wrap;
-}
-.tippy-box .tippy-tooltip,
-.tippy-popper .tippy-tooltip {
-  padding: var(--spacing-02, 0.125rem);
-}
-
-.tippy-box {
-  box-shadow: var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));
-}
-.tippy-box .tippy-content.editable {
-  padding: 0;
-}
-.tippy-box .tippy-content .flex {
-  display: flex;
-  justify-content: space-around;
-}
-.tippy-box .tippy-content .hidden {
-  display: none;
-}
-.tippy-box .tippy-content .editable-content {
-  display: flex;
-  align-items: center;
-  color: var(--dark, #000000);
-}
-.tippy-box .tippy-content .editable-content .text-content {
-  min-width: 5rem;
-  user-select: text;
-}
-.tippy-box .tippy-content .editable-content .text-content > div {
-  user-select: text;
-}
-.tippy-box .tippy-content .editable-content.readonly {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box .tippy-content .editable-content .maxchar-content {
-  display: flex;
-  align-items: center;
-  align-self: flex-end;
-  height: var(--spacing-24, 1.5rem);
-  padding-right: var(--spacing-08, 0.5rem);
-}
-.tippy-box .tippy-content .editable-content .action-content {
-  display: flex;
-  align-items: center;
-}
-.tippy-box .tippy-content .editable-content .action-content yoo-button {
-  padding: 0 var(--spacing-08, 0.5rem);
-}
-.tippy-box .tippy-content .editable-content .action-content .edit-content {
-  align-items: center;
-}
-.tippy-box .tippy-content .editable-content .action-content .edit-content yoo-icon {
-  padding-left: var(--spacing-08, 0.5rem);
-  cursor: pointer;
-}
-.tippy-box .tippy-content .editable-content .edit-content > * {
-  cursor: pointer;
-}
-.tippy-box .tippy-content .request-access {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box .tippy-content .request-access .title {
-  margin-bottom: var(--spacing-08, 0.5rem);
-  font-weight: var(--font-weight-700, 700);
-}
-.tippy-box .tippy-content .request-access .sub-title {
-  display: flex;
-  margin-bottom: var(--spacing-08, 0.5rem);
-  font-weight: var(--font-weight-300, 300);
-  font-size: var(--font-size-14, 0.875rem);
-}
-.tippy-box .tippy-content .request-access .sub-title yoo-avatar {
-  margin: 0 var(--spacing-04, 0.25rem);
-}
-.tippy-box .tippy-content .request-access yoo-button {
-  max-width: 8rem;
-}
-
-.tippy-box[data-theme~=startameeting] .tippy-content {
-  padding: 0;
-  border-radius: var(--border-radius-04, 0.25rem);
-}
-
-.tippy-box[data-theme~=large] {
-  font-size: var(--font-size-16, 1rem);
-}
-.tippy-box[data-theme~=large] .tippy-content {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=large] .tippy-content .editable-content {
-  padding: var(--spacing-04, 0.25rem);
-}
-.tippy-box[data-theme~=large] .tippy-content .editable-content .text-content {
-  padding-right: var(--spacing-16, 1rem);
-}
-.tippy-box[data-theme~=large] .tippy-content .editable-content yoo-icon {
-  margin: 0 var(--spacing-04, 0.25rem);
-}
-
-.tippy-box[data-theme~=small] {
-  font-size: var(--font-size-16, 1rem);
-}
-.tippy-box[data-theme~=small] .tippy-content {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=small] .tippy-content .editable-content {
-  padding: var(--spacing-04, 0.25rem);
-}
-.tippy-box[data-theme~=small] .tippy-content .editable-content .text-content {
-  padding-right: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=small] .tippy-content .editable-content yoo-icon {
-  margin: 0 var(--spacing-04, 0.25rem);
-}
-
-.tippy-box[data-theme~=accent] {
-  background-color: var(--accent, #276ef1);
-}
-.tippy-box[data-theme~=accent] .tippy-tooltip {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=accent] .tippy-svg-arrow {
-  fill: var(--accent, #276ef1);
-}
-.tippy-box[data-theme~=accent][data-placement^=top] > .tippy-arrow::before {
-  border-top-color: var(--accent, #276ef1);
-}
-.tippy-box[data-theme~=accent][data-placement^=bottom] > .tippy-arrow::before {
-  border-bottom-color: var(--accent, #276ef1);
-}
-.tippy-box[data-theme~=accent][data-placement^=left] > .tippy-arrow::before {
-  border-left-color: var(--accent, #276ef1);
-}
-.tippy-box[data-theme~=accent][data-placement^=right] > .tippy-arrow::before {
-  border-right-color: var(--accent, #276ef1);
-}
-
-.tippy-box[data-theme~=anthracite] {
-  background-color: var(--anthracite, #1a1a1a);
-}
-.tippy-box[data-theme~=anthracite] .tippy-tooltip {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=anthracite] .tippy-svg-arrow {
-  fill: var(--anthracite, #1a1a1a);
-}
-.tippy-box[data-theme~=anthracite][data-placement^=top] > .tippy-arrow::before {
-  border-top-color: var(--anthracite, #1a1a1a);
-}
-.tippy-box[data-theme~=anthracite][data-placement^=bottom] > .tippy-arrow::before {
-  border-bottom-color: var(--anthracite, #1a1a1a);
-}
-.tippy-box[data-theme~=anthracite][data-placement^=left] > .tippy-arrow::before {
-  border-left-color: var(--anthracite, #1a1a1a);
-}
-.tippy-box[data-theme~=anthracite][data-placement^=right] > .tippy-arrow::before {
-  border-right-color: var(--anthracite, #1a1a1a);
-}
-
-.tippy-box[data-theme~=app-color] {
-  background-color: var(--app-color, #5a30f4);
-}
-.tippy-box[data-theme~=app-color] .tippy-tooltip {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=app-color] .tippy-svg-arrow {
-  fill: var(--app-color, #5a30f4);
-}
-.tippy-box[data-theme~=app-color][data-placement^=top] > .tippy-arrow::before {
-  border-top-color: var(--app-color, #5a30f4);
-}
-.tippy-box[data-theme~=app-color][data-placement^=bottom] > .tippy-arrow::before {
-  border-bottom-color: var(--app-color, #5a30f4);
-}
-.tippy-box[data-theme~=app-color][data-placement^=left] > .tippy-arrow::before {
-  border-left-color: var(--app-color, #5a30f4);
-}
-.tippy-box[data-theme~=app-color][data-placement^=right] > .tippy-arrow::before {
-  border-right-color: var(--app-color, #5a30f4);
-}
-
-.tippy-box[data-theme~=danger] {
-  background-color: var(--danger, #d44333);
-}
-.tippy-box[data-theme~=danger] .tippy-tooltip {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=danger] .tippy-svg-arrow {
-  fill: var(--danger, #d44333);
-}
-.tippy-box[data-theme~=danger][data-placement^=top] > .tippy-arrow::before {
-  border-top-color: var(--danger, #d44333);
-}
-.tippy-box[data-theme~=danger][data-placement^=bottom] > .tippy-arrow::before {
-  border-bottom-color: var(--danger, #d44333);
-}
-.tippy-box[data-theme~=danger][data-placement^=left] > .tippy-arrow::before {
-  border-left-color: var(--danger, #d44333);
-}
-.tippy-box[data-theme~=danger][data-placement^=right] > .tippy-arrow::before {
-  border-right-color: var(--danger, #d44333);
-}
-
-.tippy-box[data-theme~=dark] {
-  background-color: var(--dark, #000000);
-}
-.tippy-box[data-theme~=dark] .tippy-tooltip {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=dark] .tippy-svg-arrow {
-  fill: var(--dark, #000000);
-}
-.tippy-box[data-theme~=dark][data-placement^=top] > .tippy-arrow::before {
-  border-top-color: var(--dark, #000000);
-}
-.tippy-box[data-theme~=dark][data-placement^=bottom] > .tippy-arrow::before {
-  border-bottom-color: var(--dark, #000000);
-}
-.tippy-box[data-theme~=dark][data-placement^=left] > .tippy-arrow::before {
-  border-left-color: var(--dark, #000000);
-}
-.tippy-box[data-theme~=dark][data-placement^=right] > .tippy-arrow::before {
-  border-right-color: var(--dark, #000000);
-}
-
-.tippy-box[data-theme~=energized] {
-  background-color: var(--energized, #ffc043);
-}
-.tippy-box[data-theme~=energized] .tippy-tooltip {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=energized] .tippy-svg-arrow {
-  fill: var(--energized, #ffc043);
-}
-.tippy-box[data-theme~=energized][data-placement^=top] > .tippy-arrow::before {
-  border-top-color: var(--energized, #ffc043);
-}
-.tippy-box[data-theme~=energized][data-placement^=bottom] > .tippy-arrow::before {
-  border-bottom-color: var(--energized, #ffc043);
-}
-.tippy-box[data-theme~=energized][data-placement^=left] > .tippy-arrow::before {
-  border-left-color: var(--energized, #ffc043);
-}
-.tippy-box[data-theme~=energized][data-placement^=right] > .tippy-arrow::before {
-  border-right-color: var(--energized, #ffc043);
-}
-
-.tippy-box[data-theme~=info] {
-  background-color: var(--info, #d84c96);
-}
-.tippy-box[data-theme~=info] .tippy-tooltip {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=info] .tippy-svg-arrow {
-  fill: var(--info, #d84c96);
-}
-.tippy-box[data-theme~=info][data-placement^=top] > .tippy-arrow::before {
-  border-top-color: var(--info, #d84c96);
-}
-.tippy-box[data-theme~=info][data-placement^=bottom] > .tippy-arrow::before {
-  border-bottom-color: var(--info, #d84c96);
-}
-.tippy-box[data-theme~=info][data-placement^=left] > .tippy-arrow::before {
-  border-left-color: var(--info, #d84c96);
-}
-.tippy-box[data-theme~=info][data-placement^=right] > .tippy-arrow::before {
-  border-right-color: var(--info, #d84c96);
-}
-
-.tippy-box[data-theme~=light] {
-  background-color: var(--light, #ffffff);
-}
-.tippy-box[data-theme~=light] .tippy-tooltip {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=light] .tippy-svg-arrow {
-  fill: var(--light, #ffffff);
-}
-.tippy-box[data-theme~=light][data-placement^=top] > .tippy-arrow::before {
-  border-top-color: var(--light, #ffffff);
-}
-.tippy-box[data-theme~=light][data-placement^=bottom] > .tippy-arrow::before {
-  border-bottom-color: var(--light, #ffffff);
-}
-.tippy-box[data-theme~=light][data-placement^=left] > .tippy-arrow::before {
-  border-left-color: var(--light, #ffffff);
-}
-.tippy-box[data-theme~=light][data-placement^=right] > .tippy-arrow::before {
-  border-right-color: var(--light, #ffffff);
-}
-
-.tippy-box[data-theme~=stable] {
-  background-color: var(--stable, #adadad);
-}
-.tippy-box[data-theme~=stable] .tippy-tooltip {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=stable] .tippy-svg-arrow {
-  fill: var(--stable, #adadad);
-}
-.tippy-box[data-theme~=stable][data-placement^=top] > .tippy-arrow::before {
-  border-top-color: var(--stable, #adadad);
-}
-.tippy-box[data-theme~=stable][data-placement^=bottom] > .tippy-arrow::before {
-  border-bottom-color: var(--stable, #adadad);
-}
-.tippy-box[data-theme~=stable][data-placement^=left] > .tippy-arrow::before {
-  border-left-color: var(--stable, #adadad);
-}
-.tippy-box[data-theme~=stable][data-placement^=right] > .tippy-arrow::before {
-  border-right-color: var(--stable, #adadad);
-}
-
-.tippy-box[data-theme~=stable-alt] {
-  background-color: var(--stable-alt, #d0d0d0);
-}
-.tippy-box[data-theme~=stable-alt] .tippy-tooltip {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=stable-alt] .tippy-svg-arrow {
-  fill: var(--stable-alt, #d0d0d0);
-}
-.tippy-box[data-theme~=stable-alt][data-placement^=top] > .tippy-arrow::before {
-  border-top-color: var(--stable-alt, #d0d0d0);
-}
-.tippy-box[data-theme~=stable-alt][data-placement^=bottom] > .tippy-arrow::before {
-  border-bottom-color: var(--stable-alt, #d0d0d0);
-}
-.tippy-box[data-theme~=stable-alt][data-placement^=left] > .tippy-arrow::before {
-  border-left-color: var(--stable-alt, #d0d0d0);
-}
-.tippy-box[data-theme~=stable-alt][data-placement^=right] > .tippy-arrow::before {
-  border-right-color: var(--stable-alt, #d0d0d0);
-}
-
-.tippy-box[data-theme~=stable-light] {
-  background-color: var(--stable-light, #f1f1f1);
-}
-.tippy-box[data-theme~=stable-light] .tippy-tooltip {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=stable-light] .tippy-svg-arrow {
-  fill: var(--stable-light, #f1f1f1);
-}
-.tippy-box[data-theme~=stable-light][data-placement^=top] > .tippy-arrow::before {
-  border-top-color: var(--stable-light, #f1f1f1);
-}
-.tippy-box[data-theme~=stable-light][data-placement^=bottom] > .tippy-arrow::before {
-  border-bottom-color: var(--stable-light, #f1f1f1);
-}
-.tippy-box[data-theme~=stable-light][data-placement^=left] > .tippy-arrow::before {
-  border-left-color: var(--stable-light, #f1f1f1);
-}
-.tippy-box[data-theme~=stable-light][data-placement^=right] > .tippy-arrow::before {
-  border-right-color: var(--stable-light, #f1f1f1);
-}
-
-.tippy-box[data-theme~=stable-ultralight] {
-  background-color: var(--stable-ultralight, #fafafa);
-}
-.tippy-box[data-theme~=stable-ultralight] .tippy-tooltip {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=stable-ultralight] .tippy-svg-arrow {
-  fill: var(--stable-ultralight, #fafafa);
-}
-.tippy-box[data-theme~=stable-ultralight][data-placement^=top] > .tippy-arrow::before {
-  border-top-color: var(--stable-ultralight, #fafafa);
-}
-.tippy-box[data-theme~=stable-ultralight][data-placement^=bottom] > .tippy-arrow::before {
-  border-bottom-color: var(--stable-ultralight, #fafafa);
-}
-.tippy-box[data-theme~=stable-ultralight][data-placement^=left] > .tippy-arrow::before {
-  border-left-color: var(--stable-ultralight, #fafafa);
-}
-.tippy-box[data-theme~=stable-ultralight][data-placement^=right] > .tippy-arrow::before {
-  border-right-color: var(--stable-ultralight, #fafafa);
-}
-
-.tippy-box[data-theme~=success] {
-  background-color: var(--success, #3aa76d);
-}
-.tippy-box[data-theme~=success] .tippy-tooltip {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=success] .tippy-svg-arrow {
-  fill: var(--success, #3aa76d);
-}
-.tippy-box[data-theme~=success][data-placement^=top] > .tippy-arrow::before {
-  border-top-color: var(--success, #3aa76d);
-}
-.tippy-box[data-theme~=success][data-placement^=bottom] > .tippy-arrow::before {
-  border-bottom-color: var(--success, #3aa76d);
-}
-.tippy-box[data-theme~=success][data-placement^=left] > .tippy-arrow::before {
-  border-left-color: var(--success, #3aa76d);
-}
-.tippy-box[data-theme~=success][data-placement^=right] > .tippy-arrow::before {
-  border-right-color: var(--success, #3aa76d);
-}
-
-.tippy-box[data-theme~=text-color] {
-  background-color: var(--text-color, #807f83);
-}
-.tippy-box[data-theme~=text-color] .tippy-tooltip {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=text-color] .tippy-svg-arrow {
-  fill: var(--text-color, #807f83);
-}
-.tippy-box[data-theme~=text-color][data-placement^=top] > .tippy-arrow::before {
-  border-top-color: var(--text-color, #807f83);
-}
-.tippy-box[data-theme~=text-color][data-placement^=bottom] > .tippy-arrow::before {
-  border-bottom-color: var(--text-color, #807f83);
-}
-.tippy-box[data-theme~=text-color][data-placement^=left] > .tippy-arrow::before {
-  border-left-color: var(--text-color, #807f83);
-}
-.tippy-box[data-theme~=text-color][data-placement^=right] > .tippy-arrow::before {
-  border-right-color: var(--text-color, #807f83);
-}
-
-.tippy-box[data-theme~=warning] {
-  background-color: var(--warning, #ed6e33);
-}
-.tippy-box[data-theme~=warning] .tippy-tooltip {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=warning] .tippy-svg-arrow {
-  fill: var(--warning, #ed6e33);
-}
-.tippy-box[data-theme~=warning][data-placement^=top] > .tippy-arrow::before {
-  border-top-color: var(--warning, #ed6e33);
-}
-.tippy-box[data-theme~=warning][data-placement^=bottom] > .tippy-arrow::before {
-  border-bottom-color: var(--warning, #ed6e33);
-}
-.tippy-box[data-theme~=warning][data-placement^=left] > .tippy-arrow::before {
-  border-left-color: var(--warning, #ed6e33);
-}
-.tippy-box[data-theme~=warning][data-placement^=right] > .tippy-arrow::before {
-  border-right-color: var(--warning, #ed6e33);
-}
-
-/* app direction */
-/* border-radius */
-/* border-width */
-/* font family */
-/* font-size */
-/* font weights */
-/* icon size */
-/* used for logos */
-/* spacing for padding, margin, etc... */
-/* shadow */
-:root {
-  --safe-area-inset-top: 0rem;
-  --safe-area-inset-right: 0rem;
-  --safe-area-inset-bottom: 0rem;
-  --safe-area-inset-left: 0rem;
-}
-@supports (top: constant(safe-area-inset-top)) {
-  :root {
-    --safe-area-inset-top: constant(safe-area-inset-top);
-    --safe-area-inset-right: constant(safe-area-inset-right);
-    --safe-area-inset-bottom: constant(safe-area-inset-bottom);
-    --safe-area-inset-left: constant(safe-area-inset-left);
-  }
-}
-@supports (top: env(safe-area-inset-top)) {
-  :root {
-    --safe-area-inset-top: env(safe-area-inset-top);
-    --safe-area-inset-right: env(safe-area-inset-right);
-    --safe-area-inset-bottom: env(safe-area-inset-bottom);
-    --safe-area-inset-left: env(safe-area-inset-left);
-  }
-}
-
-.fr-popup.fr-active {
-  z-index: 30004 !important;
-  display: block !important;
-  opacity: 1 !important;
-}
-
-:root {
-  --ease-in-back: cubic-bezier(0.36, 0, 0.66, -0.56);
-  --ease-in-circ: cubic-bezier(0.55, 0, 1, 0.45);
-  --ease-in-cubic: cubic-bezier(0.32, 0, 0.67, 0);
-  --ease-in-expo: cubic-bezier(0.7, 0, 0.84, 0);
-  --ease-in-quad: cubic-bezier(0.11, 0, 0.5, 0);
-  --ease-in-quart: cubic-bezier(0.5, 0, 0.75, 0);
-  --ease-in-quint: cubic-bezier(0.64, 0, 0.78, 0);
-  --ease-in-sine: cubic-bezier(0.12, 0, 0.39, 0);
-  --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
-  --ease-out-circ: cubic-bezier(0, 0.55, 0.45, 1);
-  --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
-  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
-  --ease-out-quad: cubic-bezier(0.5, 1, 0.89, 1);
-  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
-  --ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1);
-  --ease-out-sine: cubic-bezier(0.61, 1, 0.88, 1);
-  --ease-in-out-back: cubic-bezier(0.68, -0.6, 0.32, 1.6);
-  --ease-in-out-circ: cubic-bezier(0.85, 0, 0.15, 1);
-  --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);
-  --ease-in-out-expo: cubic-bezier(0.87, 0, 0.13, 1);
-  --ease-in-out-quad: cubic-bezier(0.45, 0, 0.55, 1);
-  --ease-in-out-quart: cubic-bezier(0.76, 0, 0.24, 1);
-  --ease-in-out-quint: cubic-bezier(0.83, 0, 0.17, 1);
-  --ease-in-out-sine: cubic-bezier(0.37, 0, 0.63, 1);
-}
-
-/* app direction */
-/* border-radius */
-/* border-width */
-/* font family */
-/* font-size */
-/* font weights */
-/* icon size */
-/* used for logos */
-/* spacing for padding, margin, etc... */
-/* shadow */
-/* Z-Index (Ionic)
---------------------------------------------------
-Grouped by elements which would be siblings */
-/* Hairlines width */
-/* Default Colors
----------------------------------- */
-/* Private color variables */
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff;*/
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff; */
-/* Color map should provide
-- base: main color to be used.
-- contrast: Color that will provide readable text against the base color
-- shade: 12% darker version of the base color (mix with black)
-- tint: 10% lighter version of the base color (mix with white) */
-/* Themed Colors
-
- Default Foreground and Background Colors values
- Allows users to override an foreground / background colors
- $background-color-value:            $light !default;
- $background-color-rgb:              255, 255, 255 !default; */
-/* Default Foreground and Background Colors
--------------------------------------------------- */
-/* Default General Colors
--------------------------------------------------- */
-/* Default List & List Items
--------------------------------------------------- */
-/* Item Divider */
-/* iOS List & List Items
--------------------------------------------------- */
-/* Default Toolbar
---------------------------------------------------*/
-/* iOS Toolbar
---------------------------------------------------*/
-/* Default Tabs & Tab bar
---------------------------------------------------*/
-/* iOS Tabs & Tab bar
---------------------------------------------------*/
-/* Function related variables
---------------------------------------------------*/
-/* Gets the active color's css variable from a variation. Alpha is optional.
---------------------------------------------------------------------------------------------
-Example usage:
-current-color(base) => var(--ion-color-base)
-current-color(contrast, 0.1) => rgba(var(--ion-color-contrast-rgb), 0.1)
---------------------------------------------------------------------------------------------*/
-/* Gets the specific color's css variable from the name and variation. Alpha/rgb are optional.
---------------------------------------------------------------------------------------------
-Example usage:
-ion-color(primary, base) => var(--ion-color-primary, #3880ff)
-ion-color(secondary, contrast) => var(--ion-color-secondary-contrast)
-ion-color(primary, base, 0.5) => rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.5)
---------------------------------------------------------------------------------------------*/
-/* Mixes a color with black to create its shade.
---------------------------------------------------------------------------------------------*/
-/*Mixes a color with white to create its tint.
---------------------------------------------------------------------------------------------*/
-/* Converts a color to a comma separated rgb.
---------------------------------------------------------------------------------------------*/
-/* Str functions.
-___________________________________________________________________________________________*/
-/* Creates a pulse animation.
-  @param {color} $begin-color [stable-20] - starting color for pulse.
-  @param {color} $end-color [stable-20] - ending color for pulse.
-  @author Ben Morgan
-  @author Damien Arondel 
-*/
-/* Execute a content if the hover state is supported.
-
- @content the content to execute if relevant
- @author Ben Morgan
- @author Damien Arondel
-*/
-/* Properly hide overflow on rounded corner elements for Webkit based browsers.
- This mixin must be used at the same level as `overflow: hidden` and `border-radius: ...`.
-
- @link https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7
- @author Ben Morgan
- @author Damien Arondel
-*/
-/* Truncate every overflown elements with an ellipsis.
- This mixin does not work with flex box on the same level.
-
- @author Ben Morgan
- @author Damien Arondel
-*/
-/* Truncate text at a specific number of lines.
- */
-/* app direction */
-/* border-radius */
-/* border-width */
-/* font family */
-/* font-size */
-/* font weights */
-/* icon size */
-/* used for logos */
-/* spacing for padding, margin, etc... */
-/* shadow */
-/* https://web-design-weekly.com/2013/05/12/handy-sass-mixins/ */
-/* Single side border-radius */
-/* Text Direction - ltr / rtl
-$app-direction: multi | rtl | ltr | null (default)
-multi: Both [dir=ltr] and [dir=rtl] are applied to css selectors.
-rtl: Always assumes rtl and only includes rtl css. No [dir] selectors.
-ltr: Always assumes ltr and only includes ltr css. No [dir] selectors.
-null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override ltr defaults.
----------------------------------------------------------- */
-/* Add property horizontal
- @param {string} $start
- @param {string} $end
-----------------------------------------------------------*/
-/* Add property for all directions
-  @param {string} $prop
-  @param {string} $top
-  @param {string} $end
-  @param {string} $bottom
-  @param {string} $start
-  @param {boolean} $content include content or use default
-----------------------------------------------------------*/
-/* Add margin for all directions
-  @param {string} $top
-  @param {string} $end
-  @param {string} $bottom
-  @param {string} $start
-----------------------------------------------------------*/
-/* Add padding for all directions
-  @param {string} $top
-  @param {string} $end
-  @param {string} $bottom
-  @param {string} $start
-----------------------------------------------------------*/
-/*Font smoothing
---------------------------------------------------*/
-/* SVG Background Image Mixin
-  @param {string} $svg
-----------------------------------------------------------*/
-/* Add padding horizontal
-  @param {string} $start
-  @param {string} $end
-----------------------------------------------------------*/
-/* Add margin horizontal
- @param {string} $start
- @param {string} $end
-----------------------------------------------------------*/
-/* Add safe area padding horizontal
-  @param {string} $start
-  @param {string} $end
-----------------------------------------------------------*/
-/* Add border radius for all directions
-  @param {string} $top-start
-  @param {string} $top-end
-  @param {string} $bottom-end
-  @param {string} $bottom-start
-----------------------------------------------------------*/
-/* Sets correct text align with support for old browsers
-  @param {string} $direction - text direction
-  @param {string} $decorator - !important
-----------------------------------------------------------*/
-/* Add position for all directions
-  @param {string} $top
-  @param {string} $end
-  @param {string} $bottom
-  @param {string} $start
-----------------------------------------------------------*/
-/* Add position horizontal
-  @param {string} $start - amount to position start
-  @param {string} $end - amount to left: 0; end
-----------------------------------------------------------*/
-/**
- * NOTE DO NOT USE FOR NEW COMPONENTS
- * LEGACY CODE -- Styles maintained only to prevent breaking changes
- * For all Font Sizes please use the appropreate font-size-XX Variables.
- */
-/**
-* Global style mixin for being able to change the background / font-color and border-color
-* programmatically using global classes
-*/
-.tippy-box,
-.tippy-popper {
-  line-height: 1;
-  white-space: pre-wrap;
-}
-.tippy-box .tippy-tooltip,
-.tippy-popper .tippy-tooltip {
-  padding: var(--spacing-02, 0.125rem);
-}
-
-.tippy-box {
-  box-shadow: var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));
-}
-.tippy-box .tippy-content.editable {
-  padding: 0;
-}
-.tippy-box .tippy-content .flex {
-  display: flex;
-  justify-content: space-around;
-}
-.tippy-box .tippy-content .hidden {
-  display: none;
-}
-.tippy-box .tippy-content .editable-content {
-  display: flex;
-  align-items: center;
-  color: var(--dark, #000000);
-}
-.tippy-box .tippy-content .editable-content .text-content {
-  min-width: 5rem;
-  user-select: text;
-}
-.tippy-box .tippy-content .editable-content .text-content > div {
-  user-select: text;
-}
-.tippy-box .tippy-content .editable-content.readonly {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box .tippy-content .editable-content .maxchar-content {
-  display: flex;
-  align-items: center;
-  align-self: flex-end;
-  height: var(--spacing-24, 1.5rem);
-  padding-right: var(--spacing-08, 0.5rem);
-}
-.tippy-box .tippy-content .editable-content .action-content {
-  display: flex;
-  align-items: center;
-}
-.tippy-box .tippy-content .editable-content .action-content yoo-button {
-  padding: 0 var(--spacing-08, 0.5rem);
-}
-.tippy-box .tippy-content .editable-content .action-content .edit-content {
-  align-items: center;
-}
-.tippy-box .tippy-content .editable-content .action-content .edit-content yoo-icon {
-  padding-left: var(--spacing-08, 0.5rem);
-  cursor: pointer;
-}
-.tippy-box .tippy-content .editable-content .edit-content > * {
-  cursor: pointer;
-}
-.tippy-box .tippy-content .request-access {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box .tippy-content .request-access .title {
-  margin-bottom: var(--spacing-08, 0.5rem);
-  font-weight: var(--font-weight-700, 700);
-}
-.tippy-box .tippy-content .request-access .sub-title {
-  display: flex;
-  margin-bottom: var(--spacing-08, 0.5rem);
-  font-weight: var(--font-weight-300, 300);
-  font-size: var(--font-size-14, 0.875rem);
-}
-.tippy-box .tippy-content .request-access .sub-title yoo-avatar {
-  margin: 0 var(--spacing-04, 0.25rem);
-}
-.tippy-box .tippy-content .request-access yoo-button {
-  max-width: 8rem;
-}
-
-.tippy-box[data-theme~=startameeting] .tippy-content {
-  padding: 0;
-  border-radius: var(--border-radius-04, 0.25rem);
-}
-
-.tippy-box[data-theme~=large] {
-  font-size: var(--font-size-16, 1rem);
-}
-.tippy-box[data-theme~=large] .tippy-content {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=large] .tippy-content .editable-content {
-  padding: var(--spacing-04, 0.25rem);
-}
-.tippy-box[data-theme~=large] .tippy-content .editable-content .text-content {
-  padding-right: var(--spacing-16, 1rem);
-}
-.tippy-box[data-theme~=large] .tippy-content .editable-content yoo-icon {
-  margin: 0 var(--spacing-04, 0.25rem);
-}
-
-.tippy-box[data-theme~=small] {
-  font-size: var(--font-size-16, 1rem);
-}
-.tippy-box[data-theme~=small] .tippy-content {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=small] .tippy-content .editable-content {
-  padding: var(--spacing-04, 0.25rem);
-}
-.tippy-box[data-theme~=small] .tippy-content .editable-content .text-content {
-  padding-right: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=small] .tippy-content .editable-content yoo-icon {
-  margin: 0 var(--spacing-04, 0.25rem);
-}
-
-.tippy-box[data-theme~=accent] {
-  background-color: var(--accent, #276ef1);
-}
-.tippy-box[data-theme~=accent] .tippy-tooltip {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=accent] .tippy-svg-arrow {
-  fill: var(--accent, #276ef1);
-}
-.tippy-box[data-theme~=accent][data-placement^=top] > .tippy-arrow::before {
-  border-top-color: var(--accent, #276ef1);
-}
-.tippy-box[data-theme~=accent][data-placement^=bottom] > .tippy-arrow::before {
-  border-bottom-color: var(--accent, #276ef1);
-}
-.tippy-box[data-theme~=accent][data-placement^=left] > .tippy-arrow::before {
-  border-left-color: var(--accent, #276ef1);
-}
-.tippy-box[data-theme~=accent][data-placement^=right] > .tippy-arrow::before {
-  border-right-color: var(--accent, #276ef1);
-}
-
-.tippy-box[data-theme~=anthracite] {
-  background-color: var(--anthracite, #1a1a1a);
-}
-.tippy-box[data-theme~=anthracite] .tippy-tooltip {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=anthracite] .tippy-svg-arrow {
-  fill: var(--anthracite, #1a1a1a);
-}
-.tippy-box[data-theme~=anthracite][data-placement^=top] > .tippy-arrow::before {
-  border-top-color: var(--anthracite, #1a1a1a);
-}
-.tippy-box[data-theme~=anthracite][data-placement^=bottom] > .tippy-arrow::before {
-  border-bottom-color: var(--anthracite, #1a1a1a);
-}
-.tippy-box[data-theme~=anthracite][data-placement^=left] > .tippy-arrow::before {
-  border-left-color: var(--anthracite, #1a1a1a);
-}
-.tippy-box[data-theme~=anthracite][data-placement^=right] > .tippy-arrow::before {
-  border-right-color: var(--anthracite, #1a1a1a);
-}
-
-.tippy-box[data-theme~=app-color] {
-  background-color: var(--app-color, #5a30f4);
-}
-.tippy-box[data-theme~=app-color] .tippy-tooltip {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=app-color] .tippy-svg-arrow {
-  fill: var(--app-color, #5a30f4);
-}
-.tippy-box[data-theme~=app-color][data-placement^=top] > .tippy-arrow::before {
-  border-top-color: var(--app-color, #5a30f4);
-}
-.tippy-box[data-theme~=app-color][data-placement^=bottom] > .tippy-arrow::before {
-  border-bottom-color: var(--app-color, #5a30f4);
-}
-.tippy-box[data-theme~=app-color][data-placement^=left] > .tippy-arrow::before {
-  border-left-color: var(--app-color, #5a30f4);
-}
-.tippy-box[data-theme~=app-color][data-placement^=right] > .tippy-arrow::before {
-  border-right-color: var(--app-color, #5a30f4);
-}
-
-.tippy-box[data-theme~=danger] {
-  background-color: var(--danger, #d44333);
-}
-.tippy-box[data-theme~=danger] .tippy-tooltip {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=danger] .tippy-svg-arrow {
-  fill: var(--danger, #d44333);
-}
-.tippy-box[data-theme~=danger][data-placement^=top] > .tippy-arrow::before {
-  border-top-color: var(--danger, #d44333);
-}
-.tippy-box[data-theme~=danger][data-placement^=bottom] > .tippy-arrow::before {
-  border-bottom-color: var(--danger, #d44333);
-}
-.tippy-box[data-theme~=danger][data-placement^=left] > .tippy-arrow::before {
-  border-left-color: var(--danger, #d44333);
-}
-.tippy-box[data-theme~=danger][data-placement^=right] > .tippy-arrow::before {
-  border-right-color: var(--danger, #d44333);
-}
-
-.tippy-box[data-theme~=dark] {
-  background-color: var(--dark, #000000);
-}
-.tippy-box[data-theme~=dark] .tippy-tooltip {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=dark] .tippy-svg-arrow {
-  fill: var(--dark, #000000);
-}
-.tippy-box[data-theme~=dark][data-placement^=top] > .tippy-arrow::before {
-  border-top-color: var(--dark, #000000);
-}
-.tippy-box[data-theme~=dark][data-placement^=bottom] > .tippy-arrow::before {
-  border-bottom-color: var(--dark, #000000);
-}
-.tippy-box[data-theme~=dark][data-placement^=left] > .tippy-arrow::before {
-  border-left-color: var(--dark, #000000);
-}
-.tippy-box[data-theme~=dark][data-placement^=right] > .tippy-arrow::before {
-  border-right-color: var(--dark, #000000);
-}
-
-.tippy-box[data-theme~=energized] {
-  background-color: var(--energized, #ffc043);
-}
-.tippy-box[data-theme~=energized] .tippy-tooltip {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=energized] .tippy-svg-arrow {
-  fill: var(--energized, #ffc043);
-}
-.tippy-box[data-theme~=energized][data-placement^=top] > .tippy-arrow::before {
-  border-top-color: var(--energized, #ffc043);
-}
-.tippy-box[data-theme~=energized][data-placement^=bottom] > .tippy-arrow::before {
-  border-bottom-color: var(--energized, #ffc043);
-}
-.tippy-box[data-theme~=energized][data-placement^=left] > .tippy-arrow::before {
-  border-left-color: var(--energized, #ffc043);
-}
-.tippy-box[data-theme~=energized][data-placement^=right] > .tippy-arrow::before {
-  border-right-color: var(--energized, #ffc043);
-}
-
-.tippy-box[data-theme~=info] {
-  background-color: var(--info, #d84c96);
-}
-.tippy-box[data-theme~=info] .tippy-tooltip {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=info] .tippy-svg-arrow {
-  fill: var(--info, #d84c96);
-}
-.tippy-box[data-theme~=info][data-placement^=top] > .tippy-arrow::before {
-  border-top-color: var(--info, #d84c96);
-}
-.tippy-box[data-theme~=info][data-placement^=bottom] > .tippy-arrow::before {
-  border-bottom-color: var(--info, #d84c96);
-}
-.tippy-box[data-theme~=info][data-placement^=left] > .tippy-arrow::before {
-  border-left-color: var(--info, #d84c96);
-}
-.tippy-box[data-theme~=info][data-placement^=right] > .tippy-arrow::before {
-  border-right-color: var(--info, #d84c96);
-}
-
-.tippy-box[data-theme~=light] {
-  background-color: var(--light, #ffffff);
-}
-.tippy-box[data-theme~=light] .tippy-tooltip {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=light] .tippy-svg-arrow {
-  fill: var(--light, #ffffff);
-}
-.tippy-box[data-theme~=light][data-placement^=top] > .tippy-arrow::before {
-  border-top-color: var(--light, #ffffff);
-}
-.tippy-box[data-theme~=light][data-placement^=bottom] > .tippy-arrow::before {
-  border-bottom-color: var(--light, #ffffff);
-}
-.tippy-box[data-theme~=light][data-placement^=left] > .tippy-arrow::before {
-  border-left-color: var(--light, #ffffff);
-}
-.tippy-box[data-theme~=light][data-placement^=right] > .tippy-arrow::before {
-  border-right-color: var(--light, #ffffff);
-}
-
-.tippy-box[data-theme~=stable] {
-  background-color: var(--stable, #adadad);
-}
-.tippy-box[data-theme~=stable] .tippy-tooltip {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=stable] .tippy-svg-arrow {
-  fill: var(--stable, #adadad);
-}
-.tippy-box[data-theme~=stable][data-placement^=top] > .tippy-arrow::before {
-  border-top-color: var(--stable, #adadad);
-}
-.tippy-box[data-theme~=stable][data-placement^=bottom] > .tippy-arrow::before {
-  border-bottom-color: var(--stable, #adadad);
-}
-.tippy-box[data-theme~=stable][data-placement^=left] > .tippy-arrow::before {
-  border-left-color: var(--stable, #adadad);
-}
-.tippy-box[data-theme~=stable][data-placement^=right] > .tippy-arrow::before {
-  border-right-color: var(--stable, #adadad);
-}
-
-.tippy-box[data-theme~=stable-alt] {
-  background-color: var(--stable-alt, #d0d0d0);
-}
-.tippy-box[data-theme~=stable-alt] .tippy-tooltip {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=stable-alt] .tippy-svg-arrow {
-  fill: var(--stable-alt, #d0d0d0);
-}
-.tippy-box[data-theme~=stable-alt][data-placement^=top] > .tippy-arrow::before {
-  border-top-color: var(--stable-alt, #d0d0d0);
-}
-.tippy-box[data-theme~=stable-alt][data-placement^=bottom] > .tippy-arrow::before {
-  border-bottom-color: var(--stable-alt, #d0d0d0);
-}
-.tippy-box[data-theme~=stable-alt][data-placement^=left] > .tippy-arrow::before {
-  border-left-color: var(--stable-alt, #d0d0d0);
-}
-.tippy-box[data-theme~=stable-alt][data-placement^=right] > .tippy-arrow::before {
-  border-right-color: var(--stable-alt, #d0d0d0);
-}
-
-.tippy-box[data-theme~=stable-light] {
-  background-color: var(--stable-light, #f1f1f1);
-}
-.tippy-box[data-theme~=stable-light] .tippy-tooltip {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=stable-light] .tippy-svg-arrow {
-  fill: var(--stable-light, #f1f1f1);
-}
-.tippy-box[data-theme~=stable-light][data-placement^=top] > .tippy-arrow::before {
-  border-top-color: var(--stable-light, #f1f1f1);
-}
-.tippy-box[data-theme~=stable-light][data-placement^=bottom] > .tippy-arrow::before {
-  border-bottom-color: var(--stable-light, #f1f1f1);
-}
-.tippy-box[data-theme~=stable-light][data-placement^=left] > .tippy-arrow::before {
-  border-left-color: var(--stable-light, #f1f1f1);
-}
-.tippy-box[data-theme~=stable-light][data-placement^=right] > .tippy-arrow::before {
-  border-right-color: var(--stable-light, #f1f1f1);
-}
-
-.tippy-box[data-theme~=stable-ultralight] {
-  background-color: var(--stable-ultralight, #fafafa);
-}
-.tippy-box[data-theme~=stable-ultralight] .tippy-tooltip {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=stable-ultralight] .tippy-svg-arrow {
-  fill: var(--stable-ultralight, #fafafa);
-}
-.tippy-box[data-theme~=stable-ultralight][data-placement^=top] > .tippy-arrow::before {
-  border-top-color: var(--stable-ultralight, #fafafa);
-}
-.tippy-box[data-theme~=stable-ultralight][data-placement^=bottom] > .tippy-arrow::before {
-  border-bottom-color: var(--stable-ultralight, #fafafa);
-}
-.tippy-box[data-theme~=stable-ultralight][data-placement^=left] > .tippy-arrow::before {
-  border-left-color: var(--stable-ultralight, #fafafa);
-}
-.tippy-box[data-theme~=stable-ultralight][data-placement^=right] > .tippy-arrow::before {
-  border-right-color: var(--stable-ultralight, #fafafa);
-}
-
-.tippy-box[data-theme~=success] {
-  background-color: var(--success, #3aa76d);
-}
-.tippy-box[data-theme~=success] .tippy-tooltip {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=success] .tippy-svg-arrow {
-  fill: var(--success, #3aa76d);
-}
-.tippy-box[data-theme~=success][data-placement^=top] > .tippy-arrow::before {
-  border-top-color: var(--success, #3aa76d);
-}
-.tippy-box[data-theme~=success][data-placement^=bottom] > .tippy-arrow::before {
-  border-bottom-color: var(--success, #3aa76d);
-}
-.tippy-box[data-theme~=success][data-placement^=left] > .tippy-arrow::before {
-  border-left-color: var(--success, #3aa76d);
-}
-.tippy-box[data-theme~=success][data-placement^=right] > .tippy-arrow::before {
-  border-right-color: var(--success, #3aa76d);
-}
-
-.tippy-box[data-theme~=text-color] {
-  background-color: var(--text-color, #807f83);
-}
-.tippy-box[data-theme~=text-color] .tippy-tooltip {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=text-color] .tippy-svg-arrow {
-  fill: var(--text-color, #807f83);
-}
-.tippy-box[data-theme~=text-color][data-placement^=top] > .tippy-arrow::before {
-  border-top-color: var(--text-color, #807f83);
-}
-.tippy-box[data-theme~=text-color][data-placement^=bottom] > .tippy-arrow::before {
-  border-bottom-color: var(--text-color, #807f83);
-}
-.tippy-box[data-theme~=text-color][data-placement^=left] > .tippy-arrow::before {
-  border-left-color: var(--text-color, #807f83);
-}
-.tippy-box[data-theme~=text-color][data-placement^=right] > .tippy-arrow::before {
-  border-right-color: var(--text-color, #807f83);
-}
-
-.tippy-box[data-theme~=warning] {
-  background-color: var(--warning, #ed6e33);
-}
-.tippy-box[data-theme~=warning] .tippy-tooltip {
-  padding: var(--spacing-08, 0.5rem);
-}
-.tippy-box[data-theme~=warning] .tippy-svg-arrow {
-  fill: var(--warning, #ed6e33);
-}
-.tippy-box[data-theme~=warning][data-placement^=top] > .tippy-arrow::before {
-  border-top-color: var(--warning, #ed6e33);
-}
-.tippy-box[data-theme~=warning][data-placement^=bottom] > .tippy-arrow::before {
-  border-bottom-color: var(--warning, #ed6e33);
-}
-.tippy-box[data-theme~=warning][data-placement^=left] > .tippy-arrow::before {
-  border-left-color: var(--warning, #ed6e33);
-}
-.tippy-box[data-theme~=warning][data-placement^=right] > .tippy-arrow::before {
-  border-right-color: var(--warning, #ed6e33);
-}
-
-/* app direction */
-/* border-radius */
-/* border-width */
-/* font family */
-/* font-size */
-/* font weights */
-/* icon size */
-/* used for logos */
-/* spacing for padding, margin, etc... */
-/* shadow */
-:root {
-  --safe-area-inset-top: 0rem;
-  --safe-area-inset-right: 0rem;
-  --safe-area-inset-bottom: 0rem;
-  --safe-area-inset-left: 0rem;
-}
-@supports (top: constant(safe-area-inset-top)) {
-  :root {
-    --safe-area-inset-top: constant(safe-area-inset-top);
-    --safe-area-inset-right: constant(safe-area-inset-right);
-    --safe-area-inset-bottom: constant(safe-area-inset-bottom);
-    --safe-area-inset-left: constant(safe-area-inset-left);
-  }
-}
-@supports (top: env(safe-area-inset-top)) {
-  :root {
-    --safe-area-inset-top: env(safe-area-inset-top);
-    --safe-area-inset-right: env(safe-area-inset-right);
-    --safe-area-inset-bottom: env(safe-area-inset-bottom);
-    --safe-area-inset-left: env(safe-area-inset-left);
-  }
-}
-
-.fr-popup.fr-active {
-  z-index: 30004 !important;
-  display: block !important;
-  opacity: 1 !important;
-}
-
-*,
-*:after,
-*:before {
-  -webkit-box-sizing: border-box;
-  /* Safari <= 5 */
-  -moz-box-sizing: border-box;
-  /* Firefox <= 19 */
-  box-sizing: border-box;
-}
-
-* {
-  touch-action: manipulation;
-  -webkit-tap-highlight-color: transparent !important;
-  -webkit-focus-ring-color: transparent !important;
-}
-
-html[mode=ios] {
-  -webkit-user-select: none;
-  user-select: none;
-}
-html[mode=ios] *:not(input):not(textarea) {
-  -webkit-user-select: none;
-  user-select: none;
-  /* disable selection/Copy of UIWebView */
-  -webkit-touch-callout: none;
-  /* disable the IOS popup when long-press on a link */
-}
-
-a {
-  color: inherit;
-}
-
-*:focus {
-  outline: none;
-}
-
-html,
-body {
-  height: 100%;
-}
-
-@media print {
-  yoo-img {
-    page-break-inside: avoid;
-  }
-}
-button,
-html [type=button],
-[type=reset],
-[type=submit] {
-  border: none;
-  -webkit-appearance: none;
-}
-
-body {
-  overflow: hidden;
-  color: var(--dark, #000000);
-  font-weight: var(--font-weight-400, 400);
-  font-size: var(--font-size-16, 1rem);
-  font-family: var(--font-family, "Lato");
-  line-height: 1.5;
-}
-body.scroll {
-  overflow: auto;
-}
-
-pre {
-  white-space: normal;
-}
-
-.noborder {
-  border: none;
-}
-
-.fr-view.fr-element {
-  padding: var(--spacing-08, 0.5rem) !important;
-}
-
-:not(.fr-view) li {
-  list-style-type: unset !important;
-}
-
-li {
-  list-style-type: none;
-}
-
-:root {
-  --attachment-icon-shadow: 0 0.375rem 1.125rem 0 rgba(40, 47, 54, 0.08);
-  --border-radius-01: 0.0625rem;
-  --border-radius-02: 0.125rem;
-  --border-radius-04: 0.25rem;
-  --border-radius-08: 0.5rem;
-  --border-radius-16: 1rem;
-  --border-radius-24: 1.5rem;
-  --border-width-01: 0.0625rem;
-  --border-width-02: 0.125rem;
-  --border-width-03: 0.1875rem;
-  --border-width-04: 0.25rem;
-  --border-width-05: 0.3125rem;
-  --border-width-06: 0.375rem;
-  --button-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.1);
-  --camera-container-height: 6.125rem;
-  --camera-container-height-medium-screen: 5.8125rem;
-  --camera-container-height-small-screen: 4.375rem;
-  --camera-container-size: 1.875rem;
-  --card-media-height: 14.375rem;
-  --card-shadow: 0 0.125rem 0.25rem 0 rgba(40, 47, 54, 0.08);
-  --card-shadow-2: 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08);
-  --feed-web-shadow: inset 0 0.0313rem 0 0 #d0d0d0;
-  --font-family: Lato;
-  --font-size-10: 0.625rem;
-  --font-size-12: 0.75rem;
-  --font-size-14: 0.875rem;
-  --font-size-16: 1rem;
-  --font-size-18: 1.125rem;
-  --font-size-20: 1.25rem;
-  --font-size-24: 1.5rem;
-  --font-size-28: 1.75rem;
-  --font-size-32: 2rem;
-  --font-size-36: 2.25rem;
-  --font-size-42: 2.625rem;
-  --font-size-48: 3rem;
-  --font-size-54: 3.375rem;
-  --font-weight-300: 300;
-  --font-weight-400: 400;
-  --font-weight-700: 700;
-  --font-weight-900: 900;
-  --footer-shadow: 0 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.15);
-  --form-slide-shadow: 0 0.3125rem 0.625rem 0.1875rem rgba(0, 0, 0, 0.15);
-  --grid-frame-shadow: 0 0.3125rem 0.9375rem 0.1875rem rgba(40, 47, 54, 0.15);
-  --history-shadow: 0 0.1875rem 0.3125rem 0 rgba(40, 47, 54, 0.15);
-  --web-kpi-shadow: 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1);
-  --icon-size-00: 0.8rem;
-  --icon-size-01: 1rem;
-  --icon-size-02: 1.5rem;
-  --icon-size-03: 2rem;
-  --icon-size-04: 3rem;
-  --icon-size-05: 4rem;
-  --icon-size-06: 5rem;
-  --input-bar-shadow: 0 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.15);
-  --logo-01: 0.5rem;
-  --logo-02: 1rem;
-  --logo-03: 1.5rem;
-  --logo-04: 2rem;
-  --logo-05: 3rem;
-  --logo-06: 4rem;
-  --logo-07: 5rem;
-  --logo-08: 6rem;
-  --spacing-02: 0.125rem;
-  --spacing-04: 0.25rem;
-  --spacing-08: 0.5rem;
-  --spacing-16: 1rem;
-  --spacing-24: 1.5rem;
-  --spacing-32: 2rem;
-  --spacing-40: 2.5rem;
-  --spacing-48: 3rem;
-  --spacing-56: 3.5rem;
-  --spacing-64: 4rem;
-  --spacing-80: 5rem;
-  --spacing-96: 6rem;
-  --shadow-01: 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1);
-  --shadow-02: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1);
-  --shadow-03: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
-  --shadow-04: 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1);
-  --shadow-05: -0.375rem -0.375rem 0.5rem 0 rgba(0, 0, 0, 0.1);
-  --shadow-06: 0 0 1rem 0.3rem rgba(0, 0, 0, 0.1);
-  --toast-shadow: 0 0.3125rem 1.875rem 0 rgba(40, 47, 54, 0.2);
-  --toolbar-web-height: 3.5rem;
-  --toolbar-shadow: 0 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.15);
-  --navbar-gradient: linear-gradient(rgba(0, 0, 0, 0.7), transparent);
-  --transparent: transparent;
-  --web-shadow: 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08);
-  --accent: #276ef1;
-  --anthracite: #1a1a1a;
-  --app-color: #5a30f4;
-  --danger: #d44333;
-  --dark: #000000;
-  --energized: #ffc043;
-  --info: #d84c96;
-  --light: #ffffff;
-  --stable: #adadad;
-  --stable-alt: #d0d0d0;
-  --stable-light: #f1f1f1;
-  --stable-ultralight: #fafafa;
-  --success: #3aa76d;
-  --text-color: #807f83;
-  --warning: #ed6e33;
-  --wood: #99644c;
-  --accent-10: rgba(39, 110, 241, 0.1);
-  --accent-20: rgba(39, 110, 241, 0.2);
-  --accent-40: rgba(39, 110, 241, 0.4);
-  --accent-60: rgba(39, 110, 241, 0.6);
-  --accent-80: rgba(39, 110, 241, 0.8);
-  --anthracite-10: rgba(26, 26, 26, 0.1);
-  --anthracite-20: rgba(26, 26, 26, 0.2);
-  --anthracite-40: rgba(26, 26, 26, 0.4);
-  --anthracite-60: rgba(26, 26, 26, 0.6);
-  --anthracite-80: rgba(26, 26, 26, 0.8);
-  --app-color-10: rgba(90, 48, 244, 0.1);
-  --app-color-20: rgba(90, 48, 244, 0.2);
-  --app-color-40: rgba(90, 48, 244, 0.4);
-  --app-color-60: rgba(90, 48, 244, 0.6);
-  --app-color-80: rgba(90, 48, 244, 0.8);
-  --danger-10: rgba(212, 67, 51, 0.1);
-  --danger-20: rgba(212, 67, 51, 0.2);
-  --danger-40: rgba(212, 67, 51, 0.4);
-  --danger-60: rgba(212, 67, 51, 0.6);
-  --danger-80: rgba(212, 67, 51, 0.8);
-  --dark-10: rgba(0, 0, 0, 0.1);
-  --dark-20: rgba(0, 0, 0, 0.2);
-  --dark-40: rgba(0, 0, 0, 0.4);
-  --dark-60: rgba(0, 0, 0, 0.6);
-  --dark-80: rgba(0, 0, 0, 0.8);
-  --energized-10: rgba(255, 192, 67, 0.1);
-  --energized-20: rgba(255, 192, 67, 0.2);
-  --energized-40: rgba(255, 192, 67, 0.4);
-  --energized-60: rgba(255, 192, 67, 0.6);
-  --energized-80: rgba(255, 192, 67, 0.8);
-  --info-10: rgba(216, 76, 150, 0.1);
-  --info-20: rgba(216, 76, 150, 0.2);
-  --info-40: rgba(216, 76, 150, 0.4);
-  --info-60: rgba(216, 76, 150, 0.6);
-  --info-80: rgba(216, 76, 150, 0.8);
-  --light-10: rgba(255, 255, 255, 0.1);
-  --light-20: rgba(255, 255, 255, 0.2);
-  --light-40: rgba(255, 255, 255, 0.4);
-  --light-60: rgba(255, 255, 255, 0.6);
-  --light-80: rgba(255, 255, 255, 0.8);
-  --stable-10: rgba(173, 173, 173, 0.1);
-  --stable-20: rgba(173, 173, 173, 0.2);
-  --stable-40: rgba(173, 173, 173, 0.4);
-  --stable-60: rgba(173, 173, 173, 0.6);
-  --stable-80: rgba(173, 173, 173, 0.8);
-  --stable-alt-10: rgba(208, 208, 208, 0.1);
-  --stable-alt-20: rgba(208, 208, 208, 0.2);
-  --stable-alt-40: rgba(208, 208, 208, 0.4);
-  --stable-alt-60: rgba(208, 208, 208, 0.6);
-  --stable-alt-80: rgba(208, 208, 208, 0.8);
-  --stable-light-10: rgba(241, 241, 241, 0.1);
-  --stable-light-20: rgba(241, 241, 241, 0.2);
-  --stable-light-40: rgba(241, 241, 241, 0.4);
-  --stable-light-60: rgba(241, 241, 241, 0.6);
-  --stable-light-80: rgba(241, 241, 241, 0.8);
-  --stable-ultralight-10: rgba(250, 250, 250, 0.1);
-  --stable-ultralight-20: rgba(250, 250, 250, 0.2);
-  --stable-ultralight-40: rgba(250, 250, 250, 0.4);
-  --stable-ultralight-60: rgba(250, 250, 250, 0.6);
-  --stable-ultralight-80: rgba(250, 250, 250, 0.8);
-  --success-10: rgba(58, 167, 109, 0.1);
-  --success-20: rgba(58, 167, 109, 0.2);
-  --success-40: rgba(58, 167, 109, 0.4);
-  --success-60: rgba(58, 167, 109, 0.6);
-  --success-80: rgba(58, 167, 109, 0.8);
-  --text-color-10: rgba(128, 127, 131, 0.1);
-  --text-color-20: rgba(128, 127, 131, 0.2);
-  --text-color-40: rgba(128, 127, 131, 0.4);
-  --text-color-60: rgba(128, 127, 131, 0.6);
-  --text-color-80: rgba(128, 127, 131, 0.8);
-  --warning-10: rgba(237, 110, 51, 0.1);
-  --warning-20: rgba(237, 110, 51, 0.2);
-  --warning-40: rgba(237, 110, 51, 0.4);
-  --warning-60: rgba(237, 110, 51, 0.6);
-  --warning-80: rgba(237, 110, 51, 0.8);
-  --wood-10: rgba(153, 100, 76, 0.1);
-  --wood-20: rgba(153, 100, 76, 0.2);
-  --wood-40: rgba(153, 100, 76, 0.4);
-  --wood-60: rgba(153, 100, 76, 0.6);
-  --wood-80: rgba(153, 100, 76, 0.8);
-  --ion-color-primary: #276ef1;
-  --ion-color-secondary: #3aa76d;
-  --ion-color-tertiary: #5a30f4;
-  --ion-color-success: #3aa76d;
-  --ion-color-warning: #ed6e33;
-  --ion-color-danger: #d44333;
-  --ion-color-medium: #adadad;
-  --ion-background-ios-color: transparent;
-  --card-active-shadow: 0px 0px 3px 0.0625rem #276ef1;
-  --dark-40-transparent-gradient: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), transparent);
-  --gradient-placeholder: linear-gradient(to right, #f1f1f1, rgba(241, 241, 241, 0.8));
-  --linear-gradient-01: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.19), rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.66), rgba(0, 0, 0, 0.74), rgba(0, 0, 0, 0.81), rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.94), var(--dark, #000000));
-  --linear-gradient-01-bottom: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.19), rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.66), rgba(0, 0, 0, 0.74), rgba(0, 0, 0, 0.81), rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.94), var(--dark, #000000));
-  --linear-gradient-left: linear-gradient(to left, rgba(255, 255, 255, 0), white);
-  --linear-gradient-right: linear-gradient(to right, rgba(255, 255, 255, 0), white);
-  --ripple-dark-opacity: 0.2;
-  --ripple-light-opacity: 0.15;
-  --tile-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
-  --transparent-linear-gradient: rgba(255, 255, 255, 0);
-  --breakpoint-small: 320px;
-  --breakpoint-medium: 627px;
-  --breakpoint-large: 1056px;
-  --breakpoint-extra-large: 1312px;
-  --breakpoint-max: 1584px;
-  --col-margin-00: 0;
-  --col-margin-16: 1rem;
-  --col-margin-24: 1.5rem;
-  --col-max-width-small: 20rem;
-  --col-max-width-medium: 42rem;
-  --col-max-width-large: 66rem;
-  --col-max-width-extra-large: 82rem;
-  --col-max-width-max: 99rem;
-  --col-padding-16: 1rem;
-  --col-width-small: 25%;
-  --col-width-medium: 12.5%;
-  --col-width-large: 6.2%;
-  --col-width-max: 6.25%;
-}
-
-.bg-accent {
-  background: var(--accent, #276ef1);
-}
-
-.accent {
-  color: var(--accent, #276ef1);
-}
-
-.bg-anthracite {
-  background: var(--anthracite, #1a1a1a);
-}
-
-.anthracite {
-  color: var(--anthracite, #1a1a1a);
-}
-
-.bg-app-color {
-  background: var(--app-color, #5a30f4);
-}
-
-.app-color {
-  color: var(--app-color, #5a30f4);
-}
-
-.bg-danger {
-  background: var(--danger, #d44333);
-}
-
-.danger {
-  color: var(--danger, #d44333);
-}
-
-.bg-dark {
-  background: var(--dark, #000000);
-}
-
-.dark {
-  color: var(--dark, #000000);
-}
-
-.bg-energized {
-  background: var(--energized, #ffc043);
-}
-
-.energized {
-  color: var(--energized, #ffc043);
-}
-
-.bg-info {
-  background: var(--info, #d84c96);
-}
-
-.info {
-  color: var(--info, #d84c96);
-}
-
-.bg-light {
-  background: var(--light, #ffffff);
-}
-
-.light {
-  color: var(--light, #ffffff);
-}
-
-.bg-stable {
-  background: var(--stable, #adadad);
-}
-
-.stable {
-  color: var(--stable, #adadad);
-}
-
-.bg-stable-alt {
-  background: var(--stable-alt, #d0d0d0);
-}
-
-.stable-alt {
-  color: var(--stable-alt, #d0d0d0);
-}
-
-.bg-stable-light {
-  background: var(--stable-light, #f1f1f1);
-}
-
-.stable-light {
-  color: var(--stable-light, #f1f1f1);
-}
-
-.bg-stable-ultralight {
-  background: var(--stable-ultralight, #fafafa);
-}
-
-.stable-ultralight {
-  color: var(--stable-ultralight, #fafafa);
-}
-
-.bg-success {
-  background: var(--success, #3aa76d);
-}
-
-.success {
-  color: var(--success, #3aa76d);
-}
-
-.bg-text-color {
-  background: var(--text-color, #807f83);
-}
-
-.text-color {
-  color: var(--text-color, #807f83);
-}
-
-.bg-warning {
-  background: var(--warning, #ed6e33);
-}
-
-.warning {
-  color: var(--warning, #ed6e33);
-}
-
-.bg-wood {
-  background: var(--wood, #99644c);
-}
-
-.wood {
-  color: var(--wood, #99644c);
-}
-
-.bg-accent-10 {
-  background: var(--accent-10, rgba(39, 110, 241, 0.1));
-}
-
-.accent-10 {
-  color: var(--accent-10, rgba(39, 110, 241, 0.1));
-}
-
-.bg-accent-20 {
-  background: var(--accent-20, rgba(39, 110, 241, 0.2));
-}
-
-.accent-20 {
-  color: var(--accent-20, rgba(39, 110, 241, 0.2));
-}
-
-.bg-accent-40 {
-  background: var(--accent-40, rgba(39, 110, 241, 0.4));
-}
-
-.accent-40 {
-  color: var(--accent-40, rgba(39, 110, 241, 0.4));
-}
-
-.bg-accent-60 {
-  background: var(--accent-60, rgba(39, 110, 241, 0.6));
-}
-
-.accent-60 {
-  color: var(--accent-60, rgba(39, 110, 241, 0.6));
-}
-
-.bg-accent-80 {
-  background: var(--accent-80, rgba(39, 110, 241, 0.8));
-}
-
-.accent-80 {
-  color: var(--accent-80, rgba(39, 110, 241, 0.8));
-}
-
-.bg-anthracite-10 {
-  background: var(--anthracite-10, rgba(26, 26, 26, 0.1));
-}
-
-.anthracite-10 {
-  color: var(--anthracite-10, rgba(26, 26, 26, 0.1));
-}
-
-.bg-anthracite-20 {
-  background: var(--anthracite-20, rgba(26, 26, 26, 0.2));
-}
-
-.anthracite-20 {
-  color: var(--anthracite-20, rgba(26, 26, 26, 0.2));
-}
-
-.bg-anthracite-40 {
-  background: var(--anthracite-40, rgba(26, 26, 26, 0.4));
-}
-
-.anthracite-40 {
-  color: var(--anthracite-40, rgba(26, 26, 26, 0.4));
-}
-
-.bg-anthracite-60 {
-  background: var(--anthracite-60, rgba(26, 26, 26, 0.6));
-}
-
-.anthracite-60 {
-  color: var(--anthracite-60, rgba(26, 26, 26, 0.6));
-}
-
-.bg-anthracite-80 {
-  background: var(--anthracite-80, rgba(26, 26, 26, 0.8));
-}
-
-.anthracite-80 {
-  color: var(--anthracite-80, rgba(26, 26, 26, 0.8));
-}
-
-.bg-app-color-10 {
-  background: var(--app-color-10, rgba(90, 48, 244, 0.1));
-}
-
-.app-color-10 {
-  color: var(--app-color-10, rgba(90, 48, 244, 0.1));
-}
-
-.bg-app-color-20 {
-  background: var(--app-color-20, rgba(90, 48, 244, 0.2));
-}
-
-.app-color-20 {
-  color: var(--app-color-20, rgba(90, 48, 244, 0.2));
-}
-
-.bg-app-color-40 {
-  background: var(--app-color-40, rgba(90, 48, 244, 0.4));
-}
-
-.app-color-40 {
-  color: var(--app-color-40, rgba(90, 48, 244, 0.4));
-}
-
-.bg-app-color-60 {
-  background: var(--app-color-60, rgba(90, 48, 244, 0.6));
-}
-
-.app-color-60 {
-  color: var(--app-color-60, rgba(90, 48, 244, 0.6));
-}
-
-.bg-app-color-80 {
-  background: var(--app-color-80, rgba(90, 48, 244, 0.8));
-}
-
-.app-color-80 {
-  color: var(--app-color-80, rgba(90, 48, 244, 0.8));
-}
-
-.bg-danger-10 {
-  background: var(--danger-10, rgba(212, 67, 51, 0.1));
-}
-
-.danger-10 {
-  color: var(--danger-10, rgba(212, 67, 51, 0.1));
-}
-
-.bg-danger-20 {
-  background: var(--danger-20, rgba(212, 67, 51, 0.2));
-}
-
-.danger-20 {
-  color: var(--danger-20, rgba(212, 67, 51, 0.2));
-}
-
-.bg-danger-40 {
-  background: var(--danger-40, rgba(212, 67, 51, 0.4));
-}
-
-.danger-40 {
-  color: var(--danger-40, rgba(212, 67, 51, 0.4));
-}
-
-.bg-danger-60 {
-  background: var(--danger-60, rgba(212, 67, 51, 0.6));
-}
-
-.danger-60 {
-  color: var(--danger-60, rgba(212, 67, 51, 0.6));
-}
-
-.bg-danger-80 {
-  background: var(--danger-80, rgba(212, 67, 51, 0.8));
-}
-
-.danger-80 {
-  color: var(--danger-80, rgba(212, 67, 51, 0.8));
-}
-
-.bg-dark-10 {
-  background: var(--dark-10, rgba(0, 0, 0, 0.1));
-}
-
-.dark-10 {
-  color: var(--dark-10, rgba(0, 0, 0, 0.1));
-}
-
-.bg-dark-20 {
-  background: var(--dark-20, rgba(0, 0, 0, 0.2));
-}
-
-.dark-20 {
-  color: var(--dark-20, rgba(0, 0, 0, 0.2));
-}
-
-.bg-dark-40 {
-  background: var(--dark-40, rgba(0, 0, 0, 0.4));
-}
-
-.dark-40 {
-  color: var(--dark-40, rgba(0, 0, 0, 0.4));
-}
-
-.bg-dark-60 {
-  background: var(--dark-60, rgba(0, 0, 0, 0.6));
-}
-
-.dark-60 {
-  color: var(--dark-60, rgba(0, 0, 0, 0.6));
-}
-
-.bg-dark-80 {
-  background: var(--dark-80, rgba(0, 0, 0, 0.8));
-}
-
-.dark-80 {
-  color: var(--dark-80, rgba(0, 0, 0, 0.8));
-}
-
-.bg-energized-10 {
-  background: var(--energized-10, rgba(255, 192, 67, 0.1));
-}
-
-.energized-10 {
-  color: var(--energized-10, rgba(255, 192, 67, 0.1));
-}
-
-.bg-energized-20 {
-  background: var(--energized-20, rgba(255, 192, 67, 0.2));
-}
-
-.energized-20 {
-  color: var(--energized-20, rgba(255, 192, 67, 0.2));
-}
-
-.bg-energized-40 {
-  background: var(--energized-40, rgba(255, 192, 67, 0.4));
-}
-
-.energized-40 {
-  color: var(--energized-40, rgba(255, 192, 67, 0.4));
-}
-
-.bg-energized-60 {
-  background: var(--energized-60, rgba(255, 192, 67, 0.6));
-}
-
-.energized-60 {
-  color: var(--energized-60, rgba(255, 192, 67, 0.6));
-}
-
-.bg-energized-80 {
-  background: var(--energized-80, rgba(255, 192, 67, 0.8));
-}
-
-.energized-80 {
-  color: var(--energized-80, rgba(255, 192, 67, 0.8));
-}
-
-.bg-info-10 {
-  background: var(--info-10, rgba(216, 76, 150, 0.1));
-}
-
-.info-10 {
-  color: var(--info-10, rgba(216, 76, 150, 0.1));
-}
-
-.bg-info-20 {
-  background: var(--info-20, rgba(216, 76, 150, 0.2));
-}
-
-.info-20 {
-  color: var(--info-20, rgba(216, 76, 150, 0.2));
-}
-
-.bg-info-40 {
-  background: var(--info-40, rgba(216, 76, 150, 0.4));
-}
-
-.info-40 {
-  color: var(--info-40, rgba(216, 76, 150, 0.4));
-}
-
-.bg-info-60 {
-  background: var(--info-60, rgba(216, 76, 150, 0.6));
-}
-
-.info-60 {
-  color: var(--info-60, rgba(216, 76, 150, 0.6));
-}
-
-.bg-info-80 {
-  background: var(--info-80, rgba(216, 76, 150, 0.8));
-}
-
-.info-80 {
-  color: var(--info-80, rgba(216, 76, 150, 0.8));
-}
-
-.bg-light-10 {
-  background: var(--light-10, rgba(255, 255, 255, 0.1));
-}
-
-.light-10 {
-  color: var(--light-10, rgba(255, 255, 255, 0.1));
-}
-
-.bg-light-20 {
-  background: var(--light-20, rgba(255, 255, 255, 0.2));
-}
-
-.light-20 {
-  color: var(--light-20, rgba(255, 255, 255, 0.2));
-}
-
-.bg-light-40 {
-  background: var(--light-40, rgba(255, 255, 255, 0.4));
-}
-
-.light-40 {
-  color: var(--light-40, rgba(255, 255, 255, 0.4));
-}
-
-.bg-light-60 {
-  background: var(--light-60, rgba(255, 255, 255, 0.6));
-}
-
-.light-60 {
-  color: var(--light-60, rgba(255, 255, 255, 0.6));
-}
-
-.bg-light-80 {
-  background: var(--light-80, rgba(255, 255, 255, 0.8));
-}
-
-.light-80 {
-  color: var(--light-80, rgba(255, 255, 255, 0.8));
-}
-
-.bg-stable-10 {
-  background: var(--stable-10, rgba(173, 173, 173, 0.1));
-}
-
-.stable-10 {
-  color: var(--stable-10, rgba(173, 173, 173, 0.1));
-}
-
-.bg-stable-20 {
-  background: var(--stable-20, rgba(173, 173, 173, 0.2));
-}
-
-.stable-20 {
-  color: var(--stable-20, rgba(173, 173, 173, 0.2));
-}
-
-.bg-stable-40 {
-  background: var(--stable-40, rgba(173, 173, 173, 0.4));
-}
-
-.stable-40 {
-  color: var(--stable-40, rgba(173, 173, 173, 0.4));
-}
-
-.bg-stable-60 {
-  background: var(--stable-60, rgba(173, 173, 173, 0.6));
-}
-
-.stable-60 {
-  color: var(--stable-60, rgba(173, 173, 173, 0.6));
-}
-
-.bg-stable-80 {
-  background: var(--stable-80, rgba(173, 173, 173, 0.8));
-}
-
-.stable-80 {
-  color: var(--stable-80, rgba(173, 173, 173, 0.8));
-}
-
-.bg-stable-alt-10 {
-  background: var(--stable-alt-10, rgba(208, 208, 208, 0.1));
-}
-
-.stable-alt-10 {
-  color: var(--stable-alt-10, rgba(208, 208, 208, 0.1));
-}
-
-.bg-stable-alt-20 {
-  background: var(--stable-alt-20, rgba(208, 208, 208, 0.2));
-}
-
-.stable-alt-20 {
-  color: var(--stable-alt-20, rgba(208, 208, 208, 0.2));
-}
-
-.bg-stable-alt-40 {
-  background: var(--stable-alt-40, rgba(208, 208, 208, 0.4));
-}
-
-.stable-alt-40 {
-  color: var(--stable-alt-40, rgba(208, 208, 208, 0.4));
-}
-
-.bg-stable-alt-60 {
-  background: var(--stable-alt-60, rgba(208, 208, 208, 0.6));
-}
-
-.stable-alt-60 {
-  color: var(--stable-alt-60, rgba(208, 208, 208, 0.6));
-}
-
-.bg-stable-alt-80 {
-  background: var(--stable-alt-80, rgba(208, 208, 208, 0.8));
-}
-
-.stable-alt-80 {
-  color: var(--stable-alt-80, rgba(208, 208, 208, 0.8));
-}
-
-.bg-stable-light-10 {
-  background: var(--stable-light-10, rgba(241, 241, 241, 0.1));
-}
-
-.stable-light-10 {
-  color: var(--stable-light-10, rgba(241, 241, 241, 0.1));
-}
-
-.bg-stable-light-20 {
-  background: var(--stable-light-20, rgba(241, 241, 241, 0.2));
-}
-
-.stable-light-20 {
-  color: var(--stable-light-20, rgba(241, 241, 241, 0.2));
-}
-
-.bg-stable-light-40 {
-  background: var(--stable-light-40, rgba(241, 241, 241, 0.4));
-}
-
-.stable-light-40 {
-  color: var(--stable-light-40, rgba(241, 241, 241, 0.4));
-}
-
-.bg-stable-light-60 {
-  background: var(--stable-light-60, rgba(241, 241, 241, 0.6));
-}
-
-.stable-light-60 {
-  color: var(--stable-light-60, rgba(241, 241, 241, 0.6));
-}
-
-.bg-stable-light-80 {
-  background: var(--stable-light-80, rgba(241, 241, 241, 0.8));
-}
-
-.stable-light-80 {
-  color: var(--stable-light-80, rgba(241, 241, 241, 0.8));
-}
-
-.bg-stable-ultralight-10 {
-  background: var(--stable-ultralight-10, rgba(250, 250, 250, 0.1));
-}
-
-.stable-ultralight-10 {
-  color: var(--stable-ultralight-10, rgba(250, 250, 250, 0.1));
-}
-
-.bg-stable-ultralight-20 {
-  background: var(--stable-ultralight-20, rgba(250, 250, 250, 0.2));
-}
-
-.stable-ultralight-20 {
-  color: var(--stable-ultralight-20, rgba(250, 250, 250, 0.2));
-}
-
-.bg-stable-ultralight-40 {
-  background: var(--stable-ultralight-40, rgba(250, 250, 250, 0.4));
-}
-
-.stable-ultralight-40 {
-  color: var(--stable-ultralight-40, rgba(250, 250, 250, 0.4));
-}
-
-.bg-stable-ultralight-60 {
-  background: var(--stable-ultralight-60, rgba(250, 250, 250, 0.6));
-}
-
-.stable-ultralight-60 {
-  color: var(--stable-ultralight-60, rgba(250, 250, 250, 0.6));
-}
-
-.bg-stable-ultralight-80 {
-  background: var(--stable-ultralight-80, rgba(250, 250, 250, 0.8));
-}
-
-.stable-ultralight-80 {
-  color: var(--stable-ultralight-80, rgba(250, 250, 250, 0.8));
-}
-
-.bg-success-10 {
-  background: var(--success-10, rgba(58, 167, 109, 0.1));
-}
-
-.success-10 {
-  color: var(--success-10, rgba(58, 167, 109, 0.1));
-}
-
-.bg-success-20 {
-  background: var(--success-20, rgba(58, 167, 109, 0.2));
-}
-
-.success-20 {
-  color: var(--success-20, rgba(58, 167, 109, 0.2));
-}
-
-.bg-success-40 {
-  background: var(--success-40, rgba(58, 167, 109, 0.4));
-}
-
-.success-40 {
-  color: var(--success-40, rgba(58, 167, 109, 0.4));
-}
-
-.bg-success-60 {
-  background: var(--success-60, rgba(58, 167, 109, 0.6));
-}
-
-.success-60 {
-  color: var(--success-60, rgba(58, 167, 109, 0.6));
-}
-
-.bg-success-80 {
-  background: var(--success-80, rgba(58, 167, 109, 0.8));
-}
-
-.success-80 {
-  color: var(--success-80, rgba(58, 167, 109, 0.8));
-}
-
-.bg-text-color-10 {
-  background: var(--text-color-10, rgba(128, 127, 131, 0.1));
-}
-
-.text-color-10 {
-  color: var(--text-color-10, rgba(128, 127, 131, 0.1));
-}
-
-.bg-text-color-20 {
-  background: var(--text-color-20, rgba(128, 127, 131, 0.2));
-}
-
-.text-color-20 {
-  color: var(--text-color-20, rgba(128, 127, 131, 0.2));
-}
-
-.bg-text-color-40 {
-  background: var(--text-color-40, rgba(128, 127, 131, 0.4));
-}
-
-.text-color-40 {
-  color: var(--text-color-40, rgba(128, 127, 131, 0.4));
-}
-
-.bg-text-color-60 {
-  background: var(--text-color-60, rgba(128, 127, 131, 0.6));
-}
-
-.text-color-60 {
-  color: var(--text-color-60, rgba(128, 127, 131, 0.6));
-}
-
-.bg-text-color-80 {
-  background: var(--text-color-80, rgba(128, 127, 131, 0.8));
-}
-
-.text-color-80 {
-  color: var(--text-color-80, rgba(128, 127, 131, 0.8));
-}
-
-.bg-warning-10 {
-  background: var(--warning-10, rgba(237, 110, 51, 0.1));
-}
-
-.warning-10 {
-  color: var(--warning-10, rgba(237, 110, 51, 0.1));
-}
-
-.bg-warning-20 {
-  background: var(--warning-20, rgba(237, 110, 51, 0.2));
-}
-
-.warning-20 {
-  color: var(--warning-20, rgba(237, 110, 51, 0.2));
-}
-
-.bg-warning-40 {
-  background: var(--warning-40, rgba(237, 110, 51, 0.4));
-}
-
-.warning-40 {
-  color: var(--warning-40, rgba(237, 110, 51, 0.4));
-}
-
-.bg-warning-60 {
-  background: var(--warning-60, rgba(237, 110, 51, 0.6));
-}
-
-.warning-60 {
-  color: var(--warning-60, rgba(237, 110, 51, 0.6));
-}
-
-.bg-warning-80 {
-  background: var(--warning-80, rgba(237, 110, 51, 0.8));
-}
-
-.warning-80 {
-  color: var(--warning-80, rgba(237, 110, 51, 0.8));
-}
-
-.bg-wood-10 {
-  background: var(--wood-10, rgba(153, 100, 76, 0.1));
-}
-
-.wood-10 {
-  color: var(--wood-10, rgba(153, 100, 76, 0.1));
-}
-
-.bg-wood-20 {
-  background: var(--wood-20, rgba(153, 100, 76, 0.2));
-}
-
-.wood-20 {
-  color: var(--wood-20, rgba(153, 100, 76, 0.2));
-}
-
-.bg-wood-40 {
-  background: var(--wood-40, rgba(153, 100, 76, 0.4));
-}
-
-.wood-40 {
-  color: var(--wood-40, rgba(153, 100, 76, 0.4));
-}
-
-.bg-wood-60 {
-  background: var(--wood-60, rgba(153, 100, 76, 0.6));
-}
-
-.wood-60 {
-  color: var(--wood-60, rgba(153, 100, 76, 0.6));
-}
-
-.bg-wood-80 {
-  background: var(--wood-80, rgba(153, 100, 76, 0.8));
-}
-
-.wood-80 {
-  color: var(--wood-80, rgba(153, 100, 76, 0.8));
-}
-
-.bg-stable-ultralight {
-  background: var(--stable-ultralight, #fafafa);
-}
-
-.bg-light {
-  background: var(--light, #ffffff);
-}
-
-.delay-0 {
-  animation-delay: 0ms;
-}
-
-.delay-1 {
-  animation-delay: 100ms;
-}
-
-.delay-2 {
-  animation-delay: 200ms;
-}
-
-.delay-3 {
-  animation-delay: 300ms;
-}
-
-.delay-4 {
-  animation-delay: 400ms;
-}
-
-.delay-5 {
-  animation-delay: 500ms;
-}
-
-.delay-6 {
-  animation-delay: 600ms;
-}
-
-.delay-7 {
-  animation-delay: 700ms;
-}
-
-.delay-8 {
-  animation-delay: 800ms;
-}
-
-.delay-9 {
-  animation-delay: 900ms;
-}
-
-.delay-10 {
-  animation-delay: 1000ms;
-}
-
-.delay-11 {
-  animation-delay: 1100ms;
-}
-
-.delay-12 {
-  animation-delay: 1200ms;
-}
-
-.delay-13 {
-  animation-delay: 1300ms;
-}
-
-.delay-14 {
-  animation-delay: 1400ms;
-}
-
-.delay-15 {
-  animation-delay: 1500ms;
-}
-
-.delay-16 {
-  animation-delay: 1600ms;
-}
-
-.delay-17 {
-  animation-delay: 1700ms;
-}
-
-.delay-18 {
-  animation-delay: 1800ms;
-}
-
-.delay-19 {
-  animation-delay: 1900ms;
-}
-
-.delay-20 {
-  animation-delay: 2000ms;
-}
-
-.delay-21 {
-  animation-delay: 2100ms;
-}
-
-.delay-22 {
-  animation-delay: 2200ms;
-}
-
-.delay-23 {
-  animation-delay: 2300ms;
-}
-
-.delay-24 {
-  animation-delay: 2400ms;
-}
-
-.delay-25 {
-  animation-delay: 2500ms;
-}
-
-.delay-26 {
-  animation-delay: 2600ms;
-}
-
-.delay-27 {
-  animation-delay: 2700ms;
-}
-
-.delay-28 {
-  animation-delay: 2800ms;
-}
-
-.delay-29 {
-  animation-delay: 2900ms;
-}
-
-.delay-30 {
-  animation-delay: 3000ms;
-}
-
-.delay-31 {
-  animation-delay: 3100ms;
-}
-
-.delay-32 {
-  animation-delay: 3200ms;
-}
-
-.delay-33 {
-  animation-delay: 3300ms;
-}
-
-.delay-34 {
-  animation-delay: 3400ms;
-}
-
-.delay-35 {
-  animation-delay: 3500ms;
-}
-
-.delay-36 {
-  animation-delay: 3600ms;
-}
-
-.delay-37 {
-  animation-delay: 3700ms;
-}
-
-.delay-38 {
-  animation-delay: 3800ms;
-}
-
-.delay-39 {
-  animation-delay: 3900ms;
-}
-
-.delay-40 {
-  animation-delay: 4000ms;
-}
-
-.delay-41 {
-  animation-delay: 4100ms;
-}
-
-.delay-42 {
-  animation-delay: 4200ms;
-}
-
-.delay-43 {
-  animation-delay: 4300ms;
-}
-
-.delay-44 {
-  animation-delay: 4400ms;
-}
-
-.delay-45 {
-  animation-delay: 4500ms;
-}
-
-.delay-46 {
-  animation-delay: 4600ms;
-}
-
-.delay-47 {
-  animation-delay: 4700ms;
-}
-
-.delay-48 {
-  animation-delay: 4800ms;
-}
-
-.delay-49 {
-  animation-delay: 4900ms;
-}
-
-.delay-50 {
-  animation-delay: 5000ms;
-}
-
-.delay-51 {
-  animation-delay: 5100ms;
-}
-
-.delay-52 {
-  animation-delay: 5200ms;
-}
-
-.delay-53 {
-  animation-delay: 5300ms;
-}
-
-.delay-54 {
-  animation-delay: 5400ms;
-}
-
-.delay-55 {
-  animation-delay: 5500ms;
-}
-
-.delay-56 {
-  animation-delay: 5600ms;
-}
-
-.delay-57 {
-  animation-delay: 5700ms;
-}
-
-.delay-58 {
-  animation-delay: 5800ms;
-}
-
-.delay-59 {
-  animation-delay: 5900ms;
-}
-
-.delay-60 {
-  animation-delay: 6000ms;
-}
-
-.delay-61 {
-  animation-delay: 6100ms;
-}
-
-.delay-62 {
-  animation-delay: 6200ms;
-}
-
-.delay-63 {
-  animation-delay: 6300ms;
-}
-
-.delay-64 {
-  animation-delay: 6400ms;
-}
-
-.delay-65 {
-  animation-delay: 6500ms;
-}
-
-.delay-66 {
-  animation-delay: 6600ms;
-}
-
-.delay-67 {
-  animation-delay: 6700ms;
-}
-
-.delay-68 {
-  animation-delay: 6800ms;
-}
-
-.delay-69 {
-  animation-delay: 6900ms;
-}
-
-.delay-70 {
-  animation-delay: 7000ms;
-}
-
-.delay-71 {
-  animation-delay: 7100ms;
-}
-
-.delay-72 {
-  animation-delay: 7200ms;
-}
-
-.delay-73 {
-  animation-delay: 7300ms;
-}
-
-.delay-74 {
-  animation-delay: 7400ms;
-}
-
-.delay-75 {
-  animation-delay: 7500ms;
-}
-
-.delay-76 {
-  animation-delay: 7600ms;
-}
-
-.delay-77 {
-  animation-delay: 7700ms;
-}
-
-.delay-78 {
-  animation-delay: 7800ms;
-}
-
-.delay-79 {
-  animation-delay: 7900ms;
-}
-
-.delay-80 {
-  animation-delay: 8000ms;
-}
-
-.delay-81 {
-  animation-delay: 8100ms;
-}
-
-.delay-82 {
-  animation-delay: 8200ms;
-}
-
-.delay-83 {
-  animation-delay: 8300ms;
-}
-
-.delay-84 {
-  animation-delay: 8400ms;
-}
-
-.delay-85 {
-  animation-delay: 8500ms;
-}
-
-.delay-86 {
-  animation-delay: 8600ms;
-}
-
-.delay-87 {
-  animation-delay: 8700ms;
-}
-
-.delay-88 {
-  animation-delay: 8800ms;
-}
-
-.delay-89 {
-  animation-delay: 8900ms;
-}
-
-.delay-90 {
-  animation-delay: 9000ms;
-}
-
-.delay-91 {
-  animation-delay: 9100ms;
-}
-
-.delay-92 {
-  animation-delay: 9200ms;
-}
-
-.delay-93 {
-  animation-delay: 9300ms;
-}
-
-.delay-94 {
-  animation-delay: 9400ms;
-}
-
-.delay-95 {
-  animation-delay: 9500ms;
-}
-
-.delay-96 {
-  animation-delay: 9600ms;
-}
-
-.delay-97 {
-  animation-delay: 9700ms;
-}
-
-.delay-98 {
-  animation-delay: 9800ms;
-}
-
-.delay-99 {
-  animation-delay: 9900ms;
-}
-
-.delay-100 {
-  animation-delay: 10000ms;
-}
-
-.animated {
-  animation-duration: 500ms !important;
-}
-
-.hydrated {
-  visibility: visible !important;
-}
-
-@media (orientation: landscape) {
-  body:not(.framed) .ion-page:not(.preview) .kpi-container,
-body:not(.framed) .ion-page:not(.preview) .grid-container {
-    display: flex;
-    flex-wrap: wrap;
-    padding: var(--spacing-32, 2rem);
-  }
-  body:not(.framed) .ion-page:not(.preview) .kpi-container *:not(app-grid),
-body:not(.framed) .ion-page:not(.preview) .grid-container *:not(app-grid) {
-    width: 100%;
-  }
-  body:not(.framed) .ion-page:not(.preview) .kpi-container app-grid,
-body:not(.framed) .ion-page:not(.preview) .grid-container app-grid {
-    display: flex;
-    justify-content: center;
-    width: 49.9%;
-    padding: var(--spacing-32, 2rem);
-  }
-  body:not(.framed) .ion-page:not(.preview) .kpi-container app-grid[direction=horizontal], body:not(.framed) .ion-page:not(.preview) .kpi-container app-grid.full-width,
-body:not(.framed) .ion-page:not(.preview) .grid-container app-grid[direction=horizontal],
-body:not(.framed) .ion-page:not(.preview) .grid-container app-grid.full-width {
-    min-width: 100%;
-  }
-}
-
-.ion-page {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-}
-.ion-page:not(.transparent) {
-  background: var(--light, #ffffff);
-}
-.ion-page.half {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  height: inherit !important;
-  border-radius: inherit;
-}
-
-body.camera-preview {
-  background: transparent !important;
-}
-body.camera-preview app-root {
-  background: transparent !important;
-}
-body.camera-preview app-root yoo-app > div {
-  opacity: 0;
-}
-body.camera-preview app-root yoo-app > menu-page {
-  opacity: 0;
-}
-body.camera-preview app-root yoo-app > yoo-ion-modal:not(.camera-preview-visible) {
-  opacity: 0;
-}
-
-html.big-fonts {
-  --font-size-54: calc(54px + 4px);
-  --font-size-48: calc(48px + 4px);
-  --font-size-42: calc(42px + 4px);
-  --font-size-36: calc(36px + 4px);
-  --font-size-32: calc(32px + 4px);
-  --font-size-28: calc(28px + 4px);
-  --font-size-24: calc(24px + 4px);
-  --font-size-20: calc(20px + 4px);
-  --font-size-18: calc(18px + 4px);
-  --font-size-16: calc(16px + 4px);
-  --font-size-14: calc(14px + 4px);
-  --font-size-12: calc(12px + 4px);
-}
-
-@page {
-  margin: 0.7cm;
-}
-body {
-  margin: 0;
-  color: var(--dark, #000000);
-  background: var(--light, #ffffff);
-}
-body.color-boost {
-  --app-color: #F46885;
-  --app-color-10: rgba(244, 104, 133, 0.1);
-  --app-color-20: rgba(244, 104, 133, 0.2);
-  --app-color-40: rgba(244, 104, 133, 0.4);
-  --app-color-60: rgba(244, 104, 133, 0.6);
-  --app-color-80: rgba(244, 104, 133, 0.8);
-}
-body.color-design {
-  --app-color: #5A30F4;
-  --app-color-10: rgba(90, 48, 244, 0.1);
-  --app-color-20: rgba(90, 48, 244, 0.2);
-  --app-color-40: rgba(90, 48, 244, 0.4);
-  --app-color-60: rgba(90, 48, 244, 0.6);
-  --app-color-80: rgba(90, 48, 244, 0.8);
-}
-body.color-operations {
-  --app-color: #04CC99;
-  --app-color-10: rgba(4, 204, 153, 0.1);
-  --app-color-20: rgba(4, 204, 153, 0.2);
-  --app-color-40: rgba(4, 204, 153, 0.4);
-  --app-color-60: rgba(4, 204, 153, 0.6);
-  --app-color-80: rgba(4, 204, 153, 0.8);
-}
-
-@font-face {
-  font-weight: 100;
-  font-family: "Lato";
-  font-style: normal;
-  src: url("../../../design-system/stencil/www/assets/fonts/lato/Lato-Thin.woff2") format("woff2"), url("../../../design-system/stencil/www/assets/fonts/lato/Lato-Thin.ttf") format("truetype");
-  font-display: swap;
-}
-@font-face {
-  font-weight: 100;
-  font-family: "Lato";
-  font-style: italic;
-  src: url("../../../design-system/stencil/www/assets/fonts/lato/Lato-ThinItalic.woff2") format("woff2"), url("../../../design-system/stencil/www/assets/fonts/lato/Lato-ThinItalic.ttf") format("truetype");
-  font-display: swap;
-}
-@font-face {
-  font-weight: 300;
-  font-family: "Lato";
-  font-style: normal;
-  src: url("../../../design-system/stencil/www/assets/fonts/lato/Lato-Light.woff2") format("woff2"), url("../../../design-system/stencil/www/assets/fonts/lato/Lato-Light.ttf") format("truetype");
-  font-display: swap;
-}
-@font-face {
-  font-weight: 300;
-  font-family: "Lato";
-  font-style: italic;
-  src: url("../../../design-system/stencil/www/assets/fonts/lato/Lato-LightItalic.woff2") format("woff2"), url("../../../design-system/stencil/www/assets/fonts/lato/Lato-LightItalic.ttf") format("truetype");
-  font-display: swap;
-}
-@font-face {
-  font-weight: 400;
-  font-family: "Lato";
-  font-style: normal;
-  src: url("../../../design-system/stencil/www/assets/fonts/lato/Lato-Regular.woff2") format("woff2"), url("../../../design-system/stencil/www/assets/fonts/lato/Lato-Regular.ttf") format("truetype");
-  font-display: swap;
-}
-@font-face {
-  font-weight: 400;
-  font-family: "Lato";
-  font-style: italic;
-  src: url("../../../design-system/stencil/www/assets/fonts/lato/Lato-Italic.woff2") format("woff2"), url("../../../design-system/stencil/www/assets/fonts/lato/Lato-Italic.ttf") format("truetype");
-}
-@font-face {
-  font-weight: 700;
-  font-family: "Lato";
-  font-style: normal;
-  src: url("../../../design-system/stencil/www/assets/fonts/lato/Lato-Bold.woff2") format("woff2"), url("../../../design-system/stencil/www/assets/fonts/lato/Lato-Bold.ttf") format("truetype");
-  font-display: swap;
-}
-@font-face {
-  font-weight: 700;
-  font-family: "Lato";
-  font-style: italic;
-  src: url("../../../design-system/stencil/www/assets/fonts/lato/Lato-BoldItalic.woff2") format("woff2"), url("../../../design-system/stencil/www/assets/fonts/lato/Lato-BoldItalic.ttf") format("truetype");
-  font-display: swap;
-}
-@font-face {
-  font-weight: 900;
-  font-family: "Lato";
-  font-style: normal;
-  src: url("../../../design-system/stencil/www/assets/fonts/lato/Lato-Black.woff2") format("woff2"), url("../../../design-system/stencil/www/assets/fonts/lato/Lato-Black.ttf") format("truetype");
-  font-display: swap;
-}
-@font-face {
-  font-weight: 900;
-  font-family: "Lato";
-  font-style: italic;
-  src: url("../../../design-system/stencil/www/assets/fonts/lato/Lato-BlackItalic.woff2") format("woff2"), url("../../../design-system/stencil/www/assets/fonts/lato/Lato-BlackItalic.ttf") format("truetype");
-  font-display: swap;
-}
-#root .container-wrapper {
-  display: flex;
-}
-#root .container-wrapper .iframe-root {
-  flex-grow: 0;
-  flex-shrink: 1;
-  min-width: 375px;
-  overflow-y: auto;
-  color: var(--dark);
-  background: var(--light);
-  scrollbar-width: none;
-}
-#root .container-wrapper .iframe-root yoo-app .wrapper {
-  display: flex;
-  flex-wrap: wrap;
-  width: 100%;
-  height: 100%;
-}
-#root .container-wrapper .iframe-root yoo-app .wrapper > * {
-  max-width: 100%;
-}
-#root .container-wrapper .navigator-infos {
-  position: fixed;
-  bottom: 1rem;
-  left: 2rem;
-  z-index: 1;
-  font-size: 0.65rem;
-}
-
-:host .header-heading {
-  line-height: 4;
-}
-:host .header-heading div {
-  display: flex;
-  flex-direction: column;
-  padding: 0 1rem;
-}
-:host .header-subheading {
-  margin-top: -1.75rem;
-}
-:host .header-subheading,
-:host .side-subtitle {
-  color: var(--stable, #adadad);
-  font-weight: var(--font-weight-400, 400);
-  font-size: var(--font-size-12, 0.75rem);
-}
-:host .single-cell {
-  position: relative;
-  padding: 22px;
-}
-:host .single-cell .flex-item {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-:host .yoo-img {
-  width: 12rem;
-  height: 12rem;
-}
-:host .flex-cell {
-  position: relative;
-  display: flex;
-}
-:host span.device-name {
-  position: absolute;
-  top: 0.5em;
-  left: 25px;
-  z-index: 1;
-  color: #ddd;
-  font-size: var(--font-size-12, 0.75rem);
-}
-:host .device {
-  position: relative;
-  margin: 0 1rem;
-  overflow: auto;
-  /* Track */
-  /* Handle */
-  vertical-align: top;
-  border: 10px solid #555;
-  border-width: 30px 10px;
-  border-radius: 10px;
-}
-:host .device::-webkit-scrollbar {
-  width: var(--spacing-04, 0.25rem);
-  height: var(--spacing-04, 0.25rem);
-}
-:host .device::-webkit-scrollbar-track {
-  background-color: transparent;
-  border-radius: var(--border-radius-04, 0.25rem);
-}
-:host .device::-webkit-scrollbar-thumb {
-  background-color: transparent;
-  border-radius: var(--border-radius-04, 0.25rem);
-}
-:host .iphone5 {
-  width: 320px;
-  height: 568px;
-}
-:host .iphone6 {
-  width: 375px;
-  height: 667px;
-}
-:host .iphone6plus {
-  width: 414px;
-  height: 736px;
-}
-:host .iphone8plus {
-  width: 414px;
-  height: 736px;
-}
-:host .iphonex {
-  width: 375px;
-  height: 812px;
-}
-:host .iphonexr {
-  width: 414px;
-  height: 896px;
-}
-:host .iphonexsmax {
-  width: 414px;
-  height: 896px;
-}
-:host .ipad {
-  width: 768px;
-  height: 1024px;
-}
-
-:host(.progressbar-theme) table {
-  width: 100%;
-}
-:host(.progressbar-theme) table tbody th {
-  width: 8rem;
-  padding: 0.5rem;
-}
-:host(.progressbar-theme) table .single-cell {
-  width: 16rem;
-  min-height: 8rem;
-  padding: 1rem 1.5rem;
-}
-
-:host(.healtshcore-theme) .single-cell {
-  vertical-align: top;
-}
-:host(.healtshcore-theme) .single-cell .flex-item {
-  width: 28rem;
-}
-
-:host(.equal-size) .single-cell {
-  position: relative;
-  width: 200px;
-  height: 200px;
-}
-:host(.equal-size) .single-cell .flex-item {
-  width: 100%;
-  height: 100%;
-}
-
-:host(.full-size) .single-cell .flex-item {
-  width: 100%;
-  height: 100%;
-}
-
-:host(.large-size) .single-cell {
-  position: relative;
-  width: 300px;
-  height: 500px;
-}
-
-:host(.photo-editor) .single-cell {
-  padding: 0;
-}
-:host(.photo-editor) .single-cell .flex-item {
-  width: 375px;
-  height: 800px;
-}
-:host(.photo-editor) .single-cell .flex-item yoo-photo-editor {
-  width: 375px;
-  height: 800px;
-}
-
-:host(.card-feed) .single-cell {
-  position: relative;
-  min-width: 375px;
-  max-width: 375px;
-  height: 100%;
-  padding: 0;
-  vertical-align: top;
-  border: var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);
-}
-
-:host(.align-left) .single-cell .flex-item {
-  align-items: flex-start;
-  justify-content: left;
-}
-
-:host(.context-dialog) {
-  width: 100%;
-  height: 100%;
-}
-:host(.context-dialog) table {
-  width: 100%;
-  height: 100%;
-}
-:host(.context-dialog) table .single-cell {
-  position: inherit;
-  height: 20rem;
-}
-:host(.context-dialog) table .single-cell .flex-item {
-  align-items: flex-end;
-  width: 15rem;
-  height: 15rem;
-}
-
-:host(.icon-container) tr:nth-child(1) td > div > * {
-  margin-left: 10px;
-}
-:host(.icon-container) tr:nth-child(1) td {
-  display: inline-block;
-  width: 320px;
-  min-height: 40px;
-  margin: 6px;
-  padding: 0;
-  background-color: #fafafa;
-  border: solid var(--border-width-01, 0.0625rem) #e6e6e6;
-  border-radius: 3px;
-}
-:host(.icon-container) tr:nth-child(1) td .flex-item {
-  justify-content: left;
-  margin-top: 6px;
-}
-:host(.icon-container) tr:nth-child(2) td {
-  display: grid;
-  width: 320px;
-  padding: 10px;
-}
-:host(.icon-container) tr:nth-child(2) td span {
-  display: inline;
-}
-:host(.icon-container) tr:nth-child(2) td span:nth-child(2) {
-  display: block;
-  color: var(--stable, #adadad);
-}
-:host(.icon-container) .icon-name {
-  height: 15px;
-  color: var(--dark, #000000);
-  font-weight: normal;
-  font-size: 13px;
-  font-family: var(--font-family, "Lato");
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  letter-spacing: normal;
-  user-select: all;
-}
-:host(.icon-container) .icon-scale {
-  width: 200px;
-}
-:host(.icon-container) yoo-icon {
-  display: inline-block;
-  color: var(--dark, #000000);
-  vertical-align: middle;
-}
-:host(.icon-container) .disabled {
-  color: var(--stable-alt);
-}
-
-:host(.slider-themes) .single-cell {
-  min-width: 15rem;
-  padding: var(--spacing-08, 0.5rem) var(--spacing-24, 1.5rem);
-}
-:host(.slider-themes) .single-cell .flex-item {
-  display: initial;
-}
-:host(.slider-themes) table tbody tr:nth-child(1) .single-cell:nth-child(5), :host(.slider-themes) table tbody tr:nth-child(1) .single-cell:nth-child(6) {
-  min-width: inherit;
-}
-:host(.slider-themes) table tbody tr:nth-child(1) .single-cell:nth-child(6) {
-  background-color: var(--dark, #000000);
-}
-
-:host(.background-themes) table {
-  border-spacing: 0px;
-}
-:host(.background-themes) table th {
-  padding-bottom: var(--spacing-08, 0.5rem);
-}
-:host(.background-themes) table tbody tr:nth-child(1) .single-cell:nth-child(3n), :host(.background-themes) table tbody tr:nth-child(1) .single-cell:nth-child(3n+1) {
-  border-radius: 10px 10px 0px 0px;
-}
-:host(.background-themes) table tbody tr:nth-last-child(1) .single-cell:nth-child(3n), :host(.background-themes) table tbody tr:nth-last-child(1) .single-cell:nth-child(3n+1) {
-  border-radius: 0px 0px 10px 10px;
-}
-:host(.background-themes) table tbody .single-cell:nth-child(3n) {
-  background: #f5f6f7;
-}
-:host(.background-themes) table tbody .single-cell:nth-child(3n+1) {
-  background: var(--dark, #000000);
-}
-
-:host(.dark-cell) .single-cell {
-  background: var(--dark, #000000);
-}
-
-:host(.stable) .single-cell {
-  background: var(--stable-light, #f1f1f1);
-}
-
-:host(.mobile-width) tr th {
-  vertical-align: middle;
-}
-:host(.mobile-width) tr .single-cell {
-  vertical-align: top;
-}
-:host(.mobile-width) tr .single-cell .flex-item {
-  width: 375px;
-  vertical-align: top;
-}
-
-:host(.max-mobile-width) .single-cell {
-  max-width: 375px;
-  vertical-align: top;
-}
-
-:host(.desktop-center) .desktop {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-:host(.web-layout) .single-cell .flex-item {
-  width: 800px;
-  height: 600px;
-}
-
-:host(.with-background) .flex-item {
-  background-image: url("https://images.unsplash.com/photo-1569243963117-78bb6e7ff948?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80");
-  background-size: cover;
-}
-
-:host(.tooltips-support) thead tr {
-  height: 5rem;
-}
-:host(.tooltips-support) thead tr .header-heading {
-  padding-left: 5rem;
-}
-:host(.tooltips-support) tbody {
-  text-align: center;
-}
-:host(.tooltips-support) tbody tr .flex-item {
-  align-items: center;
-  margin-left: 5rem;
-}
-:host(.tooltips-support) tbody tr .flex-item yoo-tooltip {
-  width: 100%;
-}