input{outline: none;}.input{display: block;}.input em{line-height: 3em;text-transform: uppercase;position: absolute;left: 0;top: 0;bottom: 0;right: 0;transform: translateY(-1.75em);transition: all 0.25s;}.input input:focus-within::placeholder{color: #000;opacity: .5;}.input input:not(:focus-within):placeholder-shown + em{transform: none;}.input input::placeholder{opacity:0;}.input span{margin-top: 0.5em;display: block;}.input div{position: relative;border-bottom: 1px solid;margin: 2em 0 1em 0;}.input input,.input select{line-height: 2.5em;display: block;font-size: 1.25em;font-weight: 400;background-color: transparent;width: 100%;outline: none;padding: 0;height: 2.5em}.input small{position: absolute;top: 0;right: 0;margin: auto;transform: translateY(50%);cursor: pointer;}.input small.hide,.input.show-password .show{display:none;}.input.show-password .hide{display:block;}.input small i::after{background-color: black;}.input .input-error{display:none;}.input.is-invalid .input-error{display:block;}.input.is-invalid{color:#e74c3c;}.input-qty{display: flex;align-items: center;}.input-qty > span{margin-right: 0.875em;}.input-qty input{text-align: right;margin-left: 0.125em;width: 6ch;}.input-radio{box-shadow: 0px 4px 14px 0px #0000001A;display: flex;padding: 1.25em 1em;border-radius: 0.5em;cursor: pointer;position: relative;}.input-radio input{margin-right: 1em;}.input-radio .badge{border-radius: 1em;color: white;position: absolute;top: 0;right: 1em;padding: 0 0.5em;transform: translateY(-40%);}.input-radio + .input-radio{margin-top:1.5em;}.input-range{margin-left: 1em;}.input-range a{font-size: 2.1875em;font-weight: 300;color: #292d32;}