.PlZyDq {
  touch-action: manipulation
}

.VU4Mnk {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  justify-content: var(--label-align);
  min-width: 100%;
  text-align: initial;
  width: -moz-max-content;
  width: max-content
}

.VU4Mnk:before {
  max-width: var(--margin-start, 0)
}

.VU4Mnk:after,
.VU4Mnk:before {
  align-self: stretch;
  content: "";
  flex-grow: 1
}

.VU4Mnk:after {
  max-width: var(--margin-end, 0)
}

.UHSxqn {
  --display: grid;
  display: var(--display);
  grid-template-columns: minmax(0, 1fr)
}

.UHSxqn .VU4Mnk {
  border-radius: var(--corvid-border-radius, var(--rd, 0));
  box-shadow: var(--shd, 0 1px 4px rgba(0, 0, 0, .6));
  padding-bottom: var(--verticalPadding, 0);
  padding-left: var(--horizontalPadding, 0);
  padding-right: var(--horizontalPadding, 0);
  padding-top: var(--verticalPadding, 0);
  position: relative;
  transition: var(--trans1, border-color .4s ease 0s, background-color .4s ease 0s);
  width: auto
}

.UHSxqn .VU4Mnk:before {
  flex-shrink: 0;
  width: var(--margin-start, 0)
}

.UHSxqn .VU4Mnk:after {
  flex-shrink: 0;
  width: var(--margin-end, 0)
}

.UHSxqn .w4Vxx6 {
  color: var(--corvid-color, rgb(var(--txt, var(--color_15, color_15))));
  font: var(--fnt, var(--font_5));
  position: relative;
  transition: var(--trans2, color .4s ease 0s)
}

.UHSxqn[aria-disabled=false] .VU4Mnk {
  background-color: var(--corvid-background-color, rgba(var(--bg, var(--color_17, color_17)), var(--alpha-bg, 1)));
  border: solid var(--corvid-border-color, rgba(var(--brd, var(--color_15, color_15)), var(--alpha-brd, 1))) var(--corvid-border-width, var(--brw, 0));
  cursor: pointer !important
}

:host(.device-mobile-optimized) .UHSxqn[aria-disabled=false]:active .VU4Mnk,
body.device-mobile-optimized .UHSxqn[aria-disabled=false]:active .VU4Mnk {
  background-color: var(--corvid-hover-background-color, rgba(var(--bgh, var(--color_18, color_18)), var(--alpha-bgh, 1)));
  border-color: var(--corvid-hover-border-color, rgba(var(--brdh, var(--color_15, color_15)), var(--alpha-brdh, 1)))
}

:host(.device-mobile-optimized) .UHSxqn[aria-disabled=false]:active .w4Vxx6,
body.device-mobile-optimized .UHSxqn[aria-disabled=false]:active .w4Vxx6 {
  color: var(--corvid-hover-color, rgb(var(--txth, var(--color_15, color_15))))
}

:host(:not(.device-mobile-optimized)) .UHSxqn[aria-disabled=false]:hover .VU4Mnk,
body:not(.device-mobile-optimized) .UHSxqn[aria-disabled=false]:hover .VU4Mnk {
  background-color: var(--corvid-hover-background-color, rgba(var(--bgh, var(--color_18, color_18)), var(--alpha-bgh, 1)));
  border-color: var(--corvid-hover-border-color, rgba(var(--brdh, var(--color_15, color_15)), var(--alpha-brdh, 1)))
}

:host(:not(.device-mobile-optimized)) .UHSxqn[aria-disabled=false]:hover .w4Vxx6,
body:not(.device-mobile-optimized) .UHSxqn[aria-disabled=false]:hover .w4Vxx6 {
  color: var(--corvid-hover-color, rgb(var(--txth, var(--color_15, color_15))))
}

.UHSxqn[aria-disabled=true] .VU4Mnk {
  background-color: var(--corvid-disabled-background-color, rgba(var(--bgd, 204, 204, 204), var(--alpha-bgd, 1)));
  border-color: var(--corvid-disabled-border-color, rgba(var(--brdd, 204, 204, 204), var(--alpha-brdd, 1)))
}

.UHSxqn[aria-disabled=true] .w4Vxx6 {
  color: var(--corvid-disabled-color, rgb(var(--txtd, 255, 255, 255)))
}

.UHSxqn .w4Vxx6 {
  text-align: var(--label-text-align)
}