@amport url(https://fonts.googleapis.com/css?family=Libre+Barcode+39);
@import url(https://fonts.googleapis.com/css?family=Libre+Barcode+39+Extended);
@import url(https://fonts.googleapis.com/css?family=Libre+Barcode+128);

:root{
 --main-color: #365876;
 --error-color: #eb283c;
 --alt-color: #e7e4dc;
 --btn-color: #547794;
 --alt2-color: #365876;
 --alt3-color: #6a6148;
 --alt4-color: #eae8e1;
 --alt5-color: #d6d1c2;
 --place-holder-color: #6a9fab;
 --alt-rgba-color: 231,228,220;
}

.footer{
 background: inherit;
 position: absolute;
 width: 100%;
 height: 25px;
 bottom: 0px;
 padding: 0;
 margin: 0;
 background-color: var(--main-color);
}

.mid_box_wrapper {
 max-height: 180px;
}
#login_wrapper ~ .footer {
 background-color: #000;
 background-color: rgba(13,13,13, 0.5);
}
.footer span {
 display: inline-block;
 vertical-align: middle;
 color: #FFF;
 font-size: .700em;
 font-size: 10px;
 font-weight: bold;
 letter-spacing: .01em
}
.footer span:last {
 float:right;
}

/* On/Off Switch */
.onoffswitch {
    margin: auto;
    vertical-align:middle;
    position: relative; width: 71px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    margin-bottom: 20px;
    display: inline-block;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #E3E3E3; border-radius: 36px;
    //border: 2px solid var(--main-color); border-radius: 36px;
    background: url(/images/show_hide_password-09-512.png) right top no-repeat;
    background-size: 35px 35px;
}

.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;

    width: 35px;
    height: 35px;
    padding-left: 35px;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 25px; padding: 0; line-height: 25px;
    font-size: 16px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "";
    padding-left: 10px;
    background-color: #11ffee00; color: #11ffee00; /* transparent */
}
.onoffswitch-inner:after {
    content: "";
    padding-right: 10px;
    background-color: #11ffee00; color: #11ffee00; /* transparent */
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 36px; margin: -5.5px;
    background-color: var(--main-color);
    position: absolute; top: 0; bottom: 0;
    right: 42px;
    border: 2px solid #E3E3E3; border-radius: 36px;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
    background: url(/images/show_hide_password-10-512.png) left top no-repeat;
    background-size: 35px 35px;
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
    background-color: #A1A1A1;
}

/* Just to play with animations */
.copiedtext {
  position: absolute;
  left: 0; top: 0; right: 0;
  text-align: center;
  opacity: 0;
  transform: translateY(-1em);
  color: #000;
  transition: all .500s;
}
.copied .copiedtext {
  opacity: 1;
  transform: translateY(-2em);
}


/* Some Generic styles */
body {
  text-align: center;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #444;
  line-height: 1.6;
}
textarea,
button {
  font-size: 1em;
//  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  border: 0;
  outline: none !important;
}
textarea {
  text-align: center;
  display: block;
  width: 300px;
  max-width: 100%;
  height: 75px;
  margin: 1em auto 1.5em;
  background: var(--alt-color);
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 10px 15px;
  resize: none;
  outline: none !important;
  color: var(--place-holder-color);
}
#hash_password {
  width: 360px;
  height: 40px;
}
[id="cleared"] {
  margin-top: 4em;
}
textarea:focus {
  border-color: var(--main-color);
}
button {
  position: relative;
  padding: 8px 20px;
  border: 0;
  font-size: 0.835em;
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: bold;
  color: #FFF;
  background: var(--main-color);
  transition: background .275s;
}
button:hover {
  background: var(--btn-color);
}
button:active {
  background: var(--alt5-color);
}

p {
  margin-top: 3.25em;
  font-size: .825em;
  color: #777;
  font-weight: bold;
  letter-spacing: .01em
}
.title {
  font-weight: normal;
  font-size: 1.7em;
}
#pwd_generator {
  -webkit-filter: grayscale(1);
  filter: grayscale(1); 
}
#hiddenpassword {
 background: transparent;
 height: 0px;
 border: 0;
 color: #ffffff;
 visibility: hidden;
}

