/***
 *                                                                                                                                           
 *             8I                                               I8                  ,dPYb,                                                   
 *             8I                                               I8                  IP'`Yb                                                   
 *             8I                                            88888888               I8  8I                                                   
 *             8I                                               I8                  I8  8'                                                   
 *       ,gggg,8I    ,ggggg,         ,ggg,,ggg,     ,ggggg,     I8          ,gggg,  I8 dPgg,     ,gggg,gg   ,ggg,,ggg,     ,gggg,gg   ,ggg,  
 *      dP"  "Y8I   dP"  "Y8ggg     ,8" "8P" "8,   dP"  "Y8ggg  I8         dP"  "Yb I8dP" "8I   dP"  "Y8I  ,8" "8P" "8,   dP"  "Y8I  i8" "8i 
 *     i8'    ,8I  i8'    ,8I       I8   8I   8I  i8'    ,8I   ,I8,       i8'       I8P    I8  i8'    ,8I  I8   8I   8I  i8'    ,8I  I8, ,8I 
 *    ,d8,   ,d8b,,d8,   ,d8'      ,dP   8I   Yb,,d8,   ,d8'  ,d88b,     ,d8,_    _,d8     I8,,d8,   ,d8b,,dP   8I   Yb,,d8,   ,d8I  `YbadP' 
 *    P"Y8888P"`Y8P"Y8888P"        8P'   8I   `Y8P"Y8888P"   88P""Y88    P""Y8888PP88P     `Y8P"Y8888P"`Y88P'   8I   `Y8P"Y8888P"888888P"Y888
 *                                                                                                                             ,d8I'         
 *                                                                                                                           ,dP'8I          
 *                                                                                                                          ,8"  8I          
 *                                                                                                                          I8   8I          
 *                                                                                                                          `8, ,8I          
 *                                                                                                                           `Y8P"           
 * THIS FILE IS AUTO - GENERATED 
 * 
 * `npm run generate-static-styles` if you want change static utility and composition classes
 * `npm run theme:*` if you want change system theming classes
 *
 */
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

