/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/nouislider/dist/nouislider.min.css ***!
  \****************************************************************************************************************************************************************************************************************/
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  touch-action: none;
  -moz-user-select: none;
  user-select: none;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3FB8AF;
}

.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

.noUi-handle:after,
.noUi-handle:before {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
  cursor: not-allowed;
}

.noUi-pips,
.noUi-pips * {
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-origin>.noUi-tooltip {
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

.noUi-vertical .noUi-origin>.noUi-tooltip {
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/swiper/swiper-bundle.min.css ***!
  \**********************************************************************************************************************************************************************************************************/
/**
 * Swiper 8.0.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 1, 2022
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical>.swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered>.swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center;
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode>.swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid>.swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column>.swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/air-datepicker/air-datepicker.css ***!
  \***************************************************************************************************************************************************************************************************************/
.air-datepicker-cell.-year-.-other-decade-,
.air-datepicker-cell.-day-.-other-month- {
  color: var(--adp-color-other-month);
}

.air-datepicker-cell.-year-.-other-decade-:hover,
.air-datepicker-cell.-day-.-other-month-:hover {
  color: var(--adp-color-other-month-hover);
}

.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,
.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month- {
  color: var(--adp-color-other-month);
}

.-selected-.air-datepicker-cell.-year-.-other-decade-,
.-selected-.air-datepicker-cell.-day-.-other-month- {
  color: #fff;
  background: var(--adp-background-color-selected-other-month);
}

.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,
.-selected-.-focus-.air-datepicker-cell.-day-.-other-month- {
  background: var(--adp-background-color-selected-other-month-focused);
}

.-in-range-.air-datepicker-cell.-year-.-other-decade-,
.-in-range-.air-datepicker-cell.-day-.-other-month- {
  background-color: var(--adp-background-color-in-range);
  color: var(--adp-color);
}

.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,
.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month- {
  background-color: var(--adp-background-color-in-range-focused);
}

.air-datepicker-cell.-year-.-other-decade-:empty,
.air-datepicker-cell.-day-.-other-month-:empty {
  background: none;
  border: none;
}

.air-datepicker-cell {
  border-radius: var(--adp-cell-border-radius);
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.air-datepicker-cell.-focus- {
  background: var(--adp-cell-background-color-hover);
}

.air-datepicker-cell.-current- {
  color: var(--adp-color-current-date);
}

.air-datepicker-cell.-current-.-focus- {
  color: var(--adp-color);
}

.air-datepicker-cell.-current-.-in-range- {
  color: var(--adp-color-current-date);
}

.air-datepicker-cell.-disabled- {
  cursor: default;
  color: var(--adp-color-disabled);
}

.air-datepicker-cell.-disabled-.-focus- {
  color: var(--adp-color-disabled);
}

.air-datepicker-cell.-disabled-.-in-range- {
  color: var(--adp-color-disabled-in-range);
}

.air-datepicker-cell.-disabled-.-current-.-focus- {
  color: var(--adp-color-disabled);
}

.air-datepicker-cell.-in-range- {
  background: var(--adp-cell-background-color-in-range);
  border-radius: 0;
}

.air-datepicker-cell.-in-range-:hover,
.air-datepicker-cell.-in-range-.-focus- {
  background: var(--adp-cell-background-color-in-range-hover);
}

.air-datepicker-cell.-range-from- {
  border: 1px solid var(--adp-cell-border-color-in-range);
  background-color: var(--adp-cell-background-color-in-range);
  border-radius: var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius);
}

.air-datepicker-cell.-range-to- {
  border: 1px solid var(--adp-cell-border-color-in-range);
  background-color: var(--adp-cell-background-color-in-range);
  border-radius: 0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0;
}

.air-datepicker-cell.-range-to-.-range-from- {
  border-radius: var(--adp-cell-border-radius);
}

.air-datepicker-cell.-selected- {
  color: #fff;
  border: none;
  background: var(--adp-cell-background-color-selected);
}

.air-datepicker-cell.-selected-.-current- {
  color: #fff;
  background: var(--adp-cell-background-color-selected);
}

.air-datepicker-cell.-selected-.-focus- {
  background: var(--adp-cell-background-color-selected-hover);
}

.air-datepicker-body {
  transition: all var(--adp-transition-duration) var(--adp-transition-ease);
}

.air-datepicker-body.-hidden- {
  display: none;
}

.air-datepicker-body--day-names {
  display: grid;
  grid-template-columns: repeat(7, var(--adp-day-cell-width));
  margin: 8px 0 3px;
}

.air-datepicker-body--day-name {
  color: var(--adp-day-name-color);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8em;
}

.air-datepicker-body--day-name.-clickable- {
  cursor: pointer;
}

.air-datepicker-body--day-name.-clickable-:hover {
  color: var(--adp-day-name-color-hover);
}

.air-datepicker-body--cells {
  display: grid;
}

.air-datepicker-body--cells.-days- {
  grid-template-columns: repeat(7, var(--adp-day-cell-width));
  grid-auto-rows: var(--adp-day-cell-height);
}

.air-datepicker-body--cells.-months- {
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: var(--adp-month-cell-height);
}

.air-datepicker-body--cells.-years- {
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: var(--adp-year-cell-height);
}

.air-datepicker-nav {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--adp-border-color-inner);
  min-height: var(--adp-nav-height);
  padding: var(--adp-padding);
  box-sizing: content-box;
}

.-only-timepicker- .air-datepicker-nav {
  display: none;
}

.air-datepicker-nav--title,
.air-datepicker-nav--action {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

.air-datepicker-nav--action {
  width: var(--adp-nav-action-size);
  border-radius: var(--adp-border-radius);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.air-datepicker-nav--action:hover {
  background: var(--adp-background-color-hover);
}

.air-datepicker-nav--action:active {
  background: var(--adp-background-color-active);
}

.air-datepicker-nav--action.-disabled- {
  visibility: hidden;
}

.air-datepicker-nav--action svg {
  width: 32px;
  height: 32px;
}

.air-datepicker-nav--action path {
  fill: none;
  stroke: var(--adp-nav-arrow-color);
  stroke-width: 2px;
}

.air-datepicker-nav--title {
  border-radius: var(--adp-border-radius);
  padding: 0 8px;
}

.air-datepicker-nav--title i {
  font-style: normal;
  color: var(--adp-nav-color-secondary);
  margin-left: 0.3em;
}

.air-datepicker-nav--title:hover {
  background: var(--adp-background-color-hover);
}

.air-datepicker-nav--title:active {
  background: var(--adp-background-color-active);
}

.air-datepicker-nav--title.-disabled- {
  cursor: default;
  background: none;
}

.air-datepicker-buttons {
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
}

.air-datepicker-button {
  display: inline-flex;
  color: var(--adp-btn-color);
  border-radius: var(--adp-btn-border-radius);
  cursor: pointer;
  height: var(--adp-btn-height);
  border: none;
  background: rgba(255, 255, 255, 0);
}

.air-datepicker-button:hover {
  color: var(--adp-btn-color-hover);
  background: var(--adp-btn-background-color-hover);
}

.air-datepicker-button:focus {
  color: var(--adp-btn-color-hover);
  background: var(--adp-btn-background-color-hover);
  outline: none;
}

.air-datepicker-button:active {
  background: var(--adp-btn-background-color-active);
}

.air-datepicker-button span {
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.air-datepicker-time {
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-column-gap: 12px;
  align-items: center;
  position: relative;
  padding: 0 var(--adp-time-padding-inner);
}

.-only-timepicker- .air-datepicker-time {
  border-top: none;
}

.air-datepicker-time--current {
  display: flex;
  align-items: center;
  flex: 1;
  font-size: 14px;
  text-align: center;
}

.air-datepicker-time--current-colon {
  margin: 0 2px 3px;
  line-height: 1;
}

.air-datepicker-time--current-hours,
.air-datepicker-time--current-minutes {
  line-height: 1;
  font-size: 19px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: relative;
  z-index: 1;
}

.air-datepicker-time--current-hours:after,
.air-datepicker-time--current-minutes:after {
  content: "";
  background: var(--adp-background-color-hover);
  border-radius: var(--adp-border-radius);
  position: absolute;
  left: -2px;
  top: -3px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  opacity: 0;
}

.air-datepicker-time--current-hours.-focus-:after,
.air-datepicker-time--current-minutes.-focus-:after {
  opacity: 1;
}

.air-datepicker-time--current-ampm {
  text-transform: uppercase;
  align-self: flex-end;
  color: var(--adp-time-day-period-color);
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px;
}

.air-datepicker-time--row {
  display: flex;
  align-items: center;
  font-size: 11px;
  height: 17px;
  background: linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat;
}

.air-datepicker-time--row:first-child {
  margin-bottom: 4px;
}

.air-datepicker-time--row input[type=range] {
  background: none;
  cursor: pointer;
  flex: 1;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.air-datepicker-time--row input[type=range]::-ms-tooltip {
  display: none;
}

.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb {
  border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb {
  border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type=range]:hover::-ms-thumb {
  border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type=range]:focus {
  outline: none;
}

.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type=range]:focus::-ms-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -webkit-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type=range]::-moz-range-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -moz-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type=range]::-ms-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -ms-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
  margin-top: calc(var(--adp-time-thumb-size) / 2 * -1);
}

.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-moz-range-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-ms-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-ms-fill-lower {
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-ms-fill-upper {
  background: rgba(0, 0, 0, 0);
}

.air-datepicker {
  --adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --adp-font-size: 14px;
  --adp-width: 246px;
  --adp-z-index: 100;
  --adp-padding: 4px;
  --adp-grid-areas: "nav" "body" "timepicker" "buttons";
  --adp-transition-duration: .3s;
  --adp-transition-ease: ease-out;
  --adp-transition-offset: 8px;
  --adp-background-color: #fff;
  --adp-background-color-hover: #f0f0f0;
  --adp-background-color-active: #eaeaea;
  --adp-background-color-in-range: rgba(92, 196, 239, .1);
  --adp-background-color-in-range-focused: rgba(92, 196, 239, .2);
  --adp-background-color-selected-other-month-focused: #8ad5f4;
  --adp-background-color-selected-other-month: #a2ddf6;
  --adp-color: #4a4a4a;
  --adp-color-secondary: #9c9c9c;
  --adp-accent-color: #4eb5e6;
  --adp-color-current-date: var(--adp-accent-color);
  --adp-color-other-month: #dedede;
  --adp-color-disabled: #aeaeae;
  --adp-color-disabled-in-range: #939393;
  --adp-color-other-month-hover: #c5c5c5;
  --adp-border-color: #dbdbdb;
  --adp-border-color-inner: #efefef;
  --adp-border-radius: 4px;
  --adp-border-color-inline: #d7d7d7;
  --adp-nav-height: 32px;
  --adp-nav-arrow-color: var(--adp-color-secondary);
  --adp-nav-action-size: 32px;
  --adp-nav-color-secondary: var(--adp-color-secondary);
  --adp-day-name-color: #ff9a19;
  --adp-day-name-color-hover: #8ad5f4;
  --adp-day-cell-width: 1fr;
  --adp-day-cell-height: 32px;
  --adp-month-cell-height: 42px;
  --adp-year-cell-height: 56px;
  --adp-pointer-size: 10px;
  --adp-poiner-border-radius: 2px;
  --adp-pointer-offset: 14px;
  --adp-cell-border-radius: 4px;
  --adp-cell-background-color-hover: var(--adp-background-color-hover);
  --adp-cell-background-color-selected: #5cc4ef;
  --adp-cell-background-color-selected-hover: #45bced;
  --adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);
  --adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);
  --adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);
  --adp-btn-height: 32px;
  --adp-btn-color: var(--adp-accent-color);
  --adp-btn-color-hover: var(--adp-color);
  --adp-btn-border-radius: var(--adp-border-radius);
  --adp-btn-background-color-hover: var(--adp-background-color-hover);
  --adp-btn-background-color-active: var(--adp-background-color-active);
  --adp-time-track-height: 1px;
  --adp-time-track-color: #dedede;
  --adp-time-track-color-hover: #b1b1b1;
  --adp-time-thumb-size: 12px;
  --adp-time-padding-inner: 10px;
  --adp-time-day-period-color: var(--adp-color-secondary);
  --adp-mobile-font-size: 16px;
  --adp-mobile-nav-height: 40px;
  --adp-mobile-width: 320px;
  --adp-mobile-day-cell-height: 38px;
  --adp-mobile-month-cell-height: 48px;
  --adp-mobile-year-cell-height: 64px;
}

.air-datepicker-overlay {
  --adp-overlay-background-color: rgba(0, 0, 0, .3);
  --adp-overlay-transition-duration: .3s;
  --adp-overlay-transition-ease: ease-out;
  --adp-overlay-z-index: 99;
}

.air-datepicker {
  background: var(--adp-background-color);
  border: 1px solid var(--adp-border-color);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: var(--adp-border-radius);
  box-sizing: content-box;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, max-content);
  grid-template-areas: var(--adp-grid-areas);
  font-family: var(--adp-font-family), sans-serif;
  font-size: var(--adp-font-size);
  color: var(--adp-color);
  width: var(--adp-width);
  position: absolute;
  transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease);
  z-index: var(--adp-z-index);
}

.air-datepicker:not(.-custom-position-) {
  opacity: 0;
}

.air-datepicker.-from-top- {
  transform: translateY(calc(var(--adp-transition-offset) * -1));
}

.air-datepicker.-from-right- {
  transform: translateX(var(--adp-transition-offset));
}

.air-datepicker.-from-bottom- {
  transform: translateY(var(--adp-transition-offset));
}

.air-datepicker.-from-left- {
  transform: translateX(calc(var(--adp-transition-offset) * -1));
}

.air-datepicker.-active-:not(.-custom-position-) {
  transform: translate(0, 0);
  opacity: 1;
}

.air-datepicker.-active-.-custom-position- {
  transition: none;
}

.air-datepicker.-inline- {
  border-color: var(--adp-border-color-inline);
  box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  transform: none;
}

.air-datepicker.-inline- .air-datepicker--pointer {
  display: none;
}

.air-datepicker.-is-mobile- {
  --adp-font-size: var(--adp-mobile-font-size);
  --adp-day-cell-height: var(--adp-mobile-day-cell-height);
  --adp-month-cell-height: var(--adp-mobile-month-cell-height);
  --adp-year-cell-height: var(--adp-mobile-year-cell-height);
  --adp-nav-height: var(--adp-mobile-nav-height);
  --adp-nav-action-size: var(--adp-mobile-nav-height);
  position: fixed;
  width: var(--adp-mobile-width);
  border: none;
}

.air-datepicker.-is-mobile- * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.air-datepicker.-is-mobile- .air-datepicker--pointer {
  display: none;
}

.air-datepicker.-is-mobile-:not(.-custom-position-) {
  transform: translate(-50%, calc(-50% + var(--adp-transition-offset)));
}

.air-datepicker.-is-mobile-.-active-:not(.-custom-position-) {
  transform: translate(-50%, -50%);
}

.air-datepicker.-custom-position- {
  transition: none;
}

.air-datepicker-global-container {
  position: absolute;
  left: 0;
  top: 0;
}

.air-datepicker--pointer {
  --pointer-half-size: calc(var(--adp-pointer-size) / 2);
  position: absolute;
  width: var(--adp-pointer-size);
  height: var(--adp-pointer-size);
  z-index: -1;
}

.air-datepicker--pointer:after {
  content: "";
  position: absolute;
  background: #fff;
  border-top: 1px solid var(--adp-border-color-inline);
  border-right: 1px solid var(--adp-border-color-inline);
  border-top-right-radius: var(--adp-poiner-border-radius);
  width: var(--adp-pointer-size);
  height: var(--adp-pointer-size);
  box-sizing: border-box;
}

.-top-left- .air-datepicker--pointer,
.-top-center- .air-datepicker--pointer,
.-top-right- .air-datepicker--pointer,
[data-popper-placement^=top] .air-datepicker--pointer {
  top: calc(100% - var(--pointer-half-size) + 1px);
}

.-top-left- .air-datepicker--pointer:after,
.-top-center- .air-datepicker--pointer:after,
.-top-right- .air-datepicker--pointer:after,
[data-popper-placement^=top] .air-datepicker--pointer:after {
  transform: rotate(135deg);
}

.-right-top- .air-datepicker--pointer,
.-right-center- .air-datepicker--pointer,
.-right-bottom- .air-datepicker--pointer,
[data-popper-placement^=right] .air-datepicker--pointer {
  right: calc(100% - var(--pointer-half-size) + 1px);
}

.-right-top- .air-datepicker--pointer:after,
.-right-center- .air-datepicker--pointer:after,
.-right-bottom- .air-datepicker--pointer:after,
[data-popper-placement^=right] .air-datepicker--pointer:after {
  transform: rotate(225deg);
}

