@tailwind components;
@tailwind utilities;



#squid-stake-widget .tw-invert {
  filter: invert(1) !important;
}

#squid-stake-widget * {
  color: inherit;
  box-sizing: border-box;
}

#squid-stake-widget li{
  margin-bottom: 0px;
}

#squid-stake-widget input, 
#squid-stake-widget button {
	border: none;
	background: transparent;
  line-height: inherit;
  font-family: inherit;
}

#squid-stake-widget button {
  cursor: pointer;
  padding: 0px;
}

#squid-stake-widget ul {
	padding-left: 0px;
  margin: 0px;
}

#squid-stake-widget span,
#squid-stake-widget a {
  text-decoration: none;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  font-family: inherit;
}

#squid-stake-widget #keystroke {
  stroke: hsl(var(--sc)) !important;
}

#squid-stake-widget #keyfill {
  fill: hsl(var(--s)) !important;
}


/* ---------- */
/* LOADER */
/* ---------- */
#squid-stake-widget .bouncing-loader {
  display: flex;
  justify-content: center;
  margin: 40px auto;
}

#squid-stake-widget .bouncing-loader > div {
  width: 16px;
  height: 16px;
  margin: 3px 6px;
  border-radius: 50%;
  background-color: #a3a1a1;
  opacity: 1;
  animation: bouncing-loader 0.6s infinite alternate;
}

@keyframes bouncing-loader {
  to {
    opacity: 0.1;
    transform: translateY(-16px);
  }
}

#squid-stake-widget .bouncing-loader > div:nth-child(2) {
  animation-delay: 0.2s;
}

#squid-stake-widget .bouncing-loader > div:nth-child(3) {
  animation-delay: 0.4s;
}

/* ---------- */
/* INPUTS */
/* ---------- */
#squid-stake-widget input[type="color"] {
  border: none;
}
#squid-stake-widget input[type="color"]::-webkit-color-swatch-wrapper {
  padding: 0;
}
#squid-stake-widget input[type="color"]::-webkit-color-swatch {
  border: none;
}



/* ---------- */
/* TOGGLES */
/* ---------- */
#squid-stake-widget .tw-dsw-toggle-primary:checked,
#squid-stake-widget .tw-dsw-toggle-primary[checked="true"],
#squid-stake-widget .tw-dsw-toggle-primary[aria-checked="true"] {
  box-shadow: var(--handleoffset) 0 0 2px hsl(var(--ac)) inset,
    0 0 0 2px hsl(var(--ac)) inset;
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
}

#squid-stake-widget .tw-dsw-toggle-secondary {
  box-shadow: calc(var(--handleoffset) * -1) 0 0 2px hsl(var(--b3)) inset,
    0 0 0 2px hsl(var(--b3)) inset;
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
}

#squid-stake-widget .tw-dsw-toggle-secondary:checked,
#squid-stake-widget .tw-dsw-toggle-secondary[checked="true"],
#squid-stake-widget .tw-dsw-toggle-secondary[aria-checked="true"] {
  box-shadow: var(--handleoffset) 0 0 2px hsl(var(--s)) inset,
    0 0 0 2px hsl(var(--s)) inset;
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
}






/* ---------- */
/* BORDER RADIUS */
/* ---------- */
#squid-stake-widget .tw-rounded-dropdown {
  border-radius: var(--rounded-dropdown, 26px);
}