table {
  border-collapse: collapse;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* TODO: DEPRECATED */
/**
 * HELPER FUNCTIONS / MIXINS
 * ---------------------------------------------------------------------
 */
/*
  calculate the font size based on the following formula:
    size = base * ratio ^ step
  where: 
    ratio is the major second (1.125)
    step is the step in the scale (used as key)
    base is the base font size (14px for max, 11px for min)
    result is rounded to nearest integer (used as value)
  */
/**

debug utility mainly to have consistent and aligned debug messages

*/
/**
 * Returns a map for each typescale in display, 'cds.sys.typescale.headline title body, label. 
 * Each typescale has a role in large, medium and small
 * Each configuration has following keys:
 * - brand: refers to the key in ref-typeface map ('cds.ref.typeface.brand or 'cds.ref.typeface.plain by default')
 * - font-size: the key in the font-size-map 
 *              (default from -3 to 12 which refers to the scale in a ratio map for
                 max font-sizes at max screen sizes, default with minor second ratio)
 * - line-height: the factor to multiply the font-size defined by font-step (-3 to 12) * line-height
 * - weight: refers to the key in ref-typeface map for the weight of the font
 * - tracking: the amount of letter spacing
 */
/* ----------------------------------------------
 * Inspired by Animista on 2023-5-5 10:27:49
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/* 
STATIC STYLING  
- First reset browsers defaults
- Setting vars at :root
- setting composition and utility classes
*/
.border {
  border-style: solid;
  border-width: 1px;
}

.border-b {
  border-block-style: solid;
  border-block-width: 1px;
}

.border-i {
  border-inline-style: solid;
  border-inline-width: 1px;
}

.border-bs {
  border-block-start-style: solid;
  border-block-start-width: 1px;
}

.border-be {
  border-block-end-style: solid;
  border-block-end-width: 1px;
}

.border-is {
  border-inline-start-style: solid;
  border-inline-start-width: 1px;
}

.border-ie {
  border-inline-end-style: solid;
  border-inline-end-width: 1px;
}

.border-none {
  border-style: none;
}

.border-b-none {
  border-block-style: none;
}

.border-i-none {
  border-inline-style: none;
}

.border-bs-none {
  border-block-start-style: none;
}

.border-be-none {
  border-block-end-style: none;
}

.border-is-none {
  border-inline-start-style: none;
}

.border-ie-none {
  border-inline-end-style: none;
}

.border-hidden {
  border-style: hidden;
}

.border-b-hidden {
  border-block-style: hidden;
}

.border-i-hidden {
  border-inline-style: hidden;
}

.border-bs-hidden {
  border-block-start-style: hidden;
}

.border-be-hidden {
  border-block-end-style: hidden;
}

.border-is-hidden {
  border-inline-start-style: hidden;
}

.border-ie-hidden {
  border-inline-end-style: hidden;
}

.border-dashed {
  border-style: dashed;
}

.border-b-dashed {
  border-block-style: dashed;
}

.border-i-dashed {
  border-inline-style: dashed;
}

.border-bs-dashed {
  border-block-start-style: dashed;
}

.border-be-dashed {
  border-block-end-style: dashed;
}

.border-is-dashed {
  border-inline-start-style: dashed;
}

.border-ie-dashed {
  border-inline-end-style: dashed;
}

.border-solid {
  border-style: solid;
}

.border-b-solid {
  border-block-style: solid;
}

.border-i-solid {
  border-inline-style: solid;
}

.border-bs-solid {
  border-block-start-style: solid;
}

.border-be-solid {
  border-block-end-style: solid;
}

.border-is-solid {
  border-inline-start-style: solid;
}

.border-ie-solid {
  border-inline-end-style: solid;
}

.border-dotted {
  border-style: dotted;
}

.border-b-dotted {
  border-block-style: dotted;
}

.border-i-dotted {
  border-inline-style: dotted;
}

.border-bs-dotted {
  border-block-start-style: dotted;
}

.border-be-dotted {
  border-block-end-style: dotted;
}

.border-is-dotted {
  border-inline-start-style: dotted;
}

.border-ie-dotted {
  border-inline-end-style: dotted;
}

.border-double {
  border-style: double;
}

.border-b-double {
  border-block-style: double;
}

.border-i-double {
  border-inline-style: double;
}

.border-bs-double {
  border-block-start-style: double;
}

.border-be-double {
  border-block-end-style: double;
}

.border-is-double {
  border-inline-start-style: double;
}

.border-ie-double {
  border-inline-end-style: double;
}

.border-groove {
  border-style: groove;
}

.border-b-groove {
  border-block-style: groove;
}

.border-i-groove {
  border-inline-style: groove;
}

.border-bs-groove {
  border-block-start-style: groove;
}

.border-be-groove {
  border-block-end-style: groove;
}

.border-is-groove {
  border-inline-start-style: groove;
}

.border-ie-groove {
  border-inline-end-style: groove;
}

.border-inset {
  border-style: inset;
}

.border-b-inset {
  border-block-style: inset;
}

.border-i-inset {
  border-inline-style: inset;
}

.border-bs-inset {
  border-block-start-style: inset;
}

.border-be-inset {
  border-block-end-style: inset;
}

.border-is-inset {
  border-inline-start-style: inset;
}

.border-ie-inset {
  border-inline-end-style: inset;
}

.border-outset {
  border-style: outset;
}

.border-b-outset {
  border-block-style: outset;
}

.border-i-outset {
  border-inline-style: outset;
}

.border-bs-outset {
  border-block-start-style: outset;
}

.border-be-outset {
  border-block-end-style: outset;
}

.border-is-outset {
  border-inline-start-style: outset;
}

.border-ie-outset {
  border-inline-end-style: outset;
}

.border-ridge {
  border-style: ridge;
}

.border-b-ridge {
  border-block-style: ridge;
}

.border-i-ridge {
  border-inline-style: ridge;
}

.border-bs-ridge {
  border-block-start-style: ridge;
}

.border-be-ridge {
  border-block-end-style: ridge;
}

.border-is-ridge {
  border-inline-start-style: ridge;
}

.border-ie-ridge {
  border-inline-end-style: ridge;
}

.border-0 {
  border-width: 0px;
}

.border-b-0 {
  border-block-width: 0px;
}

.border-i-0 {
  border-inline-width: 0px;
}

.border-bs-0 {
  border-block-start-width: 0px;
}

.border-be-0 {
  border-block-end-width: 0px;
}

.border-is-0 {
  border-inline-start-width: 0px;
}

.border-ie-0 {
  border-inline-end-width: 0px;
}

.border-1 {
  border-width: 1px;
}

.border-b-1 {
  border-block-width: 1px;
}

.border-i-1 {
  border-inline-width: 1px;
}

.border-bs-1 {
  border-block-start-width: 1px;
}

.border-be-1 {
  border-block-end-width: 1px;
}

.border-is-1 {
  border-inline-start-width: 1px;
}

.border-ie-1 {
  border-inline-end-width: 1px;
}

.border-2 {
  border-width: 2px;
}

.border-b-2 {
  border-block-width: 2px;
}

.border-i-2 {
  border-inline-width: 2px;
}

.border-bs-2 {
  border-block-start-width: 2px;
}

.border-be-2 {
  border-block-end-width: 2px;
}

.border-is-2 {
  border-inline-start-width: 2px;
}

.border-ie-2 {
  border-inline-end-width: 2px;
}

.border-3 {
  border-width: 3px;
}

.border-b-3 {
  border-block-width: 3px;
}

.border-i-3 {
  border-inline-width: 3px;
}

.border-bs-3 {
  border-block-start-width: 3px;
}

.border-be-3 {
  border-block-end-width: 3px;
}

.border-is-3 {
  border-inline-start-width: 3px;
}

.border-ie-3 {
  border-inline-end-width: 3px;
}

.border-4 {
  border-width: 4px;
}

.border-b-4 {
  border-block-width: 4px;
}

.border-i-4 {
  border-inline-width: 4px;
}

.border-bs-4 {
  border-block-start-width: 4px;
}

.border-be-4 {
  border-block-end-width: 4px;
}

.border-is-4 {
  border-inline-start-width: 4px;
}

.border-ie-4 {
  border-inline-end-width: 4px;
}

.border-5 {
  border-width: 5px;
}

.border-b-5 {
  border-block-width: 5px;
}

.border-i-5 {
  border-inline-width: 5px;
}

.border-bs-5 {
  border-block-start-width: 5px;
}

.border-be-5 {
  border-block-end-width: 5px;
}

.border-is-5 {
  border-inline-start-width: 5px;
}

.border-ie-5 {
  border-inline-end-width: 5px;
}

.border-6 {
  border-width: 6px;
}

.border-b-6 {
  border-block-width: 6px;
}

.border-i-6 {
  border-inline-width: 6px;
}

.border-bs-6 {
  border-block-start-width: 6px;
}

.border-be-6 {
  border-block-end-width: 6px;
}

.border-is-6 {
  border-inline-start-width: 6px;
}

.border-ie-6 {
  border-inline-end-width: 6px;
}

.border-7 {
  border-width: 7px;
}

.border-b-7 {
  border-block-width: 7px;
}

.border-i-7 {
  border-inline-width: 7px;
}

.border-bs-7 {
  border-block-start-width: 7px;
}

.border-be-7 {
  border-block-end-width: 7px;
}

.border-is-7 {
  border-inline-start-width: 7px;
}

.border-ie-7 {
  border-inline-end-width: 7px;
}

.border-8 {
  border-width: 8px;
}

.border-b-8 {
  border-block-width: 8px;
}

.border-i-8 {
  border-inline-width: 8px;
}

.border-bs-8 {
  border-block-start-width: 8px;
}

.border-be-8 {
  border-block-end-width: 8px;
}

.border-is-8 {
  border-inline-start-width: 8px;
}

.border-ie-8 {
  border-inline-end-width: 8px;
}

.border-9 {
  border-width: 9px;
}

.border-b-9 {
  border-block-width: 9px;
}

.border-i-9 {
  border-inline-width: 9px;
}

.border-bs-9 {
  border-block-start-width: 9px;
}

.border-be-9 {
  border-block-end-width: 9px;
}

.border-is-9 {
  border-inline-start-width: 9px;
}

.border-ie-9 {
  border-inline-end-width: 9px;
}

.border-10 {
  border-width: 10px;
}

.border-b-10 {
  border-block-width: 10px;
}

.border-i-10 {
  border-inline-width: 10px;
}

.border-bs-10 {
  border-block-start-width: 10px;
}

.border-be-10 {
  border-block-end-width: 10px;
}

.border-is-10 {
  border-inline-start-width: 10px;
}

.border-ie-10 {
  border-inline-end-width: 10px;
}

.border-11 {
  border-width: 11px;
}

.border-b-11 {
  border-block-width: 11px;
}

.border-i-11 {
  border-inline-width: 11px;
}

.border-bs-11 {
  border-block-start-width: 11px;
}

.border-be-11 {
  border-block-end-width: 11px;
}

.border-is-11 {
  border-inline-start-width: 11px;
}

.border-ie-11 {
  border-inline-end-width: 11px;
}

.border-12 {
  border-width: 12px;
}

.border-b-12 {
  border-block-width: 12px;
}

.border-i-12 {
  border-inline-width: 12px;
}

.border-bs-12 {
  border-block-start-width: 12px;
}

.border-be-12 {
  border-block-end-width: 12px;
}

.border-is-12 {
  border-inline-start-width: 12px;
}

.border-ie-12 {
  border-inline-end-width: 12px;
}

.last\:border-none:last-child {
  border-style: none;
}

.w-fit {
  width: fit-content;
}

.w-full {
  width: 100%;
}

.w-2\/3 {
  width: 66.6666666667%;
}

.min-w-0 {
  min-width: 0;
}

.max-w-fit {
  max-width: fit-content;
}

.max-w-full {
  max-width: 100%;
}

.h-fit {
  height: fit-content;
}

.basis-auto {
  flex-basis: auto;
}

.basis-full {
  flex-basis: 100%;
}

.basis-none {
  flex-basis: 0;
}

.basis-0 {
  flex-basis: 0;
}

.basis-1\/2 {
  flex-basis: 50%;
}

.basis-1\/3 {
  flex-basis: 33.3333333333%;
}

.basis-2\/3 {
  flex-basis: 66.6666666667%;
}

.basis-1\/4 {
  flex-basis: 25%;
}

.basis-2\/4 {
  flex-basis: 50%;
}

.basis-3\/4 {
  flex-basis: 75%;
}

.basis-1\/5 {
  flex-basis: 20%;
}

.basis-2\/5 {
  flex-basis: 40%;
}

.basis-3\/5 {
  flex-basis: 60%;
}

.basis-4\/5 {
  flex-basis: 80%;
}

.basis-1\/6 {
  flex-basis: 16.6666666667%;
}

.basis-2\/6 {
  flex-basis: 33.3333333333%;
}

.basis-3\/6 {
  flex-basis: 50%;
}

.basis-4\/6 {
  flex-basis: 66.6666666667%;
}

.basis-5\/6 {
  flex-basis: 83.3333333333%;
}

.basis-1\/12 {
  flex-basis: 8.3333333333%;
}

.basis-2\/12 {
  flex-basis: 16.6666666667%;
}

.basis-3\/12 {
  flex-basis: 25%;
}

.basis-4\/12 {
  flex-basis: 33.3333333333%;
}

.basis-5\/12 {
  flex-basis: 41.6666666667%;
}

.basis-6\/12 {
  flex-basis: 50%;
}

.basis-7\/12 {
  flex-basis: 58.3333333333%;
}

.basis-8\/12 {
  flex-basis: 66.6666666667%;
}

.basis-9\/12 {
  flex-basis: 75%;
}

.basis-10\/12 {
  flex-basis: 83.3333333333%;
}

.basis-11\/12 {
  flex-basis: 91.6666666667%;
}

.top-0 {
  top: 0;
}

.bottom-0 {
  bottom: 0;
}

.left-0 {
  left: 0;
}

.right-0 {
  right: 0;
}

.left-1\/12 {
  left: 8.3333333333%;
}

.left-2\/12 {
  left: 16.6666666667%;
}

.left-3\/12 {
  left: 25%;
}

.left-4\/12 {
  left: 33.3333333333%;
}

.left-5\/12 {
  left: 41.6666666667%;
}
.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.grid {
  display: grid;
}

.inline-grid {
  display: inline-grid;
}

.flow-root {
  display: flow-root;
}

.contents {
  display: contents;
}

.table {
  display: table;
}

.table-row {
  display: table-row;
}

.list-item {
  display: list-item;
}

.hidden {
  display: none;
}

.visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.blend-normal {
  mix-blend-mode: normal;
}

.blend-multiply {
  mix-blend-mode: multiply;
}

.blend-screen {
  mix-blend-mode: screen;
}

.blend-overlay {
  mix-blend-mode: overlay;
}

.blend-darken {
  mix-blend-mode: darken;
}

.blend-lighten {
  mix-blend-mode: lighten;
}

.blend-color-dodge {
  mix-blend-mode: color-dodge;
}

.blend-color-burn {
  mix-blend-mode: color-burn;
}

.blend-hard-light {
  mix-blend-mode: hard-light;
}

.blend-soft-light {
  mix-blend-mode: soft-light;
}

.blend-difference {
  mix-blend-mode: difference;
}

.blend-exclusion {
  mix-blend-mode: exclusion;
}

.blend-hue {
  mix-blend-mode: hue;
}

.blend-saturation {
  mix-blend-mode: saturation;
}

.blend-color {
  mix-blend-mode: color;
}

.blend-luminosity {
  mix-blend-mode: luminosity;
}

.blend-plus-lighter {
  mix-blend-mode: plus-lighter;
}

.bg-blend-normal {
  background-blend-mode: normal;
}

.bg-blend-multiply {
  background-blend-mode: multiply;
}

.bg-blend-screen {
  background-blend-mode: screen;
}

.bg-blend-overlay {
  background-blend-mode: overlay;
}

.bg-blend-darken {
  background-blend-mode: darken;
}

.bg-blend-lighten {
  background-blend-mode: lighten;
}

.bg-blend-color-dodge {
  background-blend-mode: color-dodge;
}

.bg-blend-color-burn {
  background-blend-mode: color-burn;
}

.bg-blend-hard-light {
  background-blend-mode: hard-light;
}

.bg-blend-soft-light {
  background-blend-mode: soft-light;
}

.bg-blend-difference {
  background-blend-mode: difference;
}

.bg-blend-exclusion {
  background-blend-mode: exclusion;
}

.bg-blend-hue {
  background-blend-mode: hue;
}

.bg-blend-saturation {
  background-blend-mode: saturation;
}

.bg-blend-color {
  background-blend-mode: color;
}

.bg-blend-luminosity {
  background-blend-mode: luminosity;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-auto {
  flex: 1 1 auto;
}

.flex-initial {
  flex: 0 1 auto;
}

.flex-none {
  flex: none;
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-column {
  flex-direction: column;
}

.flex-column-reverse {
  flex-direction: column-reverse;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.shrink {
  flex-shrink: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

.grow {
  flex-grow: 1;
}

.grow-0 {
  flex-grow: 0;
}
.content-start {
  align-content: flex-start;
}

.content-center {
  align-content: center;
}

.content-end {
  align-content: flex-end;
}

.content-stretch {
  align-content: stretch;
}

.content-normal {
  align-content: normal;
}

.content-between {
  align-content: space-between;
}

.content-around {
  align-content: space-around;
}

.content-evenly {
  align-content: space-evenly;
}

.content-baseline {
  align-content: baseline;
}

.items-start {
  align-items: flex-start;
}

.items-center {
  align-items: center;
}

.items-end {
  align-items: flex-end;
}

.items-stretch {
  align-items: stretch;
}

.items-baseline {
  align-items: baseline;
}

.self-start {
  align-self: flex-start;
}

.self-center {
  align-self: center;
}

.self-end {
  align-self: flex-end;
}

.self-stretch {
  align-self: stretch;
}

.self-baseline {
  align-self: baseline;
}

.justify-start {
  justify-content: flex-start;
}

.justify-center {
  justify-content: center;
}

.justify-end {
  justify-content: flex-end;
}

.justify-stretch {
  justify-content: stretch;
}

.justify-normal {
  justify-content: normal;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

.justify-items-start {
  justify-items: start;
}

.justify-items-center {
  justify-items: center;
}

.justify-items-end {
  justify-items: end;
}

.justify-items-stretch {
  justify-items: stretch;
}

.justify-self-auto {
  justify-self: auto;
}

.justify-self-start {
  justify-self: start;
}

.justify-self-center {
  justify-self: center;
}

.justify-self-end {
  justify-self: end;
}

.justify-self-stretch {
  justify-self: stretch;
}

.place-content-start {
  place-content: start;
}

.place-content-center {
  place-content: center;
}

.place-content-end {
  place-content: end;
}

.place-content-stretch {
  place-content: stretch;
}

.place-content-between {
  place-content: space-between;
}

.place-content-around {
  place-content: space-around;
}

.place-content-evenly {
  place-content: space-evenly;
}

.place-content-baseline {
  place-content: baseline;
}

.place-items-start {
  place-items: start;
}

.place-items-center {
  place-items: center;
}

.place-items-end {
  place-items: end;
}

.place-items-stretch {
  place-items: stretch;
}

.place-items-baseline {
  place-items: baseline;
}

.place-self-auto {
  place-self: auto;
}

.place-self-start {
  place-self: start;
}

.place-self-center {
  place-self: center;
}

.place-self-end {
  place-self: end;
}

.place-self-stretch {
  place-self: stretch;
}

.col-auto {
  grid-column: auto;
}

.col-start-auto {
  grid-column-start: auto;
}

.col-end-auto {
  grid-column-end: auto;
}

.col-span-full {
  grid-column: 1 / -1;
}

.col-span-1 {
  grid-column: span 1 / span 1;
}

.col-span-2 {
  grid-column: span 2 / span 2;
}

.col-span-3 {
  grid-column: span 3 / span 3;
}

.col-span-4 {
  grid-column: span 4 / span 4;
}

.col-span-5 {
  grid-column: span 5 / span 5;
}

.col-span-6 {
  grid-column: span 6 / span 6;
}

.col-span-7 {
  grid-column: span 7 / span 7;
}

.col-span-8 {
  grid-column: span 8 / span 8;
}

.col-span-9 {
  grid-column: span 9 / span 9;
}

.col-span-10 {
  grid-column: span 10 / span 10;
}

.col-span-11 {
  grid-column: span 11 / span 11;
}

.col-span-12 {
  grid-column: span 12 / span 12;
}

.col-start-1 {
  grid-column-start: 1;
}

.col-end-1 {
  grid-column-end: 1;
}

.col-start-2 {
  grid-column-start: 2;
}

.col-end-2 {
  grid-column-end: 2;
}

.col-start-3 {
  grid-column-start: 3;
}

.col-end-3 {
  grid-column-end: 3;
}

.col-start-4 {
  grid-column-start: 4;
}

.col-end-4 {
  grid-column-end: 4;
}

.col-start-5 {
  grid-column-start: 5;
}

.col-end-5 {
  grid-column-end: 5;
}

.col-start-6 {
  grid-column-start: 6;
}

.col-end-6 {
  grid-column-end: 6;
}

.col-start-7 {
  grid-column-start: 7;
}

.col-end-7 {
  grid-column-end: 7;
}

.col-start-8 {
  grid-column-start: 8;
}

.col-end-8 {
  grid-column-end: 8;
}

.col-start-9 {
  grid-column-start: 9;
}

.col-end-9 {
  grid-column-end: 9;
}

.col-start-10 {
  grid-column-start: 10;
}

.col-end-10 {
  grid-column-end: 10;
}

.col-start-11 {
  grid-column-start: 11;
}

.col-end-11 {
  grid-column-end: 11;
}

.col-start-12 {
  grid-column-start: 12;
}

.col-end-12 {
  grid-column-end: 12;
}

.col-start-13 {
  grid-column-start: 13;
}

.col-end-13 {
  grid-column-end: 13;
}

.row-auto {
  grid-row: auto;
}

.row-start-auto {
  grid-row-start: auto;
}

.row-end-auto {
  grid-row-end: auto;
}

.row-span-full {
  grid-row: 1 / -1;
}

.row-span-1 {
  grid-row: span 1 / span 1;
}

.row-span-2 {
  grid-row: span 2 / span 2;
}

.row-span-3 {
  grid-row: span 3 / span 3;
}

.row-span-4 {
  grid-row: span 4 / span 4;
}

.row-span-5 {
  grid-row: span 5 / span 5;
}

.row-span-6 {
  grid-row: span 6 / span 6;
}

.row-span-7 {
  grid-row: span 7 / span 7;
}

.row-span-8 {
  grid-row: span 8 / span 8;
}

.row-span-9 {
  grid-row: span 9 / span 9;
}

.row-span-10 {
  grid-row: span 10 / span 10;
}

.row-span-11 {
  grid-row: span 11 / span 11;
}

.row-span-12 {
  grid-row: span 12 / span 12;
}

.row-start-1 {
  grid-row-start: 1;
}

.row-end-1 {
  grid-row-end: 1;
}

.row-start-2 {
  grid-row-start: 2;
}

.row-end-2 {
  grid-row-end: 2;
}

.row-start-3 {
  grid-row-start: 3;
}

.row-end-3 {
  grid-row-end: 3;
}

.row-start-4 {
  grid-row-start: 4;
}

.row-end-4 {
  grid-row-end: 4;
}

.row-start-5 {
  grid-row-start: 5;
}

.row-end-5 {
  grid-row-end: 5;
}

.row-start-6 {
  grid-row-start: 6;
}

.row-end-6 {
  grid-row-end: 6;
}

.row-start-7 {
  grid-row-start: 7;
}

.row-end-7 {
  grid-row-end: 7;
}

.row-start-8 {
  grid-row-start: 8;
}

.row-end-8 {
  grid-row-end: 8;
}

.row-start-9 {
  grid-row-start: 9;
}

.row-end-9 {
  grid-row-end: 9;
}

.row-start-10 {
  grid-row-start: 10;
}

.row-end-10 {
  grid-row-end: 10;
}

.row-start-11 {
  grid-row-start: 11;
}

.row-end-11 {
  grid-row-end: 11;
}

.row-start-12 {
  grid-row-start: 12;
}

.row-end-12 {
  grid-row-end: 12;
}

.row-start-13 {
  grid-row-start: 13;
}

.row-end-13 {
  grid-row-end: 13;
}

.grid-cols-none {
  grid-template-columns: none;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-rows-none {
  grid-template-rows: none;
}

.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}

.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

.grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}

.grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr));
}

.grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr));
}