.-bottom-left- .air-datepicker--pointer,
.-bottom-center- .air-datepicker--pointer,
.-bottom-right- .air-datepicker--pointer,
[data-popper-placement^=bottom] .air-datepicker--pointer {
  bottom: calc(100% - var(--pointer-half-size) + 1px);
}

.-bottom-left- .air-datepicker--pointer:after,
.-bottom-center- .air-datepicker--pointer:after,
.-bottom-right- .air-datepicker--pointer:after,
[data-popper-placement^=bottom] .air-datepicker--pointer:after {
  transform: rotate(315deg);
}

.-left-top- .air-datepicker--pointer,
.-left-center- .air-datepicker--pointer,
.-left-bottom- .air-datepicker--pointer,
[data-popper-placement^=left] .air-datepicker--pointer {
  left: calc(100% - var(--pointer-half-size) + 1px);
}

.-left-top- .air-datepicker--pointer:after,
.-left-center- .air-datepicker--pointer:after,
.-left-bottom- .air-datepicker--pointer:after,
[data-popper-placement^=left] .air-datepicker--pointer:after {
  transform: rotate(45deg);
}

.-top-left- .air-datepicker--pointer,
.-bottom-left- .air-datepicker--pointer {
  left: var(--adp-pointer-offset);
}

.-top-right- .air-datepicker--pointer,
.-bottom-right- .air-datepicker--pointer {
  right: var(--adp-pointer-offset);
}

.-top-center- .air-datepicker--pointer,
.-bottom-center- .air-datepicker--pointer {
  left: calc(50% - var(--adp-pointer-size) / 2);
}

.-left-top- .air-datepicker--pointer,
.-right-top- .air-datepicker--pointer {
  top: var(--adp-pointer-offset);
}

.-left-bottom- .air-datepicker--pointer,
.-right-bottom- .air-datepicker--pointer {
  bottom: var(--adp-pointer-offset);
}

.-left-center- .air-datepicker--pointer,
.-right-center- .air-datepicker--pointer {
  top: calc(50% - var(--adp-pointer-size) / 2);
}

.air-datepicker--navigation {
  grid-area: nav;
}

.air-datepicker--content {
  box-sizing: content-box;
  padding: var(--adp-padding);
  grid-area: body;
}

.-only-timepicker- .air-datepicker--content {
  display: none;
}

.air-datepicker--time {
  grid-area: timepicker;
}

.air-datepicker--buttons {
  grid-area: buttons;
}

.air-datepicker--buttons,
.air-datepicker--time {
  padding: var(--adp-padding);
  border-top: 1px solid var(--adp-border-color-inner);
}

.air-datepicker-overlay {
  position: fixed;
  background: var(--adp-overlay-background-color);
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0;
  transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;
  transition-delay: 0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);
  z-index: var(--adp-overlay-z-index);
}

.air-datepicker-overlay.-active- {
  opacity: 1;
  width: 100%;
  height: 100%;
  transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s;
}

/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./src/fbh-assets/scss/fbh.scss ***!
  \*********************************************************************************************************************************************************************************************/
@charset "UTF-8";

:root {
  --fbh-font: roboto, NotoSansTC, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans",
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --fbh-font-medium: 500;
  --fbh-text-p1: 1rem;
  --fbh-text-p2: 0.875rem;
  --fbh-text-display1: 2.5rem;
  --fbh-text-display2: 2.25rem;
  --fbh-text-display3: 2rem;
  --fbh-text-h1: 1.5rem;
  --fbh-text-h2: 1.25rem;
  --fbh-text-h3: 1.125rem;
  --fbh-sat: 0px;
  --fbh-sar: 0px;
  --fbh-sab: 0px;
  --fbh-sal: 0px;
  --fbh-slate: #020416;
  --fbh-white: #ffffff;
  --fbh-neutral-main-fill: #ffffff;
  --fbh-neutral-alt-fill: #eef0f0;
  --fbh-neutral-alt-fill-darken: #dfe4e5;
  --fbh-neutral-disabled-fill: #d7d8da;
  --fbh-neutral-divider-stroke: rgba(2, 4, 22, 0.1607843137);
  --fbh-neutral-overlay-mask-fill: rgba(2, 4, 22, 0.4784313725);
  --fbh-text-primary: rgba(2, 4, 22, 0.9607843137);
  --fbh-text-secondary: rgba(2, 4, 22, 0.7215686275);
  --fbh-text-tertiary: rgba(2, 4, 22, 0.4784313725);
  --fbh-text-disabled: #aeafb4;
  --fbh-text-placeholder: rgba(2, 4, 22, 0.3215686275);
  --fbh-text-primary-inverse: rgba(255, 255, 255, 0.9607843137);
  --fbh-text-secondary-inverse: rgba(255, 255, 255, 0.6392156863);
  --fbh-text-placeholder-inverse: #86878f;
  --fbh-primary-100: #0093c1;
  --fbh-primary-10: #f4fbff;
  --fbh-primary-50: #a7e4fc;
  --fbh-primary-200: #11699c;
  --fbh-primary-400: #1e3762;
  --fbh-primary-600: #232534;
  --fbh-accent-persian-green: #00a59b;
  --fbh-accent-orient: #006278;
  --fbh-accent-endeavour: #005ea1;
  --fbh-accent-cyan: #00ffff;
  --fbh-star: #ffca10;
  --fbh-status-positive: #00a59b;
  --fbh-status-fall: #00a59b;
  --fbh-status-warning: #f5693d;
  --fbh-status-bonus: #f5693d;
  --fbh-status-negative: #eb4751;
  --fbh-status-rise: #eb4751;
  --fbh-status-positive-darken: #143734;
  --fbh-status-positive-fill: #e8f6f5;
  --fbh-status-warning-darken: #551e0d;
  --fbh-status-warning-fill: #fcf1ed;
  --fbh-status-negative-darken: #4c1111;
  --fbh-status-negative-fill: #faedee;
  --fbh-categorical-01: #2b76ab;
  --fbh-categorical-02: #60a9a5;
  --fbh-categorical-03: #394184;
  --fbh-categorical-04: #a9c8da;
  --fbh-categorical-05: #2b76ab;
  --fbh-categorical-06: #6a4bc0;
  --fbh-categorical-07: #8db4ff;
  --fbh-categorical-08: #ac58d3;
  --fbh-categorical-09: #6ea0c6;
  --fbh-categorical-10: #1d537f;
  --fbh-categorical-others: #4c5071;
  --fbh-sequential-01: #2b76ab;
  --fbh-sequential-02: #5591bc;
  --fbh-sequential-03: #80adcd;
  --fbh-sequential-04: #aac8de;
  --fbh-sequential-05: #d5e4ee;
  --fbh-illustration-primary: #6bc3f5;
  --fbh-illustration-secondary: #7ae4dd;
  --fbh-illustration-overlap: #368fc2;
}

@supports (padding-bottom: env(safe-area-inset-bottom)) {
  :root {
    --fbh-sat: env(safe-area-inset-top);
    --fbh-sar: env(safe-area-inset-right);
    --fbh-sab: env(safe-area-inset-bottom);
    --fbh-sal: env(safe-area-inset-left);
  }
}

@supports (padding-bottom: constant(safe-area-inset-bottom)) {
  :root {
    --fbh-sat: constant(safe-area-inset-top);
    --fbh-sar: constant(safe-area-inset-right);
    --fbh-sab: constant(safe-area-inset-bottom);
    --fbh-sal: constant(safe-area-inset-left);
  }
}

@font-face {
  font-family: "roboto";
  font-display: swap;
  font-weight: 700;
  src: url(../../../fbh-assets/font/roboto-regular-500.woff2) format("woff2");
  unicode-range: U+0030-0039, U+0041-005A, U+0061-007A, U+0024, U+002A, U+0020;
}

@font-face {
  font-family: "roboto";
  font-display: swap;
  font-weight: 500;
  src: url(../../../fbh-assets/font/roboto-regular-500.woff2) format("woff2");
  unicode-range: U+0030-0039, U+0041-005A, U+0061-007A, U+0024, U+002A, U+0020;
}

@font-face {
  font-family: "roboto";
  font-display: swap;
  font-weight: 400;
  src: url(../../../fbh-assets/font/roboto-regular-400.woff2) format("woff2");
  unicode-range: U+0030-0039, U+0041-005A, U+0061-007A, U+0024, U+002A, U+0020;
}

@supports not (font: -apple-system-body) {
  @font-face {
    font-family: "roboto";
    font-display: swap;
    font-weight: 700;
    src: url(../../../fbh-assets/font/roboto-regular-700.woff2) format("woff2");
    unicode-range: U+0030-0039, U+0041-005A, U+0061-007A, U+0024, U+002A, U+0020;
  }

  @font-face {
    font-family: "roboto";
    font-display: swap;
    font-weight: 500;
    src: url(../../../fbh-assets/font/roboto-regular-700.woff2) format("woff2");
    unicode-range: U+0030-0039, U+0041-005A, U+0061-007A, U+0024, U+002A, U+0020;
  }
}

@font-face {
  font-family: NotoSansTC;
  font-weight: 700;
  font-display: swap;
  src: url(../../../fbh-assets/font/NotoSansTC-Bold.ttf) format("truetype");
}

@font-face {
  font-family: NotoSansTC;
  font-weight: 600;
  font-display: swap;
  src: url(../../../fbh-assets/font/NotoSansTC-SemiBold.ttf) format("truetype");
}

@font-face {
  font-family: NotoSansTC;
  font-weight: 500;
  font-display: swap;
  src: url(../../../fbh-assets/font/NotoSansTC-Medium.ttf) format("truetype");
}

@font-face {
  font-family: NotoSansTC;
  font-weight: 400;
  font-display: swap;
  src: url(../../../fbh-assets/font/NotoSansTC-Regular.ttf) format("truetype");
}

body {
  font-family: var(--fbh-font);
  margin: 0;
  padding: 0;
  color: var(--fbh-text-primary);
  line-height: 1.5;
}

html,
body {
  /* 消除點擊藍色底色 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

*,
:after,
:before {
  box-sizing: border-box;
  border: 0px solid var(--fbh-neutral-divider-stroke);
}

/* 水平 scroll 的 DIV */
.fbh-scroll-horiz-block {
  display: flex;
  overflow-x: auto;
  -webkit-clip-path: inset(0 0 1.25rem 0);
  clip-path: inset(0 0 1.25rem 0);
  padding-bottom: 1.25rem;
  margin-bottom: -1.25rem;
  list-style: none;
  /* 邊距設定 */
}

.fbh-scroll-horiz-block ul {
  list-style: none;
}

.fbh-scroll-horiz-block.fbh-pl-6 {
  padding-left: 1.5rem;
}

.fbh-scroll-horiz-block.fbh-after-6::after {
  content: "";
  display: block;
  padding-left: 1.5rem;
  height: 10px;
}

/* reset */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

input:focus {
  outline: 0;
}

a {
  color: inherit;
  text-decoration: inherit;
}

/** 條款區塊，有滑到底按鈕 */
.fbh-agreement {
  height: 10rem;
}

.fbh-agreement.fbh-agrement-full {
  display: flex;
  flex: 1;
  height: 10px;
}

.fbh-agreement .fbh-scroll-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 10px;
  overflow-y: auto;
}

.fbh-agreement .fbh-card-agreement {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: var(--fbh-neutral-alt-fill);
  color: var(--fbh-text-secondary);
}

.fbh-agreement .fbh-agreement-title {
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: var(--fbh-font-medium);
}

.fbh-agreement .fbh-agreement-content {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-top: 0.25rem;
}

.fbh-agreement .fbh-agreement-content>ol:first-child,
.fbh-agreement .fbh-agreement-content ul:first-child {
  margin-top: 0;
}

.fbh-agreement .fbh-btn-agreement-toend {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  bottom: 1.5em;
  right: 1.5rem;
  background-color: var(--fbh-text-tertiary);
  border-radius: 100%;
  color: var(--fbh-text-primary-inverse);
  transition: opacity 0.3s;
  cursor: pointer;
}

.fbh-agreement .fbh-btn-agreement-toend:disabled {
  opacity: 0;
  pointer-events: none;
}

.fbh-agreement-page {
  font-size: var(--fbh-text-p2);
  margin-bottom: 0.5rem;
}

.fbh-agreement-page .fbh-current-page {
  color: var(--fbh-accent-persian-green);
}

/* 收合箭頭動畫 */
.fbh-accordion-header {
  display: grid;
  grid-template-columns: minmax(-webkit-min-content, 100%) -webkit-min-content;
  grid-template-columns: minmax(min-content, 100%) min-content;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  cursor: pointer;
}

.fbh-accordion-header::after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  background-color: var(--fbh-text-secondary);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M18 9L12 15L6 9%27 stroke=%27%23020416%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M18 9L12 15L6 9%27 stroke=%27%23020416%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  -webkit-mask-size: 1rem;
  mask-size: 1rem;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: transform 0.3s;
}

.fbh-accordion-header.fbh-is-active::after {
  transform: rotate(180deg);
}

.fbh-accordion-wrapper {
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: height 0.3s;
}

.fbh-accordion-wrapper.fbh-is-active {
  opacity: 1;
}

.fbh-accordion.fbh-date-accordion .fbh-section-title-date {
  margin-bottom: 0;
}

.fbh-accordion.fbh-date-accordion .fbh-card,
.fbh-accordion.fbh-card-accordion .fbh-card {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.fbh-avatar {
  display: inline-flex;
  width: 3rem;
  height: 3rem;
  overflow: hidden;
  background-color: var(--fbh-white);
}

.fbh-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.fbh-avatar.fbh-avatar-square {
  border-radius: 0.75rem;
}

.fbh-avatar.fbh-avatar-circle {
  border-radius: 100%;
}

.fbh-avatar.fbh-avatar-square .fbh-text,
.fbh-avatar.fbh-avatar-circle .fbh-text {
  margin: auto;
  font-size: var(--fbh-text-p2);
}

.fbh-avatar.fbh-bg-ellipsis {
  background-color: #dcdfec;
}

.fbh-avatar.fbh-avatar-lg {
  width: 3.5rem;
  height: 3.5rem;
}

.fbh-avatar-group {
  display: flex;
}

.fbh-avatar-group .fbh-avatar {
  flex-shrink: 0;
  border-width: 1px;
  border-color: var(--fbh-white);
}

.fbh-avatar-group .fbh-avatar+.fbh-avatar {
  margin-left: -0.75rem;
}

.fbh-ai-avatar {
  width: 36px;
  height: 36px;
  background-image: url(../../../fbh-assets/img/forcss/ai_logo_sequence.png);
  background-size: auto 36px;
  background-repeat: no-repeat;
  background-position: 0 center;
  overflow: hidden;
  animation-timing-function: steps(159);
  animation-duration: 6.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: ani-ai;
}

@keyframes ani-ai {
  0% {
    background-position: 0px center;
  }

  100% {
    background-position: -5724px center;
  }
}

.fbh-badge {
  --avatar-size: 3.5rem;
  position: relative;
  display: inline-flex;
}

.fbh-badge .fbh-avatar {
  width: var(--avatar-size);
  height: var(--avatar-size);
}

.fbh-badge.fbh-btn {
  padding: 0.25rem;
}

.fbh-badge .fbh-badge-content {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.25rem;
  border-radius: 1.25rem;
  background-color: var(--fbh-primary-100);
  font-weight: var(--fbh-font-medium);
  font-size: 12px;
}

.fbh-badge-notification .fbh-badge-content {
  position: absolute;
  top: 0;
  background-color: var(--fbh-status-negative);
  border-width: 1px;
  border-color: var(--fbh-white);
}

.fbh-badge-notification .fbh-badge-content.fbh-dot {
  min-width: auto;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 100%;
  padding: 0;
}

.fbh-badge-notification .fbh-avatar+.fbh-badge-content:not(.fbh-dot) {
  left: calc(var(--avatar-size) / 2 + 0.75rem);
}

.fbh-badge-notification .fbh-avatar+.fbh-badge-content.fbh-dot {
  right: 0.25rem;
}

.fbh-badge-notification .fbh-icon+.fbh-badge-content {
  left: 50%;
}

.fbh-badge-notification .fbh-icon+.fbh-badge-content.fbh-dot {
  transform: translateX(calc(-50% + 0.5rem));
}

.fbh-badge-status .fbh-badge-content {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: transparent;
  border-width: 0;
  padding: 0;
}

.fbh-breadcrumbs {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: var(--fbh-text-p2);
}

.fbh-breadcrumbs .fbh-breadcrumbs-item {
  display: flex;
  align-items: center;
}

.fbh-breadcrumbs .fbh-breadcrumbs-item.fbh-breadcrumbs-item-active {
  font-weight: var(--fbh-font-medium);
}

.fbh-breadcrumbs .fbh-breadcrumbs-item+.fbh-breadcrumbs-item::before {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  display: inline-flex;
  align-items: center;
  background-color: var(--fbh-text-secondary);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg class=%27fbh-icon fbh-icon-xs%27 id=%27icon-chevron-right%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M9 18L15 12L9 6%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3C/path%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg class=%27fbh-icon fbh-icon-xs%27 id=%27icon-chevron-right%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M9 18L15 12L9 6%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3C/path%3E%3C/svg%3E");
  -webkit-mask-size: 1rem;
  mask-size: 1rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.fbh-breadcrumbs .fbh-link {
  color: var(--fbh-text-secondary);
  text-decoration: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  background-color: transparent;
  background-image: none;
  font-size: inherit;
}

.fbh-btn {
  font-size: var(--fbh-text-p1);
  padding-left: 0;
  padding-right: 0;
  border-width: 0;
  background-color: transparent;
  cursor: pointer;
  color: inherit;
}

.fbh-btn:not(.fbh-footer).fbh-btn-primary,
.fbh-btn:not(.fbh-footer).fbh-btn-secondary,
.fbh-btn:not(.fbh-footer).fbh-btn-negative {
  border-radius: 0.75rem;
}

.fbh-btn.fbh-icon-before {
  display: flex;
}

.fbh-btn.fbh-icon-before .fbh-icon-wrapper {
  order: 1;
  display: flex;
  align-items: center;
  font-size: var(--fbh-text-p1);
  margin-right: 0.25rem;
}

.fbh-btn.fbh-icon-before .fbh-text {
  order: 2;
}

.fbh-btn.fbh-icon-after {
  display: flex;
  align-items: center;
}

.fbh-btn.fbh-icon-after .fbh-icon-wrapper {
  order: 2;
  display: flex;
  align-items: center;
  font-size: var(--fbh-text-p1);
  margin-left: 0.25rem;
}

.fbh-btn.fbh-icon-after .fbh-text {
  order: 1;
}

.fbh-btn .fbh-btn-icon,
.fbh-btn .fbh-text {
  vertical-align: text-top;
}

.fbh-btn-primary {
  --btn-padding: 0.75rem;
  width: 100%;
  padding-top: var(--btn-padding);
  padding-bottom: var(--btn-padding);
  text-align: center;
  background-color: var(--fbh-primary-100);
  color: var(--fbh-text-primary-inverse);
  font-weight: var(--fbh-font-medium);
}

.fbh-btn-primary:active:not(:disabled) {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%), var(--fbh-primary-100);
}

.fbh-btn-primary:disabled {
  background-color: var(--fbh-neutral-disabled-fill);
  color: var(--fbh-text-disabled);
  font-weight: 400;
  cursor: not-allowed;
}

.fbh-btn-secondary {
  width: 100%;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: center;
  background-color: var(--fbh-neutral-alt-fill-darken);
  color: var(--fbh-text-primary);
}

.fbh-btn-secondary:active:not(:disabled) {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%), var(--fbh-neutral-alt-fill);
}

