/* line 6, scss/component/onesweep.scss */
#onesweep {
  background-color: #55B5B1;
  padding-top: 5rem; }
  /* line 10, scss/component/onesweep.scss */
  #onesweep .field--name-field-p-t-text {
    padding: 0 48px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: -48px; }
    @media (max-width: 767px) {
      /* line 10, scss/component/onesweep.scss */
      #onesweep .field--name-field-p-t-text {
        margin-bottom: 0; } }
    /* line 20, scss/component/onesweep.scss */
    #onesweep .field--name-field-p-t-text .subtitle {
      margin-bottom: 0; }
    /* line 24, scss/component/onesweep.scss */
    #onesweep .field--name-field-p-t-text .title {
      text-transform: uppercase;
      font-weight: 900; }

/* line 31, scss/component/onesweep.scss */
#onesweep-anim {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  position: relative;
  z-index: 0; }
  /* line 38, scss/component/onesweep.scss */
  #onesweep-anim::before {
    content: "";
    position: absolute;
    top: 70%;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 600px;
    background-color: #E2F0EF; }
  /* line 49, scss/component/onesweep.scss */
  #onesweep-anim img {
    max-width: none;
    width: 100%; }
  /* line 54, scss/component/onesweep.scss */
  #onesweep-anim #machine {
    width: 100%;
    position: absolute;
    z-index: 3; }
  /* line 60, scss/component/onesweep.scss */
  #onesweep-anim #number,
  #onesweep-anim #number-mask,
  #onesweep-anim #number-outline {
    width: 100%;
    position: absolute;
    z-index: 2; }
  /* line 68, scss/component/onesweep.scss */
  #onesweep-anim #number-outline {
    opacity: 0.8;
    z-index: 4; }
  /* line 73, scss/component/onesweep.scss */
  #onesweep-anim #number {
    opacity: 0;
    z-index: 5;
    transition: opacity 0.6s ease; }
  @media (min-width: 1600px) {
    /* line 81, scss/component/onesweep.scss */
    #onesweep-anim #machine,
    #onesweep-anim #number,
    #onesweep-anim #number-mask,
    #onesweep-anim #number-outline,
    #onesweep-anim #number-outline,
    #onesweep-anim #number {
      max-width: 1400px;
      width: 100%;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -42.5%); } }
  /* line 95, scss/component/onesweep.scss */
  #onesweep-anim.transitioned #number:hover {
    opacity: 0.8 !important; }
  /* line 99, scss/component/onesweep.scss */
  #onesweep-anim #ground {
    width: 100%;
    position: absolute;
    z-index: 2; }

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