.grid-rows-7 {
  grid-template-rows: repeat(7, minmax(0, 1fr));
}

.grid-rows-8 {
  grid-template-rows: repeat(8, minmax(0, 1fr));
}

.grid-rows-9 {
  grid-template-rows: repeat(9, minmax(0, 1fr));
}

.grid-rows-10 {
  grid-template-rows: repeat(10, minmax(0, 1fr));
}

.grid-rows-11 {
  grid-template-rows: repeat(11, minmax(0, 1fr));
}

.grid-rows-12 {
  grid-template-rows: repeat(12, minmax(0, 1fr));
}

.auto-cols-auto {
  grid-auto-columns: auto;
}

.auto-cols-min {
  grid-auto-columns: min-content;
}

.auto-cols-max {
  grid-auto-columns: max-content;
}

.auto-cols-fr {
  grid-auto-columns: minmax(0, 1fr);
}

.grid-flow-row {
  grid-auto-flow: row;
}

.grid-flow-column {
  grid-auto-flow: column;
}

.grid-flow-dense {
  grid-auto-flow: dense;
}

.grid-flow-row-dense {
  grid-auto-flow: row-dense;
}

.grid-flow-column-dense {
  grid-auto-flow: column-dense;
}

.cursor-pointer {
  cursor: pointer;
}
.isolate {
  isolation: isolate;
}

.isolation-auto {
  isolation: auto;
}
.animate-forwards {
  animation-fill-mode: forwards;
}

.animate-backwards {
  animation-fill-mode: backwards;
}

.animate-both {
  animation-fill-mode: both;
}

.animate-infinite {
  animation-iteration-count: infinite;
}

.animate-1 {
  animation-iteration-count: 1;
}

.animate-2 {
  animation-iteration-count: 2;
}

.animate-normal {
  animation-direction: normal;
}

.animate-reverse {
  animation-direction: reverse;
}

.animate-alternate {
  animation-direction: alternate;
}

.animate-alternate-reverse {
  animation-direction: alternate-reverse;
}

.order-first {
  order: -9999;
}

.order-last {
  order: 9999;
}

.order-none {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}
.outline {
  outline-style: solid;
  outline-width: 2px;
}

.outline-none {
  outline-style: none;
}

.focus-visible\:outline-none:focus-visible {
  outline-style: none;
}
.overflow-visible {
  overflow: visible;
}

.overflow-x-visible {
  overflow-x: visible;
}