.fbh-btn-secondary:disabled {
  background-color: var(--fbh-neutral-disabled-fill);
  color: var(--fbh-text-disabled);
  cursor: not-allowed;
}

.fbh-btn-negative {
  width: 100%;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: center;
  background-color: var(--fbh-status-negative);
  color: var(--fbh-text-primary-inverse);
}

.fbh-btn-negative:active:not(:disabled) {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%), var(--fbh-status-negative);
}

.fbh-btn-negative:disabled {
  background-color: var(--fbh-neutral-disabled-fill);
  color: var(--fbh-text-disabled);
  cursor: not-allowed;
}

.fbh-btn-text {
  color: var(--fbh-primary-100);
  font-weight: var(--fbh-font-medium);
  text-align: left;
}

.fbh-btn-text:active:not(:disabled) {
  color: var(--fbh-primary-200);
}

.fbh-btn-text:disabled {
  color: var(--fbh-text-disabled);
  font-weight: 400;
  cursor: not-allowed;
}

a.fbh-btn-text {
  text-decoration: none;
}

.fbh-btn-action-primary {
  background-color: var(--fbh-primary-10);
  color: var(--fbh-primary-100);
  border-radius: 0.75rem;
  padding: 0.5rem 0.75rem;
  height: 2.5rem;
}

.fbh-btn-action-primary.fbh-icon-only {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
}

.fbh-btn-action-primary:active:not(:disabled) {
  background-color: #eaf4fa;
  color: var(--fbh-primary-200);
}

.fbh-btn-action-primary .fbh-text {
  font-weight: var(--fbh-font-medium);
}

.fbh-btn-action-primary:disabled {
  background-color: var(--fbh-neutral-disabled-fill);
  color: var(--fbh-text-disabled);
  cursor: not-allowed;
}

.fbh-btn-action-primary:disabled .fbh-text {
  font-weight: 400;
}

.fbh-badge-btn {
  border-width: 1px;
  border-radius: 999px;
  padding: 0.375rem 0.75rem;
  display: inline-flex;
  align-items: center;
}

.fbh-badge-btn .fbh-text {
  font-weight: var(--fbh-font-medium);
}

.fbh-badge-btn.fbh-badge-before .fbh-badge {
  order: 1;
  margin-right: 0.25rem;
}

.fbh-badge-btn.fbh-badge-before .fbh-text {
  order: 2;
}

.fbh-badge-btn.fbh-badge-after .fbh-badge {
  margin-left: 0.25rem;
}

.fbh-quick-action-block {
  display: flex;
}

.fbh-quick-action-block .fbh-btn {
  flex: 1 1 25%;
  background-color: var(--fbh-neutral-main-fill);
  border-radius: 0.75rem;
  padding: 0.75rem 0.25rem;
  display: grid;
  grid-template-rows: -webkit-min-content auto;
  grid-template-rows: min-content auto;
  row-gap: 0.25rem;
  justify-content: center;
  min-height: 4.275rem;
}

.fbh-quick-action-block .fbh-btn+.fbh-btn {
  margin-left: 0.5rem;
}

.fbh-quick-action-block .fbh-icon-wrapper {
  display: flex;
  justify-content: center;
  color: var(--fbh-primary-100);
}

.fbh-quick-action-block .fbh-text {
  font-size: var(--fbh-text-p2);
}

.fbh-btn-refresh {
  width: 3.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fbh-primary-100);
  background-color: var(--fbh-neutral-alt-fill);
  border-radius: 0.75rem;
}

.fbh-btn-refresh .fbh-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.fbh-btn-refresh:active {
  color: var(--fbh-primary-200);
}

.fbh-base-btn-block {
  display: flex;
  width: 100%;
}

