.oai-honeypot-field {
position: absolute;
left: -9999px;
top: -9999px;
height: 0;
overflow: hidden;
}
.oai-type-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
gap: 10px;
}
.oai-type-option {
display: flex;
align-items: center;
gap: 8px;
padding: 12px;
border: 1px solid #e2e2e2;
border-radius: 4px;
cursor: pointer;
}
.oai-type-option:has(input:checked) {
border-color: currentColor;
}
.oai-address-input {
position: relative;
}
.oai-address-suggestions {
position: relative;
z-index: 10;
border: 1px solid #e2e2e2;
border-top: none;
background: #fff;
max-height: 240px;
overflow-y: auto;
}
.oai-address-suggestion {
display: block;
width: 100%;
text-align: left;
padding: 8px 12px;
border: none;
background: none;
cursor: pointer;
}
.oai-address-suggestion:hover {
background: #f2f2f2;
}
.oai-map {
width: 100%;
height: 360px;
margin-top: 10px;
border: 1px solid #e2e2e2;
}
.oai-map-help {
font-size: 12px;
color: #767676;
margin-top: 6px;
}
.oai-dropzone {
border: 2px dashed #c9c9c9;
border-radius: 4px;
padding: 20px;
text-align: center;
}
.oai-dropzone-active {
border-color: currentColor;
background: rgba(0, 0, 0, 0.02);
}
.oai-photo-previews {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 14px;
justify-content: center;
}
.oai-photo-preview {
position: relative;
width: 90px;
height: 90px;
}
.oai-photo-preview img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
}
.oai-photo-preview-remove {
position: absolute;
top: -8px;
right: -8px;
width: 22px;
height: 22px;
border-radius: 50%;
border: none;
background: #d9302f;
color: #fff;
cursor: pointer;
line-height: 1;
}
.oai-help {
font-size: 12px;
color: #767676;
margin-top: 6px;
}
.oai-consent-option {
display: flex;
align-items: flex-start;
gap: 8px;
}
.oai-rgpd-text {
font-size: 12px;
color: #767676;
margin-top: 8px;
}
.oai-form .oai-form-message {
margin-top: 16px;
}
.oai-form button[type="submit"].oai-loading {
opacity: 0.6;
pointer-events: none;
}