* {  box-sizing: border-box;  margin: 0;  padding: 0;  outline: 0;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}body {  line-height: 1.5;  font-weight: 400;  -webkit-backface-visibility: hidden;          backface-visibility: hidden;  -webkit-overflow-scrolling: touch;  -webkit-touch-callout: none;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}/** * Render the `main` element consistently in IE. */main {  display: block;}/** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */h1 {  font-size: 2em;  margin: 0.67em 0;}/* Grouping content   ========================================================================== *//** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */hr {  box-sizing: content-box;  /* 1 */  height: 0;  /* 1 */  overflow: visible;  /* 2 */}/** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */pre {  font-family: monospace, monospace;  /* 1 */  font-size: 1em;  /* 2 */}/* Text-level semantics   ========================================================================== *//** * Remove the gray background on active links in IE 10. */a {  background-color: transparent;}/** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */abbr[title] {  border-bottom: none;  /* 1 */  text-decoration: underline;  /* 2 */  -webkit-text-decoration: underline dotted;          text-decoration: underline dotted;  /* 2 */}/** * Add the correct font weight in Chrome, Edge, and Safari. */b,strong {  font-weight: bolder;}/** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */code,kbd,samp {  font-family: monospace, monospace;  /* 1 */  font-size: 1em;  /* 2 */}/** * Add the correct font size in all browsers. */small {  font-size: 80%;}/** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;}sub {  bottom: -0.25em;}sup {  top: -0.5em;}/* Embedded content   ========================================================================== *//** * Remove the border on images inside links in IE 10. */img {  border-style: none;}/* Forms   ========================================================================== *//** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */button,input,optgroup,select,textarea {  font-family: inherit;  /* 1 */  font-size: 100%;  /* 1 */  line-height: 1.15;  /* 1 */  margin: 0;  /* 2 */}/** * Show the overflow in IE. * 1. Show the overflow in Edge. */button,input {  /* 1 */  overflow: visible;}/** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */button,select {  /* 1 */  text-transform: none;}/** * Correct the inability to style clickable types in iOS and Safari. */button,[type="button"],[type="reset"],[type="submit"] {  -webkit-appearance: button;}/** * Remove the inner border and padding in Firefox. */button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {  border-style: none;  padding: 0;}/** * Restore the focus styles unset by the previous rule. */button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {  outline: 1px dotted ButtonText;}/** * Correct the padding in Firefox. */fieldset {  padding: 0.35em 0.75em 0.625em;}/** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out *    `fieldset` elements in all browsers. */legend {  box-sizing: border-box;  /* 1 */  color: inherit;  /* 2 */  display: table;  /* 1 */  max-width: 100%;  /* 1 */  padding: 0;  /* 3 */  white-space: normal;  /* 1 */}/** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */progress {  vertical-align: baseline;}/** * Remove the default vertical scrollbar in IE 10+. */textarea {  overflow: auto;}/** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */[type="checkbox"],[type="radio"] {  box-sizing: border-box;  /* 1 */  padding: 0;  /* 2 */}/** * Correct the cursor style of increment and decrement buttons in Chrome. */[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {  height: auto;}/** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */[type="search"] {  -webkit-appearance: textfield;  /* 1 */  outline-offset: -2px;  /* 2 */}/** * Remove the inner padding in Chrome and Safari on macOS. */[type="search"]::-webkit-search-decoration {  -webkit-appearance: none;}/** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */::-webkit-file-upload-button {  -webkit-appearance: button;  /* 1 */  font: inherit;  /* 2 */}/* Interactive   ========================================================================== *//* * Add the correct display in Edge, IE 10+, and Firefox. */details {  display: block;}/* * Add the correct display in all browsers. */summary {  display: list-item;}/* Misc   ========================================================================== *//** * Add the correct display in IE 10+. */template {  display: none;}/** * Add the correct display in IE 10. */[hidden] {  display: none;}@-webkit-keyframes zoom-in {  0% {    transform: scale(0.95);  }  66% {    transform: scale(1.05);  }  100% {    transform: scale(1);  }}@keyframes zoom-in {  0% {    transform: scale(0.95);  }  66% {    transform: scale(1.05);  }  100% {    transform: scale(1);  }}@-webkit-keyframes fade-in {  0% {    opacity: 0;  }  95%,  100% {    opacity: 1;  }}@keyframes fade-in {  0% {    opacity: 0;  }  95%,  100% {    opacity: 1;  }}@-webkit-keyframes fade-out {  0% {    opacity: 1;  }  95%,  100% {    opacity: 0;  }}@keyframes fade-out {  0% {    opacity: 1;  }  95%,  100% {    opacity: 0;  }}@-webkit-keyframes spin {  0% {    transform: rotate(0deg);  }  100% {    transform: rotate(360deg);  }}@keyframes spin {  0% {    transform: rotate(0deg);  }  100% {    transform: rotate(360deg);  }}@-webkit-keyframes spin-dash {  0% {    stroke-dasharray: 1, 200;    stroke-dashoffset: 0;  }  50% {    stroke-dasharray: 90, 150;    stroke-dashoffset: -40px;  }  100% {    stroke-dasharray: 90, 150;    stroke-dashoffset: -120px;  }}@keyframes spin-dash {  0% {    stroke-dasharray: 1, 200;    stroke-dashoffset: 0;  }  50% {    stroke-dasharray: 90, 150;    stroke-dashoffset: -40px;  }  100% {    stroke-dasharray: 90, 150;    stroke-dashoffset: -120px;  }}@-webkit-keyframes spin-scaleY {  0%,  40%,  100% {    transform: scaleY(0.4);  }  20% {    transform: scaleY(1);  }}@keyframes spin-scaleY {  0%,  40%,  100% {    transform: scaleY(0.4);  }  20% {    transform: scaleY(1);  }}@-webkit-keyframes jump-scaleY {  0% {    transform: translateY(0) scaleY(1);  }  7.5% {    transform: translateY(-120%) scaleY(2);  }  15%,  35% {    transform: translateY(-120%) scaleY(0.5);  }  43.5% {    transform: translateY(0) scaleY(2);  }  52.5%,  72.5% {    transform: translateY(120%) scaleY(0.5);  }  80%,  100% {    transform: translateY(0) scaleY(1);  }}@keyframes jump-scaleY {  0% {    transform: translateY(0) scaleY(1);  }  7.5% {    transform: translateY(-120%) scaleY(2);  }  15%,  35% {    transform: translateY(-120%) scaleY(0.5);  }  43.5% {    transform: translateY(0) scaleY(2);  }  52.5%,  72.5% {    transform: translateY(120%) scaleY(0.5);  }  80%,  100% {    transform: translateY(0) scaleY(1);  }}@-webkit-keyframes blink {  0%,  100% {    opacity: 0;  }  50% {    opacity: 1;  }}@keyframes blink {  0%,  100% {    opacity: 0;  }  50% {    opacity: 1;  }}.rc-upload {  display: inline-flex;}.bn-svg {  width: 1em;  height: 1em;  font-size: inherit;}.bn-flex {  display: flex;}.bn-grid {  display: grid;}.bn-lazy-img {  overflow: hidden;  position: relative;  background-color: rgba(0, 0, 0, 0.03);}.bn-lazy-img.data-round {  border-radius: var(--radii-circle);}.bn-lazy-img.data-mask:hover::after {  content: "";  position: absolute;  left: 0;  top: 0;  right: 0;  bottom: 0;  background-color: rgba(0, 0, 0, 0.08);}.bn-trans {  opacity: 0;  visibility: hidden;  transition-property: all;  transition-timing-function: ease-in-out;  transition-duration: var(--animation-duration-base);}.bn-trans.data-seo {  display: none;}.bn-trans.data-show {  opacity: 1;  visibility: visible;}.bn-bubble {  cursor: auto;  position: relative;  display: inline-flex;  font-size: 14px;  font-weight: 400;  line-height: 22px;  color: var(--color-textBlack);  --color-arrow: var(--color-primaryHover);}.bn-bubble.shadow .bn-bubble-arrow-shadow,.bn-bubble.shadow .bn-bubble-content {  box-shadow: var(--shadow-shadow2);}.bn-bubble__secondary {  --color-arrow: var(--color-bg3);  color: var(--color-textSecondary);}.bn-bubble__gray {  --color-arrow: var(--color-bg4);  color: var(--color-textGray);}.bn-bubble__unset,.bn-bubble__normal {  color: var(--color-PrimaryText);  --color-arrow: var(--color-CardBg);}.bn-bubble__normal-unset > .bn-bubble-content {  padding: 0;  max-width: none;}.bn-bubble__info {  color: var(--color-textThird);  --color-arrow: var(--color-line);}.bn-bubble__warn {  color: var(--color-textBrand);  --color-arrow: var(--color-badgeBg);}.bn-bubble__success {  color: var(--color-success);  --color-arrow: var(--color-successBg);}.bn-bubble__error {  color: var(--color-error);  --color-arrow: var(--color-errorBg);}.bn-bubble-arrow,.bn-bubble-arrow-shadow {  width: 6px;  height: 6px;  position: absolute;  background: linear-gradient(-45deg, transparent 0%, transparent 45%, var(--color-arrow) 45.1%, var(--color-arrow) 100%);}.bn-bubble-arrow {  z-index: 2;  box-shadow: none;}.bn-bubble-content {  z-index: 1;  max-width: 350px;  position: relative;  --scroll-bg: var(--color-arrow);  border-radius: var(--radii-xs);  background-color: var(--color-arrow);  padding: var(--space-4xs) var(--space-2xs);}@media only screen and (min-width: 768px) {  .bn-bubble {    font-size: 14px;    font-weight: 400;    line-height: 20px;  }  .bn-bubble__gray {    color: var(--color-textWhite);  }}.bn-spinner {  font-size: 48px;  position: relative;  display: inline-flex;  fill: var(--color-textThird);  stroke: var(--color-textThird);}.bn-spinner__nezha {  grid-gap: 4px;  gap: 4px;  align-items: center;  display: inline-flex;  justify-content: center;  padding: var(--space-m);}.bn-spinner__nezha > .nezha-line {  width: 4px;  height: 8px;  transform-origin: top;  -webkit-animation: jump-scaleY 1.5s infinite linear;          animation: jump-scaleY 1.5s infinite linear;  background-color: var(--color-primaryHover);}.bn-spinner > svg {  width: 1em;  height: 1em;}.bn-spinner svg.css {  -webkit-animation: spin 1.8s linear infinite;          animation: spin 1.8s linear infinite;}.bn-spinner circle.css {  -webkit-animation: spin-dash 1.5s ease-in-out infinite;          animation: spin-dash 1.5s ease-in-out infinite;  stroke-dasharray: 90, 150;  stroke-dashoffset: 0;  stroke-width: 2.2;  stroke-linecap: round;}.bn-button {  outline: none;  -webkit-user-select: none;     -moz-user-select: none;      -ms-user-select: none;          user-select: none;  cursor: pointer;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  display: inline-flex;  align-items: center;  justify-content: center;  text-align: center;  text-decoration: none;  word-break: break-all;  -webkit-appearance: none;     -moz-appearance: none;          appearance: none;  border: none;  height: 40px;  min-width: 72px;  min-height: 40px;  grid-gap: var(--space-3xs);  gap: var(--space-3xs);  font-size: 16px;  font-weight: 500;  line-height: 24px;  padding-left: var(--space-m);  padding-right: var(--space-m);  border-radius: var(--radii-m);  --button-bg: var(--color-BtnBg);  --button-color: var(--color-TextOnYellow);  color: var(--button-color);  background-color: var(--button-bg);}.bn-button.active:not(.inactive),.bn-button:active:not(.inactive) {  --button-bg: var(--color-PrimaryYellow);}.bn-button[disabled]:not(.inactive),.bn-button:disabled:not(.inactive) {  cursor: not-allowed;  --button-bg: var(--color-Line);  --button-color: var(--color-DisabledText);}.bn-button.inactive {  opacity: 0.3;  cursor: not-allowed;}.bn-button .bn-spinner__nezha {  grid-gap: 3px;  gap: 3px;  height: 24px;  padding: 0 var(--space-2xs);}.bn-button .bn-spinner__nezha > .nezha-line {  width: 3px;  height: 5px;  background-color: var(--button-color);}.bn-button.data-size-huge {  height: 56px;  min-width: 96px;  min-height: 56px;  font-size: 20px;  font-weight: 500;  line-height: 28px;  border-radius: var(--radii-l);  padding-left: var(--space-xl);  padding-right: var(--space-xl);}.bn-button.data-size-huge .bn-spinner__nezha {  height: 26px;}.bn-button.data-size-large {  height: 48px;  min-width: 80px;  min-height: 48px;  font-size: 16px;  font-weight: 500;  line-height: 24px;  border-radius: var(--radii-l);  padding-left: var(--space-m);  padding-right: var(--space-m);}.bn-button.data-size-large .bn-spinner__nezha {  height: 26px;}.bn-button.data-size-regular {  height: 36px;  min-width: 64px;  min-height: 36px;  font-size: 14px;  font-weight: 500;  line-height: 22px;  border-radius: var(--radii-m);  padding-left: var(--space-m);  padding-right: var(--space-m);}.bn-button.data-size-small {  height: 32px;  min-width: 52px;  min-height: 32px;  border-radius: var(--radii-s);  font-size: 14px;  font-weight: 500;  line-height: 22px;  padding-left: var(--space-s);  padding-right: var(--space-s);}.bn-button.data-size-tiny {  height: 24px;  min-width: 40px;  min-height: 24px;  border-radius: var(--radii-s);  font-size: 12px;  font-weight: 500;  line-height: 18px;  padding-left: var(--space-2xs);  padding-right: var(--space-2xs);}.bn-button.data-size-tiny .bn-spinner__nezha {  height: 16px;}@media only screen and (min-width: 768px) {  .bn-button.data-size-huge {    font-size: 20px;    font-weight: 500;    line-height: 28px;  }  .bn-button.data-size-large {    font-size: 16px;    font-weight: 500;    line-height: 24px;  }  .bn-button.data-size-large .bn-spinner__nezha {    height: 24px;  }  .bn-button.data-size-regular {    font-size: 14px;    font-weight: 500;    line-height: 22px;  }  .bn-button.data-size-small {    font-size: 14px;    font-weight: 500;    line-height: 22px;  }  .bn-button.data-size-tiny {    font-size: 12px;    font-weight: 500;    line-height: 18px;  }}.bn-button__secondary {  --button-bg: var(--color-Line);  --button-color: var(--color-PrimaryText);}.bn-button__secondary.active:not(.inactive),.bn-button__secondary:active:not(.inactive) {  --button-bg: var(--color-DisableBtn);}.bn-button__round {  --button-bg: var(--color-bg3);  border-radius: var(--radii-circle);  --button-color: var(--color-textBrand);}.bn-button__round.active:not(.inactive),.bn-button__round:active:not(.inactive) {  --button-bg: var(--color-line);  --button-color: var(--color-primaryHover);}.bn-button__text__yellow {  --button-bg: transparent;  --button-color: var(--color-TextLink);}.bn-button__text__yellow.active:not(.inactive),.bn-button__text__yellow:active:not(.inactive) {  --button-bg: transparent;  --button-color: var(--color-PrimaryYellow);}.bn-button__text__yellow.inactive,.bn-button__text__yellow[disabled]:not(.inactive),.bn-button__text__yellow:disabled:not(.inactive) {  --button-bg: transparent;  --button-color: var(--color-DisabledText);}.bn-button__text__black {  --button-bg: transparent;  --button-color: var(--color-PrimaryText);}.bn-button__text__black.active:not(.inactive),.bn-button__text__black:active:not(.inactive) {  --button-bg: transparent;  --button-color: var(--color-SecondaryText);}.bn-button__text__black.inactive,.bn-button__text__black[disabled]:not(.inactive),.bn-button__text__black:disabled:not(.inactive) {  --button-bg: transparent;  --button-color: var(--color-DisabledText);}.bn-button__buy {  --button-bg: var(--color-Buy);  --button-color: var(--color-RedGreenBgText);}.bn-button__buy.active:not(.inactive),.bn-button__buy:active:not(.inactive) {  --button-bg: var(--color-BuyHover);}.bn-button__sell {  --button-bg: var(--color-Sell);  --button-color: var(--color-RedGreenBgText);}.bn-button__sell.active:not(.inactive),.bn-button__sell:active:not(.inactive) {  --button-bg: var(--color-SellHover);}.bn-button__gray {  --button-bg: var(--color-bg4);  --button-color: var(--color-textWhite);}.bn-button__icon {  --button-bg: transparent;  --button-color: var(--color-textPrimary);  border: 1px solid var(--color-line);}.bn-button__icon.active:not(.inactive),.bn-button__icon:active:not(.inactive) {  --button-bg: transparent;}.bn-button__icon svg {  width: 20px;  height: 20px;}.bn-button__icon.data-size-small {  height: 32px;  min-width: -webkit-fit-content;  min-width: -moz-fit-content;  min-width: fit-content;  min-height: 32px;  border-radius: var(--radii-s);  font-size: 14px;  font-weight: 500;  line-height: 22px;  padding-left: var(--space-3xs);  padding-right: var(--space-3xs);}@media only screen and (min-width: 768px) {  .bn-button {    font-size: 16px;    font-weight: 500;    line-height: 24px;  }  .bn-button:hover:not(.inactive) {    opacity: 0.8;  }  .bn-button .bn-spinner__nezha {    height: 20px;  }  .bn-button__secondary:hover:not(.inactive) {    opacity: 0.8;  }  .bn-button__secondary.active:not(.inactive),  .bn-button__secondary:active:not(.inactive) {    --button-bg: var(--color-DisabledText);  }  .bn-button__round:hover:not(.inactive) {    opacity: 1;    --button-color: var(--color-primaryHover);  }  .bn-button__text__yellow:hover:not(.inactive) {    opacity: 1;    --button-color: var(--color-BtnBg);  }  .bn-button__text__black:hover:not(.inactive) {    opacity: 1;    --button-color: var(--color-TertiaryText);  }  .bn-button__icon:hover:not(.inactive) {    opacity: 1;    --button-bg: var(--color-bg3);  }}.bn-progress__bar {  min-height: 10px;  overflow: hidden;  position: relative;  border-radius: var(--radii-circle);}.bn-progress__bar .bar-inner {  position: absolute;  left: 0;  top: 0;  right: 0;  bottom: 0;  transition: width;  border-radius: var(--radii-circle);}.bn-progress__circle {  position: relative;  display: inline-flex;}.bn-progress__circle svg {  width: 100px;  height: 100px;}.bn-progress__number {  align-items: center;  display: inline-flex;  min-height: 0.8em;}.bn-loading {  display: flex;  width: -webkit-fit-content;  width: -moz-fit-content;  width: fit-content;  text-align: center;  align-items: center;  flex-direction: column;  justify-content: center;  grid-gap: var(--space-2xs);  gap: var(--space-2xs);  font-size: 14px;  font-weight: 500;  line-height: 20px;  color: var(--color-textWhite);  border-radius: var(--radii-xs);  background-color: var(--color-bg4);  padding: var(--space-m) var(--space-xs);}.bn-loading__primary,.bn-loading__secondary {  position: relative;  background-color: transparent;}.bn-loading__primary .bn-loading-box,.bn-loading__secondary .bn-loading-box {  position: absolute;  width: 50px;  height: 50px;  top: 50%;  left: 50%;  border-radius: var(--radii-m);  background: var(--color-bg4);  transform: translate(-50%, -50%) rotate(45deg);}.bn-loading-bar {  display: flex;  grid-gap: var(--space-3xs);  gap: var(--space-3xs);  flex-direction: column;}.bn-loading-bar-progress {  width: 75px;  height: 4px;  min-height: 4px;}.bn-loading-circle {  display: flex;  position: relative;}.bn-loading-circle-percent {  position: absolute;  top: 50%;  left: 50%;  font-size: 12px;  font-weight: 500;  line-height: 18px;  color: var(--color-textWhite);  transform: translate(-50%, -50%);}.bn-loading-circle-progress svg {  width: 44px;  height: 44px;}.bn-loading-dot {  display: flex;  align-items: center;  grid-gap: var(--space-3xs);  gap: var(--space-3xs);  flex-direction: column;}.bn-loading-dot-progress {  grid-gap: 1px;  gap: 1px;  width: 75px;  display: flex;  justify-content: center;}.bn-loading-dot-progress > * {  width: 4px;  height: 4px;  border-radius: var(--radii-circle);  background: var(--color-textSecondary);}.bn-loading-dot-progress > *.active {  background: var(--color-textGray);}.bn-loading-message {  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  width: 90px;  font-size: 14px;  font-weight: 400;  line-height: 22px;  color: var(--color-textWhite);}@media only screen and (min-width: 768px) {  .bn-loading {    font-size: 14px;    font-weight: 500;    line-height: 22px;  }  .bn-loading-circle-percent {    font-size: 12px;    font-weight: 500;    line-height: 20px;  }  .bn-loading-message {    font-size: 16px;    font-weight: 400;    line-height: 24px;  }}.bn-web-table {  position: relative;  border-bottom: 1px solid var(--color-line);  transition: opacity 0.3s ease;}.bn-web-table-wrapper {  position: relative;}.bn-web-table-wrapper__empty .bn-web-table {  border-bottom: none;}.bn-web-table-wrapper__line > .bn-web-table thead tr {  border-bottom: 1px solid var(--color-line);  background: var(--color-bg1);}.bn-web-table-wrapper__line > .bn-web-table .bn-web-table-title {  border-top: none;  border-bottom: 1px solid var(--color-line);}.bn-web-table [aria-hidden] {  border: none !important;  visibility: hidden !important;}.bn-web-table table {  width: 100%;  border-spacing: 0;  border-collapse: collapse;}.bn-web-table thead tr {  border: none;  background: var(--color-bg2);}.bn-web-table thead th,.bn-web-table thead td {  text-align: left;  position: relative;  white-space: normal;  background: inherit;  word-break: break-word;  font-size: 12px;  font-weight: 400;  line-height: 16px;  color: var(--color-textThird);  padding: 12px 16px;}.bn-web-table-body {  --scroll-pad: 1px !important;  --scroll-size: 6px !important;}.bn-web-table tbody tr {  background: var(--color-bg1);}.bn-web-table tbody tr:not(:last-of-type) {  border-bottom: 1px solid var(--color-line);}.bn-web-table tbody tr.bn-web-table-row:hover {  background: var(--color-bg3);}.bn-web-table tbody th,.bn-web-table tbody td {  position: relative;  white-space: normal;  background: inherit;  word-break: break-word;  font-size: 14px;  font-weight: 400;  line-height: 20px;  color: var(--color-textPrimary);  padding: 18px 16px;}.bn-web-table-cell.bn-web-table-cell-ellipsis {  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}.bn-web-table-cell-fix-left {  z-index: 1;}.bn-web-table-cell-fix-left-first::after,.bn-web-table-cell-fix-left-last::after {  content: "";  top: 0;  bottom: -1px;  right: -1px;  width: 20px;  position: absolute;  pointer-events: none;  transform: translateX(100%);  transition: box-shadow 0.3s;}.bn-web-table-cell-fix-right {  z-index: 1;}.bn-web-table-cell-fix-right-first::after,.bn-web-table-cell-fix-right-last::after {  content: "";  top: 0;  bottom: -1px;  left: -1px;  width: 20px;  position: absolute;  pointer-events: none;  transform: translateX(-100%);  transition: box-shadow 0.3s;}.bn-web-table-ping-left .bn-web-table-cell-fix-left-first::after,.bn-web-table-ping-left .bn-web-table-cell-fix-left-last::after {  box-shadow: inset 5px 0 12px -4px var(--color-line);}.bn-web-table-ping-right .bn-web-table-cell-fix-right-first::after,.bn-web-table-ping-right .bn-web-table-cell-fix-right-last::after {  box-shadow: inset -5px 0 12px -4px var(--color-line);}.bn-web-table-placeholder {  text-align: center;  position: relative;  padding: 18px 16px;}.bn-web-table-expand-icon-col,.bn-web-table tbody .bn-web-table-row-expand-icon-cell {  -webkit-user-select: none;     -moz-user-select: none;      -ms-user-select: none;          user-select: none;  text-align: center;  width: 32px;  padding: 18px 0;  color: var(--color-iconNormal);}.bn-web-table-expanded-row > .bn-web-table-cell {  padding: 0;}.bn-web-table-expanded-row > .bn-web-table-cell .bn-web-table {  border-top: none;  border-bottom: none;  padding-left: 32px;}.bn-web-table-expanded-row > .bn-web-table-cell .bn-web-table .bn-web-table-title,.bn-web-table-expanded-row > .bn-web-table-cell .bn-web-table thead tr {  border-top: none;  border-bottom: 1px solid var(--color-line);}.bn-web-table-expanded-row > .bn-web-table-cell .bn-web-table .bn-web-table-title,.bn-web-table-expanded-row > .bn-web-table-cell .bn-web-table .bn-web-table-footer,.bn-web-table-expanded-row > .bn-web-table-cell .bn-web-table th,.bn-web-table-expanded-row > .bn-web-table-cell .bn-web-table td {  background: var(--color-bg2);}.bn-web-table-row-expand-icon {  width: 16px;  height: 16px;  cursor: pointer;  line-height: 16px;  align-items: center;  display: inline-flex;  justify-content: center;  border-radius: var(--radii-xs);  border: 1px solid var(--color-line);}.bn-web-table-row-expand-icon.bn-web-table-row-expanded::after {  content: "-";}.bn-web-table-row-expand-icon.bn-web-table-row-collapsed::after {  content: "+";}.bn-web-table-title {  border-top: 1px solid var(--color-line);  padding: 18px 16px;}.bn-web-table-footer {  border-top: 1px solid var(--color-line);  padding: 18px 16px;}.bn-web-table-sticky-holder {  z-index: 2;  position: -webkit-sticky;  position: sticky;}.bn-web-table-rtl {  direction: rtl;}.bn-badge {  top: 0;  left: 100%;  min-width: 20px;  position: absolute;  align-items: center;  display: inline-flex;  font-weight: 500;  font-size: 12px;  line-height: 16px;  justify-content: center;  padding: 0 var(--space-4xs);  color: var(--color-textBlack);  border-radius: var(--radii-circle);  border: 2px solid var(--color-bg1);  background-color: var(--color-primaryHover);  transform: translate3d(-10px, -50%, 0);}.bn-badge.data-theme-error {  color: var(--color-textWhite);  background-color: var(--color-error);}.bn-badge__dot,.bn-badge__dot-side {  padding: 0;  width: 10px;  height: 10px;  min-width: 10px;  transform: translate3d(-50%, -50%, 0);}.bn-badge__dot-side {  top: 50%;  transform: translate3d(4px, -50%, 0);}.bn-badge-wrap {  position: relative;  display: inline-flex;}.bn-badge-rtl {  left: auto;  right: 100%;  transform: translate3d(10px, -50%, 0);}.bn-badge-rtl.bn-badge__dot {  transform: translate3d(50%, -50%, 0);}.bn-badge-rtl.bn-badge__dot-side {  transform: translate3d(-4px, -50%, 0);}@media only screen and (min-width: 768px) {  .bn-badge {    font-weight: 500;    font-size: 12px;    line-height: 16px;  }}.bn-backtop {  width: 40px;  height: 40px;  display: flex;  position: fixed;  cursor: pointer;  align-items: center;  justify-content: center;  z-index: var(--zindex-backTop);  border-radius: var(--radii-circle);  box-shadow: var(--shadow-shadow2);  background-color: var(--color-bg2);}.bn-backtop-arrow {  font-size: 24px;  color: var(--color-textThird);}@media only screen and (min-width: 768px) {  .bn-backtop:hover {    background-color: var(--color-line);  }}.bn-notification {  display: flex;  grid-gap: var(--space-3xs);  gap: var(--space-3xs);  border-radius: var(--radii-l);  padding: var(--space-s) var(--space-m);  color: var(--color-textPrimary);  background-color: var(--color-badgeBg);  --prefix-color: var(--color-textPrimary);}.bn-notification__primary .bn-notification-content-message {  color: var(--color-textPrimary);}.bn-notification__secondary {  background-color: var(--color-line);  --prefix-color: var(--color-textSecondary);}.bn-notification__success {  background: var(--color-successBg);  --prefix-color: var(--color-success);}.bn-notification__error {  color: var(--color-error);  background: var(--color-errorBg);  --prefix-color: var(--color-error);}.bn-notification__success .bn-notification-prefix,.bn-notification__error .bn-notification-prefix {  font-size: 20px;  min-height: 24px;}.bn-notification__success .bn-notification-content,.bn-notification__error .bn-notification-content {  font-size: 16px;  font-weight: 500;  line-height: 24px;}.bn-notification__push {  max-width: 360px;  border-radius: var(--radii-l);  box-shadow: var(--shadow-shadow2);  --prefix-color: var(--color-success);  background-color: var(--color-popupBg);  padding: var(--space-s) var(--space-m);}.bn-notification__push .bn-notification-content-message {  max-height: 8em;  overflow-y: auto;  --scroll-pad: 1px;  --scroll-size: 5px;}.bn-notification-prefix {  flex: none;  font-size: 16px;  min-height: 16px;  color: var(--prefix-color);}.bn-notification-content {  flex: 1 1;  display: flex;  min-height: 20px;  position: relative;  flex-direction: column;  justify-content: center;  font-size: 14px;  font-weight: 500;  line-height: 20px;}.bn-notification-content.closable > *:first-child {  margin-right: 25px;}.bn-notification-content-message {  height: -webkit-fit-content;  height: -moz-fit-content;  height: fit-content;  font-size: 14px;  font-weight: 400;  line-height: 22px;  color: var(--color-textSecondary);}.bn-notification-close {  top: 0;  right: 0;  font-size: 16px;  min-height: 16px;  cursor: pointer;  position: absolute;  color: var(--color-iconNormal);}.bn-notification-rtl .bn-notification-content.closable > *:first-child {  margin-right: 0;  margin-left: 32px;}.bn-notification-rtl .bn-notification-close {  left: 0;  right: auto;}@media only screen and (min-width: 768px) {  .bn-notification {    grid-gap: var(--space-2xs);    gap: var(--space-2xs);    padding: var(--space-s);  }  .bn-notification__success.data-size-small,  .bn-notification__error.data-size-small {    padding: var(--space-2xs);  }  .bn-notification__success.data-size-small .bn-notification-prefix,  .bn-notification__error.data-size-small .bn-notification-prefix,  .bn-notification__success.data-size-small .bn-notification-close,  .bn-notification__error.data-size-small .bn-notification-close {    font-size: 20px;    min-height: 20px;  }  .bn-notification__success.data-size-small .bn-notification-content,  .bn-notification__error.data-size-small .bn-notification-content {    min-height: 20px;    font-weight: 500;    font-size: 12px;    line-height: 16px;  }  .bn-notification__primary .bn-notification-content-message {    color: var(--color-textPrimary);  }  .bn-notification__success .bn-notification-content,  .bn-notification__error .bn-notification-content {    font-size: 16px;    font-weight: 500;    line-height: 24px;  }  .bn-notification__push {    padding: var(--space-m);    border-radius: var(--radii-xs);  }  .bn-notification-prefix,  .bn-notification-close {    font-size: 20px;    min-height: 20px;  }  .bn-notification-content {    min-height: 24px;    grid-gap: var(--space-4xs);    gap: var(--space-4xs);    font-size: 16px;    font-weight: 500;    line-height: 24px;  }  .bn-notification-content.closable > *:first-child {    margin-right: 32px;  }  .bn-notification-content-message {    font-size: 14px;    font-weight: 400;    line-height: 20px;  }}.bn-mask {  position: fixed;  left: 0;  top: 0;  right: 0;  bottom: 0;  display: flex;  align-items: center;  justify-content: center;  z-index: var(--zindex-modal);  background-color: rgba(0, 0, 0, 0.5);}.bn-mask-rtl {  direction: rtl;}.bn-mask-inner {  position: absolute;  background-color: rgba(0, 0, 0, 0.08);}.bn-tooltips {  opacity: 0;  max-height: 0;  overflow: hidden;  visibility: hidden;  position: absolute;  width: -webkit-max-content;  width: -moz-max-content;  width: max-content;  z-index: var(--zindex-tooltip);  transition-property: all;  transition-timing-function: ease-in-out;  transition-duration: var(--animation-duration-base);}.bn-tooltips > .bn-bubble-content {  padding: var(--space-m);  border-radius: var(--radii-m);}.bn-tooltips.bn-bubble__gray > .bn-bubble-content {  color: var(--color-bg2);  background-color: var(--color-textPrimary);  opacity: 0.95;  max-height: 160px;  overflow-y: auto;  --scroll-pad: 1px;  --scroll-size: 5px;  padding: var(--space-3xs) var(--space-xs);  --scroll-bg: var(--color-bg4);}.bn-tooltips.bn-bubble__gray .bn-bubble-arrow,.bn-tooltips.bn-bubble__gray .bn-bubble-arrow-shadow {  background: linear-gradient(-45deg, transparent 0%, transparent 45%, var(--color-textPrimary) 45.1%, var(--color-textPrimary) 100%);}.bn-tooltips.bn-bubble__unset > .bn-bubble-content {  padding: 0;  max-width: none;}.bn-tooltips.active {  opacity: 1;  --scroll-size: 0;  overflow: visible;  visibility: visible;  max-height: -webkit-fit-content;  max-height: -moz-fit-content;  max-height: fit-content;}.bn-tooltips-wrap {  width: -webkit-fit-content;  width: -moz-fit-content;  width: fit-content;  position: relative;  display: inline-flex;}.bn-tooltips-wrap.active > .bn-tooltips {  opacity: 1;  --scroll-size: 0;  overflow: visible;  visibility: visible;  max-height: -webkit-fit-content;  max-height: -moz-fit-content;  max-height: fit-content;}.bn-tooltips-ele {  width: 100%;  align-items: center;  display: inline-flex;}.bn-tooltips-ele-rtl {  direction: rtl;}@media only screen and (min-width: 768px) {  .bn-tooltips.bn-bubble__gray > .bn-bubble-content {    padding: var(--space-2xs) var(--space-s);  }}.bn-drawer {  z-index: var(--zindex-drawer);}.bn-drawer > .bn-drawer-wrap {  position: absolute;  left: 0;  top: 0;  right: 0;  bottom: 0;  border-radius: 0;  max-width: 100vw;  max-height: 100vh;  transition-property: transform;  transition-timing-function: ease-in;  background-color: var(--color-CardBg);  transition-duration: var(--animation-duration-base);}.bn-drawer > .bn-drawer-wrap.data-dir-left {  right: auto;  transform: translate3d(-100%, 0, 0);  border-radius: 0 var(--radii-2xl) var(--radii-2xl) 0;  max-width: 84%;}.bn-drawer > .bn-drawer-wrap.data-dir-left.data-size-limit {  width: 84%;}.bn-drawer > .bn-drawer-wrap.data-dir-left.data-size-full {  width: 100%;  max-width: 100%;  border-radius: 0;}.bn-drawer > .bn-drawer-wrap.data-dir-top {  bottom: auto;  transform: translate3d(0, -100%, 0);  border-radius: 0 0 var(--radii-l) var(--radii-l);  max-height: calc(100% - 80px);}.bn-drawer > .bn-drawer-wrap.data-dir-top.data-size-limit {  height: calc(100% - 80px);}.bn-drawer > .bn-drawer-wrap.data-dir-top.data-size-full {  height: 100%;  max-height: 100%;  border-radius: 0;}.bn-drawer > .bn-drawer-wrap.data-dir-right {  left: auto;  transform: translate3d(100%, 0, 0);  border-radius: var(--radii-2xl) 0 0 var(--radii-2xl);  max-width: 84%;}.bn-drawer > .bn-drawer-wrap.data-dir-right.data-size-limit {  width: 84%;}.bn-drawer > .bn-drawer-wrap.data-dir-right.data-size-full {  width: 100%;  max-width: 100%;  border-radius: 0;}.bn-drawer > .bn-drawer-wrap.data-dir-bottom {  top: auto;  transform: translate3d(0, 100%, 0);  border-radius: var(--radii-xl) var(--radii-xl) 0 0;  max-height: calc(100% - 80px);}.bn-drawer > .bn-drawer-wrap.data-dir-bottom.data-size-limit {  height: calc(100% - 80px);}.bn-drawer > .bn-drawer-wrap.data-dir-bottom.data-size-full {  height: 100%;  max-height: 100%;  border-radius: 0;}.bn-drawer.data-show > .bn-drawer-wrap {  transform: translate3d(0, 0, 0);}.bn-modal > .bn-modal-wrap {  width: 360px;  max-width: 80vw;  overflow: hidden;  position: relative;  transform: scale(0.9);  border-radius: var(--radii-xl);  box-shadow: var(--shadow-shadow1);  background-color: var(--color-CardBg);  transition-property: all;  transition-timing-function: ease-in-out;  transition-duration: var(--animation-duration-base);}.bn-modal > .bn-modal-wrap.data-size-middle {  width: 520px;}.bn-modal > .bn-modal-wrap.data-size-large {  width: 720px;}.bn-modal.data-show > .bn-modal-wrap {  transform: scale(1);}.bn-modal-header {  display: flex;  position: relative;  align-items: center;  grid-gap: var(--space-2xs);  gap: var(--space-2xs);  color: var(--color-PrimaryText);  padding: 18px var(--space-xl);}.bn-modal-header-prev,.bn-modal-header-next {  flex: none;  font-size: 24px;  cursor: pointer;  display: inline-flex;}.bn-modal-header-main {  flex: 1 1;  font-size: 18px;  font-weight: 600;  line-height: 26px;}@media only screen and (min-width: 768px) {  .bn-modal-header-main {    font-size: 20px;    font-weight: 600;    line-height: 28px;  }}.bn-modal-content {  max-height: 350px;  overflow-y: auto;  --scroll-pad: 1px;  --scroll-size: 5px;  padding: var(--space-xl);}.bn-modal-footer {  display: flex;  grid-gap: var(--space-2xs);  gap: var(--space-2xs);  justify-content: flex-end;  padding: 0 var(--space-xl) var(--space-xl);}.bn-modal-confirm {  display: flex;  text-align: center;  align-items: center;  flex-direction: column;  padding: var(--space-xl);  color: var(--color-PrimaryText);}.bn-modal-confirm-icon {  font-size: 64px;  margin-bottom: var(--space-m);}.bn-modal-confirm-title {  font-size: 18px;  font-weight: 600;  line-height: 26px;  margin-bottom: var(--space-2xs);}.bn-modal-confirm-subtitle {  font-size: 20px;  font-weight: 500;  line-height: 28px;}.bn-modal-confirm-desc {  max-height: 140px;  width: 100%;  font-size: 14px;  font-weight: 400;  line-height: 22px;  overflow-y: auto;  --scroll-pad: 1px;  --scroll-size: 5px;  word-break: break-word;  padding: 0 var(--space-3xs);}.bn-modal-confirm-actions {  width: 100%;  margin-top: var(--space-xl);}@media only screen and (min-width: 768px) {  .bn-modal-confirm-icon {    font-size: 96px;  }  .bn-modal-confirm-title {    font-size: 20px;    font-weight: 600;    line-height: 28px;  }  .bn-modal-confirm-subtitle {    font-size: 20px;    font-weight: 500;    line-height: 28px;  }  .bn-modal-confirm-desc {    font-size: 14px;    font-weight: 400;    line-height: 22px;  }}.bn-layer-notifies {  position: fixed;  grid-gap: var(--space-s);  gap: var(--space-s);  display: inline-flex;  flex-direction: column;  z-index: var(--zindex-notification);}.bn-layer-notifies > .bn-trans {  transform: scale(0.9);}.bn-layer-notifies > .bn-trans.data-show {  transform: scale(1);}.bn-layer-notifies.data-pos-start > .bn-trans {  transform: translateX(-20%);}.bn-layer-notifies.data-pos-start > .bn-trans.data-show {  transform: translateX(0);}.bn-layer-notifies.data-pos-end > .bn-trans {  transform: translateX(20%);}.bn-layer-notifies.data-pos-end > .bn-trans.data-show {  transform: translateX(0);}.bn-actionSheet .bn-grid {  grid-gap: var(--space-2xs);  gap: var(--space-2xs);  padding: var(--space-xs) var(--space-m);}.bn-actionSheet .bn-grid > .item {  cursor: pointer;  text-align: center;  color: var(--color-textSecondary);}.bn-actionSheet-cancel {  flex: none;  display: flex;  align-items: center;  justify-content: center;  font-size: 16px;  font-weight: 500;  line-height: 24px;  color: var(--color-textSecondary);  padding: var(--space-s) var(--space-m);  border-top: 6px solid var(--color-line);  cursor: pointer;}@media only screen and (min-width: 768px) {  .bn-actionSheet-cancel {    cursor: pointer;    font-size: 16px;    font-weight: 500;    line-height: 24px;  }}.bn-actionSheet-header {  display: flex;  position: relative;  align-items: center;  grid-gap: var(--space-2xs);  gap: var(--space-2xs);  color: var(--color-PrimaryText);  padding: var(--space-s) var(--space-m);}.bn-actionSheet-header-prev,.bn-actionSheet-header-next {  flex: none;  font-size: 20px;  cursor: pointer;  display: inline-flex;}.bn-actionSheet-header-main {  display: flex;  flex-direction: column;  grid-gap: var(--space-5xs);  gap: var(--space-5xs);  flex: 1 1;  font-size: 18px;  font-weight: 600;  line-height: 26px;}.bn-actionSheet-header-main-subtitle {  color: var(--color-SecondaryText);  font-size: 12px;  font-weight: 400;  line-height: 18px;}.bn-actionSheet-header-main-description {  color: var(--color-SecondaryText);  font-size: 14px;  font-weight: 400;  line-height: 22px;}@media only screen and (min-width: 768px) {  .bn-actionSheet-header-main {    font-size: 24px;    font-weight: 600;    line-height: 34px;  }  .bn-actionSheet-header-main-subtitle {    font-size: 14px;    font-weight: 400;    line-height: 22px;  }  .bn-actionSheet-header-main-description {    font-size: 16px;    font-weight: 400;    line-height: 24px;  }}.bn-actionSheet-content {  flex: 1 1;  overflow-y: auto;  --scroll-pad: 1px;  --scroll-size: 5px;  padding: 0 var(--space-m);}.bn-actionSheet-footer {  display: flex;  grid-gap: var(--space-xs);  gap: var(--space-xs);  padding: var(--space-m);}.bn-coachmark.active {  position: relative;  border-radius: var(--radii-xs);  z-index: var(--zindex-coachmark);  background-color: var(--color-popupBg);  border: 2px dashed var(--color-primaryHover);  padding: var(--space-4xs);}.bn-coachmark.active > .bn-tooltips > .bn-bubble-content {  padding: 0;  max-width: -webkit-max-content;  max-width: -moz-max-content;  max-width: max-content;  max-height: -webkit-max-content;  max-height: -moz-max-content;  max-height: max-content;  border-radius: var(--radii-2l);}.bn-coachmark-panel {  display: flex;  min-width: 274px;  max-width: 320px;  min-height: 162px;  max-height: 271px;  flex-direction: column;  grid-gap: var(--space-xs);  gap: var(--space-xs);  padding: var(--space-s) var(--space-xl);}.bn-coachmark-panel__primary > .bn-coachmark-panel-content {  --scroll-bg: var(--color-primaryHover);}.bn-coachmark-panel__primary > .bn-coachmark-panel-extra {  padding: 0;}.bn-coachmark-panel__primary > .bn-coachmark-panel-extra .bn-coachmark-panel-extra-step {  font-size: 14px;  font-weight: 500;  line-height: 20px;}.bn-coachmark-panel__primary > .bn-coachmark-panel-tips {  color: var(--color-textBlack);  background-color: var(--color-primary);}.bn-coachmark-panel-title {  flex: none;  font-size: 16px;  font-weight: 500;  line-height: 24px;}.bn-coachmark-panel-content {  flex: 1 1;  font-size: 14px;  font-weight: 400;  line-height: 22px;  overflow-y: auto;  --scroll-pad: 1px;  --scroll-size: 5px;  --scroll-color: var(--color-line);}.bn-coachmark-panel-extra {  flex: none;  display: flex;  align-items: center;  grid-gap: var(--space-xs);  gap: var(--space-xs);}.bn-coachmark-panel-extra .bn-coachmark-panel-extra-skip {  padding: 0;  min-width: auto;}.bn-coachmark-panel-extra-step {  display: inline-flex;  align-items: baseline;  font-size: 14px;  font-weight: 500;  line-height: 20px;}.bn-coachmark-panel-extra-step-gap {  width: 0.5em;}.bn-coachmark-panel-extra-step-split,.bn-coachmark-panel-extra-step-total {  font-size: 12px;  font-weight: 400;  line-height: 16px;}.bn-coachmark-panel-extra-actions {  flex: 1 1;  grid-gap: var(--space-m);  gap: var(--space-m);  align-items: center;  display: inline-flex;  justify-content: flex-end;}.bn-coachmark-panel-extra-actions .bn-coachmark-panel-extra-actions-prev {  padding: 0;  min-width: auto;}.bn-coachmark-panel-tips {  flex: none;  width: 100%;  display: flex;  font-size: 14px;  font-weight: 400;  line-height: 22px;  justify-content: center;  color: var(--color-textPrimary);  border-radius: var(--radii-xs);  background-color: var(--color-badgeBg);  padding: var(--space-3xs) var(--space-m);}@media only screen and (min-width: 768px) {  .bn-coachmark-panel {    min-width: auto;    max-width: 440px;    min-height: 232px;    max-height: 352px;    grid-gap: var(--space-4xs);    gap: var(--space-4xs);    padding: var(--space-m) var(--space-xl);  }  .bn-coachmark-panel__primary {    grid-gap: var(--space-m);    gap: var(--space-m);    padding: var(--space-xl);  }  .bn-coachmark-panel__primary > .bn-coachmark-panel-extra .bn-coachmark-panel-extra-step {    font-size: 14px;    font-weight: 500;    line-height: 22px;  }  .bn-coachmark-panel-title {    font-size: 20px;    font-weight: 600;    line-height: 28px;  }  .bn-coachmark-panel-content {    font-size: 16px;    font-weight: 400;    line-height: 24px;  }  .bn-coachmark-panel-extra {    grid-gap: var(--space-xl);    gap: var(--space-xl);    padding-top: var(--space-l);  }  .bn-coachmark-panel-extra-step {    font-size: 14px;    font-weight: 500;    line-height: 22px;  }  .bn-coachmark-panel-extra-step-split,  .bn-coachmark-panel-extra-step-total {    font-size: 12px;    font-weight: 400;    line-height: 16px;  }  .bn-coachmark-panel-tips {    font-size: 14px;    font-weight: 400;    line-height: 20px;  }}.bn-formItem {  display: flex;  flex-direction: column;  grid-gap: var(--space-3xs);  gap: var(--space-3xs);  font-size: 14px;  font-weight: 400;  line-height: 22px;}.bn-formItem-label {  font-size: 14px;  font-weight: 500;  line-height: 22px;  color: var(--color-SecondaryText);}.bn-formItem-errMsg {  color: var(--color-Error);}.bn-formItem-tips {  color: var(--color-TertiaryText);}@media only screen and (min-width: 768px) {  .bn-formItem {    font-size: 14px;    font-weight: 400;    line-height: 22px;    grid-gap: var(--space-4xs);    gap: var(--space-4xs);  }  .bn-formItem-label {    font-size: 14px;    font-weight: 500;    line-height: 22px;    color: var(--color-PrimaryText);  }}.bn-inputNum {  border: none;  flex-wrap: nowrap;  grid-gap: var(--space-s);  gap: var(--space-s);  align-items: center;  display: inline-flex;  background: transparent;  color: var(--color-textPrimary);}.bn-inputNum.disabled {  position: relative;  color: var(--color-textDisabled);}.bn-inputNum.disabled::before {  content: "";  z-index: 11;  position: absolute;  left: 0;  top: 0;  right: 0;  bottom: 0;  cursor: not-allowed;}.bn-inputNum__line {  border-bottom: 1px solid var(--color-line);}.bn-inputNum__line.data-error:not(.disabled) {  border-bottom-color: var(--color-error);}.bn-inputNum-prefix,.bn-inputNum-suffix {  flex: none;  display: inline-flex;  color: var(--color-textDisabled);}.bn-inputNum-input {  flex: 1 1;  height: 100%;  border: none;  outline: none;  color: inherit;  overflow: hidden;  -webkit-appearance: none;     -moz-appearance: none;          appearance: none;  font-size: 28px;  font-weight: 600;  line-height: 40px;  background: transparent;  caret-color: var(--color-primaryHover);}.bn-inputNum-input::-moz-placeholder {  color: var(--color-textThird);}.bn-inputNum-input:-ms-input-placeholder {  color: var(--color-textThird);}.bn-inputNum-input::placeholder {  color: var(--color-textThird);}@media only screen and (min-width: 768px) {  .bn-inputNum-input {    font-size: 40px;    font-weight: 600;    line-height: 48px;  }}.bn-textarea {  width: 336px;  display: flex;  max-height: 120px;  flex-direction: column;  color: var(--color-textPrimary);  background-color: var(--color-bg3);  border-radius: var(--radii-xs);  border: 1px solid transparent;  transition-property: all;  transition-timing-function: ease-in-out;  transition-duration: var(--animation-duration-base);}.bn-textarea.focus {  background-color: var(--color-bg1);  border: 1px solid var(--color-primaryHover);}.bn-textarea.disabled {  position: relative;  color: var(--color-textDisabled);  background-color: var(--color-line);}.bn-textarea.disabled::before {  content: "";  z-index: 11;  position: absolute;  left: 0;  top: 0;  right: 0;  bottom: 0;  cursor: not-allowed;}.bn-textarea.data-error:not(.disabled) {  border: 1px solid var(--color-error);}.bn-textarea__line {  background: var(--color-bg1);  border-color: var(--color-line);}.bn-textarea-suffix {  flex: none;  display: flex;  font-size: 14px;  font-weight: 400;  line-height: 22px;  justify-content: flex-end;  color: var(--color-textThird);  padding: 0 var(--space-xs) var(--space-xs);}.bn-textarea-input {  resize: none;  border: none;  outline: none;  color: inherit;  overflow: hidden;  min-height: 3em;  -webkit-appearance: none;     -moz-appearance: none;          appearance: none;  height: -webkit-fit-content;  height: -moz-fit-content;  height: fit-content;  font-size: 16px;  font-weight: 500;  line-height: 24px;  background: transparent;  caret-color: var(--color-primaryHover);  padding: var(--space-m) var(--space-xs);}.bn-textarea-input::-moz-placeholder {  color: var(--color-textDisabled);}.bn-textarea-input:-ms-input-placeholder {  color: var(--color-textDisabled);}.bn-textarea-input::placeholder {  color: var(--color-textDisabled);}@media only screen and (min-width: 768px) {  .bn-textarea:hover:not(.disabled) {    background-color: var(--color-bg1);    border: 1px solid var(--color-primaryHover);  }  .bn-textarea-suffix {    font-size: 14px;    font-weight: 400;    line-height: 20px;    padding: 0 var(--space-2xs) var(--space-2xs);  }  .bn-textarea-input {    font-size: 14px;    font-weight: 500;    line-height: 22px;    padding: var(--space-s) var(--space-2xs);  }}.bn-textField {  height: 40px;  width: 345px;  max-width: 100vw;  flex-wrap: nowrap;  align-items: center;  display: inline-flex;  grid-gap: var(--space-xs);  gap: var(--space-xs);  padding: 0 var(--space-s);  color: var(--color-PrimaryText);  background-color: var(--color-Input);  border-radius: var(--radii-m);  border: 1px solid transparent;  transition-property: all;  transition-timing-function: ease-in-out;  transition-duration: var(--animation-duration-base);}.bn-textField.disabled {  position: relative;  color: var(--color-textDisabled);  background-color: var(--color-Line);  border-color: transparent;}.bn-textField.disabled::before {  content: "";  z-index: 11;  position: absolute;  left: 0;  top: 0;  right: 0;  bottom: 0;  cursor: not-allowed;}.bn-textField.disabled .bn-textField-input {  color: var(--color-DisabledText);}.bn-textField.data-error:not(.disabled) {  border-color: var(--color-Error);}.bn-textField.data-size-large {  height: 48px;  padding: 0 var(--space-s);  border-radius: var(--radii-l);}.bn-textField.data-size-large .bn-textField-input {  font-size: 16px;  font-weight: 500;  line-height: 24px;}.bn-textField.data-size-large .bn-textField-input::-moz-placeholder {  font-size: 16px;  font-weight: 500;  line-height: 24px;}.bn-textField.data-size-large .bn-textField-input:-ms-input-placeholder {  font-size: 16px;  font-weight: 500;  line-height: 24px;}.bn-textField.data-size-large .bn-textField-input::placeholder {  font-size: 16px;  font-weight: 500;  line-height: 24px;}.bn-textField.data-size-small {  height: 32px;  padding: 0 var(--space-s);}.bn-textField.data-size-small .bn-textField-prefix,.bn-textField.data-size-small .bn-textField-suffix {  font-size: 16px;}.bn-textField.data-size-small .bn-textField-input {  font-size: 14px;  font-weight: 500;  line-height: 22px;}.bn-textField.data-size-small .bn-textField-input::-moz-placeholder {  font-size: 14px;  font-weight: 500;  line-height: 22px;}.bn-textField.data-size-small .bn-textField-input:-ms-input-placeholder {  font-size: 14px;  font-weight: 500;  line-height: 22px;}.bn-textField.data-size-small .bn-textField-input::placeholder {  font-size: 14px;  font-weight: 500;  line-height: 22px;}.bn-textField__line {  background: transparent;  border-color: var(--color-InputLine);}.bn-textField__line.focus {  border-color: var(--color-PrimaryYellow);}.bn-textField-prefix,.bn-textField-suffix {  flex: none;  font-size: 20px;  display: inline-flex;  color: var(--color-IconNormal);}.bn-textField-clear {  flex: none;  font-size: 20px;  cursor: pointer;  display: inline-flex;  color: var(--color-IconNormal);}.bn-textField-input {  flex: 1 1;  height: 100%;  border: none;  outline: none;  color: inherit;  overflow: hidden;  -webkit-appearance: none;     -moz-appearance: none;          appearance: none;  font-size: 14px;  font-weight: 500;  line-height: 22px;  background: transparent;  caret-color: var(--color-PrimaryYellow);}.bn-textField-input::-moz-placeholder {  font-size: 14px;  font-weight: 500;  line-height: 22px;  color: var(--color-IconNormal);}.bn-textField-input:-ms-input-placeholder {  font-size: 14px;  font-weight: 500;  line-height: 22px;  color: var(--color-IconNormal);}.bn-textField-input::placeholder {  font-size: 14px;  font-weight: 500;  line-height: 22px;  color: var(--color-IconNormal);}.bn-textField-input[type="password"] {  letter-spacing: 2px;}@media only screen and (min-width: 768px) {  .bn-textField:hover:not(.disabled) {    border-color: var(--color-PrimaryYellow);  }  .bn-textField__default.focus {    background-color: var(--color-BasicBg);    border-color: var(--color-PrimaryYellow);  }  .bn-textField__default:hover:not(.disabled) {    background-color: var(--color-BasicBg);  }}.bn-selection-group {  display: inline-flex;  grid-gap: var(--space-xl);  gap: var(--space-xl);  align-items: center;}.bn-selection-group.data-dir-vertical {  grid-gap: var(--space-m);  gap: var(--space-m);  flex-direction: column;  align-items: flex-start;}.bn-switch {  padding: 2px;  width: 42px;  height: 22px;  cursor: pointer;  position: relative;  display: inline-flex;  justify-content: flex-start;  border-radius: var(--radii-m);  background-color: var(--color-DisabledText);  transition: background-color ease-in-out 150ms;}.bn-switch::before {  flex: 0 1;  content: "";  transition: flex ease-in-out 150ms;}.bn-switch.checked {  background-color: var(--color-BtnBg);}.bn-switch.checked::before {  flex: 1 1;}.bn-switch.disabled {  opacity: 0.5;  cursor: not-allowed;}.bn-switch.data-size-small {  width: 32px;  height: 18px;  border-radius: var(--radii-s);}.bn-switch.data-size-small .bn-switch-dot {  font-size: 14px;  border-radius: var(--radii-xs);}.bn-switch.data-size-large {  padding: 3px;  width: 56px;  height: 30px;}.bn-switch.data-size-large .bn-switch-dot {  font-size: 24px;}.bn-switch-dot {  width: 1em;  height: 1em;  font-size: 18px;  display: inline-flex;  align-items: center;  justify-content: center;  border-radius: var(--radii-s);  background-color: var(--color-RedGreenBgText);}.bn-switch__content {  width: 92px;  height: 32px;  border-radius: var(--radii-s);  border: 1px solid var(--color-Line);  background-color: transparent;  align-items: center;}.bn-switch__content .bn-switch-dot {  width: 50%;  height: 100%;  display: inline-flex;  align-items: center;  justify-content: center;  border-radius: 5px 0 0 5px;  background-color: var(--color-Input);}.bn-switch__content.checked {  background-color: transparent;}.bn-switch__content.checked .bn-switch-dot {  border-radius: 0 5px 5px 0;}.bn-switch__content.checked .bn-switch__content-left {  color: var(--color-IconNormal);}.bn-switch__content.checked .bn-switch__content-right {  color: var(--color-PrimaryText);}.bn-switch__content.data-size-small {  width: 84px;  height: 28px;}.bn-switch__content.data-size-small .bn-switch__content-left,.bn-switch__content.data-size-small .bn-switch__content-right {  font-size: 16px;}.bn-switch__content.data-size-small .bn-switch-dot {  border-radius: var(--radii-xs) 0 0 var(--radii-xs);}.bn-switch__content.data-size-small.checked .bn-switch-dot {  border-radius: 0 var(--radii-xs) var(--radii-xs) 0;}.bn-switch__content.data-size-small.bn-switch-rtl .bn-switch-dot {  border-radius: 0 var(--radii-xs) var(--radii-xs) 0;}.bn-switch__content.data-size-small.bn-switch-rtl.checked .bn-switch-dot {  border-radius: var(--radii-xs) 0 0 var(--radii-xs);}.bn-switch__content.data-size-large {  width: 92px;  height: 32px;}.bn-switch__content.data-size-large .bn-switch__content-left,.bn-switch__content.data-size-large .bn-switch__content-right {  font-size: 20px;}.bn-switch__content-left,.bn-switch__content-right {  position: absolute;  top: 0;  bottom: 0;  width: calc(50% - 2px);  height: 100%;  display: flex;  align-items: center;  justify-content: center;  font-size: 20px;}.bn-switch__content-left {  left: 2px;  color: var(--color-PrimaryText);}.bn-switch__content-right {  right: 2px;  color: var(--color-IconNormal);}.bn-switch__content.bn-switch-rtl .bn-switch-dot {  border-radius: 0 5px 5px 0;}.bn-switch__content.bn-switch-rtl .bn-switch__content-left {  left: unset;  right: 2px;}.bn-switch__content.bn-switch-rtl .bn-switch__content-right {  right: unset;  left: 2px;}.bn-switch__content.bn-switch-rtl.checked .bn-switch-dot {  border-radius: 5px 0 0 5px;}.bn-radio {  cursor: pointer;  font-size: 14px;  font-weight: 400;  line-height: 22px;  align-items: center;  display: inline-flex;  grid-gap: var(--space-2xs);  gap: var(--space-2xs);  color: var(--color-textPrimary);}.bn-radio.checked > .bn-radio-icon {  border-color: var(--color-textPrimary);  background-color: var(--color-textPrimary);}.bn-radio.checked > .bn-radio-icon:before {  background-color: var(--color-popupBg);}.bn-radio.disabled {  cursor: not-allowed;  color: var(--color-textDisabled);}.bn-radio.disabled > .bn-radio-icon {  background-color: var(--color-line);  border-color: var(--color-textDisabled);}.bn-radio.disabled.checked > .bn-radio-icon::before {  background-color: var(--color-textDisabled);}.bn-radio-icon {  flex: none;  width: 20px;  height: 20px;  display: inline-flex;  align-items: center;  justify-content: center;  background-color: transparent;  border-radius: var(--radii-circle);  border: 2px solid var(--color-iconNormal);}.bn-radio-icon::before {  content: "";  width: 6px;  height: 6px;  background-color: transparent;  border-radius: var(--radii-circle);  transition-property: background-color;  transition-timing-function: ease-in-out;  transition-duration: var(--animation-duration-fast);}@media only screen and (min-width: 768px) {  .bn-radio {    font-size: 14px;    font-weight: 400;    line-height: 20px;  }  .bn-radio:hover > .bn-radio-icon {    border-color: var(--color-textPrimary);  }  .bn-radio.disabled > .bn-radio-icon {    border-color: var(--color-line);  }  .bn-radio-icon {    width: 16px;    height: 16px;    border: 1px solid var(--color-textDisabled);  }  .bn-radio-icon::before {    width: 6px;    height: 6px;  }}.bn-checkbox {  cursor: pointer;  font-size: 14px;  font-weight: 400;  line-height: 22px;  align-items: center;  display: inline-flex;  grid-gap: var(--space-2xs);  gap: var(--space-2xs);  color: var(--color-textPrimary);}.bn-checkbox.checked .bn-checkbox-icon {  color: var(--color-bg1);  border-color: var(--color-textPrimary);  background-color: var(--color-textPrimary);}.bn-checkbox.disabled {  cursor: not-allowed;  color: var(--color-textDisabled);}.bn-checkbox.disabled .bn-checkbox-icon {  border-color: var(--color-textDisabled);}.bn-checkbox.disabled.checked .bn-checkbox-icon {  background-color: var(--color-textDisabled);}.bn-checkbox__circle .bn-checkbox-icon {  border-radius: var(--radii-circle);}.bn-checkbox-icon {  flex: none;  font-size: 18px;  margin: var(--space-5xs);  border: 1px solid;  color: transparent;  display: inline-flex;  align-items: center;  justify-content: center;  background-color: transparent;  border-radius: var(--radii-xs);  border-color: var(--color-textDisabled);}@media only screen and (min-width: 768px) {  .bn-checkbox {    font-size: 14px;    font-weight: 400;    line-height: 20px;  }  .bn-checkbox:hover .bn-checkbox-icon {    border-color: var(--color-textPrimary);  }  .bn-checkbox.checked .bn-checkbox-icon {    border-color: var(--color-textPrimary);    background-color: var(--color-textPrimary);  }  .bn-checkbox.disabled .bn-checkbox-icon {    border-color: var(--color-textDisabled);  }  .bn-checkbox.disabled.checked .bn-checkbox-icon {    background-color: var(--color-textDisabled);  }}.bn-subscript {  cursor: pointer;  overflow: hidden;  position: relative;  border-width: 1px;  border-style: solid;  font-size: 16px;  font-weight: 500;  line-height: 24px;  border-radius: var(--radii-xs);  border-color: var(--color-line);  padding: var(--space-2xs) var(--space-m);}.bn-subscript.checked {  border-color: var(--color-primaryHover);}.bn-subscript.checked .bn-subscript-icon {  background: linear-gradient(45deg, transparent 0%, transparent 49.9%, var(--color-primaryHover) 50.1%, var(--color-primaryHover) 100%);}.bn-subscript.disabled {  color: var(--color-textDisabled);  border-color: var(--color-textDisabled);}.bn-subscript.disabled .bn-subscript-icon {  background: linear-gradient(45deg, transparent 0%, transparent 49.9%, var(--color-textDisabled) 50.1%, var(--color-textDisabled) 100%);}.bn-subscript-icon {  top: 0;  right: 0;  z-index: 11;  width: 16px;  height: 16px;  font-size: 16px;  position: absolute;  display: inline-flex;  justify-content: flex-end;  color: var(--color-bg1);  background: linear-gradient(45deg, transparent 0%, transparent 49.9%, var(--color-line) 50.1%, var(--color-line) 100%);}.bn-subscript-icon > .bn-svg {  transform: scale(0.6);  transform-origin: top right;}.bn-subscript-rtl .bn-subscript-icon {  left: 0;  right: auto;  background: linear-gradient(-45deg, transparent 0%, transparent 49.9%, var(--color-line) 50.1%, var(--color-line) 100%);}.bn-subscript-rtl .bn-subscript-icon > .bn-svg {  transform-origin: top left;}@media only screen and (min-width: 768px) {  .bn-subscript:hover {    border-color: var(--color-primaryHover);  }  .bn-subscript:hover .bn-subscript-icon {    background: linear-gradient(45deg, transparent 0%, transparent 49.9%, var(--color-primaryHover) 50.1%, var(--color-primaryHover) 100%);  }}.bn-select-field {  width: 100%;  height: 40px;  display: flex;  cursor: pointer;  flex-wrap: nowrap;  align-items: center;  grid-gap: var(--space-4xs);  gap: var(--space-4xs);  color: var(--color-textPrimary);  padding-left: var(--space-s);  padding-right: var(--space-s);  border-radius: var(--radii-m);  transition-property: all;  transition-timing-function: ease-in-out;  transition-duration: var(--animation-duration-base);}.bn-select-field.data-size-large {  height: 48px;}.bn-select-field.data-size-large.data-multi {  min-height: 48px;}.bn-select-field.data-filled {  background-color: var(--color-bg3);}.bn-select-field.data-line {  border: 1px solid var(--color-line);}.bn-select-field.active > .bn-select-field-arrow {  transform: rotate(180deg);}.bn-select-field.disabled {  position: relative;  color: var(--color-textDisabled);  background-color: var(--color-Line);  border-color: transparent;}.bn-select-field.disabled::before {  content: "";  z-index: 11;  position: absolute;  left: 0;  top: 0;  right: 0;  bottom: 0;  cursor: not-allowed;}.bn-select-field.disabled .bn-select-field-input {  color: var(--color-DisabledText);}.bn-select-field.data-multi {  height: auto;  min-height: 40px;}.bn-select-field.data-multi > .bn-select-field-input {  display: flex;  flex-wrap: wrap;  grid-gap: var(--space-4xs);  gap: var(--space-4xs);  margin: var(--space-3xs) 0;}.bn-select-field-prefix {  flex: none;  display: inline-flex;}.bn-select-field-arrow {  flex: none;  font-size: 16px;  display: inline-flex;  color: var(--color-textThird);  transition-property: transform;  transition-timing-function: ease-in-out;  transition-duration: var(--animation-duration-base);}.bn-select-field-input {  flex: 1 1;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  font-size: 14px;  font-weight: 500;  line-height: 20px;}.bn-select-field-input .data-label-input {  width: 100%;  display: inline-flex;  justify-content: space-between;}.bn-select-field-input .data-label-input .data-label {  color: var(--color-textThird);}.bn-select-field-placeholder {  color: var(--color-textDisabled);}@media only screen and (min-width: 768px) {  .bn-select-field-input {    font-size: 14px;    font-weight: 500;    line-height: 22px;  }}.bn-select-overlay {  width: 100%;  padding: var(--space-4xs) 0;}.bn-select-overlay-search {  width: 100%;  display: flex;  flex-direction: column;  padding: var(--space-2xs) var(--space-s);}.bn-select-overlay-search-close {  flex-direction: row;  justify-content: space-between;  align-items: center;}.bn-select-overlay-search-close .bn-textField {  height: 34px;}.bn-select-overlay-search .bn-textField {  width: 100%;  border-radius: var(--radii-m);}.bn-select-overlay-search .bn-textField-input {  font-size: 14px;  font-weight: 500;  line-height: 20px;  color: var(--color-textThird);}.bn-select-overlay-search .bn-textField-input::-moz-placeholder {  color: var(--color-textThird);}.bn-select-overlay-search .bn-textField-input:-ms-input-placeholder {  color: var(--color-textThird);}.bn-select-overlay-search .bn-textField-input::placeholder {  color: var(--color-textThird);}.bn-select-overlay-search-line .bn-textField {  border: 1px solid var(--color-line);  background-color: var(--color-popupBg);}.bn-select-overlay-search-line .bn-textField-prefix {  font-size: 16px;  color: var(--color-iconNormal);}.bn-select-overlay-options {  max-height: 260px;  overflow-y: auto;  --scroll-pad: 1px;  --scroll-size: 5px;}.bn-select-overlay-empty {  display: flex;  font-size: 14px;  font-weight: 400;  line-height: 22px;  padding: var(--space-2xs) var(--space-m);}@media only screen and (min-width: 768px) {  .bn-select-overlay-options {    max-height: 520px;  }  .bn-select-overlay-search .bn-textField-input {    font-size: 14px;    font-weight: 500;    line-height: 22px;  }  .bn-select-overlay-empty {    font-size: 14px;    font-weight: 400;    line-height: 20px;  }}.bn-select-option {  cursor: pointer;  font-size: 14px;  font-weight: 500;  line-height: 20px;  padding: var(--space-2xs) var(--space-m);  color: var(--color-textThird);}.bn-select-option:active {  background-color: var(--color-bg2);}.bn-select-option.icon {  color: var(--color-textPrimary);  display: flex;  justify-content: space-between;  align-items: center;}.bn-select-option.active {  color: var(--color-textPrimary);}.bn-select-option.disabled {  cursor: not-allowed;  background-color: inherit;  color: var(--color-textDisabled);}.bn-select-option-group-title {  font-size: 12px;  font-weight: 400;  line-height: 16px;  color: var(--color-textThird);  padding: var(--space-3xs) var(--space-m);}@media only screen and (min-width: 768px) {  .bn-select-option {    font-size: 14px;    font-weight: 500;    line-height: 22px;  }  .bn-select-option:hover {    background-color: var(--color-bg3);  }  .bn-select-option-group-title {    font-size: 12px;    font-weight: 400;    line-height: 16px;  }}.bn-select-field-block {  cursor: auto;  align-items: center;  display: inline-flex;  grid-gap: var(--space-4xs);  gap: var(--space-4xs);  padding-left: var(--space-2xs);  padding-right: var(--space-4xs);  border-radius: var(--radii-xs);  background-color: var(--color-line);}.bn-select-field-block-remove {  font-size: 14px;  cursor: pointer;  color: var(--color-textDisabled);}@media only screen and (min-width: 768px) {  .bn-select-field-block-remove:hover {    color: var(--color-textSecondary);  }}.bn-select .bn-tooltips,.bn-select .bn-tooltips > .bn-bubble-content {  width: 100%;  min-width: 112px;}.bn-select__full {  width: 100%;}.bn-select .bn-bubble-content {  border-radius: var(--radii-2l);  overflow: auto;}.bn-pin {  position: relative;  flex-wrap: nowrap;  grid-gap: var(--space-m);  gap: var(--space-m);  align-items: center;  display: inline-flex;  background: transparent;  color: var(--color-textPrimary);}.bn-pin.disabled {  position: relative;  color: var(--color-textDisabled);}.bn-pin.disabled::before {  content: "";  z-index: 11;  position: absolute;  left: 0;  top: 0;  right: 0;  bottom: 0;  cursor: not-allowed;}.bn-pin__line .bn-pin-item {  background-color: transparent;  border-radius: 0;  border-color: transparent;  border-bottom-color: var(--color-line);}.bn-pin__line .bn-pin-item.cursor {  border-color: transparent;  border-bottom-color: var(--color-primaryHover);}.bn-pin__line.data-error .bn-pin-item {  border-color: transparent;  border-bottom-color: var(--color-error);}.bn-pin-item {  width: 45px;  height: 50px;  position: relative;  border-radius: 3px;  align-items: center;  justify-content: center;  display: inline-flex;  font-size: 16px;  font-weight: 500;  line-height: 24px;  border: 1px solid transparent;  background-color: var(--color-bg3);}.bn-pin-item.cursor {  border-color: var(--color-primaryHover);}.bn-pin-item.cursor::after {  content: "|";  font-weight: 400;  color: var(--color-primaryHover);  -webkit-animation: blink 1s infinite;          animation: blink 1s infinite;}.bn-pin-item.cursor.full::before {  opacity: 0;  content: "|";  font-weight: 400;  color: var(--color-primaryHover);}.bn-pin-input {  opacity: 0;  left: 0;  top: 0;  right: 0;  bottom: 0;  outline: none;  -webkit-appearance: none;     -moz-appearance: none;          appearance: none;  color: transparent;  caret-color: transparent;  position: absolute !important;}.bn-pin-item {  z-index: 2;}@media only screen and (min-width: 768px) {  .bn-pin {    grid-gap: var(--space-s);    gap: var(--space-s);  }  .bn-pin-item {    width: 48px;    height: 48px;    border-radius: 4px;    font-size: 24px;    font-weight: 600;    line-height: 32px;  }  .bn-pin-item:hover {    border-color: var(--color-primaryHover);  }}.bn-tab {  flex: none;  cursor: pointer;  -webkit-user-select: none;     -moz-user-select: none;      -ms-user-select: none;          user-select: none;  position: relative;  align-items: center;  display: inline-flex;  justify-content: center;  font-size: 14px;  font-weight: 500;  line-height: 22px;  transition: all 150ms linear;  grid-gap: var(--space-2xs);  gap: var(--space-2xs);  padding: var(--space-2xs) var(--space-m);  color: var(--color-TertiaryText);}.bn-tab__primary.data-size-large,.bn-tab__primary-gray.data-size-large {  font-size: 20px;  font-weight: 400;  line-height: 28px;  padding: var(--space-2xs) var(--space-xl);}.bn-tab__round.data-size-large {  font-size: 16px;  font-weight: 500;  line-height: 24px;  padding: var(--space-2xs) var(--space-xl);}.bn-tab__default.data-size-large,.bn-tab__default-breakline.data-size-large {  height: 64px;  font-size: 16px;  font-weight: 500;  line-height: 24px;}.bn-tab__default.data-size-small,.bn-tab__default-breakline.data-size-small {  height: 32px;  font-size: 12px;  font-weight: 400;  line-height: 16px;}.bn-tab__vertical.data-size-large {  border-left: 4px solid transparent;  border-right: 4px solid transparent;  padding: var(--space-s) var(--space-m);}.bn-tab.data-font-1 {  font-size: 20px;  font-weight: 500;  line-height: 28px;}.bn-tab.data-font-2 {  font-size: 16px;  font-weight: 500;  line-height: 24px;}.bn-tab.data-font-3 {  font-size: 14px;  font-weight: 500;  line-height: 22px;}.bn-tab.data-font-4 {  font-size: 12px;  font-weight: 500;  line-height: 18px;}@media only screen and (min-width: 768px) {  .bn-tab.data-font-1 {    font-size: 20px;    font-weight: 500;    line-height: 28px;  }  .bn-tab.data-font-2 {    font-size: 16px;    font-weight: 500;    line-height: 24px;  }  .bn-tab.data-font-3 {    font-size: 14px;    font-weight: 500;    line-height: 22px;  }  .bn-tab.data-font-4 {    font-size: 12px;    font-weight: 500;    line-height: 18px;  }}.bn-tab__primary {  padding: 7px var(--space-m);}.bn-tab__primary.active {  border-radius: var(--radii-m);  color: var(--color-primaryHover);  background-color: var(--color-badgeBg);}.bn-tab__primary-gray {  padding: 7px var(--space-m);}.bn-tab__primary-gray.active {  border-radius: var(--radii-m);  color: var(--color-PrimaryText);  background-color: var(--color-Input);}.bn-tab__round {  color: var(--color-textPrimary);}.bn-tab__round.active {  color: var(--color-textBlack);  border-radius: var(--radii-circle);  background-color: var(--color-primary);}.bn-tab__secondary {  min-width: 90px;  font-size: 12px;  font-weight: 400;  line-height: 16px;  border-radius: var(--radii-xs);  color: var(--color-textPrimary);  padding: var(--space-4xs) var(--space-2xs);}.bn-tab__secondary.active {  font-weight: 500;  font-size: 12px;  line-height: 16px;  color: var(--color-textBlack);  background-color: var(--color-primary);}.bn-tab__segment,.bn-tab__segment-outline {  min-width: 88px;  font-size: 14px;  font-weight: 500;  line-height: 22px;  border-radius: var(--radii-s);  color: var(--color-textThird);  padding: var(--space-4xs) var(--space-s);}.bn-tab__segment.active,.bn-tab__segment-outline.active {  color: var(--color-textPrimary);  background-color: var(--color-bg3);}.bn-tab__third {  font-size: 12px;  font-weight: 400;  line-height: 16px;  grid-gap: var(--space-4xs);  gap: var(--space-4xs);  border-radius: var(--radii-2xs);  color: var(--color-textSecondary);  padding: var(--space-4xs) var(--space-3xs);}.bn-tab__third.active {  font-weight: 500;  font-size: 12px;  line-height: 16px;  color: var(--color-textPrimary);  background-color: var(--color-bg3);}.bn-tab__card {  height: 44px;  justify-content: start;  border-bottom: 4px solid var(--color-bg3);  padding: var(--space-4xs) var(--space-3xs);}.bn-tab__card.active {  color: var(--color-textPrimary);  background-color: var(--color-bg1);  border-bottom-color: var(--color-bg1);  border-radius: var(--radii-xs) var(--radii-xs) 0 0;}.bn-tab__default,.bn-tab__default-breakline {  font-size: 16px;  font-weight: 500;  line-height: 24px;  padding: 0;  padding-bottom: var(--space-3xs);  border-bottom: 3px solid transparent;}.bn-tab__default::after,.bn-tab__default-breakline::after {  content: "";  position: absolute;  left: 50%;  bottom: -3px;  width: 16px;  height: 3px;  opacity: 0;  background-image: linear-gradient(to right, transparent calc(50% - 8px), var(--color-BtnBg) calc(50% - 8px), var(--color-BtnBg) calc(50% + 8px), transparent calc(50% + 8px));  transform: translateX(-50%);  transition: opacity 150ms linear;}.bn-tab__default.active,.bn-tab__default-breakline.active {  color: var(--color-textPrimary);}.bn-tab__default.active::after,.bn-tab__default-breakline.active::after {  opacity: 1;}.bn-tab__vertical {  border-left: 2px solid transparent;  border-right: 2px solid transparent;  padding: var(--space-2xs) var(--space-m);}.bn-tab__vertical.active {  color: var(--color-textPrimary);  border-left-color: var(--color-primaryHover);}.bn-tab__buySell {  height: 32px;  min-width: 122px;  font-size: 14px;  font-weight: 500;  line-height: 20px;  color: var(--color-textThird);  border-radius: var(--radii-xs);  transition-duration: 0ms;}.bn-tab__buySell:nth-child(odd).active {  font-size: 16px;  font-weight: 500;  line-height: 24px;  color: var(--color-textWhite);  background-color: var(--color-buy);}.bn-tab__buySell:nth-child(odd).active::after {  top: 5px;  right: -9px;  width: 22px;  height: 22px;  z-index: 1;  content: "";  position: absolute;  transform: rotate(-135deg);  background-color: inherit;  border-radius: 0 0 0 var(--radii-xs);}.bn-tab__buySell:nth-child(even).active {  font-size: 16px;  font-weight: 500;  line-height: 24px;  color: var(--color-textWhite);  background-color: var(--color-sell);}.bn-tab__buySell:nth-child(even).active::before {  top: 5px;  left: -9px;  width: 22px;  height: 22px;  z-index: 1;  content: "";  position: absolute;  transform: rotate(45deg);  background-color: inherit;  border-radius: 0 0 0 var(--radii-xs);}.bn-tab-rtl.bn-tab__buySell:nth-child(odd).active::after {  left: -9px;  right: auto;}.bn-tab-rtl.bn-tab__buySell:nth-child(even).active::before {  right: -9px;  left: auto;}@media only screen and (min-width: 768px) {  .bn-tab {    font-size: 14px;    font-weight: 500;    line-height: 22px;  }  .bn-tab__primary:hover {    color: var(--color-primaryHover);    border-radius: var(--radii-m);    background-color: var(--color-badgeBg);  }  .bn-tab__primary-gray:hover {    color: var(--color-PrimaryText);    border-radius: var(--radii-m);    background-color: var(--color-Input);  }  .bn-tab__round:hover {    border-radius: var(--radii-circle);    background-color: var(--color-bg3);  }  .bn-tab__secondary {    font-size: 12px;    font-weight: 400;    line-height: 16px;  }  .bn-tab__secondary:hover,  .bn-tab__secondary.active {    font-weight: 500;    font-size: 12px;    line-height: 16px;    color: var(--color-textBlack);    background-color: var(--color-primary);  }  .bn-tab__segment,  .bn-tab__segment-outline {    font-size: 14px;    font-weight: 500;    line-height: 22px;  }  .bn-tab__segment:hover,  .bn-tab__segment-outline:hover {    color: var(--color-textPrimary);    background-color: var(--color-bg3);  }  .bn-tab__third {    font-size: 12px;    font-weight: 400;    line-height: 16px;  }  .bn-tab__third:hover,  .bn-tab__third.active {    font-weight: 500;    font-size: 12px;    line-height: 16px;    color: var(--color-textPrimary);    background-color: var(--color-bg3);  }  .bn-tab__card:hover {    color: var(--color-textPrimary);  }  .bn-tab__default,  .bn-tab__default-breakline {    font-size: 16px;    font-weight: 500;    line-height: 24px;  }  .bn-tab__default:hover,  .bn-tab__default-breakline:hover {    color: var(--color-textPrimary);  }  .bn-tab__vertical:hover {    color: var(--color-textPrimary);    background-color: var(--color-bg3);  }  .bn-tab__buySell {    font-size: 14px;    font-weight: 500;    line-height: 22px;  }}.bn-tab-list {  display: flex;  position: relative;  width: 100%;  overflow: auto;  grid-gap: var(--space-m);  gap: var(--space-m);  background: transparent;}.bn-tab-list::-webkit-scrollbar {  height: 0 !important;}.bn-tab-list__primary.data-size-large,.bn-tab-list__primary-gray.data-size-large,.bn-tab-list__round.data-size-large {  grid-gap: var(--space-xl);  gap: var(--space-xl);}.bn-tab-list__third.data-size-large {  grid-gap: var(--space-m);  gap: var(--space-m);}.bn-tab-list__default.data-size-large,.bn-tab-list__default-breakline.data-size-large {  grid-gap: var(--space-5xl);  gap: var(--space-5xl);}.bn-tab-list__default.data-size-small,.bn-tab-list__default-breakline.data-size-small {  grid-gap: var(--space-m);  gap: var(--space-m);}.bn-tab-list__secondary {  grid-gap: 2px;  gap: 2px;  border-radius: var(--radii-xs);  background-color: var(--color-bg3);}.bn-tab-list__segment {  grid-gap: 0;  gap: 0;  background-color: var(--color-bg3);  border-radius: var(--radii-xs);  padding-top: 2px;  padding-bottom: 2px;}.bn-tab-list__segment-outline {  grid-gap: 0;  gap: 0;  padding: var(--space-4xs);  border-radius: var(--radii-m);  border: 1px solid var(--color-line);}.bn-tab-list__third {  grid-gap: var(--space-4xs);  gap: var(--space-4xs);}.bn-tab-list__card {  background-color: var(--color-bg3);  padding: var(--space-4xs) var(--space-4xs) 0;}.bn-tab-list__default {  grid-gap: var(--space-xl);  gap: var(--space-xl);}.bn-tab-list__default-breakline {  grid-gap: var(--space-xl);  gap: var(--space-xl);  border-bottom: 1px solid var(--color-Line);}.bn-tab-list__vertical {  grid-gap: 0;  gap: 0;  height: 100%;  flex-direction: column;}.bn-tab-list__buySell {  grid-gap: var(--space-s);  gap: var(--space-s);  background-color: var(--color-bg3);  border-radius: var(--radii-xs);}.bn-tab-list-shadow {  content: '';  position: absolute;  top: 0;  height: 100%;  width: 56px;  pointer-events: none;}.bn-tab-list-shadow-left {  left: 0;  background: linear-gradient(90deg, var(--color-bg1) 0%, transparent 100%);}.bn-tab-list-shadow-right {  right: 0;  background: linear-gradient(270deg, var(--color-bg1) 0%, transparent 100%);}.bn-tab-pane:not(.active) {  display: none;}.bn-tabs {  width: 100%;  display: flex;  flex-direction: column;  position: relative;}.bn-tabs__vertical {  flex-direction: row;}.bn-tabs__vertical > .bn-tab-list {  flex: none;}.bn-tabs__vertical > .bn-tab-pane-list {  flex: 1 1;}.bn-pagination {  -webkit-user-select: none;     -moz-user-select: none;      -ms-user-select: none;          user-select: none;  align-items: center;  display: inline-flex;  grid-gap: var(--space-2xs);  gap: var(--space-2xs);  color: var(--color-textSecondary);}.bn-pagination-prev,.bn-pagination-next {  font-size: 16px;  cursor: pointer;  display: inline-flex;  color: var(--color-iconNormal);}.bn-pagination-prev.disabled,.bn-pagination-next.disabled {  cursor: not-allowed;  color: var(--color-line);}.bn-pagination-items {  grid-gap: var(--space-2xs);  gap: var(--space-2xs);  display: inline-flex;}.bn-pagination-item {  width: 28px;  height: 28px;  cursor: pointer;  display: inline-flex;  align-items: center;  justify-content: center;  border-radius: var(--radii-s);  color: var(--color-textSecondary);  font-size: 14px;  font-weight: 400;  line-height: 20px;}.bn-pagination-item.abbreviate {  cursor: default;}.bn-pagination-item.active {  font-size: 14px;  font-weight: 500;  line-height: 22px;  color: var(--color-textPrimary);  background-color: var(--color-line);}@media only screen and (min-width: 768px) {  .bn-pagination-item:not(.abbreviate):hover {    color: var(--color-textPrimary);    background-color: var(--color-line);  }}.bn-swiper {  width: 100%;  height: 100%;  overflow: hidden;  position: relative;}.bn-swiper-wrapper {  display: flex;  width: 100%;  height: 100%;}.bn-swiper-item {  flex: none;  width: 100%;  height: 100%;}.bn-swiper.vertical > .bn-swiper-wrapper {  flex-direction: column;}.bn-breadcrumb {  display: flex;  align-items: center;  grid-row-gap: var(--space-3xs);  row-gap: var(--space-3xs);  grid-column-gap: var(--space-2xs);  -moz-column-gap: var(--space-2xs);       column-gap: var(--space-2xs);  padding-right: var(--space-2xs);}.bn-breadcrumb-separator {  flex: none;  font-size: 24px;  display: inline-flex;  color: var(--color-line);}.bn-breadcrumb-item {  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  cursor: pointer;  min-width: 60px;  font-size: 14px;  font-weight: 400;  line-height: 22px;  color: var(--color-textThird);}.bn-breadcrumb-item.active {  cursor: text;  font-size: 14px;  font-weight: 500;  line-height: 20px;  color: var(--color-textPrimary);}.bn-breadcrumb-item.disabled {  cursor: not-allowed;  color: var(--color-textDisabled);}@media only screen and (min-width: 768px) {  .bn-breadcrumb-item {    font-size: 14px;    font-weight: 400;    line-height: 20px;  }  .bn-breadcrumb-item.active {    font-size: 14px;    font-weight: 500;    line-height: 22px;  }  .bn-breadcrumb-item:hover:not(.disabled):not(.active) {    font-size: 14px;    font-weight: 500;    line-height: 22px;    color: var(--color-textBrand);  }}.bn-emptyState {  display: flex;  align-items: center;  grid-gap: var(--space-m);  gap: var(--space-m);  flex-direction: column;}.bn-emptyState-icon {  font-size: 96px;}.bn-emptyState-content {  font-size: 14px;  font-weight: 400;  line-height: 22px;  color: var(--color-textThird);}.bn-thumbnail {  width: 177px;  min-height: 92px;  overflow: hidden;  display: inline-flex;  flex-direction: column;  border-radius: var(--radii-xs);  border: 1px solid var(--color-line);}.bn-thumbnail.data-error .bn-thumbnail-file-name {  color: var(--color-error);}.bn-thumbnail-file {  display: flex;  flex-direction: column;  margin-left: var(--space-2xs);}.bn-thumbnail-file-prefix {  flex: none;  display: inline-flex;}.bn-thumbnail-file-wrapper {  flex: 1 1;  width: 100%;  display: flex;  padding: var(--space-s);  background: var(--color-bg1);}.bn-thumbnail-file-wrapper .bn-svg {  font-size: 36px;  color: var(--color-iconNormal);}.bn-thumbnail-file-name {  font-size: 14px;  font-weight: 400;  line-height: 22px;  color: var(--color-textSecondary);}.bn-thumbnail-file-caption {  font-size: 12px;  font-weight: 400;  line-height: 16px;  color: var(--color-textDisabled);}.bn-thumbnail-secure {  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  font-size: 12px;  font-weight: 400;  line-height: 16px;}.bn-thumbnail-secure-prefix {  flex: none;  display: inline-flex;}.bn-thumbnail-secure-wrapper {  flex: none;  width: 100%;  display: flex;  align-items: center;  grid-gap: var(--space-2xs);  gap: var(--space-2xs);  color: var(--color-textWhite);  background: var(--color-textDisabled);  padding: var(--space-2xs) var(--space-m);}.bn-thumbnail-secure-wrapper .bn-svg {  font-size: 16px;  color: var(--color-textWhite);}.bn-timeline-item {  display: flex;  position: relative;  flex-direction: column;  font-size: 16px;  font-weight: 500;  line-height: 24px;  color: var(--color-textPrimary);  padding-left: 17px;  min-height: 44px;}.bn-timeline-item:not(:last-of-type) {  padding-bottom: var(--space-m);  min-height: 66px;}.bn-timeline-item:last-of-type.ending {  min-height: 0;}.bn-timeline-item:last-of-type.ending .bn-timeline-item-tail {  display: none;}.bn-timeline-item:last-of-type .bn-timeline-item-tail {  bottom: 55%;}.bn-timeline-item-ind {  top: 0;  left: 0;  z-index: 2;  position: absolute;  width: 9px;  height: 9px;  transform: translate(0, 6px);  border-radius: var(--radii-circle);  border: 2px solid var(--color-primaryHover);  background-color: var(--color-primaryHover);}.bn-timeline-item-ind.hollow {  background-color: var(--color-bg1);}.bn-timeline-item-tail {  bottom: 0;  position: absolute;  top: 9px;  left: 4px;  transform: translate(0, 6px);  border-left: 1px solid var(--color-line);}.bn-timeline-item-tail.dashed {  border-left-style: dashed;}.bn-timeline-item-desc {  font-weight: 500;  font-size: 12px;  line-height: 16px;  margin-top: var(--space-5xs);  color: var(--color-textThird);}.bn-timeline-item-rtl {  padding-left: auto;  padding-right: 17px;}.bn-timeline-item-rtl .bn-timeline-item-ind {  left: auto;  right: 0;}.bn-timeline-item-rtl .bn-timeline-item-tail {  left: auto;  right: 4px;}@media only screen and (min-width: 768px) {  .bn-timeline-item {    font-size: 14px;    font-weight: 500;    line-height: 20px;  }  .bn-timeline-item-ind,  .bn-timeline-item-tail {    transform: translate(0, 4px);  }  .bn-timeline-item-desc {    font-size: 14px;    font-weight: 400;    line-height: 20px;  }}.bn-slider-ticks {  display: flex;  grid-gap: var(--space-4xs);  gap: var(--space-4xs);}.bn-slider-ticks-tick {  width: 8px;  height: 3px;  background-color: var(--color-Line);  cursor: pointer;}.bn-slider-ticks-tick.active {  background-color: var(--color-PrimaryText);}.bn-slider {  flex: 1 1;  z-index: 2;  margin: 10px 8px;  -webkit-appearance: none;     -moz-appearance: none;          appearance: none;  position: relative;  background-color: transparent;}.bn-slider-wrapper {  display: flex;  position: relative;}.bn-slider-track {  top: 50%;  left: 14px;  right: 14px;  height: 4px;  display: flex;  position: absolute;  background: var(--color-line);  transform: translate(0, -5px);}.bn-slider-track-thumb {  position: absolute;  left: 0;  top: 0;  right: 0;  bottom: 0;  z-index: 1;  background: var(--color-textSecondary);}.bn-slider-track-step {  top: -3px;  z-index: 2;  display: flex;  position: absolute;  align-items: center;  grid-gap: var(--space-3xs);  gap: var(--space-3xs);  flex-direction: column;  font-weight: 500;  font-size: 12px;  line-height: 16px;  transform: translate(-50%, 0);  color: var(--color-textThird);}.bn-slider-track-step-dot {  width: 10px;  height: 10px;  transform: rotate(-45deg);  background: var(--color-bg1);  border-radius: var(--radii-2xs);  border: 2px solid var(--color-line);}.bn-slider-track-step.active {  color: var(--color-textSecondary);}.bn-slider-track-step.active .bn-slider-track-step-dot {  border-color: var(--color-bg1);  background: var(--color-textSecondary);}.bn-slider-track-number {  z-index: 3;  bottom: 14px;  position: absolute;  font-weight: 500;  font-size: 12px;  line-height: 16px;  padding: 0 var(--space-5xs);  transform: translate(-50%, 0);  border-radius: var(--radii-2xs);  color: var(--color-textWhite);  background-color: var(--color-textSecondary);}.bn-slider-track-rtl .bn-slider-track-step,.bn-slider-track-rtl .bn-slider-track-number {  transform: translate(50%, 0);}.bn-slider::-ms-track {  width: 100%;  cursor: pointer;  background: transparent;  border-color: transparent;  color: transparent;}.bn-slider::-webkit-slider-thumb {  width: 16px;  height: 16px;  cursor: pointer;  -webkit-appearance: none;  background: var(--color-bg1);  border-radius: var(--radii-xs);  border: 4px solid var(--color-textPrimary);  transform: translate(0, -5px) rotate(-45deg);}.bn-slider::-webkit-slider-runnable-track {  width: 100%;  height: 12px;  margin: 8px 0;  cursor: pointer;  background: transparent;}@media only screen and (min-width: 768px) {  .bn-slider-track-thumb {    background: var(--color-textPrimary);  }  .bn-slider-track-step-mark {    display: none;  }  .bn-slider-track-step.active .bn-slider-track-step-dot {    background: var(--color-textPrimary);  }  .bn-slider-track-number {    top: 14px;    bottom: auto;    font-size: 14px;    font-weight: 400;    line-height: 20px;    color: var(--color-textThird);    background-color: transparent;  }}.bn-upload {  min-height: 32px;  cursor: pointer;  align-items: center;  display: inline-flex;  grid-gap: var(--space-4xs);  gap: var(--space-4xs);  border-radius: var(--radii-xs);  color: var(--color-textPrimary);  background-color: var(--color-line);  padding: var(--space-2xs) var(--space-m);}.bn-upload:active {  background-color: var(--color-bg3);}.bn-upload.data-waiting,.bn-upload.data-success,.bn-upload.data-error {  grid-gap: var(--space-2xs);  gap: var(--space-2xs);  padding: var(--space-2xs) var(--space-s);}.bn-upload.data-waiting .bn-upload-icon,.bn-upload.data-success .bn-upload-icon,.bn-upload.data-error .bn-upload-icon {  font-size: 24px;}.bn-upload.data-waiting .bn-spinner {  font-size: 24px;  fill: var(--color-success);  stroke: var(--color-success);  transform: scale(0.7);}.bn-upload.data-error .bn-upload-filename {  color: var(--color-error);}.bn-upload__primary.data-size-large {  min-height: 40px;  padding: var(--space-xs) var(--space-m);}.bn-upload__primary.data-size-large.data-waiting,.bn-upload__primary.data-size-large.data-success,.bn-upload__primary.data-size-large.data-error {  padding: var(--space-2xs) var(--space-s);}.bn-upload__primary.data-size-large.data-waiting .bn-upload-icon,.bn-upload__primary.data-size-large.data-success .bn-upload-icon,.bn-upload__primary.data-size-large.data-error .bn-upload-icon {  font-size: 48px;}.bn-upload__primary.data-size-large.data-waiting .bn-spinner {  font-size: 48px;}.bn-upload__square {  width: 164px;  height: 164px;  position: relative;  flex-direction: column;  justify-content: center;  background-color: var(--color-bg3);}.bn-upload__square.data-waiting .bn-upload-icon,.bn-upload__square.data-success .bn-upload-icon,.bn-upload__square.data-error .bn-upload-icon {  font-size: 48px;}.bn-upload__square.data-waiting .bn-spinner {  font-size: 48px;}.bn-upload__square .bn-upload-icon {  font-size: 24px;  color: var(--color-textThird);}.bn-upload__square .bn-upload-image {  width: 100%;  height: auto;}.bn-upload__square .bn-upload-trigger {  color: var(--color-textSecondary);}.bn-upload__square .bn-upload-filename {  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  min-width: auto;  max-width: 90%;}.bn-upload__square .bn-upload-delete {  top: 0;  right: 0;  z-index: 2;  position: absolute;}.bn-upload-icon {  width: 1em;  height: 1em;  font-size: 16px;  display: flex;  align-items: center;  justify-content: center;  color: var(--color-textPrimary);}.bn-upload-image {  width: 24px;  height: 24px;}.bn-upload-trigger,.bn-upload-retry {  font-size: 14px;  font-weight: 400;  line-height: 20px;}.bn-upload-filename {  min-width: 120px;  font-size: 12px;  font-weight: 400;  line-height: 16px;}.bn-upload-delete {  font-size: 16px;  color: var(--color-textThird);}.bn-upload-rtl {  direction: rtl;}.bn-upload-rtl.bn-upload__square .bn-upload-delete {  left: 0;  right: auto;}.bn-step {  flex: 1 1;  display: flex;  position: relative;  grid-gap: var(--space-xs);  gap: var(--space-xs);  flex-direction: column;}.bn-step__primary.data-status-progress .bn-step-ind {  color: var(--color-BasicBg);  background-color: var(--color-PrimaryText);}.bn-step__primary.data-status-progress .bn-step-tail {  background: linear-gradient(to right, var(--color-PrimaryText) 50%, var(--color-Line) 50%);}.bn-step__primary.data-status-progress .bn-step-content {  color: var(--color-PrimaryText);}.bn-step__primary.data-status-finish .bn-step-ind {  color: var(--color-BasicBg);  background-color: var(--color-PrimaryText);}.bn-step__primary.data-status-finish .bn-step-tail {  color: var(--color-BasicBg);  background-color: var(--color-PrimaryText);}.bn-step__primary:last-of-type .bn-step-tail {  display: none;}.bn-step__primary .bn-step-ind {  flex: none;  z-index: 2;  display: flex;  position: relative;  width: 16px;  height: 16px;  align-items: center;  justify-content: center;  font-size: 12px;  font-weight: 500;  line-height: 18px;  color: var(--color-DisabledText);  background-color: var(--color-Line);  border-radius: 3px;  transform: rotate(45deg);  transition-property: background-color;  transition-timing-function: linear;  transition-duration: var(--animation-duration-fast);}.bn-step__primary .bn-step-ind .bn-svg {  font-size: 12px;}.bn-step__primary .bn-step-ind .data-ind-icon {  display: flex;  align-items: center;  justify-content: center;  transform: rotate(-45deg);}.bn-step__primary .bn-step-content {  color: var(--color-SecondaryText);  width: 110px;}.bn-step__primary .bn-step-tail {  left: 0;  top: 7px;  right: 16px;  position: absolute;  height: 2px;  background-color: var(--color-Line);  transform: translate(16px, 0);  transition-property: background-color;  transition-timing-function: linear;  transition-duration: var(--animation-duration-fast);}.bn-step__primary__normal .bn-step-ind {  transform: rotate(45deg);  border-radius: unset;  background-color: var(--color-textDisabled);  width: 8px;  height: 8px;}.bn-step__primary__normal .bn-step-tail {  top: 3px;  right: 8px;  transform: translate(8px, 0);  background-color: var(--color-textDisabled);}.bn-step__primary__normal .bn-step-content {  color: var(--color-textPrimary);}.bn-step__primary__normal .bn-step-content-title {  font-size: 14px;  font-weight: 500;  line-height: 20px;}.bn-step__primary__normal .bn-step-content-desc {  font-size: 12px;  font-weight: 400;  line-height: 16px;  color: var(--color-textSecondary);}.bn-step__primary__normal .bn-step-content-action {  font-weight: 500;  font-size: 12px;  line-height: 16px;  margin-top: 0;  width: -webkit-fit-content;  width: -moz-fit-content;  width: fit-content;  color: var(--color-textBrand);  cursor: pointer;}.bn-step__arrow {  padding: 0;}.bn-step__arrow.data-status-progress .bn-step-ind {  color: var(--color-textBlack);}.bn-step__arrow.data-status-progress .bn-step-ind::before,.bn-step__arrow.data-status-progress .bn-step-ind::after {  background-color: var(--color-primary);}.bn-step__arrow.data-status-progress .bn-step-content,.bn-step__arrow.data-status-progress .bn-step-content-desc {  color: var(--color-textPrimary);}.bn-step__arrow:first-of-type.data-status-progress .bn-step-ind {  background-image: linear-gradient(to right, var(--color-primary), transparent);}.bn-step__arrow:first-of-type .bn-step-ind {  border-radius: 2px 0 0 2px;  background-image: linear-gradient(to right, var(--color-line), transparent);}.bn-step__arrow .bn-step-ind {  flex: none;  z-index: 2;  width: 100%;  height: 32px;  display: flex;  position: relative;  border-radius: 2px;  align-items: center;  justify-content: center;  font-size: 16px;  font-weight: 500;  line-height: 24px;  color: var(--color-textSecondary);}.bn-step__arrow .bn-step-ind::before {  content: "";  z-index: -1;  top: 0;  left: 6px;  right: 4px;  height: 51%;  position: absolute;  pointer-events: none;  transform: skewX(35deg);  border-radius: 2px 2px 2px 0;  background-color: var(--color-line);}.bn-step__arrow .bn-step-ind::after {  content: "";  z-index: -1;  bottom: 0;  left: 6px;  right: 4px;  height: 50%;  position: absolute;  pointer-events: none;  transform: skewX(-35deg);  border-radius: 0 2px 2px 2px;  background-color: var(--color-line);}.bn-step__arrow .bn-step-ind .bn-svg {  font-size: 16px;}.bn-step__arrow .bn-step-content {  max-width: 200px;  font-size: 14px;  font-weight: 500;  line-height: 20px;  padding: 0 var(--space-xs);}.bn-step-content {  color: var(--color-PrimaryText);  transition-property: color;  transition-timing-function: linear;  transition-duration: var(--animation-duration-fast);}.bn-step-content-title {  font-size: 16px;  font-weight: 600;  line-height: 24px;}.bn-step-content-desc {  font-size: 14px;  font-weight: 400;  line-height: 22px;}.bn-step-content-action {  margin-top: var(--space-2xs);}.bn-step-rtl.bn-step__primary .bn-step-tail {  right: 0;  left: 16px;  transform: translate(-16px, 0);}.bn-step-rtl.bn-step__primary.data-status-progress .bn-step-tail {  background: linear-gradient(to left, var(--color-PrimaryText) 50%, var(--color-Line) 50%);}.bn-step-rtl.bn-step__primary__normal .bn-step-tail {  left: 3px;  transform: translate(-8px, 0);}.bn-step-rtl.bn-step__arrow {  padding: 0;}.bn-step-rtl.bn-step__arrow:first-of-type.data-status-progress .bn-step-ind {  background-image: linear-gradient(to left, var(--color-primary), transparent);}.bn-step-rtl.bn-step__arrow:first-of-type .bn-step-ind {  border-radius: 0 2px 2px 0;  background-image: linear-gradient(to left, var(--color-line), transparent);}.bn-step-rtl.bn-step__arrow .bn-step-ind::before {  transform: skewX(-35deg);}.bn-step-rtl.bn-step__arrow .bn-step-ind::after {  transform: skewX(35deg);}@media only screen and (min-width: 768px) {  .bn-step {    padding: 0 var(--space-m) 0 0;  }  .bn-step:last-of-type {    flex: none;    padding: 0;  }  .bn-step-rtl {    padding: 0 0 0 var(--space-m);  }  .bn-step__primary__normal .bn-step-content-title {    font-size: 14px;    font-weight: 500;    line-height: 22px;  }  .bn-step__primary__normal .bn-step-content-desc {    font-size: 12px;    font-weight: 400;    line-height: 16px;  }  .bn-step__primary__normal .bn-step-content-action {    font-weight: 500;    font-size: 12px;    line-height: 16px;  }  .bn-step__primary__normal .bn-step-content-action:hover {    color: var(--color-primary);  }  .bn-step__primary .bn-step-content {    color: var(--color-TertiaryText);    width: 200px;  }  .bn-step__arrow .bn-step-ind {    font-size: 16px;    font-weight: 500;    line-height: 24px;  }  .bn-step__arrow .bn-step-content {    font-size: 14px;    font-weight: 500;    line-height: 22px;  }}.bn-steps {  display: flex;  position: relative;}.bn-steps__primary.data-gap {  grid-gap: var(--space-2xs);  gap: var(--space-2xs);}.bn-steps__primary.data-gap .bn-step-tail {  left: var(--space-2xs);}.bn-steps__primary.data-gap.data-vertical .bn-step-tail {  top: var(--space-2xs);}.bn-steps__primary.data-focus-current-step .bn-step__primary.data-status-initial .bn-step-content,.bn-steps__primary.data-focus-current-step .bn-step__primary.data-status-finish .bn-step-content {  opacity: 0;}.bn-steps__primary.data-focus-current-step .bn-step__primary.data-status-progress .bn-step-content {  text-wrap: nowrap;  white-space: nowrap;}.bn-steps__primary.data-vertical {  flex-direction: column;}.bn-steps__primary.data-vertical .bn-step {  flex-direction: row;}.bn-steps__primary.data-vertical .bn-step:not(:last-of-type) {  padding: 0 0 var(--space-m);  min-height: 64px;}.bn-steps__primary.data-vertical .bn-step-content {  flex: 1 1;  width: auto;}.bn-steps__primary.data-vertical .bn-step-tail {  top: 0;  right: auto;  height: auto;  bottom: 16px;  left: 7px;  width: 2px;  transform: translate(0, 20px);}.bn-steps__primary.data-vertical .bn-step__primary__normal .bn-step-ind {  top: 8px;}.bn-steps__primary.data-vertical .bn-step__primary__normal .bn-step-tail {  top: 0;  right: auto;  height: auto;  bottom: 0;  left: 3px;  width: 2px;  transform: translate(0, 8px);}.bn-steps__primary.data-vertical .bn-step__primary__normal .bn-step-content {  display: flex;  flex-direction: column;  grid-gap: var(--space-4xs);  gap: var(--space-4xs);}.bn-steps__primary.data-vertical .bn-step__primary__normal.bn-step-rtl .bn-step-tail {  left: auto;  right: 3px;}.bn-steps__primary.data-vertical .bn-step__primary .bn-step-ind {  top: 4px;}.bn-steps__primary.data-vertical .bn-step__primary.data-status-progress .bn-step-tail {  background: linear-gradient(to bottom, var(--color-PrimaryText) 50%, var(--color-Line) 50%);}.bn-steps__primary.data-vertical .bn-step-rtl .bn-step-tail {  left: auto;  right: 8px;}.bn-steps__primary .bn-step__primary.data-align-center .bn-step-ind {  transform: translateX(47px) rotate(45deg);}.bn-steps__primary .bn-step__primary.data-align-center .bn-step-ind .data-ind-icon {  transform: rotate(-45deg);}.bn-steps__primary .bn-step__primary.data-align-center .bn-step-tail {  transform: translateX(63px);}.bn-steps__primary .bn-step__primary.data-align-center .bn-step-content {  text-align: center;}.bn-steps__primary .bn-step-rtl.bn-step__primary.data-align-center .bn-step-ind {  transform: translateX(-47px) rotate(45deg);}.bn-steps__primary .bn-step-rtl.bn-step__primary.data-align-center .bn-step-ind .data-ind-icon {  transform: rotate(-45deg);}.bn-steps__primary .bn-step-rtl.bn-step__primary.data-align-center .bn-step-tail {  transform: translateX(-63px);}@media only screen and (min-width: 768px) {  .bn-steps__primary:not(.data-vertical) .bn-step__primary.data-align-center .bn-step-ind {    transform: translateX(92px) rotate(45deg);  }  .bn-steps__primary:not(.data-vertical) .bn-step__primary.data-align-center .bn-step-ind .data-ind-icon {    transform: rotate(-45deg);  }  .bn-steps__primary:not(.data-vertical) .bn-step__primary.data-align-center .bn-step-tail {    transform: translateX(108px);  }  .bn-steps__primary:not(.data-vertical) .bn-step__primary.data-align-center .bn-step-content {    text-align: center;  }  .bn-steps__primary:not(.data-vertical) .bn-step-rtl.bn-step__primary.data-align-center .bn-step-ind {    transform: translateX(-92px) rotate(45deg);  }  .bn-steps__primary:not(.data-vertical) .bn-step-rtl.bn-step__primary.data-align-center .bn-step-ind .data-ind-icon {    transform: rotate(-45deg);  }  .bn-steps__primary:not(.data-vertical) .bn-step-rtl.bn-step__primary.data-align-center .bn-step-tail {    transform: translateX(-108px);  }  .bn-steps__primary:not(.data-vertical) .bn-step__primary__normal.bn-step__primary.data-align-center .bn-step-ind {    transform: translateX(96px) rotate(45deg);  }  .bn-steps__primary:not(.data-vertical) .bn-step__primary__normal.bn-step__primary.data-align-center .bn-step-ind .data-ind-icon {    transform: rotate(-45deg);  }  .bn-steps__primary:not(.data-vertical) .bn-step__primary__normal.bn-step__primary.data-align-center .bn-step-tail {    transform: translateX(104px);  }  .bn-steps__primary:not(.data-vertical) .bn-step__primary__normal.bn-step-rtl.bn-step__primary.data-align-center .bn-step-ind {    transform: translateX(-96px) rotate(45deg);  }  .bn-steps__primary:not(.data-vertical) .bn-step__primary__normal.bn-step-rtl.bn-step__primary.data-align-center .bn-step-ind .data-ind-icon {    transform: rotate(-45deg);  }  .bn-steps__primary:not(.data-vertical) .bn-step__primary__normal.bn-step-rtl.bn-step__primary.data-align-center .bn-step-tail {    transform: translateX(-104px);  }}.bn-tag {  height: 24px;  font-size: 12px;  font-weight: 500;  line-height: 18px;}.bn-tag > .bn-bubble-content {  display: flex;  padding: 0 var(--space-3xs);  grid-gap: 2px;  gap: 2px;  align-items: center;}.bn-tag > .bn-bubble-content > svg {  font-size: 12px;}.bn-tag.data-size-small {  height: 16px;  font-size: 10px;  font-weight: 400;  line-height: 16px;}.bn-tag.data-corner-top-left > .bn-bubble-content {  border-radius: 0 0 8px 0;}.bn-tag.data-corner-top-right > .bn-bubble-content {  border-radius: 0 0 0 8px;}.bn-tag-wrap {  direction: ltr;  position: relative;  align-items: center;  display: inline-flex;}.bn-tag.bn-bubble__info {  color: var(--color-PrimaryText);  --color-arrow: var(--color-Input);}.bn-tag.bn-bubble__warn {  color: var(--color-TextLink);  --color-arrow: rgba(240, 185, 11, 0.1);}.bn-tag.bn-bubble__success {  color: var(--color-Success);  --color-arrow: rgba(46, 189, 133, 0.1);}.bn-tag.bn-bubble__error {  color: var(--color-Error);  --color-arrow: rgba(246, 70, 93, 0.1);}.bn-picker-header {  display: flex;  position: relative;  align-items: center;  grid-gap: var(--space-4xs);  gap: var(--space-4xs);  padding: var(--space-m);}.bn-picker-header-main {  flex: 1 1;  text-align: center;  font-size: 16px;  font-weight: 500;  line-height: 24px;  color: var(--color-textPrimary);}.bn-picker-view {  padding: 0 var(--space-4xl);  font-size: 20px;  font-weight: 400;  line-height: 28px;}.bn-picker-footer {  display: flex;  justify-content: space-between;  align-items: center;  grid-gap: var(--space-s);  gap: var(--space-s);  padding: var(--space-m);}.bn-picker-footer-cancel,.bn-picker-footer-confirm {  font-size: 16px;  font-weight: 500;  line-height: 24px;  flex-grow: 1;}.bn-picker-range,.bn-picker-box {  background-color: var(--color-CardBg);  width: 100%;}.bn-picker-inputs {  display: flex;  padding: var(--space-xs) var(--space-m);  justify-content: space-between;  align-items: center;  color: var(--color-SecondaryText);  font-size: 14px;  font-weight: 400;  line-height: 22px;}.bn-picker-inputs-input {  width: 150px;  height: 36px;  min-height: 36px;  background-color: var(--color-Input);  color: var(--color-PrimaryText);  padding: 0 34px;  font-size: 16px;  font-weight: 400;  line-height: 24px;}.bn-picker-inputs-input.focus {  border: 1.5px solid var(--color-PrimaryText);}.bn-picker-inputs-separator {  min-width: 45px;  text-align: center;}.bn-picker.dark .bn-picker-view-column-mask {  background-image: linear-gradient(to bottom, rgba(32, 38, 48, 0.8), rgba(32, 38, 48, 0.4)), linear-gradient(to top, rgba(32, 38, 48, 0.8), rgba(32, 38, 48, 0.4));}@media only screen and (min-width: 768px) {  .bn-picker.dark .bn-picker-view-column-mask {    background-image: linear-gradient(to bottom, rgba(30, 35, 41, 0.8), rgba(30, 35, 41, 0.4)), linear-gradient(to top, rgba(30, 35, 41, 0.8), rgba(30, 35, 41, 0.4));  }}.bn-picker-view {  height: 250px;  display: flex;  align-items: center;  position: relative;}.bn-picker-view-column {  flex: 1 1;  width: 100%;  height: 100%;  display: block;  overflow: hidden;  text-align: center;  position: relative;}.bn-picker-view-column-item {  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  width: 100%;  position: relative;  box-sizing: border-box;  padding: 0 var(--space-3xs);  color: var(--color-textPrimary);  height: 50px;  line-height: 50px;}.bn-picker-view-column-mask {  z-index: 3;  position: absolute;  left: 0;  top: 0;  right: 0;  bottom: 0;  margin: 0 auto;  background-position: top, bottom;  background-size: 100% 204px;  background-repeat: no-repeat;  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.4)), linear-gradient(to top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.4));}.bn-picker-view-column-content {  top: 0;  left: 0;  z-index: 1;  width: 100%;  position: absolute;}.bn-picker-view-column-indicator {  left: 0;  z-index: 3;  width: 100%;  position: absolute;  box-sizing: border-box;  height: 50px;}.bn-picker-view::before,.bn-picker-view::after {  content: "";  position: absolute;  left: 0;  right: 0;  height: 1px;  background-color: var(--color-line);}.bn-picker-view::before {  top: calc(50% - (50px / 2));}.bn-picker-view::after {  bottom: calc(50% - (50px / 2));}.bn-keyboard {  display: grid;  grid-template-columns: repeat(3, 1fr);  grid-gap: var(--space-2xs);  gap: var(--space-2xs);  min-width: 375px;  padding: var(--space-m) var(--space-4xs);  background-color: var(--color-CardBg);}.bn-keyboard-key {  height: 46px;  background-color: var(--color-CardBg);  color: var(--color-PrimaryText);  font-size: 28px;  font-weight: 600;  line-height: 40px;}.bn-keyboard-key:active {  background-color: var(--color-Vessel);}.bn-keyboard-key-separator {  padding-bottom: 16px;}.bn-keyboard-rtl .bn-keyboard-key-cancel {  transform: scaleX(-1);}.bn-searchBar {  transition-property: width;  transition-timing-function: ease-in-out;  transition-duration: var(--animation-duration-slow);}.bn-searchBar__collapsible {  display: flex;  justify-content: flex-end;  width: 100%;}.bn-searchBar__collapsible .bn-textField {  transition-duration: var(--animation-duration-slow);  width: 100%;}.bn-searchBar__collapsible .bn-textField-clear {  transition-property: opacity;  transition-delay: var(--animation-duration-slow);  visibility: visible;  opacity: 1;}.bn-searchBar__collapsible.bn-searchBar__collapsed {  width: 20px;}.bn-searchBar__collapsed .bn-textField {  background: transparent;  border-color: transparent;  width: 20px;  padding-left: 0px;}.bn-searchBar__collapsed .bn-textField-prefix {  color: var(--color-PrimaryText);}.bn-searchBar__collapsed .bn-textField-clear {  visibility: hidden;  opacity: 0;}.bn-web-datepicker {  width: 212px;  height: 40px;  display: inline-flex;  padding: 0 var(--space-s);  border-radius: var(--radii-m);  background: var(--color-popupBg);  border: 1px solid var(--color-line);}.bn-web-datepicker.data-size-large {  height: 48px;}.bn-web-datepicker.data-size-small {  height: 32px;}.bn-web-datepicker.bn-web-datepicker-range {  width: 280px;}.bn-web-datepicker-focused {  border: 1px solid var(--color-primary);}.bn-web-datepicker-range-separator {  flex: none;  display: flex;  font-size: 20px;  align-items: center;  color: var(--color-iconNormal);  padding: 0 var(--space-2xs);}.bn-web-datepicker-input {  flex: 1 1;  width: 100%;  position: relative;  background: inherit;  display: inline-flex;}.bn-web-datepicker-suffix {  flex: none;  display: flex;  align-items: center;  color: var(--color-iconNormal);  padding-left: var(--space-2xs);}.bn-web-datepicker-clear {  right: 0;  top: 0;  bottom: 0;  position: absolute;  opacity: 0;  cursor: pointer;  display: flex;  align-items: center;  background: inherit;  color: var(--color-textThird);  transition: 0.3s opacity linear;}.bn-web-datepicker:hover .bn-web-datepicker-clear {  opacity: 1;}.bn-web-datepicker-input > input {  flex: 1 1;  padding: 0;  width: 100%;  border: none;  outline: none;  background: inherit;  color: var(--color-textPrimary);  font-size: 14px;  font-weight: 500;  line-height: 22px;}.bn-web-datepicker-input > input::-moz-placeholder {  color: var(--color-textDisabled);}.bn-web-datepicker-input > input:-ms-input-placeholder {  color: var(--color-textDisabled);}.bn-web-datepicker-input > input::placeholder {  color: var(--color-textDisabled);}.bn-web-datepicker-rtl .bn-web-datepicker-suffix {  padding-left: 0;  padding-right: var(--space-2xs);}.bn-web-datepicker-rtl .bn-web-datepicker-clear {  right: auto;  left: 0;}.bn-web-datepicker-panel {  padding: 0;  border: none;  font-size: 14px;  display: inline-block;  vertical-align: top;  box-sizing: content-box;  color: var(--color-textDisabled);}.bn-web-datepicker-decade-panel,.bn-web-datepicker-year-panel,.bn-web-datepicker-month-panel,.bn-web-datepicker-week-panel,.bn-web-datepicker-date-panel,.bn-web-datepicker-time-panel {  display: flex;  padding: 18px 32px;  flex-direction: column;}.bn-web-datepicker-decade-panel table,.bn-web-datepicker-year-panel table,.bn-web-datepicker-month-panel table,.bn-web-datepicker-week-panel table,.bn-web-datepicker-date-panel table,.bn-web-datepicker-time-panel table {  min-width: 224px;  text-align: center;  border-collapse: collapse;}.bn-web-datepicker-header {  display: flex;  grid-gap: var(--space-2xs);  gap: var(--space-2xs);  padding-bottom: var(--space-m);}.bn-web-datepicker-header > * {  flex: none;}.bn-web-datepicker-header button {  border: none;  cursor: pointer;  background: inherit;  display: inline-flex;  align-items: center;  -webkit-appearance: none;  color: var(--color-textThird);}.bn-web-datepicker-header button:hover,.bn-web-datepicker-header button:active {  color: var(--color-textBrand);}.bn-web-datepicker-header button:disabled {  color: var(--color-textDisabled);}.bn-web-datepicker-header-super-prev-btn,.bn-web-datepicker-header-super-next-btn,.bn-web-datepicker-header-next-btn,.bn-web-datepicker-header-prev-btn {  border: none;  cursor: pointer;  font-size: 16px;  background: inherit;  -webkit-appearance: none;  color: var(--color-textSecondary);}.bn-web-datepicker-header-super-prev-btn:hover,.bn-web-datepicker-header-super-next-btn:hover,.bn-web-datepicker-header-next-btn:hover,.bn-web-datepicker-header-prev-btn:hover,.bn-web-datepicker-header-super-prev-btn:active,.bn-web-datepicker-header-super-next-btn:active,.bn-web-datepicker-header-next-btn:active,.bn-web-datepicker-header-prev-btn:active {  color: var(--color-textBrand);}.bn-web-datepicker-header-super-prev-btn:disabled,.bn-web-datepicker-header-super-next-btn:disabled,.bn-web-datepicker-header-next-btn:disabled,.bn-web-datepicker-header-prev-btn:disabled {  color: var(--color-textDisabled);}.bn-web-datepicker-header-view {  flex: auto;  text-align: center;  color: var(--color-textPrimary);}.bn-web-datepicker-header-view > button {  border: 0;  padding: 0;  font-weight: normal;  vertical-align: middle;  margin-left: var(--space-4xs);  margin-right: var(--space-4xs);  color: var(--color-textPrimary);}.bn-web-datepicker-cell-inner {  margin: 0;  padding: 0;  width: 100%;  height: 32px;  line-height: 32px;  display: inline-block;  box-sizing: border-box;  background: transparent;  cursor: pointer;  outline: none;  border: 1px solid transparent;}.bn-web-datepicker-cell-inner:hover {  border-radius: var(--radii-s);  color: var(--color-textPrimary);  background-color: var(--color-primary);}.bn-web-datepicker-cell-disabled > .bn-web-datepicker-cell-inner {  cursor: not-allowed;  background: inherit;  color: var(--color-textDisabled);}.bn-web-datepicker-cell-in-view {  min-width: 32px;  padding: 1px 0;  color: var(--color-textPrimary);}.bn-web-datepicker-cell-in-view.bn-web-datepicker-cell-today {  color: var(--color-textBrand);}.bn-web-datepicker-cell-in-view.bn-web-datepicker-cell-today > .bn-web-datepicker-cell-inner {  border-radius: var(--radii-s);  border-color: var(--color-textBrand);}.bn-web-datepicker-cell-in-view.bn-web-datepicker-cell-today > .bn-web-datepicker-cell-inner:hover {  color: var(--color-textBrand);  background-color: var(--color-badgeBg);}.bn-web-datepicker-cell-in-view.bn-web-datepicker-cell-today.bn-web-datepicker-cell-range-hover > .bn-web-datepicker-cell-inner {  border-radius: 0;}.bn-web-datepicker-cell-in-view.bn-web-datepicker-cell-in-range > .bn-web-datepicker-cell-inner {  min-width: 32px;  background: rgba(0, 0, 255, 0.05);}.bn-web-datepicker-cell-range-hover-start,.bn-web-datepicker-cell-range-hover-end,.bn-web-datepicker-cell-range-hover {  position: relative;}.bn-web-datepicker-cell-range-hover-start:after,.bn-web-datepicker-cell-range-hover-end:after,.bn-web-datepicker-cell-range-hover:after {  content: "";  position: absolute;  top: 3px;  bottom: 0;  left: 0;  right: 0;  border-left: 0;  border-right: 0;  pointer-events: none;}.bn-web-datepicker-footer,.bn-web-datepicker-picker-footer {  padding: 16px 32px;  background: transparent;  border-top: 1px solid var(--color-line);}.bn-web-datepicker-ranges {  margin: 0;  padding: 0;  overflow: hidden;  list-style: none;}.bn-web-datepicker-ranges > li {  height: 32px;  line-height: 32px;  display: inline-block;}.bn-web-datepicker-ok {  float: right;}.bn-web-datepicker-ok button {  border: none;  min-width: 60px;  cursor: pointer;  font-size: 14px;  font-weight: 500;  line-height: 32px;  padding: 0 var(--space-2xs);  color: var(--color-textBlack);  border-radius: var(--radii-s);  background: var(--color-primaryHover);}.bn-web-datepicker-ok button:hover:not(:disabled) {  opacity: 0.9;  box-shadow: none;  background: var(--color-primaryHover);}.bn-web-datepicker-ok button:disabled {  opacity: 0.3;  cursor: not-allowed;  background: var(--color-line);}.bn-web-datepicker-year-panel .bn-web-datepicker-cell-selected > .bn-web-datepicker-cell-inner {  color: var(--color-textBrand);  border-radius: var(--radii-s);  border-color: var(--color-textBrand);}.bn-web-datepicker-year-panel .bn-web-datepicker-cell-range-start.bn-web-datepicker-cell-range-start-single > .bn-web-datepicker-cell-inner {  color: var(--color-textBrand);  border-radius: var(--radii-s);  border-color: var(--color-textBrand);}.bn-web-datepicker-year-panel .bn-web-datepicker-cell-in-view:hover > .bn-web-datepicker-cell-inner {  border-color: transparent;  border-radius: var(--radii-s);  background: var(--color-primary);}.bn-web-datepicker-month-panel .bn-web-datepicker-cell-range-hover > .bn-web-datepicker-cell-inner {  background: transparent;}.bn-web-datepicker-month-panel .bn-web-datepicker-cell-selected > .bn-web-datepicker-cell-inner {  color: var(--color-textBrand);  border-radius: var(--radii-s);  border-color: var(--color-textBrand);}.bn-web-datepicker-month-panel .bn-web-datepicker-cell-range-start.bn-web-datepicker-cell-range-start-single > .bn-web-datepicker-cell-inner {  color: var(--color-textBrand);  border-radius: var(--radii-s);  border-color: var(--color-textBrand);}.bn-web-datepicker-month-panel .bn-web-datepicker-cell-in-view:hover > .bn-web-datepicker-cell-inner {  border-radius: var(--radii-s);  background: var(--color-primaryHover);}.bn-web-datepicker-week-panel .bn-web-datepicker-cell-in-view {  width: 20px;}.bn-web-datepicker-week-panel .bn-web-datepicker-cell-week {  color: #999;  font-size: 12px;  font-weight: bold;}.bn-web-datepicker-week-panel .bn-web-datepicker-cell-selected > .bn-web-datepicker-cell-inner,.bn-web-datepicker-week-panel .bn-web-datepicker-cell-in-view:hover > .bn-web-datepicker-cell-inner {  background: transparent;}.bn-web-datepicker-date-panel .bn-web-datepicker-cell-selected > .bn-web-datepicker-cell-inner {  border-radius: var(--radii-s);  background-color: var(--color-primary);}.bn-web-datepicker-date-panel .bn-web-datepicker-cell-in-range > .bn-web-datepicker-cell-inner {  background: var(--color-badgeBg);  color: var(--color-textPrimary);}.bn-web-datepicker-date-panel .bn-web-datepicker-cell-range-start > .bn-web-datepicker-cell-inner {  color: var(--color-textPrimary);  background-color: var(--color-primary);  border-radius: var(--radii-s) 0 0 var(--radii-s);}.bn-web-datepicker-date-panel .bn-web-datepicker-cell-range-end > .bn-web-datepicker-cell-inner {  color: var(--color-textPrimary);  background-color: var(--color-primary);  border-radius: 0 var(--radii-s) var(--radii-s) 0;}.bn-web-datepicker-date-panel .bn-web-datepicker-cell-range-hover > .bn-web-datepicker-cell-inner {  border-style: dashed;  border-color: var(--color-primaryHover);  border-left-color: transparent;  border-right-color: transparent;}.bn-web-datepicker-date-panel .bn-web-datepicker-cell-range-hover-start > .bn-web-datepicker-cell-inner {  background-color: var(--color-primary);  border-radius: var(--radii-s) 0 0 var(--radii-s);  border-style: solid;  border-color: var(--color-primaryHover);  border-right-color: transparent;}.bn-web-datepicker-date-panel .bn-web-datepicker-cell-range-hover-end > .bn-web-datepicker-cell-inner {  background-color: var(--color-primary);  border-radius: 0 var(--radii-s) var(--radii-s) 0;  border-style: solid;  border-color: var(--color-primaryHover);  border-left-color: transparent;}.bn-web-datepicker-data-panel .bn-web-datepicker-cell-range-start.bn-web-datepicker-cell-range-start-near-hover > .bn-web-datepicker-cell-inner,.bn-web-datepicker-data-panel .bn-web-datepicker-cell-range-end.bn-web-datepicker-cell-range-end-near-hover > .bn-web-datepicker-cell-inner {  border-radius: 0;}.bn-web-datepicker-time-panel {  width: auto;}.bn-web-datepicker-time-panel-column {  margin: 0;  flex: none;  width: 64px;  font-size: 12px;  text-align: left;  list-style: none;  padding: 0 0 180px 0;  overflow-x: hidden;  transition: background 0.3s;  --scroll-pad: 1px !important;  --scroll-size: 5px !important;}.bn-web-datepicker-time-panel-column-active {  background: rgba(0, 0, 255, 0.1);}.bn-web-datepicker-content {  border-spacing: 0;  table-layout: fixed;}.bn-web-datepicker-content th {  height: 32px;  font-weight: normal;}.bn-web-datepicker-time-panel .bn-web-datepicker-content {  display: flex;  max-height: 232px;  justify-content: center;}.bn-web-datepicker-time-panel-column > li {  margin: 0;  padding: 0;  cursor: pointer;}.bn-web-datepicker-time-panel-column > li .bn-web-datepicker-time-panel-cell-inner {  margin: 0;  width: 100%;  display: block;  height: 32px;  font-size: 12px;  line-height: 32px;  text-align: center;  color: var(--color-textSecondary);}.bn-web-datepicker-time-panel-cell.bn-web-datepicker-time-panel-cell-selected {  background-color: var(--color-outlineHover);  border-radius: var(--radii-s);}.bn-web-datepicker-datetime-panel {  display: flex;  padding: 18px 32px;  grid-gap: var(--space-xl);  gap: var(--space-xl);}.bn-web-datepicker-datetime-panel .bn-web-datepicker-time-panel {  border-left: none;}.bn-web-datepicker-datetime-panel .bn-web-datepicker-date-panel,.bn-web-datepicker-datetime-panel .bn-web-datepicker-time-panel {  padding: 0;  transition: opacity 0.3s;}.bn-web-datepicker-datetime-panel-active .bn-web-datepicker-date-panel,.bn-web-datepicker-datetime-panel-active .bn-web-datepicker-time-panel {  opacity: 0.3;}.bn-web-datepicker-datetime-panel-active .bn-web-datepicker-date-panel-active,.bn-web-datepicker-datetime-panel-active .bn-web-datepicker-time-panel-active {  opacity: 1;}.bn-web-datepicker-dropdown {  position: absolute;  z-index: var(--zindex-calendar);}.bn-web-datepicker-dropdown .bn-web-datepicker-panel-container {  box-shadow: var(--shadow-shadow2);  border-radius: var(--radii-xl);}.bn-web-datepicker-dropdown .bn-web-datepicker-panel-container .bn-web-datepicker-panel {  border-radius: var(--radii-s);}.bn-web-datepicker-dropdown-range {  padding: 8px 0;}.bn-web-datepicker-dropdown-hidden {  display: none;}.bn-web-datepicker-dropdown-placement-topLeft .bn-web-datepicker-range-arrow,.bn-web-datepicker-dropdown-placement-topRight .bn-web-datepicker-range-arrow {  display: none;  bottom: 6px;  transform: rotate(135deg);}.bn-web-datepicker-dropdown-placement-bottomLeft .bn-web-datepicker-range-arrow,.bn-web-datepicker-dropdown-placement-bottomright .bn-web-datepicker-range-arrow {  display: none;  top: 6px;  transform: rotate(-45deg);}.bn-web-datepicker-dropdown .bn-web-datepicker-range-arrow {  position: absolute;  width: 10px;  height: 10px;  z-index: 1;  left: 10px;  margin-left: 10px;  transition: all 0.3s;}.bn-web-datepicker-dropdown .bn-web-datepicker-range-arrow::before,.bn-web-datepicker-dropdown .bn-web-datepicker-range-arrow::after {  border-color: var(--color-popupBg) var(--color-popupBg) transparent transparent;  content: "";  position: absolute;  box-sizing: border-box;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);}.bn-web-datepicker-dropdown .bn-web-datepicker-range-arrow::before {  width: 10px;  height: 10px;}.bn-web-datepicker-dropdown .bn-web-datepicker-range-arrow::after {  width: 8px;  height: 8px;}.bn-web-datepicker-dropdown-rtl .bn-web-datepicker-panels {  flex-direction: row-reverse;}.bn-web-datepicker-panel-rtl .bn-web-datepicker-date-panel .bn-web-datepicker-cell-range-start > .bn-web-datepicker-cell-inner {  border-radius: 0 var(--radii-s) var(--radii-s) 0;}.bn-web-datepicker-panel-rtl .bn-web-datepicker-date-panel .bn-web-datepicker-cell-range-end > .bn-web-datepicker-cell-inner {  border-radius: var(--radii-s) 0 0 var(--radii-s);}.bn-web-datepicker-panel-rtl .bn-web-datepicker-date-panel .bn-web-datepicker-cell-range-hover > .bn-web-datepicker-cell-inner {  border-style: dashed;  border-color: var(--color-primaryHover);  border-left-color: transparent;  border-right-color: transparent;}.bn-web-datepicker-panel-rtl .bn-web-datepicker-date-panel .bn-web-datepicker-cell-range-hover-start > .bn-web-datepicker-cell-inner {  border-radius: var(--radii-s) 0 0 var(--radii-s);  border-style: dashed;  border-color: var(--color-primaryHover);  border-left-color: transparent;}.bn-web-datepicker-panel-rtl .bn-web-datepicker-date-panel .bn-web-datepicker-cell-range-hover-end > .bn-web-datepicker-cell-inner {  border-radius: 0 var(--radii-s) var(--radii-s) 0;  border-style: dashed;  border-color: var(--color-primaryHover);  border-right-color: transparent;}.bn-web-datepicker-range {  display: inline-flex;  position: relative;}.bn-web-datepicker-range-wrapper {  display: flex;  background: var(--color-popupBg);  border-radius: var(--radii-xl);  min-width: auto !important;}.bn-web-datepicker-range-wrapper .bn-web-datepicker-panels {  display: flex;  padding: 18px 32px;  grid-gap: var(--space-xl);  gap: var(--space-xl);}.bn-web-datepicker-range-wrapper .bn-web-datepicker-panels .bn-web-datepicker-decade-panel,.bn-web-datepicker-range-wrapper .bn-web-datepicker-panels .bn-web-datepicker-year-panel,.bn-web-datepicker-range-wrapper .bn-web-datepicker-panels .bn-web-datepicker-month-panel,.bn-web-datepicker-range-wrapper .bn-web-datepicker-panels .bn-web-datepicker-week-panel,.bn-web-datepicker-range-wrapper .bn-web-datepicker-panels .bn-web-datepicker-date-panel,.bn-web-datepicker-range-wrapper .bn-web-datepicker-panels .bn-web-datepicker-time-panel,.bn-web-datepicker-range-wrapper .bn-web-datepicker-panels .bn-web-datepicker-datetime-panel {  padding: 0;}.bn-web-datepicker-range .bn-web-datepicker-active-bar {  display: none;}.bn-web-datepicker-panel-container {  display: inline-block;  vertical-align: top;  transition: margin 0.3s;}.text-truncate {  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}.text-multiple1 {  overflow: hidden;  display: -webkit-box;  word-break: break-all;  -webkit-box-orient: vertical;  -webkit-line-clamp: 1;}.text-multiple2 {  overflow: hidden;  display: -webkit-box;  word-break: break-all;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;}.text-multiple3 {  overflow: hidden;  display: -webkit-box;  word-break: break-all;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;}.typography-Headline1 {  font-size: 40px;  font-weight: 600;  line-height: 56px;}@media only screen and (min-width: 768px) {  .typography-Headline1 {    font-size: 56px;    font-weight: 600;    line-height: 64px;  }}.typography-Headline2 {  font-size: 36px;  font-weight: 600;  line-height: 44px;}@media only screen and (min-width: 768px) {  .typography-Headline2 {    font-size: 48px;    font-weight: 600;    line-height: 56px;  }}.typography-Headline3 {  font-size: 28px;  font-weight: 600;  line-height: 40px;}@media only screen and (min-width: 768px) {  .typography-Headline3 {    font-size: 40px;    font-weight: 600;    line-height: 48px;  }}.typography-Headline4 {  font-size: 24px;  font-weight: 600;  line-height: 32px;}@media only screen and (min-width: 768px) {  .typography-Headline4 {    font-size: 32px;    font-weight: 600;    line-height: 40px;  }}.typography-Headline5 {  font-size: 20px;  font-weight: 600;  line-height: 28px;}@media only screen and (min-width: 768px) {  .typography-Headline5 {    font-size: 28px;    font-weight: 600;    line-height: 36px;  }}.typography-Headline6 {  font-size: 18px;  font-weight: 600;  line-height: 28px;}@media only screen and (min-width: 768px) {  .typography-Headline6 {    font-size: 24px;    font-weight: 600;    line-height: 32px;  }}.typography-Subtitle1 {  font-size: 20px;  font-weight: 500;  line-height: 26px;}@media only screen and (min-width: 768px) {  .typography-Subtitle1 {    font-size: 20px;    font-weight: 600;    line-height: 28px;  }}.typography-Subtitle2 {  font-size: 20px;  font-weight: 400;  line-height: 28px;}@media only screen and (min-width: 768px) {  .typography-Subtitle2 {    font-size: 20px;    font-weight: 500;    line-height: 28px;  }}.typography-Subtitle3 {  font-size: 16px;  font-weight: 500;  line-height: 24px;}@media only screen and (min-width: 768px) {  .typography-Subtitle3 {    font-size: 16px;    font-weight: 500;    line-height: 24px;  }}.typography-Subtitle4 {  font-size: 14px;  font-weight: 500;  line-height: 20px;}@media only screen and (min-width: 768px) {  .typography-Subtitle4 {    font-size: 14px;    font-weight: 500;    line-height: 22px;  }}.typography-Subtitle5 {  font-size: 12px;  font-weight: 500;  line-height: 18px;}@media only screen and (min-width: 768px) {  .typography-Subtitle5 {    font-size: 12px;    font-weight: 500;    line-height: 20px;  }}.typography-Body1 {  font-size: 16px;  font-weight: 400;  line-height: 24px;}@media only screen and (min-width: 768px) {  .typography-Body1 {    font-size: 20px;    font-weight: 400;    line-height: 28px;  }}.typography-Body2 {  font-size: 14px;  font-weight: 400;  line-height: 22px;}@media only screen and (min-width: 768px) {  .typography-Body2 {    font-size: 16px;    font-weight: 400;    line-height: 24px;  }}.typography-Body3 {  font-size: 14px;  font-weight: 400;  line-height: 22px;}@media only screen and (min-width: 768px) {  .typography-Body3 {    font-size: 14px;    font-weight: 400;    line-height: 20px;  }}.typography-Btn_link1 {  font-size: 16px;  font-weight: 500;  line-height: 24px;  -webkit-text-decoration-line: none;          text-decoration-line: none;  -webkit-text-decoration-style: solid;          text-decoration-style: solid;  -webkit-text-decoration-color: currentColor;          text-decoration-color: currentColor;  text-underline-offset: 2px;}@media only screen and (min-width: 768px) {  .typography-Btn_link1 {    font-size: 20px;    line-height: 28px;    -webkit-text-decoration-line: underline;            text-decoration-line: underline;    -webkit-text-decoration-style: solid;            text-decoration-style: solid;    -webkit-text-decoration-color: currentColor;            text-decoration-color: currentColor;    text-underline-offset: 2px;  }}.typography-Btn_link2 {  font-size: 14px;  font-weight: 500;  line-height: 22px;  -webkit-text-decoration-line: none;          text-decoration-line: none;  -webkit-text-decoration-style: solid;          text-decoration-style: solid;  -webkit-text-decoration-color: currentColor;          text-decoration-color: currentColor;  text-underline-offset: 2px;}@media only screen and (min-width: 768px) {  .typography-Btn_link2 {    font-size: 14px;    font-weight: 500;    line-height: 20px;    -webkit-text-decoration-line: underline;            text-decoration-line: underline;    -webkit-text-decoration-style: solid;            text-decoration-style: solid;    -webkit-text-decoration-color: currentColor;            text-decoration-color: currentColor;    text-underline-offset: 2px;  }}.typography-Btn_link3 {  font-size: 12px;  font-weight: 500;  line-height: 18px;  -webkit-text-decoration-line: none;          text-decoration-line: none;  -webkit-text-decoration-style: solid;          text-decoration-style: solid;  -webkit-text-decoration-color: currentColor;          text-decoration-color: currentColor;  text-underline-offset: 2px;}@media only screen and (min-width: 768px) {  .typography-Btn_link3 {    font-size: 14px;    font-weight: 400;    line-height: 20px;    -webkit-text-decoration-line: underline;            text-decoration-line: underline;    -webkit-text-decoration-style: solid;            text-decoration-style: solid;    -webkit-text-decoration-color: currentColor;            text-decoration-color: currentColor;    text-underline-offset: 2px;  }}.typography-Btn_link4 {  font-size: 12px;  font-weight: 500;  line-height: 18px;  -webkit-text-decoration-line: none;          text-decoration-line: none;  -webkit-text-decoration-style: solid;          text-decoration-style: solid;  -webkit-text-decoration-color: currentColor;          text-decoration-color: currentColor;  text-underline-offset: 2px;}@media only screen and (min-width: 768px) {  .typography-Btn_link4 {    font-size: 12px;    font-weight: 400;    line-height: 16px;    -webkit-text-decoration-line: underline;            text-decoration-line: underline;    -webkit-text-decoration-style: solid;            text-decoration-style: solid;    -webkit-text-decoration-color: currentColor;            text-decoration-color: currentColor;    text-underline-offset: 2px;  }}.typography-Caption1 {  font-weight: 500;  font-size: 12px;  line-height: 16px;}@media only screen and (min-width: 768px) {  .typography-Caption1 {    font-weight: 500;    font-size: 12px;    line-height: 16px;  }}.typography-Caption2 {  font-size: 12px;  font-weight: 400;  line-height: 16px;}@media only screen and (min-width: 768px) {  .typography-Caption2 {    font-size: 12px;    font-weight: 400;    line-height: 16px;  }}.typography-Caption3 {  font-size: 12px;  font-weight: 400;  line-height: 16px;}@media only screen and (min-width: 768px) {  .typography-Caption3 {    font-size: 14px;    font-weight: 400;    line-height: 20px;  }}.typography-Caption4 {  font-size: 12px;  font-weight: 500;  line-height: 16px;}@media only screen and (min-width: 768px) {  .typography-Caption4 {    font-size: 14px;    font-weight: 400;    line-height: 20px;  }}.typography-Primary_num1 {  font-size: 36px;  font-weight: 600;  line-height: 44px;}@media only screen and (min-width: 768px) {  .typography-Primary_num1 {    font-size: 32px;    font-weight: 600;    line-height: 40px;  }}.typography-Primary_num2 {  font-size: 28px;  font-weight: 600;  line-height: 40px;}@media only screen and (min-width: 768px) {  .typography-Primary_num2 {    font-size: 28px;    font-weight: 600;    line-height: 36px;  }}.typography-Primary_num3 {  font-size: 24px;  font-weight: 400;  line-height: 30px;}@media only screen and (min-width: 768px) {  .typography-Primary_num3 {    font-size: 24px;    font-weight: 600;    line-height: 32px;  }}.typography-Secondary_num1 {  font-size: 20px;  font-weight: 500;  line-height: 28px;}@media only screen and (min-width: 768px) {  .typography-Secondary_num1 {    font-size: 20px;    font-weight: 500;    line-height: 28px;  }}.typography-Secondary_num2 {  font-size: 18px;  font-weight: 500;  line-height: 28px;}@media only screen and (min-width: 768px) {  .typography-Secondary_num2 {    font-size: 20px;    font-weight: 500;    line-height: 28px;  }}.typography-Secondary_num3 {  font-size: 16px;  font-weight: 500;  line-height: 24px;}@media only screen and (min-width: 768px) {  .typography-Secondary_num3 {    font-size: 16px;    font-weight: 500;    line-height: 24px;  }}.typography-Tertiary_num1 {  font-size: 14px;  font-weight: 500;  line-height: 22px;}@media only screen and (min-width: 768px) {  .typography-Tertiary_num1 {    font-size: 14px;    font-weight: 500;    line-height: 20px;  }}.typography-Tertiary_num2 {  font-size: 12px;  font-weight: 500;  line-height: 20px;}@media only screen and (min-width: 768px) {  .typography-Tertiary_num2 {    font-size: 12px;    font-weight: 500;    line-height: 16px;  }}.typography-Tertiary_num3 {  font-size: 12px;  font-weight: 400;  line-height: 20px;}@media only screen and (min-width: 768px) {  .typography-Tertiary_num3 {    font-size: 12px;    font-weight: 400;    line-height: 16px;  }}.typography-title1 {  font-size: 40px;  font-weight: 600;  line-height: 48px;}@media only screen and (min-width: 768px) {  .typography-title1 {    font-size: 56px;    font-weight: 600;    line-height: 72px;  }}.typography-title2 {  font-size: 36px;  font-weight: 600;  line-height: 44px;}@media only screen and (min-width: 768px) {  .typography-title2 {    font-size: 48px;    font-weight: 600;    line-height: 56px;  }}.typography-headline0 {  font-size: 32px;  font-weight: 600;  line-height: 40px;}@media only screen and (min-width: 768px) {  .typography-headline0 {    font-size: 44px;    font-weight: 600;    line-height: 52px;  }}.typography-headline1 {  font-size: 28px;  font-weight: 600;  line-height: 36px;}@media only screen and (min-width: 768px) {  .typography-headline1 {    font-size: 40px;    font-weight: 600;    line-height: 48px;  }}.typography-headline2 {  font-size: 24px;  font-weight: 600;  line-height: 34px;}@media only screen and (min-width: 768px) {  .typography-headline2 {    font-size: 32px;    font-weight: 600;    line-height: 40px;  }}.typography-headline2-1 {  font-size: 22px;  font-weight: 600;  line-height: 32px;}@media only screen and (min-width: 768px) {  .typography-headline2-1 {    font-size: 30px;    font-weight: 600;    line-height: 38px;  }}.typography-headline3 {  font-size: 20px;  font-weight: 600;  line-height: 28px;}@media only screen and (min-width: 768px) {  .typography-headline3 {    font-size: 28px;    font-weight: 600;    line-height: 36px;  }}.typography-headline4 {  font-size: 18px;  font-weight: 600;  line-height: 26px;}@media only screen and (min-width: 768px) {  .typography-headline4 {    font-size: 24px;    font-weight: 600;    line-height: 34px;  }}.typography-headline5 {  font-size: 18px;  font-weight: 600;  line-height: 26px;}@media only screen and (min-width: 768px) {  .typography-headline5 {    font-size: 20px;    font-weight: 600;    line-height: 28px;  }}.typography-subtitle4 {  font-size: 20px;  font-weight: 500;  line-height: 28px;}@media only screen and (min-width: 768px) {  .typography-subtitle4 {    font-size: 20px;    font-weight: 500;    line-height: 28px;  }}.typography-subtitle5 {  font-size: 20px;  font-weight: 400;  line-height: 28px;}@media only screen and (min-width: 768px) {  .typography-subtitle5 {    font-size: 20px;    font-weight: 400;    line-height: 28px;  }}.typography-subtitle6 {  font-size: 16px;  font-weight: 600;  line-height: 24px;}@media only screen and (min-width: 768px) {  .typography-subtitle6 {    font-size: 16px;    font-weight: 600;    line-height: 24px;  }}.typography-subtitle1 {  font-size: 16px;  font-weight: 500;  line-height: 24px;}@media only screen and (min-width: 768px) {  .typography-subtitle1 {    font-size: 16px;    font-weight: 500;    line-height: 24px;  }}.typography-subtitle2 {  font-size: 14px;  font-weight: 500;  line-height: 22px;}@media only screen and (min-width: 768px) {  .typography-subtitle2 {    font-size: 14px;    font-weight: 500;    line-height: 22px;  }}.typography-subtitle3 {  font-size: 12px;  font-weight: 500;  line-height: 18px;}@media only screen and (min-width: 768px) {  .typography-subtitle3 {    font-size: 12px;    font-weight: 500;    line-height: 18px;  }}.typography-body1 {  font-size: 16px;  font-weight: 400;  line-height: 24px;}@media only screen and (min-width: 768px) {  .typography-body1 {    font-size: 20px;    font-weight: 400;    line-height: 28px;  }}.typography-body1-1 {  font-size: 16px;  font-weight: 400;  line-height: 24px;}@media only screen and (min-width: 768px) {  .typography-body1-1 {    font-size: 16px;    font-weight: 400;    line-height: 24px;  }}.typography-body2 {  font-size: 14px;  font-weight: 400;  line-height: 22px;}@media only screen and (min-width: 768px) {  .typography-body2 {    font-size: 16px;    font-weight: 400;    line-height: 24px;  }}.typography-body3 {  font-size: 14px;  font-weight: 400;  line-height: 22px;}@media only screen and (min-width: 768px) {  .typography-body3 {    font-size: 14px;    font-weight: 400;    line-height: 22px;  }}.typography-body4 {  font-size: 12px;  font-weight: 500;  line-height: 18px;}@media only screen and (min-width: 768px) {  .typography-body4 {    font-size: 14px;    font-weight: 500;    line-height: 22px;  }}.typography-body5 {  font-size: 12px;  font-weight: 400;  line-height: 18px;}@media only screen and (min-width: 768px) {  .typography-body5 {    font-size: 14px;    font-weight: 400;    line-height: 22px;  }}.typography-btnLink1 {  font-size: 16px;  font-weight: 500;  line-height: 24px;  -webkit-text-decoration-line: none;          text-decoration-line: none;  -webkit-text-decoration-style: solid;          text-decoration-style: solid;  -webkit-text-decoration-color: currentColor;          text-decoration-color: currentColor;  text-underline-offset: 2px;}@media only screen and (min-width: 768px) {  .typography-btnLink1 {    font-size: 20px;    font-weight: 500;    line-height: 28px;    -webkit-text-decoration-line: underline;            text-decoration-line: underline;    -webkit-text-decoration-style: solid;            text-decoration-style: solid;    -webkit-text-decoration-color: currentColor;            text-decoration-color: currentColor;    text-underline-offset: 2px;  }}.typography-btnLink2 {  font-size: 14px;  font-weight: 500;  line-height: 22px;  -webkit-text-decoration-line: none;          text-decoration-line: none;  -webkit-text-decoration-style: solid;          text-decoration-style: solid;  -webkit-text-decoration-color: currentColor;          text-decoration-color: currentColor;  text-underline-offset: 2px;}@media only screen and (min-width: 768px) {  .typography-btnLink2 {    font-size: 14px;    font-weight: 500;    line-height: 22px;    -webkit-text-decoration-line: underline;            text-decoration-line: underline;    -webkit-text-decoration-style: solid;            text-decoration-style: solid;    -webkit-text-decoration-color: currentColor;            text-decoration-color: currentColor;    text-underline-offset: 2px;  }}.typography-btnLink3 {  font-size: 12px;  font-weight: 500;  line-height: 18px;  -webkit-text-decoration-line: none;          text-decoration-line: none;  -webkit-text-decoration-style: solid;          text-decoration-style: solid;  -webkit-text-decoration-color: currentColor;          text-decoration-color: currentColor;  text-underline-offset: 2px;}@media only screen and (min-width: 768px) {  .typography-btnLink3 {    font-size: 14px;    font-weight: 400;    line-height: 22px;    -webkit-text-decoration-line: underline;            text-decoration-line: underline;    -webkit-text-decoration-style: solid;            text-decoration-style: solid;    -webkit-text-decoration-color: currentColor;            text-decoration-color: currentColor;    text-underline-offset: 2px;  }}.typography-btnLink4 {  font-size: 12px;  font-weight: 500;  line-height: 18px;  -webkit-text-decoration-line: none;          text-decoration-line: none;  -webkit-text-decoration-style: solid;          text-decoration-style: solid;  -webkit-text-decoration-color: currentColor;          text-decoration-color: currentColor;  text-underline-offset: 2px;}@media only screen and (min-width: 768px) {  .typography-btnLink4 {    font-size: 12px;    font-weight: 400;    line-height: 18px;    -webkit-text-decoration-line: underline;            text-decoration-line: underline;    -webkit-text-decoration-style: solid;            text-decoration-style: solid;    -webkit-text-decoration-color: currentColor;            text-decoration-color: currentColor;    text-underline-offset: 2px;  }}.typography-caption0 {  font-size: 12px;  font-weight: 500;  line-height: 18px;}@media only screen and (min-width: 768px) {  .typography-caption0 {    font-size: 12px;    font-weight: 500;    line-height: 18px;  }}.typography-caption1 {  font-size: 12px;  font-weight: 400;  line-height: 18px;}@media only screen and (min-width: 768px) {  .typography-caption1 {    font-size: 12px;    font-weight: 400;    line-height: 18px;  }}.typography-caption2 {  font-size: 10px;  font-weight: 400;  line-height: 16px;}@media only screen and (min-width: 768px) {  .typography-caption2 {    font-size: 12px;    font-weight: 400;    line-height: 18px;  }}.typography-caption3 {  font-size: 10px;  font-weight: 500;  line-height: 16px;}@media only screen and (min-width: 768px) {  .typography-caption3 {    font-size: 12px;    font-weight: 500;    line-height: 18px;  }}.typography-primaryNum0 {  font-size: 48px;  font-weight: 600;  line-height: 56px;}@media only screen and (min-width: 768px) {  .typography-primaryNum0 {    font-size: 48px;    font-weight: 600;    line-height: 56px;  }}.typography-primaryNum1 {  font-size: 36px;  font-weight: 600;  line-height: 44px;}@media only screen and (min-width: 768px) {  .typography-primaryNum1 {    font-size: 36px;    font-weight: 600;    line-height: 44px;  }}.typography-primaryNum1-1 {  font-size: 32px;  font-weight: 600;  line-height: 40px;}@media only screen and (min-width: 768px) {  .typography-primaryNum1-1 {    font-size: 32px;    font-weight: 600;    line-height: 40px;  }}.typography-primaryNum2 {  font-size: 28px;  font-weight: 600;  line-height: 36px;}@media only screen and (min-width: 768px) {  .typography-primaryNum2 {    font-size: 28px;    font-weight: 600;    line-height: 36px;  }}.typography-primaryNum3 {  font-size: 24px;  font-weight: 600;  line-height: 34px;}@media only screen and (min-width: 768px) {  .typography-primaryNum3 {    font-size: 24px;    font-weight: 600;    line-height: 34px;  }}.typography-secondaryNum1 {  font-size: 20px;  font-weight: 500;  line-height: 28px;}@media only screen and (min-width: 768px) {  .typography-secondaryNum1 {    font-size: 20px;    font-weight: 500;    line-height: 28px;  }}.typography-secondaryNum2 {  font-size: 18px;  font-weight: 500;  line-height: 26px;}@media only screen and (min-width: 768px) {  .typography-secondaryNum2 {    font-size: 18px;    font-weight: 500;    line-height: 26px;  }}.typography-secondaryNum3 {  font-size: 16px;  font-weight: 500;  line-height: 24px;}@media only screen and (min-width: 768px) {  .typography-secondaryNum3 {    font-size: 16px;    font-weight: 500;    line-height: 24px;  }}.typography-tertiaryNum1 {  font-size: 14px;  font-weight: 500;  line-height: 22px;}@media only screen and (min-width: 768px) {  .typography-tertiaryNum1 {    font-size: 14px;    font-weight: 500;    line-height: 22px;  }}.typography-tertiaryNum2 {  font-size: 12px;  font-weight: 500;  line-height: 18px;}@media only screen and (min-width: 768px) {  .typography-tertiaryNum2 {    font-size: 12px;    font-weight: 500;    line-height: 18px;  }}.typography-tertiaryNum3 {  font-size: 12px;  font-weight: 400;  line-height: 18px;}@media only screen and (min-width: 768px) {  .typography-tertiaryNum3 {    font-size: 12px;    font-weight: 400;    line-height: 18px;  }}.theme-root {  background: var(--color-bg2);  color: var(--color-textPrimary);  --animation-duration-fast: 100ms;  --animation-duration-base: 250ms;  --animation-duration-slow: 400ms;  --zindex-mask: 10;  --zindex-menu: 1000;  --zindex-header: 1001;  --zindex-dropdown: 1200;  --zindex-modal: 1200;  --zindex-backTop: 1225;  --zindex-calendar: 1250;  --zindex-mobilePop: 1275;  --zindex-notification: 1300;  --zindex-alert: 1350;  --zindex-tooltip: 1400;  --zindex-coachmark: 1400;  --zindex-drawer: 9999;  --radii-2xs: 2px;  --radii-xs: 4px;  --radii-s: 6px;  --radii-m: 8px;  --radii-l: 10px;  --radii-2l: 12px;  --radii-xl: 16px;  --radii-2xl: 30px;  --radii-circle: 100em;  --space-5xs: 2px;  --space-4xs: 4px;  --space-3xs: 5px;  --space-2xs: 8px;  --space-xs: 10px;  --space-s: 12px;  --space-m: 15px;  --space-l: 20px;  --space-xl: 24px;  --space-2xl: 28px;  --space-3xl: 32px;  --space-4xl: 36px;  --space-5xl: 40px;}.theme-root.dark {  --shadow-shadow1: 0px 3px 6px rgba(0, 0, 0, 0.04), 0px 1px 2px rgba(0, 0, 0, 0.04),        inset 0px 0px 1px rgba(94, 102, 115, 0.8);  --shadow-shadow2: 0px 7px 14px rgba(0, 0, 0, 0.08), 0px 3px 6px rgba(0, 0, 0, 0.08),        inset 0px 0px 1px rgba(94, 102, 115, 0.9);  --shadow-shadow3: 0px 16px 32px rgba(0, 0, 0, 0.16), 0px 8px 16px rgba(0, 0, 0, 0.16),        inset 0px 0px 1px rgba(94, 102, 115, 0.9);  --shadow-shadow4: 0px 8px 16px rgba(24, 26, 32, 0.16);}.theme-root.light {  --shadow-shadow1: 0px 0px 1px rgba(24, 26, 32, 0.1), 0px 3px 6px rgba(71, 77, 87, 0.04),        0px 1px 2px rgba(24, 26, 32, 0.04);  --shadow-shadow2: 0px 0px 1px rgba(24, 26, 32, 0.1), 0px 7px 14px rgba(71, 77, 87, 0.08),        0px 3px 6px rgba(24, 26, 32, 0.08);  --shadow-shadow3: 0px 0px 1px rgba(24, 26, 32, 0.1), 0px 16px 32px rgba(71, 77, 87, 0.16),        0px 8px 16px rgba(24, 26, 32, 0.16);  --shadow-shadow4: 0px 8px 16px rgba(24, 26, 32, 0.16);}.theme-root,.theme-root * {  --scroll-pad: 1px;  --scroll-size: 6px;  --scroll-bg: var(--color-popupBg);  --scroll-color: var(--color-textDisabled);}.theme-root::-webkit-scrollbar,.theme-root *::-webkit-scrollbar {  width: var(--scroll-size);  height: var(--scroll-size);  background-color: var(--scroll-bg);  border-radius: 0 var(--radii-circle) var(--radii-circle) 0;}.theme-root::-webkit-scrollbar-thumb,.theme-root *::-webkit-scrollbar-thumb {  border-style: solid;  border-color: var(--scroll-bg);  border-width: var(--scroll-pad);  border-radius: var(--radii-circle);  background-color: var(--scroll-color);}.theme-root.rtl {  direction: rtl;}@media only screen and (min-width: 768px) {  .theme-root {    --space-3xs: 6px;    --space-m: 16px;  }  .theme-root,  .theme-root * {    --scroll-pad: 2px;    --scroll-size: 10px;  }}/*! tailwindcss v3.2.1 | MIT License | https://tailwindcss.com *//*1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)*/*,::before,::after {  box-sizing: border-box; /* 1 */  border-width: 0; /* 2 */  border-style: solid; /* 2 */  border-color: #e5e7eb; /* 2 */}::before,::after {  --tw-content: '';}/*1. Use a consistent sensible line-height in all browsers.2. Prevent adjustments of font size after orientation changes in iOS.3. Use a more readable tab size.4. Use the user's configured `sans` font-family by default.*/html {  line-height: 1.5; /* 1 */  -webkit-text-size-adjust: 100%; /* 2 */  -moz-tab-size: 4; /* 3 */  -o-tab-size: 4;     tab-size: 4; /* 3 */  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */}/*1. Remove the margin in all browsers.2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.*/body {  margin: 0; /* 1 */  line-height: inherit; /* 2 */}/*1. Add the correct height in Firefox.2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)3. Ensure horizontal rules are visible by default.*/hr {  height: 0; /* 1 */  color: inherit; /* 2 */  border-top-width: 1px; /* 3 */}/*Add the correct text decoration in Chrome, Edge, and Safari.*/abbr:where([title]) {  -webkit-text-decoration: underline dotted;          text-decoration: underline dotted;}/*Remove the default font size and weight for headings.*/h1,h2,h3,h4,h5,h6 {  font-size: inherit;  font-weight: inherit;}/*Reset links to optimize for opt-in styling instead of opt-out.*/a {  color: inherit;  text-decoration: inherit;}/*Add the correct font weight in Edge and Safari.*/b,strong {  font-weight: bolder;}/*1. Use the user's configured `mono` font family by default.2. Correct the odd `em` font sizing in all browsers.*/code,kbd,samp,pre {  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */  font-size: 1em; /* 2 */}/*Add the correct font size in all browsers.*/small {  font-size: 80%;}/*Prevent `sub` and `sup` elements from affecting the line height in all browsers.*/sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;}sub {  bottom: -0.25em;}sup {  top: -0.5em;}/*1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)3. Remove gaps between table borders by default.*/table {  text-indent: 0; /* 1 */  border-color: inherit; /* 2 */  border-collapse: collapse; /* 3 */}/*1. Change the font styles in all browsers.2. Remove the margin in Firefox and Safari.3. Remove default padding in all browsers.*/button,input,optgroup,select,textarea {  font-family: inherit; /* 1 */  font-size: 100%; /* 1 */  font-weight: inherit; /* 1 */  line-height: inherit; /* 1 */  color: inherit; /* 1 */  margin: 0; /* 2 */  padding: 0; /* 3 */}/*Remove the inheritance of text transform in Edge and Firefox.*/button,select {  text-transform: none;}/*1. Correct the inability to style clickable types in iOS and Safari.2. Remove default button styles.*/button,[type='button'],[type='reset'],[type='submit'] {  -webkit-appearance: button; /* 1 */  background-color: transparent; /* 2 */  background-image: none; /* 2 */}/*Use the modern Firefox focus style for all focusable elements.*/:-moz-focusring {  outline: auto;}/*Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)*/:-moz-ui-invalid {  box-shadow: none;}/*Add the correct vertical alignment in Chrome and Firefox.*/progress {  vertical-align: baseline;}/*Correct the cursor style of increment and decrement buttons in Safari.*/::-webkit-inner-spin-button,::-webkit-outer-spin-button {  height: auto;}/*1. Correct the odd appearance in Chrome and Safari.2. Correct the outline style in Safari.*/[type='search'] {  -webkit-appearance: textfield; /* 1 */  outline-offset: -2px; /* 2 */}/*Remove the inner padding in Chrome and Safari on macOS.*/::-webkit-search-decoration {  -webkit-appearance: none;}/*1. Correct the inability to style clickable types in iOS and Safari.2. Change font properties to `inherit` in Safari.*/::-webkit-file-upload-button {  -webkit-appearance: button; /* 1 */  font: inherit; /* 2 */}/*Add the correct display in Chrome and Safari.*/summary {  display: list-item;}/*Removes the default spacing and border for appropriate elements.*/blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre {  margin: 0;}fieldset {  margin: 0;  padding: 0;}legend {  padding: 0;}ol,ul,menu {  list-style: none;  margin: 0;  padding: 0;}/*Prevent resizing textareas horizontally by default.*/textarea {  resize: vertical;}/*1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)2. Set the default placeholder color to the user's configured gray 400 color.*/input::-moz-placeholder, textarea::-moz-placeholder {  opacity: 1; /* 1 */  color: #9ca3af; /* 2 */}input:-ms-input-placeholder, textarea:-ms-input-placeholder {  opacity: 1; /* 1 */  color: #9ca3af; /* 2 */}input::placeholder,textarea::placeholder {  opacity: 1; /* 1 */  color: #9ca3af; /* 2 */}/*Set the default cursor for buttons.*/button,[role="button"] {  cursor: pointer;}/*Make sure disabled buttons don't get the pointer cursor.*/:disabled {  cursor: default;}/*1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)   This can trigger a poorly considered lint error in some tools but is included by design.*/img,svg,video,canvas,audio,iframe,embed,object {  display: block; /* 1 */  vertical-align: middle; /* 2 */}/*Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)*/img,video {  max-width: 100%;  height: auto;}/* Make elements with the HTML hidden attribute stay hidden by default */[hidden] {  display: none;}.elevation1 {    box-shadow: var(--shadow-shadow1);  }.elevation2 {    box-shadow: var(--shadow-shadow2);  }*, ::before, ::after {  --tw-border-spacing-x: 0;  --tw-border-spacing-y: 0;  --tw-translate-x: 0;  --tw-translate-y: 0;  --tw-rotate: 0;  --tw-skew-x: 0;  --tw-skew-y: 0;  --tw-scale-x: 1;  --tw-scale-y: 1;  --tw-pan-x:  ;  --tw-pan-y:  ;  --tw-pinch-zoom:  ;  --tw-scroll-snap-strictness: proximity;  --tw-ordinal:  ;  --tw-slashed-zero:  ;  --tw-numeric-figure:  ;  --tw-numeric-spacing:  ;  --tw-numeric-fraction:  ;  --tw-ring-inset:  ;  --tw-ring-offset-width: 0px;  --tw-ring-offset-color: #fff;  --tw-ring-color: rgb(59 130 246 / 0.5);  --tw-ring-offset-shadow: 0 0 #0000;  --tw-ring-shadow: 0 0 #0000;  --tw-shadow: 0 0 #0000;  --tw-shadow-colored: 0 0 #0000;  --tw-blur:  ;  --tw-brightness:  ;  --tw-contrast:  ;  --tw-grayscale:  ;  --tw-hue-rotate:  ;  --tw-invert:  ;  --tw-saturate:  ;  --tw-sepia:  ;  --tw-drop-shadow:  ;  --tw-backdrop-blur:  ;  --tw-backdrop-brightness:  ;  --tw-backdrop-contrast:  ;  --tw-backdrop-grayscale:  ;  --tw-backdrop-hue-rotate:  ;  --tw-backdrop-invert:  ;  --tw-backdrop-opacity:  ;  --tw-backdrop-saturate:  ;  --tw-backdrop-sepia:  ;}::-webkit-backdrop {  --tw-border-spacing-x: 0;  --tw-border-spacing-y: 0;  --tw-translate-x: 0;  --tw-translate-y: 0;  --tw-rotate: 0;  --tw-skew-x: 0;  --tw-skew-y: 0;  --tw-scale-x: 1;  --tw-scale-y: 1;  --tw-pan-x:  ;  --tw-pan-y:  ;  --tw-pinch-zoom:  ;  --tw-scroll-snap-strictness: proximity;  --tw-ordinal:  ;  --tw-slashed-zero:  ;  --tw-numeric-figure:  ;  --tw-numeric-spacing:  ;  --tw-numeric-fraction:  ;  --tw-ring-inset:  ;  --tw-ring-offset-width: 0px;  --tw-ring-offset-color: #fff;  --tw-ring-color: rgb(59 130 246 / 0.5);  --tw-ring-offset-shadow: 0 0 #0000;  --tw-ring-shadow: 0 0 #0000;  --tw-shadow: 0 0 #0000;  --tw-shadow-colored: 0 0 #0000;  --tw-blur:  ;  --tw-brightness:  ;  --tw-contrast:  ;  --tw-grayscale:  ;  --tw-hue-rotate:  ;  --tw-invert:  ;  --tw-saturate:  ;  --tw-sepia:  ;  --tw-drop-shadow:  ;  --tw-backdrop-blur:  ;  --tw-backdrop-brightness:  ;  --tw-backdrop-contrast:  ;  --tw-backdrop-grayscale:  ;  --tw-backdrop-hue-rotate:  ;  --tw-backdrop-invert:  ;  --tw-backdrop-opacity:  ;  --tw-backdrop-saturate:  ;  --tw-backdrop-sepia:  ;}::backdrop {  --tw-border-spacing-x: 0;  --tw-border-spacing-y: 0;  --tw-translate-x: 0;  --tw-translate-y: 0;  --tw-rotate: 0;  --tw-skew-x: 0;  --tw-skew-y: 0;  --tw-scale-x: 1;  --tw-scale-y: 1;  --tw-pan-x:  ;  --tw-pan-y:  ;  --tw-pinch-zoom:  ;  --tw-scroll-snap-strictness: proximity;  --tw-ordinal:  ;  --tw-slashed-zero:  ;  --tw-numeric-figure:  ;  --tw-numeric-spacing:  ;  --tw-numeric-fraction:  ;  --tw-ring-inset:  ;  --tw-ring-offset-width: 0px;  --tw-ring-offset-color: #fff;  --tw-ring-color: rgb(59 130 246 / 0.5);  --tw-ring-offset-shadow: 0 0 #0000;  --tw-ring-shadow: 0 0 #0000;  --tw-shadow: 0 0 #0000;  --tw-shadow-colored: 0 0 #0000;  --tw-blur:  ;  --tw-brightness:  ;  --tw-contrast:  ;  --tw-grayscale:  ;  --tw-hue-rotate:  ;  --tw-invert:  ;  --tw-saturate:  ;  --tw-sepia:  ;  --tw-drop-shadow:  ;  --tw-backdrop-blur:  ;  --tw-backdrop-brightness:  ;  --tw-backdrop-contrast:  ;  --tw-backdrop-grayscale:  ;  --tw-backdrop-hue-rotate:  ;  --tw-backdrop-invert:  ;  --tw-backdrop-opacity:  ;  --tw-backdrop-saturate:  ;  --tw-backdrop-sepia:  ;}.container {  width: 100%;}@media (min-width: 767px) {  .container {    max-width: 767px;  }}@media (min-width: 768px) {  .container {    max-width: 768px;  }}@media (min-width: 1024px) {  .container {    max-width: 1024px;  }}.visible {  visibility: visible !important;}.\!visible {  visibility: visible !important;}.invisible {  visibility: hidden !important;}.static {  position: static !important;}.fixed {  position: fixed !important;}.absolute {  position: absolute !important;}.relative {  position: relative !important;}.sticky {  position: -webkit-sticky !important;  position: sticky !important;}.top-\[-70px\] {  top: -70px !important;}.z-0 {  z-index: 0 !important;}.z-10 {  z-index: 10 !important;}.col-span-2 {  grid-column: span 2 / span 2 !important;}.my-0 {  margin-top: 0px !important;  margin-bottom: 0px !important;}.mx-auto {  margin-left: auto !important;  margin-right: auto !important;}.my-\[60px\] {  margin-top: 60px !important;  margin-bottom: 60px !important;}.mx-4 {  margin-left: 1rem !important;  margin-right: 1rem !important;}.mx-6 {  margin-left: 1.5rem !important;  margin-right: 1.5rem !important;}.my-4 {  margin-top: 1rem !important;  margin-bottom: 1rem !important;}.my-3xl {  margin-top: var(--space-3xl) !important;  margin-bottom: var(--space-3xl) !important;}.my-xl {  margin-top: var(--space-xl) !important;  margin-bottom: var(--space-xl) !important;}.my-2 {  margin-top: 0.5rem !important;  margin-bottom: 0.5rem !important;}.my-10 {  margin-top: 2.5rem !important;  margin-bottom: 2.5rem !important;}.mx-2 {  margin-left: 0.5rem !important;  margin-right: 0.5rem !important;}.mt-s {  margin-top: var(--space-s) !important;}.mt-\[120px\] {  margin-top: 120px !important;}.mb-12 {  margin-bottom: 3rem !important;}.mt-12 {  margin-top: 3rem !important;}.mt-4 {  margin-top: 1rem !important;}.mt-\[64px\] {  margin-top: 64px !important;}.mb-10 {  margin-bottom: 2.5rem !important;}.mr-3\.5 {  margin-right: 0.875rem !important;}.mr-3 {  margin-right: 0.75rem !important;}.mt-10 {  margin-top: 2.5rem !important;}.mt-xl {  margin-top: var(--space-xl) !important;}.mb-\[70px\] {  margin-bottom: 70px !important;}.mb-xl {  margin-bottom: var(--space-xl) !important;}.mr-2xs {  margin-right: var(--space-2xs) !important;}.mt-6 {  margin-top: 1.5rem !important;}.mb-6 {  margin-bottom: 1.5rem !important;}.mt-1 {  margin-top: 0.25rem !important;}.mr-1 {  margin-right: 0.25rem !important;}.mb-4 {  margin-bottom: 1rem !important;}.mb-0 {  margin-bottom: 0px !important;}.mr-2 {  margin-right: 0.5rem !important;}.mt-2 {  margin-top: 0.5rem !important;}.ml-1 {  margin-left: 0.25rem !important;}.mt-5xl {  margin-top: var(--space-5xl) !important;}.mt-3 {  margin-top: 0.75rem !important;}.mr-\[-6px\] {  margin-right: -6px !important;}.mr-\[6px\] {  margin-right: 6px !important;}.mt-m {  margin-top: var(--space-m) !important;}.ml-4 {  margin-left: 1rem !important;}.mr-xs {  margin-right: var(--space-xs) !important;}.mb-3 {  margin-bottom: 0.75rem !important;}.mb-m {  margin-bottom: var(--space-m) !important;}.mr-s {  margin-right: var(--space-s) !important;}.mb-s {  margin-bottom: var(--space-s) !important;}.mr-3xs {  margin-right: var(--space-3xs) !important;}.mt-\[20px\] {  margin-top: 20px !important;}.mb-\[-16px\] {  margin-bottom: -16px !important;}.mt-0\.5 {  margin-top: 0.125rem !important;}.mt-0 {  margin-top: 0px !important;}.mb-\[2px\] {  margin-bottom: 2px !important;}.mt-5 {  margin-top: 1.25rem !important;}.ml-2 {  margin-left: 0.5rem !important;}.block {  display: block !important;}.inline-block {  display: inline-block !important;}.inline {  display: inline !important;}.flex {  display: flex !important;}.inline-flex {  display: inline-flex !important;}.table {  display: table !important;}.inline-table {  display: inline-table !important;}.table-cell {  display: table-cell !important;}.table-row {  display: table-row !important;}.grid {  display: grid !important;}.contents {  display: contents !important;}.hidden {  display: none !important;}.aspect-\[6\/13\] {  aspect-ratio: 6/13 !important;}.h-auto {  height: auto !important;}.h-\[56px\] {  height: 56px !important;}.h-\[388px\] {  height: 388px !important;}.h-xl {  height: var(--space-xl) !important;}.h-5 {  height: 1.25rem !important;}.h-px {  height: 1px !important;}.h-80 {  height: 20rem !important;}.h-\[343px\] {  height: 343px !important;}.h-1\.5 {  height: 0.375rem !important;}.h-1 {  height: 0.25rem !important;}.h-\[330px\] {  height: 330px !important;}.h-6 {  height: 1.5rem !important;}.h-\[17px\] {  height: 17px !important;}.h-\[25px\] {  height: 25px !important;}.h-4 {  height: 1rem !important;}.h-\[22px\] {  height: 22px !important;}.h-9 {  height: 2.25rem !important;}.h-10 {  height: 2.5rem !important;}.h-max {  height: -webkit-max-content !important;  height: -moz-max-content !important;  height: max-content !important;}.h-fit {  height: -webkit-fit-content !important;  height: -moz-fit-content !important;  height: fit-content !important;}.h-7 {  height: 1.75rem !important;}.h-32 {  height: 8rem !important;}.h-\[20px\] {  height: 20px !important;}.h-0 {  height: 0px !important;}.h-screen {  height: 100vh !important;}.max-h-max {  max-height: -webkit-max-content !important;  max-height: -moz-max-content !important;  max-height: max-content !important;}.w-full {  width: 100% !important;}.w-\[300px\] {  width: 300px !important;}.w-\[56px\] {  width: 56px !important;}.w-xl {  width: var(--space-xl) !important;}.w-5 {  width: 1.25rem !important;}.w-10 {  width: 2.5rem !important;}.w-1\.5 {  width: 0.375rem !important;}.w-1 {  width: 0.25rem !important;}.w-20 {  width: 5rem !important;}.w-\[1200px\] {  width: 1200px !important;}.w-6 {  width: 1.5rem !important;}.w-px {  width: 1px !important;}.w-\[25px\] {  width: 25px !important;}.w-64 {  width: 16rem !important;}.w-4 {  width: 1rem !important;}.w-\[22px\] {  width: 22px !important;}.w-32 {  width: 8rem !important;}.w-max {  width: -webkit-max-content !important;  width: -moz-max-content !important;  width: max-content !important;}.w-7 {  width: 1.75rem !important;}.w-\[20px\] {  width: 20px !important;}.max-w-\[1260px\] {  max-width: 1260px !important;}.max-w-\[323px\] {  max-width: 323px !important;}.max-w-full {  max-width: 100% !important;}.max-w-\[900px\] {  max-width: 900px !important;}.max-w-\[calc\(100\%-48px\)\] {  max-width: calc(100% - 48px) !important;}.max-w-\[1200px\] {  max-width: 1200px !important;}.flex-1 {  flex: 1 1 !important;}.flex-none {  flex: none !important;}.flex-auto {  flex: 1 1 auto !important;}.flex-shrink {  flex-shrink: 1 !important;}.flex-shrink-0 {  flex-shrink: 0 !important;}.shrink-0 {  flex-shrink: 0 !important;}.shrink {  flex-shrink: 1 !important;}.flex-grow {  flex-grow: 1 !important;}.grow {  flex-grow: 1 !important;}.rotate-180 {  --tw-rotate: 180deg !important;  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;}.transform {  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;}.cursor-pointer {  cursor: pointer !important;}.resize {  resize: both !important;}.grid-cols-2 {  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}.flex-row {  flex-direction: row !important;}.flex-row-reverse {  flex-direction: row-reverse !important;}.flex-col {  flex-direction: column !important;}.flex-wrap {  flex-wrap: wrap !important;}.items-start {  align-items: flex-start !important;}.items-center {  align-items: center !important;}.items-stretch {  align-items: stretch !important;}.justify-start {  justify-content: flex-start !important;}.justify-end {  justify-content: flex-end !important;}.justify-center {  justify-content: center !important;}.justify-between {  justify-content: space-between !important;}.justify-evenly {  justify-content: space-evenly !important;}.gap-xs {  grid-gap: var(--space-xs) !important;  gap: var(--space-xs) !important;}.gap-12 {  grid-gap: 3rem !important;  gap: 3rem !important;}.gap-\[60px\] {  grid-gap: 60px !important;  gap: 60px !important;}.gap-14 {  grid-gap: 3.5rem !important;  gap: 3.5rem !important;}.gap-2 {  grid-gap: 0.5rem !important;  gap: 0.5rem !important;}.gap-6 {  grid-gap: 1.5rem !important;  gap: 1.5rem !important;}.gap-10 {  grid-gap: 2.5rem !important;  gap: 2.5rem !important;}.gap-4 {  grid-gap: 1rem !important;  gap: 1rem !important;}.gap-3 {  grid-gap: 0.75rem !important;  gap: 0.75rem !important;}.gap-1 {  grid-gap: 0.25rem !important;  gap: 0.25rem !important;}.gap-2\.5 {  grid-gap: 0.625rem !important;  gap: 0.625rem !important;}.gap-0\.5 {  grid-gap: 0.125rem !important;  gap: 0.125rem !important;}.gap-0 {  grid-gap: 0px !important;  gap: 0px !important;}.gap-\[5px\] {  grid-gap: 5px !important;  gap: 5px !important;}.self-end {  align-self: flex-end !important;}.self-center {  align-self: center !important;}.overflow-x-scroll {  overflow-x: scroll !important;}.whitespace-nowrap {  white-space: nowrap !important;}.whitespace-pre-wrap {  white-space: pre-wrap !important;}.break-all {  word-break: break-all !important;}.rounded-full {  border-radius: 9999px !important;}.rounded-\[10px\] {  border-radius: 10px !important;}.rounded-xl {  border-radius: var(--radii-xl) !important;}.rounded-circle {  border-radius: var(--radii-circle) !important;}.rounded-\[12\.5px\] {  border-radius: 12.5px !important;}.rounded-\[12px\] {  border-radius: 12px !important;}.rounded-\[13px\] {  border-radius: 13px !important;}.rounded {  border-radius: 0.25rem !important;}.rounded-\[35px\] {  border-radius: 35px !important;}.rounded-\[28px\] {  border-radius: 28px !important;}.rounded-t-\[32px\] {  border-top-left-radius: 32px !important;  border-top-right-radius: 32px !important;}.border {  border-width: 1px !important;}.border-0 {  border-width: 0px !important;}.border-b {  border-bottom-width: 1px !important;}.border-t {  border-top-width: 1px !important;}.border-line {  border-color: var(--color-line) !important;}.border-b-line {  border-bottom-color: var(--color-line) !important;}.bg-bg2 {  background-color: var(--color-bg2) !important;}.bg-bg7 {  background-color: var(--color-bg7) !important;}.bg-disable {  background-color: var(--color-disable) !important;}.bg-white {  --tw-bg-opacity: 1 !important;  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;}.bg-badge {  background-color: var(--color-badgeBg) !important;}.bg-\[\#2BABEE\] {  --tw-bg-opacity: 1 !important;  background-color: rgb(43 171 238 / var(--tw-bg-opacity)) !important;}.bg-bg3 {  background-color: var(--color-bg3) !important;}.bg-primary {  background-color: var(--color-primary) !important;}.bg-line {  background-color: var(--color-line) !important;}.bg-bg1 {  background-color: var(--color-bg1) !important;}.bg-transparent {  background-color: transparent !important;}.bg-\[image\:var\(--bg-mobile-url\)\] {  background-image: var(--bg-mobile-url) !important;}.bg-\[length\:80\%\] {  background-size: 80% !important;}.bg-cover {  background-size: cover !important;}.bg-\[length\:auto_312px\] {  background-size: auto 312px !important;}.bg-\[length\:auto_330px\] {  background-size: auto 330px !important;}.bg-top {  background-position: top !important;}.bg-center {  background-position: center !important;}.bg-no-repeat {  background-repeat: no-repeat !important;}.fill-current {  fill: currentColor !important;}.p-0 {  padding: 0px !important;}.p-6 {  padding: 1.5rem !important;}.p-4 {  padding: 1rem !important;}.p-5 {  padding: 1.25rem !important;}.p-2 {  padding: 0.5rem !important;}.p-3 {  padding: 0.75rem !important;}.p-1 {  padding: 0.25rem !important;}.px-xl {  padding-left: var(--space-xl) !important;  padding-right: var(--space-xl) !important;}.py-xl {  padding-top: var(--space-xl) !important;  padding-bottom: var(--space-xl) !important;}.px-\[120px\] {  padding-left: 120px !important;  padding-right: 120px !important;}.px-\[60px\] {  padding-left: 60px !important;  padding-right: 60px !important;}.px-6 {  padding-left: 1.5rem !important;  padding-right: 1.5rem !important;}.px-\[16px\] {  padding-left: 16px !important;  padding-right: 16px !important;}.py-1 {  padding-top: 0.25rem !important;  padding-bottom: 0.25rem !important;}.py-8 {  padding-top: 2rem !important;  padding-bottom: 2rem !important;}.py-12 {  padding-top: 3rem !important;  padding-bottom: 3rem !important;}.px-m {  padding-left: var(--space-m) !important;  padding-right: var(--space-m) !important;}.py-s {  padding-top: var(--space-s) !important;  padding-bottom: var(--space-s) !important;}.py-6 {  padding-top: 1.5rem !important;  padding-bottom: 1.5rem !important;}.px-4 {  padding-left: 1rem !important;  padding-right: 1rem !important;}.py-4 {  padding-top: 1rem !important;  padding-bottom: 1rem !important;}.px-0 {  padding-left: 0px !important;  padding-right: 0px !important;}.py-3 {  padding-top: 0.75rem !important;  padding-bottom: 0.75rem !important;}.py-\[7px\] {  padding-top: 7px !important;  padding-bottom: 7px !important;}.px-2 {  padding-left: 0.5rem !important;  padding-right: 0.5rem !important;}.py-2\.5 {  padding-top: 0.625rem !important;  padding-bottom: 0.625rem !important;}.py-2 {  padding-top: 0.5rem !important;  padding-bottom: 0.5rem !important;}.pt-3xl {  padding-top: var(--space-3xl) !important;}.pb-xl {  padding-bottom: var(--space-xl) !important;}.pb-3xl {  padding-bottom: var(--space-3xl) !important;}.pb-\[60px\] {  padding-bottom: 60px !important;}.pb-2xl {  padding-bottom: var(--space-2xl) !important;}.pt-\[50px\] {  padding-top: 50px !important;}.pb-\[70px\] {  padding-bottom: 70px !important;}.pt-2 {  padding-top: 0.5rem !important;}.pt-3 {  padding-top: 0.75rem !important;}.pb-\[236px\] {  padding-bottom: 236px !important;}.pt-\[80px\] {  padding-top: 80px !important;}.pb-\[80px\] {  padding-bottom: 80px !important;}.pt-20 {  padding-top: 5rem !important;}.pb-3 {  padding-bottom: 0.75rem !important;}.pb-\[6px\] {  padding-bottom: 6px !important;}.pt-s {  padding-top: var(--space-s) !important;}.pt-m {  padding-top: var(--space-m) !important;}.pl-1 {  padding-left: 0.25rem !important;}.pt-0 {  padding-top: 0px !important;}.pt-\[7px\] {  padding-top: 7px !important;}.pb-10 {  padding-bottom: 2.5rem !important;}.pt-6 {  padding-top: 1.5rem !important;}.text-left {  text-align: left !important;}.text-center {  text-align: center !important;}.text-right {  text-align: right !important;}.text-end {  text-align: end !important;}.align-middle {  vertical-align: middle !important;}.text-\[40px\] {  font-size: 40px !important;}.text-sm {  font-size: 0.875rem !important;  line-height: 1.25rem !important;}.text-2xl {  font-size: 1.5rem !important;  line-height: 2rem !important;}.text-xs {  font-size: 0.75rem !important;  line-height: 1rem !important;}.text-\[96px\] {  font-size: 96px !important;}.text-\[64px\] {  font-size: 64px !important;}.font-normal {  font-weight: 400 !important;}.font-semibold {  font-weight: 600 !important;}.font-medium {  font-weight: 500 !important;}.leading-normal {  line-height: 1.5 !important;}.leading-\[3\.5rem\] {  line-height: 3.5rem !important;}.leading-10 {  line-height: 2.5rem !important;}.text-t-primary {  color: var(--color-textPrimary) !important;}.text-primary {  color: var(--color-primary) !important;}.text-t-secondary {  color: var(--color-textSecondary) !important;}.text-t-third {  color: var(--color-textThird) !important;}.text-\[\#212833\] {  --tw-text-opacity: 1 !important;  color: rgb(33 40 51 / var(--tw-text-opacity)) !important;}.text-t-brand {  color: var(--color-textBrand) !important;}.text-t-white {  color: var(--color-textWhite) !important;}.text-primaryHover {  color: var(--color-primaryHover) !important;}.text-t-yellow {  color: var(--color-textBrand) !important;}.text-t-disabled {  color: var(--color-textDisabled) !important;}.text-iconNormal {  color: var(--color-iconNormal) !important;}.text-t-toast {  color: var(--color-textToast) !important;}.underline {  -webkit-text-decoration-line: underline !important;          text-decoration-line: underline !important;}.line-through {  -webkit-text-decoration-line: line-through !important;          text-decoration-line: line-through !important;}.no-underline {  -webkit-text-decoration-line: none !important;          text-decoration-line: none !important;}.decoration-solid {  -webkit-text-decoration-style: solid !important;          text-decoration-style: solid !important;}.decoration-dashed {  -webkit-text-decoration-style: dashed !important;          text-decoration-style: dashed !important;}.underline-offset-4 {  text-underline-offset: 4px !important;}.underline-offset-2 {  text-underline-offset: 2px !important;}.outline {  outline-style: solid !important;}.blur {  --tw-blur: blur(8px) !important;  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;}.filter {  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;}.transition {  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter !important;  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter !important;  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;  transition-duration: 150ms !important;}.ease-out {  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;}.headline1 {  font-size: 40px;  font-weight: 600;  line-height: 56px;}@media only screen and (min-width: 768px) {  .headline1 {    font-size: 56px;    font-weight: 600;    line-height: 64px;  }}.headline2 {  font-size: 36px;  font-weight: 600;  line-height: 44px;}@media only screen and (min-width: 768px) {  .headline2 {    font-size: 48px;    font-weight: 600;    line-height: 56px;  }}.headline3 {  font-size: 28px;  font-weight: 600;  line-height: 40px;}@media only screen and (min-width: 768px) {  .headline3 {    font-size: 40px;    font-weight: 600;    line-height: 48px;  }}.headline4 {  font-size: 24px;  font-weight: 600;  line-height: 32px;}@media only screen and (min-width: 768px) {  .headline4 {    font-size: 32px;    font-weight: 600;    line-height: 40px;  }}.headline5 {  font-size: 20px;  font-weight: 600;  line-height: 28px;}@media only screen and (min-width: 768px) {  .headline5 {    font-size: 28px;    font-weight: 600;    line-height: 36px;  }}.headline6 {  font-size: 18px;  font-weight: 600;  line-height: 28px;}@media only screen and (min-width: 768px) {  .headline6 {    font-size: 24px;    font-weight: 600;    line-height: 32px;  }}.subtitle1 {  font-size: 20px;  font-weight: 500;  line-height: 26px;}@media only screen and (min-width: 768px) {  .subtitle1 {    font-size: 20px;    font-weight: 600;    line-height: 28px;  }}.subtitle2 {  font-size: 20px;  font-weight: 400;  line-height: 28px;}@media only screen and (min-width: 768px) {  .subtitle2 {    font-size: 20px;    font-weight: 500;    line-height: 28px;  }}.subtitle3 {  font-size: 16px;  font-weight: 500;  line-height: 24px;}@media only screen and (min-width: 768px) {  .subtitle3 {    font-size: 16px;    font-weight: 500;    line-height: 24px;  }}.subtitle4 {  font-size: 14px;  font-weight: 500;  line-height: 20px;}@media only screen and (min-width: 768px) {  .subtitle4 {    font-size: 14px;    font-weight: 500;    line-height: 22px;  }}.body1 {  font-size: 16px;  font-weight: 400;  line-height: 24px;}@media only screen and (min-width: 768px) {  .body1 {    font-size: 20px;    font-weight: 400;    line-height: 28px;  }}.body2 {  font-size: 14px;  font-weight: 400;  line-height: 22px;}@media only screen and (min-width: 768px) {  .body2 {    font-size: 16px;    font-weight: 400;    line-height: 24px;  }}.body3 {  font-size: 14px;  font-weight: 400;  line-height: 22px;}@media only screen and (min-width: 768px) {  .body3 {    font-size: 14px;    font-weight: 400;    line-height: 20px;  }}.caption1 {  font-weight: 500;  font-size: 12px;  line-height: 16px;}@media only screen and (min-width: 768px) {  .caption1 {    font-weight: 500;    font-size: 12px;    line-height: 16px;  }}.caption2 {  font-size: 12px;  font-weight: 400;  line-height: 16px;}@media only screen and (min-width: 768px) {  .caption2 {    font-size: 12px;    font-weight: 400;    line-height: 16px;  }}/* Hide scrollbar for Chrome, Safari and Opera */.no-scrollbar::-webkit-scrollbar {          display: none !important;      }/* Hide scrollbar for IE, Edge and Firefox */.no-scrollbar {          -ms-overflow-style: none !important;  /* IE and Edge */          scrollbar-width: none !important;  /* Firefox */      }.first\:pt-6:first-child {  padding-top: 1.5rem !important;}.last\:border-b-0:last-child {  border-bottom-width: 0px !important;}.hover\:border-none:hover {  border-style: none !important;}.hover\:bg-\[\#2BABEE\]:hover {  --tw-bg-opacity: 1 !important;  background-color: rgb(43 171 238 / var(--tw-bg-opacity)) !important;}.hover\:bg-bg2:hover {  background-color: var(--color-bg2) !important;}.hover\:bg-badge:hover {  background-color: var(--color-badgeBg) !important;}.hover\:text-t-white:hover {  color: var(--color-textWhite) !important;}.hover\:text-t-secondary:hover {  color: var(--color-textSecondary) !important;}.hover\:text-t-yellow:hover {  color: var(--color-textBrand) !important;}.group:hover .group-hover\:visible {  visibility: visible !important;}.group:hover .group-hover\:block {  display: block !important;}.group:hover .group-hover\:bg-bg1 {  background-color: var(--color-bg1) !important;}@media (max-width: 767px) {  .mobile\:my-9 {    margin-top: 2.25rem !important;    margin-bottom: 2.25rem !important;  }  .mobile\:my-m {    margin-top: var(--space-m) !important;    margin-bottom: var(--space-m) !important;  }  .mobile\:my-6 {    margin-top: 1.5rem !important;    margin-bottom: 1.5rem !important;  }  .mobile\:mx-auto {    margin-left: auto !important;    margin-right: auto !important;  }  .mobile\:mt-6 {    margin-top: 1.5rem !important;  }  .mobile\:mb-9 {    margin-bottom: 2.25rem !important;  }  .mobile\:mt-4 {    margin-top: 1rem !important;  }  .mobile\:mb-6 {    margin-bottom: 1.5rem !important;  }  .mobile\:mt-3 {    margin-top: 0.75rem !important;  }  .mobile\:mb-5 {    margin-bottom: 1.25rem !important;  }  .mobile\:mt-0 {    margin-top: 0px !important;  }  .mobile\:block {    display: block !important;  }  .mobile\:hidden {    display: none !important;  }  .mobile\:h-\[300px\] {    height: 300px !important;  }  .mobile\:h-6 {    height: 1.5rem !important;  }  .mobile\:min-h-\[60px\] {    min-height: 60px !important;  }  .mobile\:w-full {    width: 100% !important;  }  .mobile\:w-\[200px\] {    width: 200px !important;  }  .mobile\:w-10\/12 {    width: 83.333333% !important;  }  .mobile\:w-\[80\%\] {    width: 80% !important;  }  .mobile\:w-8 {    width: 2rem !important;  }  .mobile\:w-4\/5 {    width: 80% !important;  }  .mobile\:w-fit {    width: -webkit-fit-content !important;    width: -moz-fit-content !important;    width: fit-content !important;  }  .mobile\:w-6 {    width: 1.5rem !important;  }  .mobile\:max-w-full {    max-width: 100% !important;  }  .mobile\:flex-1 {    flex: 1 1 !important;  }  .mobile\:flex-row {    flex-direction: row !important;  }  .mobile\:flex-col {    flex-direction: column !important;  }  .mobile\:flex-col-reverse {    flex-direction: column-reverse !important;  }  .mobile\:items-center {    align-items: center !important;  }  .mobile\:items-baseline {    align-items: baseline !important;  }  .mobile\:justify-center {    justify-content: center !important;  }  .mobile\:gap-3 {    grid-gap: 0.75rem !important;    gap: 0.75rem !important;  }  .mobile\:gap-9 {    grid-gap: 2.25rem !important;    gap: 2.25rem !important;  }  .mobile\:gap-0 {    grid-gap: 0px !important;    gap: 0px !important;  }  .mobile\:gap-4 {    grid-gap: 1rem !important;    gap: 1rem !important;  }  .mobile\:gap-6 {    grid-gap: 1.5rem !important;    gap: 1.5rem !important;  }  .mobile\:gap-2 {    grid-gap: 0.5rem !important;    gap: 0.5rem !important;  }  .mobile\:bg-\[length\:314px_auto\] {    background-size: 314px auto !important;  }  .mobile\:p-4 {    padding: 1rem !important;  }  .mobile\:p-0 {    padding: 0px !important;  }  .mobile\:p-6 {    padding: 1.5rem !important;  }  .mobile\:p-3 {    padding: 0.75rem !important;  }  .mobile\:px-6 {    padding-left: 1.5rem !important;    padding-right: 1.5rem !important;  }  .mobile\:px-4 {    padding-left: 1rem !important;    padding-right: 1rem !important;  }  .mobile\:px-0 {    padding-left: 0px !important;    padding-right: 0px !important;  }  .mobile\:px-3 {    padding-left: 0.75rem !important;    padding-right: 0.75rem !important;  }  .mobile\:py-6 {    padding-top: 1.5rem !important;    padding-bottom: 1.5rem !important;  }  .mobile\:pb-9 {    padding-bottom: 2.25rem !important;  }  .mobile\:pt-4xl {    padding-top: var(--space-4xl) !important;  }  .mobile\:pb-3xl {    padding-bottom: var(--space-3xl) !important;  }  .mobile\:pt-16 {    padding-top: 4rem !important;  }  .mobile\:pt-6 {    padding-top: 1.5rem !important;  }  .mobile\:pb-12 {    padding-bottom: 3rem !important;  }  .mobile\:text-sm {    font-size: 0.875rem !important;    line-height: 1.25rem !important;  }  .mobile\:text-2xl {    font-size: 1.5rem !important;    line-height: 2rem !important;  }  .mobile\:text-\[32px\] {    font-size: 32px !important;  }  .mobile\:text-xl {    font-size: 1.25rem !important;    line-height: 1.75rem !important;  }  .mobile\:font-medium {    font-weight: 500 !important;  }  .mobile\:leading-7 {    line-height: 1.75rem !important;  }  .mobile\:leading-5 {    line-height: 1.25rem !important;  }.mobile\:headline3 {  font-size: 28px;  font-weight: 600;  line-height: 40px;}@media only screen and (min-width: 768px) {  .mobile\:headline3 {    font-size: 40px;    font-weight: 600;    line-height: 48px;  }}.mobile\:headline4 {  font-size: 24px;  font-weight: 600;  line-height: 32px;}@media only screen and (min-width: 768px) {  .mobile\:headline4 {    font-size: 32px;    font-weight: 600;    line-height: 40px;  }}.mobile\:subtitle1 {  font-size: 20px;  font-weight: 500;  line-height: 26px;}@media only screen and (min-width: 768px) {  .mobile\:subtitle1 {    font-size: 20px;    font-weight: 600;    line-height: 28px;  }}.mobile\:subtitle3 {  font-size: 16px;  font-weight: 500;  line-height: 24px;}@media only screen and (min-width: 768px) {  .mobile\:subtitle3 {    font-size: 16px;    font-weight: 500;    line-height: 24px;  }}.mobile\:subtitle4 {  font-size: 14px;  font-weight: 500;  line-height: 20px;}@media only screen and (min-width: 768px) {  .mobile\:subtitle4 {    font-size: 14px;    font-weight: 500;    line-height: 22px;  }}.mobile\:body1 {  font-size: 16px;  font-weight: 400;  line-height: 24px;}@media only screen and (min-width: 768px) {  .mobile\:body1 {    font-size: 20px;    font-weight: 400;    line-height: 28px;  }}.mobile\:body2 {  font-size: 14px;  font-weight: 400;  line-height: 22px;}@media only screen and (min-width: 768px) {  .mobile\:body2 {    font-size: 16px;    font-weight: 400;    line-height: 24px;  }}.mobile\:caption2 {  font-size: 12px;  font-weight: 400;  line-height: 16px;}@media only screen and (min-width: 768px) {  .mobile\:caption2 {    font-size: 12px;    font-weight: 400;    line-height: 16px;  }}}@media (min-width: 767px) and (max-width: 1023px) {  .tablet\:mb-0 {    margin-bottom: 0px !important;  }  .tablet\:mt-16 {    margin-top: 4rem !important;  }  .tablet\:mt-10 {    margin-top: 2.5rem !important;  }  .tablet\:block {    display: block !important;  }  .tablet\:inline-block {    display: inline-block !important;  }  .tablet\:hidden {    display: none !important;  }  .tablet\:h-\[408px\] {    height: 408px !important;  }  .tablet\:w-full {    width: 100% !important;  }  .tablet\:w-\[90\%\] {    width: 90% !important;  }  .tablet\:w-\[352px\] {    width: 352px !important;  }  .tablet\:max-w-\[284px\] {    max-width: 284px !important;  }  .tablet\:max-w-\[352px\] {    max-width: 352px !important;  }  .tablet\:flex-row {    flex-direction: row !important;  }  .tablet\:flex-col {    flex-direction: column !important;  }  .tablet\:gap-8 {    grid-gap: 2rem !important;    gap: 2rem !important;  }  .tablet\:gap-6 {    grid-gap: 1.5rem !important;    gap: 1.5rem !important;  }  .tablet\:p-6 {    padding: 1.5rem !important;  }  .tablet\:py-5 {    padding-top: 1.25rem !important;    padding-bottom: 1.25rem !important;  }  .tablet\:px-6 {    padding-left: 1.5rem !important;    padding-right: 1.5rem !important;  }  .tablet\:py-12 {    padding-top: 3rem !important;    padding-bottom: 3rem !important;  }  .tablet\:pt-6 {    padding-top: 1.5rem !important;  }  .tablet\:pt-\[122px\] {    padding-top: 122px !important;  }  .tablet\:pb-\[133px\] {    padding-bottom: 133px !important;  }.tablet\:headline3 {  font-size: 28px;  font-weight: 600;  line-height: 40px;}@media only screen and (min-width: 768px) {  .tablet\:headline3 {    font-size: 40px;    font-weight: 600;    line-height: 48px;  }}.tablet\:headline5 {  font-size: 20px;  font-weight: 600;  line-height: 28px;}@media only screen and (min-width: 768px) {  .tablet\:headline5 {    font-size: 28px;    font-weight: 600;    line-height: 36px;  }}.tablet\:headline6 {  font-size: 18px;  font-weight: 600;  line-height: 28px;}@media only screen and (min-width: 768px) {  .tablet\:headline6 {    font-size: 24px;    font-weight: 600;    line-height: 32px;  }}.tablet\:body1 {  font-size: 16px;  font-weight: 400;  line-height: 24px;}@media only screen and (min-width: 768px) {  .tablet\:body1 {    font-size: 20px;    font-weight: 400;    line-height: 28px;  }}}@media (min-width: 1024px) {  .pc\:mb-0 {    margin-bottom: 0px !important;  }  .pc\:mt-12 {    margin-top: 3rem !important;  }  .pc\:mt-0 {    margin-top: 0px !important;  }  .pc\:mt-20 {    margin-top: 5rem !important;  }  .pc\:mt-\[60px\] {    margin-top: 60px !important;  }  .pc\:mt-10 {    margin-top: 2.5rem !important;  }  .pc\:block {    display: block !important;  }  .pc\:inline-block {    display: inline-block !important;  }  .pc\:hidden {    display: none !important;  }  .pc\:h-\[408px\] {    height: 408px !important;  }  .pc\:h-\[60px\] {    height: 60px !important;  }  .pc\:w-\[750px\] {    width: 750px !important;  }  .pc\:w-full {    width: 100% !important;  }  .pc\:w-\[486px\] {    width: 486px !important;  }  .pc\:w-\[768px\] {    width: 768px !important;  }  .pc\:w-\[480px\] {    width: 480px !important;  }  .pc\:w-\[640px\] {    width: 640px !important;  }  .pc\:w-\[588px\] {    width: 588px !important;  }  .pc\:w-\[468px\] {    width: 468px !important;  }  .pc\:w-\[calc\(100\%-48px\)\] {    width: calc(100% - 48px) !important;  }  .pc\:max-w-full {    max-width: 100% !important;  }  .pc\:max-w-\[465px\] {    max-width: 465px !important;  }  .pc\:basis-1\/4 {    flex-basis: 25% !important;  }  .pc\:basis-3\/4 {    flex-basis: 75% !important;  }  .pc\:flex-row {    flex-direction: row !important;  }  .pc\:flex-col {    flex-direction: column !important;  }  .pc\:items-start {    align-items: flex-start !important;  }  .pc\:items-center {    align-items: center !important;  }  .pc\:gap-\[126px\] {    grid-gap: 126px !important;    gap: 126px !important;  }  .pc\:gap-8 {    grid-gap: 2rem !important;    gap: 2rem !important;  }  .pc\:gap-0 {    grid-gap: 0px !important;    gap: 0px !important;  }  .pc\:p-4 {    padding: 1rem !important;  }  .pc\:p-0 {    padding: 0px !important;  }  .pc\:py-24 {    padding-top: 6rem !important;    padding-bottom: 6rem !important;  }  .pc\:px-0 {    padding-left: 0px !important;    padding-right: 0px !important;  }  .pc\:py-10 {    padding-top: 2.5rem !important;    padding-bottom: 2.5rem !important;  }  .pc\:px-6 {    padding-left: 1.5rem !important;    padding-right: 1.5rem !important;  }  .pc\:py-16 {    padding-top: 4rem !important;    padding-bottom: 4rem !important;  }  .pc\:pt-6 {    padding-top: 1.5rem !important;  }  .pc\:pt-\[124px\] {    padding-top: 124px !important;  }  .pc\:pb-\[168px\] {    padding-bottom: 168px !important;  }  .pc\:text-\[80px\] {    font-size: 80px !important;  }  .pc\:font-semibold {    font-weight: 600 !important;  }.pc\:headline2 {  font-size: 36px;  font-weight: 600;  line-height: 44px;}@media only screen and (min-width: 768px) {  .pc\:headline2 {    font-size: 48px;    font-weight: 600;    line-height: 56px;  }}.pc\:headline3 {  font-size: 28px;  font-weight: 600;  line-height: 40px;}@media only screen and (min-width: 768px) {  .pc\:headline3 {    font-size: 40px;    font-weight: 600;    line-height: 48px;  }}.pc\:headline5 {  font-size: 20px;  font-weight: 600;  line-height: 28px;}@media only screen and (min-width: 768px) {  .pc\:headline5 {    font-size: 28px;    font-weight: 600;    line-height: 36px;  }}.pc\:headline6 {  font-size: 18px;  font-weight: 600;  line-height: 28px;}@media only screen and (min-width: 768px) {  .pc\:headline6 {    font-size: 24px;    font-weight: 600;    line-height: 32px;  }}.pc\:subtitle1 {  font-size: 20px;  font-weight: 500;  line-height: 26px;}@media only screen and (min-width: 768px) {  .pc\:subtitle1 {    font-size: 20px;    font-weight: 600;    line-height: 28px;  }}.pc\:body1 {  font-size: 16px;  font-weight: 400;  line-height: 24px;}@media only screen and (min-width: 768px) {  .pc\:body1 {    font-size: 20px;    font-weight: 400;    line-height: 28px;  }}}@media (min-width: 767px) {  .noH5\:my-xl {    margin-top: var(--space-xl) !important;    margin-bottom: var(--space-xl) !important;  }  .noH5\:mt-4 {    margin-top: 1rem !important;  }  .noH5\:ml-auto {    margin-left: auto !important;  }  .noH5\:h-9 {    height: 2.25rem !important;  }  .noH5\:min-h-\[40px\] {    min-height: 40px !important;  }  .noH5\:w-\[298px\] {    width: 298px !important;  }  .noH5\:w-\[180px\] {    width: 180px !important;  }  .noH5\:w-9 {    width: 2.25rem !important;  }  .noH5\:w-\[140px\] {    width: 140px !important;  }  .noH5\:w-72 {    width: 18rem !important;  }  .noH5\:flex-row {    flex-direction: row !important;  }  .noH5\:items-center {    align-items: center !important;  }  .noH5\:bg-\[image\:var\(--bg-noH5-url\)\] {    background-image: var(--bg-noH5-url) !important;  }  .noH5\:py-10 {    padding-top: 2.5rem !important;    padding-bottom: 2.5rem !important;  }  .noH5\:pb-6 {    padding-bottom: 1.5rem !important;  }  .noH5\:pt-\[60px\] {    padding-top: 60px !important;  }  .noH5\:pb-5 {    padding-bottom: 1.25rem !important;  }  .noH5\:pt-10 {    padding-top: 2.5rem !important;  }  .noH5\:pb-10 {    padding-bottom: 2.5rem !important;  }.noH5\:subtitle3 {  font-size: 16px;  font-weight: 500;  line-height: 24px;}@media only screen and (min-width: 768px) {  .noH5\:subtitle3 {    font-size: 16px;    font-weight: 500;    line-height: 24px;  }}.noH5\:body3 {  font-size: 14px;  font-weight: 400;  line-height: 22px;}@media only screen and (min-width: 768px) {  .noH5\:body3 {    font-size: 14px;    font-weight: 400;    line-height: 20px;  }}}@media (min-width: 768px) {  .noMobile\:mx-0 {    margin-left: 0px !important;    margin-right: 0px !important;  }  .noMobile\:mb-20 {    margin-bottom: 5rem !important;  }  .noMobile\:w-1\/2 {    width: 50% !important;  }  .noMobile\:flex-row {    flex-direction: row !important;  }  .noMobile\:py-12 {    padding-top: 3rem !important;    padding-bottom: 3rem !important;  }  .noMobile\:text-\[70px\] {    font-size: 70px !important;  }}.\[\&\:\:before\]\:mt-2::before {  margin-top: 0.5rem !important;}