@vue-interface/input-field 0.11.0 → 0.11.4

package/dist/InputField.css

@@ -1 +0,0 @@
-.custom-input-field,.custom-select-field,.custom-textarea-field{position:relative}.custom-input-field .custom-control::placeholder,.custom-select-field .custom-control::placeholder,.custom-textarea-field .custom-control::placeholder{color:transparent}.custom-input-field .custom-control,.custom-select-field .custom-control,.custom-textarea-field .custom-control{z-index:0}.custom-input-field>label,.custom-select-field>label,.custom-textarea-field>label{margin:0;font-weight:400;color:#6c757d;padding:.375rem .75rem;left:1px;height:100%;display:flex;align-items:center;position:absolute;z-index:2;transition:all .15s ease-out}.custom-input-field ::-ms-clear,.custom-select-field ::-ms-clear,.custom-textarea-field ::-ms-clear{display:none}.custom-input-field.has-changed>label,.custom-select-field.has-changed>label,.custom-textarea-field.has-changed>label{margin-top:-.5625rem}.custom-input-field.is-invalid.custom-input-field .custom-control,.custom-input-field.is-invalid.custom-select-field .form-group-inner,.custom-input-field.is-invalid.custom-textarea-field .custom-control,.custom-select-field.is-invalid.custom-input-field .custom-control,.custom-select-field.is-invalid.custom-select-field .form-group-inner,.custom-select-field.is-invalid.custom-textarea-field .custom-control,.custom-textarea-field.is-invalid.custom-input-field .custom-control,.custom-textarea-field.is-invalid.custom-select-field .form-group-inner,.custom-textarea-field.is-invalid.custom-textarea-field .custom-control{border-color:#dc3545}.custom-input-field.is-invalid.has-focus.custom-input-field .custom-control,.custom-input-field.is-invalid.has-focus.custom-select-field .form-group-inner,.custom-input-field.is-invalid.has-focus.custom-textarea-field .custom-control,.custom-select-field.is-invalid.has-focus.custom-input-field .custom-control,.custom-select-field.is-invalid.has-focus.custom-select-field .form-group-inner,.custom-select-field.is-invalid.has-focus.custom-textarea-field .custom-control,.custom-textarea-field.is-invalid.has-focus.custom-input-field .custom-control,.custom-textarea-field.is-invalid.has-focus.custom-select-field .form-group-inner,.custom-textarea-field.is-invalid.has-focus.custom-textarea-field .custom-control{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-input-field.is-invalid label,.custom-select-field.is-invalid label,.custom-textarea-field.is-invalid label{color:#dc3545}.custom-input-field.is-invalid .invalid-feedback,.custom-select-field.is-invalid .invalid-feedback,.custom-textarea-field.is-invalid .invalid-feedback{display:block}.custom-input-field.is-valid.custom-input-field .custom-control,.custom-input-field.is-valid.custom-select-field .form-group-inner,.custom-select-field.is-valid.custom-input-field .custom-control,.custom-select-field.is-valid.custom-select-field .form-group-inner,.custom-textarea-field.is-valid.custom-input-field .custom-control,.custom-textarea-field.is-valid.custom-select-field .form-group-inner{border-color:#28a745}.custom-input-field.is-valid.has-focus.custom-input-field .custom-control,.custom-input-field.is-valid.has-focus.custom-select-field .form-group-inner,.custom-select-field.is-valid.has-focus.custom-input-field .custom-control,.custom-select-field.is-valid.has-focus.custom-select-field .form-group-inner,.custom-textarea-field.is-valid.has-focus.custom-input-field .custom-control,.custom-textarea-field.is-valid.has-focus.custom-select-field .form-group-inner{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-input-field.is-valid:not(.is-empty)>label,.custom-select-field.is-valid:not(.is-empty)>label,.custom-textarea-field.is-valid:not(.is-empty)>label{color:#28a745}.custom-input-field.is-valid .invalid-feedback,.custom-select-field.is-valid .invalid-feedback,.custom-textarea-field.is-valid .invalid-feedback{display:block}.custom-input-field .custom-control,.custom-select-field .form-group-inner,.custom-textarea-field .custom-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;height:calc(1.5em + .75rem + 2px);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,padding .15s ease-out;border-radius:.25rem}@media(prefers-reduced-motion:reduce){.custom-input-field .custom-control,.custom-select-field .form-group-inner,.custom-textarea-field .custom-control{transition:none}}.custom-input-field .custom-control::-ms-expand,.custom-select-field .form-group-inner::-ms-expand,.custom-textarea-field .custom-control::-ms-expand{background-color:transparent;border:0}.custom-input-field .custom-control:focus,.custom-select-field .form-group-inner:focus,.custom-textarea-field .custom-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-input-field .custom-control:disabled,.custom-input-field .custom-control[readonly],.custom-select-field .form-group-inner:disabled,.custom-select-field .form-group-inner[readonly],.custom-textarea-field .custom-control:disabled,.custom-textarea-field .custom-control[readonly]{background-color:#e9ecef;opacity:1}.custom-input-field-sm .custom-control,.custom-select-field-sm .form-group-inner,.custom-textarea-field-sm .custom-control{padding:.25rem .5rem;height:calc(1.5em + .5rem + 2px);font-size:.875rem}.custom-input-field-lg .custom-control,.custom-select-field-lg .form-group-inner,.custom-textarea-field-lg .custom-control{padding:.5rem 1rem;height:calc(1.5em + 1rem + 2px);font-size:1.25rem}.custom-select-field .form-group-inner{position:relative}.custom-select-field .form-group-inner:after{position:absolute;top:0;right:0;z-index:0;content:"";width:2.3em;height:66.6666%;transform:translateY(25%);background-size:.666em .666em;background-position:50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E")}.custom-select-field.is-invalid .form-group-inner:after{border-color:#dc3545;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23dc3545' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E")}.custom-select-field.is-valid .form-group-inner:after{border-color:#28a745;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%2328a745' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E")}.custom-select-field.is-invalid .custom-select{background:none}.custom-select-field.has-focus .form-group-inner{color:#495057;background-color:#fff;border-color:#80bdff;outline:none;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-select-field.has-changed.is-empty>label,.custom-select-field.has-changed>label,.custom-select-field:not(.is-empty)>label{font-size:1rem;margin-top:-.375rem}.custom-select-field.has-changed .custom-select,.custom-select-field.has-changed.is-empty .custom-select,.custom-select-field:not(.is-empty) .custom-select{padding-top:1rem}.custom-select-field.custom-select-field-sm>label{font-size:.875rem;padding-left:.5rem}.custom-select-field.custom-select-field-sm.has-changed.is-empty>label,.custom-select-field.custom-select-field-sm.has-changed>label,.custom-select-field.custom-select-field-sm:not(.is-empty)>label{font-size:.875rem;margin-top:-.46875rem}.custom-select-field.custom-select-field-sm.has-changed .custom-select,.custom-select-field.custom-select-field-sm.has-changed.is-empty .custom-select,.custom-select-field.custom-select-field-sm:not(.is-empty) .custom-select{padding-top:.875rem}.custom-select-field.custom-select-field-sm .form-group-inner:after{width:2em;background-size:.5em .5em}.custom-select-field.custom-select-field-sm .form-group-inner .custom-select{padding-left:.5rem}.custom-select-field.custom-select-field-lg>label{font-size:1.25rem;padding-left:1rem}.custom-select-field.custom-select-field-lg.has-changed.is-empty>label,.custom-select-field.custom-select-field-lg.has-changed>label,.custom-select-field.custom-select-field-lg:not(.is-empty)>label{font-size:1.25rem;margin-top:-.5625rem}.custom-select-field.custom-select-field-lg.has-changed .custom-select,.custom-select-field.custom-select-field-lg.has-changed.is-empty .custom-select,.custom-select-field.custom-select-field-lg:not(.is-empty) .custom-select{padding-top:1.25rem}.custom-select-field.custom-select-field-lg .form-group-inner{font-size:1.25rem}.custom-select-field.custom-select-field-lg .form-group-inner:after{width:2.8em;background-size:1em 1em}.custom-select-field.custom-select-field-lg .form-group-inner .custom-select{padding-left:1rem}.custom-select-field .custom-select{position:absolute;top:0;left:0;width:100%;height:100%;background:none;margin:0;padding:0 .75rem;border:0;z-index:1;line-height:1;transition:all .15s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select-field .custom-select:focus{background:none;border-color:none;outline:none;box-shadow:none}.custom-input-field.has-changed.is-empty>label+.form-group-inner .custom-control,.custom-input-field.has-changed>label+.form-group-inner .custom-control,.custom-textarea-field.has-changed.is-empty>label+.form-group-inner .custom-control,.custom-textarea-field.has-changed>label+.form-group-inner .custom-control{padding-top:1rem;padding-bottom:0}.custom-input-field.custom-input-field-sm,.custom-input-field.custom-textarea-field-sm,.custom-textarea-field.custom-input-field-sm,.custom-textarea-field.custom-textarea-field-sm{font-size:.875rem}.custom-input-field.custom-input-field-sm>label,.custom-input-field.custom-textarea-field-sm>label,.custom-textarea-field.custom-input-field-sm>label,.custom-textarea-field.custom-textarea-field-sm>label{padding-left:.5rem}.custom-input-field.custom-input-field-sm.has-changed.is-empty>label,.custom-input-field.custom-input-field-sm.has-changed>label,.custom-input-field.custom-input-field-sm:not(.is-empty)>label,.custom-input-field.custom-textarea-field-sm.has-changed.is-empty>label,.custom-input-field.custom-textarea-field-sm.has-changed>label,.custom-input-field.custom-textarea-field-sm:not(.is-empty)>label,.custom-textarea-field.custom-input-field-sm.has-changed.is-empty>label,.custom-textarea-field.custom-input-field-sm.has-changed>label,.custom-textarea-field.custom-input-field-sm:not(.is-empty)>label,.custom-textarea-field.custom-textarea-field-sm.has-changed.is-empty>label,.custom-textarea-field.custom-textarea-field-sm.has-changed>label,.custom-textarea-field.custom-textarea-field-sm:not(.is-empty)>label{font-size:.875rem;margin-top:-.46875rem}.custom-input-field.custom-input-field-sm.has-changed .form-group-inner .custom-control,.custom-input-field.custom-input-field-sm.has-changed.is-empty .form-group-inner .custom-control,.custom-input-field.custom-input-field-sm:not(.is-empty) .form-group-inner .custom-control,.custom-input-field.custom-textarea-field-sm.has-changed .form-group-inner .custom-control,.custom-input-field.custom-textarea-field-sm.has-changed.is-empty .form-group-inner .custom-control,.custom-input-field.custom-textarea-field-sm:not(.is-empty) .form-group-inner .custom-control,.custom-textarea-field.custom-input-field-sm.has-changed .form-group-inner .custom-control,.custom-textarea-field.custom-input-field-sm.has-changed.is-empty .form-group-inner .custom-control,.custom-textarea-field.custom-input-field-sm:not(.is-empty) .form-group-inner .custom-control,.custom-textarea-field.custom-textarea-field-sm.has-changed .form-group-inner .custom-control,.custom-textarea-field.custom-textarea-field-sm.has-changed.is-empty .form-group-inner .custom-control,.custom-textarea-field.custom-textarea-field-sm:not(.is-empty) .form-group-inner .custom-control{padding-top:.875rem}.custom-input-field.custom-input-field-lg,.custom-input-field.custom-textarea-field-lg,.custom-textarea-field.custom-input-field-lg,.custom-textarea-field.custom-textarea-field-lg{font-size:.875rem}.custom-input-field.custom-input-field-lg>label,.custom-input-field.custom-textarea-field-lg>label,.custom-textarea-field.custom-input-field-lg>label,.custom-textarea-field.custom-textarea-field-lg>label{font-size:1.25rem;padding-left:1rem}.custom-input-field.custom-input-field-lg.has-changed.is-empty>label,.custom-input-field.custom-input-field-lg.has-changed>label,.custom-input-field.custom-input-field-lg:not(.is-empty)>label,.custom-input-field.custom-textarea-field-lg.has-changed.is-empty>label,.custom-input-field.custom-textarea-field-lg.has-changed>label,.custom-input-field.custom-textarea-field-lg:not(.is-empty)>label,.custom-textarea-field.custom-input-field-lg.has-changed.is-empty>label,.custom-textarea-field.custom-input-field-lg.has-changed>label,.custom-textarea-field.custom-input-field-lg:not(.is-empty)>label,.custom-textarea-field.custom-textarea-field-lg.has-changed.is-empty>label,.custom-textarea-field.custom-textarea-field-lg.has-changed>label,.custom-textarea-field.custom-textarea-field-lg:not(.is-empty)>label{font-size:1.25rem;margin-top:-.5625rem}.custom-input-field.custom-input-field-lg.has-changed .form-group-inner .custom-control,.custom-input-field.custom-input-field-lg.has-changed.is-empty .form-group-inner .custom-control,.custom-input-field.custom-input-field-lg:not(.is-empty) .form-group-inner .custom-control,.custom-input-field.custom-textarea-field-lg.has-changed .form-group-inner .custom-control,.custom-input-field.custom-textarea-field-lg.has-changed.is-empty .form-group-inner .custom-control,.custom-input-field.custom-textarea-field-lg:not(.is-empty) .form-group-inner .custom-control,.custom-textarea-field.custom-input-field-lg.has-changed .form-group-inner .custom-control,.custom-textarea-field.custom-input-field-lg.has-changed.is-empty .form-group-inner .custom-control,.custom-textarea-field.custom-input-field-lg:not(.is-empty) .form-group-inner .custom-control,.custom-textarea-field.custom-textarea-field-lg.has-changed .form-group-inner .custom-control,.custom-textarea-field.custom-textarea-field-lg.has-changed.is-empty .form-group-inner .custom-control,.custom-textarea-field.custom-textarea-field-lg:not(.is-empty) .form-group-inner .custom-control{padding-top:1.25rem}.custom-input-field.is-invalid .invalid-feedback,.custom-input-field.is-valid .valid-feedback,.custom-textarea-field.is-invalid .invalid-feedback,.custom-textarea-field.is-valid .valid-feedback{display:block}.custom-input-field .custom-control.custom-control-sm,.custom-textarea-field .custom-control.custom-control-sm{font-size:.875rem;border-radius:.2rem}.custom-input-field .custom-control.custom-control-lg,.custom-textarea-field .custom-control.custom-control-lg{font-size:1.25rem;border-radius:.3rem}.input-group.is-invalid .custom-control,.input-group.is-invalid .custom-select,.input-group.is-invalid .form-control,.input-group.is-invalid .input-group-append:after,.input-group.is-invalid .input-group-append span,.input-group.is-invalid .input-group-prepend:after,.input-group.is-invalid .input-group-prepend span{color:#dc3545;border-color:#dc3545}.input-group>div:not(.input-group-prepend):not(.input-group-append):not(:last-child) .custom-control,.input-group>div:not(.input-group-prepend):not(.input-group-append):not(:last-child) .custom-select,.input-group>div:not(.input-group-prepend):not(.input-group-append):not(:last-child) .form-control{border-right:0}.input-group>div:not(.input-group-prepend):not(.input-group-append):not(:first-child) .custom-control,.input-group>div:not(.input-group-prepend):not(.input-group-append):not(:first-child) .custom-select,.input-group>div:not(.input-group-prepend):not(.input-group-append):not(:first-child) .form-control{border-left:0}.input-group .input-group-append,.input-group .input-group-prepend{position:relative}.input-group .input-group-append:after,.input-group .input-group-prepend:after{content:"";position:absolute;top:50%;z-index:1;padding:.75em;transform:translateY(-50%)}.input-group .input-group-text{font-size:1rem;padding:.375rem .75rem}.input-group .input-group-prepend .input-group-text{border-right:0}.input-group .input-group-prepend:after{right:0;border-right:1px solid #ced4da}.input-group .input-group-append .input-group-text{border-left:0}.input-group .input-group-append:after{left:0;border-left:1px solid #ced4da}.input-group .input-group-text{background:inherit}.activity-indicator-label{margin-top:.75rem;text-align:center}.activity-indicator-xs{font-size:.5rem}.activity-indicator-sm{font-size:.75rem}.activity-indicator-md{font-size:1rem}.activity-indicator-lg{font-size:1.25rem}.activity-indicator-xl{font-size:1.75rem}.activity-indicator-center{display:flex;align-items:center;justify-content:center;margin:auto}.activity-indicator-absolute{position:absolute;width:100%;height:100%;top:0;left:0}.activity-indicator-chase{width:2.5em;height:2.5em;position:relative;animation:activity-indicator-chase 2.5s linear infinite both}.activity-indicator-chase-dot{width:100%;height:100%;position:absolute;left:0;top:0;animation:activity-indicator-chase-dot 2s ease-in-out infinite both}.activity-indicator-chase-dot:before{content:"";display:block;width:25%;height:25%;background-color:currentColor;border-radius:100%;animation:activity-indicator-chase-dot-before 2s ease-in-out infinite both}.activity-indicator-chase-dot:first-child{animation-delay:-1.1s}.activity-indicator-chase-dot:nth-child(2){animation-delay:-1s}.activity-indicator-chase-dot:nth-child(3){animation-delay:-.9s}.activity-indicator-chase-dot:nth-child(4){animation-delay:-.8s}.activity-indicator-chase-dot:nth-child(5){animation-delay:-.7s}.activity-indicator-chase-dot:nth-child(6){animation-delay:-.6s}.activity-indicator-chase-dot:first-child:before{animation-delay:-1.1s}.activity-indicator-chase-dot:nth-child(2):before{animation-delay:-1s}.activity-indicator-chase-dot:nth-child(3):before{animation-delay:-.9s}.activity-indicator-chase-dot:nth-child(4):before{animation-delay:-.8s}.activity-indicator-chase-dot:nth-child(5):before{animation-delay:-.7s}.activity-indicator-chase-dot:nth-child(6):before{animation-delay:-.6s}@keyframes activity-indicator-chase{to{transform:rotate(1turn)}}@keyframes activity-indicator-chase-dot{80%,to{transform:rotate(1turn)}}@keyframes activity-indicator-chase-dot-before{50%{transform:scale(.4)}0%,to{transform:scale(1)}}.activity-indicator-circle-fade{width:2.5em;height:2.5em;position:relative}.activity-indicator-circle-fade .activity-indicator-circle{width:100%;height:100%;position:absolute;left:0;top:0}.activity-indicator-circle-fade .activity-indicator-circle:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;-webkit-animation:activity-indicator-circle-fade 1.2s ease-in-out infinite both;animation:activity-indicator-circle-fade 1.2s ease-in-out infinite both}.activity-indicator-circle-fade .activity-indicator-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.activity-indicator-circle-fade .activity-indicator-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.activity-indicator-circle-fade .activity-indicator-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.activity-indicator-circle-fade .activity-indicator-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.activity-indicator-circle-fade .activity-indicator-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.activity-indicator-circle-fade .activity-indicator-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.activity-indicator-circle-fade .activity-indicator-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.activity-indicator-circle-fade .activity-indicator-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.activity-indicator-circle-fade .activity-indicator-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.activity-indicator-circle-fade .activity-indicator-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.activity-indicator-circle-fade .activity-indicator-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.activity-indicator-circle-fade .activity-indicator-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.activity-indicator-circle-fade .activity-indicator-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.activity-indicator-circle-fade .activity-indicator-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.activity-indicator-circle-fade .activity-indicator-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.activity-indicator-circle-fade .activity-indicator-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.activity-indicator-circle-fade .activity-indicator-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.activity-indicator-circle-fade .activity-indicator-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.activity-indicator-circle-fade .activity-indicator-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.activity-indicator-circle-fade .activity-indicator-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.activity-indicator-circle-fade .activity-indicator-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.activity-indicator-circle-fade .activity-indicator-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes activity-indicator-circle-fade{0%,39%,to{opacity:0}40%{opacity:1}}@keyframes activity-indicator-circle-fade{0%,39%,to{opacity:0}40%{opacity:1}}.activity-indicator-circle-orbit{width:2.5em;height:2.5em;position:relative;text-align:center;-webkit-animation:activity-indicator-circle-orbit-rotate 2s linear infinite;animation:activity-indicator-circle-orbit-rotate 2s linear infinite}.activity-indicator-circle-orbit-dot1,.activity-indicator-circle-orbit-dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:currentColor;border-radius:100%;-webkit-animation:activity-indicator-circle-orbit-bounce 2s ease-in-out infinite;animation:activity-indicator-circle-orbit-bounce 2s ease-in-out infinite}.activity-indicator-circle-orbit-dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes activity-indicator-circle-orbit-rotate{to{-webkit-transform:rotate(1turn)}}@keyframes activity-indicator-circle-orbit-rotate{to{transform:rotate(1turn);-webkit-transform:rotate(1turn)}}@-webkit-keyframes activity-indicator-circle-orbit-bounce{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes activity-indicator-circle-orbit-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.activity-indicator-circle-trail{width:2.5em;height:2.5em;position:relative}.activity-indicator-circle-trail .activity-indicator-child{width:100%;height:100%;position:absolute;left:0;top:0}.activity-indicator-circle-trail .activity-indicator-child:before{content:"";display:block;margin:0 auto;width:.4em;height:.4em;background-color:currentColor;border-radius:100%;-webkit-animation:activity-indicator-circle-trail 1.2s ease-in-out infinite both;animation:activity-indicator-circle-trail 1.2s ease-in-out infinite both}.activity-indicator-circle-trail .activity-indicator-circle-trail2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.activity-indicator-circle-trail .activity-indicator-circle-trail3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.activity-indicator-circle-trail .activity-indicator-circle-trail4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.activity-indicator-circle-trail .activity-indicator-circle-trail5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.activity-indicator-circle-trail .activity-indicator-circle-trail6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.activity-indicator-circle-trail .activity-indicator-circle-trail7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.activity-indicator-circle-trail .activity-indicator-circle-trail8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.activity-indicator-circle-trail .activity-indicator-circle-trail9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.activity-indicator-circle-trail .activity-indicator-circle-trail10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.activity-indicator-circle-trail .activity-indicator-circle-trail11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.activity-indicator-circle-trail .activity-indicator-circle-trail12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes activity-indicator-circle-trail{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes activity-indicator-circle-trail{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.activity-indicator-dots{font-size:1em;position:relative}.activity-indicator-dots>div{width:1em;height:1em;background-color:currentColor;border-radius:100%;display:inline-block;-webkit-animation:activity-indicator-dots 1.4s ease-in-out infinite both;animation:activity-indicator-dots 1.4s ease-in-out infinite both}.activity-indicator-dots>div:not(:last-child){margin-right:.2em}.activity-indicator-dots .activity-indicator-dots-bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.activity-indicator-dots .activity-indicator-dots-bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes activity-indicator-dots{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes activity-indicator-dots{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.activity-indicator-double-pulse{width:2.5em;height:2.5em;position:relative}.activity-indicator-double-pulse-bounce1,.activity-indicator-double-pulse-bounce2{width:100%;height:100%;border-radius:50%;background-color:currentColor;opacity:.66;position:absolute;top:0;left:0;-webkit-animation:activity-indicator-double-pulse 2s ease-in-out infinite;animation:activity-indicator-double-pulse 2s ease-in-out infinite}.activity-indicator-double-pulse-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes activity-indicator-double-pulse{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes activity-indicator-double-pulse{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.activity-indicator-facebook{height:4em}.activity-indicator-facebook>div{background-color:#333;height:100%;width:6px;margin-right:2%;display:inline-block;-webkit-animation:activity-indicator-facebook 1.2s ease-in-out infinite;animation:activity-indicator-facebook 1.2s ease-in-out infinite}.activity-indicator-facebook .activity-indicator-facebook-rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.activity-indicator-facebook .activity-indicator-facebook-rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.activity-indicator-facebook .activity-indicator-facebook-rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.activity-indicator-facebook .activity-indicator-facebook-rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes activity-indicator-facebook{0%,40%,to{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes activity-indicator-facebook{0%,40%,to{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}.activity-indicator-grid{width:2.5em;height:2.5em}.activity-indicator-grid .activity-indicator-grid{width:33%;height:33%;background-color:currentColor;float:left;-webkit-animation:activity-indicator-grid 1.3s ease-in-out infinite;animation:activity-indicator-grid 1.3s ease-in-out infinite}.activity-indicator-grid .activity-indicator-grid1{-webkit-animation-delay:.2s;animation-delay:.2s}.activity-indicator-grid .activity-indicator-grid2{-webkit-animation-delay:.3s;animation-delay:.3s}.activity-indicator-grid .activity-indicator-grid3{-webkit-animation-delay:.4s;animation-delay:.4s}.activity-indicator-grid .activity-indicator-grid4{-webkit-animation-delay:.1s;animation-delay:.1s}.activity-indicator-grid .activity-indicator-grid5{-webkit-animation-delay:.2s;animation-delay:.2s}.activity-indicator-grid .activity-indicator-grid6{-webkit-animation-delay:.3s;animation-delay:.3s}.activity-indicator-grid .activity-indicator-grid7{-webkit-animation-delay:0s;animation-delay:0s}.activity-indicator-grid .activity-indicator-grid8{-webkit-animation-delay:.1s;animation-delay:.1s}.activity-indicator-grid .activity-indicator-grid9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes activity-indicator-grid{0%,70%,to{-webkit-transform:scaleX(1);transform:scaleX(1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes activity-indicator-grid{0%,70%,to{-webkit-transform:scaleX(1);transform:scaleX(1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}.activity-indicator-pulse{width:2.5em;height:2.5em;background-color:currentColor;border-radius:100%;-webkit-animation:activity-indicator-pulse 1s ease-in-out infinite;animation:activity-indicator-pulse 1s ease-in-out infinite}@-webkit-keyframes activity-indicator-pulse{0%{-webkit-transform:scale(0)}to{-webkit-transform:scale(1);opacity:0}}@keyframes activity-indicator-pulse{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.activity-indicator-spinner{width:2.5em;height:2.5em;position:relative}.activity-indicator-spinner .activity-indicator-spinner{width:100%;height:100%;position:absolute;left:0;top:0}.activity-indicator-spinner .activity-indicator-spinner:before{content:"";display:block;margin:0 auto;width:10%;height:33.333%;background-color:currentColor;-webkit-animation:activity-indicator-spinner 1.2s ease-in-out infinite both;animation:activity-indicator-spinner 1.2s ease-in-out infinite both}.activity-indicator-spinner .activity-indicator-spinner2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.activity-indicator-spinner .activity-indicator-spinner3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.activity-indicator-spinner .activity-indicator-spinner4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.activity-indicator-spinner .activity-indicator-spinner5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.activity-indicator-spinner .activity-indicator-spinner6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.activity-indicator-spinner .activity-indicator-spinner7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.activity-indicator-spinner .activity-indicator-spinner8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.activity-indicator-spinner .activity-indicator-spinner9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.activity-indicator-spinner .activity-indicator-spinner10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.activity-indicator-spinner .activity-indicator-spinner11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.activity-indicator-spinner .activity-indicator-spinner12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.activity-indicator-spinner .activity-indicator-spinner2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.activity-indicator-spinner .activity-indicator-spinner3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.activity-indicator-spinner .activity-indicator-spinner4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.activity-indicator-spinner .activity-indicator-spinner5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.activity-indicator-spinner .activity-indicator-spinner6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.activity-indicator-spinner .activity-indicator-spinner7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.activity-indicator-spinner .activity-indicator-spinner8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.activity-indicator-spinner .activity-indicator-spinner9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.activity-indicator-spinner .activity-indicator-spinner10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.activity-indicator-spinner .activity-indicator-spinner11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.activity-indicator-spinner .activity-indicator-spinner12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes activity-indicator-spinner{0%,39%,to{opacity:0}40%{opacity:1}}@keyframes activity-indicator-spinner{0%,39%,to{opacity:0}40%{opacity:1}}.activity-indicator-square{width:2.5em;height:2.5em;background-color:currentColor;-webkit-animation:activity-indicator-square 1.2s ease-in-out infinite;animation:activity-indicator-square 1.2s ease-in-out infinite}@-webkit-keyframes activity-indicator-square{0%{-webkit-transform:perspective(120px)}50%{-webkit-transform:perspective(120px) rotateY(180deg)}to{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}@keyframes activity-indicator-square{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}to{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.activity-indicator-square-fold{margin:20px auto;width:2.5em;height:2.5em;position:relative;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.activity-indicator-square-fold .activity-indicator-square-fold-square{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.activity-indicator-square-fold .activity-indicator-square-fold-square:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333;-webkit-animation:activity-indicator-square-fold 2.4s linear infinite both;animation:activity-indicator-square-fold 2.4s linear infinite both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.activity-indicator-square-fold .activity-indicator-square-fold-square2{-webkit-transform:scale(1.1) rotate(90deg);transform:scale(1.1) rotate(90deg)}.activity-indicator-square-fold .activity-indicator-square-fold-square3{-webkit-transform:scale(1.1) rotate(180deg);transform:scale(1.1) rotate(180deg)}.activity-indicator-square-fold .activity-indicator-square-fold-square4{-webkit-transform:scale(1.1) rotate(270deg);transform:scale(1.1) rotate(270deg)}.activity-indicator-square-fold .activity-indicator-square-fold-square2:before{-webkit-animation-delay:.3s;animation-delay:.3s}.activity-indicator-square-fold .activity-indicator-square-fold-square3:before{-webkit-animation-delay:.6s;animation-delay:.6s}.activity-indicator-square-fold .activity-indicator-square-fold-square4:before{-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes activity-indicator-square-fold{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0deg);opacity:1}90%,to{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes activity-indicator-square-fold{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0deg);opacity:1}90%,to{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}.activity-indicator-square-orbit{margin:100px auto;width:40px;height:40px;position:relative}.activity-indicator-square-orbit-cube1,.activity-indicator-square-orbit-cube2{background-color:#333;width:15px;height:15px;position:absolute;top:0;left:0;-webkit-animation:activity-indicator-square-orbit 1.8s ease-in-out infinite;animation:activity-indicator-square-orbit 1.8s ease-in-out infinite}.activity-indicator-square-orbit-cube2{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes activity-indicator-square-orbit{25%{-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)}to{-webkit-transform:rotate(-1turn)}}@keyframes activity-indicator-square-orbit{25%{transform:translateX(42px) rotate(-90deg) scale(.5);-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)}50%{transform:translateX(42px) translateY(42px) rotate(-179deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg)}50.1%{transform:translateX(42px) translateY(42px) rotate(-180deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5);-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)}to{transform:rotate(-1turn);-webkit-transform:rotate(-1turn)}}.input-field,.input-field .form-group-inner{position:relative;transition:all .25s ease-in-out}.input-field .activity-indicator{position:absolute;right:0;top:50%;transform:translate(-1rem,-50%);transition:all .15s ease-in}.input-field .activity-indicator-sm,.input-field .activity-indicator-xs{font-size:.5em}.input-field .activity-indicator-md{font-size:.666em}.input-field .activity-indicator-lg{font-size:.75em}.input-field .activity-indicator-xl{font-size:1em}.input-field .activity-indicator{opacity:1}.input-field .input-field-fade-enter,.input-field .input-field-fade-leave-to{opacity:0}.input-field.is-invalid .invalid-feedback,.input-field.is-valid .valid-feedback{display:flex}.input-field .form-control-icon{padding-left:2em}.input-field .form-group-inner-icon{position:absolute;top:50%;left:.666rem;width:1rem;font-size:1rem;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}