/* Container */
.hpot-container {
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    transform: scale(0.00001) !important;
    z-index: -9999 !important;
    visibility: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
}

/* Individual fields */
.hpot-field {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    transform: scale(0) !important;
    z-index: -9999 !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
}

/* labels are also hidden */
.hpot-container label {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    left: -9999px !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
}

/* Prevent autofill on fields */
.hpot-field:-webkit-autofill,
.hpot-field:-webkit-autofill:hover,
.hpot-field:-webkit-autofill:focus {
    background-color: transparent !important;
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
    box-shadow: 0 0 0 1000px transparent inset !important;
}

/* Fields are not focusable via keyboard navigation */
.hpot-field[tabindex="-1"]:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Additional hiding for screen readers */
.hpot-container[aria-hidden="true"],
.hpot-field[aria-hidden="true"] {
    display: none !important;
}