@font-face {
    font-family: 'Satoshi-Light';
    src: url('./fonts/Satoshi-Light.otf');
}
@font-face {
    font-family: 'Satoshi-Medium';
    src: url(./fonts/Satoshi-Medium.otf);
}

@font-face {
    font-family: 'HMAlphaMono';
    src: url('https://unpkg.com/@ledgerhq/react-ui@0.7.4/assets/fonts/HMAlphaMono-Medium.woff2') format('woff2');
    font-weight: 500; /* Adjust based on the font's intended weight */
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('https://unpkg.com/@ledgerhq/react-ui@0.7.4/assets/fonts/Inter-Medium.woff2') format('woff2');
    font-weight: 500; /* Adjust based on the font's intended weight */
    font-style: normal;
}

.attention-text {
    font-family: 'HMAlphaMono', sans-serif; /* Use the new font here */
}

* {
    font-family: 'Inter';
}

html, body {
    font-family: 'Inter';
    margin: 0;
    padding: 0;
    height: auto;
    min-height: 100%;
    overflow: auto;
}

.enabled {
    background-color: #0f6148;
}

#submitButton {
    align-items: center;
    justify-content: center;
    padding: 15px 2.5rem;
    width: fit-content;
    border-radius: 100px;
    outline: none;
    cursor: pointer;
    border: 1px solid transparent;
    color: rgb(15, 15, 15);
}

.eobzlE {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    gap: 8px;
    padding: 12px 20px;
    width: fit-content;
    border-radius: 100px;
    transition: box-shadow 0.1s ease-out, border-color 0.1s ease-out, background 0.1s ease-out;
    outline: none;
    cursor: pointer;
    border: 1px solid transparent;
    background: rgb(51, 51, 51);
    color: rgb(225, 225, 225);
}

.gcezUT {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gcezUT {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hweEey {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: -0.4px;
}

.fGZBir {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.3px;
    text-decoration: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: inherit;
    font-weight: inherit;
}

.back {
    width: 100%;        /* Set the width of the div */
    height: 100%;      /* Set the height of the div (can be adjusted) */
    background-image: url('./bg.svg'); /* Image URL */
    background-size: cover;  /* Make the image cover the entire div */
    background-position: center;  /* Optional: to center the image */
    background-repeat: no-repeat; /* Optional: prevent tiling of the image */
}

.box-back {
    background: rgb(29, 29, 29);
    border: 1px solid rgb(37, 37, 37);
    border-radius: 16px;
    box-shadow: rgba(255, 255, 255, 0.16) 0px 0px 0px 0.5px;
}

input::-webkit-inner-spin-button, 
        input::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }
        
        /* Remove arrows for Firefox */
        input[type=number] {
            -moz-appearance: textfield;
        }

        input {
            cursor: pointer;
            color: white; /* Make text white if needed */
        }

.underline-input {
    background: none; /* Remove the background */
    border: none; /* Remove default border */
    border-bottom: 2px solid white; /* Add white underline */
    color: black; /* Text color */
    padding: 5px; /* Optional padding */
    font-size: 16px; /* Adjust font size */
    outline: none; /* Remove focus outline */
    width: 100%; /* Optional: Full width */
  }
  

  .form-group {
    display: flex;
    flex-direction: column; /* Stack label above input */
    gap: 5px; /* Space between label and input */
    width: 30%; /* Adjust width to make space for multiple items */
  }

  form {
    display: flex;
    flex-wrap: wrap; /* Allows wrapping of items if space is tight */
    gap: 15px; /* Adds space between the inputs */
  }