.ui-addmark{--c:var(--c-l,var(--up));pointer-events:none;flex:none}@media (prefers-color-scheme:dark){.ui-addmark:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *){--c:var(--c-d,var(--up))}}.ui-addmark:where(:root[data-theme=dark],:root[data-theme=dark] *){--c:var(--c-d,var(--up))}.btn.ui-addmark:before{content:"";z-index:1;border-radius:inherit;background:var(--c);opacity:0;transition:transform .28s var(--ease), opacity .18s var(--ease);position:absolute;inset:0;transform:scale(.4)}.btn.ui-addmark:after{transition:opacity .18s var(--ease)}.ui-addmark svg{z-index:2;fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:transform .28s var(--ease), opacity .18s var(--ease);position:absolute}.ui-addmark-tick{color:#fff;opacity:0}.ui-addmark-tick path{stroke-dasharray:20;stroke-dashoffset:20px;transition:stroke-dashoffset .32s var(--ease) 80ms}.btn.ui-addmark[data-on]:before{opacity:1;transform:none}.btn.ui-addmark[data-on]:after{opacity:0}.ui-addmark[data-on] .ui-addmark-plus{opacity:0;transform:rotate(90deg)scale(.5)}.ui-addmark[data-on] .ui-addmark-tick{opacity:1}.ui-addmark[data-on] .ui-addmark-tick path{stroke-dashoffset:0}@media (prefers-reduced-motion:reduce){.btn.ui-addmark:before,.ui-addmark svg,.ui-addmark-tick path{transition:none}}