/* New swatches! */
:export {
  D10: #162D3D;
  D20: #32536A;
  D30: #577083;
  D40: #7A92A5;
  D50: #B6C1CD;
  D55: #CBD3DC;
  D60: #DFE5EB;
  D70: #F0F4F7;
  D80: #FFFFFF;
  B00: #2B81CB;
  B05: #308DDD;
  B10: #3899EC;
  B20: #4EB7F5;
  B25: #A1D7FB;
  B27: #B3E0FB;
  B30: #C1E4FE;
  B40: #DAEFFE;
  B50: #EAF7FF;
  B60: #F4FAFE;
  F00: #AADBFC;
  P00: #8E21B1;
  P10: #AA4DC8;
  P20: #CD68ED;
  P30: #E5C9EE;
  P40: #EEDBF4;
  P50: #FAEEFF;
  P60: #FAF7FC;
  O00: #EA5F0E;
  O10: #FB7D33;
  O20: #FF9A48;
  R00: #D6453D;
  R05: #D8504C;
  R10: #EE5951;
  R20: #FF6666;
  R30: #FFD7D7;
  R40: #FFE1E1;
  R50: #FFEBEB;
  R60: #FFF5F5;
  G00: #44823F;
  G05: #61AD5A;
  G10: #60BC57;
  G20: #80C979;
  G30: #C9EEBC;
  G40: #DEF4D4;
  G50: #EDF9E5;
  G60: #F2FBEF;
  Y00: #C68801;
  Y05: #EDA200;
  Y10: #FDB10C;
  Y20: #FAC249;
  Y30: #FEF0BA;
  Y40: #FEF4CD;
  Y50: #FDF7DF;
  Y60: #FFFCF0; }

/*********************************************
*              DEPRECATED SECTION - START!
* TODO: The ALL variable below this message.
***********************************************/
/*********************************************
*              DEPRECATED SECTION - END!!
***********************************************/
/* New swatches! */
:export {
  D10: #162D3D;
  D20: #32536A;
  D30: #577083;
  D40: #7A92A5;
  D50: #B6C1CD;
  D55: #CBD3DC;
  D60: #DFE5EB;
  D70: #F0F4F7;
  D80: #FFFFFF;
  B00: #2B81CB;
  B05: #308DDD;
  B10: #3899EC;
  B20: #4EB7F5;
  B25: #A1D7FB;
  B27: #B3E0FB;
  B30: #C1E4FE;
  B40: #DAEFFE;
  B50: #EAF7FF;
  B60: #F4FAFE;
  F00: #AADBFC;
  P00: #8E21B1;
  P10: #AA4DC8;
  P20: #CD68ED;
  P30: #E5C9EE;
  P40: #EEDBF4;
  P50: #FAEEFF;
  P60: #FAF7FC;
  O00: #EA5F0E;
  O10: #FB7D33;
  O20: #FF9A48;
  R00: #D6453D;
  R05: #D8504C;
  R10: #EE5951;
  R20: #FF6666;
  R30: #FFD7D7;
  R40: #FFE1E1;
  R50: #FFEBEB;
  R60: #FFF5F5;
  G00: #44823F;
  G05: #61AD5A;
  G10: #60BC57;
  G20: #80C979;
  G30: #C9EEBC;
  G40: #DEF4D4;
  G50: #EDF9E5;
  G60: #F2FBEF;
  Y00: #C68801;
  Y05: #EDA200;
  Y10: #FDB10C;
  Y20: #FAC249;
  Y30: #FEF0BA;
  Y40: #FEF4CD;
  Y50: #FDF7DF;
  Y60: #FFFCF0; }

/*********************************************
*              DEPRECATED SECTION - START!
* TODO: The ALL variable below this message.
***********************************************/
/*********************************************
*              DEPRECATED SECTION - END!!
***********************************************/
.large .item {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding: 0 14px;
  overflow: hidden;
  white-space: nowrap;
  max-width: 204px;
  text-overflow: ellipsis; }

.large .item-full-width {
  max-width: initial; }

.medium .item {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  overflow: hidden;
  white-space: nowrap;
  max-width: 204px;
  text-overflow: ellipsis; }

.medium .item-full-width {
  max-width: initial; }

.onWhiteBackground .item:not(.active):not(.disabled):hover {
  border-radius: 100px;
  color: #577083;
  background-color: #DAEFFE; }

.onGrayBackground .item:not(.active):not(.disabled):hover {
  border-radius: 100px;
  color: #577083;
  background-color: #FFFFFF; }

.onDarkBackground .item:not(.active):not(.disabled):hover {
  border-radius: 100px;
  color: #DFE5EB;
  background-color: rgba(255, 255, 255, 0.1); }

.onDarkBackground .item {
  color: #DFE5EB; }

.item:not(.disabled):not(.active) {
  cursor: pointer; }

.disabled {
  cursor: default; }

.itemContainer {
  display: inline-flex;
  align-items: center; }

.divider {
  width: 6px;
  min-height: 30px;
  margin: 0 8px;
  color: #B6C1CD; }

.button {
  background: transparent;
  border: 0;
  padding: 0; }
  .button:focus {
    outline: 0; }
  .button:not(.disabled):not(.active) {
    cursor: pointer; }

.link {
  color: inherit;
  text-decoration: inherit; }

:global(.rtl) .breadcrumbs, :global([dir='rtl']) .breadcrumbs {
  direction: rtl; }

:global(.rtl) .divider, :global([dir='rtl']) .divider {
  transform: scaleX(-1); }