html,body{width:100%;height:100%;overflow:hidden;font-size:var(--sys-dimen-cts);}
[data-eff="eff-rip"]{position:relative !important;overflow:hidden !important;box-shadow:0 2px 2px rgba(0,0,0,0.3) !important;}
.eff-btn{position:absolute !important;border-radius:50% !important;width:var(--sys-dimen-fbt) !important;height:var(--sys-dimen-fbt) !important;background:white !important;animation:eff-btn 0.5s !important;}
@keyframes eff-btn{from{transform:scale(1);opacity:0.4;}to{transform:scale(100);opacity:0;}}
[data-eff="eff-mat"]{position:relative;width:100%;}.input-password{width:calc(100% - 55px) !important;}
[data-eff="eff-mat-pvi"]{position:absolute;top:0;right:-55px;width:var(--sys-dimen-rbt);height:var(--sys-dimen-rbt);border:none !important;border-radius:10px;outline:none;background:var(--sys-primary) !important;color:#FFFFFF !important;}
[data-eff="eff-mat-inp"]{font-size:var(--sys-dimen-cts);padding:10px 10px 10px 5px;display:block;width:100%;height:var(--sys-dimen-inp);border:none;border:1px solid transparent;border-radius:10px;background:none;}
[data-eff="eff-mat-inp"]:focus{outline:none;background:rgba(0,0,0,0.1);}
[data-eff="eff-mat-lab"]{font-size:var(--sys-dimen-cts);font-weight:normal;position:absolute;pointer-events:none;left:5px;top:10px;transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all;opacity:0.5;}
[data-eff="eff-mat-inp"]:disabled ~ [data-eff="eff-mat-lab"],[data-eff="eff-mat-inp"]:valid ~ [data-eff="eff-mat-lab"]{top:-20px;font-size:14px;color:var(--sys-accent);opacity:1;}
[data-eff="eff-mat-inp"]:focus ~ [data-eff="eff-mat-lab"],[data-eff="eff-mat-inp"]:valid ~ [data-eff="eff-mat-lab"]{top:-20px;font-size:14px;color:var(--sys-accent);opacity:1;}
[data-eff="eff-mat-bar"]{position:relative;display:block;width:100%;margin:auto;}
[data-eff="eff-mat-bar"]:before,[data-eff="eff-mat-bar"]:after{content:'';height:2px;width:0;bottom:0px;position:absolute;background:var(--sys-accent);transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
[data-eff="eff-mat-bar"]:before{left:calc(50% - 5px);}[data-eff="eff-mat-bar"]:after{right:calc(50% - 5px);}
[data-eff="eff-mat-inp"]:focus ~ [data-eff="eff-mat-bar"]:before,[data-eff="eff-mat-inp"]:focus ~ [data-eff="eff-mat-bar"]:after{width:50%;}
[data-eff="eff-mat-hlt"]{position:absolute;height:60%;width:100px;top:25%;left:0;pointer-events:none;opacity:0.5;}
[data-eff="eff-mat-inp"]:focus ~ [data-eff="eff-mat-hlt"]{-webkit-animation:eff-inp 0.3s ease;-moz-animation:eff-inp 0.3s ease;animation:eff-inp 0.3s ease;}
@-webkit-keyframes eff-inp{from{background:var(--sys-accent);}to{width:0;background:transparent;}}
@-moz-keyframes eff-inp{from{background:var(--sys-accent);}to{width:0;background:transparent;}}
@keyframes eff-inp{from{background:var(--sys-accent);}to{width:0;background:transparent;}}
/* MAIN PAGE CSS */
body{width:100%;height:100%;position:relative;font-family:'Outfit',sans-serif;color:#FFFFFF !important;cursor:default;background:var(--sys-primary) !important;display:flex;justify-content:center;align-items:center;}
button,input{color:#FFFFFF !important;}button{position:relative;overflow:hidden;}
input{border:1px solid #FFFFFF !important;}
.main{width:100%;height:auto;max-width:300px;padding:10px;}
.ix-fmt-two-form-input{padding-bottom:25px;}
.ix-fmt-two-form-input div:nth-child(2){flex:none;text-align:left;font-size:15px;opacity:0.9;line-height:1.1em;}
.ix-fmt-two-form-submit{width:var(--sys-dimen-fbt);height:var(--sys-dimen-fbt);border-radius:50%;margin:auto;display:flex;justify-content:center;align-items:center;font-size:20px;}
.ix-fmt-two-form-submit button{width:var(--sys-dimen-fbt);height:var(--sys-dimen-fbt);border-radius:50%;background:var(--sys-accent);color:#FFFFFF !important;border:none;outline:none;}
@media only screen and (orientation:portrait) {.main{max-width:100%;}}
}