._1qto6jt6-3-5-0 {
  --_1igzksy0-3-5-0: var(--dt-borders-radius-surface-default, 12px);
  color: var(--dt-colors-text-neutral-default, #2f2f4f);
  text-align: left;
  border: none;
  outline: none;
  position: relative;
  background-color: var(--dt-colors-background-surface-default, #fff);
  border-radius: var(--_1igzksy0-3-5-0);
}
._1qto6jt6-3-5-0::before, ._1qto6jt6-3-5-0::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: var(--_1igzksy0-3-5-0);
  pointer-events: none;
}
._1qto6jt6-3-5-0::after {
  outline-offset: 2px;
  outline: 2px solid var(--_17bwkb02-3-5-0);
  opacity: var(--_1qto6jt4-3-5-0);
  transition: var(--_1qto6jt5-3-5-0);
}
._1qto6jt7-3-5-0 {
  --_1qto6jt4-3-5-0: 1;
  --_1qto6jt5-3-5-0: var(--dt-animations-fade-in-easing, cubic-bezier(0.5, 0, 1, 1)) var(--dt-animations-fade-in-duration-fast, 150ms);
}
._1qto6jt8-3-5-0 {
  --_1qto6jt4-3-5-0: 0;
  --_1qto6jt5-3-5-0: var(--dt-animations-fade-out-easing, cubic-bezier(0, 0, 0.2, 1)) var(--dt-animations-fade-out-duration-fast, 150ms);
}
._1qto6jt9-3-5-0 {
  --_1qto6jt1-3-5-0: 0;
  --_1qto6jt2-3-5-0: pointer;
  --_1qto6jt3-3-5-0: var(--dt-box-shadows-surface-flat-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: var(--_1igzksy0-3-5-0);
  pointer-events: none;
}
._1qto6jt9-3-5-0::after,._1qto6jt9-3-5-0::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: var(--_1igzksy0-3-5-0);
  pointer-events: none;
  transition: var(--dt-animations-fade-in-easing, cubic-bezier(0.5, 0, 1, 1)) var(--dt-animations-fade-in-duration-fast, 150ms);
}
._1qto6jt9-3-5-0::after {
  box-shadow: var(--_1qto6jt0-3-5-0);
  opacity: var(--_1qto6jt1-3-5-0);
}
._1qto6jt9-3-5-0::before {
  box-shadow: var(--_1qto6jt3-3-5-0);
  opacity: 0;
}
._1qto6jta-3-5-0 {
  --_1qto6jt0-3-5-0: var(--dt-box-shadows-surface-flat-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52);
  --_1qto6jt3-3-5-0: var(--dt-box-shadows-surface-flat-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12);
  box-shadow: var(--dt-box-shadows-surface-flat-rest, 0px 0px 0px 1px #2d2e4e0d);
}
._1qto6jtb-3-5-0 {
  --_1qto6jt0-3-5-0: var(--dt-box-shadows-surface-raised-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52);
  --_1qto6jt3-3-5-0: var(--dt-box-shadows-surface-raised-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29);
  box-shadow: var(--dt-box-shadows-surface-raised-rest, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12);
}
._1qto6jtc-3-5-0 {
  --_1qto6jt0-3-5-0: var(--dt-box-shadows-surface-floating-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52);
  --_1qto6jt3-3-5-0: var(--dt-box-shadows-surface-floating-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 6px 14px -2px #2d2e4e3d);
  box-shadow: var(--dt-box-shadows-surface-floating-rest, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29);
}
._1qto6jtd-3-5-0 {
  --_1qto6jt1-3-5-0: 1;
  --_1qto6jt2-3-5-0: grab;
}
button.strato-surface:not(:disabled), a.strato-surface:not(:disabled) {
  cursor: pointer;
}
button.strato-surface:not(:disabled):hover > div:first-child::before, a.strato-surface:not(:disabled):hover > div:first-child::before {
  opacity: 1;
}
button.strato-surface:not(:disabled):active > div:first-child::before, a.strato-surface:not(:disabled):active > div:first-child::before {
  transition: var(--dt-animations-fade-in-easing, cubic-bezier(0.5, 0, 1, 1)) var(--dt-animations-fade-in-duration-fast, 150ms);
  opacity: 0;
}