@layer theme,base;@layer components{.rolling-mark{background:var(--ms-surface-nav);width:26px;height:26px;transform:rotate(-10deg) translateX(var(--roll-x,0px)) rotate(calc(10deg + var(--roll-z,0deg)));border-radius:50%;flex:none;transition:transform .1s linear;display:block;overflow:hidden}.rolling-mark__line{background:var(--ms-ink);width:13px;height:100%;display:block}@media (prefers-reduced-motion:reduce){.rolling-mark{transition:none}}}@layer utilities;