.fluid-image{border:none;display:block;height:auto;width:100%}.fluid-image.show-border{border:16px solid #fff;box-shadow:0 8px 16px 8px #0000001a}.fluid-image.image-fit-cover{object-fit:cover}.fluid-image.image-fit-contain{object-fit:contain}.fluid-image.image-fit-fill{object-fit:fill}.fluid-image.image-fit-inherit{object-fit:inherit}.fluid-image.image-fit-frame{border:16px solid #fff;box-shadow:0 1px 16px 1px #0000001a}.fluid-image.image-error{background-color:#f0f0f0;border-radius:4px;min-height:120px;object-fit:contain}.image-uploader-input{display:none}.image-uploader-container{align-items:center;background-color:var(--gbl-surface-secondary);border:2px dashed var(--gbl-tint-primary);border-radius:var(--gbl-border-radius-4);cursor:pointer;display:flex;justify-content:center;min-height:150px;padding:2rem;text-align:center;transition:all var(--gbl-transition-time)}.image-uploader-container:hover{background-color:#ffbf230d;border-color:var(--gbl-primary-color)}.image-uploader-drag-over{background-color:#ffbf231a;border-color:var(--gbl-primary-color);transform:scale(1.02)}.image-uploader-disabled{background-color:var(--gbl-text-color-secondary-light);cursor:not-allowed;opacity:var(--gbl-opacity-5)}.image-uploader-disabled:hover{background-color:var(--gbl-text-color-secondary-light);border-color:var(--gbl-tint-primary);transform:none}.image-uploader-content{align-items:center;display:flex;flex-direction:column;gap:.75rem;width:100%}.image-uploader-content-card,.image-uploader-content-compact{align-items:center;display:flex;gap:1rem;width:100%}.image-uploader-content-card{flex-direction:column}.image-uploader-icon-area{align-items:center;display:flex;flex-direction:column;gap:.5rem}.image-uploader-icon{color:var(--gbl-primary-color);font-size:var(--gbl-font-size-h1);margin-bottom:.5rem}.image-uploader-text{color:var(--gbl-text-color-primary-dark);font-weight:500;margin:0}.image-uploader-hint{color:var(--gbl-text-color-dull);margin:0}.image-uploader-preview{border-radius:var(--gbl-border-radius-2);box-shadow:0 2px 8px #0000001a;margin-top:1rem;max-width:200px;overflow:hidden}.image-uploader-preview-image{display:block;height:auto;max-height:150px;object-fit:cover;width:100%}.image-uploader-button{margin:0!important}.image-uploader-compact{min-height:80px;padding:1rem}.image-uploader-compact .image-uploader-content-compact{justify-content:flex-start}.image-uploader-compact .image-uploader-preview{margin-left:1rem;margin-top:0;max-width:80px}.image-uploader-compact .image-uploader-preview-image{max-height:60px}.image-uploader-card{border-style:solid;border-width:1px;min-height:200px;padding:2.5rem}.image-uploader-card .image-uploader-icon{font-size:var(--gbl-font-size-h2)}@media (max-width:768px){.image-uploader-container{min-height:120px;padding:1.5rem}.image-uploader-content-compact{flex-direction:column;text-align:center}.image-uploader-compact .image-uploader-content-compact{justify-content:center}.image-uploader-compact .image-uploader-preview{margin-left:0;margin-top:.5rem}.image-uploader-icon{font-size:var(--gbl-font-size-h2)}}.image-uploader-error,.image-uploader-error:hover{border-color:var(--gbl-text-color-error-dark)}.image-uploader-error:hover{background-color:#b52c4a0d}.image-uploader-success,.image-uploader-success:hover{border-color:var(--gbl-text-color-success-dark)}.image-uploader-success:hover{background-color:#2e7d320d}.image-skeleton{background-color:var(--gbl-skeleton-bg,#e9ecef);min-height:80px;overflow:hidden;position:relative}.image-skeleton:before{animation:design-hub-skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff73 50%,#0000);content:"";inset:0;position:absolute;z-index:0}.image-skeleton:after{align-items:center;color:#adb5bd;content:"\F4CB";display:flex;font-family:bootstrap-icons;font-size:2rem;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:0}.image-skeleton .fluid-image,.image-skeleton img{display:block;height:100%;object-fit:cover;position:relative;width:100%;z-index:1}@keyframes design-hub-skeleton-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.dh-hr{border:0;margin:0}.dh-hr--solid{background-color:var(--bs-border-color,#dee2e6);height:1px}.dh-hr--dashed{border-bottom:1px dashed var(--bs-border-color,#dee2e6)}.dh-hr--dotted{border-bottom:1px dotted var(--bs-border-color,#dee2e6)}.dh-hr--double{border-bottom:3px double var(--bs-border-color,#dee2e6)}.dh-hr--groove{border-bottom:1px groove var(--bs-border-color,#dee2e6)}.dh-hr--ridge{border-bottom:1px ridge var(--bs-border-color,#dee2e6)}.dh-hr--inset{border-bottom:1px inset var(--bs-border-color,#dee2e6)}.dh-hr--outset{border-bottom:1px outset var(--bs-border-color,#dee2e6)}.dh-hr--hidden{border-bottom:1px hidden var(--bs-border-color,#dee2e6)}