.tl{position:relative;display:inline-block;flex:none;vertical-align:middle}.tl--glyph{width:calc(var(--tl-size) * var(--tl-aspect));height:var(--tl-size)}.tl--tint-white{color:var(--t-color-fg-on-brand)}.tl--tint-brand{color:var(--t-color-brand)}.tl--tile{width:var(--tl-size);height:var(--tl-size);border-radius:22.37%;background:var(--t-color-brand);color:var(--t-color-fg-on-brand)}.tl__glyph{position:absolute}.tl--glyph .tl__glyph{inset:0}.tl--tile .tl__glyph{top:50%;left:50%;height:var(--tl-tile-glyph);aspect-ratio:var(--tl-aspect);transform:translate(-50%,-50%)}.tl__glyph:before{content:"";inset:0;-webkit-mask:var(--tl-mask) center /100% 100% no-repeat;mask:var(--tl-mask) center /100% 100% no-repeat}.tl__dot,.tl__glyph:before{position:absolute;background:currentColor}.tl__dot{top:var(--tl-dot-cy);left:var(--tl-dot-cx);height:var(--tl-dot-d);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%)}.tl[data-live] .tl__dot{animation-duration:var(--tl-cycle);animation-delay:var(--tl-delay,0s);animation-timing-function:step-end;animation-iteration-count:infinite}.tl[data-live] .tl__dot:first-child{animation-name:tl-write-1}.tl[data-live] .tl__dot:nth-child(2){animation-name:tl-write-2}.tl[data-live] .tl__dot:nth-child(3){animation-name:tl-write-3}@keyframes tl-write-1{0%{opacity:0}21.875%,to{opacity:1}}@keyframes tl-write-2{0%{opacity:0}40.625%,to{opacity:1}}@keyframes tl-write-3{0%{opacity:0}59.375%,to{opacity:1}}@media (prefers-reduced-motion:reduce){.tl[data-live] .tl__dot{animation:none;opacity:1}}