.main-fill-base{color:#222;opacity:.3;transition:opacity .5s;position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;white-space:pre}.main-fill-base.hide{opacity:0}.main-blackfill-text,.main-gradient-text{display:inline-block;color:transparent;background-clip:text;-webkit-background-clip:text;background-size:0 100%;background-repeat:no-repeat;background-position:0;opacity:1;position:relative;white-space:pre;transition:opacity .5s,background-size .5s linear}.main-blackfill-text--active,.main-gradient-text--active{background-size:100% 100%}.main-gradient-text{background-image:linear-gradient(45deg,#7dbbed 30%,#347ffb 50%)}.main-blackfill-text{background-image:linear-gradient(90deg,#222 100%,#222 0)}