.loopi{vertical-align:middle;flex-shrink:0;display:inline-block;position:relative}.loopi svg{width:100%;height:100%;display:block;overflow:visible}.loopi-touch{width:100%;height:100%;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;padding:0;display:block}.loopi-touch:focus-visible{outline-offset:4px;outline:2px solid #387de5}:is(.dark,[data-theme=dark]) .loopi-ceramic-top{stop-color:#a4adb3}:is(.dark,[data-theme=dark]) .loopi-ceramic-mid{stop-color:#7b878d}:is(.dark,[data-theme=dark]) .loopi-ceramic-bottom{stop-color:#647179}