input.svelte-116jtx2 {
        box-sizing: border-box;
        appearance: none;
        background-color: transparent;
        border: none;
        padding: 0 10px;
        font-size: 18px;
        display: block;
        height: 46px;
        width: 100%;
        position: relative;
        top:0;
        left: 0;
    }

    input.svelte-116jtx2:focus {
        outline: none;
        border: none;
        box-shadow: none;
    }

    input[type="number"].svelte-116jtx2::-webkit-outer-spin-button,
    input[type="number"].svelte-116jtx2::-webkit-inner-spin-button,
    input[type="number"].svelte-116jtx2 {
        -webkit-appearance: none;
        -moz-appearance: textfield;
    }

    .animated-border.svelte-116jtx2 {
        position: absolute;
        box-sizing: border-box;
        width: calc(100% + 4px);  /* + border of parent */
        height: calc(46px + 4px); /* + border of parent */
        background: transparent;
        left: -2px;
        top: -2px;
        pointer-events: none;
    }

    .animated-border.svelte-116jtx2:before,
    .animated-border.svelte-116jtx2:after {
        box-sizing: inherit;
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        border: 3px solid transparent;
        width: 0;
        height: 0;
    }

    /* Top & right borders expands right, then down */
    .animated-border.svelte-116jtx2:before {
        top: 0;
        left: 0;
    }

    /* Bottom & left borders expands left, then up */
    .animated-border.svelte-116jtx2:after {
        bottom: 0;
        right: 0;
    }

    div.svelte-116jtx2:focus-within .animated-border:where(.svelte-116jtx2):before,
    div.svelte-116jtx2:focus-within .animated-border:where(.svelte-116jtx2):after {
        width: 100%;
        height: 100%;
    }

    div.svelte-116jtx2:focus-within .animated-border:where(.svelte-116jtx2):before {
        border-top-color: var(--black);
        border-right-color: var(--black);
        transition:
                width 0.05s ease-out,
                height 0.05s ease-out 0.05s;
    }

    div.svelte-116jtx2:focus-within .animated-border:where(.svelte-116jtx2):after {
        border-bottom-color: var(--black);
        border-left-color: var(--black);
        transition:
                width 0.05s ease-out 0.1s,
                height 0.05s ease-out 0.15s;
    }

    .wrapper.svelte-nhiye5 {
        position: relative;
        pointer-events: auto;
        opacity: 1;
        display: block;
        width: 100%;
        flex-grow: 1;
        margin-top: 15px;
    }

    div.hidden.svelte-nhiye5 {
        overflow: hidden;
        position: fixed;
        pointer-events: none;
        top: 0;
        opacity: 0;
        max-height: 0;
    }

    .input.svelte-nhiye5 {
        box-sizing: border-box;
        border: 2px solid var(--fieldGray);
        display: block;
        height: 50px;
        position:relative;
        width: 100%;
    }

    label.svelte-nhiye5 {
        color: var(--black);
        position: absolute;
        top: -1.5em;
        left: 0;
        font-size: 16px;
        line-height: 1;
        font-weight: bold;
    }

    div.svelte-nhiye5 > .error {
        margin-top: .5rem;
    }