@import url(https://fonts.googleapis.com/css?family=Dosis:100,400,500,700|Roboto:100,400,500,700);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons+Round);
:root {
  --icon-font-family: "linx-icon";
}
@font-face {
  font-family: "linx-icon";
  src: url('linx-icon.eot');
  src: url('linx-icon.eot?#iefix') format("embedded-opentype"), url('linx-icon.woff') format("woff"), url('linx-icon.ttf') format("truetype"), url('linx-icon.svg#linx-icon') format("svg");
  font-style: normal;
  font-weight: normal;
}
[data-icon]:before {
  font-family: var(--icon-font-family) !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-feature-settings: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^=icon-]:before,
[class*=" icon-"]:before {
  font-family: var(--icon-font-family) !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-feature-settings: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-lx-notification:before {
  content: "\e052";
}
.icon-lx-mobile:before {
  content: "\e053";
}
.icon-lx-arrow-left:before {
  content: "b";
}
.icon-lx-arrow-right:before {
  content: "c";
}
.icon-lx-attachment:before {
  content: "d";
}
.icon-lx-bag:before {
  content: "e";
}
.icon-lx-bag2:before {
  content: "f";
}
.icon-lx-barcode:before {
  content: "g";
}
.icon-lx-barcode-2:before {
  content: "h";
}
.icon-lx-bars:before {
  content: "i";
}
.icon-lx-basket:before {
  content: "j";
}
.icon-lx-bell:before {
  content: "k";
}
.icon-lx-block:before {
  content: "l";
}
.icon-lx-buildings:before {
  content: "m";
}
.icon-lx-calculator:before {
  content: "n";
}
.icon-lx-calendar:before {
  content: "o";
}
.icon-lx-calendar-chart:before {
  content: "q";
}
.icon-lx-calendar-clock:before {
  content: "r";
}
.icon-lx-calendar-crosshairs:before {
  content: "s";
}
.icon-lx-car:before {
  content: "t";
}
.icon-lx-cart:before {
  content: "u";
}
.icon-lx-cart-full:before {
  content: "v";
}
.icon-lx-cart-plus:before {
  content: "w";
}
.icon-lx-cart-receipt:before {
  content: "x";
}
.icon-lx-cash-register:before {
  content: "y";
}
.icon-lx-cashier:before {
  content: "z";
}
.icon-lx-category:before {
  content: "A";
}
.icon-lx-chart:before {
  content: "B";
}
.icon-lx-chart-2:before {
  content: "C";
}
.icon-lx-chart-3:before {
  content: "D";
}
.icon-lx-chart-4:before {
  content: "E";
}
.icon-lx-chat:before {
  content: "F";
}
.icon-lx-check:before {
  content: "G";
}
.icon-lx-check-2:before {
  content: "H";
}
.icon-lx-check-square:before {
  content: "I";
}
.icon-lx-cheese:before {
  content: "J";
}
.icon-lx-clipboard:before {
  content: "K";
}
.icon-lx-clock:before {
  content: "L";
}
.icon-lx-close:before {
  content: "M";
}
.icon-lx-close-square:before {
  content: "N";
}
.icon-lx-clothes-hanger:before {
  content: "O";
}
.icon-lx-cog:before {
  content: "P";
}
.icon-lx-cog-undo:before {
  content: "Q";
}
.icon-lx-cogs:before {
  content: "R";
}
.icon-lx-coin:before {
  content: "S";
}
.icon-lx-coin-2:before {
  content: "T";
}
.icon-lx-coin-plus:before {
  content: "U";
}
.icon-lx-coin-remove:before {
  content: "V";
}
.icon-lx-coin-sync:before {
  content: "W";
}
.icon-lx-comunity:before {
  content: "X";
}
.icon-lx-contract:before {
  content: "Y";
}
.icon-lx-credit-card:before {
  content: "Z";
}
.icon-lx-dashboard:before {
  content: "0";
}
.icon-lx-dashboard-data:before {
  content: "1";
}
.icon-lx-dashboard-money:before {
  content: "2";
}
.icon-lx-dashboard-pharmacy:before {
  content: "3";
}
.icon-lx-data:before {
  content: "4";
}
.icon-lx-data-retransmission:before {
  content: "5";
}
.icon-lx-data-transmission:before {
  content: "6";
}
.icon-lx-delivery:before {
  content: "7";
}
.icon-lx-desktop:before {
  content: "8";
}
.icon-lx-discount:before {
  content: "9";
}
.icon-lx-discount-remove:before {
  content: "!";
}
.icon-lx-document:before {
  content: '"';
}
.icon-lx-dollar:before {
  content: "#";
}
.icon-lx-download:before {
  content: "$";
}
.icon-lx-dress:before {
  content: "%";
}
.icon-lx-drink:before {
  content: "&";
}
.icon-lx-drink-2:before {
  content: "'";
}
.icon-lx-drink-3:before {
  content: "(";
}
.icon-lx-drink-4:before {
  content: ")";
}
.icon-lx-drink-5:before {
  content: "*";
}
.icon-lx-drink-6:before {
  content: "+";
}
.icon-lx-dungarees:before {
  content: ",";
}
.icon-lx-dungarees-down:before {
  content: "-";
}
.icon-lx-dungarees-up:before {
  content: ".";
}
.icon-lx-edit:before {
  content: "/";
}
.icon-lx-ellipsis:before {
  content: ":";
}
.icon-lx-envelope:before {
  content: ";";
}
.icon-lx-eraser:before {
  content: "<";
}
.icon-lx-exchange:before {
  content: "=";
}
.icon-lx-expand:before {
  content: ">";
}
.icon-lx-eyeglasses:before {
  content: "?";
}
.icon-lx-facebook:before {
  content: "@";
}
.icon-lx-file-code:before {
  content: "[";
}
.icon-lx-file-csv:before {
  content: "]";
}
.icon-lx-file-doc:before {
  content: "^";
}
.icon-lx-file-pdf:before {
  content: "_";
}
.icon-lx-file-undo:before {
  content: "`";
}
.icon-lx-file-xls:before {
  content: "{";
}
.icon-lx-files:before {
  content: "|";
}
.icon-lx-filter:before {
  content: "}";
}
.icon-lx-grid:before {
  content: "~";
}
.icon-lx-group:before {
  content: "\e000";
}
.icon-lx-hamburger:before {
  content: "\e001";
}
.icon-lx-hamburger-2:before {
  content: "\e002";
}
.icon-lx-handshake:before {
  content: "\e003";
}
.icon-lx-hanger:before {
  content: "\e004";
}
.icon-lx-heels:before {
  content: "\e005";
}
.icon-lx-home:before {
  content: "\e006";
}
.icon-lx-hoodie:before {
  content: "\e007";
}
.icon-lx-hot-dog:before {
  content: "\e008";
}
.icon-lx-image:before {
  content: "\e009";
}
.icon-lx-inbox:before {
  content: "\e00a";
}
.icon-lx-info:before {
  content: "\e00b";
}
.icon-lx-instagram:before {
  content: "\e00c";
}
.icon-lx-invoice:before {
  content: "\e00d";
}
.icon-lx-key:before {
  content: "\e00e";
}
.icon-lx-keyboard:before {
  content: "\e00f";
}
.icon-lx-lightbulb:before {
  content: "\e010";
}
.icon-lx-linkedin:before {
  content: "\e011";
}
.icon-lx-logoff:before {
  content: "\e012";
}
.icon-lx-logout:before {
  content: "\e013";
}
.icon-lx-map:before {
  content: "\e014";
}
.icon-lx-memory:before {
  content: "\e015";
}
.icon-lx-money:before {
  content: "\e017";
}
.icon-lx-mortar-board:before {
  content: "\e018";
}
.icon-lx-new:before {
  content: "\e019";
}
.icon-lx-package:before {
  content: "\e01b";
}
.icon-lx-pants:before {
  content: "\e01c";
}
.icon-lx-payments:before {
  content: "\e01d";
}
.icon-lx-phone:before {
  content: "\e01e";
}
.icon-lx-pizza:before {
  content: "\e01f";
}
.icon-lx-plus:before {
  content: "\e020";
}
.icon-lx-print:before {
  content: "\e021";
}
.icon-lx-puzzle:before {
  content: "\e022";
}
.icon-lx-question:before {
  content: "\e023";
}
.icon-lx-receipt:before {
  content: "\e024";
}
.icon-lx-receipts:before {
  content: "\e025";
}
.icon-lx-refresh:before {
  content: "\e026";
}
.icon-lx-remote-connection:before {
  content: "\e027";
}
.icon-lx-remove:before {
  content: "\e028";
}
.icon-lx-remove-circle:before {
  content: "\e029";
}
.icon-lx-report:before {
  content: "\e02a";
}
.icon-lx-roadmap:before {
  content: "\e02b";
}
.icon-lx-checklist:before {
  content: "\e02c";
}
.icon-lx-save:before {
  content: "\e02d";
}
.icon-lx-search:before {
  content: "\e02e";
}
.icon-lx-search-plus:before {
  content: "\e02f";
}
.icon-lx-select-arrow-1:before {
  content: "\e030";
}
.icon-lx-select-arrow-2:before {
  content: "\e031";
}
.icon-lx-select-arrow-3:before {
  content: "\e032";
}
.icon-lx-shirt:before {
  content: "\e033";
}
.icon-lx-shirt-2:before {
  content: "\e034";
}
.icon-lx-shoes:before {
  content: "\e035";
}
.icon-lx-shopping-bag:before {
  content: "\e036";
}
.icon-lx-shopping-bag-check:before {
  content: "\e037";
}
.icon-lx-shopping-bag-remove:before {
  content: "\e038";
}
.icon-lx-shorts:before {
  content: "\e039";
}
.icon-lx-shuffle:before {
  content: "\e03a";
}
.icon-lx-site:before {
  content: "\e03b";
}
.icon-lx-soda:before {
  content: "\e03c";
}
.icon-lx-star:before {
  content: "\e03d";
}
.icon-lx-store:before {
  content: "\e03e";
}
.icon-lx-subtitle:before {
  content: "\e03f";
}
.icon-lx-support:before {
  content: "\e040";
}
.icon-lx-switch:before {
  content: "\e041";
}
.icon-lx-switch-2:before {
  content: "\e042";
}
.icon-lx-table:before {
  content: "\e043";
}
.icon-lx-ticket:before {
  content: "\e044";
}
.icon-lx-tie:before {
  content: "\e045";
}
.icon-lx-timer:before {
  content: "\e046";
}
.icon-lx-trash:before {
  content: "\e047";
}
.icon-lx-tshirt:before {
  content: "\e048";
}
.icon-lx-tshirt2:before {
  content: "\e049";
}
.icon-lx-twitter:before {
  content: "\e04a";
}
.icon-lx-upload:before {
  content: "\e04b";
}
.icon-lx-user:before {
  content: "\e04c";
}
.icon-lx-user-down:before {
  content: "\e04d";
}
.icon-lx-user-sync:before {
  content: "\e04e";
}
.icon-lx-users:before {
  content: "\e04f";
}
.icon-lx-video:before {
  content: "\e050";
}
.icon-lx-vision:before {
  content: "\e051";
}
.icon-lx-window-maximize:before {
  content: "\e054";
}
.icon-lx-window-minimize:before {
  content: "\e055";
}
.icon-lx-wrench:before {
  content: "\e056";
}
.icon-lx-wrench-2:before {
  content: "\e057";
}
.icon-lx-youtube:before {
  content: "\e058";
}
.icon-lx-angle-down:before {
  content: "a";
}
.icon-lx-angle-left:before {
  content: "\e01a";
}
.icon-lx-angle-right:before {
  content: "\e059";
}
.icon-lx-angle-up:before {
  content: "\e05a";
}
.icon-lx-archives:before {
  content: "\e05b";
}
.icon-lx-arrow-circle-down:before {
  content: "\e05c";
}
.icon-lx-arrow-circle-up:before {
  content: "\e05d";
}
.icon-lx-grid-2:before {
  content: "\\";
}
.icon-lx-info-2:before {
  content: "p";
}
.icon-lx-caret-down:before {
  content: "\e05e";
}
.icon-lx-caret-up:before {
  content: "\e05f";
}
.icon-lx-order-down:before {
  content: "\e060";
}
.icon-lx-order-up:before {
  content: "\e062";
}
.icon-lx-disk-brake:before {
  content: "\e063";
}
.icon-lx-exhaust:before {
  content: "\e064";
}
.icon-lx-suspension:before {
  content: "\e065";
}
.icon-lx-star-2:before {
  content: "\e066";
}
.icon-lx-whatsapp:before {
  content: "\e067";
}
.icon-lx-universal-access:before {
  content: "\e068";
}
.icon-lx-wheelchair:before {
  content: "\e069";
}
.icon-lx-arroba:before {
  content: "\e06c";
}
.icon-lx-close-2:before {
  content: "\e06d";
}
.icon-lx-exclamation-triangle:before {
  content: "\e06e";
}
.icon-lx-exclamation-2:before {
  content: "\e06f";
}
.icon-lx-search-minus:before {
  content: "\e070";
}
.icon-lx-exclamation:before {
  content: "\e071";
}
.icon-lx-order-numeric-dsc:before {
  content: "\e016";
}
.icon-lx-order-numeric-asc:before {
  content: "\e061";
}
.icon-lx-order-dsc:before {
  content: "\e06a";
}
.icon-lx-order-asc:before {
  content: "\e06b";
}
:root {
  /* Global tokens */
  /**
  * @tokens Animation transitions
  * @presenter Animation
  */
  --animation-transition-rotate: rotate;
  --animation-transition-rotate-reverse: rotate-reverse;
  --animation-transition-swift: swift;
  --animation-transition-swift-inverse: swift-inverse;
  --animation-transition-fade-in: fade-in;
  --animation-transition-fade-out: fade-out;
  --animation-transition-pulsate: pulsate;
  --animation-transition-shake: shake;
  --animation-transition-bounce: bounce;
  /**
  * @tokens Animation easings
  * @presenter Easing
  */
  --animation-easing-linear: cubic-bezier(0, 0, 1, 1);
  --animation-easing-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --animation-easing-ease-in: cubic-bezier(0.42, 0, 1, 1);
  --animation-easing-ease-out: cubic-bezier(0, 0, 0.58, 1);
  --animation-easing-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
  /**
  * @tokens Animation durations
  */
  --animation-duration-instant: 0ms;
  --animation-duration-immediate: 100ms;
  --animation-duration-rapid: 200ms;
  --animation-duration-fast: 300ms;
  --animation-duration-slow: 400ms;
  --animation-duration-deliberate: 700ms;
  --animation-duration-slowest: 1000ms;
  /**
  * @tokens Global line heights
  * @presenter LineHeight
  */
  --line-height-default: 1;
  --line-height-xs: 1.15;
  --line-height-sm: 1.2;
  --line-height-md: 1.33;
  --line-height-lg: 1.4;
  --line-height-xl: 1.5;
  --line-height-xxl: 1.6;
  /**
  * @tokens Global font weights
  * @presenter FontWeight
  */
  --font-weight-bold: 700;
  --font-weight-medium: 500;
  --font-weight-regular: 400;
  --font-weight-light: 300;
  /**
  * @tokens Global font sizes
  * @presenter FontSize
  */
  --font-size-4xs: 0.625rem;
  --font-size-3xs: 0.75rem;
  --font-size-xxs: 0.875rem;
  --font-size-xs: 1rem;
  --font-size-sm: 1.25rem;
  --font-size-md: 1.5rem;
  --font-size-lg: 2rem;
  --font-size-xl: 2.5rem;
  --font-size-xxl: 3rem;
  --font-size-3xl: 3.5rem;
  --font-size-4xl: 4rem;
  --font-size-5xl: 5rem;
  --font-size-6xl: 6rem;
  /**
  * @tokens Global font families
  * @presenter FontFamily
  */
  --font-family-base: Roboto, "Arial Nova", Arial;
  --font-family-base-secondary: "Arial Nova", Arial;
  --font-family-highlight: Dosis, sans-serif;
  /**
  * @tokens Global border radius
  * @presenter BorderRadius
  */
  --border-radius-none: 0;
  --border-radius-xs: 0.25rem;
  --border-radius-sm: 0.5rem;
  --border-radius-md: 1rem;
  --border-radius-lg: 1.5rem;
  --border-radius-pill: 32rem;
  --border-radius-rounded: 50%;
  /**
  * @tokens Global border widths
  * @presenter Border
  */
  --border-width-none: none;
  --border-width-xs: 0.063rem;
  --border-width-sm: 0.125rem;
  --border-width-md: 0.25rem;
  --border-width-lg: 0.5rem;
  /**
  * @tokens Global opacity levels
  * @presenter Opacity
  */
  --opacity-level-none: 1;
  --opacity-level-translucent: 0.88;
  --opacity-level-intense: 0.8;
  --opacity-level-medium: 0.64;
  --opacity-level-light: 0.32;
  --opacity-level-extralight: 0.16;
  --opacity-level-semitransparent: 0.08;
  --opacity-level-transparent: 0;
  /**
  * @tokens Global shadows
  * @presenter Shadow
  */
  --shadow-modal: 0 0 0.063rem rgba(0, 0, 0, 0.12), 0 1.25rem 2.5rem -0.5rem rgba(0, 0, 0, 0.06);
  --shadow-stage: 0 0 0.063rem rgba(0, 0, 0, 0.12), 0 0.188rem 0.25rem -0.063rem rgba(0, 0, 0, 0.04);
  --shadow-level-1: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
  --shadow-level-2: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.25);
  --shadow-level-3: 0 1rem 2rem rgba(0, 0, 0, 0.25);
  --shadow-level-4: 0 1rem 3rem rgba(0, 0, 0, 0.25);
  /**
  * @tokens Global margins
  * @presenter Spacing
  */
  --margin-6xs: 0.125rem;
  --margin-5xs: 0.25rem;
  --margin-4xs: 0.5rem;
  --margin-3xs: 0.75rem;
  --margin-xxs: 1rem;
  --margin-xs: 1.5rem;
  --margin-sm: 2rem;
  --margin-md: 2.5rem;
  --margin-lg: 3rem;
  --margin-xl: 3.5rem;
  --margin-xxl: 4rem;
  --margin-3xl: 5rem;
  --margin-4xl: 7.5rem;
  --margin-5xl: 10rem;
  --margin-6xl: 12.5rem;
  /**
  * @tokens Global paddings
  * @presenter Spacing
  */
  --padding-4xs: 0.125rem;
  --padding-3xs: 0.25rem;
  --padding-xxs: 0.5rem;
  --padding-xs: 0.75rem;
  --padding-sm: 1rem;
  --padding-md: 1.25rem;
  --padding-lg: 1.5rem;
  --padding-xl: 2rem;
  --padding-xxl: 2.5rem;
  /* Base colors */
  /**
  * @tokens Base Linx colors
  * @presenter Color
  */
  --base-linx-10: rgb(40, 10, 48);
  --base-linx-20: rgb(65, 30, 90);
  --base-linx-30: rgb( 89, 54, 109);
  --base-linx-40: rgb(120, 84, 145);
  --base-linx-50: rgb(154, 111, 180);
  --base-linx-60: rgb(179, 136, 205);
  --base-linx-70: rgb(194, 155, 218);
  --base-linx-80: rgb(222, 188, 241);
  --base-linx-90: rgb(239, 221, 248);
  --base-linx-100: rgb(249, 238, 251);
  /**
  * @tokens Base gray colors
  * @presenter Color
  */
  --base-gray-10: rgb(0, 0, 0);
  --base-gray-20: rgb(24, 24, 24);
  --base-gray-30: rgb(41, 41, 41);
  --base-gray-40: rgb(71, 71, 71);
  --base-gray-50: rgb(98, 98, 98);
  --base-gray-60: rgb(130, 130, 130);
  --base-gray-70: rgb(161, 161, 161);
  --base-gray-80: rgb(189, 189, 189);
  --base-gray-90: rgb(189, 189, 189);
  --base-gray-100: rgb(255, 255, 255);
  /**
  * @tokens Base silver colors
  * @presenter Color
  */
  --base-silver-10: rgb(14, 17, 22);
  --base-silver-20: rgb(28, 33, 41);
  --base-silver-30: rgb(34, 39, 48);
  --base-silver-40: rgb(48, 55, 66);
  --base-silver-50: rgb(76, 84, 98);
  --base-silver-60: rgb(109, 117, 131);
  --base-silver-70: rgb(166, 174, 186);
  --base-silver-80: rgb(208, 213, 221);
  --base-silver-90: rgb(233, 236, 240);
  --base-silver-100: rgb(242, 244, 247);
  /**
  * @tokens Base red colors
  * @presenter Color
  */
  --base-red-10: rgb(65, 0, 1);
  --base-red-20: rgb(104, 0, 3);
  --base-red-30: rgb(147, 0, 6);
  --base-red-40: rgb(192, 0, 12);
  --base-red-50: rgb(233, 28, 32);
  --base-red-60: rgb(255, 85, 74);
  --base-red-70: rgb(255, 137, 122);
  --base-red-80: rgb(255, 180, 169);
  --base-red-90: rgb(255, 218, 212);
  --base-red-100: rgb(255, 237, 233);
  /**
  * @tokens Base yellow colors
  * @presenter Color
  */
  --base-yellow-10: rgb(66, 46, 0);
  --base-yellow-20: rgb(85, 61, 22);
  --base-yellow-30: rgb(138, 98, 25);
  --base-yellow-40: rgb(214, 150, 0);
  --base-yellow-50: rgb(255, 178, 0);
  --base-yellow-60: rgb(252, 205, 95);
  --base-yellow-70: rgb(240, 204, 147);
  --base-yellow-80: rgb(246, 218, 177);
  --base-yellow-90: rgb(252, 237, 217);
  --base-yellow-100: rgb(255, 249, 235);
  /**
  * @tokens Base green colors
  * @presenter Color
  */
  --base-green-10: rgb(0, 57, 11);
  --base-green-20: rgb(0, 83, 21);
  --base-green-30: rgb(7, 110, 48);
  --base-green-40: rgb(9, 132, 58);
  --base-green-50: rgb(11, 160, 70);
  --base-green-60: rgb(63, 186, 112);
  --base-green-70: rgb(119, 206, 153);
  --base-green-80: rgb(171, 225, 192);
  --base-green-90: rgb(221, 243, 230);
  --base-green-100: rgb(245, 251, 248);
  /**
  * @tokens Base blue colors
  * @presenter Color
  */
  --base-blue-10: rgb(0, 26, 65);
  --base-blue-20: rgb(0, 47, 104);
  --base-blue-30: rgb(0, 68, 146);
  --base-blue-40: rgb(0, 91, 190);
  --base-blue-50: rgb(5, 116, 233);
  --base-blue-60: rgb(63, 143, 255);
  --base-blue-70: rgb(122, 171, 255);
  --base-blue-80: rgb(169, 199, 255);
  --base-blue-90: rgb(214, 227, 255);
  --base-blue-100: rgb(235, 240, 255);
  /* Contextual colors */
  /**
  * @tokens Contextual content colors
  * @presenter Color
  */
  --content-oncolor: var(--base-gray-100);
  --content-neutral-low: var(--base-gray-80);
  --content-neutral-medium: var(--base-gray-50);
  --content-neutral-high: var(--base-gray-30);
  /**
  * @tokens Contextual background colors
  * @presenter Color
  */
  --background-brand: var(--base-linx-20);
  --background-surface: var(--base-gray-100);
  --background-body: var(--base-silver-100);
  --background-highlight: var(--base-gray-80);
  /**
  * @tokens Contextual interactive colors
  * @presenter Color
  */
  --interactive-primary: var(--base-linx-20);
  --interactive-primary-medium: var(--base-linx-30);
  --interactive-danger: var(--base-red-40);
  --interactive-neutral-medium: var(--base-silver-90);
  --interactive-neutral-high: var(--base-silver-30);
  --interactive-link: var(--base-blue-50);
  /**
  * @tokens Contextual feedback colors
  * @presenter Color
  */
  --feedback-info-high: var(--base-blue-40);
  --feedback-negative-high: var(--base-red-40);
  --feedback-warning-high: var(--base-yellow-50);
  --feedback-positive-high: var(--base-green-40);
  --feedback-info-low: var(--base-blue-100);
  --feedback-negative-low: var(--base-red-100);
  --feedback-warning-low: var(--base-yellow-100);
  --feedback-positive-low: var(--base-green-100);
  /**
  * @tokens Contextual persistent colors
  * @presenter Color
  */
  --persistent-oncolor: var(--base-gray-100);
  /**
  * @tokens Contextual border colors
  * @presenter Color
  */
  --border-neutral: var(--base-gray-90);
  --border-secondary: var(--base-yellow-50);
  /**
  * @tokens Contextual hover colors
  * @presenter Color
  */
  --hover-low: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
  --hover-high: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  /* Theme tokens (Deprecated) */
  /**
  * @tokens Theme primary colors (Deprecated)
  * @presenter Color
  */
  --theme-color-primary-pure: #411e5a;
  /* Deprecated */
  --theme-color-primary-dark: #280a3c;
  /* Deprecated */
  --theme-color-primary-medium: #6e4b87;
  /* Deprecated */
  --theme-color-primary-light: #e5ddf0;
  /* Deprecated */
  /**
  * @tokens Theme secondary colors (Deprecated)
  * @presenter Color
  */
  --theme-color-secundary-base: #ffb200;
  /* Deprecated */
  --theme-color-secundary-medium: #f0462d;
  /* Deprecated */
  --theme-color-secundary-dark: #d23c28;
  /* Deprecated */
  --theme-color-green-pure: #224d52;
  /* Deprecated */
  --theme-color-green-medium: #3d7981;
  /* Deprecated */
  /**
  * @tokens Theme neutral colors (Deprecated)
  * @presenter Color
  */
  --theme-color-high-pure: #ffffff;
  /* Deprecated */
  --theme-color-hugh-extralight: #FAFAFA;
  /* Deprecated */
  --theme-color-high-light: #f0f0f0;
  /* Deprecated */
  --theme-color-high-medium: #e6e6e6;
  /* Deprecated */
  --theme-color-high-dark: #bfbfbf;
  /* Deprecated */
  --theme-color-low-light: #a1a1a1;
  /* Deprecated */
  --theme-color-low-medium: #525252;
  /* Deprecated */
  --theme-color-low-dark: #414141;
  /* Deprecated */
  --theme-color-low-pure: #000000;
  /* Deprecated */
  /**
  * @tokens Theme feedback colors (Deprecated)
  * @presenter Color
  */
  --theme-color-danger-pure: #CC0000;
  /* Deprecated */
  --theme-color-danger-light: #FFEDE9;
  /* Deprecated */
  --theme-color-warning-pure: #ffb200;
  /* Deprecated */
  --theme-color-warning-light: #FFF8E1;
  /* Deprecated */
  --theme-color-info-light: #E3F1FD;
  /* Deprecated */
  --theme-color-info-pure: #1576D6;
  /* Deprecated */
  --theme-color-info-medium: #1369BF;
  /* Deprecated */
  --theme-color-info-dark: #13599E;
  /* Deprecated */
  --theme-color-success-light: #E8F5E9;
  /* Deprecated */
  --theme-color-success-pure: #09843A;
  /* Deprecated */
  --theme-color-success-dark: #1B5E20;
  /* Deprecated */
  /* Structuring tokens */
  /**
  * @tokens Structure background colors (Deprecated)
  * @presenter Color
  */
  --theme-color-background-primary: var(--theme-color-high-pure);
  /* Deprecated */
  --theme-color-background-secondary: var(--theme-color-primary-pure);
  /* Deprecated */
  --theme-color-background-tertiary: var(--theme-color-low-light);
  /* Deprecated */
  --theme-color-background-disabled: var(--theme-color-high-light);
  /* Deprecated */
  /**
  * @tokens Structure label colors (Deprecated)
  * @presenter Color
  */
  --theme-color-label-primary: var(--theme-color-low-dark);
  /* Deprecated */
  /**
  * @tokens Structure text colors (Deprecated)
  * @presenter Color
  */
  --theme-color-text-primary: var(--theme-color-low-pure);
  /* Deprecated */
  --theme-color-text-secondary: var(--theme-color-primary-pure);
  /* Deprecated */
  --theme-color-text-disabled: var(--theme-color-high-dark);
  /* Deprecated */
  --theme-color-text-placeholder: var(--theme-color-high-dark);
  /* Deprecated */
  --theme-color-text-on-color: var(--theme-color-high-pure);
  /* Deprecated */
  /**
  * @tokens Structure icon colors (Deprecated)
  * @presenter Color
  */
  --theme-color-icon-primary: var(--theme-color-high-dark);
  /* Deprecated */
  --theme-color-icon-secondary: var(--theme-color-primary-pure);
  /* Deprecated */
  --theme-color-icon-disabled: var(--theme-color-high-dark);
  /* Deprecated */
  --theme-color-icon-on-color: var(--theme-color-high-pure);
  /* Deprecated */
  /**
  * @tokens Structure border colors (Deprecated)
  * @presenter Color
  */
  --theme-color-border-primary: var(--theme-color-high-dark);
  /* Deprecated */
  --theme-color-border-secondary: var(--theme-color-primary-pure);
  /* Deprecated */
  --theme-color-border-disabled: var(--theme-color-high-dark);
  /* Deprecated */
  /**
  * @tokens Structure interactive colors (Deprecated)
  * @presenter Color
  */
  --theme-color-hover-primary: var(--theme-color-hugh-extralight);
  /* Deprecated */
  --theme-color-hover-secondary: var(--theme-color-primary-light);
  /* Deprecated */
  --theme-color-focus-primary: var(--theme-color-secundary-base);
  /* Deprecated */
  /**
  * @tokens Structure feedback colors (Deprecated)
  * @presenter Color
  */
  --theme-color-success-primary: var(--theme-color-success-pure);
  /* Deprecated */
  --theme-color-success-secondary: var(--theme-color-success-light);
  /* Deprecated */
  --theme-color-danger-primary: var(--theme-color-danger-pure);
  /* Deprecated */
  --theme-color-danger-secondary: var(--theme-color-danger-light);
  /* Deprecated */
  --theme-color-info-primary: var(--theme-color-info-pure);
  /* Deprecated */
  --theme-color-info-secondary: var(--theme-color-info-light);
  /* Deprecated */
  --theme-color-warning-primary: var(--theme-color-warning-pure);
  /* Deprecated */
  --theme-color-warning-secondary: var(--theme-color-warning-light);
  /* Deprecated */
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotate-reverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes swift {
  from {
    transform: translate(0, 0);
  }
  to {
    transform: translate(100%, 0);
  }
}
@keyframes swift-inverse {
  from {
    transform: translate(100%, 0);
  }
  to {
    transform: translate(0, 0);
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes pulsate {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes shake {
  0% {
    transform: translate(0, 0);
  }
  10% {
    transform: translate(0, -10px);
  }
  20% {
    transform: translate(0, 10px);
  }
  30% {
    transform: translate(0, -10px);
  }
  40% {
    transform: translate(0, 10px);
  }
  50% {
    transform: translate(0, -10px);
  }
  60% {
    transform: translate(0, 10px);
  }
  70% {
    transform: translate(0, -10px);
  }
  80% {
    transform: translate(0, 10px);
  }
  90% {
    transform: translate(0, -10px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes bounce {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(0, -10px);
  }
  50% {
    transform: translate(0, 10px);
  }
  75% {
    transform: translate(0, -10px);
  }
  100% {
    transform: translate(0, 0);
  }
}