@charset "UTF-8";
/* 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!!
***********************************************/
.root {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px 24px 0;
  background: #FFFFFF;
  border-radius: 8px 8px 0 0;
  color: #3899EC; }

.caption {
  padding: 0 6px;
  color: #162D3D;
  font-weight: 300;
  font-family: "HelveticaNeueW01-55Roma", "HelveticaNeueW02-55Roma", "HelveticaNeueW10-55Roma", "Helvetica Neue", "Helvetica", "Arial", "メイリオ, meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", "sans-serif";
  font-size: 16px;
  line-height: 1.13; }

.arrow {
  z-index: 1;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 100ms;
  border-radius: 50%; }
  .arrow:hover:not(:active) {
    background-color: #EAF7FF; }
  .arrow:active {
    background-color: #DAEFFE; }

.arrow-icon {
  display: block;
  cursor: pointer; }

.arrow-left {
  margin-right: auto; }

.arrow-right {
  margin-left: auto; }

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

:global(.rtl) .arrow-left, :global([dir='rtl']) .arrow-left {
  margin-left: auto;
  margin-right: 0; }

:global(.rtl) .arrow-right, :global([dir='rtl']) .arrow-right {
  margin-left: 0;
  margin-right: auto; }