.fbh-footer-action {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

.fbh-footer-action .fbh-footer {
  padding-bottom: calc(var(--btn-padding) + var(--fbh-sab));
}

.fbh-card {
  border-radius: 0.75rem;
}

.fbh-card-neutral-alt-fill {
  background-color: var(--fbh-neutral-alt-fill);
}

.fbh-card.fbh-card-space-4,
.fbh-card-neutral-alt-fill.fbh-card-space-4 {
  padding: 1rem;
}

.fbh-card.fbh-card-space-x-4,
.fbh-card-neutral-alt-fill.fbh-card-space-x-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.fbh-card.fbh-card-space-y-2,
.fbh-card-neutral-alt-fill.fbh-card-space-y-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.fbh-card.fbh-card-outer-space-y-3,
.fbh-card-neutral-alt-fill.fbh-card-outer-space-y-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.fbh-swiper {
  --swiper-pagination-bullet-size: 0.375rem;
  --swiper-pagination-bullet-inactive-color: var(--fbh-text-placeholder);
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-color: var(--fbh-primary-100);
  --swiper-pagination-bullet-horizontal-gap: 3px;
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
  position: static;
  display: flex;
  justify-content: center;
  padding: 0.5rem 0;
}

.swiper-pagination-bullet-active {
  width: 0.75rem;
  border-radius: var(--swiper-pagination-bullet-size);
}

.fbh-carousel-large .swiper-slide {
  border-radius: 0.75rem;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto 1fr;
  height: auto;
}

.fbh-carousel-large .fbh-carousel-img-wrapper {
  display: flex;
}

.fbh-carousel-large .fbh-leading-img {
  width: 100%;
}

.fbh-carousel-large .fbh-carousel-text-wrapper {
  background-color: var(--fbh-neutral-main-fill);
  padding: 1rem;
}

.fbh-carousel-large .fbh-carousel-text-wrapper .fbh-title {
  font-weight: var(--fbh-font-medium);
  display: flex;
}

.fbh-carousel-large .fbh-carousel-text-wrapper .fbh-subtext {
  font-size: var(--fbh-text-p2);
  color: var(--fbh-status-bonus);
}

.fbh-carousel-large .fbh-carousel-text-wrapper .fbh-content {
  font-size: var(--fbh-text-p2);
  color: var(--fbh-text-secondary);
}

.fbh-carousel-small .swiper-slide {
  border-radius: 0.75rem;
  overflow: hidden;
  display: grid;
  align-items: flex-end;
  background-color: var(--fbh-primary-600);
}

.fbh-carousel-small .fbh-carousel-container {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
}

.fbh-carousel-small .fbh-carousel-img-wrapper {
  display: flex;
  flex-direction: column;
  margin-top: auto;
}

.fbh-carousel-small .fbh-carousel-img-wrapper img {
  width: 6.25rem;
}

.fbh-carousel-small .fbh-carousel-text-wrapper {
  padding: 1rem;
  color: var(--fbh-text-primary-inverse);
}

.fbh-carousel-small .fbh-carousel-text-wrapper .fbh-icon-wrapper {
  width: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fbh-carousel-small .fbh-carousel-text-wrapper .fbh-title {
  font-size: var(--fbh-text-h3);
  line-height: 1.2;
  font-weight: var(--fbh-font-medium);
  display: flex;
}

.fbh-carousel-small .fbh-carousel-text-wrapper .fbh-content {
  font-size: var(--fbh-text-p2);
  margin-top: 0.25rem;
}

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

.fbh-checkbox input {
  display: none;
}

.fbh-checkbox .fbh-marker {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.25rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.fbh-checkbox .fbh-marker::before {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  border-radius: 3px;
  border-width: 1px;
  background-color: var(--fbh-white);
  border-color: var(--fbh-neutral-divider-stroke);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fbh-checkbox .fbh-marker::after {
  opacity: 0;
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  background-color: var(--fbh-white);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2714%27 height=%2710%27 viewBox=%270 0 14 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1 5.57143L4.78947 9L13 1%27 stroke=%27white%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width=%2714%27 height=%2710%27 viewBox=%270 0 14 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1 5.57143L4.78947 9L13 1%27 stroke=%27white%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 0.875rem;
  mask-size: 0.875rem;
  -webkit-mask-position: center;
  mask-position: center;
}

.fbh-checkbox input:checked+.fbh-marker::before {
  background-color: var(--fbh-primary-100);
  border-color: var(--fbh-primary-100);
}

.fbh-checkbox input:checked+.fbh-marker::after {
  opacity: 1;
}

.fbh-checkbox input:disabled+.fbh-marker::before {
  background-color: var(--fbh-neutral-alt-fill);
  border-color: var(--fbh-neutral-alt-fill);
}

.fbh-checkbox input:disabled+.fbh-marker::after {
  background-color: var(--fbh-text-disabled);
}

.fbh-checkbox-group {
  margin-top: -1rem;
  margin-left: -1rem;
  margin-right: -1rem;
  display: flex;
  flex-wrap: wrap;
}

.fbh-checkbox-group .fbh-checkbox {
  margin-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.fbh-datepicker .air-datepicker {
  --adp-font-family: var(--font);
  --adp-font-size: var(--fbh-text-p1);
  --adp-width: 100%;
  --adp-border-color: var(--fbh-neutral-divider-stroke);
  --adp-border-color-inner: transparent;
  --adp-border-radius: 0.75rem;
  --adp-btn-height: 100%;
  --adp-btn-border-radius: 0 0 0.75rem 0.75rem;
  --adp-btn-color: var(--fbh-text-primary-inverse);
  --adp-btn-color-hover: var(--fbh-text-primary-inverse);
  --adp-btn-background-color-hover: var(--fbh-primary-100);
  --adp-btn-background-color-active: var(--fbh-primary-200);
  --adp-color: var(--fbh-text-primary);
  --adp-day-name-color: var(--fbh-text-secondary);
  --adp-color-other-month: var(--fbh-text-tertiary);
  --adp-color-other-month-hover: var(--fbh-text-tertiary);
  --adp-color-current-date: var(--fbh-primary-100);
  --adp-color-disabled: var(--fbh-text-tertiary);
  --adp-cell-background-color-selected: var(--fbh-primary-100);
  --adp-cell-background-color-selected-hover: transparent;
  --adp-cell-background-color-in-range: var(--fbh-neutral-alt-fill);
  --adp-cell-background-color-in-range-hover: var(--fbh-neutral-alt-fill);
  --adp-background-color-in-range: var(--fbh-neutral-alt-fill);
  --adp-background-color-in-range-focused: var(--fbh-neutral-alt-fill);
  --adp-background-color-selected-other-month: transparent;
  --adp-background-color-selected-other-month-focused: transparent;
  --adp-day-cell-height: 2.5rem;
  --adp-grid-areas: "nav" "body" "timepicker" "result" "buttons";
}

.fbh-datepicker .air-datepicker-nav {
  --adp-padding: 1rem;
  border-width: 0;
}

.fbh-datepicker .air-datepicker-nav--title {
  --adp-background-color-hover: transparent;
  --adp-background-color-active: transparent;
  font-weight: var(--fbh-font-medium);
}

.fbh-datepicker .air-datepicker-nav--action {
  --adp-background-color-hover: var(--fbh-text-primary);
  --adp-background-color-active: var(--fbh-text-primary);
  background-color: var(--fbh-text-primary);
  -webkit-mask-size: 1.5rem;
  mask-size: 1.5rem;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.fbh-datepicker .air-datepicker-nav--action svg {
  display: none;
}

.fbh-datepicker .air-datepicker-nav--action[data-action=prev] {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M15 18L9 12L15 6%27 stroke=%27%23020416%27 stroke-opacity=%270.96%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M15 18L9 12L15 6%27 stroke=%27%23020416%27 stroke-opacity=%270.96%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
}

.fbh-datepicker .air-datepicker-nav--action[data-action=next] {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M9 18L15 12L9 6%27 stroke=%27%23020416%27 stroke-opacity=%270.96%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M9 18L15 12L9 6%27 stroke=%27%23020416%27 stroke-opacity=%270.96%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
}

.fbh-datepicker .air-datepicker--content {
  --adp-padding: 0;
}

.fbh-datepicker .air-datepicker-body--day-names {
  margin: 0;
  padding: 0.75rem 0.5rem;
  background-color: #f6f6f6;
}

.fbh-datepicker .air-datepicker-body--day-name {
  font-size: var(--fbh-text-p1);
}

.fbh-datepicker .air-datepicker-body--cells.-days- {
  padding: 0.25rem 0.5rem 1rem;
  row-gap: 0.25rem;
}

.fbh-datepicker .air-datepicker-cell {
  position: relative;
}

.fbh-datepicker .air-datepicker-cell::before {
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.fbh-datepicker .air-datepicker-cell .-current--dot-::after {
  content: "";
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 100%;
  background-color: var(--fbh-primary-100);
  position: absolute;
  left: 50%;
  bottom: 0.25rem;
  transform: translate(-50%, 0);
}

.fbh-datepicker .air-datepicker-cell.-in-range-.-day-.-other-month- {
  color: var(--adp-color-other-month);
}

.fbh-datepicker .air-datepicker-cell.-in-range-::before {
  display: none;
}

.fbh-datepicker .air-datepicker-cell.-selected-,
.fbh-datepicker .air-datepicker-cell.-focus- {
  background-color: transparent;
}

.fbh-datepicker .air-datepicker-cell.-focus-::before {
  background-color: var(--fbh-neutral-alt-fill);
}

.fbh-datepicker .air-datepicker-cell.-disabled-.-focus-::before {
  background-color: transparent;
}

.fbh-datepicker .air-datepicker-cell.-selected-::before {
  background-color: var(--adp-cell-background-color-selected);
}

.fbh-datepicker .air-datepicker-cell.-selected- .-current--dot-::after {
  background-color: var(--fbh-white);
}

.fbh-datepicker .air-datepicker-cell.-current-.-focus- {
  color: var(--adp-color-current-date);
}

.fbh-datepicker .air-datepicker-cell.-current-.-selected- {
  color: #fff;
  background-color: transparent;
}

.fbh-datepicker .air-datepicker-cell.-range-from-,
.fbh-datepicker .air-datepicker-cell.-range-to- {
  border-width: 0;
}

.fbh-datepicker .air-datepicker-cell.-range-from-::after,
.fbh-datepicker .air-datepicker-cell.-range-to-::after {
  content: "";
  position: absolute;
  display: block;
  width: 50%;
  height: 100%;
  background-color: var(--fbh-neutral-alt-fill);
  z-index: -2;
}

.fbh-datepicker .air-datepicker-cell.-range-from-::after {
  right: 0;
}

.fbh-datepicker .air-datepicker-cell.-range-to-::after {
  left: 0;
}

.fbh-datepicker .air-datepicker--buttons {
  --adp-padding: 0;
  border-width: 0;
}

.fbh-datepicker .air-datepicker-button {
  padding: 1rem;
  background: transparent;
  background-color: var(--fbh-primary-100);
}

.fbh-datepicker .air-datepicker--result {
  grid-area: result;
  text-align: center;
  padding: 0 1rem 1rem;
}

.fbh-dialog {
  display: flex;
  flex-direction: column;
  position: absolute;
  padding-top: 2rem;
  background-color: var(--fbh-neutral-main-fill);
  opacity: 0;
  pointer-events: auto;
  left: 50%;
  top: 50%;
  width: calc(100% - 3rem);
  max-height: 66%;
  transform: translate(-50%, -65%);
  border-radius: 1rem;
}

.fbh-dialog .fbh-btn-close {
  position: absolute;
  right: 1rem;
  top: 1rem;
  color: rgba(var(--fbh-text-secondary));
}

.fbh-dialog-header:not(:empty) {
  flex-shrink: 0;
  padding: 0 1.5rem 1rem;
  text-align: center;
}

.fbh-dialog-body {
  padding: 0 1.5rem 2rem;
  overflow-y: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.fbh-dialog-body.fbh-text-left {
  text-align: left;
}

.fbh-dialog-footer {
  flex-shrink: 0;
  overflow: hidden;
  border-bottom-left-radius: calc(1rem - 1px);
  border-bottom-right-radius: calc(1rem - 1px);
}

.fbh-dialog-footer .fbh-base-btn-block {
  flex-direction: row;
}

.fbh-dialog-footer .fbh-base-btn-block .fbh-btn {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.fbh-divider {
  height: 1px;
  background-color: var(--fbh-neutral-divider-stroke);
}

.fbh-divider.fbh-divider-l {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.fbh-divider.fbh-divider-xl {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.fbh-drawer {
  display: flex;
  flex-direction: column;
  position: absolute;
  background-color: var(--fbh-neutral-main-fill);
  pointer-events: auto;
  opacity: 0;
  width: 100%;
  left: 50%;
  bottom: 0;
  min-height: 10rem;
  max-height: calc(100% - 1.25rem - var(--fbh-sat));
  transform: translate(-50%, 100%);
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  padding-top: 1rem;
}

.fbh-drawer .fbh-drawer-btn-close {
  position: absolute;
  right: 1rem;
  top: 1rem;
  background-color: var(--fbh-text-secondary);
  z-index: 1;
  width: 1.25rem;
  height: 1.25rem;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M15 5L5 15M5 5L15 15%27 stroke=%27%23020416%27 stroke-width=%271.66%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M15 5L5 15M5 5L15 15%27 stroke=%27%23020416%27 stroke-width=%271.66%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  -webkit-mask-size: 100%;
  mask-size: 100%;
  cursor: pointer;
}

.fbh-drawer.fbh-agreement-drawer {
  height: calc(100% - 1.25rem - var(--fbh-sat));
}

.fbh-drawer.fbh-agreement-drawer .fbh-drawer-body {
  display: flex;
  flex-direction: column;
}

.fbh-modal-in .fbh-drawer {
  opacity: 1;
  transform: translate(-50%, 0%);
  animation: drawer-in 0.3s ease-in-out;
  animation-fill-mode: backwards;
}

@keyframes drawer-in {
  from {
    opacity: 0;
    transform: translate(-50%, 100%);
  }

  to {
    opacity: 1;
    transform: translate(-50%, 0%);
  }
}

.fbh-modal-out .fbh-drawer {
  opacity: 0;
  transform: translate(-50%, 0%);
  animation: drawer-out 0.2s ease-in-out;
  animation-fill-mode: backwards;
}

@keyframes drawer-out {
  from {
    opacity: 1;
    transform: translate(-50%, 0%);
  }

  to {
    opacity: 0;
    transform: translate(-50%, 100%);
  }
}

.fbh-drawer-header .fbh-title {
  font-size: var(--fbh-text-h3);
  line-height: 1.2;
  font-weight: var(--fbh-font-medium);
  margin-top: 1.5rem;
}

.fbh-drawer-header .fbh-title-center {
  text-align: center;
  padding-left: 2.5rem;
}

.fbh-drawer-header .fbh-agreement-page {
  margin-bottom: -1rem;
}

.fbh-drawer-header .fbh-subtitle {
  margin-top: 0.5rem;
}

.fbh-drawer-header:not(:empty) {
  padding: 0 2.5rem 1rem 1.5rem;
}

.fbh-drawer-body {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.fbh-drawer-body:last-child {
  padding-bottom: calc(1rem + var(--fbh-sab));
}

.fbh-drawer-body .fbh-section-title:first-child {
  margin-top: 0;
}

.fbh-drawer-footer.fbh-l-col {
  display: flex;
  padding: 1rem 1.5rem calc(0.5rem + var(--fbh-sab));
}

.fbh-drawer-footer.fbh-l-col .fbh-btn-size-2\/5 {
  width: 40%;
}

.fbh-drawer-footer.fbh-l-col .fbh-btn+.fbh-btn {
  margin-left: 0.5rem;
}

.fbh-drawer-footer.fbh-drawer-footer-border-t {
  border-top-width: 1px;
}

.fbh-drawer-footer .btn-footer {
  padding-bottom: var(--fbh-sab);
}

.fbh-drawer-search .fbh-input-search {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.fbh-dropdown {
  display: flex;
  align-items: center;
  border-width: 1px;
  border-color: var(--fbh-neutral-alt-fill);
  background-color: var(--fbh-neutral-alt-fill);
  border-radius: 0.75rem;
  min-height: 3.25rem;
  padding: calc(1rem - 3px) calc(1rem - 1px);
  cursor: pointer;
}

.fbh-dropdown .fbh-dropdown-content {
  flex-grow: 1;
}

.fbh-dropdown .fbh-dropdown-content:empty::after {
  content: attr(data-placeholder);
  color: var(--fbh-text-placeholder);
}

.fbh-dropdown .fbh-dropdown-content .fbh-subvalue {
  font-size: var(--fbh-text-p2);
  color: var(--fbh-text-secondary);
  margin-top: 2px;
}

.fbh-dropdown .fbh-dropdown-icon {
  background-color: var(--fbh-text-secondary);
  flex-shrink: 0;
  margin-left: 0.5rem;
  width: 1.25rem;
  height: 1.25rem;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M15 7.5L10 12.5L5 7.5%27 stroke=%27%23020416%27 stroke-width=%271.66%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M15 7.5L10 12.5L5 7.5%27 stroke=%27%23020416%27 stroke-width=%271.66%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
}

.fbh-floating-btn-ai {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 100%;
  box-shadow: 0px 8px 24px rgba(2, 4, 22, 0.16), 0px 4px 16px rgba(2, 4, 22, 0.32);
}

.fbh-floating-shortcut {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.fbh-floating-shortcut .fbh-floating-shortcut-btn {
  position: absolute;
  right: 1rem;
  bottom: calc(1rem + var(--fbh-sab));
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  background-color: var(--fbh-primary-600);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
  color: var(--fbh-text-primary-inverse);
  transition: all 0.3s ease-in-out;
}

.fbh-floating-shortcut .fbh-floating-shortcut-btn .fbh-label {
  font-size: var(--fbh-text-p2);
}

.fbh-floating-shortcut.is-active {
  pointer-events: auto;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

.fbh-floating-shortcut.is-active .fbh-shortcut-menu {
  opacity: 1;
  transform: scale(1) translateY(0);
}

.fbh-floating-shortcut.is-active .fbh-floating-shortcut-btn {
  width: 2.5rem;
  height: 2.5rem;
  transform: translate(-1.75rem, -0.5rem);
}

.fbh-floating-shortcut.is-active .fbh-floating-shortcut-btn .fbh-icon,
.fbh-floating-shortcut.is-active .fbh-floating-shortcut-btn .fbh-label {
  display: none;
}

.fbh-floating-shortcut.is-active .fbh-floating-shortcut-btn::before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--fbh-white);
  -webkit-mask-image: url("data:image/svg+xml,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M18 6L6 18M6 6L18 18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>");
  mask-image: url("data:image/svg+xml,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M18 6L6 18M6 6L18 18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>");
}

.fbh-floating-shortcut .fbh-shortcut-menu {
  position: absolute;
  bottom: calc(5rem + var(--fbh-sab));
  right: 2rem;
  display: grid;
  grid-row-gap: 1rem;
  opacity: 0;
  transform: scale(0) translateY(15rem);
  transition: transform 0.3s;
}

.fbh-floating-shortcut .fbh-shortcut-menu>button {
  position: relative;
  width: 4rem;
  height: 4rem;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08), 0px 0px 16px rgba(0, 0, 0, 0.12);
  background-color: var(--fbh-neutral-main-fill);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fbh-floating-shortcut .fbh-shortcut-menu>button .fbh-icon {
  color: var(--fbh-primary-100);
}

.fbh-floating-shortcut .fbh-shortcut-menu .fbh-label {
  position: absolute;
  pointer-events: none;
  white-space: nowrap;
  font-weight: var(--fbh-font-medium);
  top: 50%;
  transform: translateY(-50%);
  right: 100%;
  margin-right: 0.75rem;
}

.fbh-floating-btn-cs {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  background-color: var(--fbh-primary-600);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
  color: var(--fbh-text-primary-inverse);
}

.fbh-floating-btn-anchor {
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  background-color: var(--fbh-text-tertiary);
  color: var(--fbh-text-primary-inverse);
  font-size: 0;
}

.fbh-form-group {
  display: grid;
  grid-template-areas: "title" "field" "error" "info";
  margin-top: 0.75rem;
}

.fbh-form-group.fbh-form-verify-group {
  grid-template-areas: "title title" "field button" "error error" "info info";
  grid-template-columns: auto -webkit-min-content;
  grid-template-columns: auto min-content;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}

.fbh-form-group .fbh-form-head-wrapper {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  margin-top: 0.75rem;
  margin-bottom: 0.5rem;
  grid-area: title;
}

.fbh-form-group .fbh-input,
.fbh-form-group .fbh-dropdown,
.fbh-form-group .fbh-checkbox-group,
.fbh-form-group .fbh-radio-group {
  grid-area: field;
}

.fbh-form-group .fbh-form-title {
  font-weight: var(--fbh-font-medium);
}

.fbh-form-group.fbh-error .fbh-input,
.fbh-form-group.fbh-error .fbh-dropdown {
  border-color: var(--fbh-status-negative);
}

.fbh-form-group.fbh-disabled .fbh-input,
.fbh-form-group.fbh-disabled .fbh-dropdown {
  background-color: var(--fbh-neutral-disabled-fill);
  border-color: var(--fbh-neutral-disabled-fill);
  cursor: default;
}

.fbh-form-group.fbh-disabled .fbh-input input,
.fbh-form-group.fbh-disabled .fbh-dropdown input {
  color: var(--fbh-text-secondary);
}

.fbh-form-group.fbh-disabled .fbh-dropdown .fbh-dropdown-content .fbh-text,
.fbh-form-group.fbh-disabled .fbh-dropdown .fbh-dropdown-content .fbh-subvalue {
  color: var(--fbh-text-tertiary);
}

.fbh-form-group.fbh-disabled .fbh-input-decimal label {
  border-width: 0;
}

.fbh-form-group.fbh-disabled .fbh-input-decimal .fbh-btn {
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0);
}

.fbh-form-group.fbh-disabled .fbh-input-decimal .fbh-btn::before {
  background-color: var(--fbh-text-tertiary);
}

.fbh-form-group .fbh-btn-refresh {
  grid-area: button;
}

.fbh-form-group .fbh-btn-mask-toggle {
  margin-right: 1rem;
}

.fbh-form-status-text {
  display: none;
  color: var(--fbh-status-negative);
  margin-top: 0.5rem;
  grid-area: error;
}

.fbh-form-helper-text {
  color: var(--fbh-text-secondary);
  grid-area: info;
}

.fbh-form-helper-text:not(:empty) {
  margin-top: 0.5rem;
}

.fbh-error .fbh-form-status-text,
.fbh-error~.fbh-form-status-text {
  display: block;
}

.fbh-error .fbh-form-helper-text,
.fbh-error~.fbh-form-helper-text {
  display: none;
}

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

.fbh-icon-base {
  width: 1.5rem;
  height: 1.5rem;
}

.fbh-icon-xs {
  width: 1rem;
  height: 1rem;
}

.fbh-icon-sm {
  width: 1.25rem;
  height: 1.25rem;
}

.fbh-icon-lg {
  width: 2rem;
  height: 2rem;
}

.fbh-icon-lg * {
  stroke-width: 2.667;
}

.fbh-icon-xl {
  width: 3rem;
  height: 3rem;
}

.fbh-icon-xl * {
  stroke-width: 1.75;
}

.fbh-icon-xxl {
  width: 3.75rem;
  height: 3.75rem;
}

.fbh-icon-xxl * {
  stroke-width: 5;
}

/* 文字輸入框 */
.fbh-input {
  display: flex;
  align-items: center;
  border-width: 1px;
  border-style: solid;
  border-color: var(--fbh-neutral-alt-fill);
  background-color: var(--fbh-neutral-alt-fill);
  border-radius: 0.75rem;
  height: 3.25rem;
  overflow: hidden;
}

.fbh-input:focus-within {
  border-color: var(--fbh-primary-100);
}

.fbh-input:focus-within input {
  outline: 0;
}

.fbh-input label {
  flex: 1;
  display: flex;
  align-items: center;
  height: 100%;
}

.fbh-input label.fbh-checkbox {
  flex: 0 0 auto;
  margin-right: 1rem;
}

.fbh-input input {
  background-color: transparent;
  border-width: 0;
  flex: 1;
  width: 1px;
  height: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: var(--fbh-text-p1);
}

.fbh-input input::-moz-placeholder {
  color: var(--fbh-text-placeholder);
}

.fbh-input input::placeholder {
  color: var(--fbh-text-placeholder);
}

.fbh-input .fbh-icon-wrapper {
  display: flex;
  align-items: center;
  height: 1.5em;
}

.fbh-input .fbh-icon-wrapper.fbh-icon-before {
  margin-left: 1rem;
  margin-right: -0.5rem;
}

.fbh-input .fbh-icon-wrapper.fbh-icon-after {
  margin-left: -0.5rem;
  margin-right: 1rem;
}

.fbh-input .fbh-suffix-text {
  margin-right: 1rem;
}

.fbh-input .fbh-verify-code {
  height: 100%;
  width: 7.5rem;
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
  -o-object-fit: cover;
  object-fit: cover;
}

/* 搜尋輸入框 */
.fbh-input-search label {
  width: calc(100% - 16px);
}

.fbh-input-search label::before {
  content: "";
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  background-color: var(--fbh-text-secondary);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M13.5332 13.333L16.8665 16.6663M15.1999 9.16634C15.1999 12.388 12.5882 14.9997 9.36654 14.9997C6.14488 14.9997 3.5332 12.388 3.5332 9.16634C3.5332 5.94468 6.14488 3.33301 9.36654 3.33301C12.5882 3.33301 15.1999 5.94468 15.1999 9.16634Z%27 stroke=%27%23020416%27 stroke-width=%271.66%27 stroke-linecap=%27round%27/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M13.5332 13.333L16.8665 16.6663M15.1999 9.16634C15.1999 12.388 12.5882 14.9997 9.36654 14.9997C6.14488 14.9997 3.5332 12.388 3.5332 9.16634C3.5332 5.94468 6.14488 3.33301 9.36654 3.33301C12.5882 3.33301 15.1999 5.94468 15.1999 9.16634Z%27 stroke=%27%23020416%27 stroke-width=%271.66%27 stroke-linecap=%27round%27/%3E%3C/svg%3E%0A");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 1.25rem;
  mask-size: 1.25rem;
  margin-left: 1rem;
  margin-right: -0.5rem;
}

.fbh-input-search .fbh-btn-input-clear {
  width: 0;
  height: 0;
  background-color: var(--fbh-text-placeholder);
  opacity: 0;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M10.5 17.5C14.6421 17.5 18 14.1421 18 10C18 5.85786 14.6421 2.5 10.5 2.5C6.35786 2.5 3 5.85786 3 10C3 14.1421 6.35786 17.5 10.5 17.5ZM7.75357 6.07977C7.42943 5.75564 6.90391 5.75564 6.57977 6.07977C6.25564 6.40391 6.25564 6.92943 6.57977 7.25357L9.32621 10L6.57977 12.7464C6.25564 13.0706 6.25564 13.5961 6.57977 13.9202C6.90391 14.2444 7.42943 14.2444 7.75357 13.9202L10.5 11.1738L13.2464 13.9202C13.5706 14.2444 14.0961 14.2444 14.4202 13.9202C14.7444 13.5961 14.7444 13.0706 14.4202 12.7464L11.6738 10L14.4202 7.25357C14.7444 6.92943 14.7444 6.40391 14.4202 6.07977C14.0961 5.75564 13.5706 5.75564 13.2464 6.07977L10.5 8.82621L7.75357 6.07977Z%27 fill=%27%23020416%27/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M10.5 17.5C14.6421 17.5 18 14.1421 18 10C18 5.85786 14.6421 2.5 10.5 2.5C6.35786 2.5 3 5.85786 3 10C3 14.1421 6.35786 17.5 10.5 17.5ZM7.75357 6.07977C7.42943 5.75564 6.90391 5.75564 6.57977 6.07977C6.25564 6.40391 6.25564 6.92943 6.57977 7.25357L9.32621 10L6.57977 12.7464C6.25564 13.0706 6.25564 13.5961 6.57977 13.9202C6.90391 14.2444 7.42943 14.2444 7.75357 13.9202L10.5 11.1738L13.2464 13.9202C13.5706 14.2444 14.0961 14.2444 14.4202 13.9202C14.7444 13.5961 14.7444 13.0706 14.4202 12.7464L11.6738 10L14.4202 7.25357C14.7444 6.92943 14.7444 6.40391 14.4202 6.07977C14.0961 5.75564 13.5706 5.75564 13.2464 6.07977L10.5 8.82621L7.75357 6.07977Z%27 fill=%27%23020416%27/%3E%3C/svg%3E%0A");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 1.25rem;
  mask-size: 1.25rem;
}

.fbh-input-search input[type=search]::-webkit-search-decoration {
  display: none;
}

.fbh-input-search.fbh-is-input .fbh-btn-input-clear {
  width: 1rem;
  height: 1rem;
  opacity: 1;
  margin-left: 0.25rem;
  margin-right: 1rem;
}

/* 數字輸入框 */
.fbh-input-decimal label {
  border-left-width: 1px;
  border-right-width: 1px;
}

.fbh-input-decimal label input {
  text-align: center;
}

.fbh-input-decimal .fbh-btn {
  width: 3.25rem;
  height: 100%;
  background-color: var(--fbh-neutral-alt-fill);
}

.fbh-input-decimal .fbh-btn::before {
  content: "";
  display: flex;
  width: 100%;
  height: 100%;
  background-color: var(--fbh-text-primary);
  -webkit-mask-size: 1.25rem;
  mask-size: 1.25rem;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.fbh-input-decimal .fbh-btn:active {
  background-color: var(--fbh-neutral-alt-fill-darken);
}

.fbh-input-decimal .fbh-btn:disabled {
  cursor: not-allowed;
  pointer-events: none;
}

.fbh-input-decimal .fbh-btn:disabled::before {
  background-color: var(--fbh-text-tertiary);
}

.fbh-input-decimal .fbh-btn-minus::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5 12L19 12%27 stroke=%27%23020416%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5 12L19 12%27 stroke=%27%23020416%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3C/svg%3E%0A");
}

.fbh-input-decimal .fbh-btn-plus::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5 12L19 12M12 5L12 19%27 stroke=%27%23020416%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5 12L19 12M12 5L12 19%27 stroke=%27%23020416%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3C/svg%3E%0A");
}

/* 驗證碼輸入框 */
.fbh-input-code {
  background-color: transparent;
  border-width: 0;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  justify-content: center;
  -moz-column-gap: 0.75rem;
  column-gap: 0.75rem;
}

.fbh-input-code input {
  width: 2.5rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--fbh-neutral-alt-fill);
  background-color: var(--fbh-neutral-alt-fill);
  padding-left: 0;
  padding-right: 0;
  border-radius: 0.75rem;
  height: 3.25rem;
  text-align: center;
  caret-color: transparent;
  font-size: var(--fbh-text-h1);
  line-height: 1.25;
  font-weight: var(--fbh-font-medium);
}

.fbh-input-code input:focus {
  border-color: var(--fbh-primary-100);
}

/* 日期輸入框 */
.fbh-input-datepicker label {
  width: calc(100% - 16px);
}

.fbh-input-datepicker label::after {
  content: "";
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  background-color: var(--fbh-text-secondary);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M16 3V7M8 3V7M3 10H21M5 5H19C20.1046 5 21 5.89543 21 7V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19L3 7C3 5.89543 3.89543 5 5 5Z%27 stroke=%27%23020416%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M16 3V7M8 3V7M3 10H21M5 5H19C20.1046 5 21 5.89543 21 7V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19L3 7C3 5.89543 3.89543 5 5 5Z%27 stroke=%27%23020416%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3C/svg%3E%0A");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 1.25rem;
  mask-size: 1.25rem;
  margin-left: -0.5rem;
  margin-right: 1rem;
}

.fbh-btn-mask-toggle {
  height: 1.5rem;
  display: flex;
  align-items: center;
}

.fbh-btn-mask-toggle::before {
  content: "";
  background-color: var(--fbh-text-primary);
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M21.6711 11.2972C21.9011 11.7424 21.9011 12.2576 21.6711 12.7028C20.7546 14.4777 17.8455 20 11.9999 20C6.15432 20 3.24529 14.4777 2.32871 12.7028C2.09876 12.2576 2.09876 11.7424 2.32871 11.2972C3.24529 9.52234 6.15432 4 11.9999 4C17.8455 4 20.7546 9.52234 21.6711 11.2972Z%27 stroke=%27%23020416%27 stroke-opacity=%270.96%27 stroke-width=%272%27/%3E%3Cpath d=%27M14.9999 12C14.9999 13.6569 13.6568 15 11.9999 15C10.3431 15 8.99993 13.6569 8.99993 12C8.99993 10.3431 10.3431 9 11.9999 9C13.6568 9 14.9999 10.3431 14.9999 12Z%27 stroke=%27%23020416%27 stroke-width=%272%27/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M21.6711 11.2972C21.9011 11.7424 21.9011 12.2576 21.6711 12.7028C20.7546 14.4777 17.8455 20 11.9999 20C6.15432 20 3.24529 14.4777 2.32871 12.7028C2.09876 12.2576 2.09876 11.7424 2.32871 11.2972C3.24529 9.52234 6.15432 4 11.9999 4C17.8455 4 20.7546 9.52234 21.6711 11.2972Z%27 stroke=%27%23020416%27 stroke-opacity=%270.96%27 stroke-width=%272%27/%3E%3Cpath d=%27M14.9999 12C14.9999 13.6569 13.6568 15 11.9999 15C10.3431 15 8.99993 13.6569 8.99993 12C8.99993 10.3431 10.3431 9 11.9999 9C13.6568 9 14.9999 10.3431 14.9999 12Z%27 stroke=%27%23020416%27 stroke-width=%272%27/%3E%3C/svg%3E%0A");
  -webkit-mask-size: 1.25rem;
  mask-size: 1.25rem;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.fbh-is-mask .fbh-btn-mask-toggle::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M21.6715 7.70312C20.755 9.47795 17.8459 14.0003 12.0003 14.0003C6.15471 14.0003 3.24568 9.47795 2.3291 7.70312M9.61917 13.7397L8.75341 17.6449M5.30369 11.7275L2.86865 14.9009M14.3818 13.74L15.2476 17.6452M18.697 11.7273L21.1321 14.9007%27 stroke=%27%23020416%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M21.6715 7.70312C20.755 9.47795 17.8459 14.0003 12.0003 14.0003C6.15471 14.0003 3.24568 9.47795 2.3291 7.70312M9.61917 13.7397L8.75341 17.6449M5.30369 11.7275L2.86865 14.9009M14.3818 13.74L15.2476 17.6452M18.697 11.7273L21.1321 14.9007%27 stroke=%27%23020416%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3C/svg%3E%0A");
}

.fbh-list-disc {
  padding-left: 1.25rem;
  margin-top: 0;
  margin-bottom: 0;
}

.fbh-list-decimal {
  padding-left: 1.25rem;
  margin-top: 0;
  margin-bottom: 0;
}

.fbh-list-group {
  display: grid;
}

.fbh-list-group.fbh-list-cols-2 {
  grid-template-columns: repeat(2, minmax(20%, auto));
  gap: 0.5rem;
}

.fbh-list-group.fbh-y-space-1 .fbh-item {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.fbh-list-group.fbh-y-space-3 .fbh-item {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.fbh-list-group.fbh-y-space-4 .fbh-item {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.fbh-list-group.fbh-detail-group {
  grid-template-columns: minmax(20%, 8rem) auto;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}

.fbh-list-group.fbh-date-group {
  grid-template-columns: 3rem minmax(120px, 50%) minmax(calc(50% - 3rem), auto);
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}

.fbh-list-group.fbh-date-group .fbh-date {
  color: var(--fbh-text-secondary);
}

.fbh-list-group.fbh-date-group .fbh-item {
  word-break: break-all;
}

.fbh-list-group.fbh-dropdown-menu .fbh-btn {
  width: 100%;
  text-align: left;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.fbh-list-group.fbh-dropdown-menu .fbh-radio,
.fbh-list-group.fbh-dropdown-menu .fbh-checkbox {
  width: 100%;
}

.fbh-list-group.fbh-icon-group {
  -moz-column-gap: 0.75rem;
  column-gap: 0.75rem;
  align-items: center;
}

.fbh-list-group.fbh-icon-group.fbh-icon-before {
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
}

.fbh-list-group.fbh-icon-group.fbh-icon-after {
  grid-template-columns: auto -webkit-min-content;
  grid-template-columns: auto min-content;
  justify-content: space-between;
}

.fbh-list-group .fbh-subvalue {
  font-size: var(--fbh-text-p2);
  color: var(--fbh-text-secondary);
  margin-top: 2px;
}

.fbh-list-group .fbh-self-center {
  align-self: center;
}

.fbh-list-group .fbh-item-after {
  text-align: right;
}

.fbh-list-group .fbh-leading-none {
  line-height: 1;
}

.fbh-item-link {
  display: grid;
  grid-template-columns: auto 1.5rem;
  align-items: center;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}

.fbh-item-link::after {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--fbh-text-secondary);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M9 18L15 12L9 6%27 stroke=%27%23020416%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M9 18L15 12L9 6%27 stroke=%27%23020416%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  -webkit-mask-size: 1.25rem;
  mask-size: 1.25rem;
  -webkit-mask-position: center;
  mask-position: center;
}

.fbh-item-link-wrapper {
  display: grid;
  grid-auto-flow: column;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  align-items: center;
}

.fbh-section-title {
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}

.fbh-section-title-date {
  color: var(--fbh-accent-persian-green);
  font-weight: var(--fbh-font-medium);
  font-size: var(--fbh-text-h1);
}

.fbh-section-title-date small {
  margin-left: 0.25rem;
  font-size: var(--fbh-text-p2);
  font-weight: normal;
}

.fbh-loading-circle {
  display: flex;
  justify-content: center;
  align-items: center;
}

.fbh-loading-circle .fbh-loading-container {
  width: 5rem;
  height: 5rem;
  background-color: rgba(2, 4, 22, 0.72);
  border-radius: 0.75rem;
  position: relative;
}

.fbh-loading-circle .fbh-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-90deg);
  width: 2rem;
  height: 2rem;
}

.fbh-loading-circle .fbh-circle .fbh-base-circle {
  stroke: rgba(255, 255, 255, 0.64);
}

.fbh-loading-circle .fbh-circle .fbh-value-circle {
  stroke-dasharray: 74;
  stroke-dashoffset: 60;
  stroke: rgba(255, 255, 255, 0.96);
  animation: dashoffsetAni 0.75s ease-in infinite;
  stroke-linecap: round;
  transform-origin: center;
}

@keyframes dashoffsetAni {
  0% {
    stroke-dashoffset: 60;
    transform: rotate(0deg);
    stroke: rgba(255, 255, 255, 0.96);
  }

  100% {
    stroke-dashoffset: 0;
    transform: rotate(90deg);
    stroke: rgba(255, 255, 255, 0.48);
  }
}

.fbh-loading-circle-text {
  display: flex;
  justify-content: center;
  align-items: center;
}

.fbh-loading-circle-text.fbh-horizontal .fbh-loading-container {
  grid-auto-flow: column;
  align-items: center;
}

.fbh-loading-circle-text:not(.fbh-horizontal) .fbh-loading-container {
  text-align: center;
}

.fbh-loading-circle-text .fbh-loading-container {
  display: grid;
  gap: 0.5rem;
}

.fbh-loading-circle-text .fbh-circle {
  --size: 2rem;
  justify-self: center;
  margin: 0 auto;
  width: var(--size);
  height: var(--size);
  border-width: calc(var(--size) * 0.15625);
  border-radius: 100%;
  border-color: #86878f;
  -webkit-mask-image: conic-gradient(from 90deg at 50% 50%, rgba(255, 255, 255, 0) 0deg, #86878f 360deg);
  mask-image: conic-gradient(from 90deg at 50% 50%, rgba(255, 255, 255, 0) 0deg, #86878f 360deg);
  animation: circleAni 0.75s linear infinite;
}

.fbh-loading-circle-text .fbh-circle.fbh-sm {
  --size: 1.25rem;
}

.fbh-loading-circle-text .fbh-text {
  font-size: var(--fbh-text-p2);
}

@keyframes circleAni {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.fbh-loading-text-only {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.fbh-loading-text-only .fbh-text {
  font-size: var(--fbh-text-p2);
}

.fbh-loading-skelton {
  display: grid;
  row-gap: 0.5rem;
}

.fbh-loading-skelton .fbh-skelton-text {
  position: relative;
  height: 1rem;
  background-color: rgba(2, 4, 22, 0.16);
  border-radius: 0.5rem;
  overflow: hidden;
}

.fbh-loading-skelton .fbh-skelton-text::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(to right, rgba(2, 4, 22, 0.065) 8%, rgba(2, 4, 22, 0.135) 18%, rgba(2, 4, 22, 0.065) 33%);
  background-size: 800px 104px;
  animation: skelton-ani 1s linear infinite;
}

@keyframes skelton-ani {
  0% {
    background-position: -400px 0;
  }

  100% {
    background-position: 400px 0;
  }
}

.fbh-menu {
  background-color: var(--fbh-neutral-alt-fill);
  padding: 0.5rem 0;
}

.fbh-menu .fbh-menu-header {
  grid-template-columns: -webkit-min-content 1fr -webkit-min-content;
  grid-template-columns: min-content 1fr min-content;
  align-items: center;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  padding: 0.75rem 1rem;
}

.fbh-menu .fbh-menu-header .fbh-icon-wrapper {
  height: 1em;
  display: flex;
  align-items: center;
}

.fbh-menu .fbh-menu-header .fbh-text {
  font-weight: var(--fbh-font-medium);
}

.fbh-menu .fbh-menu-wrapper {
  padding-left: 2.75rem;
}

.fbh-menu .fbh-menu-wrapper .fbh-btn {
  text-align: left;
  width: 100%;
  font-weight: var(--fbh-font-medium);
}

.fbh-floating-menu-outer {
  position: fixed;
  width: 100%;
  height: 100%;
  pointer-events: none;
  top: 0;
  left: 0;
  z-index: 11;
}

.fbh-floating-menu {
  pointer-events: auto;
  width: 180px;
  position: absolute;
  right: 0;
  display: inline-grid;
  border-radius: 1rem;
  box-shadow: 0px 2px 16px -8px rgba(2, 4, 22, 0.2), 0px 4px 24px rgba(2, 4, 22, 0.08);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-right: 1.5rem;
  background-color: var(--fbh-neutral-main-fill);
}

.fbh-floating-menu.fbh-hidden {
  display: none;
}

.fbh-floating-menu.fbh-bottom {
  top: 0;
}

.fbh-floating-menu .fbh-floating-menu-item {
  padding: 0.5rem 0 0.5rem 1.5rem;
  text-align: left;
  cursor: pointer;
}

.fbh-is-modal-open {
  overflow: hidden;
  touch-action: none;
  -webkit-overflow-scrolling: auto;
}

.fbh-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none;
  pointer-events: none;
}

.fbh-modal-backdrop {
  background-color: var(--fbh-neutral-overlay-mask-fill);
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: auto;
}

.fbh-modal-in {
  display: flex;
  justify-content: center;
  align-items: center;
}

.fbh-modal-in.fbh-l-bottom {
  align-items: flex-end;
}

.fbh-modal-in .fbh-modal-backdrop {
  opacity: 1;
  animation: backdrop-in 0.2s ease-in-out;
  animation-fill-mode: backwards;
}

@keyframes backdrop-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fbh-modal-out .fbh-modal-backdrop {
  opacity: 0;
  animation: backdrop-out 0.2s ease-in-out;
  animation-fill-mode: backwards;
}

@keyframes backdrop-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fbh-modal-in .fbh-loading-container {
  opacity: 1;
  animation: backdrop-in 0.5s ease-in-out;
  animation-fill-mode: backwards;
}

.fbh-modal-out .fbh-loading-container {
  opacity: 0;
  animation: backdrop-out 0.2s ease-in-out;
  animation-fill-mode: backwards;
}

.fbh-modal-in .fbh-dialog {
  opacity: 1;
  transform: translate(-50%, -50%);
  animation: dialog-in 0.3s ease-in-out;
  animation-fill-mode: backwards;
}

.fbh-notification {
  border-radius: 0.75rem;
  padding: 1rem;
}

.fbh-notification-inline {
  display: flex;
  justify-content: flex-start;
  background-color: var(--fbh-primary-10);
}

.fbh-notification-inline .fbh-accordion .fbh-text-wrapper {
  flex: 1;
}

.fbh-notification-inline .fbh-accordion-header {
  display: flex;
}

.fbh-notification-inline .fbh-accordion-wrapper {
  margin-top: 0.25rem;
}

.fbh-notification-inline .fbh-icon-wrapper {
  height: 1.5em;
  display: flex;
  align-items: center;
}

.fbh-notification-inline .fbh-icon-wrapper.fbh-icon-before {
  margin-right: 0.5rem;
}

.fbh-notification-inline .fbh-icon-wrapper.fbh-icon-after {
  margin-left: 0.5rem;
}

.fbh-notification-inline .fbh-details {
  align-self: flex-end;
  flex: 1;
}

.fbh-notification-inline.fbh-warning {
  background-color: var(--fbh-status-warning-fill);
  color: var(--fbh-status-warning-darken);
}

.fbh-notification-inline.fbh-warning .fbh-notification-inline-icon {
  color: var(--fbh-status-warning);
}

.fbh-notification-inline.fbh-error {
  background-color: var(--fbh-status-negative-fill);
  color: var(--fbh-status-negative-darken);
}

.fbh-notification-inline.fbh-error .fbh-notification-inline-icon {
  color: var(--fbh-status-negative);
}

.fbh-notification-inline.fbh-benefit {
  background-color: rgba(255, 202, 16, 0.1);
}

.fbh-notification-inline .fbh-btn-wrapper {
  margin-top: 0.5rem;
}

.fbh-notification-inline-icon {
  color: var(--fbh-primary-100);
}

.fbh-btn-close-notification {
  height: 1.5rem;
}

.fbh-progress-bar {
  width: 100%;
}

.fbh-progress-bar .fbh-progress-bar-inner {
  position: relative;
  border-radius: 999px;
  overflow: hidden;
  width: 100%;
  height: 0.5rem;
  background-color: var(--fbh-neutral-disabled-fill);
}

.fbh-progress-bar .fbh-progress-bar-inner progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
}

.fbh-progress-bar .fbh-progress-bar-inner progress::-moz-progress-bar {
  background-color: var(--fbh-primary-100);
  border-radius: 999px;
}

.fbh-progress-bar .fbh-progress-bar-inner progress::-webkit-progress-bar {
  background-color: var(--fbh-neutral-disabled-fill);
}

.fbh-progress-bar .fbh-progress-bar-inner progress::-webkit-progress-value {
  background-color: var(--fbh-primary-100);
  border-radius: 999px;
}

.fbh-progress-bar .fbh-progress-bar-text {
  margin-top: 0.5rem;
}

.fbh-progress-circle {
  --stroke-width: 8px;
  --r: calc(50px - var(--stroke-width) / 2);
  position: relative;
  width: 100px;
  height: 100px;
}

.fbh-progress-circle svg {
  width: 100%;
  height: 100%;
}

.fbh-progress-circle svg .fbh-circle-ani {
  fill: none;
  stroke: var(--fbh-accent-persian-green);
  stroke-linecap: round;
  stroke-width: var(--stroke-width);
  stroke-dashoffset: calc(var(--r) * 2 * 3.14 * 0.25);
}

.fbh-progress-circle svg .fbh-circle {
  fill: none;
  stroke: var(--fbh-neutral-disabled-fill);
  stroke-width: var(--stroke-width);
}

.fbh-progress-circle .fbh-progress-circle-text {
  position: absolute;
  display: inline-flex;
  align-items: baseline;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--fbh-accent-persian-green);
}

.fbh-progress-circle .fbh-progress-circle-text .fbh-value {
  font-size: 1.75rem;
}

.fbh-progress-circle .fbh-progress-circle-text .fbh-unit {
  font-size: var(--fbh-text-h2);
  line-height: 1.2;
  font-weight: var(--fbh-font-medium);
}

.fbh-progress-step ul {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.fbh-progress-step ul>li {
  display: grid;
  row-gap: 0.25rem;
}

.fbh-progress-step ul>li .fbh-label {
  font-size: var(--fbh-text-p2);
  color: var(--fbh-text-secondary);
  padding-right: 1.4rem;
}

.fbh-progress-step ul>li::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.25rem;
  background-color: var(--fbh-neutral-divider-stroke);
}

.fbh-progress-step ul>li.fbh-is-active .fbh-label {
  color: var(--fbh-text-primary);
}

.fbh-progress-step ul>li.fbh-is-active::after {
  background-color: var(--fbh-text-primary);
}

.fbh-progress-step ul>li+li {
  margin-left: 0.25rem;
}

.fbh-progress-step-indicator ul {
  display: flex;
  list-style-type: none;
  margin: 0 -0.75rem;
  padding: 0;
  justify-content: center;
}

.fbh-progress-step-indicator ul>li {
  --circle: 1.25rem;
  display: grid;
  row-gap: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  position: relative;
  counter-increment: section;
}

.fbh-progress-step-indicator ul>li .fbh-label {
  color: #aeafb4;
}

.fbh-progress-step-indicator ul>li::before {
  content: counter(section, decimal);
  display: flex;
  justify-self: center;
  align-items: center;
  justify-content: center;
  width: var(--circle);
  height: var(--circle);
  background-color: var(--fbh-neutral-main-fill);
  border-radius: 100%;
  border-width: 1px;
  border-color: rgba(2, 4, 22, 0.1);
  position: relative;
  z-index: 1;
  font-size: var(--fbh-text-p2);
  color: var(--fbh-text-secondary);
  font-weight: var(--fbh-font-medium);
}

.fbh-progress-step-indicator ul>li:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 1.75rem);
  height: 1px;
  background-color: var(--fbh-neutral-divider-stroke);
  left: calc(50% + 0.875rem);
  top: calc(var(--circle) / 2);
  z-index: 0;
}

.fbh-progress-step-indicator ul>li.fbh-current::before,
.fbh-progress-step-indicator ul>li.fbh-completed::before {
  background-color: var(--fbh-primary-100);
  border-width: 0;
  color: var(--fbh-text-primary-inverse);
}

.fbh-progress-step-indicator ul>li.fbh-current .fbh-label,
.fbh-progress-step-indicator ul>li.fbh-completed .fbh-label {
  color: var(--primary);
}

.fbh-progress-step-indicator ul>li.fbh-completed::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width=%278%27 height=%278%27 viewBox=%270 0 8 8%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M6.28436 2.31246C6.43436 2.46246 6.43436 2.70566 6.28436 2.85566L3.50777 5.63225C3.43574 5.70428 3.33804 5.74475 3.23617 5.74475C3.1343 5.74475 3.03661 5.70428 2.96457 5.63225L1.70249 4.37016C1.55249 4.22016 1.55249 3.97697 1.70249 3.82697C1.85248 3.67697 2.09568 3.67697 2.24568 3.82697L3.23617 4.81746L5.74117 2.31246C5.89117 2.16246 6.13436 2.16246 6.28436 2.31246Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}

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

.fbh-radio input {
  display: none;
}

.fbh-radio .fbh-marker {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.25rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.fbh-radio .fbh-marker::before {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  border-radius: 100%;
  border-width: 1px;
  background-color: var(--fbh-white);
  border-color: var(--fbh-neutral-divider-stroke);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fbh-radio .fbh-marker::after {
  opacity: 0;
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  background-color: var(--fbh-primary-100);
  border-radius: 100%;
  z-index: 1;
}

.fbh-radio input:checked+.fbh-marker::after {
  opacity: 1;
}

.fbh-radio input:disabled+.fbh-marker::before {
  background-color: var(--fbh-neutral-alt-fill);
  border-color: var(--fbh-neutral-alt-fill);
}

.fbh-radio input:checked:disabled+.fbh-marker::before {
  background-color: var(--fbh-neutral-main-fill);
}

.fbh-radio input:checked:disabled+.fbh-marker::after {
  background-color: var(--fbh-text-disabled);
}

.fbh-radio-group {
  margin-top: -1rem;
  margin-left: -1rem;
  margin-right: -1rem;
  display: flex;
  flex-wrap: wrap;
}

.fbh-radio-group .fbh-radio {
  margin-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.fbh-segmented-control {
  display: inline-flex;
  background-color: var(--fbh-neutral-alt-fill-darken);
  border-radius: 0.75rem;
  padding: 0.25rem;
}

.fbh-segmented-control .fbh-item {
  background-color: transparent;
  font-size: var(--fbh-text-p1);
  color: var(--fbh-text-secondary);
  padding: 0.25rem 0.5rem;
  max-width: 5rem;
  cursor: pointer;
}

.fbh-segmented-control .fbh-item.fbh-is-active {
  background-color: var(--fbh-white);
  border-radius: 0.5rem;
  font-weight: var(--fbh-font-medium);
  color: var(--fbh-text-primary);
}

.fbh-segmented-control .fbh-item+.fbh-item {
  margin-left: 1rem;
}

.fbh-segmented-control.fbh-icon-only .fbh-item {
  padding: 0.25rem;
  font-size: 0;
}

.fbh-segmented-control.fbh-icon-only .fbh-item .fbh-icon {
  vertical-align: middle;
}

.fbh-segmented-control.fbh-icon-only .fbh-item+.fbh-item {
  margin-left: 0.5rem;
}

.fbh-selection {
  display: grid;
  row-gap: 0.75rem;
}

.fbh-selection-item {
  border-width: 1px;
  border-style: solid;
  border-color: var(--fbh-neutral-alt-fill);
  padding: 1rem;
  background-color: var(--fbh-neutral-alt-fill);
  border-radius: 0.75rem;
}

.fbh-selection-item.fbh-is-selected {
  border-color: var(--fbh-primary-100);
  background-color: var(--fbh-primary-10);
}

.fbh-selection-item .fbh-text-wrapper {
  display: grid;
  gap: 0.25rem;
}

.fbh-selection-item .fbh-text-wrapper .fbh-text {
  font-weight: var(--fbh-font-medium);
}

.fbh-selection-item .fbh-text-wrapper .fbh-subvalue {
  font-size: var(--fbh-text-p2);
  color: var(--fbh-text-secondary);
}

.fbh-selection-item .fbh-checkbox,
.fbh-selection-item .fbh-radio {
  height: 100%;
}

.fbh-selection-item .fbh-checkbox .fbh-marker,
.fbh-selection-item .fbh-radio .fbh-marker {
  margin-right: 0;
}

.fbh-selection-item .fbh-checkbox,
.fbh-selection-item .fbh-radio {
  display: grid;
  grid-template-columns: 1fr -webkit-min-content;
  grid-template-columns: 1fr min-content;
  grid-template-areas: "content marker";
  align-items: center;
  gap: 0.75rem;
}

.fbh-selection-item .fbh-checkbox .fbh-container,
.fbh-selection-item .fbh-radio .fbh-container {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  gap: 0.5rem;
}

.fbh-selection-item .fbh-checkbox .fbh-container .fbh-container-lt,
.fbh-selection-item .fbh-radio .fbh-container .fbh-container-lt {
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  gap: 0.75rem;
}

.fbh-selection-item .fbh-checkbox .fbh-container .fbh-container-rt,
.fbh-selection-item .fbh-radio .fbh-container .fbh-container-rt {
  align-self: center;
  text-align: right;
}

.fbh-selection-item.fbh-disabled {
  background-color: var(--fbh-neutral-disabled-fill);
  border-color: var(--fbh-neutral-disabled-fill);
}

.fbh-selection-inline {
  gap: 0.5rem;
}

.fbh-selection-inline.fbh-selection-cols-2 {
  grid-template-columns: repeat(2, 1fr);
}

.fbh-selection-inline .fbh-selection-item {
  padding: 0.75rem 1rem;
}

.fbh-selection-inline .fbh-checkbox,
.fbh-selection-inline .fbh-radio {
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr;
  grid-template-areas: "marker content";
  gap: 0.5rem;
}

.fbh-selection-inline .fbh-marker {
  grid-area: marker;
}

.fbh-selection-inline .fbh-text {
  grid-area: content;
}

.fbh-slider.noUi-target {
  background-color: var(--fbh-neutral-alt-fill-darken);
  border-width: 0;
  box-shadow: none;
  border-radius: 0.75rem;
}

.fbh-slider .noUi-connect {
  background-color: var(--fbh-primary-100);
}

.fbh-slider.noUi-horizontal .noUi-handle,
.fbh-slider.noUi-vertical .noUi-handle {
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  background-color: var(--fbh-primary-100);
  box-shadow: none;
  border-width: 0;
}

.fbh-slider.noUi-horizontal .noUi-handle::before,
.fbh-slider.noUi-horizontal .noUi-handle::after,
.fbh-slider.noUi-vertical .noUi-handle::before,
.fbh-slider.noUi-vertical .noUi-handle::after {
  display: none;
}

.fbh-slider.noUi-horizontal.noUi-target {
  height: 0.125rem;
}

.fbh-slider.noUi-horizontal .noUi-handle {
  right: -1rem;
  top: -0.375rem;
}

.fbh-slider.noUi-vertical.noUi-target {
  width: 0.125rem;
  height: 10rem;
}

.fbh-slider.noUi-vertical .noUi-handle {
  right: -0.4rem;
  bottom: -1rem;
}

.fbh-switch {
  display: inline-flex;
  cursor: pointer;
}

.fbh-switch input {
  display: none;
}

.fbh-switch .fbh-marker {
  position: relative;
  border-radius: 999px;
  width: 2.5rem;
  height: 1.25rem;
  background-color: var(--fbh-neutral-disabled-fill);
  transition: background-color 0.3s;
}

.fbh-switch .fbh-marker::before {
  content: "";
  position: absolute;
  display: block;
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 999px;
  background-color: var(--fbh-neutral-main-fill);
  top: 50%;
  left: 0;
  transform: translate(0.25rem, -50%);
  transition: transform 0.3s;
}

.fbh-switch input:checked+.fbh-marker {
  background-color: var(--fbh-primary-100);
}

.fbh-switch input:checked+.fbh-marker::before {
  transform: translate(1.5rem, -50%);
}

.fbh-switch input:disabled+.fbh-marker {
  background-color: var(--fbh-neutral-disabled-fill);
}

.fbh-switch input:disabled+.fbh-marker::before {
  background-color: var(--fbh-text-disabled);
}

.fbh-page-tab .fbh-tab-wrapper {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  align-items: center;
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
  padding-bottom: 0.25rem;
  margin-top: 0;
}

.fbh-page-tab .fbh-tab-wrapper.fbh-scroll-horiz-block {
  padding-bottom: 1.5rem;
}

.fbh-page-tab .fbh-tab-item {
  position: relative;
}

.fbh-page-tab .fbh-tab-item:after {
  content: "";
  width: 0px;
  height: 0.25rem;
  border-radius: 999px;
  position: absolute;
  bottom: -0.25rem;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: var(--fbh-primary-100);
}

.fbh-page-tab .fbh-tab-item button {
  font-size: var(--fbh-text-h1);
  font-weight: 400;
  color: var(--fbh-text-tertiary);
}

.fbh-page-tab .fbh-tab-item.fbh-is-active button {
  color: var(--fbh-text-primary);
  font-weight: 700;
}

.fbh-page-tab .fbh-tab-item.fbh-is-active::after {
  animation: rebound 0.5s 1 forwards;
}

@keyframes rebound {
  0% {
    width: 0px;
    opacity: 0;
  }

  40% {
    width: 100%;
    opacity: 1;
  }

  60% {
    width: 90%;
    opacity: 1;
  }

  70% {
    width: 90%;
    opacity: 1;
  }

  100% {
    width: 90%;
    opacity: 1;
  }
}

.fbh-tab {
  position: relative;
}

.fbh-tab::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--fbh-neutral-divider-stroke);
  position: absolute;
  left: 0;
  top: calc(3rem - 1px);
}

.fbh-tab .fbh-tab-wrapper {
  display: flex;
  background-color: var(--fbh-neutral-main-fill);
  position: relative;
  margin-top: 0px;
  padding-bottom: 1.25rem;
}

.fbh-tab .fbh-tab-item {
  position: relative;
  height: 3rem;
}

.fbh-tab .fbh-tab-item+.fbh-tab-item {
  margin-left: 1.5rem;
}

.fbh-tab .fbh-tab-item button {
  padding: 0.75rem 0;
  white-space: nowrap;
  color: var(--fbh-text-secondary);
}

.fbh-tab .fbh-tab-item button.fbh-icon-before {
  display: grid;
  grid-auto-flow: column;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  align-items: center;
}

.fbh-tab .fbh-tab-item::after {
  content: "";
  display: block;
  width: 0;
  height: 0.25rem;
  border-radius: 999px;
  background-color: var(--fbh-text-secondary);
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateX(-50%);
  opacity: 0;
  transition: all 0.1s ease-in-out;
}

.fbh-tab .fbh-tab-item.fbh-is-active button {
  font-weight: var(--fbh-font-medium);
  color: var(--fbh-text-primary);
}

.fbh-tab .fbh-tab-item.fbh-is-active::after {
  left: 50%;
  width: 100%;
  opacity: 1;
  animation-direction: reverse;
}

.fbh-category-tab .fbh-tab-wrapper {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  align-items: center;
  -moz-column-gap: 0.75rem;
  column-gap: 0.75rem;
}

.fbh-category-tab .fbh-tab-item .fbh-btn {
  font-weight: var(--fbh-font-medium);
  color: var(--fbh-text-secondary);
  background-color: var(--fbh-neutral-alt-fill);
  padding: 0.25rem 0.75rem;
  border-radius: 999px;
  border-width: 1px;
  border-color: var(--fbh-neutral-alt-fill);
}

.fbh-category-tab .fbh-tab-item .fbh-btn.fbh-icon-before {
  display: grid;
  grid-auto-flow: column;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  align-items: center;
}

.fbh-category-tab .fbh-tab-item.fbh-is-active button {
  color: var(--fbh-text-primary);
  background-color: var(--fbh-primary-10);
  border-color: var(--fbh-primary-100);
}

.fbh-tab-content .fbh-tab-pane {
  display: none;
}

.fbh-tab-content .fbh-is-show {
  display: block;
}

.fbh-tab-content .fbh-content-wrapper {
  padding: 1.5rem;
}

.fbh-tab-content .fbh-content-wrapper.fbh-content-wrapper-space-0 {
  padding: 0;
}

.fbh-table-simple {
  overflow: hidden;
  position: relative;
}

.fbh-table-simple table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.fbh-table-simple th {
  padding: 0 0.25rem 0.25rem;
  font-weight: normal;
}

.fbh-table-simple td {
  padding: 0.25rem;
}

.fbh-table {
  border: solid var(--fbh-neutral-divider-stroke) 1px;
  border-radius: 0.75rem;
  overflow: hidden;
  position: relative;
}

.fbh-table table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.fbh-table thead th {
  color: var(--fbh-text-secondary);
  font-weight: normal;
  background-color: var(--fbh-neutral-alt-fill);
  padding: 0.5rem;
}

.fbh-table tbody th {
  color: var(--fbh-text-secondary);
  font-weight: normal;
  background-color: var(--fbh-neutral-alt-fill);
  padding: 0.5rem;
}

.fbh-table tbody td {
  color: var(--fbh-text-secondary);
  padding: 0.75rem 0.5rem;
}

.fbh-table-complex {
  overflow: hidden;
  position: relative;
}

.fbh-table-complex table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.fbh-table-complex th,
.fbh-table-complex td {
  padding: 0.5rem;
}

.fbh-table-complex thead th {
  font-weight: normal;
  color: var(--fbh-text-primary-inverse);
  background-color: var(--fbh-accent-persian-green);
}

.fbh-table-complex thead th:not(:last-child) {
  border-right-width: 1px;
  border-color: var(--fbh-white);
}

.fbh-table-complex tbody th {
  font-weight: normal;
  background-color: var(--fbh-neutral-alt-fill);
}

.fbh-table-complex tbody tr td:not(:last-child) {
  border-right-width: 1px;
  border-color: var(--fbh-neutral-alt-fill-darken);
}

.fbh-table-complex tbody tr:not(:last-child) th,
.fbh-table-complex tbody tr:not(:last-child) td {
  border-bottom-width: 1px;
  border-color: var(--fbh-neutral-alt-fill-darken);
}

.fbh-table-complex .fbh-group-title {
  text-align: center;
  background-color: var(--fbh-neutral-alt-fill-darken);
}

.fbh-table-scroll-x table {
  table-layout: fixed;
}

.fbh-table-scroll-x .fbh-table-body-wrapper {
  overflow-x: auto;
  position: relative;
}

.fbh-table-scroll-x .fbh-table-fixed {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
}

.fbh-table-scroll-x .fbh-is-hidden {
  visibility: hidden;
  pointer-events: none;
}

.fbh-table-scroll-x.fbh-is-scroll-right .fbh-table-fixed {
  box-shadow: 0 0 8px rgba(2, 4, 22, 0.3);
}

.fbh-table-scroll-y {
  height: 100%;
}

.fbh-table-scroll-y.fbh-table-complex .fbh-table-header-right-patch {
  background-color: var(--fbh-accent-persian-green);
}

.fbh-table-scroll-y .fbh-table-header-right-patch {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  background-color: var(--fbh-neutral-alt-fill);
}

.fbh-table-scroll-y .fbh-table-header-wrapper {
  position: relative;
  z-index: 1;
}

.fbh-table-scroll-y .fbh-table-body-wrapper {
  height: 100%;
  overflow-y: auto;
}

.fbh-table-scroll-y .fbh-fixed-table-header-wrapper {
  position: relative;
  z-index: 1;
}

.fbh-table-scroll-y.fbh-is-scroll-bottom .fbh-table-header-wrapper,
.fbh-table-scroll-y.fbh-is-scroll-bottom .fbh-fixed-table-header-wrapper {
  box-shadow: 0 0 8px rgba(2, 4, 22, 0.3);
}

.fbh-cell-center {
  text-align: center;
}

.fbh-cell-top {
  vertical-align: top;
}

.fbh-tag {
  height: 1.5rem;
  border-radius: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: var(--fbh-text-p2);
  font-weight: var(--fbh-font-medium);
  display: inline-flex;
  align-items: center;
}

.fbh-tag-normal {
  background-color: var(--fbh-neutral-alt-fill);
}

.fbh-tag-normal-darken {
  background-color: var(--fbh-neutral-alt-fill-darken);
}

.fbh-tag-accent-primary {
  color: var(--fbh-text-primary-inverse);
  background-color: var(--fbh-accent-persian-green);
}

.fbh-tag-accent-secondary {
  color: var(--fbh-status-warning);
  background-color: var(--fbh-status-negative-fill);
}

.fbh-selected-tag-group {
  display: flex;
  flex-wrap: wrap;
  margin: -0.25rem;
}

.fbh-selected-tag-group .fbh-selected-tag-item {
  margin: 0.25rem;
}

.fbh-selected-tag-item {
  position: relative;
  padding: 0.125rem 1.75rem 0.125rem 0.75rem;
  border-radius: 999px;
  background-color: var(--fbh-text-primary);
  color: var(--fbh-text-primary-inverse);
  font-weight: var(--fbh-font-medium);
  font-size: var(--fbh-text-p2);
}

.fbh-selected-tag-item .fbh-clear-btn {
  position: absolute;
  width: 0.75rem;
  height: 0.75rem;
  right: 0.75rem;
  top: 50%;
  transform: translate(0, -50%);
  background-color: var(--fbh-text-primary-inverse);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M9 3L3 9M3 3L9 9%27 stroke=%27white%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M9 3L3 9M3 3L9 9%27 stroke=%27white%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  -webkit-mask-size: 0.75rem;
  mask-size: 0.75rem;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  cursor: pointer;
}

.fbh-tag-after .fbh-tag {
  margin-left: 0.25rem;
}

.fbh-tag-vertical {
  display: grid;
  grid-row-gap: 0.5rem;
}

.fbh-tooltip {
  display: inline-block;
  vertical-align: text-top;
  position: relative;
}

.fbh-tooltip.fbh-is-open .fbh-tooltip-container {
  display: block;
}

.fbh-tooltip .fbh-btn-tooltip-toggle {
  font-size: 0;
}

.fbh-tooltip .fbh-tooltip-container {
  max-inline-size: 13rem;
  padding: 0.25rem 1rem;
  border-radius: 0.5rem;
  background-color: var(--fbh-text-secondary);
  position: absolute;
  inline-size: -webkit-max-content;
  inline-size: -moz-max-content;
  inline-size: max-content;
  inset-block-end: 0;
  display: none;
  line-height: 1;
}

.fbh-tooltip .fbh-tooltip-container.fbh-icon-before .fbh-icon {
  float: left;
  margin-right: 0.25rem;
}

.fbh-tooltip .fbh-tooltip-container.fbh-icon-after .fbh-icon {
  float: right;
  margin-left: 0.25rem;
}

.fbh-tooltip .fbh-content {
  color: var(--fbh-text-primary-inverse);
  vertical-align: middle;
  line-height: 1.5;
}

.fbh-tooltip .fbh-tooltip-caret {
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--fbh-text-secondary);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%278%27 height=%278%27 viewBox=%270 0 8 8%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M3 6.21115C3.4741 6.94819 4.5259 6.94819 4.89443 6.21115L8 0H0L3 6.21115Z%27 fill=%27%23020416%27/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width=%278%27 height=%278%27 viewBox=%270 0 8 8%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M3 6.21115C3.4741 6.94819 4.5259 6.94819 4.89443 6.21115L8 0H0L3 6.21115Z%27 fill=%27%23020416%27/%3E%3C/svg%3E%0A");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 0.5rem;
  mask-size: 0.5rem;
  position: absolute;
  bottom: 0;
}

.fbh-tooltip.fbh-pos-left .fbh-tooltip-container {
  inset-inline-start: 0;
  transform: translate(-0.35rem, -2rem);
}

.fbh-tooltip.fbh-pos-left .fbh-tooltip-caret {
  left: 0.75rem;
  transform: translateY(0.5rem);
}

.fbh-tooltip.fbh-pos-center .fbh-tooltip-container {
  inset-inline-start: 50%;
  transform: translate(-50%, -2.38rem);
}

.fbh-tooltip.fbh-pos-center .fbh-tooltip-caret {
  left: 50%;
  transform: translate(-50%, 0.5rem);
}

.fbh-tooltip.fbh-pos-right .fbh-tooltip-container {
  inset-inline-end: 0;
  transform: translate(0.35rem, -2rem);
}

.fbh-tooltip.fbh-pos-right .fbh-tooltip-caret {
  right: 0.75rem;
  transform: translateY(0.5rem);
}

.fbh-upload .fbh-upload-tip .fbh-subtext {
  font-size: var(--fbh-text-p2);
  color: var(--fbh-text-secondary);
}

.fbh-upload .fbh-upload-text-status {
  font-size: var(--fbh-text-p2);
}

.fbh-upload .fbh-file-wrapper {
  display: none;
}

.fbh-upload .fbh-file-wrapper .fbh-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.fbh-upload .fbh-upload-select-wrapper,
.fbh-upload .fbh-btn-remove-file {
  cursor: pointer;
}

.fbh-upload-text .fbh-upload-btn {
  max-width: 13.25rem;
  height: 3rem;
}

.fbh-upload-text .fbh-file-wrapper,
.fbh-upload-text .fbh-upload-select-wrapper {
  margin-top: 0.5rem;
}

.fbh-upload-text .fbh-upload-select-wrapper {
  display: block;
}

.fbh-upload-text .fbh-upload-text-status {
  display: none;
}

.fbh-upload-text.fbh-success .fbh-upload-tip {
  display: block;
}

.fbh-upload-text.fbh-success .fbh-upload-text-status {
  display: none;
}

.fbh-upload-text.fbh-success .fbh-upload-select-wrapper {
  display: none;
}

.fbh-upload-text.fbh-success .fbh-file-wrapper {
  display: block;
  border-radius: 0.75rem;
  border-width: 1px;
  padding: 0.75rem;
}

.fbh-upload-text.fbh-success .fbh-upload-content {
  display: flex;
  align-items: center;
}

.fbh-upload-text.fbh-success .fbh-upload-content::before {
  content: "";
  flex-shrink: 0;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--fbh-text-primary);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M20 11.032L12.9083 17.7203C12.0396 18.5397 10.8612 19 9.6326 19C8.40396 19 7.22564 18.5397 6.35686 17.7203C5.48808 16.9009 5 15.7896 5 14.6309C5 13.4721 5.48808 12.3608 6.35686 11.5414L13.4485 4.85312C14.0277 4.30688 14.8132 4 15.6323 4C16.4514 4 17.237 4.30688 17.8162 4.85312C18.3954 5.39937 18.7207 6.14024 18.7207 6.91275C18.7207 7.68526 18.3954 8.42613 17.8162 8.97237L10.7168 15.6607C10.4272 15.9338 10.0344 16.0873 9.62488 16.0873C9.21534 16.0873 8.82256 15.9338 8.53297 15.6607C8.24338 15.3876 8.08068 15.0171 8.08068 14.6309C8.08068 14.2446 8.24338 13.8742 8.53297 13.6011L15.0845 7.42947%27 stroke=%27%23020416%27 stroke-opacity=%270.96%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M20 11.032L12.9083 17.7203C12.0396 18.5397 10.8612 19 9.6326 19C8.40396 19 7.22564 18.5397 6.35686 17.7203C5.48808 16.9009 5 15.7896 5 14.6309C5 13.4721 5.48808 12.3608 6.35686 11.5414L13.4485 4.85312C14.0277 4.30688 14.8132 4 15.6323 4C16.4514 4 17.237 4.30688 17.8162 4.85312C18.3954 5.39937 18.7207 6.14024 18.7207 6.91275C18.7207 7.68526 18.3954 8.42613 17.8162 8.97237L10.7168 15.6607C10.4272 15.9338 10.0344 16.0873 9.62488 16.0873C9.21534 16.0873 8.82256 15.9338 8.53297 15.6607C8.24338 15.3876 8.08068 15.0171 8.08068 14.6309C8.08068 14.2446 8.24338 13.8742 8.53297 13.6011L15.0845 7.42947%27 stroke=%27%23020416%27 stroke-opacity=%270.96%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  -webkit-mask-size: 1.5rem;
  mask-size: 1.5rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  margin-right: 0.25rem;
}

.fbh-upload-text.fbh-success .fbh-upload-content .fbh-file-name {
  flex: 1;
  max-width: calc(100% - 4.5rem);
}

.fbh-upload-text.fbh-fail .fbh-upload-text-status {
  display: block;
  color: var(--fbh-status-negative);
}

.fbh-upload-text.fbh-fail .fbh-upload-tip {
  display: none;
}

.fbh-upload-card-text {
  border-width: 1px;
  height: 5rem;
  overflow: hidden;
  border-radius: 0.75rem;
}

.fbh-upload-card-text .fbh-upload-tip .fbh-subtext {
  margin-top: 2px;
}

.fbh-upload-card-text .fbh-upload-text-status {
  margin-top: 2px;
}

.fbh-upload-card-text .fbh-upload-container {
  height: 100%;
}

.fbh-upload-card-text .fbh-upload-content {
  flex: 1;
  max-width: calc(100% - 4.5rem);
}

.fbh-upload-card-text .fbh-upload-select-wrapper {
  padding: 1rem;
  display: grid;
  height: 100%;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  -moz-column-gap: 0.75rem;
  column-gap: 0.75rem;
  align-items: center;
}

.fbh-upload-card-text .fbh-file-wrapper {
  display: none;
  height: 100%;
  padding: 1rem;
  align-items: center;
}

.fbh-upload-card-text .fbh-file-wrapper .fbh-upload-icon-status {
  width: 1.5rem;
  height: 1.5rem;
}

.fbh-upload-card-text.fbh-success .fbh-file-wrapper,
.fbh-upload-card-text.fbh-fail .fbh-file-wrapper {
  display: flex;
}

.fbh-upload-card-text.fbh-success .fbh-upload-icon-status {
  display: block;
  background-color: var(--fbh-status-positive);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg clip-path=%27url%28%23clip0_8_45%29%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM16.5303 9.53033C16.8232 9.23744 16.8232 8.76256 16.5303 8.46967C16.2374 8.17678 15.7626 8.17678 15.4697 8.46967L10.5 13.4393L8.53033 11.4697C8.23744 11.1768 7.76256 11.1768 7.46967 11.4697C7.17678 11.7626 7.17678 12.2374 7.46967 12.5303L9.96967 15.0303C10.1103 15.171 10.3011 15.25 10.5 15.25C10.6989 15.25 10.8897 15.171 11.0303 15.0303L16.5303 9.53033Z%27 fill=%27%2300A59B%27/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%27clip0_8_45%27%3E%3Crect width=%2724%27 height=%2724%27 rx=%2712%27 fill=%27white%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg clip-path=%27url%28%23clip0_8_45%29%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM16.5303 9.53033C16.8232 9.23744 16.8232 8.76256 16.5303 8.46967C16.2374 8.17678 15.7626 8.17678 15.4697 8.46967L10.5 13.4393L8.53033 11.4697C8.23744 11.1768 7.76256 11.1768 7.46967 11.4697C7.17678 11.7626 7.17678 12.2374 7.46967 12.5303L9.96967 15.0303C10.1103 15.171 10.3011 15.25 10.5 15.25C10.6989 15.25 10.8897 15.171 11.0303 15.0303L16.5303 9.53033Z%27 fill=%27%2300A59B%27/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%27clip0_8_45%27%3E%3Crect width=%2724%27 height=%2724%27 rx=%2712%27 fill=%27white%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.fbh-upload-card-text.fbh-success .fbh-upload-text-status {
  color: var(--fbh-text-secondary);
}

.fbh-upload-card-text.fbh-fail .fbh-upload-icon-status {
  display: block;
  background-color: var(--fbh-status-negative);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM8.28033 7.21967C7.98744 6.92678 7.51256 6.92678 7.21967 7.21967C6.92678 7.51256 6.92678 7.98744 7.21967 8.28033L11.1893 12.25L7.21967 16.2197C6.92678 16.5126 6.92678 16.9874 7.21967 17.2803C7.51256 17.5732 7.98744 17.5732 8.28033 17.2803L12.25 13.3107L16.2197 17.2803C16.5126 17.5732 16.9874 17.5732 17.2803 17.2803C17.5732 16.9874 17.5732 16.5126 17.2803 16.2197L13.3107 12.25L17.2803 8.28033C17.5732 7.98744 17.5732 7.51256 17.2803 7.21967C16.9874 6.92678 16.5126 6.92678 16.2197 7.21967L12.25 11.1893L8.28033 7.21967Z%27 fill=%27%23EB4751%27/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM8.28033 7.21967C7.98744 6.92678 7.51256 6.92678 7.21967 7.21967C6.92678 7.51256 6.92678 7.98744 7.21967 8.28033L11.1893 12.25L7.21967 16.2197C6.92678 16.5126 6.92678 16.9874 7.21967 17.2803C7.51256 17.5732 7.98744 17.5732 8.28033 17.2803L12.25 13.3107L16.2197 17.2803C16.5126 17.5732 16.9874 17.5732 17.2803 17.2803C17.5732 16.9874 17.5732 16.5126 17.2803 16.2197L13.3107 12.25L17.2803 8.28033C17.5732 7.98744 17.5732 7.51256 17.2803 7.21967C16.9874 6.92678 16.5126 6.92678 16.2197 7.21967L12.25 11.1893L8.28033 7.21967Z%27 fill=%27%23EB4751%27/%3E%3C/svg%3E%0A");
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.fbh-upload-card-text.fbh-fail .fbh-upload-text-status {
  color: var(--fbh-status-negative);
}

.fbh-upload-text .fbh-file-name,
.fbh-upload-card-text .fbh-file-name {
  display: flex;
}

.fbh-upload-text .fbh-upload-icon-status,
.fbh-upload-card-text .fbh-upload-icon-status {
  flex-shrink: 0;
  margin-right: 0.75rem;
}

.fbh-upload-text .fbh-btn-remove-file,
.fbh-upload-card-text .fbh-btn-remove-file {
  flex-shrink: 0;
  margin-left: 0.75rem;
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--fbh-neutral-divider-stroke);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg clip-path=%27url%28%23clip0_11_67%29%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12ZM4.53033 3.46967C4.23744 3.17678 3.76256 3.17678 3.46967 3.46967C3.17678 3.76256 3.17678 4.23744 3.46967 4.53033L4.93934 6L3.46967 7.46967C3.17678 7.76256 3.17678 8.23744 3.46967 8.53033C3.76256 8.82322 4.23744 8.82322 4.53033 8.53033L6 7.06066L7.46967 8.53033C7.76256 8.82322 8.23744 8.82322 8.53033 8.53033C8.82322 8.23744 8.82322 7.76256 8.53033 7.46967L7.06066 6L8.53033 4.53033C8.82322 4.23744 8.82322 3.76256 8.53033 3.46967C8.23744 3.17678 7.76256 3.17678 7.46967 3.46967L6 4.93934L4.53033 3.46967Z%27 fill=%27%23D7D7DA%27/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%27clip0_11_67%27%3E%3Crect width=%2712%27 height=%2712%27 rx=%276%27 fill=%27white%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg clip-path=%27url%28%23clip0_11_67%29%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12ZM4.53033 3.46967C4.23744 3.17678 3.76256 3.17678 3.46967 3.46967C3.17678 3.76256 3.17678 4.23744 3.46967 4.53033L4.93934 6L3.46967 7.46967C3.17678 7.76256 3.17678 8.23744 3.46967 8.53033C3.76256 8.82322 4.23744 8.82322 4.53033 8.53033L6 7.06066L7.46967 8.53033C7.76256 8.82322 8.23744 8.82322 8.53033 8.53033C8.82322 8.23744 8.82322 7.76256 8.53033 7.46967L7.06066 6L8.53033 4.53033C8.82322 4.23744 8.82322 3.76256 8.53033 3.46967C8.23744 3.17678 7.76256 3.17678 7.46967 3.46967L6 4.93934L4.53033 3.46967Z%27 fill=%27%23D7D7DA%27/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%27clip0_11_67%27%3E%3Crect width=%2712%27 height=%2712%27 rx=%276%27 fill=%27white%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  -webkit-mask-size: 0.875rem;
  mask-size: 0.875rem;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.fbh-upload-preview .fbh-upload-container {
  position: relative;
  border-radius: 0.75rem;
  background-color: var(--fbh-neutral-alt-fill);
  height: 188px;
  overflow: hidden;
}

.fbh-upload-preview .fbh-btn-remove-file {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 1;
  width: 2rem;
  height: 2rem;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27 fill=%27none%27%3E%3Ccircle cx=%2715.9996%27 cy=%2715.9996%27 r=%2714.4%27 fill=%27white%27/%3E%3Cpath d=%27M21.3327 10.667L10.666 21.3337M10.666 10.667L21.3327 21.3337%27 stroke=%27%230093C1%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
  background-size: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

.fbh-upload-preview .fbh-upload-select-wrapper {
  padding: 2.25rem 1.5rem;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
}

.fbh-upload-preview .fbh-upload-icon {
  font-size: 0;
  color: var(--fbh-primary-100);
}

.fbh-upload-preview .fbh-upload-tip {
  max-width: 80%;
  text-align: center;
  margin-top: 0.5rem;
}

.fbh-upload-preview .fbh-file-wrapper {
  display: none;
  border-radius: 0.75rem;
}

.fbh-upload-preview .fbh-file-wrapper .fbh-preview-img {
  border-radius: 0.75rem;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.fbh-upload-preview.fbh-success .fbh-file-wrapper {
  display: block;
  height: 100%;
  border-width: 1px;
  border-color: var(--fbh-neutral-disabled-fill);
}

.fbh-upload-preview.fbh-success .fbh-file-wrapper::before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  content: "";
  display: block;
  width: calc(100% - 0.25rem);
  height: calc(100% - 0.25rem);
  background-color: var(--fbh-status-positive);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%27300%27 height=%27172%27 viewBox=%270 0 300 172%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M29.0045 3H17.0045C9.27256 3 3.00455 9.26801 3.00455 17V27%27 stroke=%27%2300A59B%27 stroke-width=%275%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M271 3H283C290.732 3 297 9.26801 297 17V27%27 stroke=%27%2300A59B%27 stroke-width=%275%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M29.0045 169H17.0045C9.27256 169 3.00455 162.732 3.00455 155V145%27 stroke=%27%2300A59B%27 stroke-width=%275%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M271 169H283C290.732 169 297 162.732 297 155V145%27 stroke=%27%2300A59B%27 stroke-width=%275%27 stroke-linecap=%27round%27/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width=%27300%27 height=%27172%27 viewBox=%270 0 300 172%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M29.0045 3H17.0045C9.27256 3 3.00455 9.26801 3.00455 17V27%27 stroke=%27%2300A59B%27 stroke-width=%275%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M271 3H283C290.732 3 297 9.26801 297 17V27%27 stroke=%27%2300A59B%27 stroke-width=%275%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M29.0045 169H17.0045C9.27256 169 3.00455 162.732 3.00455 155V145%27 stroke=%27%2300A59B%27 stroke-width=%275%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M271 169H283C290.732 169 297 162.732 297 155V145%27 stroke=%27%2300A59B%27 stroke-width=%275%27 stroke-linecap=%27round%27/%3E%3C/svg%3E%0A");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.fbh-upload-preview.fbh-success img {
  display: block;
}

.fbh-upload-preview.fbh-success .fbh-btn-remove-file {
  display: block;
}

.fbh-toast {
  --footer-offset: 0px;
  display: flex;
  padding: 0.5em 1.5em;
  margin-bottom: calc(2.75rem + var(--footer-offset, var(--fbh-sab)));
  align-self: flex-end;
  background: var(--fbh-text-secondary);
  border-radius: 0.5rem;
  color: var(--fbh-text-primary-inverse);
  opacity: 0;
}

.fbh-modal-in .fbh-toast {
  opacity: 1;
  animation: toast-in 0.3s ease-in-out;
  animation-fill-mode: backwards;
}

.fbh-modal-out .fbh-toast {
  opacity: 0;
  animation: toast-out 0.2s ease-in-out;
  animation-fill-mode: backwards;
}

@keyframes toast-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes toast-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fbh-footer-nav {
  position: fixed;
  z-index: 20;
  bottom: 0;
  display: grid;
  -moz-column-gap: 6px;
  column-gap: 6px;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  padding: 1.25rem 1rem calc(1rem + var(--fbh-sab));
  border-top-width: 1px;
  border-style: solid;
  background-color: var(--fbh-neutral-main-fill);
}

.fbh-footer-nav button {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.fbh-footer-nav button img {
  width: 1.5rem;
  height: 1.5rem;
  margin-bottom: 0.25rem;
}

.fbh-footer-nav button span {
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--fbh-text-secondary);
}

.fbh-footer-nav button.fbh-is-active span {
  color: var(--fbh-primary-100);
}

/** 非 iOS */
@supports not (font: -apple-system-body) {
  .fbh-footer-nav {
    padding-bottom: 1.25rem;
  }
}

.fbh-navbar {
  position: fixed;
  top: 0;
  width: 100%;
  padding-top: calc(1.5rem + var(--fbh-sat));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  display: grid;
  grid-template-columns: 2rem auto 2rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  align-items: center;
  z-index: 10;
}

.fbh-navbar.fbh-short-title {
  grid-template-columns: 66px auto 66px;
}

.fbh-navbar.fbh-is-scroll.fbh-navbar {
  padding-top: calc(0.875rem + var(--fbh-sat));
  padding-bottom: 0.375rem;
  border-bottom-width: 1px;
}

.fbh-navbar.fbh-is-scroll .fbh-navbar-title {
  opacity: 1;
}

.fbh-navbar.fbh-is-scroll .fbh-navbar-btn {
  width: auto;
  height: auto;
  background-color: transparent;
  border-radius: none;
}

.fbh-navbar.fbh-is-scroll .fbh-navbar-link {
  max-width: 66px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.fbh-navbar-left-wrapper {
  justify-self: flex-start;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fbh-navbar-center-wrapper {
  height: 100%;
  position: relative;
}

.fbh-navbar-right-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  overflow: hidden;
}

.fbh-navbar-title {
  opacity: 0;
  font-size: var(--fbh-text-h3);
  line-height: 1.2;
  font-weight: var(--fbh-font-medium);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: calc(100% - 1rem);
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  white-space: nowrap;
}

.fbh-navbar-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.75rem;
  background-color: var(--fbh-neutral-alt-fill);
  color: var(--fbh-text-secondary);
}

.fbh-navbar-link {
  color: var(--fbh-primary-100);
  font-weight: var(--fbh-font-medium);
  font-size: var(--fbh-text-p1);
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  white-space: nowrap;
}

.fbh-navbar-link:disabled {
  color: var(--fbh-text-tertiary);
}

.fbh-timepicker {
  overflow: hidden;
  max-height: 128px;
}

.fbh-timepicker .swiper-slide {
  flex-shrink: 1;
}

.fbh-timepicker .fbh-time-item {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--fbh-text-p1);
  color: var(--fbh-text-tertiary);
  padding: 0.25rem;
  border-radius: 0.5rem;
  height: 2rem;
}

.fbh-timepicker .swiper-slide-active .fbh-time-item {
  color: var(--fbh-text-primary);
  background-color: #f0f3f7;
}

.fbh-text-primary {
  color: var(--fbh-text-primary);
}

.fbh-text-secondary {
  color: var(--fbh-text-secondary);
}

.fbh-text-tertiary {
  color: var(--fbh-text-tertiary);
}

.fbh-text-disabled {
  color: var(--fbh-text-disabled);
}

.fbh-text-placeholder {
  color: var(--fbh-text-placeholder);
}

.fbh-text-primary-inverse {
  color: var(--fbh-text-primary-inverse);
}

.fbh-text-secondary-inverse {
  color: var(--fbh-text-secondary-inverse);
}

.fbh-text-placeholder-inverse {
  color: var(--fbh-text-placeholder-inverse);
}

.fbh-text-status-positive {
  color: var(--fbh-status-positive);
}

.fbh-text-status-positive-darken {
  color: var(--fbh-status-positive-darken);
}

.fbh-text-status-positive-fill {
  color: var(--fbh-status-positive-fill);
}

.fbh-text-status-fall {
  color: var(--fbh-status-fall);
}

.fbh-text-status-warning {
  color: var(--fbh-status-warning);
}

.fbh-text-status-warning-darken {
  color: var(--fbh-status-warning-darken);
}

.fbh-text-status-warning-fill {
  color: var(--fbh-status-warning-fill);
}

.fbh-text-status-bonus {
  color: var(--fbh-status-bonus);
}

.fbh-text-status-negative {
  color: var(--fbh-status-negative);
}

.fbh-text-status-negative-darken {
  color: var(--fbh-status-negative-darken);
}

.fbh-text-status-negative-fill {
  color: var(--fbh-status-negative-fill);
}

.fbh-text-status-rise {
  color: var(--fbh-status-rise);
}

.fbh-text-primary-100 {
  color: var(--fbh-primary-100);
}

.fbh-text-primary-200 {
  color: var(--fbh-primary-200);
}

.fbh-text-primary-400 {
  color: var(--fbh-primary-400);
}

.fbh-text-primary-600 {
  color: var(--fbh-primary-600);
}

.fbh-text-star {
  color: var(--fbh-star);
}

.fbh-text-highlight {
  color: var(--fbh-accent-persian-green);
}

.fbh-text-highlight-inverse {
  color: var(--fbh-accent-cyan);
}

.fbh-text-p1 {
  font-size: var(--fbh-text-p1);
}

.fbh-text-p2 {
  font-size: var(--fbh-text-p2);
}

.fbh-text-display1 {
  font-size: var(--fbh-text-display1);
  line-height: 1.2;
  font-weight: var(--fbh-font-medium);
}

.fbh-text-display2 {
  font-size: var(--fbh-text-display2);
  line-height: 1.2;
  font-weight: var(--fbh-font-medium);
}

.fbh-text-display3 {
  font-size: var(--fbh-text-display3);
  line-height: 1.1875;
  font-weight: var(--fbh-font-medium);
}

.fbh-text-h1 {
  font-size: var(--fbh-text-h1);
  line-height: 1.25;
  font-weight: var(--fbh-font-medium);
}

.fbh-text-h2 {
  font-size: var(--fbh-text-h2);
  line-height: 1.2;
  font-weight: var(--fbh-font-medium);
}

.fbh-text-h3 {
  font-size: var(--fbh-text-h3);
  line-height: 1.2;
  font-weight: var(--fbh-font-medium);
}

.fbh-font-medium {
  font-weight: var(--fbh-font-medium);
}