@property --angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 90deg;
}
@keyframes ic6iil0 {
  0% {
    transform: translate(-50%, -50%) scale(1.4) rotate(0);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.4) rotate(.5turn);
  }
  55% {
    transform: translate(-50%, -50%) scale(1.4) rotate(.6turn);
  }
  95% {
    transform: translate(-50%, -50%) scale(1.4) rotate(1turn);
  }
  100% {
    transform: translate(-50%, -50%) scale(1.4) rotate(1turn);
  }
}
@keyframes ic6iil1 {
  from {
    --angle: 0deg;
  }
  to {
    --angle: 360deg;
  }
}
@keyframes ic6iil4 {
  0% {
    box-shadow: px -4px 12px -6px var(--_1073cm817);
  }
  50% {
    box-shadow: 0px -10px 14px -6px var(--_1073cm817);
  }
  100% {
    box-shadow: 0px -4px 12px -6px var(--_1073cm817);
  }
}
@keyframes ic6iil7 {
  0% {
    box-shadow: 0 20px 25px 0 rgba(0, 0, 0, 0.10), 0 10px 10px 0 rgba(0, 0, 0, 0.04);
  }
  50% {
    box-shadow: 0 0 16px 4px var(--_1073cm817), 
            0 20px 25px 0 rgba(0, 0, 0, 0.10), 
            0 10px 10px 0 rgba(0, 0, 0, 0.04);
  }
  100% {
    box-shadow: 0 20px 25px 0 rgba(0, 0, 0, 0.10), 0 10px 10px 0 rgba(0, 0, 0, 0.04);
  }
}
.ic6iil2 {
  --offset: 3px;
  background: var(--_1073cm813);
  max-width: 100%;
  overflow: hidden;
  border-width: 3px;
  border: var(--_1073cm813);
  border-style: solid;
}
.ic6iil3 {
  border: 2px solid var(--_1073cm813);
  background: var(--_1073cm815);
  animation: ic6iil1 2s ease-in-out infinite;
}
.ic6iil5 {
  --angle: 90deg;
  border: 1px solid var(--_1073cm81d);
  border-radius: 12px;
  background: linear-gradient(white) padding-box, var(--_1073cm815) border-box;
}
.ic6iil5:focus-within {
  border: 1px solid #404040;
}
.ic6iil6 {
  width: 80%;
  border-radius: 50%;
  animation: ic6iil4 2s ease-in-out infinite;
}
.ic6iil8 {
  box-shadow: 0 20px 25px 0 rgba(0, 0, 0, 0.10), 0 10px 10px 0 rgba(0, 0, 0, 0.04);
}
@media screen and (max-width:768px) {
  .ic6iil2 {
    border: none;
  }
}
@media screen and (min-width:768px) {
  .ic6iil2 {
    width: 164px;
    height: 42px;
    border-radius: 50px;
  }
  .ic6iil2:hover::before {
    content: "";
    background: conic-gradient(transparent 320deg, white, white);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    aspect-ratio: 1;
    width: 100%;
    animation: ic6iil0 1.7s linear infinite;
  }
  .ic6iil2:hover::after {
    content: "";
    border-radius: inherit;
    background: var(--_1073cm813);
    position: absolute;
    inset: var(--offset);
    height: calc(100% - 2 * var(--offset));
    width: calc(100% - 2 * var(--offset));
  }
  .ic6iil3:hover {
    --angle: 270deg;
    border: 2px solid transparent;
    background: linear-gradient(var(--_1073cm813)) padding-box, linear-gradient(var(--angle), var(--_1073cm815)) border-box;
  }
  .ic6iil8:hover {
    animation: ic6iil7 2.5s linear;
  }
}