#showpassword {
  text-align: center;
  width: 360px;
  height: 20px;
  //font-family: 'Libre Barcode 128';
  margin: 1em auto 1em;
  background-color: rgba(143,164,35,1);
  background-color: var(--alt-color);
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 10px; 
  resize: none;
  outline: none !important;
  color: var(--place-holder-color);
  white-space: nowrap;
  width: -moz-min-content;
  width: -webkit-min-content;
  width: min-content;
}
#showpassword:empty {
  background: transparent;
  border: 0;
}
#spoiler:not(:empty) {
  transition: filter 250ms ease 0s; filter: blur(5px);
}
#spoiler:not(:empty):hover {
  transition: filter 2s ease 0s; filter: blur(2.5px);
}
#spoiler:not(:empty):active {
  transition: filter 250ms ease 0s; filter: blur();
}

#copy,#copy_otp {
  border: 0;
  outline: none !important;
}

#showpassword:not(:empty) ~ #showbutton {
 display: inline-block;
 visibility: visible;
 padding: 60px;
}

#randomizer_print:not(:empty) ~ #randomizer_button {
 display: inline-block;
 visibility: visible;
}

#showbutton,#randomizer_button {
 display: none;
 visibility: hidden;
}

.small {
//color: var(--main-color);
font-size: 0.4em;
}

/*Password coloring */
.cap { font-weight: bold;}
.num { color: #007fde; font-variant-numeric: slashed-zero;}
.spx { color: var(--main-color); }

#showrandomizer,#showemailer {
 background: inherit;
 top: 50%;
 left: 50%;
 margin-left: -162px;
 margin-top: -300px;
 position: absolute;
 overflow: hidden;  //adding overflow hidden
 width: auto;
 background-color: var(--alt-color);
 border: 1px solid var(--main-color);
 border-radius: 5px;
 padding: 10px 15px;
 display: inline-block;
}
#showemailer{
 top: 50%;
 left: 50%;
 margin-left: -180px;
 margin-top: -320px;
}

#randomizer_basic,#randomizer_advanced,#randomizer_email,#randomizer_button,#email_options,#lang_options {
  width: 260px;
  margin: 0.2em auto 1.5em;
  background-color: var(--alt4-color);
  border: 1px solid var(--alt4-color);
  border-radius: 5px;
  box-shadow: 0em 2px 3px 0px var(--alt3-color);
  padding: 10px 5px;

  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
#randomizer_basic,#randomizer_advanced,#randomizer_email,#randomizer_button:focus {
  cursor: pointer;
}
#randomizer_generate,#randomizer_copy {
  vertical-align: middle;
}
#randomizer_options {
   border-collapse:collapse;
}
#randomizer_print:empty {
  border: 1px solid transparent;
  box-shadow: 0em 2px 3px 0px transparent;
}
#randomizer_print {
  position: relative;
  top: 20px;
  border: 1px solid var(--alt5-color);
  border-radius: 5px;
  box-shadow: 0em 2px 3px 0px var(--alt3-color);
  background-color: transparent;
  padding: 5px 15px;
  display: inline-block;
  margin: 0 auto 2em;
}
#email_options,#lang_options {
  width: 320px;
}
#otp_url {
  display: inline-block;
  visibility: hidden;
  //border: 1px solid var(--alt5-color);
  color: var(--main-color);
  font-size: 8px;
  text-align: left;
  margin: 0;
  white-space: nowrap;
//  white-space: -moz-pre-wrap; /* Firefox */
//  white-space: -o-pre-wrap; /* Opera */
//  white-space: pre-wrap; /* Chrome */
//  word-wrap: break-word; /* IE */
}

input[type="range"].vertical {
  writing-mode: bt-lr;
  -webkit-appearance: slider-vertical;
}

.output {
  white-space: pre;
}

.token_range {
 display: inline-block;
 position: relative;
 top: -80px;
}


tr {
   width: 90%;
   border-bottom: 1px solid #dee5ed;
   border-bottom: 1px solid var(--alt5-color);
}
tr:last-child {
   border-bottom: none;
}
th, td {
  width: 100%;
  margin: 15px;
}
.random_option_on {
  width: 90%;
  text-align: right;
}
.random_option {
  text-align: left;
}
.new_password {
  position:relative;
  width: 70px;
  left:50%;
  top:-95px;
  margin-left: 160px;
}
.txt_password {
  position:relative;
  top:-65px;
  margin-left: 0;
}
#txt_email {
  display: none;
}
#main_wrapper #mfa-wrapper {
 width:600px;
 margin:0 auto;
}
#randomizer_wrapper, #email_wrapper, #spinner_wrapper {
  visibility: hidden;
  display: none;
  background-color: rgba(0,0,0,0.2);
  margin-left: 0;
  margin-top: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#login_wrapper {
  background: url("/images/background.png") fixed no-repeat;
  background: url("/images/background.jpeg") fixed no-repeat;
  background-size: cover;
  margin:0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
