.inactive {
    filter: grayscale(100%);
    filter: opacity(25%);
    cursor: not-allowed;
}

.inactive * {
    cursor: not-allowed;
    user-select: none;
}

.horizontal-padding {
    padding-left: 32px;
    padding-right: 32px;
    width: 100%;
}

.flx-end {
    justify-content: flex-end;
}

.flx-space-between {
    justify-content: space-between;
}

.info-container {
    display: flex;
    width: 100%;
    border: 1px solid var(--neutral-100);
    padding: 24px;
    gap: 32px;
}

.sr-only:not(:focus):not(:active) {
    clip: rect(0 0 0 0); 
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap; 
    width: 1px;
}