.image{display:inline-block;flex-shrink:0;font-weight:400;line-height:0;overflow:hidden;position:relative}.image,.image__img{border-radius:.375rem}.image__img{display:block;max-width:100%;opacity:0;transition:opacity .2s ease-in-out}.image[data-state=loaded] .image__img{opacity:1}.image[data-state=loading]{background-color:#f5f6f7;overflow:hidden}.image[data-state=loading]:after{animation:image-skeleton-wave 1.8s linear infinite;background:linear-gradient(135deg,#f5f6f7,#f5f6f7 calc(50% - 7.5px),#fafbfc calc(50% - 7.5px),#fafbfc calc(50% + 7.5px),#f5f6f7 calc(50% + 7.5px),#f5f6f7 75%);background-position-x:110%;background-size:300% 100%;content:"";display:block;inset:0;position:absolute}.image__fallback{align-items:center;background-color:var(--background-color-secondary);border-radius:.375rem;color:var(--text-color-secondary);flex-direction:column;gap:.375rem;height:100%;justify-content:center;overflow:hidden;padding:.625rem;width:100%}.image:not([data-state=error]) .image__fallback,.image[data-state=error] .image__img{display:none}.image[data-state=error] .image__fallback{display:flex}.image__action-button,.image__preview-button{align-items:center;background-color:rgba(83,84,87,.3);border:none;border-radius:.25rem;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;opacity:0;padding:0;position:absolute;top:0;transition:opacity .2s;width:100%}.image__action-button:hover,.image__action-button[data-always-show],.image__preview-button:hover,.image__preview-button[data-always-show]{opacity:1}.image__action-button[data-disabled],.image__preview-button[data-disabled]{cursor:not-allowed}.image:not([data-state=loaded]) .image__preview-button{display:none}.image__action-icon,.image__preview-icon{background-color:#f8f9fa;border:.1875rem solid #fff;border-radius:50%;display:flex;padding:clamp(10px,20%,20px);transition:background-color .2s ease-in-out}.image__action-icon .circular-loader,.image__action-icon i,.image__preview-icon .circular-loader,.image__preview-icon i{color:var(--icon-color-active);transition:color .2s ease-in-out}.image__action-button:not(:disabled):hover .image__action-icon,.image__preview-button:not(:disabled):hover .image__preview-icon{background-color:var(--background-color-primary)}.image__action-button:not(:disabled):hover .image__action-icon .circular-loader,.image__action-button:not(:disabled):hover .image__action-icon i,.image__preview-button:not(:disabled):hover .image__preview-icon .circular-loader,.image__preview-button:not(:disabled):hover .image__preview-icon i{color:var(--icon-color-primary)!important}@keyframes image-skeleton-wave{0%,65%{background-position-x:110%}to{background-position-x:-20%}}.image-lightbox{align-items:center;background-color:rgba(0,0,0,.7);display:flex;inset:0;justify-content:center;opacity:0;position:fixed;transition:opacity .2s;z-index:1000}.image-lightbox[data-state=open]{opacity:1}.image-lightbox__content{max-height:90vh;max-width:90vw;position:relative;transform:scale(.8);transition:transform .2s}.image-lightbox[data-state=open] .image-lightbox__content{transform:scale(1)}.image-lightbox__close{align-items:center;background-color:hsla(0,0%,100%,.15);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:2rem;justify-content:center;position:absolute;right:0;top:-2.5rem;width:2rem}.image-lightbox__close:hover{background-color:hsla(0,0%,100%,.3)}.image-lightbox__close i{font-size:1.125rem}.image-lightbox__img{border-radius:.375rem;display:block;max-height:90vh;max-width:90vw}