.sugar-avatar-orbit-circles{--aoc-size: var(--aoc-size-d);--aoc-center: var(--aoc-center-d);--aoc-ring-pad: 76;display:flex;justify-content:center;padding:8%;margin-top:var(--aoc-mt);margin-bottom:var(--aoc-mb)}.sugar-avatar-orbit-circles--spin{overflow:hidden;overflow:clip}.sugar-avatar-orbit-circles .sugar-avatar-orbit-circles__container{position:relative;aspect-ratio:1;width:calc(var(--aoc-size) * 1px);max-width:100%}.sugar-avatar-orbit-circles .sugar-avatar-orbit-circles__orbit{position:absolute;top:50%;left:50%;translate:-50% -50%;display:block!important;pointer-events:none;overflow:visible;z-index:1}.sugar-avatar-orbit-circles .sugar-avatar-orbit-circles__orbit circle{stroke:var(--aoc-orbit-color);stroke-width:var(--aoc-orbit-w);stroke-dasharray:var(--aoc-dash) var(--aoc-gap)}.sugar-avatar-orbit-circles .sugar-avatar-orbit-circles__orbit--outer{width:95%;height:95%}.sugar-avatar-orbit-circles .sugar-avatar-orbit-circles__orbit--inner{width:70%;height:70%}.sugar-avatar-orbit-circles .sugar-avatar-orbit-circles__orbit--center{width:calc((var(--aoc-center) + var(--aoc-border) * 2 + var(--aoc-ring-pad)) / var(--aoc-size) * 100%);aspect-ratio:1}.sugar-avatar-orbit-circles .sugar-avatar-orbit-circles__center{position:absolute;top:50%;left:50%;translate:-50% -50%;width:calc(var(--aoc-center) / var(--aoc-size) * 100%);aspect-ratio:1;border-radius:50%;overflow:hidden;z-index:3;box-shadow:var(--aoc-ring)}.sugar-avatar-orbit-circles .sugar-avatar-orbit-circles__center img{width:100%;height:100%;object-fit:cover}.sugar-avatar-orbit-circles .sugar-avatar-orbit-circles__group{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.sugar-avatar-orbit-circles--spin .sugar-avatar-orbit-circles__group{animation:sugar-avatar-orbit-circles-spin 60s linear infinite}.sugar-avatar-orbit-circles .sugar-avatar-orbit-circles__avatar{position:absolute;translate:-50% -50%;width:calc(var(--aoc-a) / var(--aoc-size-d) * 100%);top:var(--aoc-a-top);left:var(--aoc-a-left);border-radius:50%;overflow:hidden;aspect-ratio:1;z-index:2;box-shadow:var(--aoc-ring)}.sugar-avatar-orbit-circles .sugar-avatar-orbit-circles__avatar img{width:100%;height:100%;object-fit:cover}.sugar-avatar-orbit-circles--spin .sugar-avatar-orbit-circles__avatar img{animation:sugar-avatar-orbit-circles-counter 60s linear infinite}@keyframes sugar-avatar-orbit-circles-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sugar-avatar-orbit-circles-counter{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@media screen and (max-width:749px){.sugar-avatar-orbit-circles{--aoc-size: var(--aoc-size-m);--aoc-center: var(--aoc-center-m);--aoc-ring-pad: 40}}.sugar-avatar-orbit-circles .sugar-avatar-orbit-circles__placeholder{background:rgba(var(--color-foreground),.05)!important;border:2px dashed rgba(var(--color-foreground),.2)!important;display:flex!important;align-items:center;justify-content:center;box-shadow:none!important}.sugar-avatar-orbit-circles .sugar-avatar-orbit-circles__placeholder span{font-size:16px;font-weight:700;color:rgba(var(--color-foreground),.55);line-height:1;white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/14/assets/block-avatar-orbit-circles.css.map */