.td-rounded-image{--td-rounded-image-offset:5%;--td-rounded-image-align-x:var(--td-rounded-image-offset);--td-rounded-image-align-y:calc(var(--td-rounded-image-offset)*-1);aspect-ratio:1;block-size:auto;display:block;inline-size:var(--td-rounded-image-width,calc(100% - var(--td-rounded-image-offset, 0px)));position:relative;transform:translateX(var(--td-rounded-image-transform-x,0))}.td-rounded-image:after{block-size:100%;border:1px solid var(--td-rounded-image-border-color,var(--color-primary));border-radius:50%;content:"";inline-size:100%;inset-block-start:var(--td-rounded-image-align-y);inset-inline-start:var(--td-rounded-image-align-x);pointer-events:none;position:absolute}.bg-primary .td-rounded-image,[class*=-shade] .td-rounded-image{--td-rounded-image-border-color:var(--color-tertiary)}.td-rounded-image--circle-disabled{--td-rounded-image-offset:0%}.td-rounded-image--circle-disabled:after{content:unset}.td-rounded-image--left{--td-rounded-image-align-x:calc(var(--td-rounded-image-offset)*-1);--td-rounded-image-transform-x:var(--td-rounded-image-offset)}.td-rounded-image--bottom{--td-rounded-image-align-y:var(--td-rounded-image-offset);margin-block-end:var(--td-rounded-image-offset)}.td-rounded-image--top{margin-block-start:var(--td-rounded-image-offset)}.td-rounded-image img{block-size:100%;border-radius:50%;inline-size:100%;object-fit:cover;object-position:var(--td-image-focal-x,50%) var(--td-image-focal-y,50%);overflow:hidden}