@font-face{font-family:Salesforce Sans;src:url(SalesforceSans-Regular.e0db2f54.woff2)format("woff2"),url(SalesforceSans-Regular.8fc45820.woff)format("woff");font-weight:400;font-display:swap}@font-face{font-family:Salesforce Sans;src:url(SalesforceSans-Bold.8382d3d3.woff2)format("woff2"),url(SalesforceSans-Bold.aa03dec3.woff)format("woff");font-weight:700;font-display:swap}@font-face{font-family:ITC Avant Garde;src:url(AvantGardeDemi.81dd7943.woff2)format("woff2"),url(AvantGardeDemi.217b40df.woff)format("woff");font-weight:600;font-display:swap;font-style:normal;font-stretch:100%}:root{--c360-g-font-family-display:"ITC Avant Garde",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--c360-g-font-family-sans:"Salesforce Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--c360-g-font-family-monospace:Consolas,Menlo,Monaco,Courier,monospace;--c360-g-font-size-1:.75rem;--c360-g-font-size-2:.875rem;--c360-g-font-size-3:1rem;--c360-g-font-size-4:1.25rem;--c360-g-font-size-5:1.5rem;--c360-g-font-size-6:2rem;--c360-g-font-size-7:2.5rem;--c360-g-font-size-8:3rem;--c360-g-font-size-9:3.5rem;--c360-g-font-size-10:5rem}html{font-family:var(--c360-g-font-family-display);background:#22137a url(bg_kinetics_game_arena_basic.a664400b.jpg) 50%/cover no-repeat fixed}.demo .demo-button{visibility:hidden;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.demo-todo-list{max-width:48rem;transform:translateY(var(--demo-translate-y,0));background:#fff;margin:auto;padding:.5em 1em;font-size:20px;transition:transform .8s ease-out;box-shadow:0 5px 30px #0003}.todo{cursor:pointer;border-bottom:1px solid #ddd;margin:0 auto;padding:1em 1em 1em 16%;display:block;position:relative}.todo:last-child{border-bottom:none}.todo__state{opacity:0;position:absolute;top:0;left:0}.todo__text{color:#135156;transition:all .2s linear .2s}.todo__icon{width:100%;height:auto;fill:none;stroke:#27fdc7;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;margin:auto;position:absolute;top:0;bottom:0;left:0}.todo__line,.todo__box,.todo__check{transition:stroke-dashoffset .4s cubic-bezier(.9,0,.5,1)}.todo__circle{stroke:#27fdc7;stroke-dasharray:1 6;stroke-width:0;transform-origin:13.5px 12.5px;animation:none;transform:scale(.4)}@keyframes explode{30%{stroke-width:3px;stroke-opacity:1;transform:scale(.8)rotate(40deg)}to{stroke-width:0;stroke-opacity:0;transform:scale(1.1)rotate(60deg)}}.todo__box{stroke-dasharray:56.1053 56.1053;stroke-dashoffset:0;transition-delay:80ms}.todo__check{stroke:#27fdc7;stroke-dasharray:9.8995 9.8995;stroke-dashoffset:9.8995px;transition-duration:.16s}.todo__line{stroke-dasharray:168 1684;stroke-dashoffset:168px}.todo__circle{animation-duration:.28s;animation-delay:.28s}.todo__state:checked~.todo__text{color:#5ebec1;opacity:.6;transition-delay:0s}.todo__state:checked~.todo__icon .todo__box{stroke-dashoffset:56.1053px;transition-delay:0s}.todo__state:checked~.todo__icon .todo__line{stroke-dashoffset:-8px}.todo__state:checked~.todo__icon .todo__check{stroke-dashoffset:0;transition-delay:.24s}.todo__state:checked~.todo__icon .todo__circle{animation-name:explode}html{height:100%;display:flex}body{width:100%;margin:auto}
/*# sourceMappingURL=demo2.c284a020.css.map */