@property --label-open{syntax:"<number>";inherits:true;initial-value:0}.label-cell{position:relative}@media (prefers-reduced-motion:no-preference){[data-js] .label-cell{border-color:#0000}[data-js] .label-cell:before{content:"";border-radius:inherit;border:1px solid;position:absolute;inset:-1px}[data-js] .label-num{clip-path:inset(-1px -1px -1px calc((1 - var(--label-open))*100% - 2px))}[data-js] .label-num:before{left:calc((1 - var(--label-open))*100% - 1px)}[data-js] .label-text{clip-path:inset(-1px calc((1 - var(--label-open))*100% - 2px) -1px -1px)}[data-js] .label-text:before{right:calc((1 - var(--label-open))*100% - 1px)}[data-js] [data-revealed]>.label-cell{animation:label-open 1s var(--ease-snappy) both}}@keyframes label-open{to{--label-open:1}}