.md30e10 {
  position: fixed;
  z-index: var(--_1qq99gj53);
  pointer-events: none;
  display: flex;
  flex-direction: column;
  gap: var(--_1qq99gj2);
  max-height: 100vh;
  padding: var(--_1qq99gj4);
}
.md30e11 {
  top: 0;
  left: 0;
}
.md30e12 {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.md30e13 {
  top: 0;
  right: 0;
}
.md30e14 {
  bottom: 0;
  left: 0;
}
.md30e15 {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.md30e16 {
  bottom: 0;
  right: 0;
}
.md30e17 {
  display: flex;
  align-items: center;
  gap: var(--_1qq99gj3);
  padding: var(--_1qq99gj3) var(--_1qq99gj4);
  background-color: var(--_1qq99gj10);
  border: 1px solid var(--_1qq99gj1h);
  border-radius: var(--_1qq99gj4b);
  box-shadow: var(--_1qq99gj3y);
  pointer-events: auto;
  min-width: 300px;
  max-width: 500px;
  overflow: hidden;
  position: relative;
  transition: all var(--_1qq99gj4i) var(--_1qq99gj4p);
}
.md30e18 {
  border-left-color: var(--_1qq99gj1h);
  border-left-width: 4px;
}
.md30e19 {
  border-left-color: var(--_1qq99gj1m);
  border-left-width: 4px;
  background-color: var(--_1qq99gj10);
}
.md30e1a {
  border-left-color: var(--_1qq99gj1f);
  border-left-width: 4px;
  background-color: var(--_1qq99gj10);
}
.md30e1b {
  border-left-color: var(--_1qq99gj1p);
  border-left-width: 4px;
  background-color: var(--_1qq99gj10);
}
.md30e1c {
  border-left-color: var(--_1qq99gj1s);
  border-left-width: 4px;
  background-color: var(--_1qq99gj10);
}
.md30e1d {
  border-left-color: var(--_1qq99gj14);
  border-left-width: 4px;
}
.md30e1e {
  padding: var(--_1qq99gj2) var(--_1qq99gj3);
  font-size: var(--_1qq99gj2b);
  min-width: 250px;
}
.md30e1f {
  padding: var(--_1qq99gj3) var(--_1qq99gj4);
  font-size: var(--_1qq99gj2c);
  min-width: 300px;
}
.md30e1g {
  padding: var(--_1qq99gj4) var(--_1qq99gj6);
  font-size: var(--_1qq99gj2e);
  min-width: 400px;
}
.md30e1h {
  opacity: 0;
  transform: translateY(100%);
}
.md30e1i {
  opacity: 1;
  transform: translateY(0);
}
.md30e1j {
  opacity: 0;
  transform: translateX(100%);
}
.md30e1k {
  font-size: var(--_1qq99gj2c);
  font-weight: var(--_1qq99gj2t);
  color: var(--_1qq99gjz);
  margin-bottom: var(--_1qq99gj1);
  line-height: var(--_1qq99gj2y);
}
.md30e1l {
  font-size: var(--_1qq99gj2b);
  font-weight: var(--_1qq99gj2s);
}
.md30e1m {
  font-size: var(--_1qq99gj2c);
  font-weight: var(--_1qq99gj2t);
}
.md30e1n {
  font-size: var(--_1qq99gj2e);
  font-weight: var(--_1qq99gj2u);
}
.md30e1o {
  font-size: var(--_1qq99gj2b);
  color: var(--_1qq99gj19);
  line-height: var(--_1qq99gj30);
  word-break: break-word;
}
.md30e1p {
  font-size: var(--_1qq99gj2a);
}
.md30e1q {
  font-size: var(--_1qq99gj2b);
}
.md30e1r {
  font-size: var(--_1qq99gj2c);
}
.md30e1s {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--_1qq99gj2s);
  border-radius: var(--_1qq99gj49);
  cursor: pointer;
  border: none;
  transition: all var(--_1qq99gj4h) var(--_1qq99gj4p);
  white-space: nowrap;
  text-decoration: none;
  outline: none;
  margin-left: auto;
}
.md30e1s:focus-visible {
  outline: 2px solid var(--_1qq99gj1j);
  outline-offset: 2px;
}
.md30e1t {
  background-color: var(--_1qq99gj16);
  color: var(--_1qq99gj14);
}
.md30e1t:hover {
  background-color: var(--_1qq99gj14);
  color: var(--_1qq99gj15);
}
.md30e1u {
  background-color: transparent;
  color: var(--_1qq99gjz);
  border: 1px solid var(--_1qq99gj1h);
}
.md30e1u:hover {
  background-color: var(--_1qq99gj16);
}
.md30e1v {
  background-color: transparent;
  color: var(--_1qq99gj19);
}
.md30e1v:hover {
  background-color: var(--_1qq99gj16);
  color: var(--_1qq99gjz);
}
.md30e1w {
  height: 28px;
  padding: 0 var(--_1qq99gj2);
  font-size: var(--_1qq99gj2a);
}
.md30e1x {
  height: 32px;
  padding: 0 var(--_1qq99gj3);
  font-size: var(--_1qq99gj2b);
}
.md30e1y {
  height: 40px;
  padding: 0 var(--_1qq99gj4);
  font-size: var(--_1qq99gj2c);
}
.md30e1z {
  position: absolute;
  top: var(--_1qq99gj2);
  right: var(--_1qq99gj2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--_1qq99gj49);
  background-color: transparent;
  border: none;
  color: var(--_1qq99gj19);
  cursor: pointer;
  transition: all var(--_1qq99gj4h) var(--_1qq99gj4p);
  outline: none;
}
.md30e1z:hover {
  background-color: var(--_1qq99gj16);
  color: var(--_1qq99gjz);
}
.md30e1z:focus-visible {
  outline: 2px solid var(--_1qq99gj1j);
  outline-offset: 2px;
}
.md30e110 {
  width: 20px;
  height: 20px;
}
.md30e111 {
  width: 24px;
  height: 24px;
}
.md30e112 {
  width: 28px;
  height: 28px;
}
.md30e113 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.md30e114 {
  color: var(--_1qq99gj19);
}
.md30e115 {
  color: var(--_1qq99gj1l);
}
.md30e116 {
  color: var(--_1qq99gj1g);
}
.md30e117 {
  color: var(--_1qq99gj1o);
}
.md30e118 {
  color: var(--_1qq99gj1r);
}
.md30e119 {
  color: var(--_1qq99gj14);
}
.md30e11a {
  width: 16px;
  height: 16px;
}
.md30e11b {
  width: 20px;
  height: 20px;
}
.md30e11c {
  width: 24px;
  height: 24px;
}
.md30e11d {
  flex: 1 1;
}