.image{margin:0;display:inline-block;position:relative;overflow:hidden}.image__wrapper{width:100%;height:100%;position:relative;overflow:hidden}.image__img{width:100%;height:100%;display:block}.image--fit-contain .image__img{object-fit:contain}.image--fit-cover .image__img{object-fit:cover}.image--fit-fill .image__img{object-fit:fill}.image--fit-none .image__img{object-fit:none}.image--fit-scale-down .image__img{object-fit:scale-down}.image--shape-square{border-radius:0}.image--shape-rounded{border-radius:.5rem}.image--shape-rounded .image__wrapper,.image--shape-rounded .image__img{border-radius:inherit}.image--shape-circle,.image--shape-circle .image__wrapper,.image--shape-circle .image__img{border-radius:50%}.image--shadow-none{box-shadow:none}.image--shadow-sm{box-shadow:0 1px 2px #0000000d}.image--shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.image--shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.image--shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.image--shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.image--border{border:1px solid var(--theme-border)}.image--radius-none{border-radius:0}.image--radius-sm{border-radius:.25rem}.image--radius-md{border-radius:.375rem}.image--radius-lg{border-radius:.5rem}.image--radius-xl{border-radius:.75rem}.image--radius-2xl{border-radius:1rem}.image--radius-3xl{border-radius:1.5rem}.image--radius-full{border-radius:9999px}.image--transition .image__img,.image--transition .image__overlay{transition-property:all;transition-timing-function:ease}.image--transition-fast .image__img,.image--transition-fast .image__overlay{transition-duration:.15s}.image--transition-normal .image__img,.image--transition-normal .image__overlay{transition-duration:.3s}.image--transition-slow .image__img,.image--transition-slow .image__overlay{transition-duration:.5s}.image--hover-zoom .image__img{transition:transform .3s}.image--hover-zoom:hover .image__img{transform:scale(1.1)}.image--hover-grayscale .image__img{filter:grayscale(0)}.image--hover-grayscale:hover .image__img{filter:grayscale()}.image--hover-shadow:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.image--clickable{cursor:pointer}.image__overlay{z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.image__overlay--center{justify-content:center;align-items:center}.image__overlay--top{align-items:flex-start;padding-top:1rem}.image__overlay--bottom{align-items:flex-end;padding-bottom:1rem}.image--overlay-on-hover .image__overlay{opacity:0;transition:opacity .3s}.image--overlay-on-hover:hover .image__overlay{opacity:1}.image__caption{color:var(--theme-text-secondary);text-align:center;padding:.5rem 0;font-size:clamp(.875rem,1.2vw,1rem)}.image__caption-overlay{color:var(--theme-text-inverse);z-index:2;background:linear-gradient(#0000,#000000b3);padding:.75rem 1rem;font-size:clamp(.875rem,1.2vw,1rem);position:absolute;bottom:0;left:0;right:0}.image__spinner{z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.image__spinner-ring{border:3px solid var(--theme-border);border-top-color:var(--theme-accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite image-spinner}.image--as-background{width:100%;height:100%;display:flex}@keyframes image-spinner{to{transform:rotate(360deg)}}