@property --zi-hot{syntax: "<number>"; inherits: true; initial-value: 0;}.zi-wrap{--zi-hot: 0;--zi-ease: cubic-bezier(.22, 1, .36, 1);display:inline-flex;flex-shrink:0;overflow:visible;line-height:0;pointer-events:auto}.zi-wrap.is-hot{--zi-hot: 1;color:var(--mint)}.zi-wrap.is-hot .zi{color:var(--mint);transition:color .18s var(--zi-ease)}.zi{display:block;overflow:visible;transition:color .18s var(--zi-ease)}.zi .p{transform-box:view-box;transform-origin:12px 12px;transition:transform .42s var(--zi-ease),opacity .32s var(--zi-ease),stroke-dashoffset .52s var(--zi-ease)}.zi[data-icon=mail]{overflow:visible}.zi[data-icon=mail] .cutout{opacity:0;transition:opacity .35s ease-in-out}.zi-wrap.is-hot .zi[data-icon=mail] .cutout,.zi.is-morphing .cutout{opacity:1;transition-delay:.4s}.zi[data-icon=attendance] .hour,.zi[data-icon=history] .hour,.zi[data-icon=attendance] .minute,.zi[data-icon=history] .minute{transform-box:view-box;transform-origin:12px 12px}.zi[data-icon=attendance] .hour,.zi[data-icon=history] .hour{transform:rotate(calc(var(--zi-hot) * 30deg))}.zi[data-icon=attendance] .minute,.zi[data-icon=history] .minute{transform:rotate(calc(var(--zi-hot) * 90deg));transition-duration:.52s}.zi[data-icon=classes] .left{transform-box:view-box;transform-origin:12px 12px;transform:scaleX(calc(.08 + var(--zi-hot) * .92))}.zi[data-icon=classes] .right{transform-origin:12px 12px}.zi[data-icon=docs] .writing{clip-path:inset(42% 16% 8% 22%)}.zi[data-icon=docs] .ink{stroke-dasharray:7;stroke-dashoffset:7;transition:stroke-dashoffset .42s var(--zi-ease)}.zi-wrap.is-hot .zi[data-icon=docs] .ink{stroke-dashoffset:0}.zi[data-icon=docs] .l2{transition-delay:90ms}.zi[data-icon=docs] .l3{transition-delay:.18s}.zi-wrap.is-hot .zi[data-icon=docs] .fold{animation:file-fold .4s ease}@keyframes file-fold{40%{transform:translate(-1px,1px)}}.zi[data-icon=overview] .t2{transform:translate(calc(var(--zi-hot) * 1.2px),calc(var(--zi-hot) * 1.2px))}.zi[data-icon=assignments] .clip{transform-origin:12px 4px;transform:translateY(calc(var(--zi-hot) * -2px))}.zi[data-icon=teachers] .b{transform-origin:16px 13px;transform:translate(calc((1 - var(--zi-hot)) * 3px));opacity:calc(.35 + var(--zi-hot) * .65)}.zi[data-icon=planner] .day{opacity:calc(.25 + var(--zi-hot) * .75);transform:scale(calc(.7 + var(--zi-hot) * .3))}.zi[data-icon=settings]{transform-origin:12px 12px;transform:rotate(calc(var(--zi-hot) * 90deg));transition:transform .5s var(--zi-ease)}.zi[data-icon=bell]{transform-origin:12px 12px;transform:rotate(calc(var(--zi-hot) * -12deg));transition:transform .48s var(--zi-ease)}.zi[data-icon=sun] .rays{transform-origin:12px 12px;transform:rotate(calc(var(--zi-hot) * 45deg))}.zi[data-icon=moon]{transform-origin:12px 12px;transform:rotate(calc(var(--zi-hot) * -18deg));transition:transform .48s var(--zi-ease)}.zi[data-icon=reset]{transform-origin:12px 12px;transform:rotate(calc(var(--zi-hot) * -180deg));transition:transform .56s var(--zi-ease)}.zi[data-icon=plus],.zi[data-icon=close]{transform-origin:12px 12px;transform:rotate(calc(var(--zi-hot) * 90deg));transition:transform .38s var(--zi-ease)}.zi[data-icon=lock] .shackle{transform-box:view-box;transform-origin:16px 8px;transform:rotate(calc(var(--zi-hot) * -28deg)) translate(calc(var(--zi-hot) * 1.4px),calc(var(--zi-hot) * -1.6px))}.zi[data-icon=play] .tri{transform-origin:11px 12px;transform:translate(calc(var(--zi-hot) * 1.5px)) scale(calc(1 + var(--zi-hot) * .08))}.zi[data-icon=term]{overflow:visible}.zi[data-icon=term] .cap{transform-origin:12px 13px;transform-box:view-box}.zi[data-icon=term] .tassel{transform-origin:21px 10.2px;transform-box:view-box}.zi[data-icon=term] .spark{opacity:0;transform-box:view-box}.zi[data-icon=term] .spark.a{transform-origin:4.4px 6.2px}.zi[data-icon=term] .spark.b{transform-origin:19.2px 4.5px}.zi[data-icon=term] .spark.c{transform-origin:8.2px 3.6px}.zi-wrap.is-hot .zi[data-icon=term] .cap{animation:term-toss .78s cubic-bezier(.22,1,.36,1)}.zi-wrap.is-hot .zi[data-icon=term] .tassel{animation:term-tassel 1.15s cubic-bezier(.22,1,.36,1)}.zi-wrap.is-hot .zi[data-icon=term] .spark.a{animation:term-spark .72s ease 60ms both}.zi-wrap.is-hot .zi[data-icon=term] .spark.b{animation:term-spark .72s ease .14s both}.zi-wrap.is-hot .zi[data-icon=term] .spark.c{animation:term-spark .64s ease .22s both}@keyframes term-toss{0%{transform:translateY(0) rotate(0)}28%{transform:translateY(-5px) rotate(-12deg)}52%{transform:translateY(-1px) rotate(6deg)}74%{transform:translateY(-2.5px) rotate(-3deg)}to{transform:translateY(0) rotate(0)}}@keyframes term-tassel{0%,to{transform:rotate(0)}18%{transform:rotate(42deg)}36%{transform:rotate(-28deg)}54%{transform:rotate(18deg)}72%{transform:rotate(-10deg)}86%{transform:rotate(5deg)}}@keyframes term-spark{0%{opacity:0;transform:scale(.15)}35%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(.7) translateY(-3px)}}.zi[data-icon=trend]{transform-origin:12px 12px;transform:translateY(calc(var(--zi-hot) * -2px));transition:transform .42s var(--zi-ease)}.zi[data-icon=trend] .tip{transform:translate(calc(var(--zi-hot) * 1.8px),calc(var(--zi-hot) * -1.8px))}.zi[data-icon=check] .mark{stroke-dasharray:22;stroke-dashoffset:calc((1 - var(--zi-hot)) * 22)}.zi[data-icon=calc] .keys{transform:translateY(calc(var(--zi-hot) * 1.2px))}.zi[data-icon=user] .head{transform-origin:12px 8px;transform:translateY(calc(var(--zi-hot) * -1.2px))}.zi[data-icon=feedback] .bubble{transform-origin:12px 18px;transform:translateY(calc(var(--zi-hot) * -1.6px)) scale(calc(1 + var(--zi-hot) * .06))}.zi[data-icon=logout] .arrow{transform-origin:9px 12px;transform:translate(calc(var(--zi-hot) * 2.6px))}.zi[data-icon=search] .glass{transform-origin:11px 11px;transform:translate(calc(var(--zi-hot) * 1.6px),calc(var(--zi-hot) * -1.4px))}.zi[data-icon=back] .chev{transform-origin:12px 12px;transform:translate(calc(var(--zi-hot) * -2.4px))}.zi[data-icon=copy] .back{transform:translate(calc(var(--zi-hot) * -1.6px),calc(var(--zi-hot) * -1.6px))}.zi[data-icon=eye] .lid{transform-origin:12px 12px;transform:scaleY(calc(1 - var(--zi-hot) * .88))}.zi[data-icon=link] .left{transform-origin:8px 12px;transform:translate(calc(var(--zi-hot) * -1.1px),calc(var(--zi-hot) * 1.1px))}.zi[data-icon=link] .right{transform-origin:16px 12px;transform:translate(calc(var(--zi-hot) * 1.1px),calc(var(--zi-hot) * -1.1px))}.zi[data-icon=clip] .wire{transform-origin:12px 8px;transform:rotate(calc(var(--zi-hot) * -18deg))}.zi[data-icon=columns] .c1,.zi[data-icon=columns] .c2,.zi[data-icon=columns] .c3{transform-origin:center bottom}.zi[data-icon=columns] .c1{transform:scaleY(calc(.45 + var(--zi-hot) * .55))}.zi[data-icon=columns] .c2{transform:scaleY(calc(.7 + var(--zi-hot) * .3));transition-delay:60ms}.zi[data-icon=columns] .c3{transform:scaleY(calc(.35 + var(--zi-hot) * .65));transition-delay:.12s}.zi[data-icon=pointer] .tip{transform-origin:10px 12px;transform:rotate(calc(var(--zi-hot) * 12deg)) scale(calc(1 - var(--zi-hot) * .06))}.zi[data-icon=notes] .l1,.zi[data-icon=notes] .l2,.zi[data-icon=notes] .l3{stroke-dasharray:12;stroke-dashoffset:calc((1 - var(--zi-hot)) * 12)}.zi[data-icon=notes] .l2{transition-delay:70ms}.zi[data-icon=notes] .l3{transition-delay:.14s}.zi[data-icon=missing] .bar{transform-origin:12px 12px;transform:scaleX(calc(1 + var(--zi-hot) * .2))}.zen-chart-fill{opacity:0;animation:zen-chart-fill-in .5s ease .38s forwards}.zen-chart-pts{opacity:0;animation:zen-chart-pts-in .4s ease .78s forwards}@keyframes zen-chart-fill-in{to{opacity:1}}@keyframes zen-chart-pts-in{to{opacity:1}}@media(prefers-reduced-motion:reduce){.zi .p,.zi[data-icon=mail] .cutout,.zi[data-icon=settings],.zi[data-icon=bell],.zi[data-icon=moon],.zi[data-icon=reset],.zi[data-icon=plus],.zi[data-icon=close]{transition-duration:1ms!important;transition-delay:0ms!important}.zi-wrap.is-hot .zi[data-icon=docs] .fold,.zi-wrap.is-hot .zi[data-icon=term] .cap,.zi-wrap.is-hot .zi[data-icon=term] .tassel,.zi-wrap.is-hot .zi[data-icon=term] .spark{animation:none!important}.zi[data-icon=docs] .ink{transition:none!important;stroke-dashoffset:0}.zen-chart-fill,.zen-chart-pts{animation:none;opacity:1}}