.image-uploader .select-image-wrapper{display:flex;flex-direction:column;gap:20px;width:100%}.image-uploader .dropzone-wrapper{flex-basis:100%}.image-uploader .dropzone-wrapper input{height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;clip:rect(0 0 0 0);clip:rect(0,0,0,0);position:absolute}.image-uploader .image-preview-wrapper{display:flex;height:360px;justify-content:center;margin-bottom:20px;width:100%}.image-uploader .image-preview-wrapper:empty{display:none;height:0;margin-bottom:0}.image-uploader .image-preview-wrapper img{height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;width:auto}.image-uploader .dropzone{align-items:center;border:2px dashed var(--inputBorder);border-radius:4px;cursor:pointer;display:flex;justify-content:center;min-height:120px;padding:20px;text-align:center}.image-uploader .dropzone.is-over-drop-zone{background-color:#e8f5e9;border-color:#66bb6a}.image-uploader form{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.image-uploader .image-preview{max-width:100%}.image-uploader .submit-wrapper{display:flex;flex-direction:column;gap:10px;margin-top:20px}.image-uploader .submit-wrapper input[type=submit]{height:-moz-fit-content;height:fit-content;justify-self:flex-end;margin-top:auto}.image-uploader .submit-wrapper input[type=submit]:hover{border:1px solid var(--inputBorder);border-radius:48px;cursor:pointer}.image-uploader .submit-wrapper .error{color:var(--error-color)}@media screen and (width >= 53.75rem){.image-uploader .select-image-wrapper{flex-direction:row}.image-uploader .dropzone-wrapper{flex:1 0 50%}}.image-selector{display:flex;flex-direction:column;gap:8px}.image-selector .dialog-trigger{align-items:center;border:1px solid var(--inputBorder);border-radius:4px;display:inline-flex;font-size:15px;font-weight:500;justify-content:center;line-height:1;padding:0 15px;width:100%}@media screen and (width >= 64rem){.image-selector .dialog-trigger{height:2.75rem}}.image-selector .selected-images{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 8px}.image-selector .selected-images .asset-item{align-items:center;background-color:color-mix(in srgb,var(--surface) 25%,transparent 75%);border:1px solid var(--inputBorder);border-radius:4px;cursor:grab;display:flex;flex-basis:calc(50% - 4px);flex-direction:column;flex-grow:0;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-selector .selected-images .asset-item .asset-image{border-top-left-radius:4px;border-top-right-radius:4px;height:120px;margin:8px;-o-object-fit:contain;object-fit:contain;width:160px}.image-selector .selected-images .asset-item .asset-title{background-color:#ffffff80;border-top:1px solid var(--inputBorder);color:var(--onBackground);font-size:14px;line-height:1;margin:0;max-width:160px;padding:5px;text-align:center;width:100%;word-wrap:break-word;overflow:hidden}@media screen and (width >= 53.75rem){.image-selector .selected-images .asset-item{flex-basis:calc(33.33333% - 5.33333px)}}@media screen and (width >= 64rem){.image-selector .selected-images .asset-item{flex-basis:calc(25% - 6px)}}@media screen and (width >= 80rem){.image-selector .selected-images .asset-item{flex-basis:calc(20% - 6.4px)}}@media screen and (width >= 90rem){.image-selector .selected-images .asset-item{flex-basis:calc(16.66667% - 6.66667px)}}.image-selector .info{font-size:1rem;width:100%}.image-selector-dialog-overlay{animation:overlayShow .15s cubic-bezier(.16,1,.3,1);background-color:#00000080;inset:0;position:fixed}.image-selector-dialog-content-wrapper{order:3;padding:30px 0}.image-selector-dialog-content{animation:contentShow .15s cubic-bezier(.16,1,.3,1);background-color:#fff;border-radius:6px;box-shadow:0 10px 38px -10px #0e121659,0 10px 20px -15px #0e121633;display:flex;flex-direction:column;left:50%;max-height:calc(100vh - 164px);max-width:min(1280px,95vw);overflow-x:hidden;overflow-y:auto;padding:25px;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%}.image-selector-dialog-content:focus{outline:none}.image-selector-dialog-content .DialogTitle{color:var(--onBackground);font-size:1.75rem;font-weight:900;letter-spacing:.8px;line-height:1.4;order:2;text-transform:uppercase}.image-selector-dialog-content .DialogDescription{font-size:15px;line-height:1.5;margin:10px 0 20px}.image-selector-dialog-content .asset-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px 12px}.image-selector-dialog-content .asset-item{flex-basis:calc(50% - 6px);flex-shrink:0;justify-content:center}.image-selector-dialog-content .asset-item,.image-selector-dialog-content .asset-item label{align-items:center;background-color:color-mix(in srgb,var(--surface) 25%,transparent 75%);border:1px solid var(--inputBorder);border-radius:4px;display:flex;flex-direction:column;flex-grow:0}.image-selector-dialog-content .asset-item label{height:100%;width:100%}.image-selector-dialog-content .asset-item input{order:2}.image-selector-dialog-content .asset-item .asset-image{border-top-left-radius:4px;border-top-right-radius:4px;-o-object-fit:contain;object-fit:contain;order:1;padding:6px;width:160px}.image-selector-dialog-content .asset-item .asset-title{background-color:#ffffff80;border-top:1px solid var(--inputBorder);color:var(--onBackground);font-size:14px;margin:0;max-width:160px;order:3;padding:5px;text-align:center;width:100%;word-wrap:break-word;overflow:hidden}@media screen and (width >= 53.75rem){.image-selector-dialog-content .asset-item{flex-basis:calc(33.33333% - 8px)}}@media screen and (width >= 64rem){.image-selector-dialog-content .asset-item{flex-basis:calc(25% - 9px)}}@media screen and (width >= 80rem){.image-selector-dialog-content .asset-item{flex-basis:calc(20% - 9.6px)}}@media screen and (width >= 90rem){.image-selector-dialog-content .asset-item{flex-basis:calc(16.66667% - 10px)}}.image-selector-dialog-content .upload-btn{align-self:flex-end;margin-left:auto;order:4;width:-moz-max-content;width:max-content}.image-selector-dialog-content div:has(.close){order:1}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.category-select,.category-select select{width:100%}@media screen and (width >= 53.75rem){.category-select{width:calc(50% - 6px)}}.category-checkbox-group ul{display:grid;gap:8px;grid-template-columns:1fr}.category-checkbox-group ul li{align-items:center;display:flex;font-weight:700;gap:10px;line-height:1.5}.category-checkbox-group ul li input{accent-color:var(--inputBorder);height:1rem;transform:scale(1.5);width:1rem}.category-checkbox-group ul li label{align-items:center;display:flex;text-transform:none}@media screen and (width >= 40rem){.category-checkbox-group ul{grid-template-columns:1fr 1fr;margin-bottom:0}}.accessibility-checkbox-group ul{display:grid;gap:8px;grid-template-columns:1fr}.accessibility-checkbox-group ul li{align-items:center;display:flex;font-weight:700;gap:10px;line-height:1.5}.accessibility-checkbox-group ul li input{accent-color:var(--inputBorder);height:1rem;transform:scale(1.5);width:1rem}.accessibility-checkbox-group ul li label{align-items:center;display:flex;gap:10px;text-transform:none}@media screen and (width >= 40rem){.accessibility-checkbox-group ul{grid-template-columns:1fr 1fr;margin-bottom:0}}.accessibility-checkbox-group .accessibility-icon{height:1.75rem;width:1.75rem}@media screen and (width >= 53.75rem){.accessibility-checkbox-group .accessibility-icon{height:2.25rem;width:2.25rem}}.language-checkbox-group ul{display:grid;gap:8px;grid-template-columns:1fr}.language-checkbox-group ul li{align-items:center;display:flex;font-weight:700;gap:10px;line-height:1.5}.language-checkbox-group ul li input{accent-color:var(--inputBorder);height:1rem;transform:scale(1.5);width:1rem}.language-checkbox-group ul li label{align-items:center;display:flex;gap:10px;text-transform:none}@media screen and (width >= 40rem){.language-checkbox-group ul{grid-template-columns:1fr 1fr;margin-bottom:0}}.form-item{display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;gap:8px;justify-content:left}.form-item:has(legend.spacer){margin-top:24px}.form-item .toggle-field{display:flex;min-height:3.75rem}.form-item .toggle-field label{font-weight:400;line-height:1.5;margin-inline-start:.625rem;text-transform:none}.form-item .toggle-field input{accent-color:var(--inputBorder);height:1rem;transform:scale(1.5);width:1rem}.form-item label{color:var(--onBackground);font-size:1rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.form-item label a{text-decoration:underline;text-underline-offset:.25em}.form-item .instructions{flex-grow:1;font-size:1rem;font-weight:400;line-height:normal;width:100%}.form-item input,.form-item select,.form-item textarea{background-color:var(--background);border:1px solid var(--inputBorder);border-radius:4px;color:var(--onBackground);font-family:inherit;font-size:1.125rem;font-weight:700;padding:15px}.form-item input,.form-item select{height:3.75rem}.form-item input[type=radio]{height:auto;margin-top:10px}.form-item textarea{min-height:100px}.form-item:has(input:required)>label:after,.form-item:has(select:required)>label:after,.form-item:has(textarea:required)>label:after{content:" *"}.form-item .image-preview{border:1px solid var(--inputBorder);border-radius:4px;height:240px;margin-top:10px;-o-object-fit:contain;object-fit:contain;width:240px}.form-item .spacer{color:var(--onBackground);font-size:1.25rem}.form-item .spacer.--empty{display:none}.form-item .category-wrapper{display:flex;flex-direction:column;gap:8px}
