._wrapper_1gnfw_1 {
  z-index: 1400;
  height: var(--spacing-auto);
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-12);
  overflow-wrap: break-word;
  width: 328px;
  padding: var(--spacing-12);
  opacity: 0;
  --tw-shadow: var(--tw-shadow-colored);
  --tw-shadow-colored: var(--shadow-light);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: var(--stroke-color-light);
  border-radius: .25rem;
  transition-property: all;
  transition-duration: .1s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  animation-duration: .1s;
  animation-timing-function: cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: fixed;
}

@media (min-width: 640px) {
  ._wrapper_1gnfw_1 {
    width: var(--spacing-auto);
    min-width: 440px;
    max-width: 640px;
  }
}

@media (min-width: 1024px) {
  ._wrapper_1gnfw_1 {
    width: var(--spacing-auto);
    min-width: 440px;
    max-width: 720px;
  }
}

._wrapper_1gnfw_1._light_1gnfw_4 {
  background-color: var(--static-color-white);
}

._wrapper_1gnfw_1._dark_1gnfw_7 {
  background-color: var(--static-color-black);
}

._wrapper_1gnfw_1._top_1gnfw_12 {
  top: calc(var(--spacing-40) * -1);
}

._wrapper_1gnfw_1._top_1gnfw_12._open_1gnfw_15 {
  top: var(--spacing-40);
}

._wrapper_1gnfw_1._bottom_1gnfw_18 {
  bottom: calc(var(--spacing-40) * -1);
}

._wrapper_1gnfw_1._bottom_1gnfw_18._open_1gnfw_15 {
  bottom: var(--spacing-40);
}

._wrapper_1gnfw_1._right_1gnfw_25 {
  right: var(--spacing-40);
}

._wrapper_1gnfw_1._left_1gnfw_28 {
  left: var(--spacing-40);
}

._wrapper_1gnfw_1._center_1gnfw_31 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  left: 50%;
}

._wrapper_1gnfw_1._upward_1gnfw_35 {
  --tw-translate-y: calc(var(--spacing-24) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

._wrapper_1gnfw_1._downward_1gnfw_38 {
  --tw-translate-y: var(--spacing-24);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

._wrapper_1gnfw_1._open_1gnfw_15 {
  --tw-translate-y: var(--spacing-0);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}

._wrapper_1gnfw_1 > div {
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-8);
  display: flex;
}

._cross_1gnfw_51 {
  height: var(--spacing-24);
  width: var(--spacing-24);
  cursor: pointer;
  flex-shrink: 0;
  display: flex;
}

._cross_1gnfw_51._dark_1gnfw_7 {
  fill: var(--static-color-white);
}

._cross_1gnfw_51._light_1gnfw_4 {
  fill: var(--static-color-black);
}

._icon_1gnfw_60 {
  height: var(--spacing-24);
  width: var(--spacing-24);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}