.image-slot{--image-slot-radius:1.5rem;--image-slot-edge-size:7.5rem;--image-slot-fallback:rgb(229 229 229/0.6);--image-slot-border-color:#efefef;--image-slot-edge-color:#f0f0f0;--image-slot-inset:-0.0625rem;position:relative;display:block;overflow:hidden;box-sizing:border-box;border:.0625rem solid var(--image-slot-border-color);border-radius:var(--image-slot-radius);background:var(--image-slot-fallback)}.image-slot__media{position:absolute;inset:var(--image-slot-inset);z-index:0}.image-slot__media img,.image-slot__media picture,.image-slot__media video{display:block;width:100%;height:100%;object-fit:cover}.image-slot__gradient{position:absolute;z-index:1;pointer-events:none}.image-slot__gradient--top{top:var(--image-slot-inset);background:linear-gradient(180deg,var(--image-slot-edge-color) 0,rgb(240 240 240/0) 100%)}.image-slot__gradient--bottom,.image-slot__gradient--top{left:var(--image-slot-inset);right:var(--image-slot-inset);height:var(--image-slot-edge-size)}.image-slot__gradient--bottom{bottom:var(--image-slot-inset);background:linear-gradient(0deg,var(--image-slot-edge-color) 0,rgb(240 240 240/0) 100%)}.image-slot__gradient--left{left:var(--image-slot-inset);background:linear-gradient(90deg,var(--image-slot-edge-color) 0,rgb(240 240 240/0) 100%)}.image-slot__gradient--left,.image-slot__gradient--right{top:var(--image-slot-inset);bottom:var(--image-slot-inset);width:var(--image-slot-edge-size)}.image-slot__gradient--right{right:var(--image-slot-inset);background:linear-gradient(270deg,var(--image-slot-edge-color) 0,rgb(240 240 240/0) 100%)}@media (max-width:50rem){.image-slot{--image-slot-radius:1rem;--image-slot-edge-size:2.5rem}}