.pix-lg-circles,.pix-md-circles,.pix-sm-circles{display:inline-block}.pix-lg-circles .circle-item,.pix-md-circles .circle-item,.pix-sm-circles .circle-item{overflow:hidden;position:relative;border-radius:100%;line-height:100%;display:inline-block}.pix-lg-circles .circle-item:not(.pix-bg-custom),.pix-md-circles .circle-item:not(.pix-bg-custom),.pix-sm-circles .circle-item:not(.pix-bg-custom){padding:3px;background:var(--pix-gradient-primary) fixed!important}.pix-lg-circles .circle-item .pix-bg-custom,.pix-md-circles .circle-item .pix-bg-custom,.pix-sm-circles .circle-item .pix-bg-custom{margin-right:3px}.pix-lg-circles .circle-item img,.pix-md-circles .circle-item img,.pix-sm-circles .circle-item img{border:3px solid #fff;transition:var(--transition-base);object-fit:cover}.pix-lg-circles .circle-item:not(:first-child),.pix-md-circles .circle-item:not(:first-child),.pix-sm-circles .circle-item:not(:first-child){transition:none;margin-left:-30px}.pix-lg-circles.circles-transition .circle-item:not(:first-child),.pix-md-circles.circles-transition .circle-item:not(:first-child),.pix-sm-circles.circles-transition .circle-item:not(:first-child){transition:margin .5s cubic-bezier(.165,.84,.44,1)}.pix-lg-circles:hover .circle-item,.pix-md-circles:hover .circle-item,.pix-sm-circles:hover .circle-item{margin-left:0}.pix-lg-circles:hover .circle-item:hover img,.pix-md-circles:hover .circle-item:hover img,.pix-sm-circles:hover .circle-item:hover img{opacity:.8}.pix-sm-circles img{height:60px!important;width:60px!important}.pix-md-circles img{height:80px!important;width:80px!important}.pix-lg-circles img{height:120px!important;width:120px!important}.pix-circle{overflow:hidden;padding:2px;position:relative;border-radius:100%;line-height:100%;display:inline-block}.pix-circle:not(.pix-bg-custom){background:var(--pix-primary);background:var(--pix-gradient-primary)!important}.pix-circle img{border:2px solid #fff;transition:opacity .5s cubic-bezier(.165,.84,.44,1);max-width:40px;aspect-ratio:1}.pix-circle.circle-48{min-width:52px}.pix-circle.circle-48 img{max-width:48px}.pix-circle:hover:hover img{opacity:.8}.circle-item.pix-animate:first-child{-webkit-transform:translateZ(10px)}.circle-item.pix-animate:nth-child(2){-webkit-transform:translateZ(12px)}.circle-item.pix-animate:nth-child(3){-webkit-transform:translateZ(14px)}.circle-item.pix-animate:nth-child(4){-webkit-transform:translateZ(16px)}.circle-item.pix-animate:nth-child(5){-webkit-transform:translateZ(18px)}