/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
@layer properties;
.close_box {
  --tw-translate-x: 9.3125rem;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.open {
  position: fixed;
  right: calc(2.5rem * -1);
  z-index: 3;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  background-color: var(--color-primary-500, #0e66cc);
  color: var(--color-white, #fff);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 500ms;
  transition-duration: 500ms;
  bottom: calc(10% + 80px);
  span {
    rotate: 180deg;
    i {
      color: var(--color-white, #fff);
    }
  }
}
.open_box {
  --tw-translate-x: calc(2.5rem * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.floating_ck {
  position: fixed;
  right: 2.5rem;
  bottom: 10%;
  z-index: 2;
  border-radius: 0.25rem;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 500ms;
  transition-duration: 500ms;
  dl {
    dd {
      position: relative;
      margin: 0.3125rem;
      display: flex;
      height: 2.5rem;
      width: 2.5rem;
      cursor: pointer;
      align-items: center;
      justify-content: center;
      border-radius: 0.25rem;
      background-color: var(--color-primary-500, #0e66cc);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
      transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
      --tw-duration: 300ms;
      transition-duration: 300ms;
      i {
        color: var(--color-white, #fff);
      }
      .floating_left {
        position: absolute;
        top: calc(var(--spacing, 0.25rem) * 0);
        left: -11.875rem;
        display: none;
        min-height: 2.5rem;
        width: 11.25rem;
        border-radius: 0.25rem;
        background-color: var(--color-primary-500, #0e66cc);
        p {
          text-align: center;
          font-size: var(--text-sm, 0.875rem);
          line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
          --tw-leading: calc(var(--spacing, 0.25rem) * 8);
          line-height: calc(var(--spacing, 0.25rem) * 8);
          color: var(--color-white, #fff);
          &.num {
            font-size: var(--text-base, 1rem);
            line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
            --tw-font-weight: var(--font-weight-bold, 700);
            font-weight: var(--font-weight-bold, 700);
          }
        }
      }
      &:hover {
        .floating_left {
          display: flex;
          align-items: center;
          justify-content: center;
        }
      }
    }
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-duration: initial;
      --tw-leading: initial;
      --tw-font-weight: initial;
    }
  }
}