├── .gitignore ├── Gulpfile.js ├── README.md ├── css ├── text_hover.css ├── text_hover.min.css ├── text_hover_on_click.css └── text_hover_on_click.min.css ├── package-lock.json ├── package.json └── scss ├── base ├── _defaults.scss ├── _helpers.scss ├── _imports.scss └── _options.scss ├── effects ├── both-side │ ├── _both-go-down.scss │ ├── _both-go-left.scss │ ├── _both-go-right.scss │ ├── _both-go-up.scss │ ├── _both-opening-horizontal.scss │ ├── _left-goes-down-right-goes-up.scss │ ├── _left-goes-up-right-goes-down.scss │ ├── _overline-goes-left-underline-goes-right.scss │ └── _overline-goes-right-underline-goes-left.scss ├── corners-closing │ ├── _cc-left-bottom.scss │ ├── _cc-left-top.scss │ ├── _cc-right-bottom.scss │ └── _cc-right-top.scss ├── corners-expanding │ ├── _ce-bottom-left.scss │ ├── _ce-bottom-right.scss │ ├── _ce-top-left.scss │ └── _ce-top-right.scss ├── double-linethrough │ ├── _dl-goes-left.scss │ ├── _dl-goes-right.scss │ ├── _dl-opening.scss │ ├── _dl-reversed-lr.scss │ └── _dl-reversed-rl.scss ├── double-underline │ ├── _du-goes-left.scss │ ├── _du-goes-right.scss │ ├── _du-opening.scss │ ├── _du-reversed-lr.scss │ └── _du-reversed-rl.scss ├── fill-corners │ ├── _fc-bottom-left.scss │ ├── _fc-bottom-right.scss │ ├── _fc-top-left.scss │ └── _fc-top-right.scss ├── fill │ ├── _fill-closing-horizontal.scss │ ├── _fill-closing-vertical.scss │ ├── _fill-goes-down.scss │ ├── _fill-goes-left.scss │ ├── _fill-goes-right.scss │ ├── _fill-goes-up.scss │ └── _fill-opening-horizontal.scss ├── halfline │ ├── _halfline-bottom-goes-left.scss │ ├── _halfline-bottom-goes-right.scss │ ├── _halfline-bottom-left-goes-up.scss │ ├── _halfline-bottom-right-goes-up.scss │ ├── _halfline-top-goes-left.scss │ ├── _halfline-top-goes-right.scss │ ├── _halfline-top-left-goes-down.scss │ └── _halfline-top-right-goes-down.scss ├── linethrough │ ├── _linethrough-closing.scss │ ├── _linethrough-goes-left.scss │ ├── _linethrough-goes-right.scss │ └── _linethrough-opening.scss ├── moves │ ├── _move-down.scss │ ├── _move-horizontal.scss │ ├── _move-left.scss │ ├── _move-right.scss │ ├── _move-up.scss │ └── _move-vertical.scss ├── overline │ ├── _overline-closing.scss │ ├── _overline-goes-left.scss │ ├── _overline-goes-right.scss │ └── _overline-opening.scss ├── side-line │ ├── _left-goes-down.scss │ ├── _left-goes-up.scss │ ├── _right-goes-down.scss │ └── _right-goes-up.scss └── underline │ ├── _underline-closing.scss │ ├── _underline-goes-left.scss │ ├── _underline-goes-right.scss │ └── _underline-opening.scss └── text_hover.scss /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | -------------------------------------------------------------------------------- /Gulpfile.js: -------------------------------------------------------------------------------- 1 | const gulp = require("gulp"); 2 | const sass = require("gulp-sass"); 3 | const autoprefixer = require("gulp-autoprefixer"); 4 | const cleanCSS = require("gulp-clean-css"); 5 | const rename = require("gulp-rename"); 6 | const browserSync = require("browser-sync").create(); 7 | 8 | gulp.task("serve", ["scss"], function() { 9 | browserSync.init({ 10 | server: "./site" 11 | }); 12 | 13 | gulp.watch("site/scss/*.scss", ["scss"]).on("change", browserSync.reload); 14 | gulp.watch("site/*.html").on("change", browserSync.reload); 15 | gulp.watch("site/js/*.js").on("change", browserSync.reload); 16 | }); 17 | 18 | gulp.task("scss", function() { 19 | return gulp 20 | .src("site/scss/*.scss") 21 | .pipe(sass()) 22 | .pipe(gulp.dest("site/css")) 23 | .pipe(browserSync.stream()); 24 | }); 25 | 26 | gulp.task("generate_css", function() { 27 | gulp 28 | .src("./scss/text_hover.scss") 29 | .pipe(sass()) 30 | .pipe( 31 | autoprefixer({ 32 | browsers: ["last 2 versions"], 33 | cascade: false 34 | }) 35 | ) 36 | // .pipe(rename("text_hover_on_click.css")) 37 | .pipe(gulp.dest("./css")); 38 | }); 39 | 40 | gulp.task("generate_minified_css", function() { 41 | gulp 42 | .src("./scss/text_hover.scss") 43 | .pipe(sass()) 44 | .pipe( 45 | autoprefixer({ 46 | browsers: ["last 2 versions"], 47 | cascade: false 48 | }) 49 | ) 50 | .pipe(cleanCSS({ compatibility: "ie8" })) 51 | // .pipe(rename("text_hover_on_click.min.css")) 52 | .pipe(rename("text_hover.min.css")) 53 | .pipe(gulp.dest("./css")); 54 | }); 55 | 56 | gulp.task("default", ["generate_minified_css"]); 57 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Text Hover Effects 2 | 3 | ![Alt Demo](https://media.giphy.com/media/5zdcBRRuY1hSt88n3z/giphy.gif) 4 | 5 | ### About 6 | - Collection of effects for typography triggered on hover and focus 7 | - Available in SCSS and CSS code 8 | - Easy to customize 9 | - Cross browser support 10 | - Mobile support 11 | 12 | See all of them on [Demo](https://codepen.io/tonkec/full/zbRKKK) 13 | 14 | ### Getting Started 15 | Git: 16 | ```sh 17 | git clone https://github.com/tonkec/text_hover_effects.git 18 | ``` 19 | 20 | 1. Choose between click and hover event 21 | 22 | 2. Copy-paste css file you need to your project from the `text_hover_effects/css/` folder 23 | 24 | 3. If you picked hover, apply class `text-hover text-hover-NAME_OF_THE_EFFECT`. Let's say you picked effect named `halfline-bottom-goes-left`. Your code should look like this: 25 | ```html 26 |

27 | Your Text 28 |

29 | ``` 30 | 31 | 4. If you picked click, apply class `text-click text-click-NAME_OF_THE_EFFECT`. Let's say you picked effect named `halfline-bottom-goes-left`. Your code should look like this: 32 | ```html 33 |

34 | Your Text 35 |

36 | ``` 37 | -------------------------------------------------------------------------------- /css/text_hover.min.css: -------------------------------------------------------------------------------- 1 | .text-hover{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-hover:after,.text-hover:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover:after{background-color:#1e3541}.text-hover:before{background-color:#1e3541}.text-hover:focus,.text-hover:hover{outline:0;cursor:pointer;color:#1e3541;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-hover:focus:after,.text-hover:hover:after{background-color:#1e3541}.text-hover:focus:before,.text-hover:hover:before{background-color:#1e3541}.text-hover:focus:after,.text-hover:focus:before,.text-hover:hover:after,.text-hover:hover:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-halfline-bottom-goes-left{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-hover-halfline-bottom-goes-left:after,.text-hover-halfline-bottom-goes-left:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-halfline-bottom-goes-left:after{background-color:#1e3541}.text-hover-halfline-bottom-goes-left:before{background-color:#4dabc8}.text-hover-halfline-bottom-goes-left:focus,.text-hover-halfline-bottom-goes-left:hover{outline:0;cursor:pointer;color:#1e3541;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-hover-halfline-bottom-goes-left:focus:after,.text-hover-halfline-bottom-goes-left:hover:after{background-color:#1e3541}.text-hover-halfline-bottom-goes-left:focus:before,.text-hover-halfline-bottom-goes-left:hover:before{background-color:#4dabc8}.text-hover-halfline-bottom-goes-left:focus:after,.text-hover-halfline-bottom-goes-left:focus:before,.text-hover-halfline-bottom-goes-left:hover:after,.text-hover-halfline-bottom-goes-left:hover:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-halfline-bottom-goes-left:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:none;transition-property:none;width:100%;height:3px}.text-hover-halfline-bottom-goes-left:focus:after,.text-hover-halfline-bottom-goes-left:hover:after{outline:0;-webkit-transition-property:none;transition-property:none;none:100%}.text-hover-halfline-bottom-goes-left:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:right,background-color;transition-property:right,background-color;width:50%;height:3px}.text-hover-halfline-bottom-goes-left:focus:before,.text-hover-halfline-bottom-goes-left:hover:before{outline:0;-webkit-transition-property:right,background-color;transition-property:right,background-color;right:50%}.text-hover-halfline-bottom-goes-left:after{right:0;left:0;bottom:0}.text-hover-halfline-bottom-goes-left:before{z-index:1;right:0;bottom:0}.text-hover-halfline-bottom-goes-right{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-hover-halfline-bottom-goes-right:after,.text-hover-halfline-bottom-goes-right:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-halfline-bottom-goes-right:after{background-color:#1e3541}.text-hover-halfline-bottom-goes-right:before{background-color:#4dabc8}.text-hover-halfline-bottom-goes-right:focus,.text-hover-halfline-bottom-goes-right:hover{outline:0;cursor:pointer;color:#1e3541;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-hover-halfline-bottom-goes-right:focus:after,.text-hover-halfline-bottom-goes-right:hover:after{background-color:#1e3541}.text-hover-halfline-bottom-goes-right:focus:before,.text-hover-halfline-bottom-goes-right:hover:before{background-color:#4dabc8}.text-hover-halfline-bottom-goes-right:focus:after,.text-hover-halfline-bottom-goes-right:focus:before,.text-hover-halfline-bottom-goes-right:hover:after,.text-hover-halfline-bottom-goes-right:hover:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-halfline-bottom-goes-right:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:none;transition-property:none;width:100%;height:3px}.text-hover-halfline-bottom-goes-right:focus:after,.text-hover-halfline-bottom-goes-right:hover:after{outline:0;-webkit-transition-property:none;transition-property:none;none:100%}.text-hover-halfline-bottom-goes-right:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:left,background-color;transition-property:left,background-color;width:50%;height:3px}.text-hover-halfline-bottom-goes-right:focus:before,.text-hover-halfline-bottom-goes-right:hover:before{outline:0;-webkit-transition-property:left,background-color;transition-property:left,background-color;left:50%}.text-hover-halfline-bottom-goes-right:after{left:0;bottom:0}.text-hover-halfline-bottom-goes-right:before{z-index:1;left:0;bottom:0}.text-hover-halfline-top-goes-left{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-hover-halfline-top-goes-left:after,.text-hover-halfline-top-goes-left:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-halfline-top-goes-left:after{background-color:#1e3541}.text-hover-halfline-top-goes-left:before{background-color:#4dabc8}.text-hover-halfline-top-goes-left:focus,.text-hover-halfline-top-goes-left:hover{outline:0;cursor:pointer;color:#1e3541;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-hover-halfline-top-goes-left:focus:after,.text-hover-halfline-top-goes-left:hover:after{background-color:#1e3541}.text-hover-halfline-top-goes-left:focus:before,.text-hover-halfline-top-goes-left:hover:before{background-color:#4dabc8}.text-hover-halfline-top-goes-left:focus:after,.text-hover-halfline-top-goes-left:focus:before,.text-hover-halfline-top-goes-left:hover:after,.text-hover-halfline-top-goes-left:hover:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-halfline-top-goes-left:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:none;transition-property:none;width:100%;height:3px}.text-hover-halfline-top-goes-left:focus:after,.text-hover-halfline-top-goes-left:hover:after{outline:0;-webkit-transition-property:none;transition-property:none;none:100%}.text-hover-halfline-top-goes-left:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:right,background-color;transition-property:right,background-color;width:50%;height:3px}.text-hover-halfline-top-goes-left:focus:before,.text-hover-halfline-top-goes-left:hover:before{outline:0;-webkit-transition-property:right,background-color;transition-property:right,background-color;right:50%}.text-hover-halfline-top-goes-left:after{right:0;left:0;top:0}.text-hover-halfline-top-goes-left:before{z-index:1;right:0;top:0}.text-hover-halfline-top-goes-right{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-hover-halfline-top-goes-right:after,.text-hover-halfline-top-goes-right:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-halfline-top-goes-right:after{background-color:#1e3541}.text-hover-halfline-top-goes-right:before{background-color:#4dabc8}.text-hover-halfline-top-goes-right:focus,.text-hover-halfline-top-goes-right:hover{outline:0;cursor:pointer;color:#1e3541;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-hover-halfline-top-goes-right:focus:after,.text-hover-halfline-top-goes-right:hover:after{background-color:#1e3541}.text-hover-halfline-top-goes-right:focus:before,.text-hover-halfline-top-goes-right:hover:before{background-color:#4dabc8}.text-hover-halfline-top-goes-right:focus:after,.text-hover-halfline-top-goes-right:focus:before,.text-hover-halfline-top-goes-right:hover:after,.text-hover-halfline-top-goes-right:hover:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-halfline-top-goes-right:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:none;transition-property:none;width:100%;height:3px}.text-hover-halfline-top-goes-right:focus:after,.text-hover-halfline-top-goes-right:hover:after{outline:0;-webkit-transition-property:none;transition-property:none;none:100%}.text-hover-halfline-top-goes-right:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:left,background-color;transition-property:left,background-color;width:50%;height:3px}.text-hover-halfline-top-goes-right:focus:before,.text-hover-halfline-top-goes-right:hover:before{outline:0;-webkit-transition-property:left,background-color;transition-property:left,background-color;left:50%}.text-hover-halfline-top-goes-right:after{left:0;top:0}.text-hover-halfline-top-goes-right:before{z-index:1;left:0;top:0}.text-hover-halfline-bottom-left-goes-up{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-hover-halfline-bottom-left-goes-up:after,.text-hover-halfline-bottom-left-goes-up:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-halfline-bottom-left-goes-up:after{background-color:#1e3541}.text-hover-halfline-bottom-left-goes-up:before{background-color:#4dabc8}.text-hover-halfline-bottom-left-goes-up:focus,.text-hover-halfline-bottom-left-goes-up:hover{outline:0;cursor:pointer;color:#1e3541;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-hover-halfline-bottom-left-goes-up:focus:after,.text-hover-halfline-bottom-left-goes-up:hover:after{background-color:#1e3541}.text-hover-halfline-bottom-left-goes-up:focus:before,.text-hover-halfline-bottom-left-goes-up:hover:before{background-color:#4dabc8}.text-hover-halfline-bottom-left-goes-up:focus:after,.text-hover-halfline-bottom-left-goes-up:focus:before,.text-hover-halfline-bottom-left-goes-up:hover:after,.text-hover-halfline-bottom-left-goes-up:hover:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-halfline-bottom-left-goes-up:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:none;transition-property:none;width:3px;height:100%}.text-hover-halfline-bottom-left-goes-up:focus:after,.text-hover-halfline-bottom-left-goes-up:hover:after{outline:0;-webkit-transition-property:none;transition-property:none;none:100%}.text-hover-halfline-bottom-left-goes-up:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,-webkit-transform;transition-property:transform,background-color;transition-property:transform,background-color,-webkit-transform;width:3px;height:50%}.text-hover-halfline-bottom-left-goes-up:focus:before,.text-hover-halfline-bottom-left-goes-up:hover:before{outline:0;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,-webkit-transform;transition-property:transform,background-color;transition-property:transform,background-color,-webkit-transform;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.text-hover-halfline-bottom-left-goes-up:after{left:0;bottom:0}.text-hover-halfline-bottom-left-goes-up:before{z-index:1;left:0;bottom:0;-webkit-transform:translateY(0);transform:translateY(0)}.text-hover-halfline-bottom-right-goes-up{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-hover-halfline-bottom-right-goes-up:after,.text-hover-halfline-bottom-right-goes-up:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-halfline-bottom-right-goes-up:after{background-color:#1e3541}.text-hover-halfline-bottom-right-goes-up:before{background-color:#4dabc8}.text-hover-halfline-bottom-right-goes-up:focus,.text-hover-halfline-bottom-right-goes-up:hover{outline:0;cursor:pointer;color:#1e3541;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-hover-halfline-bottom-right-goes-up:focus:after,.text-hover-halfline-bottom-right-goes-up:hover:after{background-color:#1e3541}.text-hover-halfline-bottom-right-goes-up:focus:before,.text-hover-halfline-bottom-right-goes-up:hover:before{background-color:#4dabc8}.text-hover-halfline-bottom-right-goes-up:focus:after,.text-hover-halfline-bottom-right-goes-up:focus:before,.text-hover-halfline-bottom-right-goes-up:hover:after,.text-hover-halfline-bottom-right-goes-up:hover:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-halfline-bottom-right-goes-up:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:none;transition-property:none;width:3px;height:100%}.text-hover-halfline-bottom-right-goes-up:focus:after,.text-hover-halfline-bottom-right-goes-up:hover:after{outline:0;-webkit-transition-property:none;transition-property:none;none:100%}.text-hover-halfline-bottom-right-goes-up:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,-webkit-transform;transition-property:transform,background-color;transition-property:transform,background-color,-webkit-transform;width:3px;height:50%}.text-hover-halfline-bottom-right-goes-up:focus:before,.text-hover-halfline-bottom-right-goes-up:hover:before{outline:0;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,-webkit-transform;transition-property:transform,background-color;transition-property:transform,background-color,-webkit-transform;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.text-hover-halfline-bottom-right-goes-up:after{right:0;bottom:0}.text-hover-halfline-bottom-right-goes-up:before{z-index:1;right:0;bottom:0;-webkit-transform:translateY(0);transform:translateY(0)}.text-hover-halfline-top-left-goes-down{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-hover-halfline-top-left-goes-down:after,.text-hover-halfline-top-left-goes-down:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-halfline-top-left-goes-down:after{background-color:#1e3541}.text-hover-halfline-top-left-goes-down:before{background-color:#4dabc8}.text-hover-halfline-top-left-goes-down:focus,.text-hover-halfline-top-left-goes-down:hover{outline:0;cursor:pointer;color:#1e3541;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-hover-halfline-top-left-goes-down:focus:after,.text-hover-halfline-top-left-goes-down:hover:after{background-color:#1e3541}.text-hover-halfline-top-left-goes-down:focus:before,.text-hover-halfline-top-left-goes-down:hover:before{background-color:#4dabc8}.text-hover-halfline-top-left-goes-down:focus:after,.text-hover-halfline-top-left-goes-down:focus:before,.text-hover-halfline-top-left-goes-down:hover:after,.text-hover-halfline-top-left-goes-down:hover:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-halfline-top-left-goes-down:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:none;transition-property:none;width:3px;height:100%}.text-hover-halfline-top-left-goes-down:focus:after,.text-hover-halfline-top-left-goes-down:hover:after{outline:0;-webkit-transition-property:none;transition-property:none;none:100%}.text-hover-halfline-top-left-goes-down:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,-webkit-transform;transition-property:transform,background-color;transition-property:transform,background-color,-webkit-transform;width:3px;height:50%}.text-hover-halfline-top-left-goes-down:focus:before,.text-hover-halfline-top-left-goes-down:hover:before{outline:0;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,-webkit-transform;transition-property:transform,background-color;transition-property:transform,background-color,-webkit-transform;-webkit-transform:translateY(100%);transform:translateY(100%)}.text-hover-halfline-top-left-goes-down:after{left:0;top:0}.text-hover-halfline-top-left-goes-down:before{z-index:1;left:0;top:0;-webkit-transform:translateY(0);transform:translateY(0)}.text-hover-halfline-top-right-goes-down{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-hover-halfline-top-right-goes-down:after,.text-hover-halfline-top-right-goes-down:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-halfline-top-right-goes-down:after{background-color:#1e3541}.text-hover-halfline-top-right-goes-down:before{background-color:#4dabc8}.text-hover-halfline-top-right-goes-down:focus,.text-hover-halfline-top-right-goes-down:hover{outline:0;cursor:pointer;color:#1e3541;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-hover-halfline-top-right-goes-down:focus:after,.text-hover-halfline-top-right-goes-down:hover:after{background-color:#1e3541}.text-hover-halfline-top-right-goes-down:focus:before,.text-hover-halfline-top-right-goes-down:hover:before{background-color:#4dabc8}.text-hover-halfline-top-right-goes-down:focus:after,.text-hover-halfline-top-right-goes-down:focus:before,.text-hover-halfline-top-right-goes-down:hover:after,.text-hover-halfline-top-right-goes-down:hover:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-halfline-top-right-goes-down:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:none;transition-property:none;width:3px;height:100%}.text-hover-halfline-top-right-goes-down:focus:after,.text-hover-halfline-top-right-goes-down:hover:after{outline:0;-webkit-transition-property:none;transition-property:none;none:100%}.text-hover-halfline-top-right-goes-down:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,-webkit-transform;transition-property:transform,background-color;transition-property:transform,background-color,-webkit-transform;width:3px;height:50%}.text-hover-halfline-top-right-goes-down:focus:before,.text-hover-halfline-top-right-goes-down:hover:before{outline:0;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,-webkit-transform;transition-property:transform,background-color;transition-property:transform,background-color,-webkit-transform;-webkit-transform:translateY(100%);transform:translateY(100%)}.text-hover-halfline-top-right-goes-down:after{right:0;top:0}.text-hover-halfline-top-right-goes-down:before{z-index:1;right:0;top:0;-webkit-transform:translateY(0);transform:translateY(0)}.text-hover-cc-left-bottom:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-cc-left-bottom:focus:after,.text-hover-cc-left-bottom:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-cc-left-bottom:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-hover-cc-left-bottom:focus:before,.text-hover-cc-left-bottom:hover:before{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-hover-cc-left-bottom:before{top:0;left:0}.text-hover-cc-left-bottom:after{bottom:0;right:0}.text-hover-cc-left-top:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-cc-left-top:focus:after,.text-hover-cc-left-top:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-cc-left-top:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-hover-cc-left-top:focus:before,.text-hover-cc-left-top:hover:before{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-hover-cc-left-top:before{bottom:0;left:0}.text-hover-cc-left-top:after{top:0;right:0}.text-hover-cc-right-bottom:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-cc-right-bottom:focus:after,.text-hover-cc-right-bottom:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-cc-right-bottom:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-hover-cc-right-bottom:focus:before,.text-hover-cc-right-bottom:hover:before{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-hover-cc-right-bottom:before{top:0;right:0}.text-hover-cc-right-bottom:after{bottom:0;left:0}.text-hover-cc-right-top:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-cc-right-top:focus:after,.text-hover-cc-right-top:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-cc-right-top:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-hover-cc-right-top:focus:before,.text-hover-cc-right-top:hover:before{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-hover-cc-right-top:before{bottom:0;right:0}.text-hover-cc-right-top:after{top:0;left:0}.text-hover-ce-bottom-left:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-ce-bottom-left:focus:after,.text-hover-ce-bottom-left:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-ce-bottom-left:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-hover-ce-bottom-left:focus:before,.text-hover-ce-bottom-left:hover:before{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-hover-ce-bottom-left:before{bottom:0;left:0}.text-hover-ce-bottom-left:after{bottom:0;left:0}.text-hover-ce-bottom-right:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-ce-bottom-right:focus:after,.text-hover-ce-bottom-right:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-ce-bottom-right:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-hover-ce-bottom-right:focus:before,.text-hover-ce-bottom-right:hover:before{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-hover-ce-bottom-right:before{bottom:0;right:0}.text-hover-ce-bottom-right:after{bottom:0;right:0}.text-hover-ce-top-left:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-ce-top-left:focus:after,.text-hover-ce-top-left:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-ce-top-left:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-hover-ce-top-left:focus:before,.text-hover-ce-top-left:hover:before{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-hover-ce-top-left:before{top:0;left:0}.text-hover-ce-top-left:after{top:0;left:0}.text-hover-ce-top-right:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-ce-top-right:focus:after,.text-hover-ce-top-right:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-ce-top-right:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-hover-ce-top-right:focus:before,.text-hover-ce-top-right:hover:before{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-hover-ce-top-right:before{top:0;right:0}.text-hover-ce-top-right:after{top:0;right:0}.text-hover-both-go-down:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-hover-both-go-down:focus:after,.text-hover-both-go-down:hover:after{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-hover-both-go-down:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-hover-both-go-down:focus:before,.text-hover-both-go-down:hover:before{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-hover-both-go-down:after{top:0;left:0}.text-hover-both-go-down:before{top:0;right:0}.text-hover-both-go-left:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-both-go-left:focus:after,.text-hover-both-go-left:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-both-go-left:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-both-go-left:focus:before,.text-hover-both-go-left:hover:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-both-go-left:after{top:0;right:0}.text-hover-both-go-left:before{bottom:0;right:0}.text-hover-both-go-right:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-both-go-right:focus:after,.text-hover-both-go-right:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-both-go-right:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-both-go-right:focus:before,.text-hover-both-go-right:hover:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-both-go-right:after{top:0;left:0}.text-hover-both-go-right:before{bottom:0;left:0}.text-hover-both-go-up:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-hover-both-go-up:focus:after,.text-hover-both-go-up:hover:after{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-hover-both-go-up:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-hover-both-go-up:focus:before,.text-hover-both-go-up:hover:before{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-hover-both-go-up:after{bottom:0;left:0}.text-hover-both-go-up:before{bottom:0;right:0}.text-hover-both-opening-horizontal:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-both-opening-horizontal:focus:after,.text-hover-both-opening-horizontal:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-both-opening-horizontal:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-both-opening-horizontal:focus:before,.text-hover-both-opening-horizontal:hover:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-both-opening-horizontal:after{top:0;left:0;right:0;margin:0 auto}.text-hover-both-opening-horizontal:before{bottom:0;left:0;right:0;margin:0 auto}.text-hover-overline-goes-left-underline-goes-right:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-overline-goes-left-underline-goes-right:focus:after,.text-hover-overline-goes-left-underline-goes-right:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-overline-goes-left-underline-goes-right:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-overline-goes-left-underline-goes-right:focus:before,.text-hover-overline-goes-left-underline-goes-right:hover:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-overline-goes-left-underline-goes-right:after{top:0;right:0}.text-hover-overline-goes-left-underline-goes-right:before{bottom:0;left:0}.text-hover-overline-goes-right-underline-goes-left:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-overline-goes-right-underline-goes-left:focus:after,.text-hover-overline-goes-right-underline-goes-left:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-overline-goes-right-underline-goes-left:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-overline-goes-right-underline-goes-left:focus:before,.text-hover-overline-goes-right-underline-goes-left:hover:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-overline-goes-right-underline-goes-left:after{top:0;left:0}.text-hover-overline-goes-right-underline-goes-left:before{bottom:0;right:0}.text-hover-left-goes-up-right-goes-down:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-hover-left-goes-up-right-goes-down:focus:after,.text-hover-left-goes-up-right-goes-down:hover:after{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-hover-left-goes-up-right-goes-down:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-hover-left-goes-up-right-goes-down:focus:before,.text-hover-left-goes-up-right-goes-down:hover:before{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-hover-left-goes-up-right-goes-down:after{bottom:0;left:0}.text-hover-left-goes-up-right-goes-down:before{top:0;right:0}.text-hover-left-goes-down-right-goes-up:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-hover-left-goes-down-right-goes-up:focus:after,.text-hover-left-goes-down-right-goes-up:hover:after{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-hover-left-goes-down-right-goes-up:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-hover-left-goes-down-right-goes-up:focus:before,.text-hover-left-goes-down-right-goes-up:hover:before{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-hover-left-goes-down-right-goes-up:after{top:0;left:0}.text-hover-left-goes-down-right-goes-up:before{bottom:0;right:0}.text-hover-du-goes-left:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-du-goes-left:focus:after,.text-hover-du-goes-left:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-du-goes-left:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-du-goes-left:focus:before,.text-hover-du-goes-left:hover:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-du-goes-left:after{right:0;bottom:0}.text-hover-du-goes-left:before{right:0;bottom:10px}.text-hover-du-goes-right:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-du-goes-right:focus:after,.text-hover-du-goes-right:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-du-goes-right:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-du-goes-right:focus:before,.text-hover-du-goes-right:hover:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-du-goes-right:after{left:0;bottom:0}.text-hover-du-goes-right:before{left:0;bottom:10px}.text-hover-du-opening:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-du-opening:focus:after,.text-hover-du-opening:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-du-opening:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-du-opening:focus:before,.text-hover-du-opening:hover:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-du-opening:after{right:0;bottom:0;margin:0 auto;left:0}.text-hover-du-opening:before{right:0;bottom:10px;margin:0 auto;left:0}.text-hover-du-reversed-lr:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-du-reversed-lr:focus:after,.text-hover-du-reversed-lr:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-du-reversed-lr:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-du-reversed-lr:focus:before,.text-hover-du-reversed-lr:hover:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-du-reversed-lr:after{left:0;bottom:0}.text-hover-du-reversed-lr:before{right:0;bottom:10px}.text-hover-du-reversed-rl:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-du-reversed-rl:focus:after,.text-hover-du-reversed-rl:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-du-reversed-rl:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-du-reversed-rl:focus:before,.text-hover-du-reversed-rl:hover:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-du-reversed-rl:after{right:0;bottom:0}.text-hover-du-reversed-rl:before{left:0;bottom:10px}.text-hover-dl-goes-left:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-dl-goes-left:focus:after,.text-hover-dl-goes-left:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-dl-goes-left:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-dl-goes-left:focus:before,.text-hover-dl-goes-left:hover:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-dl-goes-left:after{right:0;top:45%;z-index:9}.text-hover-dl-goes-left:before{right:0;bottom:45%;z-index:9;top:54%}.text-hover-dl-goes-right:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-dl-goes-right:focus:after,.text-hover-dl-goes-right:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-dl-goes-right:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-dl-goes-right:focus:before,.text-hover-dl-goes-right:hover:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-dl-goes-right:after{left:0;top:44%;z-index:9}.text-hover-dl-goes-right:before{left:0;bottom:10px;z-index:9;top:54%}.text-hover-dl-reversed-lr:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-dl-reversed-lr:focus:after,.text-hover-dl-reversed-lr:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-dl-reversed-lr:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-dl-reversed-lr:focus:before,.text-hover-dl-reversed-lr:hover:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-dl-reversed-lr:after{right:0;top:44%;z-index:9}.text-hover-dl-reversed-lr:before{left:0;bottom:10px;z-index:9;top:54%}.text-hover-dl-reversed-rl:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-dl-reversed-rl:focus:after,.text-hover-dl-reversed-rl:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-dl-reversed-rl:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-dl-reversed-rl:focus:before,.text-hover-dl-reversed-rl:hover:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-dl-reversed-rl:after{left:0;top:44%;z-index:9}.text-hover-dl-reversed-rl:before{right:0;bottom:10px;z-index:9;top:54%}.text-hover-dl-opening:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-dl-opening:focus:after,.text-hover-dl-opening:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-dl-opening:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-dl-opening:focus:before,.text-hover-dl-opening:hover:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-dl-opening:after{left:0;top:54%;z-index:9;right:0;margin:0 auto}.text-hover-dl-opening:before{left:0;top:44%;z-index:9;right:0;margin:0 auto}.text-hover-overline-goes-left:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-overline-goes-left:focus:after,.text-hover-overline-goes-left:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-overline-goes-left:after{right:0;top:0}.text-hover-overline-goes-right:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-overline-goes-right:focus:after,.text-hover-overline-goes-right:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-overline-goes-right:after{left:0;top:0}.text-hover-overline-closing:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-overline-closing:focus:after,.text-hover-overline-closing:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:50%}.text-hover-overline-closing:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-overline-closing:focus:before,.text-hover-overline-closing:hover:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:50%}.text-hover-overline-closing:after{top:0;left:0}.text-hover-overline-closing:before{top:0;right:0}.text-hover-overline-opening:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-overline-opening:focus:after,.text-hover-overline-opening:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-overline-opening:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-overline-opening:focus:before,.text-hover-overline-opening:hover:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-overline-opening:after{top:0;left:0;right:0;margin:0 auto}.text-hover-overline-opening:before{top:0;right:0;left:0;margin:0 auto}.text-hover-underline-goes-left:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-underline-goes-left:focus:after,.text-hover-underline-goes-left:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-underline-goes-left:after{right:0;bottom:0}.text-hover-underline-closing:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-underline-closing:focus:after,.text-hover-underline-closing:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:50%}.text-hover-underline-closing:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-underline-closing:focus:before,.text-hover-underline-closing:hover:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:50%}.text-hover-underline-closing:after{bottom:0;left:0}.text-hover-underline-closing:before{bottom:0;right:0}.text-hover-underline-opening:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-underline-opening:focus:after,.text-hover-underline-opening:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-underline-opening:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-underline-opening:focus:before,.text-hover-underline-opening:hover:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-underline-opening:after{bottom:0;left:0;right:0;margin:0 auto}.text-hover-underline-opening:before{bottom:0;right:0;left:0;margin:0 auto}.text-hover-underline-goes-right:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-underline-goes-right:focus:after,.text-hover-underline-goes-right:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-underline-goes-right:after{left:0;bottom:0}.text-hover-left-goes-down:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-hover-left-goes-down:focus:after,.text-hover-left-goes-down:hover:after{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-hover-left-goes-down:after{top:0;left:0}.text-hover-left-goes-up:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-hover-left-goes-up:focus:after,.text-hover-left-goes-up:hover:after{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-hover-left-goes-up:after{bottom:0;left:0}.text-hover-right-goes-up:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-hover-right-goes-up:focus:after,.text-hover-right-goes-up:hover:after{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-hover-right-goes-up:after{bottom:0;right:0}.text-hover-right-goes-down:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-hover-right-goes-down:focus:after,.text-hover-right-goes-down:hover:after{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-hover-right-goes-down:after{top:0;right:0}.text-hover-linethrough-opening:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-linethrough-opening:focus:after,.text-hover-linethrough-opening:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-linethrough-opening:after{left:0;top:50%;z-index:9;right:0;margin:0 auto}.text-hover-linethrough-closing:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-linethrough-closing:focus:after,.text-hover-linethrough-closing:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:50%}.text-hover-linethrough-closing:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-linethrough-closing:focus:before,.text-hover-linethrough-closing:hover:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:50%}.text-hover-linethrough-closing:after{left:0;top:50%;z-index:9}.text-hover-linethrough-closing:before{top:50%;right:0;z-index:9}.text-hover-linethrough-goes-left:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-linethrough-goes-left:focus:after,.text-hover-linethrough-goes-left:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-linethrough-goes-left:after{right:0;top:50%;z-index:9}.text-hover-linethrough-goes-right:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-linethrough-goes-right:focus:after,.text-hover-linethrough-goes-right:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-linethrough-goes-right:after{left:0;top:50%;z-index:9}.text-hover-move-down:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:top,background-color;transition-property:top,background-color;width:3px;height:3px}.text-hover-move-down:focus:after,.text-hover-move-down:hover:after{outline:0;-webkit-transition-property:top,background-color;transition-property:top,background-color;top:100%}.text-hover-move-down:after{background-color:transparent;top:50%;left:0;right:0;width:auto}.text-hover-move-up:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:bottom,background-color;transition-property:bottom,background-color;width:3px;height:3px}.text-hover-move-up:focus:after,.text-hover-move-up:hover:after{outline:0;-webkit-transition-property:bottom,background-color;transition-property:bottom,background-color;bottom:100%}.text-hover-move-up:after{background-color:transparent;bottom:50%;left:0;right:0;width:auto}.text-hover-move-right:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:right,background-color;transition-property:right,background-color;width:3px;height:3px}.text-hover-move-right:focus:after,.text-hover-move-right:hover:after{outline:0;-webkit-transition-property:right,background-color;transition-property:right,background-color;right:calc(100% - 100%)}.text-hover-move-right:after{background-color:transparent;top:0;bottom:0;right:50%;height:auto}.text-hover-move-left:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:left,background-color;transition-property:left,background-color;width:3px;height:3px}.text-hover-move-left:focus:after,.text-hover-move-left:hover:after{outline:0;-webkit-transition-property:left,background-color;transition-property:left,background-color;left:calc(100% - 100%)}.text-hover-move-left:after{background-color:transparent;top:0;bottom:0;left:50%;height:auto}.text-hover-move-vertical:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:top,background-color;transition-property:top,background-color;width:3px;height:3px}.text-hover-move-vertical:focus:after,.text-hover-move-vertical:hover:after{outline:0;-webkit-transition-property:top,background-color;transition-property:top,background-color;top:calc(100% - 100%)}.text-hover-move-vertical:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:bottom,background-color;transition-property:bottom,background-color;width:3px;height:3px}.text-hover-move-vertical:focus:before,.text-hover-move-vertical:hover:before{outline:0;-webkit-transition-property:bottom,background-color;transition-property:bottom,background-color;bottom:calc(100% - 100%)}.text-hover-move-vertical:after{background-color:transparent;top:50%;left:0;right:0;width:auto}.text-hover-move-vertical:before{background-color:transparent;bottom:50%;left:0;right:0;width:auto}.text-hover-move-horizontal:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:right,background-color;transition-property:right,background-color;width:3px;height:3px}.text-hover-move-horizontal:focus:after,.text-hover-move-horizontal:hover:after{outline:0;-webkit-transition-property:right,background-color;transition-property:right,background-color;right:calc(100% - 100%)}.text-hover-move-horizontal:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:left,background-color;transition-property:left,background-color;width:3px;height:3px}.text-hover-move-horizontal:focus:before,.text-hover-move-horizontal:hover:before{outline:0;-webkit-transition-property:left,background-color;transition-property:left,background-color;left:calc(100% - 100%)}.text-hover-move-horizontal:after{background-color:transparent;top:0;bottom:0;right:50%;height:auto}.text-hover-move-horizontal:before{background-color:transparent;top:0;bottom:0;left:50%;height:auto}.text-hover-fill-goes-up{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-hover-fill-goes-up:after,.text-hover-fill-goes-up:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-fill-goes-up:after{background-color:#1e3541}.text-hover-fill-goes-up:before{background-color:#1e3541}.text-hover-fill-goes-up:focus,.text-hover-fill-goes-up:hover{outline:0;cursor:pointer;color:#fcfafa;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-hover-fill-goes-up:focus:after,.text-hover-fill-goes-up:hover:after{background-color:#1e3541}.text-hover-fill-goes-up:focus:before,.text-hover-fill-goes-up:hover:before{background-color:#1e3541}.text-hover-fill-goes-up:focus:after,.text-hover-fill-goes-up:focus:before,.text-hover-fill-goes-up:hover:after,.text-hover-fill-goes-up:hover:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-fill-goes-up:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-hover-fill-goes-up:focus:after,.text-hover-fill-goes-up:hover:after{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-hover-fill-goes-up:after{bottom:0;right:0;left:0;width:100%}.text-hover-fill-goes-down{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-hover-fill-goes-down:after,.text-hover-fill-goes-down:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-fill-goes-down:after{background-color:#1e3541}.text-hover-fill-goes-down:before{background-color:#1e3541}.text-hover-fill-goes-down:focus,.text-hover-fill-goes-down:hover{outline:0;cursor:pointer;color:#fcfafa;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-hover-fill-goes-down:focus:after,.text-hover-fill-goes-down:hover:after{background-color:#1e3541}.text-hover-fill-goes-down:focus:before,.text-hover-fill-goes-down:hover:before{background-color:#1e3541}.text-hover-fill-goes-down:focus:after,.text-hover-fill-goes-down:focus:before,.text-hover-fill-goes-down:hover:after,.text-hover-fill-goes-down:hover:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-fill-goes-down:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-hover-fill-goes-down:focus:after,.text-hover-fill-goes-down:hover:after{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-hover-fill-goes-down:after{top:0;right:0;left:0;width:100%}.text-hover-fill-goes-left{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-hover-fill-goes-left:after,.text-hover-fill-goes-left:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-fill-goes-left:after{background-color:#1e3541}.text-hover-fill-goes-left:before{background-color:#1e3541}.text-hover-fill-goes-left:focus,.text-hover-fill-goes-left:hover{outline:0;cursor:pointer;color:#fcfafa;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-hover-fill-goes-left:focus:after,.text-hover-fill-goes-left:hover:after{background-color:#1e3541}.text-hover-fill-goes-left:focus:before,.text-hover-fill-goes-left:hover:before{background-color:#1e3541}.text-hover-fill-goes-left:focus:after,.text-hover-fill-goes-left:focus:before,.text-hover-fill-goes-left:hover:after,.text-hover-fill-goes-left:hover:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-fill-goes-left:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-fill-goes-left:focus:after,.text-hover-fill-goes-left:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-fill-goes-left:after{top:0;right:0;bottom:0;height:100%}.text-hover-fill-goes-right{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-hover-fill-goes-right:after,.text-hover-fill-goes-right:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-fill-goes-right:after{background-color:#1e3541}.text-hover-fill-goes-right:before{background-color:#1e3541}.text-hover-fill-goes-right:focus,.text-hover-fill-goes-right:hover{outline:0;cursor:pointer;color:#fcfafa;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-hover-fill-goes-right:focus:after,.text-hover-fill-goes-right:hover:after{background-color:#1e3541}.text-hover-fill-goes-right:focus:before,.text-hover-fill-goes-right:hover:before{background-color:#1e3541}.text-hover-fill-goes-right:focus:after,.text-hover-fill-goes-right:focus:before,.text-hover-fill-goes-right:hover:after,.text-hover-fill-goes-right:hover:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-fill-goes-right:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-fill-goes-right:focus:after,.text-hover-fill-goes-right:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-fill-goes-right:after{top:0;left:0;bottom:0;height:100%}.text-hover-fill-opening-horizontal{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-hover-fill-opening-horizontal:after,.text-hover-fill-opening-horizontal:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-fill-opening-horizontal:after{background-color:#1e3541}.text-hover-fill-opening-horizontal:before{background-color:#1e3541}.text-hover-fill-opening-horizontal:focus,.text-hover-fill-opening-horizontal:hover{outline:0;cursor:pointer;color:#fcfafa;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-hover-fill-opening-horizontal:focus:after,.text-hover-fill-opening-horizontal:hover:after{background-color:#1e3541}.text-hover-fill-opening-horizontal:focus:before,.text-hover-fill-opening-horizontal:hover:before{background-color:#1e3541}.text-hover-fill-opening-horizontal:focus:after,.text-hover-fill-opening-horizontal:focus:before,.text-hover-fill-opening-horizontal:hover:after,.text-hover-fill-opening-horizontal:hover:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-fill-opening-horizontal:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-fill-opening-horizontal:focus:after,.text-hover-fill-opening-horizontal:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-fill-opening-horizontal:after{top:0;bottom:0;left:0;right:0;margin:0 auto;height:auto}.text-hover-fill-closing-horizontal{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-hover-fill-closing-horizontal:after,.text-hover-fill-closing-horizontal:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-fill-closing-horizontal:after{background-color:#1e3541}.text-hover-fill-closing-horizontal:before{background-color:#1e3541}.text-hover-fill-closing-horizontal:focus,.text-hover-fill-closing-horizontal:hover{outline:0;cursor:pointer;color:#fcfafa;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-hover-fill-closing-horizontal:focus:after,.text-hover-fill-closing-horizontal:hover:after{background-color:#1e3541}.text-hover-fill-closing-horizontal:focus:before,.text-hover-fill-closing-horizontal:hover:before{background-color:#1e3541}.text-hover-fill-closing-horizontal:focus:after,.text-hover-fill-closing-horizontal:focus:before,.text-hover-fill-closing-horizontal:hover:after,.text-hover-fill-closing-horizontal:hover:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-fill-closing-horizontal:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-fill-closing-horizontal:focus:after,.text-hover-fill-closing-horizontal:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:50%}.text-hover-fill-closing-horizontal:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-fill-closing-horizontal:focus:before,.text-hover-fill-closing-horizontal:hover:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:50%}.text-hover-fill-closing-horizontal:before{top:0;bottom:0;left:0;height:auto}.text-hover-fill-closing-horizontal:after{top:0;bottom:0;right:0;height:auto}.text-hover-fill-closing-vertical{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-hover-fill-closing-vertical:after,.text-hover-fill-closing-vertical:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-fill-closing-vertical:after{background-color:#1e3541}.text-hover-fill-closing-vertical:before{background-color:#1e3541}.text-hover-fill-closing-vertical:focus,.text-hover-fill-closing-vertical:hover{outline:0;cursor:pointer;color:#fcfafa;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-hover-fill-closing-vertical:focus:after,.text-hover-fill-closing-vertical:hover:after{background-color:#1e3541}.text-hover-fill-closing-vertical:focus:before,.text-hover-fill-closing-vertical:hover:before{background-color:#1e3541}.text-hover-fill-closing-vertical:focus:after,.text-hover-fill-closing-vertical:focus:before,.text-hover-fill-closing-vertical:hover:after,.text-hover-fill-closing-vertical:hover:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-fill-closing-vertical:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-hover-fill-closing-vertical:focus:after,.text-hover-fill-closing-vertical:hover:after{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:50%}.text-hover-fill-closing-vertical:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-hover-fill-closing-vertical:focus:before,.text-hover-fill-closing-vertical:hover:before{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:50%}.text-hover-fill-closing-vertical:before{top:0;right:0;left:0;width:auto}.text-hover-fill-closing-vertical:after{bottom:0;left:0;right:0;width:auto}.text-hover-fc-top-left{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-hover-fc-top-left:after,.text-hover-fc-top-left:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-fc-top-left:after{background-color:#1e3541}.text-hover-fc-top-left:before{background-color:#1e3541}.text-hover-fc-top-left:focus,.text-hover-fc-top-left:hover{outline:0;cursor:pointer;color:#fcfafa;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-hover-fc-top-left:focus:after,.text-hover-fc-top-left:hover:after{background-color:#1e3541}.text-hover-fc-top-left:focus:before,.text-hover-fc-top-left:hover:before{background-color:#1e3541}.text-hover-fc-top-left:focus:after,.text-hover-fc-top-left:focus:before,.text-hover-fc-top-left:hover:after,.text-hover-fc-top-left:hover:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-fc-top-left:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,height,background-color;transition-property:width,height,background-color;width:0;height:0}.text-hover-fc-top-left:focus:after,.text-hover-fc-top-left:hover:after{outline:0;-webkit-transition-property:width,height,background-color;transition-property:width,height,background-color;width:100%;height:100%}.text-hover-fc-top-left:after{top:0;left:0}.text-hover-fc-top-right{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-hover-fc-top-right:after,.text-hover-fc-top-right:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-fc-top-right:after{background-color:#1e3541}.text-hover-fc-top-right:before{background-color:#1e3541}.text-hover-fc-top-right:focus,.text-hover-fc-top-right:hover{outline:0;cursor:pointer;color:#fcfafa;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-hover-fc-top-right:focus:after,.text-hover-fc-top-right:hover:after{background-color:#1e3541}.text-hover-fc-top-right:focus:before,.text-hover-fc-top-right:hover:before{background-color:#1e3541}.text-hover-fc-top-right:focus:after,.text-hover-fc-top-right:focus:before,.text-hover-fc-top-right:hover:after,.text-hover-fc-top-right:hover:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-fc-top-right:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,height,background-color;transition-property:width,height,background-color;width:0;height:0}.text-hover-fc-top-right:focus:after,.text-hover-fc-top-right:hover:after{outline:0;-webkit-transition-property:width,height,background-color;transition-property:width,height,background-color;width:100%;height:100%}.text-hover-fc-top-right:after{top:0;right:0}.text-hover-fc-bottom-left{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-hover-fc-bottom-left:after,.text-hover-fc-bottom-left:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-fc-bottom-left:after{background-color:#1e3541}.text-hover-fc-bottom-left:before{background-color:#1e3541}.text-hover-fc-bottom-left:focus,.text-hover-fc-bottom-left:hover{outline:0;cursor:pointer;color:#fcfafa;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-hover-fc-bottom-left:focus:after,.text-hover-fc-bottom-left:hover:after{background-color:#1e3541}.text-hover-fc-bottom-left:focus:before,.text-hover-fc-bottom-left:hover:before{background-color:#1e3541}.text-hover-fc-bottom-left:focus:after,.text-hover-fc-bottom-left:focus:before,.text-hover-fc-bottom-left:hover:after,.text-hover-fc-bottom-left:hover:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-fc-bottom-left:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,height,background-color;transition-property:width,height,background-color;width:0;height:0}.text-hover-fc-bottom-left:focus:after,.text-hover-fc-bottom-left:hover:after{outline:0;-webkit-transition-property:width,height,background-color;transition-property:width,height,background-color;width:100%;height:100%}.text-hover-fc-bottom-left:after{bottom:0;right:0}.text-hover-fc-bottom-right{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-hover-fc-bottom-right:after,.text-hover-fc-bottom-right:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-fc-bottom-right:after{background-color:#1e3541}.text-hover-fc-bottom-right:before{background-color:#1e3541}.text-hover-fc-bottom-right:focus,.text-hover-fc-bottom-right:hover{outline:0;cursor:pointer;color:#fcfafa;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-hover-fc-bottom-right:focus:after,.text-hover-fc-bottom-right:hover:after{background-color:#1e3541}.text-hover-fc-bottom-right:focus:before,.text-hover-fc-bottom-right:hover:before{background-color:#1e3541}.text-hover-fc-bottom-right:focus:after,.text-hover-fc-bottom-right:focus:before,.text-hover-fc-bottom-right:hover:after,.text-hover-fc-bottom-right:hover:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-hover-fc-bottom-right:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,height,background-color;transition-property:width,height,background-color;width:0;height:0}.text-hover-fc-bottom-right:focus:after,.text-hover-fc-bottom-right:hover:after{outline:0;-webkit-transition-property:width,height,background-color;transition-property:width,height,background-color;width:100%;height:100%}.text-hover-fc-bottom-right:after{bottom:0;left:0}.text-hover-underline-left-delay{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:1s;transition-delay:1s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-hover-underline-left-delay:after,.text-hover-underline-left-delay:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:1s;transition-delay:1s}.text-hover-underline-left-delay:after{background-color:#1e3541}.text-hover-underline-left-delay:before{background-color:#1e3541}.text-hover-underline-left-delay:focus,.text-hover-underline-left-delay:hover{outline:0;cursor:pointer;color:#1e3541;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-hover-underline-left-delay:focus:after,.text-hover-underline-left-delay:hover:after{background-color:#1e3541}.text-hover-underline-left-delay:focus:before,.text-hover-underline-left-delay:hover:before{background-color:#1e3541}.text-hover-underline-left-delay:focus:after,.text-hover-underline-left-delay:focus:before,.text-hover-underline-left-delay:hover:after,.text-hover-underline-left-delay:hover:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:1s;transition-delay:1s}.text-hover-underline-left-delay:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-hover-underline-left-delay:focus:after,.text-hover-underline-left-delay:hover:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-hover-underline-left-delay:after{right:0;bottom:0} 2 | -------------------------------------------------------------------------------- /css/text_hover_on_click.min.css: -------------------------------------------------------------------------------- 1 | .text-click{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-click:after,.text-click:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click:after{background-color:#1e3541}.text-click:before{background-color:#1e3541}.text-click.active{cursor:pointer;outline:0;cursor:pointer;color:#1e3541;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-click.active:after{background-color:#1e3541}.text-click.active:before{background-color:#1e3541}.text-click.active:after,.text-click.active:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-halfline-bottom-goes-left{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-click-halfline-bottom-goes-left:after,.text-click-halfline-bottom-goes-left:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-halfline-bottom-goes-left:after{background-color:#1e3541}.text-click-halfline-bottom-goes-left:before{background-color:#4dabc8}.text-click-halfline-bottom-goes-left.active{cursor:pointer;outline:0;cursor:pointer;color:#1e3541;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-click-halfline-bottom-goes-left.active:after{background-color:#1e3541}.text-click-halfline-bottom-goes-left.active:before{background-color:#4dabc8}.text-click-halfline-bottom-goes-left.active:after,.text-click-halfline-bottom-goes-left.active:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-halfline-bottom-goes-left:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:none;transition-property:none;width:100%;height:3px}.text-click-halfline-bottom-goes-left.active:after{outline:0;-webkit-transition-property:none;transition-property:none;none:100%}.text-click-halfline-bottom-goes-left:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:right,background-color;transition-property:right,background-color;width:50%;height:3px}.text-click-halfline-bottom-goes-left.active:before{outline:0;-webkit-transition-property:right,background-color;transition-property:right,background-color;right:50%}.text-click-halfline-bottom-goes-left:after{right:0;left:0;bottom:0}.text-click-halfline-bottom-goes-left:before{z-index:1;right:0;bottom:0}.text-click-halfline-bottom-goes-right{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-click-halfline-bottom-goes-right:after,.text-click-halfline-bottom-goes-right:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-halfline-bottom-goes-right:after{background-color:#1e3541}.text-click-halfline-bottom-goes-right:before{background-color:#4dabc8}.text-click-halfline-bottom-goes-right.active{cursor:pointer;outline:0;cursor:pointer;color:#1e3541;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-click-halfline-bottom-goes-right.active:after{background-color:#1e3541}.text-click-halfline-bottom-goes-right.active:before{background-color:#4dabc8}.text-click-halfline-bottom-goes-right.active:after,.text-click-halfline-bottom-goes-right.active:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-halfline-bottom-goes-right:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:none;transition-property:none;width:100%;height:3px}.text-click-halfline-bottom-goes-right.active:after{outline:0;-webkit-transition-property:none;transition-property:none;none:100%}.text-click-halfline-bottom-goes-right:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:left,background-color;transition-property:left,background-color;width:50%;height:3px}.text-click-halfline-bottom-goes-right.active:before{outline:0;-webkit-transition-property:left,background-color;transition-property:left,background-color;left:50%}.text-click-halfline-bottom-goes-right:after{left:0;bottom:0}.text-click-halfline-bottom-goes-right:before{z-index:1;left:0;bottom:0}.text-click-halfline-top-goes-left{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-click-halfline-top-goes-left:after,.text-click-halfline-top-goes-left:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-halfline-top-goes-left:after{background-color:#1e3541}.text-click-halfline-top-goes-left:before{background-color:#4dabc8}.text-click-halfline-top-goes-left.active{cursor:pointer;outline:0;cursor:pointer;color:#1e3541;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-click-halfline-top-goes-left.active:after{background-color:#1e3541}.text-click-halfline-top-goes-left.active:before{background-color:#4dabc8}.text-click-halfline-top-goes-left.active:after,.text-click-halfline-top-goes-left.active:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-halfline-top-goes-left:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:none;transition-property:none;width:100%;height:3px}.text-click-halfline-top-goes-left.active:after{outline:0;-webkit-transition-property:none;transition-property:none;none:100%}.text-click-halfline-top-goes-left:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:right,background-color;transition-property:right,background-color;width:50%;height:3px}.text-click-halfline-top-goes-left.active:before{outline:0;-webkit-transition-property:right,background-color;transition-property:right,background-color;right:50%}.text-click-halfline-top-goes-left:after{right:0;left:0;top:0}.text-click-halfline-top-goes-left:before{z-index:1;right:0;top:0}.text-click-halfline-top-goes-right{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-click-halfline-top-goes-right:after,.text-click-halfline-top-goes-right:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-halfline-top-goes-right:after{background-color:#1e3541}.text-click-halfline-top-goes-right:before{background-color:#4dabc8}.text-click-halfline-top-goes-right.active{cursor:pointer;outline:0;cursor:pointer;color:#1e3541;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-click-halfline-top-goes-right.active:after{background-color:#1e3541}.text-click-halfline-top-goes-right.active:before{background-color:#4dabc8}.text-click-halfline-top-goes-right.active:after,.text-click-halfline-top-goes-right.active:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-halfline-top-goes-right:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:none;transition-property:none;width:100%;height:3px}.text-click-halfline-top-goes-right.active:after{outline:0;-webkit-transition-property:none;transition-property:none;none:100%}.text-click-halfline-top-goes-right:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:left,background-color;transition-property:left,background-color;width:50%;height:3px}.text-click-halfline-top-goes-right.active:before{outline:0;-webkit-transition-property:left,background-color;transition-property:left,background-color;left:50%}.text-click-halfline-top-goes-right:after{left:0;top:0}.text-click-halfline-top-goes-right:before{z-index:1;left:0;top:0}.text-click-halfline-bottom-left-goes-up{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-click-halfline-bottom-left-goes-up:after,.text-click-halfline-bottom-left-goes-up:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-halfline-bottom-left-goes-up:after{background-color:#1e3541}.text-click-halfline-bottom-left-goes-up:before{background-color:#4dabc8}.text-click-halfline-bottom-left-goes-up.active{cursor:pointer;outline:0;cursor:pointer;color:#1e3541;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-click-halfline-bottom-left-goes-up.active:after{background-color:#1e3541}.text-click-halfline-bottom-left-goes-up.active:before{background-color:#4dabc8}.text-click-halfline-bottom-left-goes-up.active:after,.text-click-halfline-bottom-left-goes-up.active:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-halfline-bottom-left-goes-up:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:none;transition-property:none;width:3px;height:100%}.text-click-halfline-bottom-left-goes-up.active:after{outline:0;-webkit-transition-property:none;transition-property:none;none:100%}.text-click-halfline-bottom-left-goes-up:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,-webkit-transform;transition-property:transform,background-color;transition-property:transform,background-color,-webkit-transform;width:3px;height:50%}.text-click-halfline-bottom-left-goes-up.active:before{outline:0;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,-webkit-transform;transition-property:transform,background-color;transition-property:transform,background-color,-webkit-transform;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.text-click-halfline-bottom-left-goes-up:after{left:0;bottom:0}.text-click-halfline-bottom-left-goes-up:before{z-index:1;left:0;bottom:0;-webkit-transform:translateY(0);transform:translateY(0)}.text-click-halfline-bottom-right-goes-up{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-click-halfline-bottom-right-goes-up:after,.text-click-halfline-bottom-right-goes-up:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-halfline-bottom-right-goes-up:after{background-color:#1e3541}.text-click-halfline-bottom-right-goes-up:before{background-color:#4dabc8}.text-click-halfline-bottom-right-goes-up.active{cursor:pointer;outline:0;cursor:pointer;color:#1e3541;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-click-halfline-bottom-right-goes-up.active:after{background-color:#1e3541}.text-click-halfline-bottom-right-goes-up.active:before{background-color:#4dabc8}.text-click-halfline-bottom-right-goes-up.active:after,.text-click-halfline-bottom-right-goes-up.active:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-halfline-bottom-right-goes-up:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:none;transition-property:none;width:3px;height:100%}.text-click-halfline-bottom-right-goes-up.active:after{outline:0;-webkit-transition-property:none;transition-property:none;none:100%}.text-click-halfline-bottom-right-goes-up:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,-webkit-transform;transition-property:transform,background-color;transition-property:transform,background-color,-webkit-transform;width:3px;height:50%}.text-click-halfline-bottom-right-goes-up.active:before{outline:0;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,-webkit-transform;transition-property:transform,background-color;transition-property:transform,background-color,-webkit-transform;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.text-click-halfline-bottom-right-goes-up:after{right:0;bottom:0}.text-click-halfline-bottom-right-goes-up:before{z-index:1;right:0;bottom:0;-webkit-transform:translateY(0);transform:translateY(0)}.text-click-halfline-top-left-goes-down{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-click-halfline-top-left-goes-down:after,.text-click-halfline-top-left-goes-down:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-halfline-top-left-goes-down:after{background-color:#1e3541}.text-click-halfline-top-left-goes-down:before{background-color:#4dabc8}.text-click-halfline-top-left-goes-down.active{cursor:pointer;outline:0;cursor:pointer;color:#1e3541;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-click-halfline-top-left-goes-down.active:after{background-color:#1e3541}.text-click-halfline-top-left-goes-down.active:before{background-color:#4dabc8}.text-click-halfline-top-left-goes-down.active:after,.text-click-halfline-top-left-goes-down.active:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-halfline-top-left-goes-down:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:none;transition-property:none;width:3px;height:100%}.text-click-halfline-top-left-goes-down.active:after{outline:0;-webkit-transition-property:none;transition-property:none;none:100%}.text-click-halfline-top-left-goes-down:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,-webkit-transform;transition-property:transform,background-color;transition-property:transform,background-color,-webkit-transform;width:3px;height:50%}.text-click-halfline-top-left-goes-down.active:before{outline:0;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,-webkit-transform;transition-property:transform,background-color;transition-property:transform,background-color,-webkit-transform;-webkit-transform:translateY(100%);transform:translateY(100%)}.text-click-halfline-top-left-goes-down:after{left:0;top:0}.text-click-halfline-top-left-goes-down:before{z-index:1;left:0;top:0;-webkit-transform:translateY(0);transform:translateY(0)}.text-click-halfline-top-right-goes-down{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-click-halfline-top-right-goes-down:after,.text-click-halfline-top-right-goes-down:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-halfline-top-right-goes-down:after{background-color:#1e3541}.text-click-halfline-top-right-goes-down:before{background-color:#4dabc8}.text-click-halfline-top-right-goes-down.active{cursor:pointer;outline:0;cursor:pointer;color:#1e3541;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-click-halfline-top-right-goes-down.active:after{background-color:#1e3541}.text-click-halfline-top-right-goes-down.active:before{background-color:#4dabc8}.text-click-halfline-top-right-goes-down.active:after,.text-click-halfline-top-right-goes-down.active:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-halfline-top-right-goes-down:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:none;transition-property:none;width:3px;height:100%}.text-click-halfline-top-right-goes-down.active:after{outline:0;-webkit-transition-property:none;transition-property:none;none:100%}.text-click-halfline-top-right-goes-down:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,-webkit-transform;transition-property:transform,background-color;transition-property:transform,background-color,-webkit-transform;width:3px;height:50%}.text-click-halfline-top-right-goes-down.active:before{outline:0;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,-webkit-transform;transition-property:transform,background-color;transition-property:transform,background-color,-webkit-transform;-webkit-transform:translateY(100%);transform:translateY(100%)}.text-click-halfline-top-right-goes-down:after{right:0;top:0}.text-click-halfline-top-right-goes-down:before{z-index:1;right:0;top:0;-webkit-transform:translateY(0);transform:translateY(0)}.text-click-cc-left-bottom:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-cc-left-bottom.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-cc-left-bottom:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-click-cc-left-bottom.active:before{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-click-cc-left-bottom:before{top:0;left:0}.text-click-cc-left-bottom:after{bottom:0;right:0}.text-click-cc-left-top:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-cc-left-top.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-cc-left-top:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-click-cc-left-top.active:before{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-click-cc-left-top:before{bottom:0;left:0}.text-click-cc-left-top:after{top:0;right:0}.text-click-cc-right-bottom:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-cc-right-bottom.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-cc-right-bottom:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-click-cc-right-bottom.active:before{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-click-cc-right-bottom:before{top:0;right:0}.text-click-cc-right-bottom:after{bottom:0;left:0}.text-click-cc-right-top:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-cc-right-top.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-cc-right-top:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-click-cc-right-top.active:before{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-click-cc-right-top:before{bottom:0;right:0}.text-click-cc-right-top:after{top:0;left:0}.text-click-ce-bottom-left:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-ce-bottom-left.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-ce-bottom-left:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-click-ce-bottom-left.active:before{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-click-ce-bottom-left:before{bottom:0;left:0}.text-click-ce-bottom-left:after{bottom:0;left:0}.text-click-ce-bottom-right:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-ce-bottom-right.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-ce-bottom-right:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-click-ce-bottom-right.active:before{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-click-ce-bottom-right:before{bottom:0;right:0}.text-click-ce-bottom-right:after{bottom:0;right:0}.text-click-ce-top-left:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-ce-top-left.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-ce-top-left:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-click-ce-top-left.active:before{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-click-ce-top-left:before{top:0;left:0}.text-click-ce-top-left:after{top:0;left:0}.text-click-ce-top-right:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-ce-top-right.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-ce-top-right:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-click-ce-top-right.active:before{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-click-ce-top-right:before{top:0;right:0}.text-click-ce-top-right:after{top:0;right:0}.text-click-both-go-down:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-click-both-go-down.active:after{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-click-both-go-down:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-click-both-go-down.active:before{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-click-both-go-down:after{top:0;left:0}.text-click-both-go-down:before{top:0;right:0}.text-click-both-go-left:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-both-go-left.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-both-go-left:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-both-go-left.active:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-both-go-left:after{top:0;right:0}.text-click-both-go-left:before{bottom:0;right:0}.text-click-both-go-right:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-both-go-right.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-both-go-right:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-both-go-right.active:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-both-go-right:after{top:0;left:0}.text-click-both-go-right:before{bottom:0;left:0}.text-click-both-go-up:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-click-both-go-up.active:after{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-click-both-go-up:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-click-both-go-up.active:before{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-click-both-go-up:after{bottom:0;left:0}.text-click-both-go-up:before{bottom:0;right:0}.text-click-both-opening-horizontal:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-both-opening-horizontal.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-both-opening-horizontal:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-both-opening-horizontal.active:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-both-opening-horizontal:after{top:0;left:0;right:0;margin:0 auto}.text-click-both-opening-horizontal:before{bottom:0;left:0;right:0;margin:0 auto}.text-click-overline-goes-left-underline-goes-right:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-overline-goes-left-underline-goes-right.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-overline-goes-left-underline-goes-right:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-overline-goes-left-underline-goes-right.active:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-overline-goes-left-underline-goes-right:after{top:0;right:0}.text-click-overline-goes-left-underline-goes-right:before{bottom:0;left:0}.text-click-overline-goes-right-underline-goes-left:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-overline-goes-right-underline-goes-left.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-overline-goes-right-underline-goes-left:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-overline-goes-right-underline-goes-left.active:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-overline-goes-right-underline-goes-left:after{top:0;left:0}.text-click-overline-goes-right-underline-goes-left:before{bottom:0;right:0}.text-click-left-goes-up-right-goes-down:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-click-left-goes-up-right-goes-down.active:after{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-click-left-goes-up-right-goes-down:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-click-left-goes-up-right-goes-down.active:before{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-click-left-goes-up-right-goes-down:after{bottom:0;left:0}.text-click-left-goes-up-right-goes-down:before{top:0;right:0}.text-click-left-goes-down-right-goes-up:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-click-left-goes-down-right-goes-up.active:after{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-click-left-goes-down-right-goes-up:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-click-left-goes-down-right-goes-up.active:before{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-click-left-goes-down-right-goes-up:after{top:0;left:0}.text-click-left-goes-down-right-goes-up:before{bottom:0;right:0}.text-click-du-goes-left:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-du-goes-left.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-du-goes-left:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-du-goes-left.active:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-du-goes-left:after{right:0;bottom:0}.text-click-du-goes-left:before{right:0;bottom:10px}.text-click-du-goes-right:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-du-goes-right.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-du-goes-right:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-du-goes-right.active:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-du-goes-right:after{left:0;bottom:0}.text-click-du-goes-right:before{left:0;bottom:10px}.text-click-du-opening:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-du-opening.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-du-opening:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-du-opening.active:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-du-opening:after{right:0;bottom:0;margin:0 auto;left:0}.text-click-du-opening:before{right:0;bottom:10px;margin:0 auto;left:0}.text-click-du-reversed-lr:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-du-reversed-lr.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-du-reversed-lr:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-du-reversed-lr.active:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-du-reversed-lr:after{left:0;bottom:0}.text-click-du-reversed-lr:before{right:0;bottom:10px}.text-click-du-reversed-rl:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-du-reversed-rl.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-du-reversed-rl:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-du-reversed-rl.active:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-du-reversed-rl:after{right:0;bottom:0}.text-click-du-reversed-rl:before{left:0;bottom:10px}.text-click-dl-goes-left:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-dl-goes-left.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-dl-goes-left:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-dl-goes-left.active:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-dl-goes-left:after{right:0;top:45%;z-index:9}.text-click-dl-goes-left:before{right:0;bottom:45%;z-index:9;top:54%}.text-click-dl-goes-right:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-dl-goes-right.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-dl-goes-right:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-dl-goes-right.active:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-dl-goes-right:after{left:0;top:44%;z-index:9}.text-click-dl-goes-right:before{left:0;bottom:10px;z-index:9;top:54%}.text-click-dl-reversed-lr:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-dl-reversed-lr.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-dl-reversed-lr:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-dl-reversed-lr.active:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-dl-reversed-lr:after{right:0;top:44%;z-index:9}.text-click-dl-reversed-lr:before{left:0;bottom:10px;z-index:9;top:54%}.text-click-dl-reversed-rl:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-dl-reversed-rl.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-dl-reversed-rl:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-dl-reversed-rl.active:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-dl-reversed-rl:after{left:0;top:44%;z-index:9}.text-click-dl-reversed-rl:before{right:0;bottom:10px;z-index:9;top:54%}.text-click-dl-opening:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-dl-opening.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-dl-opening:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-dl-opening.active:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-dl-opening:after{left:0;top:54%;z-index:9;right:0;margin:0 auto}.text-click-dl-opening:before{left:0;top:44%;z-index:9;right:0;margin:0 auto}.text-click-overline-goes-left:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-overline-goes-left.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-overline-goes-left:after{right:0;top:0}.text-click-overline-goes-right:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-overline-goes-right.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-overline-goes-right:after{left:0;top:0}.text-click-overline-closing:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-overline-closing.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:50%}.text-click-overline-closing:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-overline-closing.active:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:50%}.text-click-overline-closing:after{top:0;left:0}.text-click-overline-closing:before{top:0;right:0}.text-click-overline-opening:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-overline-opening.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-overline-opening:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-overline-opening.active:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-overline-opening:after{top:0;left:0;right:0;margin:0 auto}.text-click-overline-opening:before{top:0;right:0;left:0;margin:0 auto}.text-click-underline-goes-left:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-underline-goes-left.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-underline-goes-left:after{right:0;bottom:0}.text-click-underline-closing:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-underline-closing.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:50%}.text-click-underline-closing:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-underline-closing.active:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:50%}.text-click-underline-closing:after{bottom:0;left:0}.text-click-underline-closing:before{bottom:0;right:0}.text-click-underline-opening:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-underline-opening.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-underline-opening:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-underline-opening.active:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-underline-opening:after{bottom:0;left:0;right:0;margin:0 auto}.text-click-underline-opening:before{bottom:0;right:0;left:0;margin:0 auto}.text-click-underline-goes-right:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-underline-goes-right.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-underline-goes-right:after{left:0;bottom:0}.text-click-left-goes-down:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-click-left-goes-down.active:after{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-click-left-goes-down:after{top:0;left:0}.text-click-left-goes-up:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-click-left-goes-up.active:after{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-click-left-goes-up:after{bottom:0;left:0}.text-click-right-goes-up:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-click-right-goes-up.active:after{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-click-right-goes-up:after{bottom:0;right:0}.text-click-right-goes-down:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-click-right-goes-down.active:after{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-click-right-goes-down:after{top:0;right:0}.text-click-linethrough-opening:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-linethrough-opening.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-linethrough-opening:after{left:0;top:50%;z-index:9;right:0;margin:0 auto}.text-click-linethrough-closing:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-linethrough-closing.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:50%}.text-click-linethrough-closing:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-linethrough-closing.active:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:50%}.text-click-linethrough-closing:after{left:0;top:50%;z-index:9}.text-click-linethrough-closing:before{top:50%;right:0;z-index:9}.text-click-linethrough-goes-left:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-linethrough-goes-left.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-linethrough-goes-left:after{right:0;top:50%;z-index:9}.text-click-linethrough-goes-right:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-linethrough-goes-right.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-linethrough-goes-right:after{left:0;top:50%;z-index:9}.text-click-move-down:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:top,background-color;transition-property:top,background-color;width:3px;height:3px}.text-click-move-down.active:after{outline:0;-webkit-transition-property:top,background-color;transition-property:top,background-color;top:100%}.text-click-move-down:after{background-color:transparent;top:50%;left:0;right:0;width:auto}.text-click-move-up:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:bottom,background-color;transition-property:bottom,background-color;width:3px;height:3px}.text-click-move-up.active:after{outline:0;-webkit-transition-property:bottom,background-color;transition-property:bottom,background-color;bottom:100%}.text-click-move-up:after{background-color:transparent;bottom:50%;left:0;right:0;width:auto}.text-click-move-right:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:right,background-color;transition-property:right,background-color;width:3px;height:3px}.text-click-move-right.active:after{outline:0;-webkit-transition-property:right,background-color;transition-property:right,background-color;right:calc(100% - 100%)}.text-click-move-right:after{background-color:transparent;top:0;bottom:0;right:50%;height:auto}.text-click-move-left:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:left,background-color;transition-property:left,background-color;width:3px;height:3px}.text-click-move-left.active:after{outline:0;-webkit-transition-property:left,background-color;transition-property:left,background-color;left:calc(100% - 100%)}.text-click-move-left:after{background-color:transparent;top:0;bottom:0;left:50%;height:auto}.text-click-move-vertical:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:top,background-color;transition-property:top,background-color;width:3px;height:3px}.text-click-move-vertical.active:after{outline:0;-webkit-transition-property:top,background-color;transition-property:top,background-color;top:calc(100% - 100%)}.text-click-move-vertical:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:bottom,background-color;transition-property:bottom,background-color;width:3px;height:3px}.text-click-move-vertical.active:before{outline:0;-webkit-transition-property:bottom,background-color;transition-property:bottom,background-color;bottom:calc(100% - 100%)}.text-click-move-vertical:after{background-color:transparent;top:50%;left:0;right:0;width:auto}.text-click-move-vertical:before{background-color:transparent;bottom:50%;left:0;right:0;width:auto}.text-click-move-horizontal:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:right,background-color;transition-property:right,background-color;width:3px;height:3px}.text-click-move-horizontal.active:after{outline:0;-webkit-transition-property:right,background-color;transition-property:right,background-color;right:calc(100% - 100%)}.text-click-move-horizontal:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:left,background-color;transition-property:left,background-color;width:3px;height:3px}.text-click-move-horizontal.active:before{outline:0;-webkit-transition-property:left,background-color;transition-property:left,background-color;left:calc(100% - 100%)}.text-click-move-horizontal:after{background-color:transparent;top:0;bottom:0;right:50%;height:auto}.text-click-move-horizontal:before{background-color:transparent;top:0;bottom:0;left:50%;height:auto}.text-click-fill-goes-up{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-click-fill-goes-up:after,.text-click-fill-goes-up:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-fill-goes-up:after{background-color:#1e3541}.text-click-fill-goes-up:before{background-color:#1e3541}.text-click-fill-goes-up.active{cursor:pointer;outline:0;cursor:pointer;color:#fcfafa;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-click-fill-goes-up.active:after{background-color:#1e3541}.text-click-fill-goes-up.active:before{background-color:#1e3541}.text-click-fill-goes-up.active:after,.text-click-fill-goes-up.active:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-fill-goes-up:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-click-fill-goes-up.active:after{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-click-fill-goes-up:after{bottom:0;right:0;left:0;width:100%}.text-click-fill-goes-down{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-click-fill-goes-down:after,.text-click-fill-goes-down:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-fill-goes-down:after{background-color:#1e3541}.text-click-fill-goes-down:before{background-color:#1e3541}.text-click-fill-goes-down.active{cursor:pointer;outline:0;cursor:pointer;color:#fcfafa;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-click-fill-goes-down.active:after{background-color:#1e3541}.text-click-fill-goes-down.active:before{background-color:#1e3541}.text-click-fill-goes-down.active:after,.text-click-fill-goes-down.active:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-fill-goes-down:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-click-fill-goes-down.active:after{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:100%}.text-click-fill-goes-down:after{top:0;right:0;left:0;width:100%}.text-click-fill-goes-left{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-click-fill-goes-left:after,.text-click-fill-goes-left:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-fill-goes-left:after{background-color:#1e3541}.text-click-fill-goes-left:before{background-color:#1e3541}.text-click-fill-goes-left.active{cursor:pointer;outline:0;cursor:pointer;color:#fcfafa;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-click-fill-goes-left.active:after{background-color:#1e3541}.text-click-fill-goes-left.active:before{background-color:#1e3541}.text-click-fill-goes-left.active:after,.text-click-fill-goes-left.active:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-fill-goes-left:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-fill-goes-left.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-fill-goes-left:after{top:0;right:0;bottom:0;height:100%}.text-click-fill-goes-right{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-click-fill-goes-right:after,.text-click-fill-goes-right:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-fill-goes-right:after{background-color:#1e3541}.text-click-fill-goes-right:before{background-color:#1e3541}.text-click-fill-goes-right.active{cursor:pointer;outline:0;cursor:pointer;color:#fcfafa;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-click-fill-goes-right.active:after{background-color:#1e3541}.text-click-fill-goes-right.active:before{background-color:#1e3541}.text-click-fill-goes-right.active:after,.text-click-fill-goes-right.active:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-fill-goes-right:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-fill-goes-right.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-fill-goes-right:after{top:0;left:0;bottom:0;height:100%}.text-click-fill-opening-horizontal{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-click-fill-opening-horizontal:after,.text-click-fill-opening-horizontal:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-fill-opening-horizontal:after{background-color:#1e3541}.text-click-fill-opening-horizontal:before{background-color:#1e3541}.text-click-fill-opening-horizontal.active{cursor:pointer;outline:0;cursor:pointer;color:#fcfafa;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-click-fill-opening-horizontal.active:after{background-color:#1e3541}.text-click-fill-opening-horizontal.active:before{background-color:#1e3541}.text-click-fill-opening-horizontal.active:after,.text-click-fill-opening-horizontal.active:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-fill-opening-horizontal:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-fill-opening-horizontal.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-fill-opening-horizontal:after{top:0;bottom:0;left:0;right:0;margin:0 auto;height:auto}.text-click-fill-closing-horizontal{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-click-fill-closing-horizontal:after,.text-click-fill-closing-horizontal:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-fill-closing-horizontal:after{background-color:#1e3541}.text-click-fill-closing-horizontal:before{background-color:#1e3541}.text-click-fill-closing-horizontal.active{cursor:pointer;outline:0;cursor:pointer;color:#fcfafa;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-click-fill-closing-horizontal.active:after{background-color:#1e3541}.text-click-fill-closing-horizontal.active:before{background-color:#1e3541}.text-click-fill-closing-horizontal.active:after,.text-click-fill-closing-horizontal.active:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-fill-closing-horizontal:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-fill-closing-horizontal.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:50%}.text-click-fill-closing-horizontal:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-fill-closing-horizontal.active:before{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:50%}.text-click-fill-closing-horizontal:before{top:0;bottom:0;left:0;height:auto}.text-click-fill-closing-horizontal:after{top:0;bottom:0;right:0;height:auto}.text-click-fill-closing-vertical{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-click-fill-closing-vertical:after,.text-click-fill-closing-vertical:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-fill-closing-vertical:after{background-color:#1e3541}.text-click-fill-closing-vertical:before{background-color:#1e3541}.text-click-fill-closing-vertical.active{cursor:pointer;outline:0;cursor:pointer;color:#fcfafa;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-click-fill-closing-vertical.active:after{background-color:#1e3541}.text-click-fill-closing-vertical.active:before{background-color:#1e3541}.text-click-fill-closing-vertical.active:after,.text-click-fill-closing-vertical.active:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-fill-closing-vertical:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-click-fill-closing-vertical.active:after{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:50%}.text-click-fill-closing-vertical:before{content:"";position:absolute;z-index:-1;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:0;width:3px}.text-click-fill-closing-vertical.active:before{outline:0;-webkit-transition-property:height,background-color;transition-property:height,background-color;height:50%}.text-click-fill-closing-vertical:before{top:0;right:0;left:0;width:auto}.text-click-fill-closing-vertical:after{bottom:0;left:0;right:0;width:auto}.text-click-fc-top-left{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-click-fc-top-left:after,.text-click-fc-top-left:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-fc-top-left:after{background-color:#1e3541}.text-click-fc-top-left:before{background-color:#1e3541}.text-click-fc-top-left.active{cursor:pointer;outline:0;cursor:pointer;color:#fcfafa;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-click-fc-top-left.active:after{background-color:#1e3541}.text-click-fc-top-left.active:before{background-color:#1e3541}.text-click-fc-top-left.active:after,.text-click-fc-top-left.active:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-fc-top-left:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,height,background-color;transition-property:width,height,background-color;width:0;height:0}.text-click-fc-top-left.active:after{outline:0;-webkit-transition-property:width,height,background-color;transition-property:width,height,background-color;width:100%;height:100%}.text-click-fc-top-left:after{top:0;left:0}.text-click-fc-top-right{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-click-fc-top-right:after,.text-click-fc-top-right:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-fc-top-right:after{background-color:#1e3541}.text-click-fc-top-right:before{background-color:#1e3541}.text-click-fc-top-right.active{cursor:pointer;outline:0;cursor:pointer;color:#fcfafa;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-click-fc-top-right.active:after{background-color:#1e3541}.text-click-fc-top-right.active:before{background-color:#1e3541}.text-click-fc-top-right.active:after,.text-click-fc-top-right.active:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-fc-top-right:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,height,background-color;transition-property:width,height,background-color;width:0;height:0}.text-click-fc-top-right.active:after{outline:0;-webkit-transition-property:width,height,background-color;transition-property:width,height,background-color;width:100%;height:100%}.text-click-fc-top-right:after{top:0;right:0}.text-click-fc-bottom-left{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-click-fc-bottom-left:after,.text-click-fc-bottom-left:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-fc-bottom-left:after{background-color:#1e3541}.text-click-fc-bottom-left:before{background-color:#1e3541}.text-click-fc-bottom-left.active{cursor:pointer;outline:0;cursor:pointer;color:#fcfafa;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-click-fc-bottom-left.active:after{background-color:#1e3541}.text-click-fc-bottom-left.active:before{background-color:#1e3541}.text-click-fc-bottom-left.active:after,.text-click-fc-bottom-left.active:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-fc-bottom-left:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,height,background-color;transition-property:width,height,background-color;width:0;height:0}.text-click-fc-bottom-left.active:after{outline:0;-webkit-transition-property:width,height,background-color;transition-property:width,height,background-color;width:100%;height:100%}.text-click-fc-bottom-left:after{bottom:0;right:0}.text-click-fc-bottom-right{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-click-fc-bottom-right:after,.text-click-fc-bottom-right:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-fc-bottom-right:after{background-color:#1e3541}.text-click-fc-bottom-right:before{background-color:#1e3541}.text-click-fc-bottom-right.active{cursor:pointer;outline:0;cursor:pointer;color:#fcfafa;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-click-fc-bottom-right.active:after{background-color:#1e3541}.text-click-fc-bottom-right.active:before{background-color:#1e3541}.text-click-fc-bottom-right.active:after,.text-click-fc-bottom-right.active:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.text-click-fc-bottom-right:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,height,background-color;transition-property:width,height,background-color;width:0;height:0}.text-click-fc-bottom-right.active:after{outline:0;-webkit-transition-property:width,height,background-color;transition-property:width,height,background-color;width:100%;height:100%}.text-click-fc-bottom-right:after{bottom:0;left:0}.text-click-underline-left-delay{display:inline;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-delay:1s;transition-delay:1s;-webkit-transition-property:color;transition-property:color;white-space:nowrap;overflow:hidden;position:relative;z-index:2;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-click-underline-left-delay:after,.text-click-underline-left-delay:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:1s;transition-delay:1s}.text-click-underline-left-delay:after{background-color:#1e3541}.text-click-underline-left-delay:before{background-color:#1e3541}.text-click-underline-left-delay.active{cursor:pointer;outline:0;cursor:pointer;color:#1e3541;-webkit-transition:color .7s ease-in-out;transition:color .7s ease-in-out}.text-click-underline-left-delay.active:after{background-color:#1e3541}.text-click-underline-left-delay.active:before{background-color:#1e3541}.text-click-underline-left-delay.active:after,.text-click-underline-left-delay.active:before{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:1s;transition-delay:1s}.text-click-underline-left-delay:after{content:"";position:absolute;z-index:-1;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:0;height:3px}.text-click-underline-left-delay.active:after{outline:0;-webkit-transition-property:width,background-color;transition-property:width,background-color;width:100%}.text-click-underline-left-delay:after{right:0;bottom:0} -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "webpack", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "start": "gulp serve", 8 | "generate_css": "gulp generate_css && gulp generate_minified_css" 9 | }, 10 | "keywords": [], 11 | "author": "", 12 | "license": "ISC", 13 | "devDependencies": { 14 | "browser-sync": "^2.26.3", 15 | "gulp": "^3.9.1", 16 | "gulp-autoprefixer": "^6.0.0", 17 | "gulp-clean-css": "^4.0.0", 18 | "gulp-cli": "^2.0.1", 19 | "gulp-rename": "^1.4.0", 20 | "gulp-sass": "^4.0.2", 21 | "prettier": "^1.15.3", 22 | "pretty-quick": "^1.8.0" 23 | }, 24 | "husky": { 25 | "hooks": { 26 | "pre-commit": "pretty-quick --staged" 27 | } 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /scss/base/_defaults.scss: -------------------------------------------------------------------------------- 1 | /* https://coolors.co/ff5628-1e3541-2e5266-dee5e5-fcfafa */ 2 | $black: #1e3541; 3 | $white: #fcfafa; 4 | $red: #ff5628; 5 | $blue: #2e5266; 6 | $green: #4dabc8; 7 | 8 | $event: "hover"; // event that will trigger the effect, you can choose between 'click' and 'hover' 9 | $name-of-the-class: text-hover; // prefix all the effects with your class 10 | $name-of-the-class-on-click: "active"; // use only when $event is set to "click", element with an effect will get the 'active' class on click that will trigger the effect 11 | 12 | $hovered-text-color: $black; // color of the text on hover 13 | $after-bg-color: $black; 14 | $before-bg-color: $black; 15 | $transition-speed: 0.7s; // transition-duration 16 | $transition-easing: ease-in-out; // transition-timing-function 17 | $transition-delay: 0s; // transition-delay 18 | $size-of-the-line: 3px; // width or height of the pseudoelement 19 | $space-above-the-text: 10px; // padding-top 20 | $space-below-the-text: 10px; // padding-bottom 21 | $space-on-the-left-side: 10px; // padding-left 22 | $space-on-the-right-side: 10px; // padding-right 23 | $display: inline; // display property, if you change it, I really hope you know what you are doing 24 | -------------------------------------------------------------------------------- /scss/base/_helpers.scss: -------------------------------------------------------------------------------- 1 | @mixin setTransitions($transition-speed, $transition-easing, $hovered-color) { 2 | outline: 0; 3 | cursor: pointer; 4 | color: $hovered-color; 5 | transition: color $transition-speed $transition-easing; 6 | } 7 | 8 | @mixin setTransitionsForPseudoElements( 9 | $transition-speed, 10 | $transition-easing, 11 | $transition-delay 12 | ) { 13 | transition-duration: $transition-speed; 14 | transition-timing-function: $transition-easing; 15 | transition-delay: $transition-delay; 16 | } 17 | 18 | /* some effects transition more than one property at the same time */ 19 | @mixin checkTheLengthOfTransitionedProperties( 20 | $transition-property, 21 | $value-of-transitioned-property 22 | ) { 23 | @if length($transition-property) > 1 { 24 | @each $property in $transition-property { 25 | #{$property}: $value-of-transitioned-property; 26 | } 27 | } @else { 28 | #{$transition-property}: $value-of-transitioned-property; 29 | } 30 | } 31 | 32 | /* some effects transition height, some width, some both */ 33 | @mixin checkTheTransitionProperty( 34 | $transition-property, 35 | $untransitioned-height, 36 | $untransitioned-width 37 | ) { 38 | @if $transition-property == height { 39 | height: 0; 40 | width: $untransitioned-width; 41 | } @else if $transition-property == width { 42 | width: 0; 43 | height: $untransitioned-height; 44 | } @else { 45 | width: $untransitioned-width; 46 | height: $untransitioned-height; 47 | } 48 | } 49 | 50 | /* checks if the transition-property is set to none */ 51 | @mixin checkTheExistenceOfTransitionProperty($transition-property) { 52 | @if $transition-property == none { 53 | transition-property: none; 54 | @content; 55 | } @else { 56 | transition-property: $transition-property, background-color; 57 | @content; 58 | } 59 | } 60 | -------------------------------------------------------------------------------- /scss/base/_imports.scss: -------------------------------------------------------------------------------- 1 | @import "defaults"; 2 | @import "helpers"; 3 | @import "options"; 4 | 5 | @import "./../effects/overline/overline-goes-right"; 6 | @import "./../effects/overline/overline-goes-left"; 7 | @import "./../effects/overline/overline-closing"; 8 | @import "./../effects/overline/overline-opening"; 9 | 10 | @import "./../effects/underline/underline-goes-left"; 11 | @import "./../effects/underline/underline-closing"; 12 | @import "./../effects/underline/underline-opening"; 13 | @import "./../effects/underline/underline-goes-right"; 14 | 15 | @import "./../effects/both-side/both-go-right"; 16 | @import "./../effects/both-side/both-opening-horizontal"; 17 | @import "./../effects/both-side/both-go-up"; 18 | @import "./../effects/both-side/both-go-down"; 19 | @import "./../effects/both-side/both-go-left"; 20 | @import "./../effects/both-side/left-goes-up-right-goes-down"; 21 | @import "./../effects/both-side/left-goes-down-right-goes-up"; 22 | @import "./../effects/both-side/overline-goes-left-underline-goes-right"; 23 | @import "./../effects/both-side/overline-goes-right-underline-goes-left"; 24 | 25 | @import "./../effects/fill/fill-goes-up"; 26 | @import "./../effects/fill/fill-goes-down"; 27 | @import "./../effects/fill/fill-goes-left"; 28 | @import "./../effects/fill/fill-goes-right"; 29 | @import "./../effects/fill/fill-opening-horizontal"; 30 | @import "./../effects/fill/fill-closing-horizontal"; 31 | @import "./../effects/fill/fill-closing-vertical"; 32 | 33 | @import "./../effects/fill-corners/fc-top-left"; 34 | @import "./../effects/fill-corners/fc-top-right"; 35 | @import "./../effects/fill-corners/fc-bottom-left"; 36 | @import "./../effects/fill-corners/fc-bottom-right"; 37 | 38 | @import "./../effects/corners-closing/cc-left-top"; 39 | @import "./../effects/corners-closing/cc-right-top"; 40 | @import "./../effects/corners-closing/cc-left-bottom"; 41 | @import "./../effects/corners-closing/cc-right-bottom"; 42 | 43 | @import "./../effects/corners-expanding/ce-top-right"; 44 | @import "./../effects/corners-expanding/ce-top-left"; 45 | @import "./../effects/corners-expanding/ce-bottom-left"; 46 | @import "./../effects/corners-expanding/ce-bottom-right"; 47 | 48 | @import "./../effects/side-line/left-goes-down"; 49 | @import "./../effects/side-line/left-goes-up"; 50 | @import "./../effects/side-line/right-goes-up"; 51 | @import "./../effects/side-line/right-goes-down"; 52 | 53 | @import "./../effects/linethrough/linethrough-opening"; 54 | @import "./../effects/linethrough/linethrough-closing"; 55 | @import "./../effects/linethrough/linethrough-goes-left"; 56 | @import "./../effects/linethrough/linethrough-goes-right"; 57 | 58 | @import "./../effects/double-underline/du-goes-left"; 59 | @import "./../effects/double-underline/du-goes-right"; 60 | @import "./../effects/double-underline/du-opening"; 61 | @import "./../effects/double-underline/du-reversed-lr"; 62 | @import "./../effects/double-underline/du-reversed-rl"; 63 | 64 | @import "./../effects/double-linethrough/dl-goes-left"; 65 | @import "./../effects/double-linethrough/dl-goes-right"; 66 | @import "./../effects/double-linethrough/dl-reversed-lr"; 67 | @import "./../effects/double-linethrough/dl-reversed-rl"; 68 | @import "./../effects/double-linethrough/dl-opening"; 69 | 70 | @import "./../effects/moves/move-down"; 71 | @import "./../effects/moves/move-up"; 72 | @import "./../effects/moves/move-right"; 73 | @import "./../effects/moves/move-left"; 74 | @import "./../effects/moves/move-vertical"; 75 | @import "./../effects/moves/move-horizontal"; 76 | 77 | @import "./../effects/halfline/halfline-bottom-goes-right"; 78 | @import "./../effects/halfline/halfline-bottom-goes-left"; 79 | @import "./../effects/halfline/halfline-top-goes-right"; 80 | @import "./../effects/halfline/halfline-top-goes-left"; 81 | @import "./../effects/halfline/halfline-top-left-goes-down"; 82 | @import "./../effects/halfline/halfline-top-right-goes-down"; 83 | @import "./../effects/halfline/halfline-bottom-right-goes-up"; 84 | @import "./../effects/halfline/halfline-bottom-left-goes-up"; 85 | -------------------------------------------------------------------------------- /scss/base/_options.scss: -------------------------------------------------------------------------------- 1 | @mixin transition-options( 2 | $transition-speed: $transition-speed, 3 | $transition-easing: $transition-easing, 4 | $transition-delay: $transition-delay, 5 | $padding-top: $space-above-the-text, 6 | $padding-bottom: $space-below-the-text, 7 | $padding-right: $space-on-the-right-side, 8 | $padding-left: $space-on-the-left-side, 9 | $display: $display, 10 | $hovered-color: $hovered-text-color, 11 | $after-bg-color: $after-bg-color, 12 | $before-bg-color: $before-bg-color 13 | ) { 14 | display: $display; 15 | padding-top: $padding-top; 16 | padding-bottom: $padding-bottom; 17 | padding-right: $padding-right; 18 | padding-left: $padding-left; 19 | transition-timing-function: $transition-easing; 20 | transition-duration: $transition-speed; 21 | transition-delay: $transition-delay; 22 | transition-property: color; 23 | white-space: nowrap; 24 | overflow: hidden; 25 | position: relative; 26 | z-index: 2; 27 | text-decoration: none; 28 | box-sizing: border-box; 29 | user-select: none; 30 | -webkit-touch-callout: none; 31 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 32 | 33 | &:after, 34 | &:before { 35 | transition-duration: $transition-speed; 36 | transition-timing-function: $transition-easing; 37 | transition-delay: $transition-delay; 38 | } 39 | 40 | &:after { 41 | background-color: $after-bg-color; 42 | } 43 | 44 | &:before { 45 | background-color: $before-bg-color; 46 | } 47 | 48 | @if $event == hover { 49 | &:hover, 50 | &:focus { 51 | @include setTransitions( 52 | $transition-speed, 53 | $transition-easing, 54 | $hovered-color 55 | ); 56 | } 57 | 58 | &:hover:after, 59 | &:focus:after { 60 | background-color: $after-bg-color; 61 | } 62 | 63 | &:hover:before, 64 | &:focus:before { 65 | background-color: $before-bg-color; 66 | } 67 | 68 | &:hover:after, 69 | &:focus:after, 70 | &:hover:before, 71 | &:focus:before { 72 | @include setTransitionsForPseudoElements( 73 | $transition-speed, 74 | $transition-easing, 75 | $transition-delay 76 | ); 77 | } 78 | } @else { 79 | &.#{$name-of-the-class-on-click} { 80 | cursor: pointer; 81 | @include setTransitions( 82 | $transition-speed, 83 | $transition-easing, 84 | $hovered-color 85 | ); 86 | 87 | &:after { 88 | background-color: $after-bg-color; 89 | } 90 | 91 | &:before { 92 | background-color: $before-bg-color; 93 | } 94 | 95 | &:after, 96 | &:before { 97 | @include setTransitionsForPseudoElements( 98 | $transition-speed, 99 | $transition-easing, 100 | $transition-delay 101 | ); 102 | } 103 | } 104 | } 105 | } 106 | 107 | $max-value-of-transitioned-property: 100%; 108 | @mixin line-options( 109 | $type-of-pseudoelement, 110 | $transition-property, 111 | $value-of-transitioned-property, 112 | $untransitioned-height: $size-of-the-line, 113 | $untransitioned-width: $size-of-the-line 114 | ) { 115 | &:#{$type-of-pseudoelement} { 116 | content: ""; 117 | position: absolute; 118 | z-index: -1; 119 | @include checkTheExistenceOfTransitionProperty($transition-property) { 120 | @include checkTheTransitionProperty( 121 | $transition-property, 122 | $untransitioned-height, 123 | $untransitioned-width 124 | ); 125 | } 126 | } 127 | 128 | @if $event == hover { 129 | &:hover:#{$type-of-pseudoelement}, 130 | &:focus:#{$type-of-pseudoelement} { 131 | outline: 0; 132 | @include checkTheExistenceOfTransitionProperty($transition-property) { 133 | @include checkTheLengthOfTransitionedProperties( 134 | $transition-property, 135 | $value-of-transitioned-property 136 | ); 137 | } 138 | } 139 | } @else { 140 | &.#{$name-of-the-class-on-click}:#{$type-of-pseudoelement} { 141 | outline: 0; 142 | @include checkTheExistenceOfTransitionProperty($transition-property) { 143 | @include checkTheLengthOfTransitionedProperties( 144 | $transition-property, 145 | $value-of-transitioned-property 146 | ); 147 | } 148 | } 149 | } 150 | } 151 | -------------------------------------------------------------------------------- /scss/effects/both-side/_both-go-down.scss: -------------------------------------------------------------------------------- 1 | @mixin both-go-down { 2 | @include line-options( 3 | after, 4 | $transition-property: height, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: height, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property 12 | ); 13 | 14 | &:after { 15 | top: 0%; 16 | left: 0%; 17 | } 18 | 19 | &:before { 20 | top: 0%; 21 | right: 0%; 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /scss/effects/both-side/_both-go-left.scss: -------------------------------------------------------------------------------- 1 | @mixin both-go-left { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: width, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property 12 | ); 13 | 14 | &:after { 15 | top: 0%; 16 | right: 0%; 17 | } 18 | 19 | &:before { 20 | bottom: 0%; 21 | right: 0%; 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /scss/effects/both-side/_both-go-right.scss: -------------------------------------------------------------------------------- 1 | @mixin both-go-right { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: width, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property 12 | ); 13 | 14 | &:after { 15 | top: 0%; 16 | left: 0%; 17 | } 18 | 19 | &:before { 20 | bottom: 0%; 21 | left: 0%; 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /scss/effects/both-side/_both-go-up.scss: -------------------------------------------------------------------------------- 1 | @mixin both-go-up { 2 | @include line-options( 3 | after, 4 | $transition-property: height, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: height, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property 12 | ); 13 | 14 | &:after { 15 | bottom: 0%; 16 | left: 0%; 17 | } 18 | 19 | &:before { 20 | bottom: 0%; 21 | right: 0%; 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /scss/effects/both-side/_both-opening-horizontal.scss: -------------------------------------------------------------------------------- 1 | @mixin both-opening-horizontal { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: width, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property 12 | ); 13 | 14 | &:after { 15 | top: 0%; 16 | left: 0%; 17 | right: 0%; 18 | margin: 0 auto; 19 | } 20 | 21 | &:before { 22 | bottom: 0%; 23 | left: 0%; 24 | right: 0%; 25 | margin: 0 auto; 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /scss/effects/both-side/_left-goes-down-right-goes-up.scss: -------------------------------------------------------------------------------- 1 | @mixin left-goes-down-right-goes-up { 2 | @include line-options( 3 | after, 4 | $transition-property: height, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: height, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property 12 | ); 13 | 14 | &:after { 15 | top: 0%; 16 | left: 0%; 17 | } 18 | 19 | &:before { 20 | bottom: 0%; 21 | right: 0%; 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /scss/effects/both-side/_left-goes-up-right-goes-down.scss: -------------------------------------------------------------------------------- 1 | @mixin left-goes-up-right-goes-down { 2 | @include line-options( 3 | after, 4 | $transition-property: height, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: height, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property 12 | ); 13 | 14 | &:after { 15 | bottom: 0%; 16 | left: 0%; 17 | } 18 | 19 | &:before { 20 | top: 0%; 21 | right: 0%; 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /scss/effects/both-side/_overline-goes-left-underline-goes-right.scss: -------------------------------------------------------------------------------- 1 | @mixin overline-goes-left-underline-goes-right { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: width, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property 12 | ); 13 | &:after { 14 | top: 0%; 15 | right: 0%; 16 | } 17 | 18 | &:before { 19 | bottom: 0%; 20 | left: 0%; 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /scss/effects/both-side/_overline-goes-right-underline-goes-left.scss: -------------------------------------------------------------------------------- 1 | @mixin overline-goes-right-underline-goes-left { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: width, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property 12 | ); 13 | &:after { 14 | top: 0%; 15 | left: 0%; 16 | } 17 | 18 | &:before { 19 | bottom: 0%; 20 | right: 0%; 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /scss/effects/corners-closing/_cc-left-bottom.scss: -------------------------------------------------------------------------------- 1 | @mixin cc-left-bottom { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: height, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property 12 | ); 13 | 14 | &:before { 15 | top: 0%; 16 | left: 0; 17 | } 18 | 19 | &:after { 20 | bottom: 0; 21 | right: 0; 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /scss/effects/corners-closing/_cc-left-top.scss: -------------------------------------------------------------------------------- 1 | @mixin cc-left-top { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: height, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property 12 | ); 13 | 14 | &:before { 15 | bottom: 0%; 16 | left: 0; 17 | } 18 | 19 | &:after { 20 | top: 0; 21 | right: 0; 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /scss/effects/corners-closing/_cc-right-bottom.scss: -------------------------------------------------------------------------------- 1 | @mixin cc-right-bottom { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: height, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property 12 | ); 13 | 14 | &:before { 15 | top: 0%; 16 | right: 0; 17 | } 18 | 19 | &:after { 20 | bottom: 0; 21 | left: 0; 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /scss/effects/corners-closing/_cc-right-top.scss: -------------------------------------------------------------------------------- 1 | @mixin cc-right-top { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: height, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property 12 | ); 13 | 14 | &:before { 15 | bottom: 0%; 16 | right: 0; 17 | } 18 | 19 | &:after { 20 | top: 0; 21 | left: 0; 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /scss/effects/corners-expanding/_ce-bottom-left.scss: -------------------------------------------------------------------------------- 1 | @mixin ce-bottom-left { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: height, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property 12 | ); 13 | 14 | &:before { 15 | bottom: 0%; 16 | left: 0; 17 | } 18 | 19 | &:after { 20 | bottom: 0; 21 | left: 0; 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /scss/effects/corners-expanding/_ce-bottom-right.scss: -------------------------------------------------------------------------------- 1 | @mixin ce-bottom-right { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: height, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property 12 | ); 13 | &:before { 14 | bottom: 0%; 15 | right: 0; 16 | } 17 | 18 | &:after { 19 | bottom: 0; 20 | right: 0; 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /scss/effects/corners-expanding/_ce-top-left.scss: -------------------------------------------------------------------------------- 1 | @mixin ce-top-left { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: height, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property 12 | ); 13 | 14 | &:before { 15 | top: 0%; 16 | left: 0; 17 | } 18 | 19 | &:after { 20 | top: 0; 21 | left: 0; 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /scss/effects/corners-expanding/_ce-top-right.scss: -------------------------------------------------------------------------------- 1 | @mixin ce-top-right { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: height, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property 12 | ); 13 | 14 | &:before { 15 | top: 0%; 16 | right: 0; 17 | } 18 | 19 | &:after { 20 | top: 0; 21 | right: 0; 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /scss/effects/double-linethrough/_dl-goes-left.scss: -------------------------------------------------------------------------------- 1 | @mixin dl-goes-left($top: 45%, $bottom: 45%) { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: width, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property 12 | ); 13 | 14 | &:after { 15 | right: 0%; 16 | top: $top; 17 | z-index: 9; 18 | } 19 | 20 | &:before { 21 | right: 0%; 22 | bottom: $bottom; 23 | z-index: 9; 24 | top: 54%; 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /scss/effects/double-linethrough/_dl-goes-right.scss: -------------------------------------------------------------------------------- 1 | @mixin dl-goes-right { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: width, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property 12 | ); 13 | 14 | &:after { 15 | left: 0%; 16 | top: 44%; 17 | z-index: 9; 18 | } 19 | 20 | &:before { 21 | left: 0%; 22 | bottom: 10px; 23 | z-index: 9; 24 | top: 54%; 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /scss/effects/double-linethrough/_dl-opening.scss: -------------------------------------------------------------------------------- 1 | @mixin dl-opening { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: width, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property 12 | ); 13 | 14 | &:after { 15 | left: 0; 16 | top: 54%; 17 | z-index: 9; 18 | right: 0; 19 | margin: 0 auto; 20 | } 21 | 22 | &:before { 23 | left: 0; 24 | top: 44%; 25 | z-index: 9; 26 | right: 0; 27 | margin: 0 auto; 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /scss/effects/double-linethrough/_dl-reversed-lr.scss: -------------------------------------------------------------------------------- 1 | @mixin dl-reversed-lr { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: width, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property 12 | ); 13 | 14 | &:after { 15 | right: 0%; 16 | top: 44%; 17 | z-index: 9; 18 | } 19 | 20 | &:before { 21 | left: 0%; 22 | bottom: 10px; 23 | z-index: 9; 24 | top: 54%; 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /scss/effects/double-linethrough/_dl-reversed-rl.scss: -------------------------------------------------------------------------------- 1 | @mixin dl-reversed-rl { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: width, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property 12 | ); 13 | 14 | &:after { 15 | left: 0%; 16 | top: 44%; 17 | z-index: 9; 18 | } 19 | 20 | &:before { 21 | right: 0%; 22 | bottom: 10px; 23 | z-index: 9; 24 | top: 54%; 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /scss/effects/double-underline/_du-goes-left.scss: -------------------------------------------------------------------------------- 1 | @mixin du-goes-left { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: width, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property 12 | ); 13 | &:after { 14 | right: 0%; 15 | bottom: 0; 16 | } 17 | 18 | &:before { 19 | right: 0%; 20 | bottom: 10px; 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /scss/effects/double-underline/_du-goes-right.scss: -------------------------------------------------------------------------------- 1 | @mixin du-goes-right { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: width, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property 12 | ); 13 | 14 | &:after { 15 | left: 0%; 16 | bottom: 0; 17 | } 18 | 19 | &:before { 20 | left: 0%; 21 | bottom: 10px; 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /scss/effects/double-underline/_du-opening.scss: -------------------------------------------------------------------------------- 1 | @mixin du-opening { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: width, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property 12 | ); 13 | 14 | &:after { 15 | right: 0%; 16 | bottom: 0; 17 | margin: 0 auto; 18 | left: 0; 19 | } 20 | 21 | &:before { 22 | right: 0%; 23 | bottom: 10px; 24 | margin: 0 auto; 25 | left: 0; 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /scss/effects/double-underline/_du-reversed-lr.scss: -------------------------------------------------------------------------------- 1 | @mixin du-reversed-lr { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: width, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property 12 | ); 13 | &:after { 14 | left: 0%; 15 | bottom: 0; 16 | } 17 | 18 | &:before { 19 | right: 0%; 20 | bottom: 10px; 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /scss/effects/double-underline/_du-reversed-rl.scss: -------------------------------------------------------------------------------- 1 | @mixin du-reversed-rl { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: width, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property 12 | ); 13 | 14 | &:after { 15 | right: 0%; 16 | bottom: 0; 17 | } 18 | 19 | &:before { 20 | left: 0%; 21 | bottom: 10px; 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /scss/effects/fill-corners/_fc-bottom-left.scss: -------------------------------------------------------------------------------- 1 | $transitioned-properties: width, height; 2 | @mixin fc-bottom-left { 3 | @include line-options( 4 | after, 5 | $transition-property: $transitioned-properties, 6 | $value-of-transitioned-property: $max-value-of-transitioned-property, 7 | $untransitioned-width: 0, 8 | $untransitioned-height: 0 9 | ); 10 | 11 | &:after { 12 | bottom: 0%; 13 | right: 0; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /scss/effects/fill-corners/_fc-bottom-right.scss: -------------------------------------------------------------------------------- 1 | $transitioned-properties: width, height; 2 | @mixin fc-bottom-right { 3 | @include line-options( 4 | after, 5 | $transition-property: $transitioned-properties, 6 | $value-of-transitioned-property: $max-value-of-transitioned-property, 7 | $untransitioned-width: 0, 8 | $untransitioned-height: 0 9 | ); 10 | 11 | &:after { 12 | bottom: 0%; 13 | left: 0; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /scss/effects/fill-corners/_fc-top-left.scss: -------------------------------------------------------------------------------- 1 | $transitioned-properties: width, height; 2 | @mixin fc-top-left { 3 | @include line-options( 4 | after, 5 | $transition-property: $transitioned-properties, 6 | $value-of-transitioned-property: $max-value-of-transitioned-property, 7 | $untransitioned-width: 0, 8 | $untransitioned-height: 0 9 | ); 10 | 11 | &:after { 12 | top: 0%; 13 | left: 0; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /scss/effects/fill-corners/_fc-top-right.scss: -------------------------------------------------------------------------------- 1 | $transitioned-properties: width, height; 2 | @mixin fc-top-right { 3 | @include line-options( 4 | after, 5 | $transition-property: $transitioned-properties, 6 | $value-of-transitioned-property: $max-value-of-transitioned-property, 7 | $untransitioned-width: 0, 8 | $untransitioned-height: 0 9 | ); 10 | &:after { 11 | top: 0%; 12 | right: 0; 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /scss/effects/fill/_fill-closing-horizontal.scss: -------------------------------------------------------------------------------- 1 | @mixin fill-closing-horizontal { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property / 2 6 | ); 7 | @include line-options( 8 | before, 9 | $transition-property: width, 10 | $value-of-transitioned-property: $max-value-of-transitioned-property / 2 11 | ); 12 | 13 | &:before { 14 | top: 0%; 15 | bottom: 0; 16 | left: 0; 17 | height: auto; 18 | } 19 | 20 | &:after { 21 | top: 0%; 22 | bottom: 0; 23 | right: 0; 24 | height: auto; 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /scss/effects/fill/_fill-closing-vertical.scss: -------------------------------------------------------------------------------- 1 | @mixin fill-closing-vertical { 2 | @include line-options( 3 | after, 4 | $transition-property: height, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property / 2 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: height, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property / 2 12 | ); 13 | 14 | &:before { 15 | top: 0%; 16 | right: 0; 17 | left: 0; 18 | width: auto; 19 | } 20 | 21 | &:after { 22 | bottom: 0%; 23 | left: 0; 24 | right: 0; 25 | width: auto; 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /scss/effects/fill/_fill-goes-down.scss: -------------------------------------------------------------------------------- 1 | @mixin fill-goes-down { 2 | @include line-options( 3 | after, 4 | $transition-property: height, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | &:after { 9 | top: 0%; 10 | right: 0; 11 | left: 0; 12 | width: 100%; 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /scss/effects/fill/_fill-goes-left.scss: -------------------------------------------------------------------------------- 1 | @mixin fill-goes-left { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | &:after { 9 | top: 0%; 10 | right: 0; 11 | bottom: 0; 12 | height: 100%; 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /scss/effects/fill/_fill-goes-right.scss: -------------------------------------------------------------------------------- 1 | @mixin fill-goes-right { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | &:after { 9 | top: 0%; 10 | left: 0; 11 | bottom: 0; 12 | height: 100%; 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /scss/effects/fill/_fill-goes-up.scss: -------------------------------------------------------------------------------- 1 | @mixin fill-goes-up { 2 | @include line-options( 3 | after, 4 | $transition-property: height, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | &:after { 9 | bottom: 0%; 10 | right: 0; 11 | left: 0; 12 | width: 100%; 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /scss/effects/fill/_fill-opening-horizontal.scss: -------------------------------------------------------------------------------- 1 | @mixin fill-opening-horizontal { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | &:after { 9 | top: 0%; 10 | bottom: 0; 11 | left: 0; 12 | right: 0; 13 | margin: 0 auto; 14 | height: auto; 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /scss/effects/halfline/_halfline-bottom-goes-left.scss: -------------------------------------------------------------------------------- 1 | @mixin halfline-bottom-goes-left { 2 | @include line-options( 3 | after, 4 | $transition-property: none, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property, 6 | $untransitioned-width: 100%, 7 | $untransitioned-height: $size-of-the-line 8 | ); 9 | 10 | @include line-options( 11 | before, 12 | $transition-property: right, 13 | $value-of-transitioned-property: $max-value-of-transitioned-property / 2, 14 | $untransitioned-width: 50% 15 | ); 16 | &:after { 17 | right: 0%; 18 | left: 0; 19 | bottom: 0; 20 | } 21 | 22 | &:before { 23 | z-index: 1; 24 | right: 0%; 25 | bottom: 0; 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /scss/effects/halfline/_halfline-bottom-goes-right.scss: -------------------------------------------------------------------------------- 1 | @mixin halfline-bottom-goes-right { 2 | @include line-options( 3 | after, 4 | $transition-property: none, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property, 6 | $untransitioned-width: 100%, 7 | $untransitioned-height: $size-of-the-line 8 | ); 9 | 10 | @include line-options( 11 | before, 12 | $transition-property: left, 13 | $value-of-transitioned-property: $max-value-of-transitioned-property / 2, 14 | $untransitioned-width: 50% 15 | ); 16 | &:after { 17 | left: 0; 18 | bottom: 0; 19 | } 20 | 21 | &:before { 22 | z-index: 1; 23 | left: 0%; 24 | bottom: 0; 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /scss/effects/halfline/_halfline-bottom-left-goes-up.scss: -------------------------------------------------------------------------------- 1 | @mixin halfline-bottom-left-goes-up { 2 | @include line-options( 3 | after, 4 | $transition-property: none, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property, 6 | $untransitioned-width: $size-of-the-line, 7 | $untransitioned-height: 100% 8 | ); 9 | 10 | @include line-options( 11 | before, 12 | $transition-property: transform, 13 | $value-of-transitioned-property: translateY(-100%), 14 | $untransitioned-height: 50% 15 | ); 16 | 17 | &:after { 18 | left: 0; 19 | bottom: 0; 20 | } 21 | 22 | &:before { 23 | z-index: 1; 24 | left: 0%; 25 | bottom: 0; 26 | transform: translateY(0); 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /scss/effects/halfline/_halfline-bottom-right-goes-up.scss: -------------------------------------------------------------------------------- 1 | @mixin halfline-bottom-right-goes-up { 2 | @include line-options( 3 | after, 4 | $transition-property: none, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property, 6 | $untransitioned-width: $size-of-the-line, 7 | $untransitioned-height: 100% 8 | ); 9 | 10 | @include line-options( 11 | before, 12 | $transition-property: transform, 13 | $value-of-transitioned-property: translateY(-100%), 14 | $untransitioned-height: 50% 15 | ); 16 | 17 | &:after { 18 | right: 0; 19 | bottom: 0; 20 | } 21 | 22 | &:before { 23 | z-index: 1; 24 | right: 0; 25 | bottom: 0; 26 | transform: translateY(0); 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /scss/effects/halfline/_halfline-top-goes-left.scss: -------------------------------------------------------------------------------- 1 | @mixin halfline-top-goes-left { 2 | @include line-options( 3 | after, 4 | $transition-property: none, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property, 6 | $untransitioned-width: 100%, 7 | $untransitioned-height: $size-of-the-line 8 | ); 9 | 10 | @include line-options( 11 | before, 12 | $transition-property: right, 13 | $value-of-transitioned-property: $max-value-of-transitioned-property / 2, 14 | $untransitioned-width: 50% 15 | ); 16 | &:after { 17 | right: 0%; 18 | left: 0; 19 | top: 0; 20 | } 21 | 22 | &:before { 23 | z-index: 1; 24 | right: 0%; 25 | top: 0; 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /scss/effects/halfline/_halfline-top-goes-right.scss: -------------------------------------------------------------------------------- 1 | @mixin halfline-top-goes-right { 2 | @include line-options( 3 | after, 4 | $transition-property: none, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property, 6 | $untransitioned-width: 100%, 7 | $untransitioned-height: $size-of-the-line 8 | ); 9 | 10 | @include line-options( 11 | before, 12 | $transition-property: left, 13 | $value-of-transitioned-property: $max-value-of-transitioned-property / 2, 14 | $untransitioned-width: 50% 15 | ); 16 | &:after { 17 | left: 0; 18 | top: 0; 19 | } 20 | 21 | &:before { 22 | z-index: 1; 23 | left: 0%; 24 | top: 0; 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /scss/effects/halfline/_halfline-top-left-goes-down.scss: -------------------------------------------------------------------------------- 1 | @mixin halfline-top-left-goes-down { 2 | @include line-options( 3 | after, 4 | $transition-property: none, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property, 6 | $untransitioned-width: $size-of-the-line, 7 | $untransitioned-height: 100% 8 | ); 9 | 10 | @include line-options( 11 | before, 12 | $transition-property: transform, 13 | $value-of-transitioned-property: translateY(100%), 14 | $untransitioned-height: 50% 15 | ); 16 | 17 | &:after { 18 | left: 0; 19 | top: 0; 20 | } 21 | 22 | &:before { 23 | z-index: 1; 24 | left: 0%; 25 | top: 0; 26 | transform: translateY(0); 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /scss/effects/halfline/_halfline-top-right-goes-down.scss: -------------------------------------------------------------------------------- 1 | @mixin halfline-top-right-goes-down { 2 | @include line-options( 3 | after, 4 | $transition-property: none, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property, 6 | $untransitioned-width: $size-of-the-line, 7 | $untransitioned-height: 100% 8 | ); 9 | 10 | @include line-options( 11 | before, 12 | $transition-property: transform, 13 | $value-of-transitioned-property: translateY(100%), 14 | $untransitioned-height: 50% 15 | ); 16 | 17 | &:after { 18 | right: 0; 19 | top: 0; 20 | } 21 | 22 | &:before { 23 | z-index: 1; 24 | right: 0%; 25 | top: 0; 26 | transform: translateY(0); 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /scss/effects/linethrough/_linethrough-closing.scss: -------------------------------------------------------------------------------- 1 | @mixin linethrough-closing { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property / 2 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: width, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property / 2 12 | ); 13 | 14 | &:after { 15 | left: 0; 16 | top: 50%; 17 | z-index: 9; 18 | } 19 | 20 | &:before { 21 | top: 50%; 22 | right: 0%; 23 | z-index: 9; 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /scss/effects/linethrough/_linethrough-goes-left.scss: -------------------------------------------------------------------------------- 1 | @mixin linethrough-goes-left { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | &:after { 9 | right: 0; 10 | top: 50%; 11 | z-index: 9; 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /scss/effects/linethrough/_linethrough-goes-right.scss: -------------------------------------------------------------------------------- 1 | @mixin linethrough-goes-right { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | &:after { 9 | left: 0; 10 | top: 50%; 11 | z-index: 9; 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /scss/effects/linethrough/_linethrough-opening.scss: -------------------------------------------------------------------------------- 1 | @mixin linethrough-opening { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | &:after { 9 | left: 0; 10 | top: 50%; 11 | z-index: 9; 12 | right: 0; 13 | margin: 0 auto; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /scss/effects/moves/_move-down.scss: -------------------------------------------------------------------------------- 1 | @mixin move-down { 2 | @include line-options( 3 | after, 4 | $transition-property: top, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | &:after { 8 | background-color: transparent; 9 | top: 50%; 10 | left: 0; 11 | right: 0; 12 | width: auto; 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /scss/effects/moves/_move-horizontal.scss: -------------------------------------------------------------------------------- 1 | @mixin move-horizontal { 2 | @include line-options( 3 | after, 4 | $transition-property: right, 5 | $value-of-transitioned-property: 6 | calc(#{$max-value-of-transitioned-property} - 100%) 7 | ); 8 | @include line-options( 9 | before, 10 | $transition-property: left, 11 | $value-of-transitioned-property: 12 | calc(#{$max-value-of-transitioned-property} - 100%) 13 | ); 14 | &:after { 15 | background-color: transparent; 16 | top: 0; 17 | bottom: 0; 18 | right: 50%; 19 | height: auto; 20 | } 21 | 22 | &:before { 23 | background-color: transparent; 24 | top: 0; 25 | bottom: 0; 26 | left: 50%; 27 | height: auto; 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /scss/effects/moves/_move-left.scss: -------------------------------------------------------------------------------- 1 | @mixin move-left { 2 | @include line-options( 3 | after, 4 | $transition-property: left, 5 | $value-of-transitioned-property: 6 | calc(#{$max-value-of-transitioned-property} - 100%) 7 | ); 8 | &:after { 9 | background-color: transparent; 10 | top: 0; 11 | bottom: 0; 12 | left: 50%; 13 | height: auto; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /scss/effects/moves/_move-right.scss: -------------------------------------------------------------------------------- 1 | @mixin move-right { 2 | @include line-options( 3 | after, 4 | $transition-property: right, 5 | $value-of-transitioned-property: 6 | calc(#{$max-value-of-transitioned-property} - 100%) 7 | ); 8 | 9 | &:after { 10 | background-color: transparent; 11 | top: 0; 12 | bottom: 0; 13 | right: 50%; 14 | height: auto; 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /scss/effects/moves/_move-up.scss: -------------------------------------------------------------------------------- 1 | @mixin move-up { 2 | @include line-options( 3 | after, 4 | $transition-property: bottom, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | &:after { 8 | background-color: transparent; 9 | bottom: 50%; 10 | left: 0; 11 | right: 0; 12 | width: auto; 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /scss/effects/moves/_move-vertical.scss: -------------------------------------------------------------------------------- 1 | @mixin move-vertical { 2 | @include line-options( 3 | after, 4 | $transition-property: top, 5 | $value-of-transitioned-property: 6 | calc(#{$max-value-of-transitioned-property} - 100%) 7 | ); 8 | @include line-options( 9 | before, 10 | $transition-property: bottom, 11 | $value-of-transitioned-property: 12 | calc(#{$max-value-of-transitioned-property} - 100%) 13 | ); 14 | 15 | &:after { 16 | background-color: transparent; 17 | top: 50%; 18 | left: 0; 19 | right: 0; 20 | width: auto; 21 | } 22 | 23 | &:before { 24 | background-color: transparent; 25 | bottom: 50%; 26 | left: 0; 27 | right: 0; 28 | width: auto; 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /scss/effects/overline/_overline-closing.scss: -------------------------------------------------------------------------------- 1 | @mixin overline-closing { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property / 2 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: width, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property / 2 12 | ); 13 | &:after { 14 | top: 0%; 15 | left: 0%; 16 | } 17 | 18 | &:before { 19 | top: 0%; 20 | right: 0%; 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /scss/effects/overline/_overline-goes-left.scss: -------------------------------------------------------------------------------- 1 | @mixin overline-goes-left { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | &:after { 8 | right: 0%; 9 | top: 0; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /scss/effects/overline/_overline-goes-right.scss: -------------------------------------------------------------------------------- 1 | @mixin overline-goes-right { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | &:after { 8 | left: 0%; 9 | top: 0; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /scss/effects/overline/_overline-opening.scss: -------------------------------------------------------------------------------- 1 | @mixin overline-opening { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: width, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property 12 | ); 13 | &:after { 14 | top: 0%; 15 | left: 0%; 16 | right: 0; 17 | margin: 0 auto; 18 | } 19 | 20 | &:before { 21 | top: 0%; 22 | right: 0%; 23 | left: 0; 24 | margin: 0 auto; 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /scss/effects/side-line/_left-goes-down.scss: -------------------------------------------------------------------------------- 1 | @mixin left-goes-down { 2 | @include line-options( 3 | after, 4 | $transition-property: height, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | &:after { 9 | top: 0%; 10 | left: 0%; 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /scss/effects/side-line/_left-goes-up.scss: -------------------------------------------------------------------------------- 1 | @mixin left-goes-up { 2 | @include line-options( 3 | after, 4 | $transition-property: height, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | &:after { 8 | bottom: 0%; 9 | left: 0%; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /scss/effects/side-line/_right-goes-down.scss: -------------------------------------------------------------------------------- 1 | @mixin right-goes-down { 2 | @include line-options( 3 | after, 4 | $transition-property: height, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | &:after { 8 | top: 0%; 9 | right: 0%; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /scss/effects/side-line/_right-goes-up.scss: -------------------------------------------------------------------------------- 1 | @mixin right-goes-up { 2 | @include line-options( 3 | after, 4 | $transition-property: height, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | &:after { 8 | bottom: 0%; 9 | right: 0%; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /scss/effects/underline/_underline-closing.scss: -------------------------------------------------------------------------------- 1 | @mixin underline-closing { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property / 2 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: width, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property / 2 12 | ); 13 | &:after { 14 | bottom: 0%; 15 | left: 0%; 16 | } 17 | 18 | &:before { 19 | bottom: 0%; 20 | right: 0%; 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /scss/effects/underline/_underline-goes-left.scss: -------------------------------------------------------------------------------- 1 | @mixin underline-goes-left { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | &:after { 9 | right: 0%; 10 | bottom: 0; 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /scss/effects/underline/_underline-goes-right.scss: -------------------------------------------------------------------------------- 1 | @mixin underline-goes-right { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | &:after { 9 | left: 0; 10 | bottom: 0; 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /scss/effects/underline/_underline-opening.scss: -------------------------------------------------------------------------------- 1 | @mixin underline-opening { 2 | @include line-options( 3 | after, 4 | $transition-property: width, 5 | $value-of-transitioned-property: $max-value-of-transitioned-property 6 | ); 7 | 8 | @include line-options( 9 | before, 10 | $transition-property: width, 11 | $value-of-transitioned-property: $max-value-of-transitioned-property 12 | ); 13 | &:after { 14 | bottom: 0%; 15 | left: 0%; 16 | right: 0; 17 | margin: 0 auto; 18 | } 19 | 20 | &:before { 21 | bottom: 0%; 22 | right: 0%; 23 | left: 0; 24 | margin: 0 auto; 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /scss/text_hover.scss: -------------------------------------------------------------------------------- 1 | @import "base/imports"; 2 | .#{$name-of-the-class} { 3 | @include transition-options; 4 | } 5 | 6 | /* HALFLINE */ 7 | .#{$name-of-the-class}-halfline-bottom-goes-left { 8 | @include transition-options($before-bg-color: $green); 9 | @include halfline-bottom-goes-left; 10 | } 11 | 12 | .#{$name-of-the-class}-halfline-bottom-goes-right { 13 | @include transition-options($before-bg-color: $green); 14 | @include halfline-bottom-goes-right; 15 | } 16 | 17 | .#{$name-of-the-class}-halfline-top-goes-left { 18 | @include transition-options($before-bg-color: $green); 19 | @include halfline-top-goes-left; 20 | } 21 | 22 | .#{$name-of-the-class}-halfline-top-goes-right { 23 | @include transition-options($before-bg-color: $green); 24 | @include halfline-top-goes-right; 25 | } 26 | 27 | .#{$name-of-the-class}-halfline-bottom-left-goes-up { 28 | @include transition-options($before-bg-color: $green); 29 | @include halfline-bottom-left-goes-up; 30 | } 31 | 32 | .#{$name-of-the-class}-halfline-bottom-right-goes-up { 33 | @include transition-options($before-bg-color: $green); 34 | @include halfline-bottom-right-goes-up; 35 | } 36 | 37 | .#{$name-of-the-class}-halfline-top-left-goes-down { 38 | @include transition-options($before-bg-color: $green); 39 | @include halfline-top-left-goes-down; 40 | } 41 | 42 | .#{$name-of-the-class}-halfline-top-right-goes-down { 43 | @include transition-options($before-bg-color: $green); 44 | @include halfline-top-right-goes-down; 45 | } 46 | 47 | /* CORNERS CLOSE */ 48 | .#{$name-of-the-class}-cc-left-bottom { 49 | @include cc-left-bottom; 50 | } 51 | 52 | .#{$name-of-the-class}-cc-left-top { 53 | @include cc-left-top; 54 | } 55 | 56 | .#{$name-of-the-class}-cc-right-bottom { 57 | @include cc-right-bottom; 58 | } 59 | 60 | .#{$name-of-the-class}-cc-right-top { 61 | @include cc-right-top; 62 | } 63 | 64 | /* CORNERS EXPAND */ 65 | .#{$name-of-the-class}-ce-bottom-left { 66 | @include ce-bottom-left; 67 | } 68 | 69 | .#{$name-of-the-class}-ce-bottom-right { 70 | @include ce-bottom-right; 71 | } 72 | 73 | .#{$name-of-the-class}-ce-top-left { 74 | @include ce-top-left; 75 | } 76 | 77 | .#{$name-of-the-class}-ce-top-right { 78 | @include ce-top-right; 79 | } 80 | 81 | /* BOTH SIDES */ 82 | .#{$name-of-the-class}-both-go-down { 83 | @include both-go-down; 84 | } 85 | 86 | .#{$name-of-the-class}-both-go-left { 87 | @include both-go-left; 88 | } 89 | 90 | .#{$name-of-the-class}-both-go-right { 91 | @include both-go-right; 92 | } 93 | 94 | .#{$name-of-the-class}-both-go-up { 95 | @include both-go-up; 96 | } 97 | 98 | .#{$name-of-the-class}-both-opening-horizontal { 99 | @include both-opening-horizontal; 100 | } 101 | 102 | .#{$name-of-the-class}-overline-goes-left-underline-goes-right { 103 | @include overline-goes-left-underline-goes-right; 104 | } 105 | 106 | .#{$name-of-the-class}-overline-goes-right-underline-goes-left { 107 | @include overline-goes-right-underline-goes-left; 108 | } 109 | 110 | .#{$name-of-the-class}-left-goes-up-right-goes-down { 111 | @include left-goes-up-right-goes-down; 112 | } 113 | 114 | .#{$name-of-the-class}-left-goes-down-right-goes-up { 115 | @include left-goes-down-right-goes-up; 116 | } 117 | 118 | /* DOUBLE UNDERLINES */ 119 | .#{$name-of-the-class}-du-goes-left { 120 | @include du-goes-left; 121 | } 122 | 123 | .#{$name-of-the-class}-du-goes-right { 124 | @include du-goes-right; 125 | } 126 | 127 | .#{$name-of-the-class}-du-opening { 128 | @include du-opening; 129 | } 130 | 131 | .#{$name-of-the-class}-du-reversed-lr { 132 | @include du-reversed-lr; 133 | } 134 | 135 | .#{$name-of-the-class}-du-reversed-rl { 136 | @include du-reversed-rl; 137 | } 138 | 139 | /* DOUBLE LINETHROUGH */ 140 | .#{$name-of-the-class}-dl-goes-left { 141 | @include dl-goes-left; 142 | } 143 | 144 | .#{$name-of-the-class}-dl-goes-right { 145 | @include dl-goes-right; 146 | } 147 | 148 | .#{$name-of-the-class}-dl-reversed-lr { 149 | @include dl-reversed-lr; 150 | } 151 | 152 | .#{$name-of-the-class}-dl-reversed-rl { 153 | @include dl-reversed-rl; 154 | } 155 | 156 | .#{$name-of-the-class}-dl-opening { 157 | @include dl-opening; 158 | } 159 | /* OVERLINES */ 160 | .#{$name-of-the-class}-overline-goes-left { 161 | @include overline-goes-left; 162 | } 163 | 164 | .#{$name-of-the-class}-overline-goes-right { 165 | @include overline-goes-right; 166 | } 167 | 168 | .#{$name-of-the-class}-overline-closing { 169 | @include overline-closing; 170 | } 171 | 172 | .#{$name-of-the-class}-overline-opening { 173 | @include overline-opening; 174 | } 175 | 176 | /* UNDERLINES */ 177 | 178 | .#{$name-of-the-class}-underline-goes-left { 179 | @include underline-goes-left; 180 | } 181 | 182 | .#{$name-of-the-class}-underline-closing { 183 | @include underline-closing; 184 | } 185 | 186 | .#{$name-of-the-class}-underline-opening { 187 | @include underline-opening; 188 | } 189 | 190 | .#{$name-of-the-class}-underline-goes-right { 191 | @include underline-goes-right; 192 | } 193 | 194 | /* one side */ 195 | 196 | .#{$name-of-the-class}-left-goes-down { 197 | @include left-goes-down; 198 | } 199 | 200 | .#{$name-of-the-class}-left-goes-up { 201 | @include left-goes-up; 202 | } 203 | 204 | .#{$name-of-the-class}-right-goes-up { 205 | @include right-goes-up; 206 | } 207 | 208 | .#{$name-of-the-class}-right-goes-down { 209 | @include right-goes-down; 210 | } 211 | 212 | /* LINETHROUGH */ 213 | 214 | .#{$name-of-the-class}-linethrough-opening { 215 | @include linethrough-opening; 216 | } 217 | 218 | .#{$name-of-the-class}-linethrough-closing { 219 | @include linethrough-closing; 220 | } 221 | 222 | .#{$name-of-the-class}-linethrough-goes-left { 223 | @include linethrough-goes-left; 224 | } 225 | 226 | .#{$name-of-the-class}-linethrough-goes-right { 227 | @include linethrough-goes-right; 228 | } 229 | 230 | /* MOVES */ 231 | .#{$name-of-the-class}-move-down { 232 | @include move-down; 233 | } 234 | 235 | .#{$name-of-the-class}-move-up { 236 | @include move-up; 237 | } 238 | 239 | .#{$name-of-the-class}-move-right { 240 | @include move-right; 241 | } 242 | 243 | .#{$name-of-the-class}-move-left { 244 | @include move-left; 245 | } 246 | 247 | .#{$name-of-the-class}-move-vertical { 248 | @include move-vertical; 249 | } 250 | 251 | .#{$name-of-the-class}-move-horizontal { 252 | @include move-horizontal; 253 | } 254 | 255 | /* FILLS */ 256 | .#{$name-of-the-class}-fill-goes-up { 257 | @include transition-options($hovered-color: $white); 258 | @include fill-goes-up; 259 | } 260 | 261 | .#{$name-of-the-class}-fill-goes-down { 262 | @include transition-options($hovered-color: $white); 263 | @include fill-goes-down; 264 | } 265 | 266 | .#{$name-of-the-class}-fill-goes-left { 267 | @include transition-options($hovered-color: $white); 268 | @include fill-goes-left; 269 | } 270 | 271 | .#{$name-of-the-class}-fill-goes-right { 272 | @include transition-options($hovered-color: $white); 273 | @include fill-goes-right; 274 | } 275 | 276 | .#{$name-of-the-class}-fill-opening-horizontal { 277 | @include transition-options($hovered-color: $white); 278 | @include fill-opening-horizontal; 279 | } 280 | 281 | .#{$name-of-the-class}-fill-closing-horizontal { 282 | @include transition-options($hovered-color: $white); 283 | @include fill-closing-horizontal; 284 | } 285 | 286 | .#{$name-of-the-class}-fill-closing-vertical { 287 | @include transition-options($hovered-color: $white); 288 | @include fill-closing-vertical; 289 | } 290 | 291 | /* FILL CORNERS */ 292 | 293 | .#{$name-of-the-class}-fc-top-left { 294 | @include transition-options($hovered-color: $white); 295 | @include fc-top-left; 296 | } 297 | 298 | .#{$name-of-the-class}-fc-top-right { 299 | @include transition-options($hovered-color: $white); 300 | @include fc-top-right; 301 | } 302 | 303 | .#{$name-of-the-class}-fc-bottom-left { 304 | @include transition-options($hovered-color: $white); 305 | @include fc-bottom-left; 306 | } 307 | 308 | .#{$name-of-the-class}-fc-bottom-right { 309 | @include transition-options($hovered-color: $white); 310 | @include fc-bottom-right; 311 | } 312 | 313 | .#{$name-of-the-class}-underline-left-delay { 314 | @include transition-options($transition-delay: 1s); 315 | @include underline-goes-left; 316 | } 317 | --------------------------------------------------------------------------------