.slap-button-fill-left {
  background: linear-gradient(90deg, #f08c24 50%, #fff0 50%);
  background-size: 220% 100%;
  border: 1px solid #f08c24;
  color: #f08c24;
  transition: all 0.2s ease-out !important;
  background-position: right center;
}
.slap-button-fill-left:hover {
  background-position: left center;
  color: #ffffff;
}

.slap-button-fill-left-inverse {
  background: linear-gradient(90deg, #f08c24 50%, #fff0 50%);
  background-size: 220% 100%;
  border: 1px solid #f08c24;
  color: #f08c24;
  transition: all 0.2s ease-out !important;
  background-position: left center;
  color: #ffffff;
}
.slap-button-fill-left-inverse:hover {
  background-position: right center;
  color: #f08c24;
}

.slap-button-fill-45deg {
  background: linear-gradient(90deg, #f08c24 50%, #fff0 50%);
  background-size: 220% 100%;
  border: 1px solid #f08c24;
  color: #f08c24;
  transition: all 0.2s ease-out !important;
  background-position: right center;
}
.slap-button-fill-45deg:hover {
  background-position: left center;
  color: #ffffff;
}

.slap-cover {
  background: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  z-index: 1;
}

.slap-discover-left,
.slap-discover-right {
  position: relative;
}
.slap-discover-left .slap-cover,
.slap-discover-right .slap-cover {
  background: #f7f7f7;
  transition: all 0.5s ease-out;
}
.slap-discover-left:not(.slap-discover-right).slap-active > .slap-cover,
.slap-discover-right:not(.slap-discover-right).slap-active > .slap-cover {
  left: 100%;
}
.slap-discover-left:not(.slap-discover-left).slap-active > .slap-cover,
.slap-discover-right:not(.slap-discover-left).slap-active > .slap-cover {
  right: 100%;
}

.slap-discover-left-3,
.slap-discover-right-3 {
  position: relative;
}
.slap-discover-left-3 .slap-cover-1,
.slap-discover-right-3 .slap-cover-1 {
  background: #ffffff;
}
.slap-discover-left-3 .slap-cover-2,
.slap-discover-right-3 .slap-cover-2 {
  background: #f08c24;
  transition-delay: 0.5s;
}
.slap-discover-left-3 .slap-cover-3,
.slap-discover-right-3 .slap-cover-3 {
  background: #242427;
  opacity: 0.9;
  transition-delay: 0.75s;
}
.slap-discover-left-3:not(.slap-discover-right-3).slap-active > .slap-cover,
.slap-discover-right-3:not(.slap-discover-right-3).slap-active > .slap-cover {
  left: 100%;
}
.slap-discover-left-3:not(.slap-discover-left-3).slap-active > .slap-cover,
.slap-discover-right-3:not(.slap-discover-left-3).slap-active > .slap-cover {
  right: 100%;
}

.slap-background-mouse-inverse {
  background-position: 50% 50%;
  background-size: 110% 110%;
}

/*
.slap-cover {
    background: $slap-color-light;
    position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    transition: all $slap-discover-duration cubic-bezier(.17,.67,.83,.67);
    z-index: 1;
}
*/
.slap-discover-fade-in {
  position: relative;
}
.slap-discover-fade-in .slap-cover {
  background: #f7f7f7;
  width: auto;
  transition-timing-function: cubic-bezier(0, 0.48, 1, 0.75);
}
.slap-discover-fade-in .slap-fade-in {
  opacity: 1;
}
.slap-discover-fade-in .slap-fade-in > :nth-child(1) {
  opacity: 0;
  transition: all 0.3s ease-in 0.5s;
}
.slap-discover-fade-in .slap-fade-in > :nth-child(2) {
  opacity: 0;
  transition: all 0.3s ease-in 0.7s;
}
.slap-discover-fade-in .slap-fade-in > :nth-child(3) {
  opacity: 0;
  transition: all 0.3s ease-in 0.9s;
}
.slap-discover-fade-in .slap-fade-in > :nth-child(4) {
  opacity: 0;
  transition: all 0.3s ease-in 1.1s;
}
.slap-discover-fade-in .slap-fade-in > :nth-child(5) {
  opacity: 0;
  transition: all 0.3s ease-in 1.3s;
}
.slap-discover-fade-in .slap-fade-in > :nth-child(6) {
  opacity: 0;
  transition: all 0.3s ease-in 1.5s;
}
.slap-discover-fade-in .slap-fade-in > :nth-child(7) {
  opacity: 0;
  transition: all 0.3s ease-in 1.7s;
}
.slap-discover-fade-in .slap-fade-in > :nth-child(8) {
  opacity: 0;
  transition: all 0.3s ease-in 1.9s;
}
.slap-discover-fade-in .slap-fade-in > :nth-child(9) {
  opacity: 0;
  transition: all 0.3s ease-in 2.1s;
}
.slap-discover-fade-in .slap-fade-in > :nth-child(10) {
  opacity: 0;
  transition: all 0.3s ease-in 2.3s;
}
.slap-discover-fade-in.slap-active .slap-cover {
  width: 0;
}
.slap-discover-fade-in.slap-active .slap-fade-in > * {
  opacity: 1;
}

.slap-fade-in {
  opacity: 0;
  transition: all 0.5s ease-in;
}
.slap-fade-in.slap-active {
  opacity: 1;
}

.slap-popup-in {
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.3s cubic-bezier(0, 1.41, 1, 1.02);
}
.slap-popup-in.slap-active {
  opacity: 1;
  transform: scale(1);
}

/*
.slap-discover-left-3,
.slap-discover-right-3 {
    opacity: 0;
    position: relative;

    .slap-cover-1 {
        background: $slap-color-light;
    }

    .slap-cover-2 {
        background: $slap-color-primary;
        transition-delay: $slap-discover-duration;
    }

    .slap-cover-3 {
        background: $slap-color-secondary;
        opacity: 0.8;
        transition-delay: $slap-discover-duration * 1.5;
    }

    &.slap-active {
        opacity: 1;
    }

    &:not(.slap-discover-right).slap-active > .slap-cover {
        left: 100%;
    }

    &:not(.slap-discover-left).slap-active > .slap-cover {
        right: 100%;
    }
}
*/
.slap-underline {
  color: #f08c24;
  position: relative;
}
.slap-underline::before {
  content: "";
  background: #f08c24;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 0;
  transition: all 0.2s ease-in-out !important;
}
.slap-underline:hover::before {
  width: 100%;
}

/*# sourceMappingURL=slap.css.map */