.rotateimg180 {
    -webkit-transform:rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.rotateimg90 {
    -webkit-transform:rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.rotateimg270 {
    -webkit-transform:rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
.button-prev {
    background-image: url(""); 
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
  }
  .button-next {
    background-image: url("");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
  } 

  [x-cloak] { display: none !important; }
  
  /*input {
    all: unset;
  }*/

  .duration-300 {
    transition-duration: 300ms;
  }

  .ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }

  .ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  .scale-90 {
    transform: scale(.9);
  }

  .scale-100 {
    transform: scale(1);
  }

  .text-2xs {
    font-size: 0.55rem;
    line-height: 0.75rem;
  }

  @media (min-width: 640px) 
{
    .text-2xs {
        font-size: 0.6rem;
        line-height: 0.8rem;	
    }
}
  .text-3xs {
    font-size: 0.5rem;
    line-height: 0.7rem;
  }