.overflow-y-visible {
  overflow-y: visible;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-clip {
  overflow: clip;
}

.overflow-x-clip {
  overflow-x: clip;
}

.overflow-y-clip {
  overflow-y: clip;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.overflow-auto {
  overflow: auto;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}
.static {
  position: static;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.sticky {
  position: sticky;
}
.ring {
  --ring-width: 2px;
  --ring-offset-width: 3px;
  --ring-shadow: 0 0 0 calc(var(--ring-offset-width) + var(--ring-width)) rgba(var(--ring-color), 1);
  --ring-offset-shadow: 0 0 0 var(--ring-offset-width) rgba(var(--ring-offset-color), 1);
  box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--elevation-box-shadow, 0 0 0 0 #000);
}

.ring-0 {
  --ring-width: 0px;
}

.ring-1 {
  --ring-width: 1px;
}

.ring-2 {
  --ring-width: 2px;
}

.ring-4 {
  --ring-width: 4px;
}

.ring-8 {
  --ring-width: 8px;
}

.ring-offset-0 {
  --ring-offset-width: 0px;
}

.ring-offset-1 {
  --ring-offset-width: 1px;
}

.ring-offset-2 {
  --ring-offset-width: 2px;
}

.ring-offset-4 {
  --ring-offset-width: 4px;
}

.ring-offset-8 {
  --ring-offset-width: 8px;
}

.focus\:ring:focus {
  --ring-width: 2px;
  --ring-offset-width: 3px;
  --ring-shadow: 0 0 0 calc(var(--ring-offset-width) + var(--ring-width)) rgba(var(--ring-color), 1);
  --ring-offset-shadow: 0 0 0 var(--ring-offset-width) rgba(var(--ring-offset-color), 1);
  box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--elevation-box-shadow, 0 0 0 0 #000);
}

.focus-visible\:ring:focus-visible {
  --ring-width: 2px;
  --ring-offset-width: 3px;
  --ring-shadow: 0 0 0 calc(var(--ring-offset-width) + var(--ring-width)) rgba(var(--ring-color), 1);
  --ring-offset-shadow: 0 0 0 var(--ring-offset-width) rgba(var(--ring-offset-color), 1);
  box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--elevation-box-shadow, 0 0 0 0 #000);
}

.p-none {
  padding: 0;
}

.p-b-none {
  padding-block: 0;
}

.p-i-none {
  padding-inline: 0;
}

.p-bs-none {
  padding-block-start: 0;
}

.p-be-none {
  padding-block-end: 0;
}

.p-is-none {
  padding-inline-start: 0;
}

.p-ie-none {
  padding-inline-end: 0;
}

.m-b-auto {
  margin-block: auto;
}

.m-i-auto {
  margin-inline: auto;
}

.m-0 {
  margin: 0;
}

.m-none {
  margin: 0;
}

.m-b-none {
  margin-block: 0;
}

.m-i-none {
  margin-inline: 0;
}

.m-bs-none {
  margin-block-start: 0;
}

.m-be-none {
  margin-block-end: 0;
}

.m-is-none {
  margin-inline-start: 0;
}

.m-ie-none {
  margin-inline-end: 0;
}

.inset-0 {
  inset: 0;
}

.inset-bs-0 {
  inset-block-start: 0;
}

.inset-ie-0 {
  inset-inline-end: 0;
}

.inset-none {
  inset: 0;
}

.inset-b-none {
  inset-block: 0;
}

.inset-i-none {
  inset-inline: 0;
}

.inset-bs-none {
  inset-block-start: 0;
}

.inset-be-none {
  inset-block-end: 0;
}

.inset-is-none {
  inset-inline-start: 0;
}

.inset-ie-none {
  inset-inline-end: 0;
}

.m-b-auto {
  margin: auto;
}

.m-b-none {
  margin: 0;
}

.p-b-none {
  padding-bottom: 0;
}

.gap-none {
  gap: 0;
}

.row-gap-none {
  row-gap: 0;
}

.col-gap-none {
  column-gap: 0;
}
.stroke-0 {
  stroke-width: 0px;
}

.stroke-1 {
  stroke-width: 1px;
}

.stroke-2 {
  stroke-width: 2px;
}

.stroke-3 {
  stroke-width: 3px;
}

.stroke-4 {
  stroke-width: 4px;
}

.stroke-5 {
  stroke-width: 5px;
}

.stroke-6 {
  stroke-width: 6px;
}

.stroke-7 {
  stroke-width: 7px;
}

.stroke-8 {
  stroke-width: 8px;
}

.stroke-9 {
  stroke-width: 9px;
}

.stroke-10 {
  stroke-width: 10px;
}

.stroke-11 {
  stroke-width: 11px;
}

.stroke-12 {
  stroke-width: 12px;
}

.transform {
  transform: translate(var(--cds-sys-transform-translate-x, 0), var(--cds-sys-transform-translate-y, 0)) rotate(var(--cds-sys-transform-rotate, 0deg)) skewX(var(--cds-sys-transform-skew-x, 0deg)) skewY(var(--cds-sys-transform-skew-y, 0deg)) scaleX(var(--cds-sys-transform-scale-x, 1)) scaleY(var(--cds-sys-transform-scale-y, 1));
}

.rotate-0 {
  --cds-sys-transform-rotate: 0deg;
}

.rotate-1 {
  --cds-sys-transform-rotate: 1deg;
}

.rotate-2 {
  --cds-sys-transform-rotate: 2deg;
}

.rotate-3 {
  --cds-sys-transform-rotate: 3deg;
}

.rotate-6 {
  --cds-sys-transform-rotate: 6deg;
}

.rotate-12 {
  --cds-sys-transform-rotate: 12deg;
}

.rotate-30 {
  --cds-sys-transform-rotate: 30deg;
}

.rotate-45 {
  --cds-sys-transform-rotate: 45deg;
}

.rotate-60 {
  --cds-sys-transform-rotate: 60deg;
}

.rotate-90 {
  --cds-sys-transform-rotate: 90deg;
}

.rotate-180 {
  --cds-sys-transform-rotate: 180deg;
}

.-rotate-0 {
  --cds-sys-transform-rotate: 0deg;
}

.-rotate-1 {
  --cds-sys-transform-rotate: -1deg;
}

.-rotate-2 {
  --cds-sys-transform-rotate: -2deg;
}

.-rotate-3 {
  --cds-sys-transform-rotate: -3deg;
}

.-rotate-6 {
  --cds-sys-transform-rotate: -6deg;
}

.-rotate-12 {
  --cds-sys-transform-rotate: -12deg;
}

.-rotate-30 {
  --cds-sys-transform-rotate: -30deg;
}

.-rotate-45 {
  --cds-sys-transform-rotate: -45deg;
}

.-rotate-60 {
  --cds-sys-transform-rotate: -60deg;
}

.-rotate-90 {
  --cds-sys-transform-rotate: -90deg;
}

.-rotate-180 {
  --cds-sys-transform-rotate: -180deg;
}

.translate-0 {
  --cds-sys-transform-translate-x: 0;
  --cds-sys-transform-translate-y: 0;
}

.translate-x-0 {
  --cds-sys-transform-translate-x: 0;
}

.translate-y-0 {
  --cds-sys-transform-translate-y: 0;
}

.translate-full {
  --cds-sys-transform-translate-x: 100%;
  --cds-sys-transform-translate-y: 100%;
}

.translate-x-full {
  --cds-sys-transform-translate-x: 100%;
}

.translate-y-full {
  --cds-sys-transform-translate-y: 100%;
}

.translate-extreme {
  --cds-sys-transform-translate-x: 120%;
  --cds-sys-transform-translate-y: 120%;
}

.translate-x-extreme {
  --cds-sys-transform-translate-x: 120%;
}

.translate-y-extreme {
  --cds-sys-transform-translate-y: 120%;
}

.translate-1\/2 {
  --cds-sys-transform-translate-x: 50%;
  --cds-sys-transform-translate-y: 50%;
}

.translate-x-1\/2 {
  --cds-sys-transform-translate-x: 50%;
}

.translate-y-1\/2 {
  --cds-sys-transform-translate-y: 50%;
}

.translate-1\/3 {
  --cds-sys-transform-translate-x: 33.3333333333%;
  --cds-sys-transform-translate-y: 33.3333333333%;
}

.translate-x-1\/3 {
  --cds-sys-transform-translate-x: 33.3333333333%;
}

.translate-y-1\/3 {
  --cds-sys-transform-translate-y: 33.3333333333%;
}

.translate-2\/3 {
  --cds-sys-transform-translate-x: 66.6666666667%;
  --cds-sys-transform-translate-y: 66.6666666667%;
}

.translate-x-2\/3 {
  --cds-sys-transform-translate-x: 66.6666666667%;
}

.translate-y-2\/3 {
  --cds-sys-transform-translate-y: 66.6666666667%;
}

.translate-1\/4 {
  --cds-sys-transform-translate-x: 25%;
  --cds-sys-transform-translate-y: 25%;
}

.translate-x-1\/4 {
  --cds-sys-transform-translate-x: 25%;
}

.translate-y-1\/4 {
  --cds-sys-transform-translate-y: 25%;
}

.translate-2\/4 {
  --cds-sys-transform-translate-x: 50%;
  --cds-sys-transform-translate-y: 50%;
}

.translate-x-2\/4 {
  --cds-sys-transform-translate-x: 50%;
}

.translate-y-2\/4 {
  --cds-sys-transform-translate-y: 50%;
}

.translate-3\/4 {
  --cds-sys-transform-translate-x: 75%;
  --cds-sys-transform-translate-y: 75%;
}

.translate-x-3\/4 {
  --cds-sys-transform-translate-x: 75%;
}

.translate-y-3\/4 {
  --cds-sys-transform-translate-y: 75%;
}

.translate-1\/5 {
  --cds-sys-transform-translate-x: 20%;
  --cds-sys-transform-translate-y: 20%;
}

.translate-x-1\/5 {
  --cds-sys-transform-translate-x: 20%;
}

.translate-y-1\/5 {
  --cds-sys-transform-translate-y: 20%;
}

.translate-2\/5 {
  --cds-sys-transform-translate-x: 40%;
  --cds-sys-transform-translate-y: 40%;
}

.translate-x-2\/5 {
  --cds-sys-transform-translate-x: 40%;
}

.translate-y-2\/5 {
  --cds-sys-transform-translate-y: 40%;
}

.translate-3\/5 {
  --cds-sys-transform-translate-x: 60%;
  --cds-sys-transform-translate-y: 60%;
}

.translate-x-3\/5 {
  --cds-sys-transform-translate-x: 60%;
}

.translate-y-3\/5 {
  --cds-sys-transform-translate-y: 60%;
}

.translate-4\/5 {
  --cds-sys-transform-translate-x: 80%;
  --cds-sys-transform-translate-y: 80%;
}

.translate-x-4\/5 {
  --cds-sys-transform-translate-x: 80%;
}

.translate-y-4\/5 {
  --cds-sys-transform-translate-y: 80%;
}

.translate-1\/6 {
  --cds-sys-transform-translate-x: 16.6666666667%;
  --cds-sys-transform-translate-y: 16.6666666667%;
}

.translate-x-1\/6 {
  --cds-sys-transform-translate-x: 16.6666666667%;
}

.translate-y-1\/6 {
  --cds-sys-transform-translate-y: 16.6666666667%;
}

.translate-2\/6 {
  --cds-sys-transform-translate-x: 33.3333333333%;
  --cds-sys-transform-translate-y: 33.3333333333%;
}

.translate-x-2\/6 {
  --cds-sys-transform-translate-x: 33.3333333333%;
}

.translate-y-2\/6 {
  --cds-sys-transform-translate-y: 33.3333333333%;
}

.translate-3\/6 {
  --cds-sys-transform-translate-x: 50%;
  --cds-sys-transform-translate-y: 50%;
}

.translate-x-3\/6 {
  --cds-sys-transform-translate-x: 50%;
}

.translate-y-3\/6 {
  --cds-sys-transform-translate-y: 50%;
}

.translate-4\/6 {
  --cds-sys-transform-translate-x: 66.6666666667%;
  --cds-sys-transform-translate-y: 66.6666666667%;
}

.translate-x-4\/6 {
  --cds-sys-transform-translate-x: 66.6666666667%;
}

.translate-y-4\/6 {
  --cds-sys-transform-translate-y: 66.6666666667%;
}

.translate-5\/6 {
  --cds-sys-transform-translate-x: 83.3333333333%;
  --cds-sys-transform-translate-y: 83.3333333333%;
}

.translate-x-5\/6 {
  --cds-sys-transform-translate-x: 83.3333333333%;
}

.translate-y-5\/6 {
  --cds-sys-transform-translate-y: 83.3333333333%;
}

.translate-1\/12 {
  --cds-sys-transform-translate-x: 8.3333333333%;
  --cds-sys-transform-translate-y: 8.3333333333%;
}

.translate-x-1\/12 {
  --cds-sys-transform-translate-x: 8.3333333333%;
}

.translate-y-1\/12 {
  --cds-sys-transform-translate-y: 8.3333333333%;
}

.translate-2\/12 {
  --cds-sys-transform-translate-x: 16.6666666667%;
  --cds-sys-transform-translate-y: 16.6666666667%;
}

.translate-x-2\/12 {
  --cds-sys-transform-translate-x: 16.6666666667%;
}

.translate-y-2\/12 {
  --cds-sys-transform-translate-y: 16.6666666667%;
}

.translate-3\/12 {
  --cds-sys-transform-translate-x: 25%;
  --cds-sys-transform-translate-y: 25%;
}

.translate-x-3\/12 {
  --cds-sys-transform-translate-x: 25%;
}

.translate-y-3\/12 {
  --cds-sys-transform-translate-y: 25%;
}

.translate-4\/12 {
  --cds-sys-transform-translate-x: 33.3333333333%;
  --cds-sys-transform-translate-y: 33.3333333333%;
}

.translate-x-4\/12 {
  --cds-sys-transform-translate-x: 33.3333333333%;
}

.translate-y-4\/12 {
  --cds-sys-transform-translate-y: 33.3333333333%;
}

.translate-5\/12 {
  --cds-sys-transform-translate-x: 41.6666666667%;
  --cds-sys-transform-translate-y: 41.6666666667%;
}

.translate-x-5\/12 {
  --cds-sys-transform-translate-x: 41.6666666667%;
}

.translate-y-5\/12 {
  --cds-sys-transform-translate-y: 41.6666666667%;
}

.translate-6\/12 {
  --cds-sys-transform-translate-x: 50%;
  --cds-sys-transform-translate-y: 50%;
}

.translate-x-6\/12 {
  --cds-sys-transform-translate-x: 50%;
}

.translate-y-6\/12 {
  --cds-sys-transform-translate-y: 50%;
}

.translate-7\/12 {
  --cds-sys-transform-translate-x: 58.3333333333%;
  --cds-sys-transform-translate-y: 58.3333333333%;
}

.translate-x-7\/12 {
  --cds-sys-transform-translate-x: 58.3333333333%;
}

.translate-y-7\/12 {
  --cds-sys-transform-translate-y: 58.3333333333%;
}

.translate-8\/12 {
  --cds-sys-transform-translate-x: 66.6666666667%;
  --cds-sys-transform-translate-y: 66.6666666667%;
}

.translate-x-8\/12 {
  --cds-sys-transform-translate-x: 66.6666666667%;
}

.translate-y-8\/12 {
  --cds-sys-transform-translate-y: 66.6666666667%;
}

.translate-9\/12 {
  --cds-sys-transform-translate-x: 75%;
  --cds-sys-transform-translate-y: 75%;
}

.translate-x-9\/12 {
  --cds-sys-transform-translate-x: 75%;
}

.translate-y-9\/12 {
  --cds-sys-transform-translate-y: 75%;
}

.translate-10\/12 {
  --cds-sys-transform-translate-x: 83.3333333333%;
  --cds-sys-transform-translate-y: 83.3333333333%;
}

.translate-x-10\/12 {
  --cds-sys-transform-translate-x: 83.3333333333%;
}

.translate-y-10\/12 {
  --cds-sys-transform-translate-y: 83.3333333333%;
}

.translate-11\/12 {
  --cds-sys-transform-translate-x: 91.6666666667%;
  --cds-sys-transform-translate-y: 91.6666666667%;
}

.translate-x-11\/12 {
  --cds-sys-transform-translate-x: 91.6666666667%;
}

.translate-y-11\/12 {
  --cds-sys-transform-translate-y: 91.6666666667%;
}

.-translate-0 {
  --cds-sys-transform-translate-x: 0;
  --cds-sys-transform-translate-y: 0;
}

.-translate-x-0 {
  --cds-sys-transform-translate-x: 0;
}

.-translate-y-0 {
  --cds-sys-transform-translate-y: 0;
}

.-translate-full {
  --cds-sys-transform-translate-x: -100%;
  --cds-sys-transform-translate-y: -100%;
}

.-translate-x-full {
  --cds-sys-transform-translate-x: -100%;
}

.-translate-y-full {
  --cds-sys-transform-translate-y: -100%;
}

.-translate-extreme {
  --cds-sys-transform-translate-x: -120%;
  --cds-sys-transform-translate-y: -120%;
}

.-translate-x-extreme {
  --cds-sys-transform-translate-x: -120%;
}

.-translate-y-extreme {
  --cds-sys-transform-translate-y: -120%;
}

.-translate-1\/2 {
  --cds-sys-transform-translate-x: -50%;
  --cds-sys-transform-translate-y: -50%;
}

.-translate-x-1\/2 {
  --cds-sys-transform-translate-x: -50%;
}

.-translate-y-1\/2 {
  --cds-sys-transform-translate-y: -50%;
}

.-translate-1\/3 {
  --cds-sys-transform-translate-x: -33.3333333333%;
  --cds-sys-transform-translate-y: -33.3333333333%;
}

.-translate-x-1\/3 {
  --cds-sys-transform-translate-x: -33.3333333333%;
}

.-translate-y-1\/3 {
  --cds-sys-transform-translate-y: -33.3333333333%;
}

.-translate-2\/3 {
  --cds-sys-transform-translate-x: -66.6666666667%;
  --cds-sys-transform-translate-y: -66.6666666667%;
}

.-translate-x-2\/3 {
  --cds-sys-transform-translate-x: -66.6666666667%;
}

.-translate-y-2\/3 {
  --cds-sys-transform-translate-y: -66.6666666667%;
}

.-translate-1\/4 {
  --cds-sys-transform-translate-x: -25%;
  --cds-sys-transform-translate-y: -25%;
}

.-translate-x-1\/4 {
  --cds-sys-transform-translate-x: -25%;
}

.-translate-y-1\/4 {
  --cds-sys-transform-translate-y: -25%;
}

.-translate-2\/4 {
  --cds-sys-transform-translate-x: -50%;
  --cds-sys-transform-translate-y: -50%;
}

.-translate-x-2\/4 {
  --cds-sys-transform-translate-x: -50%;
}

.-translate-y-2\/4 {
  --cds-sys-transform-translate-y: -50%;
}

.-translate-3\/4 {
  --cds-sys-transform-translate-x: -75%;
  --cds-sys-transform-translate-y: -75%;
}

.-translate-x-3\/4 {
  --cds-sys-transform-translate-x: -75%;
}

.-translate-y-3\/4 {
  --cds-sys-transform-translate-y: -75%;
}

.-translate-1\/5 {
  --cds-sys-transform-translate-x: -20%;
  --cds-sys-transform-translate-y: -20%;
}

.-translate-x-1\/5 {
  --cds-sys-transform-translate-x: -20%;
}

.-translate-y-1\/5 {
  --cds-sys-transform-translate-y: -20%;
}

.-translate-2\/5 {
  --cds-sys-transform-translate-x: -40%;
  --cds-sys-transform-translate-y: -40%;
}

.-translate-x-2\/5 {
  --cds-sys-transform-translate-x: -40%;
}

.-translate-y-2\/5 {
  --cds-sys-transform-translate-y: -40%;
}

.-translate-3\/5 {
  --cds-sys-transform-translate-x: -60%;
  --cds-sys-transform-translate-y: -60%;
}

.-translate-x-3\/5 {
  --cds-sys-transform-translate-x: -60%;
}

.-translate-y-3\/5 {
  --cds-sys-transform-translate-y: -60%;
}

.-translate-4\/5 {
  --cds-sys-transform-translate-x: -80%;
  --cds-sys-transform-translate-y: -80%;
}

.-translate-x-4\/5 {
  --cds-sys-transform-translate-x: -80%;
}

.-translate-y-4\/5 {
  --cds-sys-transform-translate-y: -80%;
}

.-translate-1\/6 {
  --cds-sys-transform-translate-x: -16.6666666667%;
  --cds-sys-transform-translate-y: -16.6666666667%;
}

.-translate-x-1\/6 {
  --cds-sys-transform-translate-x: -16.6666666667%;
}

.-translate-y-1\/6 {
  --cds-sys-transform-translate-y: -16.6666666667%;
}

.-translate-2\/6 {
  --cds-sys-transform-translate-x: -33.3333333333%;
  --cds-sys-transform-translate-y: -33.3333333333%;
}

.-translate-x-2\/6 {
  --cds-sys-transform-translate-x: -33.3333333333%;
}

.-translate-y-2\/6 {
  --cds-sys-transform-translate-y: -33.3333333333%;
}

.-translate-3\/6 {
  --cds-sys-transform-translate-x: -50%;
  --cds-sys-transform-translate-y: -50%;
}

.-translate-x-3\/6 {
  --cds-sys-transform-translate-x: -50%;
}

.-translate-y-3\/6 {
  --cds-sys-transform-translate-y: -50%;
}

.-translate-4\/6 {
  --cds-sys-transform-translate-x: -66.6666666667%;
  --cds-sys-transform-translate-y: -66.6666666667%;
}

.-translate-x-4\/6 {
  --cds-sys-transform-translate-x: -66.6666666667%;
}

.-translate-y-4\/6 {
  --cds-sys-transform-translate-y: -66.6666666667%;
}

.-translate-5\/6 {
  --cds-sys-transform-translate-x: -83.3333333333%;
  --cds-sys-transform-translate-y: -83.3333333333%;
}

.-translate-x-5\/6 {
  --cds-sys-transform-translate-x: -83.3333333333%;
}

.-translate-y-5\/6 {
  --cds-sys-transform-translate-y: -83.3333333333%;
}

.-translate-1\/12 {
  --cds-sys-transform-translate-x: -8.3333333333%;
  --cds-sys-transform-translate-y: -8.3333333333%;
}

.-translate-x-1\/12 {
  --cds-sys-transform-translate-x: -8.3333333333%;
}

.-translate-y-1\/12 {
  --cds-sys-transform-translate-y: -8.3333333333%;
}

.-translate-2\/12 {
  --cds-sys-transform-translate-x: -16.6666666667%;
  --cds-sys-transform-translate-y: -16.6666666667%;
}

.-translate-x-2\/12 {
  --cds-sys-transform-translate-x: -16.6666666667%;
}

.-translate-y-2\/12 {
  --cds-sys-transform-translate-y: -16.6666666667%;
}

.-translate-3\/12 {
  --cds-sys-transform-translate-x: -25%;
  --cds-sys-transform-translate-y: -25%;
}

.-translate-x-3\/12 {
  --cds-sys-transform-translate-x: -25%;
}

.-translate-y-3\/12 {
  --cds-sys-transform-translate-y: -25%;
}

.-translate-4\/12 {
  --cds-sys-transform-translate-x: -33.3333333333%;
  --cds-sys-transform-translate-y: -33.3333333333%;
}

.-translate-x-4\/12 {
  --cds-sys-transform-translate-x: -33.3333333333%;
}

.-translate-y-4\/12 {
  --cds-sys-transform-translate-y: -33.3333333333%;
}

.-translate-5\/12 {
  --cds-sys-transform-translate-x: -41.6666666667%;
  --cds-sys-transform-translate-y: -41.6666666667%;
}

.-translate-x-5\/12 {
  --cds-sys-transform-translate-x: -41.6666666667%;
}

.-translate-y-5\/12 {
  --cds-sys-transform-translate-y: -41.6666666667%;
}

.-translate-6\/12 {
  --cds-sys-transform-translate-x: -50%;
  --cds-sys-transform-translate-y: -50%;
}

.-translate-x-6\/12 {
  --cds-sys-transform-translate-x: -50%;
}

.-translate-y-6\/12 {
  --cds-sys-transform-translate-y: -50%;
}

.-translate-7\/12 {
  --cds-sys-transform-translate-x: -58.3333333333%;
  --cds-sys-transform-translate-y: -58.3333333333%;
}

.-translate-x-7\/12 {
  --cds-sys-transform-translate-x: -58.3333333333%;
}

.-translate-y-7\/12 {
  --cds-sys-transform-translate-y: -58.3333333333%;
}

.-translate-8\/12 {
  --cds-sys-transform-translate-x: -66.6666666667%;
  --cds-sys-transform-translate-y: -66.6666666667%;
}

.-translate-x-8\/12 {
  --cds-sys-transform-translate-x: -66.6666666667%;
}

.-translate-y-8\/12 {
  --cds-sys-transform-translate-y: -66.6666666667%;
}

.-translate-9\/12 {
  --cds-sys-transform-translate-x: -75%;
  --cds-sys-transform-translate-y: -75%;
}

.-translate-x-9\/12 {
  --cds-sys-transform-translate-x: -75%;
}

.-translate-y-9\/12 {
  --cds-sys-transform-translate-y: -75%;
}

.-translate-10\/12 {
  --cds-sys-transform-translate-x: -83.3333333333%;
  --cds-sys-transform-translate-y: -83.3333333333%;
}

.-translate-x-10\/12 {
  --cds-sys-transform-translate-x: -83.3333333333%;
}

.-translate-y-10\/12 {
  --cds-sys-transform-translate-y: -83.3333333333%;
}

.-translate-11\/12 {
  --cds-sys-transform-translate-x: -91.6666666667%;
  --cds-sys-transform-translate-y: -91.6666666667%;
}

.-translate-x-11\/12 {
  --cds-sys-transform-translate-x: -91.6666666667%;
}

.-translate-y-11\/12 {
  --cds-sys-transform-translate-y: -91.6666666667%;
}

.scale-0 {
  --cds-sys-transform-scale-x: 0;
  --cds-sys-transform-scale-y: 0;
}

.scale-x-0 {
  --cds-sys-transform-scale-x: 0;
}

.scale-y-0 {
  --cds-sys-transform-scale-y: 0;
}

.scale-50 {
  --cds-sys-transform-scale-x: 0.5;
  --cds-sys-transform-scale-y: 0.5;
}

.scale-x-50 {
  --cds-sys-transform-scale-x: 0.5;
}

.scale-y-50 {
  --cds-sys-transform-scale-y: 0.5;
}

.scale-75 {
  --cds-sys-transform-scale-x: 0.75;
  --cds-sys-transform-scale-y: 0.75;
}

.scale-x-75 {
  --cds-sys-transform-scale-x: 0.75;
}

.scale-y-75 {
  --cds-sys-transform-scale-y: 0.75;
}

.scale-90 {
  --cds-sys-transform-scale-x: 0.9;
  --cds-sys-transform-scale-y: 0.9;
}

.scale-x-90 {
  --cds-sys-transform-scale-x: 0.9;
}

.scale-y-90 {
  --cds-sys-transform-scale-y: 0.9;
}

.scale-95 {
  --cds-sys-transform-scale-x: 0.95;
  --cds-sys-transform-scale-y: 0.95;
}

.scale-x-95 {
  --cds-sys-transform-scale-x: 0.95;
}

.scale-y-95 {
  --cds-sys-transform-scale-y: 0.95;
}

.scale-100 {
  --cds-sys-transform-scale-x: 1;
  --cds-sys-transform-scale-y: 1;
}

.scale-x-100 {
  --cds-sys-transform-scale-x: 1;
}

.scale-y-100 {
  --cds-sys-transform-scale-y: 1;
}

.scale-105 {
  --cds-sys-transform-scale-x: 1.05;
  --cds-sys-transform-scale-y: 1.05;
}

.scale-x-105 {
  --cds-sys-transform-scale-x: 1.05;
}

.scale-y-105 {
  --cds-sys-transform-scale-y: 1.05;
}

.scale-110 {
  --cds-sys-transform-scale-x: 1.1;
  --cds-sys-transform-scale-y: 1.1;
}

.scale-x-110 {
  --cds-sys-transform-scale-x: 1.1;
}

.scale-y-110 {
  --cds-sys-transform-scale-y: 1.1;
}

.scale-125 {
  --cds-sys-transform-scale-x: 1.25;
  --cds-sys-transform-scale-y: 1.25;
}

.scale-x-125 {
  --cds-sys-transform-scale-x: 1.25;
}

.scale-y-125 {
  --cds-sys-transform-scale-y: 1.25;
}

.scale-150 {
  --cds-sys-transform-scale-x: 1.5;
  --cds-sys-transform-scale-y: 1.5;
}

.scale-x-150 {
  --cds-sys-transform-scale-x: 1.5;
}

.scale-y-150 {
  --cds-sys-transform-scale-y: 1.5;
}

.scale-200 {
  --cds-sys-transform-scale-x: 2;
  --cds-sys-transform-scale-y: 2;
}

.scale-x-200 {
  --cds-sys-transform-scale-x: 2;
}

.scale-y-200 {
  --cds-sys-transform-scale-y: 2;
}

.skew-0 {
  --cds-sys-transform-skew-x: 0deg;
  --cds-sys-transform-skew-y: 0deg;
}

.skew-x-0 {
  --cds-sys-transform-skew-x: 0deg;
}

.skew-y-0 {
  --cds-sys-transform-skew-y: 0deg;
}

.skew-1 {
  --cds-sys-transform-skew-x: 1deg;
  --cds-sys-transform-skew-y: 1deg;
}

.skew-x-1 {
  --cds-sys-transform-skew-x: 1deg;
}

.skew-y-1 {
  --cds-sys-transform-skew-y: 1deg;
}

.skew-2 {
  --cds-sys-transform-skew-x: 2deg;
  --cds-sys-transform-skew-y: 2deg;
}

.skew-x-2 {
  --cds-sys-transform-skew-x: 2deg;
}

.skew-y-2 {
  --cds-sys-transform-skew-y: 2deg;
}

.skew-3 {
  --cds-sys-transform-skew-x: 3deg;
  --cds-sys-transform-skew-y: 3deg;
}

.skew-x-3 {
  --cds-sys-transform-skew-x: 3deg;
}

.skew-y-3 {
  --cds-sys-transform-skew-y: 3deg;
}

.skew-6 {
  --cds-sys-transform-skew-x: 6deg;
  --cds-sys-transform-skew-y: 6deg;
}

.skew-x-6 {
  --cds-sys-transform-skew-x: 6deg;
}

.skew-y-6 {
  --cds-sys-transform-skew-y: 6deg;
}

.skew-12 {
  --cds-sys-transform-skew-x: 12deg;
  --cds-sys-transform-skew-y: 12deg;
}

.skew-x-12 {
  --cds-sys-transform-skew-x: 12deg;
}

.skew-y-12 {
  --cds-sys-transform-skew-y: 12deg;
}

.skew-30 {
  --cds-sys-transform-skew-x: 30deg;
  --cds-sys-transform-skew-y: 30deg;
}

.skew-x-30 {
  --cds-sys-transform-skew-x: 30deg;
}

.skew-y-30 {
  --cds-sys-transform-skew-y: 30deg;
}

.-skew-0 {
  --cds-sys-transform-skew-x: 0deg;
  --cds-sys-transform-skew-y: 0deg;
}

.-skew-x-0 {
  --cds-sys-transform-skew-x: 0deg;
}

.-skew-y-0 {
  --cds-sys-transform-skew-y: 0deg;
}

.-skew-12 {
  --cds-sys-transform-skew-x: -12deg;
  --cds-sys-transform-skew-y: -12deg;
}

.origin-top {
  transform-origin: top center;
}

.origin-top-left {
  transform-origin: top left;
}

.origin-top-right {
  transform-origin: top right;
}

.origin-bottom {
  transform-origin: bottom center;
}

.origin-bottom-left {
  transform-origin: bottom left;
}

.origin-bottom-right {
  transform-origin: bottom right;
}

.origin-center {
  transform-origin: center center;
}

.hover\:rotate-12:hover {
  --cds-sys-transform-rotate: 12deg;
}

.hover\:-rotate-3:hover {
  --cds-sys-transform-rotate: -3deg;
}

.hover\:scale-110:hover {
  --cds-sys-transform-scale-x: 1.1;
  --cds-sys-transform-scale-y: 1.1;
}
.text-clip {
  text-overflow: clip;
}

.text-ellipsis {
  text-overflow: ellipsis;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.line-clamp-none {
  -webkit-line-clamp: unset;
}

.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.line-clamp-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.line-clamp-5 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.line-clamp-6 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}

.white-space-normal {
  white-space: normal;
}

.white-space-nowrap {
  white-space: nowrap;
}

.white-space-pre {
  white-space: pre;
}

.white-space-pre-wrap {
  white-space: pre-wrap;
}

.white-space-pre-line {
  white-space: pre-line;
}

.white-space-break-spaces {
  white-space: break-spaces;
}

.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.case-normal {
  text-transform: none;
}

.underline {
  text-decoration-line: underline;
}

.overline {
  text-decoration-line: overline;
}

.line-through {
  text-decoration-line: line-through;
}

.decoration-none {
  text-decoration-line: none;
}

.decoration-solid {
  text-decoration-style: solid;
}

.decoration-double {
  text-decoration-style: double;
}

.decoration-dotted {
  text-decoration-style: dotted;
}

.decoration-dashed {
  text-decoration-style: dashed;
}

.decoration-wavy {
  text-decoration-style: wavy;
}

.decoration-auto {
  text-decoration-thickness: auto;
}

.decoration-from-font {
  text-decoration-thickness: from-font;
}

.decoration-0 {
  text-decoration-thickness: 0px;
}

.decoration-1 {
  text-decoration-thickness: 1px;
}

.decoration-2 {
  text-decoration-thickness: 2px;
}

.decoration-4 {
  text-decoration-thickness: 4px;
}

.decoration-8 {
  text-decoration-thickness: 8px;
}

.text-start {
  text-align: start;
}

.text-end {
  text-align: end;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.writing-mode-rl {
  writing-mode: vertical-rl;
}

.invisible {
  visibility: hidden;
}

.collapse {
  visibility: collapse;
}
.index-pullback {
  z-index: -1;
}

.index-surface {
  z-index: 0;
}

.index-footer {
  z-index: 0;
}

.index-content-on-surface {
  z-index: 1;
}

.index-sticky-container {
  z-index: 2;
}

.index-sticky-list-header {
  z-index: 2;
}

.index-sticky-toolbar {
  z-index: 3;
}

.index-sticky-cover {
  z-index: 3;
}

.index-content-on-sticky {
  z-index: 3;
}

.index-fab {
  z-index: 4;
}

.index-scrim {
  z-index: 5;
}

.index-slideout {
  z-index: 6;
}

.index-overlay {
  z-index: 7;
}
.animate-rotate-bottom-left {
  animation-name: rotate-bottom-left;
}

.animate-rotate-vertical-center {
  animation-name: rotate-vertical-center;
}

.animate-rotate-diagonal-bottom-right {
  animation-name: rotate-diagonal-bottom-right;
}

.animate-rotate-top {
  animation-name: rotate-top;
}

.animate-rotate-left {
  animation-name: rotate-left;
}

.animate-rotate-vertical-left {
  animation-name: rotate-vertical-left;
}

.animate-rotate-diagonal-bottom-left {
  animation-name: rotate-diagonal-bottom-left;
}

.animate-rotate-top-right {
  animation-name: rotate-top-right;
}

.animate-rotate-top-left {
  animation-name: rotate-top-left;
}

.animate-rotate-vertical-right {
  animation-name: rotate-vertical-right;
}

.animate-rotate-diagonal-top-left {
  animation-name: rotate-diagonal-top-left;
}

.animate-rotate-right {
  animation-name: rotate-right;
}

.animate-rotate-horizontal-center {
  animation-name: rotate-horizontal-center;
}

.animate-rotate-diagonal-1 {
  animation-name: rotate-diagonal-1;
}

.animate-rotate-horizontal-top {
  animation-name: rotate-horizontal-top;
}

.animate-rotate-diagonal-top-right {
  animation-name: rotate-diagonal-top-right;
}

.animate-rotate-diagonal-2 {
  animation-name: rotate-diagonal-2;
}

.animate-rotate-horizontal-bottom {
  animation-name: rotate-horizontal-bottom;
}

.animate-rotate-bottom {
  animation-name: rotate-bottom;
}

.animate-rotate-bottom-right {
  animation-name: rotate-bottom-right;
}

.animate-rotate-center {
  animation-name: rotate-center;
}

.animate-scale-down-center {
  animation-name: scale-down-center;
}

.animate-scale-down-bottom-left {
  animation-name: scale-down-bottom-left;
}

.animate-scale-down-vertical-center {
  animation-name: scale-down-vertical-center;
}

.animate-scale-down-top {
  animation-name: scale-down-top;
}

.animate-scale-down-left {
  animation-name: scale-down-left;
}

.animate-scale-down-vertical-top {
  animation-name: scale-down-vertical-top;
}

.animate-scale-down-top-right {
  animation-name: scale-down-top-right;
}

.animate-scale-down-top-left {
  animation-name: scale-down-top-left;
}

.animate-scale-down-vertical-bottom {
  animation-name: scale-down-vertical-bottom;
}

.animate-scale-down-right {
  animation-name: scale-down-right;
}

.animate-scale-down-horizontal-center {
  animation-name: scale-down-horizontal-center;
}

.animate-scale-down-bottom-right {
  animation-name: scale-down-bottom-right;
}

.animate-scale-down-horizontal-left {
  animation-name: scale-down-horizontal-left;
}

.animate-scale-down-bottom {
  animation-name: scale-down-bottom;
}

.animate-scale-down-horizontal-right {
  animation-name: scale-down-horizontal-right;
}

.animate-scale-up-center {
  animation-name: scale-up-center;
}

.animate-scale-up-bottom-left {
  animation-name: scale-up-bottom-left;
}

.animate-scale-up-vertical-center {
  animation-name: scale-up-vertical-center;
}

.animate-scale-up-top {
  animation-name: scale-up-top;
}

.animate-scale-up-left {
  animation-name: scale-up-left;
}

.animate-scale-up-vertical-top {
  animation-name: scale-up-vertical-top;
}

.animate-scale-up-top-right {
  animation-name: scale-up-top-right;
}

.animate-scale-up-top-left {
  animation-name: scale-up-top-left;
}

.animate-scale-up-vertical-bottom {
  animation-name: scale-up-vertical-bottom;
}

.animate-scale-up-right {
  animation-name: scale-up-right;
}

.animate-scale-up-horizontal-center {
  animation-name: scale-up-horizontal-center;
}

.animate-scale-up-bottom-right {
  animation-name: scale-up-bottom-right;
}

.animate-scale-up-horizontal-left {
  animation-name: scale-up-horizontal-left;
}

.animate-scale-up-bottom {
  animation-name: scale-up-bottom;
}

.animate-scale-up-horizontal-right {
  animation-name: scale-up-horizontal-right;
}

.animate-swing-top-fwd {
  animation-name: swing-top-fwd;
}

.animate-swing-bottom-right-fwd {
  animation-name: swing-bottom-right-fwd;
}

.animate-swing-top-right-fwd {
  animation-name: swing-top-right-fwd;
}

.hover\:animate-rotate-bottom-left:hover {
  animation-name: rotate-bottom-left;
}

@keyframes rotate-bottom-left {
  0% {
    transform: rotate(0);
    transform-origin: bottom left;
  }
  100% {
    transform: rotate(360deg);
    transform-origin: bottom left;
  }
}
@keyframes rotate-vertical-center {
  0% {
    transform: rotateY(0);
  }
  100% {
    transform: rotateY(360deg);
  }
}
@keyframes rotate-diagonal-bottom-right {
  0% {
    transform: rotate3d(-1, 1, 0, 0deg);
    transform-origin: 100% 100%;
  }
  50% {
    transform: rotate3d(-1, 1, 0, -180deg);
    transform-origin: 100% 100%;
  }
  100% {
    transform: rotate3d(-1, 1, 0, -360deg);
    transform-origin: 100% 100%;
  }
}
@keyframes rotate-top {
  0% {
    transform: rotate(0);
    transform-origin: top;
  }
  100% {
    transform: rotate(360deg);
    transform-origin: top;
  }
}
@keyframes rotate-left {
  0% {
    transform: rotate(0);
    transform-origin: left;
  }
  100% {
    transform: rotate(360deg);
    transform-origin: left;
  }
}
@keyframes rotate-vertical-left {
  0% {
    transform: rotateY(0);
    transform-origin: left;
  }
  100% {
    transform: rotateY(360deg);
    transform-origin: left;
  }
}
@keyframes rotate-diagonal-bottom-left {
  0% {
    transform: rotate3d(1, 1, 0, 0deg);
    transform-origin: 0% 100%;
  }
  50% {
    transform: rotate3d(1, 1, 0, 180deg);
    transform-origin: 0% 100%;
  }
  100% {
    transform: rotate3d(1, 1, 0, 360deg);
    transform-origin: 0% 100%;
  }
}
@keyframes rotate-top-right {
  0% {
    transform: rotate(0);
    transform-origin: top right;
  }
  100% {
    transform: rotate(360deg);
    transform-origin: top right;
  }
}
@keyframes rotate-top-left {
  0% {
    transform: rotate(0);
    transform-origin: top left;
  }
  100% {
    transform: rotate(360deg);
    transform-origin: top left;
  }
}
@keyframes rotate-vertical-right {
  0% {
    transform: rotateY(0);
    transform-origin: right;
  }
  100% {
    transform: rotateY(-360deg);
    transform-origin: right;
  }
}
@keyframes rotate-diagonal-top-left {
  0% {
    transform: rotate3d(-1, 1, 0, 0deg);
    transform-origin: 0% 0%;
  }
  50% {
    transform: rotate3d(-1, 1, 0, 180deg);
    transform-origin: 0% 0%;
  }
  100% {
    transform: rotate3d(-1, 1, 0, 360deg);
    transform-origin: 0% 0%;
  }
}
@keyframes rotate-right {
  0% {
    transform: rotate(0);
    transform-origin: right;
  }
  100% {
    transform: rotate(360deg);
    transform-origin: right;
  }
}
@keyframes rotate-horizontal-center {
  0% {
    transform: rotateX(0);
  }
  100% {
    transform: rotateX(-360deg);
  }
}
@keyframes rotate-diagonal-1 {
  0% {
    transform: rotate3d(1, 1, 0, 0deg);
  }
  50% {
    transform: rotate3d(1, 1, 0, -180deg);
  }
  100% {
    transform: rotate3d(1, 1, 0, -360deg);
  }
}
@keyframes rotate-horizontal-top {
  0% {
    transform: rotateX(0);
    transform-origin: top;
  }
  100% {
    transform: rotateX(-360deg);
    transform-origin: top;
  }
}
@keyframes rotate-diagonal-top-right {
  0% {
    transform: rotate3d(1, 1, 0, 0deg);
    transform-origin: 100% 0%;
  }
  50% {
    transform: rotate3d(1, 1, 0, -180deg);
    transform-origin: 100% 0%;
  }
  100% {
    transform: rotate3d(1, 1, 0, -360deg);
    transform-origin: 100% 0%;
  }
}
@keyframes rotate-diagonal-2 {
  0% {
    transform: rotate3d(-1, 1, 0, 0deg);
  }
  50% {
    transform: rotate3d(-1, 1, 0, 180deg);
  }
  100% {
    transform: rotate3d(-1, 1, 0, 360deg);
  }
}
@keyframes rotate-horizontal-bottom {
  0% {
    transform: rotateX(0);
    transform-origin: bottom;
  }
  100% {
    transform: rotateX(360deg);
    transform-origin: bottom;
  }
}
@keyframes rotate-bottom {
  0% {
    transform: rotate(0);
    transform-origin: bottom;
  }
  100% {
    transform: rotate(360deg);
    transform-origin: bottom;
  }
}
@keyframes rotate-bottom-right {
  0% {
    transform: rotate(0);
    transform-origin: bottom right;
  }
  100% {
    transform: rotate(360deg);
    transform-origin: bottom right;
  }
}
@keyframes rotate-center {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes scale-down-center {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.5);
  }
}
@keyframes scale-down-bottom-left {
  0% {
    transform: scale(1);
    transform-origin: 0% 100%;
  }
  100% {
    transform: scale(0.5);
    transform-origin: 0% 100%;
  }
}
@keyframes scale-down-vertical-center {
  0% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(0.3);
  }
}
@keyframes scale-down-top {
  0% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
  100% {
    transform: scale(0.5);
    transform-origin: 50% 0%;
  }
}
@keyframes scale-down-left {
  0% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
  100% {
    transform: scale(0.5);
    transform-origin: 0% 50%;
  }
}
@keyframes scale-down-vertical-top {
  0% {
    transform: scaleY(1);
    transform-origin: 100% 0%;
  }
  100% {
    transform: scaleY(0.3);
    transform-origin: 100% 0%;
  }
}
@keyframes scale-down-top-right {
  0% {
    transform: scale(1);
    transform-origin: 100% 0%;
  }
  100% {
    transform: scale(0.5);
    transform-origin: 100% 0%;
  }
}
@keyframes scale-down-top-left {
  0% {
    transform: scale(1);
    transform-origin: 0% 0%;
  }
  100% {
    transform: scale(0.5);
    transform-origin: 0% 0%;
  }
}
@keyframes scale-down-vertical-bottom {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 100%;
  }
  100% {
    transform: scaleY(0.3);
    transform-origin: 0% 100%;
  }
}
@keyframes scale-down-right {
  0% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
  100% {
    transform: scale(0.5);
    transform-origin: 100% 50%;
  }
}
@keyframes scale-down-horizontal-center {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0.3);
  }
}
@keyframes scale-down-bottom-right {
  0% {
    transform: scale(1);
    transform-origin: 100% 100%;
  }
  100% {
    transform: scale(0.5);
    transform-origin: 100% 100%;
  }
}
@keyframes scale-down-horizontal-left {
  0% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
  }
  100% {
    transform: scaleX(0.3);
    transform-origin: 0% 0%;
  }
}
@keyframes scale-down-bottom {
  0% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scale(0.5);
    transform-origin: 50% 100%;
  }
}
@keyframes scale-down-horizontal-right {
  0% {
    transform: scaleX(1);
    transform-origin: 100% 100%;
  }
  100% {
    transform: scaleX(0.3);
    transform-origin: 100% 100%;
  }
}
@keyframes scale-up-center {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scale-up-bottom-left {
  0% {
    transform: scale(0.5);
    transform-origin: 0% 100%;
  }
  100% {
    transform: scale(1);
    transform-origin: 0% 100%;
  }
}
@keyframes scale-up-vertical-center {
  0% {
    transform: scaleY(0.4);
  }
  100% {
    transform: scaleY(1);
  }
}
@keyframes scale-up-top {
  0% {
    transform: scale(0.5);
    transform-origin: 50% 0%;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
}
@keyframes scale-up-left {
  0% {
    transform: scale(0.5);
    transform-origin: 0% 50%;
  }
  100% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
}
@keyframes scale-up-vertical-top {
  0% {
    transform: scaleY(0.4);
    transform-origin: 100% 0%;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 0%;
  }
}
@keyframes scale-up-top-right {
  0% {
    transform: scale(0.5);
    transform-origin: 100% 0%;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 0%;
  }
}
@keyframes scale-up-top-left {
  0% {
    transform: scale(0.5);
    transform-origin: 0% 0%;
  }
  100% {
    transform: scale(1);
    transform-origin: 0% 0%;
  }
}
@keyframes scale-up-vertical-bottom {
  0% {
    transform: scaleY(0.4);
    transform-origin: 0% 100%;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 0% 100%;
  }
}
@keyframes scale-up-right {
  0% {
    transform: scale(0.5);
    transform-origin: 100% 50%;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
}
@keyframes scale-up-horizontal-center {
  0% {
    transform: scaleX(0.4);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes scale-up-bottom-right {
  0% {
    transform: scale(0.5);
    transform-origin: 100% 100%;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 100%;
  }
}
@keyframes scale-up-horizontal-left {
  0% {
    transform: scaleX(0.4);
    transform-origin: 0% 0%;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
  }
}
@keyframes scale-up-bottom {
  0% {
    transform: scale(0.5);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
}
@keyframes scale-up-horizontal-right {
  0% {
    transform: scaleX(0.4);
    transform-origin: 100% 100%;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 100% 100%;
  }
}
@keyframes swing-top-fwd {
  0% {
    transform: rotateX(0);
    transform-origin: top;
  }
  100% {
    transform: rotateX(180deg);
    transform-origin: top;
  }
}
@keyframes swing-bottom-right-fwd {
  0% {
    transform: rotate3d(-1, 1, 0, 0deg);
    transform-origin: 100% 100%;
  }
  100% {
    transform: rotate3d(-1, 1, 0, 180deg);
    transform-origin: 100% 100%;
  }
}
@keyframes swing-top-right-fwd {
  0% {
    transform: rotate3d(1, 1, 0, 0deg);
    transform-origin: 100% 0%;
  }
  100% {
    transform: rotate3d(1, 1, 0, 180deg);
    transform-origin: 100% 0%;
  }
}
.animate-jello-horizontal {
  animation-name: jello-horizontal;
}

.animate-jello-vertical {
  animation-name: jello-vertical;
}

.animate-jello-diagonal-1 {
  animation-name: jello-diagonal-1;
}

.animate-jello-diagonal-2 {
  animation-name: jello-diagonal-2;
}

.animate-shake-horizontal {
  animation-name: shake-horizontal;
}

.animate-shake-bottom-right {
  animation-name: shake-bottom-right;
}

.animate-shake-vertical {
  animation-name: shake-vertical;
}

.animate-shake-bottom {
  animation-name: shake-bottom;
}

.animate-shake-left-right {
  animation-name: shake-left-right;
}

.animate-shake-bottom-left {
  animation-name: shake-bottom-left;
}

.animate-shake-top {
  animation-name: shake-top;
}

.animate-shake-left {
  animation-name: shake-left;
}

.animate-shake-top-right {
  animation-name: shake-top-right;
}

.animate-shake-top-left {
  animation-name: shake-top-left;
}

.animate-shake-right {
  animation-name: shake-right;
}

@keyframes jello-horizontal {
  0% {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes jello-vertical {
  0% {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(0.75, 1.25, 1);
  }
  40% {
    transform: scale3d(1.25, 0.75, 1);
  }
  50% {
    transform: scale3d(0.85, 1.15, 1);
  }
  65% {
    transform: scale3d(1.05, 0.95, 1);
  }
  75% {
    transform: scale3d(0.95, 1.05, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes jello-diagonal-1 {
  0% {
    transform: skew(0deg 0deg);
  }
  30% {
    transform: skew(25deg 25deg);
  }
  40% {
    transform: skew(-15deg, -15deg);
  }
  50% {
    transform: skew(15deg, 15deg);
  }
  65% {
    transform: skew(-5deg, -5deg);
  }
  75% {
    transform: skew(5deg, 5deg);
  }
  100% {
    transform: skew(0deg 0deg);
  }
}
@keyframes jello-diagonal-2 {
  0% {
    transform: skew(0deg 0deg);
  }
  30% {
    transform: skew(-25deg -25deg);
  }
  40% {
    transform: skew(15deg, 15deg);
  }
  50% {
    transform: skew(-15deg, -15deg);
  }
  65% {
    transform: skew(5deg, 5deg);
  }
  75% {
    transform: skew(-5deg, -5deg);
  }
  100% {
    transform: skew(0deg 0deg);
  }
}
@keyframes shake-horizontal {
  0% {
    transform: translateX(0);
  }
  10% {
    transform: translateX(-10px);
  }
  20% {
    transform: translateX(10px);
  }
  30% {
    transform: translateX(-10px);
  }
  40% {
    transform: translateX(10px);
  }
  50% {
    transform: translateX(-10px);
  }
  60% {
    transform: translateX(10px);
  }
  70% {
    transform: translateX(-10px);
  }
  80% {
    transform: translateX(8px);
  }
  90% {
    transform: translateX(-8px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes shake-bottom-right {
  0% {
    transform: rotate(0deg);
    transform-origin: bottom right;
  }
  10% {
    transform: rotate(2deg);
  }
  20% {
    transform: rotate(-4deg);
  }
  30% {
    transform: rotate(4deg);
  }
  40% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(4deg);
  }
  60% {
    transform: rotate(-4deg);
  }
  70% {
    transform: rotate(4deg);
  }
  80% {
    transform: rotate(-2deg);
  }
  90% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0deg);
    transform-origin: bottom right;
  }
}
@keyframes shake-vertical {
  0% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(-8px);
  }
  20% {
    transform: translateY(8px);
  }
  30% {
    transform: translateY(-8px);
  }
  40% {
    transform: translateY(8px);
  }
  50% {
    transform: translateY(-8px);
  }
  60% {
    transform: translateY(8px);
  }
  70% {
    transform: translateY(-8px);
  }
  80% {
    transform: translateY(6.4px);
  }
  90% {
    transform: translateY(-6.4px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes shake-bottom {
  0% {
    transform: rotate(0deg);
    transform-origin: bottom;
  }
  10% {
    transform: rotate(2deg);
  }
  20% {
    transform: rotate(-4deg);
  }
  30% {
    transform: rotate(4deg);
  }
  40% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(4deg);
  }
  60% {
    transform: rotate(-4deg);
  }
  70% {
    transform: rotate(4deg);
  }
  80% {
    transform: rotate(-2deg);
  }
  90% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0deg);
    transform-origin: bottom;
  }
}
@keyframes shake-left-right {
  0% {
    transform: rotate(0deg);
    transform-origin: center;
  }
  10% {
    transform: rotate(8deg);
  }
  20% {
    transform: rotate(-10deg);
  }
  30% {
    transform: rotate(10deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(10deg);
  }
  60% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(10deg);
  }
  80% {
    transform: rotate(-8deg);
  }
  90% {
    transform: rotate(8deg);
  }
  100% {
    transform: rotate(0deg);
    transform-origin: center;
  }
}
@keyframes shake-bottom-left {
  0% {
    transform: rotate(0deg);
    transform-origin: bottom left;
  }
  10% {
    transform: rotate(2deg);
  }
  20% {
    transform: rotate(-4deg);
  }
  30% {
    transform: rotate(4deg);
  }
  40% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(4deg);
  }
  60% {
    transform: rotate(-4deg);
  }
  70% {
    transform: rotate(4deg);
  }
  80% {
    transform: rotate(-2deg);
  }
  90% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0deg);
    transform-origin: bottom left;
  }
}
@keyframes shake-top {
  0% {
    transform: rotate(0deg);
    transform-origin: top;
  }
  10% {
    transform: rotate(2deg);
  }
  20% {
    transform: rotate(-4deg);
  }
  30% {
    transform: rotate(4deg);
  }
  40% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(4deg);
  }
  60% {
    transform: rotate(-4deg);
  }
  70% {
    transform: rotate(4deg);
  }
  80% {
    transform: rotate(-2deg);
  }
  90% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0deg);
    transform-origin: top;
  }
}
@keyframes shake-left {
  0% {
    transform: rotate(0deg);
    transform-origin: left;
  }
  10% {
    transform: rotate(2deg);
  }
  20% {
    transform: rotate(-4deg);
  }
  30% {
    transform: rotate(4deg);
  }
  40% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(4deg);
  }
  60% {
    transform: rotate(-4deg);
  }
  70% {
    transform: rotate(4deg);
  }
  80% {
    transform: rotate(-2deg);
  }
  90% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0deg);
    transform-origin: left;
  }
}
@keyframes shake-top-right {
  0% {
    transform: rotate(0deg);
    transform-origin: top right;
  }
  10% {
    transform: rotate(2deg);
  }
  20% {
    transform: rotate(-4deg);
  }
  30% {
    transform: rotate(4deg);
  }
  40% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(4deg);
  }
  60% {
    transform: rotate(-4deg);
  }
  70% {
    transform: rotate(4deg);
  }
  80% {
    transform: rotate(-2deg);
  }
  90% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0deg);
    transform-origin: top right;
  }
}
@keyframes shake-top-left {
  0% {
    transform: rotate(0deg);
    transform-origin: top left;
  }
  10% {
    transform: rotate(2deg);
  }
  20% {
    transform: rotate(-4deg);
  }
  30% {
    transform: rotate(4deg);
  }
  40% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(4deg);
  }
  60% {
    transform: rotate(-4deg);
  }
  70% {
    transform: rotate(4deg);
  }
  80% {
    transform: rotate(-2deg);
  }
  90% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0deg);
    transform-origin: top left;
  }
}
@keyframes shake-right {
  0% {
    transform: rotate(0deg);
    transform-origin: right;
  }
  10% {
    transform: rotate(2deg);
  }
  20% {
    transform: rotate(-4deg);
  }
  30% {
    transform: rotate(4deg);
  }
  40% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(4deg);
  }
  60% {
    transform: rotate(-4deg);
  }
  70% {
    transform: rotate(4deg);
  }
  80% {
    transform: rotate(-2deg);
  }
  90% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0deg);
    transform-origin: right;
  }
}