@shopify/polaris/dist/esnext/components/Avatar/Avatar.css

Shopify’s product component library

.Polaris-Avatar_z763p{ position:relative; display:block; overflow:hidden; min-width:3.2rem; max-width:100%; background:var(--p-action-secondary, #dfe3e8); color:var(--p-icon-subdued, #919eab); border-radius:3rem; -webkit-user-select:none; user-select:none; }

@media (-ms-high-contrast: active){ .Polaris-Avatar_z763p{ border:1px solid windowText; } }

.Polaris-Avatar_z763p::after{ content:''; display:block; padding-bottom:100%; }

.Polaris-Avatar--hidden_riqie{ visibility:hidden; }

.Polaris-Avatar--sizeSmall_7647q{ width:3.2rem; }

.Polaris-Avatar--sizeMedium_5f35p{ width:4rem; }

.Polaris-Avatar--sizeLarge_61dxo{ width:6rem; }

.Polaris-Avatar--styleOne_jtsnj{ color:var(--p-decorative-one-text, white); background:var(--p-decorative-one-surface, #47c1bf); }

.Polaris-Avatar--styleTwo_15kyd{ color:var(--p-decorative-two-text, white); background:var(--p-decorative-two-surface, #de3618); }

.Polaris-Avatar--styleThree_1sohp{ color:var(--p-decorative-three-text, white); background:var(--p-decorative-three-surface, #f49342); }

.Polaris-Avatar--styleFour_16hgi{ color:var(--p-decorative-four-text, white); background:var(--p-decorative-four-surface, #50b83c); }

.Polaris-Avatar--styleFive_dypl0{ color:var(--p-decorative-five-text, white); background:var(--p-decorative-five-surface, #006fbb); }

.Polaris-Avatar--styleSix_4ljbo{ color:white; background:#9c6ade; }

.Polaris-Avatar--hasImage_1hz8x{ background:transparent; }

.Polaris-Avatar__Image_2qgms{ position:absolute; top:50%; left:50%; width:100%; height:100%; background-color:var(--p-background, #dfe3e8); border-radius:3rem; transform:translate(-50%, -50%); object-fit:cover; }

.Polaris-Avatar__Initials_5s4f1{ position:absolute; top:0; right:0; display:flex; align-items:center; justify-content:center; width:100%; height:100%; }

.Polaris-Avatar__Svg_375hu{ width:100%; height:100%; }