.input-animated{position:relative;min-width:250px;width:100%;margin-top:20px}.input-animated input{position:relative;width:100%;padding:20px 10px 10px;background:0 0;border:none;outline:0;color:var(--color);font-size:.9em;z-index:8}.input-animated input:disabled{background-color:var(--color-background-primary)}.input-animated span{position:absolute;left:0;width:100%;margin:20px 0 10px;background-color:var(--color-primary-contrast);font-size:1em;color:var(--color);pointer-events:none;transition:.5s;z-index:9;text-transform:uppercase}.input-animated-background-primary span{background-color:var(--color-background-primary)}.input-animated input:disabled~span,.input-animated input:focus~span,.input-animated input:valid~span{transform:translateY(-26px);font-size:.75em}.input-animated i{position:absolute;left:0;bottom:0;width:100%;height:1px;border-bottom:1px solid;border-radius:4px;transition:.5s;pointer-events:none;z-index:7}.input-animated input:disabled~i,.input-animated input:focus~i,.input-animated input:valid~i{background:0 0;border-color:var(--color);border:1px solid;height:36px}.input-animated .input-error{position:absolute;left:0;top:46px;width:100%;z-index:1}.select-div{position:relative;float:left;min-width:280px;height:44px}.mini.select-div{min-width:inherit;height:inherit}select::-ms-expand{display:none}.select-div select:disabled~div:after{opacity:.7}.select-div select{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;max-width:320px;height:44px;float:right;padding:0 6px 0 24px;line-height:1.75;color:var(--color);background-color:var(--color-primary-contrast);background-image:none;border:2px solid var(--color-primary);-ms-word-break:normal;word-break:normal;border-right:solid 44px var(--color-primary);cursor:pointer}.mini.select-div select{border-right:solid 33px var(--color-primary)}.select-div select:hover{border-color:var(--color-primary-flash)}.select-div select:hover~.select-div-triangle:after{border-top-color:var(--color-primary-flash)}.select-div select:focus-visible~.select-div-triangle:after{border-top-color:var(--color-primary-flash)}.select-div select:focus-visible{outline:0;border:2px solid var(--color-primary-flash);border-radius:0;border-right:solid 44px var(--color-primary-flash)}.mini.select-div select:focus-visible{border-right:solid 33px var(--color-primary-flash)}.select-div select:checked{background:0 0;color:transparent}.select-div.mini select{height:30px;width:160px;padding:0 6px 0 12px}.search-bar{position:relative;width:280px;height:44px;border-radius:7px;border:0;background-color:var(--color-primary)}.search-bar:focus-visible,.search-bar:hover{background-color:var(--color-primary-flash)}.search-bar input{position:absolute;font-size:1em;top:2px;left:2px;width:236px;height:40px;border-radius:5px;border:none;outline:0;background-color:var(--color-primary-contrast);padding-left:24px}.icon-triangle{transform:rotate(90deg);fill:transparent;pointer-events:none}.select-div.mini .icon-triangle{width:20px;top:5px}.icon-search,.icon-triangle{position:absolute;top:7px;right:6px;color:var(--color-primary-contrast);stroke-width:1px}.icon-search:hover,.icon-triangle:hover{color:var(--color-background-secondary)}.mini input[type=number]{background-color:var(--color-primary-contrast);border:2px solid var(--color-primary);border-radius:7px;color:var(--color);height:30px;width:100px;padding:0 6px 0 12px}.mini input[type=number]:focus-visible{outline:0;border:2px solid var(--color-primary-flash)}.mini input[type=number]:disabled,input:disabled,input:disabled+label{opacity:.6}