#login_window {
 background: inherit;
 width: 350px;
 height: 500px;
 top: 50%;
 left: 50%;
 margin-left: -175px;
 margin-top: -250px;
 position: absolute;
 overflow: hidden;  //adding overflow hidden
 border: 1px solid #fff;
 border-radius: 10px;
}
#login_window:before{
 content: "";
 width: 400px;
 height: 550px;
 background: inherit; 
 position: absolute;
 left: -25px;  //giving minus -25px left position
 right: 0;
 top: -25px;   //giving minus -25px top position 
 bottom: 0;
 box-shadow: inset 0 0 0 200px rgba(255,255,255,0.1);
 -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
      -o-filter: blur(10px);
     -ms-filter: blur(10px);
         filter: blur(10px);
}
#login_window_2fa {
 background: inherit;
 width: 350px;
 height: 350px;
 top: 50%;
 left: 50%;
 margin-left: -175px;
 margin-top: -250px;
 position: absolute;
 overflow: hidden;  //adding overflow hidden
 border: 1px solid #fff;
 border-radius: 10px;
}
#login_window_2fa:before{
 content: "";
 width: 400px;
 height: 400px;
 background: inherit;
 position: absolute;
 left: -25px;  //giving minus -25px left position
 right: 0;
 top: -25px;   //giving minus -25px top position
 bottom: 0;
 box-shadow: inset 0 0 0 200px rgba(255,255,255,0.1);
 -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
      -o-filter: blur(10px);
     -ms-filter: blur(10px);
         filter: blur(10px);
}
#login_window_2fa div{
 color: var(--alt-color);
 font-size: 1.4em;
 font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
#login_error{
 color: var(--error-color);
 font-size: 14px;
 position: relative;
 top: 50%;
 margin-top: 220px;
}
#login_error_2fa {
 color: var(--error-color);
 font-size: 14px;
 position: relative;
 top: 32%;
 margin-top: 220px;
}
.login_form img{
  overflow: hidden;
  position: relative;
  top: -20px;
  height: 120px;
  border: 3px solid rgba(var(--alt-rgba-color),0.5);
  border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.login_form{
  text-align: center;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  color: rgba(255,255,255, 0.8);
}
.login_form input{
  background: 0;
  width: 200px;
  outline: 0;
  border: 0;
  border-bottom: 2px solid rgba(var(--alt-rgba-color),0.5);
  margin: 20px 0;
  padding: 10px;
  font-size: 18px;
  color: var(--alt-color);
  font-weight: normal;
  mix-blend-mode: overlay;
}
.login_form input:-webkit-autofill,
  input:-webkit-autofill:hover, 
  input:-webkit-autofill:focus,
  select:-webkit-autofill,
  select:-webkit-autofill:hover,
  select:-webkit-autofill:focus {
    background: 0;
    -webkit-text-fill-color: var(--alt-color);
    transition: background-color 5000s ease-in-out 0s;
    caret-color: var(--alt-color);
}
.login_form input:not([type="submit"]){
  padding: 10px 5px 10px 32px;	
}
::placeholder{
  color: var(--place-holder-color);
  opacity:  0.5;
}
.login_form input[type="submit"]{
  border: 0;
  border-radius: 8px;
  padding-bottom: 0;
  height: 60px;
  background: var(--main-color);
  color: var(--alt-color);
  cursor: pointer;
  transition: all 600ms ease-in-out;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.login_form input[type="submit"]:hover{
  background: var(--btn-color);
}
.login_form input[type=number], .validationcode input[type=number] {
  -moz-appearance: textfield;
} 
.login_form input::-webkit-outer-spin-button,
.login_form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.mfa_form input[type=number], .validationcode input[type=number] {
  -moz-appearance: textfield;
  left:50%;
  width: 170px;
  font-size: 2em;
  font-weight: bold;
  text-align: center; 
  color: #CCC;
  border: 2px solid var(--main-color);
  border-radius: 6px;
  background: transparent;
  outline: 0;
  margin: 0;
  padding: 0;
}
.mfa_form input[type=number]:focus {
  background: #CCC;
  color: var(--main-color);
}
.mfa_form input[type=number]::placeholder {
  font-size: 0em;
  color: #CCC
}
.mfa_form input[type=number]:focus::-webkit-input-placeholder {
  font-size: 0.5em;
  color: var(--main-color);
}
.mfa_form input::-webkit-outer-spin-button,
.mfa_form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.validationcode input[type=number] {
  width: 160px;
  color: var(--main-color);
  font-family: "Courier New";
}
.validationcode {
  display: none;
}
.enablevalidationcode input[type=checkbox]:checked + .validationcode {
  display: block;
}

.close {
  position: relative;
  left: -5px;
  top: 0px;
  width: 10px;
  height: 10px;
  opacity: 0.3;
}
.close:hover {
  opacity: 1;
}
.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 15px;
  width: 1px;
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
  border-radius: 3px;
  box-shadow: 0em 1px 1px 0px var(--main-color);
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}

/** the magic icon trick ! **/
/** fonts used for the icons **/ 
@font-face {
  font-family: 'FontomasCustomRegular';
  src: url('fonts/fontomas-webfont.eot');
  src: url('fonts/fontomas-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/fontomas-webfont.woff') format('woff'),
       url('fonts/fontomas-webfont.ttf') format('truetype'),
       url('fonts/fontomas-webfont.svg#FontomasCustomRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
[data-icon]:after {
  content: attr(data-icon);
  font-family: 'FontomasCustomRegular';
  font-weight: normal;
  color: rgb(106, 159, 171);
  position: relative;
  left: -240px;
  top: 0px;
}
#mfa_wrapper {
  width: auto;
  margin:0 auto;
  background-color: rgba(0,0,0,0.2);
  margin-left: 0;
  margin-top: 0;
  position: absolute;
  top: 0;
  left: 0;
}
#showmfa {
 background: inherit;
 position: relative;
 background-color: var(--alt-color);
 border: 1px solid var(--main-color);
 border-radius: 5px;
 padding: 10px 15px;
 display: inline-block;
 margin-top: 5%;
 font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
#showmfa div:not(:nth-last-child(-n+2)) {
 padding: 5px;
}
.mfa-text {
 position: relative;
 width: 400px;
 overflow-wrap: normal;
 font-size: 0.7em;
 display: inline-block;
}
#mfa-error, #showerror {
 color: var(--error-color);
 width: auto;
 overflow-wrap: normal;
 font-size: 0.8em;
}
#mfa-title{
 font-size: 1.6em;
 font-family: "Open Sans", Helvetica, Arial, sans-serif;
 color: var(--main-color);
}
#mfa-applink img {
  display:inline-block;
  overflow:hidden;
  vertical-align: middle;
}
#mfa-onoff {
 position: relative;
 display: block;
 overflow: visible;
}
#mfa-onoff .onoffswitch-label {
  border: 2px solid var(--main-color); border-radius: 36px;
  background: none !important;
}
#mfa-onoff .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  background: none !important;
}
.slider:before {
  content: "";
}
.slider:after {
 display: block;
 position: absolute;
 transform: translate(-50%,-50%);
 top: 50%;
 color: var(--main-color);
 font-size: 0.8em;
 font-weight: bold;
 content:'ON';
 left: 50px;
}

