.td-cri{--td-cri-border-size:16px;aspect-ratio:1;block-size:auto;padding:var(--td-cri-border-size);position:relative;transform:translateX(var(--td-cri-transform-x,0))}.td-cri:after,.td-cri:before{aspect-ratio:1;background:var(--td-cri-ring-0-color,#a9a9a9);border-radius:50%;content:"";inset:0;position:absolute}.td-cri:after{background:var(--td-cri-ring-1-color,#c8c8c8);inset:var(--td-cri-border-size)}.td-cri__inner{aspect-ratio:1;background:var(--td-cri-ring-2-color,#eee);block-size:calc(100% - var(--td-cri-border-size)*2);inline-size:calc(100% - var(--td-cri-border-size)*2);inset:var(--td-cri-border-size);padding:var(--td-cri-border-size);z-index:3}.td-cri img,.td-cri__inner{border-radius:50%;overflow:hidden;position:relative}.td-cri img{block-size:100%;inline-size:100%;object-fit:cover;object-position:var(--td-image-focal-x,50%) var(--td-image-focal-y,50%);z-index:4}