#mfa-onoff .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner + .slider:after {  
  color: #a1a1a1;
  content:'OFF';
  left: 20px;
}


#modpwd input:required:invalid, #modpwd input:focus:invalid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC);
    background-position: right top;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
}
#modpwd input:required:valid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);
    background-position: right top;
    background-repeat: no-repeat;
}


.close-icon {
  position: absolute;
  border:0;
  background: transparent;
  display: inline-block;
  vertical-align: middle;
  outline: 0;
  cursor: pointer;
  padding: 0;
}
.close-icon:after {
  border:1px solid transparent;
	content: "X";
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	background-color: var(--main-color);
	z-index:1;
	right: 5px;
	top: 12px;
	bottom: 0;
	margin: 0;
	padding: 1px 0 0 1px;
	border-radius: 50%;
	text-align: center;
	color: var(--alt-color);
	font-weight: bold;
	font-size: 1em;
	box-shadow: 0 0 2px var(--alt-color);
	cursor: pointer;
}
.mfa_form input[type=number]:not(:valid) ~ .close-icon {
  display: none;
}
.console {
  //font-family: "Roboto Mono", "Liberation Mono", Consolas, monospace, "Courier New";
  font-family: "Courier New";
  font-weight: normal;
  color: navy;
}


#browser_msg {
 font-family: "Courier New";
 color: #e7e4dc;
 font-size: 16px;
 font-weight: bold;
 position: relative;
 top: 30%;
 //margin-top: 220px;
}


/*
.spoiler{
  transition: filter 250ms ease 0s; filter: blur(5px);
}
.spoiler:hover {
  transition: filter 2s ease 0s; filter: blur(2.5px);
}
.spoiler:active {
  transition: filter 250ms ease 0s; filter: blur();
}
*/