:root{font-size:14px;user-select:none;-webkit-user-drag:none;cursor:default;font-family:inherit}@media(min-width:480px){:root{font-size:16px}}html{overscroll-behavior:none}body{-webkit-user-select:none;user-select:none}html.dark body{background-color:rgba(var(--color-black),1)}body main .video{transition:all .8s cubic-bezier(.56,0,.08,1.01)}body main .badge,body main .credits,body main .draw,body main .xpUp{transition:all .6s cubic-bezier(.56,0,.08,1.01)}body main .badge div,body main .credits div,body main .xpUp div{letter-spacing:.04em;color:rgba(var(--color-darkgreen),1)}html.dark body main .badge div,html.dark body main .credits div,html.dark body main .xpUp div{color:rgba(var(--color-almostwhite),1)}body main svg [font-family]{font-family:inherit;font-weight:250}body main .compareSolutions,body main .traditional{border:2px solid rgba(var(--color-green),0);color:rgba(var(--color-darkgreen),1);letter-spacing:.04em;background-color:rgba(var(--color-green),.15);transition:background-color .2s}html.dark body main .compareSolutions,html.dark body main .traditional{background-color:rgba(var(--color-darkgreen),.4);color:rgba(var(--color-almostwhite),1)}body main .compareSolutions .badfile a,body main .compareSolutions .badfile>div,body main .compareSolutions .busy a,body main .compareSolutions .busy>div,body main .compareSolutions .download a,body main .compareSolutions .download>div,body main .compareSolutions .upload a,body main .compareSolutions .upload>div,body main .traditional .badfile a,body main .traditional .badfile>div,body main .traditional .busy a,body main .traditional .busy>div,body main .traditional .download a,body main .traditional .download>div,body main .traditional .upload a,body main .traditional .upload>div{position:relative}body main .compareSolutions .badfile a .rounded-full,body main .compareSolutions .badfile>div .rounded-full,body main .compareSolutions .busy a .rounded-full,body main .compareSolutions .busy>div .rounded-full,body main .compareSolutions .download a .rounded-full,body main .compareSolutions .download>div .rounded-full,body main .compareSolutions .upload a .rounded-full,body main .compareSolutions .upload>div .rounded-full,body main .traditional .badfile a .rounded-full,body main .traditional .badfile>div .rounded-full,body main .traditional .busy a .rounded-full,body main .traditional .busy>div .rounded-full,body main .traditional .download a .rounded-full,body main .traditional .download>div .rounded-full,body main .traditional .upload a .rounded-full,body main .traditional .upload>div .rounded-full{background-color:rgba(var(--color-green),.4);transition:all .2s cubic-bezier(.56,0,.08,1.01);position:relative;margin:2rem;display:flex;justify-content:center;align-items:center;height:40vw;width:auto;aspect-ratio:1}html.dark body main .compareSolutions .badfile a .rounded-full,html.dark body main .compareSolutions .badfile>div .rounded-full,html.dark body main .compareSolutions .busy a .rounded-full,html.dark body main .compareSolutions .busy>div .rounded-full,html.dark body main .compareSolutions .download a .rounded-full,html.dark body main .compareSolutions .download>div .rounded-full,html.dark body main .compareSolutions .upload a .rounded-full,html.dark body main .compareSolutions .upload>div .rounded-full,html.dark body main .traditional .badfile a .rounded-full,html.dark body main .traditional .badfile>div .rounded-full,html.dark body main .traditional .busy a .rounded-full,html.dark body main .traditional .busy>div .rounded-full,html.dark body main .traditional .download a .rounded-full,html.dark body main .traditional .download>div .rounded-full,html.dark body main .traditional .upload a .rounded-full,html.dark body main .traditional .upload>div .rounded-full{background-color:rgba(var(--color-darkgreen),.6)}@media(min-width:640px){body main .compareSolutions .badfile a .rounded-full,body main .compareSolutions .badfile>div .rounded-full,body main .compareSolutions .busy a .rounded-full,body main .compareSolutions .busy>div .rounded-full,body main .compareSolutions .download a .rounded-full,body main .compareSolutions .download>div .rounded-full,body main .compareSolutions .upload a .rounded-full,body main .compareSolutions .upload>div .rounded-full,body main .traditional .badfile a .rounded-full,body main .traditional .badfile>div .rounded-full,body main .traditional .busy a .rounded-full,body main .traditional .busy>div .rounded-full,body main .traditional .download a .rounded-full,body main .traditional .download>div .rounded-full,body main .traditional .upload a .rounded-full,body main .traditional .upload>div .rounded-full{height:30vh}}body main .compareSolutions .badfile a .rounded-full svg,body main .compareSolutions .badfile>div .rounded-full svg,body main .compareSolutions .busy a .rounded-full svg,body main .compareSolutions .busy>div .rounded-full svg,body main .compareSolutions .download a .rounded-full svg,body main .compareSolutions .download>div .rounded-full svg,body main .compareSolutions .upload a .rounded-full svg,body main .compareSolutions .upload>div .rounded-full svg,body main .traditional .badfile a .rounded-full svg,body main .traditional .badfile>div .rounded-full svg,body main .traditional .busy a .rounded-full svg,body main .traditional .busy>div .rounded-full svg,body main .traditional .download a .rounded-full svg,body main .traditional .download>div .rounded-full svg,body main .traditional .upload a .rounded-full svg,body main .traditional .upload>div .rounded-full svg{color:rgba(var(--color-darkgreen),1);width:20vw;height:20vw;min-width:3rem;min-height:3rem;max-width:8rem;max-height:8rem}@media(min-width:1024px){body main .compareSolutions .badfile a .rounded-full svg,body main .compareSolutions .badfile>div .rounded-full svg,body main .compareSolutions .busy a .rounded-full svg,body main .compareSolutions .busy>div .rounded-full svg,body main .compareSolutions .download a .rounded-full svg,body main .compareSolutions .download>div .rounded-full svg,body main .compareSolutions .upload a .rounded-full svg,body main .compareSolutions .upload>div .rounded-full svg,body main .traditional .badfile a .rounded-full svg,body main .traditional .badfile>div .rounded-full svg,body main .traditional .busy a .rounded-full svg,body main .traditional .busy>div .rounded-full svg,body main .traditional .download a .rounded-full svg,body main .traditional .download>div .rounded-full svg,body main .traditional .upload a .rounded-full svg,body main .traditional .upload>div .rounded-full svg{width:12dvh;height:12dvh}}html.dark body main .compareSolutions .badfile a .rounded-full svg,html.dark body main .compareSolutions .badfile>div .rounded-full svg,html.dark body main .compareSolutions .busy a .rounded-full svg,html.dark body main .compareSolutions .busy>div .rounded-full svg,html.dark body main .compareSolutions .download a .rounded-full svg,html.dark body main .compareSolutions .download>div .rounded-full svg,html.dark body main .compareSolutions .upload a .rounded-full svg,html.dark body main .compareSolutions .upload>div .rounded-full svg,html.dark body main .traditional .badfile a .rounded-full svg,html.dark body main .traditional .badfile>div .rounded-full svg,html.dark body main .traditional .busy a .rounded-full svg,html.dark body main .traditional .busy>div .rounded-full svg,html.dark body main .traditional .download a .rounded-full svg,html.dark body main .traditional .download>div .rounded-full svg,html.dark body main .traditional .upload a .rounded-full svg,html.dark body main .traditional .upload>div .rounded-full svg{color:rgba(var(--color-green),1)}body main .compareSolutions .badfile a .rounded-full .filepreview,body main .compareSolutions .badfile>div .rounded-full .filepreview,body main .compareSolutions .busy a .rounded-full .filepreview,body main .compareSolutions .busy>div .rounded-full .filepreview,body main .compareSolutions .download a .rounded-full .filepreview,body main .compareSolutions .download>div .rounded-full .filepreview,body main .compareSolutions .upload a .rounded-full .filepreview,body main .compareSolutions .upload>div .rounded-full .filepreview,body main .traditional .badfile a .rounded-full .filepreview,body main .traditional .badfile>div .rounded-full .filepreview,body main .traditional .busy a .rounded-full .filepreview,body main .traditional .busy>div .rounded-full .filepreview,body main .traditional .download a .rounded-full .filepreview,body main .traditional .download>div .rounded-full .filepreview,body main .traditional .upload a .rounded-full .filepreview,body main .traditional .upload>div .rounded-full .filepreview{display:flex;justify-content:center;align-items:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%) scale(1.6)}body main .compareSolutions .badfile a .rounded-full .filepreview img,body main .compareSolutions .badfile>div .rounded-full .filepreview img,body main .compareSolutions .busy a .rounded-full .filepreview img,body main .compareSolutions .busy>div .rounded-full .filepreview img,body main .compareSolutions .download a .rounded-full .filepreview img,body main .compareSolutions .download>div .rounded-full .filepreview img,body main .compareSolutions .upload a .rounded-full .filepreview img,body main .compareSolutions .upload>div .rounded-full .filepreview img,body main .traditional .badfile a .rounded-full .filepreview img,body main .traditional .badfile>div .rounded-full .filepreview img,body main .traditional .busy a .rounded-full .filepreview img,body main .traditional .busy>div .rounded-full .filepreview img,body main .traditional .download a .rounded-full .filepreview img,body main .traditional .download>div .rounded-full .filepreview img,body main .traditional .upload a .rounded-full .filepreview img,body main .traditional .upload>div .rounded-full .filepreview img{transform:rotate(-10deg);background-color:#fff;-webkit-box-shadow:0 10px 16px -16px rgba(0,0,0,.5);-moz-box-shadow:0 10px 16px -16px rgba(0,0,0,.5);box-shadow:0 10px 16px -16px rgba(0,0,0,.5)}body main .compareSolutions .badfile a .uppercase,body main .compareSolutions .badfile>div .uppercase,body main .compareSolutions .busy a .uppercase,body main .compareSolutions .busy>div .uppercase,body main .compareSolutions .download a .uppercase,body main .compareSolutions .download>div .uppercase,body main .compareSolutions .upload a .uppercase,body main .compareSolutions .upload>div .uppercase,body main .traditional .badfile a .uppercase,body main .traditional .badfile>div .uppercase,body main .traditional .busy a .uppercase,body main .traditional .busy>div .uppercase,body main .traditional .download a .uppercase,body main .traditional .download>div .uppercase,body main .traditional .upload a .uppercase,body main .traditional .upload>div .uppercase{line-height:1.2em}body main .compareSolutions .badfile a:hover .rounded-full,body main .compareSolutions .busy a:hover .rounded-full,body main .compareSolutions .download a:hover .rounded-full,body main .compareSolutions .upload a:hover .rounded-full,body main .traditional .badfile a:hover .rounded-full,body main .traditional .busy a:hover .rounded-full,body main .traditional .download a:hover .rounded-full,body main .traditional .upload a:hover .rounded-full{background-color:rgba(var(--color-green),.8);transform:scale(.97)}body main .compareSolutions .badfile .underline,body main .compareSolutions .busy .underline,body main .compareSolutions .download .underline,body main .compareSolutions .upload .underline,body main .traditional .badfile .underline,body main .traditional .busy .underline,body main .traditional .download .underline,body main .traditional .upload .underline{text-underline-offset:.3em;text-decoration-thickness:.1em;transition:all .4s cubic-bezier(.56,0,.08,1.01);cursor:pointer}body main .compareSolutions .download a .rounded-full,body main .compareSolutions .download+.sep+.upload a .rounded-full,body main .compareSolutions .download+.sep+.upload>div .rounded-full,body main .compareSolutions .download>div .rounded-full,body main .traditional .download a .rounded-full,body main .traditional .download+.sep+.upload a .rounded-full,body main .traditional .download+.sep+.upload>div .rounded-full,body main .traditional .download>div .rounded-full{height:8dvh}@media(min-width:1024px){body main .compareSolutions .download a .rounded-full,body main .compareSolutions .download+.sep+.upload a .rounded-full,body main .compareSolutions .download+.sep+.upload>div .rounded-full,body main .compareSolutions .download>div .rounded-full,body main .traditional .download a .rounded-full,body main .traditional .download+.sep+.upload a .rounded-full,body main .traditional .download+.sep+.upload>div .rounded-full,body main .traditional .download>div .rounded-full{height:30vh}}body main .compareSolutions .download a .rounded-full svg,body main .compareSolutions .download+.sep+.upload a .rounded-full svg,body main .compareSolutions .download+.sep+.upload>div .rounded-full svg,body main .compareSolutions .download>div .rounded-full svg,body main .traditional .download a .rounded-full svg,body main .traditional .download+.sep+.upload a .rounded-full svg,body main .traditional .download+.sep+.upload>div .rounded-full svg,body main .traditional .download>div .rounded-full svg{width:3dvh;height:3dvh}@media(min-width:1024px){body main .compareSolutions .download a .rounded-full svg,body main .compareSolutions .download+.sep+.upload a .rounded-full svg,body main .compareSolutions .download+.sep+.upload>div .rounded-full svg,body main .compareSolutions .download>div .rounded-full svg,body main .traditional .download a .rounded-full svg,body main .traditional .download+.sep+.upload a .rounded-full svg,body main .traditional .download+.sep+.upload>div .rounded-full svg,body main .traditional .download>div .rounded-full svg{width:20vw;height:20vw}}body main .compareSolutions .badfile .iconLink .icon,body main .compareSolutions .badfile .iconLink .icon *,body main .traditional .badfile .iconLink .icon,body main .traditional .badfile .iconLink .icon *{color:rgba(var(--color-darkgreen),1)}html.dark body main .compareSolutions .badfile .iconLink .icon,html.dark body main .compareSolutions .badfile .iconLink .icon *,html.dark body main .traditional .badfile .iconLink .icon,html.dark body main .traditional .badfile .iconLink .icon *{color:rgba(var(--color-green),1)}body main .compareSolutions .sep,body main .traditional .sep{display:flex;width:calc(100% - 10vw);min-height:1px;max-height:1px;height:1px;align-self:center;background-color:rgba(var(--color-darkgreen),.12)}html.dark body main .compareSolutions .sep,html.dark body main .traditional .sep{background-color:rgba(var(--color-green),.12)}@media(min-width:1024px){body main .compareSolutions .sep,body main .traditional .sep{width:1px;min-width:1px;max-width:1px;height:32vh;min-height:30rem}}body main .compareSolutions.dragging,body main .traditional.dragging{border:2px dashed rgba(var(--color-darkgreen),.3);background-color:rgba(var(--color-green),.24)}body main .compareSolutions.error,body main .traditional.error{background-color:rgba(var(--color-pink),.08)}html.dark body main .compareSolutions.error,html.dark body main .traditional.error{background-color:rgba(var(--color-wine),.5)}body main .compareSolutions.error,body main .compareSolutions.error *,body main .traditional.error,body main .traditional.error *{color:rgba(var(--color-wine),1)}html.dark body main .compareSolutions.error,html.dark body main .compareSolutions.error *,html.dark body main .traditional.error,html.dark body main .traditional.error *{color:rgb(254.6,220,232.6)}body main .compareSolutions.error a .rounded-full,body main .compareSolutions.error a:hover .rounded-full,body main .compareSolutions.error>div .rounded-full,body main .traditional.error a .rounded-full,body main .traditional.error a:hover .rounded-full,body main .traditional.error>div .rounded-full,html.dark body main .compareSolutions.error a .rounded-full,html.dark body main .compareSolutions.error a:hover .rounded-full,html.dark body main .compareSolutions.error>div .rounded-full,html.dark body main .traditional.error a .rounded-full,html.dark body main .traditional.error a:hover .rounded-full,html.dark body main .traditional.error>div .rounded-full{background-color:rgba(var(--color-pink),.4)}body main .compareSolutions.error a .rounded-full svg,body main .compareSolutions.error a:hover .rounded-full svg,body main .compareSolutions.error>div .rounded-full svg,body main .traditional.error a .rounded-full svg,body main .traditional.error a:hover .rounded-full svg,body main .traditional.error>div .rounded-full svg{color:rgba(var(--color-wine),1)}body main .compareSolutions.error .sep,body main .traditional.error .sep{background-color:rgba(var(--color-wine),.2)}body main .compareSolutions.error.dragging,body main .traditional.error.dragging{border:2px dashed rgba(var(--color-wine),.3);background-color:rgba(var(--color-pink),.16)}body main .compareSolutions img{max-height:50vh}body .bottombarBadge,body .bottombarComplete,body .bottombarDraw{position:relative;transition:all .4s cubic-bezier(.56,0,.08,1.01);top:0;height:6rem;justify-content:center}@media(min-width:768px){body .bottombarBadge,body .bottombarComplete,body .bottombarDraw{height:3rem}}body .bottombarBadge a.link,body .bottombarBadge button.link,body .bottombarComplete a.link,body .bottombarComplete button.link,body .bottombarDraw a.link,body .bottombarDraw button.link{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:.1em;transition:all .4s cubic-bezier(.56,0,.08,1.01);cursor:pointer;color:rgb(var(--color-darkgreen));font-size:.75rem;text-transform:uppercase;font-weight:450;letter-spacing:.04em;opacity:.5}html.dark body .bottombarBadge a.link,html.dark body .bottombarBadge button.link,html.dark body .bottombarComplete a.link,html.dark body .bottombarComplete button.link,html.dark body .bottombarDraw a.link,html.dark body .bottombarDraw button.link{color:rgb(var(--color-almostwhite))}body .bottombarBadge a.link:hover,body .bottombarBadge button.link:hover,body .bottombarComplete a.link:hover,body .bottombarComplete button.link:hover,body .bottombarDraw a.link:hover,body .bottombarDraw button.link:hover{opacity:1}body .bottombarBadge .sides,body .bottombarComplete .sides,body .bottombarDraw .sides{z-index:2;width:100%}body .bottombarBadge .mid,body .bottombarComplete .mid,body .bottombarDraw .mid{height:100%;z-index:1;position:absolute;bottom:5rem}body .bottombarBadge .mid .stats,body .bottombarComplete .mid .stats,body .bottombarDraw .mid .stats{display:flex;gap:5vw;transition:all .4s cubic-bezier(.56,0,.08,1.01)}@media(min-width:640px){body .bottombarBadge .mid .stats,body .bottombarComplete .mid .stats,body .bottombarDraw .mid .stats{gap:1.6rem}}@media(min-width:1024px){body .bottombarBadge .mid .stats,body .bottombarComplete .mid .stats,body .bottombarDraw .mid .stats{gap:3rem}}body .bottombarBadge .mid .stats .stat,body .bottombarComplete .mid .stats .stat,body .bottombarDraw .mid .stats .stat{position:relative;width:2.4rem;height:2.4rem;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;color:rgb(var(--color-darkgreen));font-size:1.1rem;transform:translateY(-3rem)}@media(min-width:1024px){body .bottombarBadge .mid .stats .stat,body .bottombarComplete .mid .stats .stat,body .bottombarDraw .mid .stats .stat{transform:translateY(-1rem)}}html.dark body .bottombarBadge .mid .stats .stat,html.dark body .bottombarComplete .mid .stats .stat,html.dark body .bottombarDraw .mid .stats .stat{color:rgb(var(--color-almostwhite))}body .bottombarBadge .mid .stats .stat,body .bottombarComplete .mid .stats .stat,body .bottombarDraw .mid .stats .stat{background:conic-gradient(rgba(var(--color-gold),1) calc(var(--percentage) * 1%),rgba(var(--color-gold),.3) calc(var(--percentage) * 1%))}body .bottombarBadge .mid .stats .stat span,body .bottombarComplete .mid .stats .stat span,body .bottombarDraw .mid .stats .stat span{position:absolute;left:0;top:calc(100% + .6em);font-weight:500;font-size:.9em;width:100%;color:rgba(var(--color-gold),1)}@media(min-width:1024px){body .bottombarBadge .mid .stats .stat span,body .bottombarComplete .mid .stats .stat span,body .bottombarDraw .mid .stats .stat span{left:calc(100% + .6em);top:.5em;text-align:left}}body .bottombarBadge .mid .stats .stat.purple,body .bottombarComplete .mid .stats .stat.purple,body .bottombarDraw .mid .stats .stat.purple{background:conic-gradient(rgba(var(--color-purple),1) calc(var(--percentage) * 1%),rgba(var(--color-purple),.3) calc(var(--percentage) * 1%))}body .bottombarBadge .mid .stats .stat.purple span,body .bottombarComplete .mid .stats .stat.purple span,body .bottombarDraw .mid .stats .stat.purple span{color:rgba(var(--color-purple),1)}body .bottombarBadge .mid .stats .stat.pink,body .bottombarComplete .mid .stats .stat.pink,body .bottombarDraw .mid .stats .stat.pink{background:conic-gradient(rgba(var(--color-pink),1) calc(var(--percentage) * 1%),rgba(var(--color-pink),.3) calc(var(--percentage) * 1%))}body .bottombarBadge .mid .stats .stat.pink span,body .bottombarComplete .mid .stats .stat.pink span,body .bottombarDraw .mid .stats .stat.pink span{color:rgba(var(--color-pink),1)}body .bottombarBadge .mid .stats .stat.green,body .bottombarComplete .mid .stats .stat.green,body .bottombarDraw .mid .stats .stat.green{background:conic-gradient(rgba(var(--color-green),1) calc(var(--percentage) * 1%),rgba(var(--color-green),.3) calc(var(--percentage) * 1%))}body .bottombarBadge .mid .stats .stat.green span,body .bottombarComplete .mid .stats .stat.green span,body .bottombarDraw .mid .stats .stat.green span{color:rgba(var(--color-green),1)}body .bottombarBadge .mid .stats .stat.blue,body .bottombarComplete .mid .stats .stat.blue,body .bottombarDraw .mid .stats .stat.blue{background:conic-gradient(rgba(var(--color-blue),1) calc(var(--percentage) * 1%),rgba(var(--color-blue),.3) calc(var(--percentage) * 1%))}body .bottombarBadge .mid .stats .stat.blue span,body .bottombarComplete .mid .stats .stat.blue span,body .bottombarDraw .mid .stats .stat.blue span{color:rgba(var(--color-blue),1)}body .bottombarBadge .mid .stats .stat.red,body .bottombarComplete .mid .stats .stat.red,body .bottombarDraw .mid .stats .stat.red{background:conic-gradient(rgba(var(--color-red),1) calc(var(--percentage) * 1%),rgba(var(--color-red),.3) calc(var(--percentage) * 1%))}body .bottombarBadge .mid .stats .stat.red span,body .bottombarComplete .mid .stats .stat.red span,body .bottombarDraw .mid .stats .stat.red span{color:rgba(var(--color-red),1)}body .bottombarBadge .mid .stats .stat:after,body .bottombarComplete .mid .stats .stat:after,body .bottombarDraw .mid .stats .stat:after{content:"";position:absolute;width:86%;height:86%;background:rgb(var(--color-white));border-radius:50%;z-index:-1}html.dark body .bottombarBadge .mid .stats .stat:after,html.dark body .bottombarComplete .mid .stats .stat:after,html.dark body .bottombarDraw .mid .stats .stat:after{background:rgba(var(--color-black),1)}body .bottombarBadge.collapsed,body .bottombarComplete.collapsed,body .bottombarDraw.collapsed{margin-top:-6rem;top:6rem;opacity:0;pointer-events:none}@media(min-width:768px){body .bottombarBadge.collapsed,body .bottombarComplete.collapsed,body .bottombarDraw.collapsed{margin-top:-3rem;top:3rem}}body .bottombarBadge.collapsed .mid .stats,body .bottombarComplete.collapsed .mid .stats,body .bottombarDraw.collapsed .mid .stats{gap:0;transform:translateY(3rem)}.iconLink,.spinnerMessage{display:flex;justify-content:center;align-items:center;gap:.5rem;pointer-events:auto;padding:0;background-color:rgba(0,0,0,0);opacity:1;transition:all .4s cubic-bezier(.56,0,.08,1.01)}.iconLink .icon,.spinnerMessage .icon{border-radius:50%;background-color:rgba(var(--color-green),.4);height:2rem;width:2rem;justify-content:center;align-items:center;display:flex;transition:all .2s;color:rgba(var(--color-darkgreen),1)}html.dark .iconLink .icon,html.dark .spinnerMessage .icon{background-color:rgba(var(--color-darkgreen),1);color:rgba(var(--color-green),1)}.iconLink .label,.spinnerMessage .label{display:flex;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;font-weight:500;text-align:left;line-height:1.2em;color:rgba(var(--color-darkgreen),1)}html.dark .iconLink .label,html.dark .spinnerMessage .label{color:rgba(var(--color-almostwhite),1)}.iconLink .label,.iconLink .label *,.spinnerMessage .label,.spinnerMessage .label *{letter-spacing:.04em}.iconLink.hidden{opacity:0}.iconLink.active{pointer-events:none}.iconLink.active .icon{background-color:rgba(var(--color-darkgreen),1);color:rgba(var(--color-white),1)}html.dark .iconLink.active .icon{background-color:rgba(var(--color-green),1);color:rgba(var(--color-darkgreen),1)}.iconLink:hover{background-color:rgba(0,0,0,0)}.iconLink:hover .icon{background-color:rgba(var(--color-green),.7);color:rgba(var(--color-darkgreen),1)}html.dark .iconLink:hover .icon{background-color:rgba(var(--color-green),.5)}.xp{display:flex;flex-direction:row;position:relative;width:5rem;height:2rem;overflow:hidden;padding-left:.7rem;padding-right:.5rem;transition:all .6s cubic-bezier(.56,0,.08,1.01);background-color:rgba(var(--color-sunlight),1);transform:translateX(.5rem)}.xp,.xp *{font-weight:400;color:rgba(var(--color-gold),1)}.xp .xpIncrease{display:flex;flex-direction:column;align-self:flex-start;transition:all .6s cubic-bezier(.56,0,.08,1.01)}.xp .xpIncrease span{display:block;line-height:2rem;height:2rem;color:rgb(var(--color-bronze))}.xp.hidden{transform:translateX(-2rem);opacity:0}.xpUpIcon i{font-size:10rem;display:flex;position:relative;top:-.2rem;color:rgba(var(--color-gold),1)}.xpUpIcon .value{font-size:3rem;transform:translateY(.1em)}.modeSwitch{display:flex;position:relative}.modeSwitch .options{display:flex;flex-direction:row;justify-content:center;align-items:center;height:2rem;background-color:rgba(var(--color-darkgreen),.12);border-radius:2rem;transition:all .3s linear}html.dark .modeSwitch .options{background-color:rgba(var(--color-darkgreen),.6)}.modeSwitch .options:hover{background-color:rgba(var(--color-darkgreen),.18)}.modeSwitch .options .option{display:flex;justify-content:center;align-items:center;padding:0 1rem;height:100%;border-radius:2rem;line-height:1.2rem;z-index:2;cursor:pointer;color:rgba(var(--color-darkgreen),.7);background-color:rgba(0,0,0,0);text-transform:uppercase;font-weight:400;letter-spacing:.04em;font-size:.8rem;line-height:1.2em;white-space:nowrap;transition:all .2s linear}html.dark .modeSwitch .options .option{color:rgba(var(--color-green),.7)}.modeSwitch .options .option:hover{color:rgba(var(--color-darkgreen),1)}html.dark .modeSwitch .options .option:hover{color:rgba(var(--color-green),1)}.modeSwitch .options .option.active{cursor:default;background-color:rgba(var(--color-darkgreen),1);color:rgba(var(--color-white),1);pointer-events:none}html.dark .modeSwitch .options .option.active{color:rgba(var(--color-almostblack),1);background-color:rgba(var(--color-green),1)}.modeSwitch .options+button{background-color:rgba(0,0,0,0);opacity:.7}.modeSwitch .options+button,.modeSwitch .options+button *{color:rgba(var(--color-darkgreen),1)}html.dark .modeSwitch .options+button,html.dark .modeSwitch .options+button *{color:rgba(var(--color-almostwhite),.7)}.modeSwitch .options+button:hover{opacity:1}.modeSwitch .selector{background-color:rgba(var(--color-darkgreen),1);border:1px solid rgba(var(--color-darkgreen),1);color:rgba(var(--color-darkgreen),1);position:absolute;height:100%;border-radius:2rem;left:0;width:50%;z-index:1;transition:all .3s ease-in-out}.button{line-height:1.2rem;pointer-events:auto;background-color:rgb(var(--color-green));transition:all .2s;border-radius:9999px;text-transform:uppercase;height:2rem;padding-left:1rem;padding-right:1rem;font-size:1rem;font-weight:500;align-self:center;transform:scale(1);transition:all .3s cubic-bezier(.56,0,.08,1.01)}.button,.button *{letter-spacing:.04em;color:rgb(var(--color-white))}html.dark .button,html.dark .button *{color:rgba(var(--color-almostblack),1)}.button.strong{background-color:rgb(var(--color-darkgreen))}html.dark .button.strong{background-color:rgba(var(--color-almostwhite),1)}.button.disabled{pointer-events:none;opacity:.4}.button:hover{background-color:rgb(var(--color-darkgreen));transform:scale(1.05)}html.dark .button:hover{background-color:rgb(var(--color-almostwhite))}.vimeo{background-color:rgba(var(--color-green),.15)}html.dark .vimeo{background-color:rgba(var(--color-darkgreen),.4)}.exerciseHeader{position:relative;pointer-events:none;background-color:var(--color-white)}html.dark .exerciseHeader{background-color:var(--color-black)}.exerciseHeader .sides{z-index:2;overflow:hidden}.exerciseHeader .mid{z-index:1}.exerciseHeader .exit{pointer-events:all;height:3rem;width:2rem;display:flex;align-items:center;justify-content:center;opacity:.7;transition:all .3s cubic-bezier(.56,0,.08,1.01)}html.dark .exerciseHeader .exit{color:rgba(var(--color-almostwhite),1)}.exerciseHeader .exit:hover{opacity:1}.exerciseHeader .artwod-logo{display:block;border-radius:50%;background-image:url(/icons/app/general/logo.svg);background-repeat:no-repeat;background-position:50%;background-size:55%;background-color:rgba(var(--color-darkgreen),1);pointer-events:auto}.exerciseHeader .exerciseTitle,.exerciseHeader .exerciseTitle *{letter-spacing:.04em;color:rgba(var(--color-darkgreen),1)}html.dark .exerciseHeader .exerciseTitle,html.dark .exerciseHeader .exerciseTitle *{color:rgba(var(--color-almostwhite),1)}.exerciseHeader .exerciseTitle div:first-child{opacity:.7;font-size:.6em}@media(min-width:480px){.exerciseHeader .exerciseTitle div:first-child{font-size:.7em}}.exerciseHeader .exerciseTitle div:last-child{line-height:1.2em}.exerciseHeader .exerciseInstruction{max-height:1.2em;overflow:hidden;width:100%;text-align:center;transition:all .3s linear;pointer-events:all;margin-bottom:4rem;max-width:40rem;transition:all .4s cubic-bezier(.56,0,.08,1.01)}.exerciseHeader .exerciseInstruction,.exerciseHeader .exerciseInstruction *{letter-spacing:.04em;color:rgba(var(--color-darkgreen),1)}html.dark .exerciseHeader .exerciseInstruction,html.dark .exerciseHeader .exerciseInstruction *{color:rgba(var(--color-almostwhite),1)}.exerciseHeader .exerciseInstruction span{position:absolute;bottom:3.5rem;font-size:.8em;text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:.1em;transition:all .4s cubic-bezier(.56,0,.08,1.01);cursor:pointer;opacity:.5}@media(min-width:1024px){.exerciseHeader .exerciseInstruction span{bottom:2rem}}.exerciseHeader .exerciseInstruction span:hover{opacity:1}.exerciseHeader .exerciseInstruction.expanded{max-height:10em}.exerciseHeader .exerciseInstruction.hidden{max-height:1.2em;opacity:0;pointer-events:none;display:inherit}.exerciseProgress{background-color:rgba(var(--color-gold),.4);color:rgb(var(--color-white));border-radius:1rem;display:flex;flex-direction:row;position:relative;transform:translateX(0);top:0;opacity:1;pointer-events:unset}.exerciseProgress,.exerciseProgress *{transition:all .7s cubic-bezier(.56,0,.08,1.01)}.exerciseProgress .steps{z-index:2;display:flex;gap:0;overflow:hidden}.exerciseProgress .steps .step{padding:0 1rem;height:2rem;justify-content:center;align-items:center;display:flex;flex-direction:row;letter-spacing:.03em;color:rgba(var(--color-sunlight),1);font-size:1rem;font-weight:400;cursor:default;pointer-events:none;background-color:rgba(0,0,0,0);text-transform:uppercase;transform:scale(.8)}.exerciseProgress .steps .step.active,.exerciseProgress .steps .step.done{transform:scale(1);text-decoration:underline;color:rgb(var(--color-sunlight))}.exerciseProgress .steps .step.active:hover,.exerciseProgress .steps .step.done:hover{color:rgb(var(--color-white))}.exerciseProgress .steps .step.done:not(.active){pointer-events:auto;cursor:pointer}.exerciseProgress .completedTxt{position:absolute;top:1rem;z-index:2;opacity:0;width:100%;text-transform:uppercase;letter-spacing:.04em;line-height:2rem}.exerciseProgress .bar{position:absolute;height:100%;max-width:100%;z-index:1;border-radius:1rem;opacity:1;transition:all .7s cubic-bezier(.56,0,.08,1.01);background-color:rgba(var(--color-gold),1)}.exerciseProgress.completed{transform:translateX(2.5rem);background-color:rgba(var(--color-green),.4)}html.dark .exerciseProgress.completed{background-color:rgba(var(--color-darkgreen),.4)}.exerciseProgress.completed .steps .step{transform:scale(1) translateY(-2rem)}.exerciseProgress.completed .bar{transition:all .7s cubic-bezier(.56,0,.08,1.01);opacity:0}.exerciseProgress.completed .completedTxt{opacity:1;top:0;color:rgb(var(--color-darkgreen));font-weight:600}html.dark .exerciseProgress.completed .completedTxt{color:rgb(var(--color-green))}.exerciseProgress.lesson{transform:translateX(2.5rem)}.exerciseProgress.hidden{opacity:0;pointer-events:none;top:-3rem}.hidden-step{opacity:0;pointer-events:none;transform:translateY(3rem);transition:opacity .3s ease,transform .3s ease;position:absolute;z-index:1}.visible-step{opacity:1;pointer-events:auto;transform:translateY(0);transition:opacity .3s ease .6s,transform .3s ease .6s;z-index:2}.vertical-slider input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:24px;background-color:#14ccc6;border-radius:12px;cursor:pointer;border:none}.vertical-slider input[type=range]::-moz-range-thumb{width:16px;height:24px;background-color:#14ccc6;border-radius:12px;cursor:pointer;border:none}.practiceLevel{background-color:#fff}.practiceLevel svg{fill:rgba(var(--color-green),.4)}.practiceLevel.completed{background-color:rgba(var(--color-sunlight),1)}.practiceLevel.completed svg{fill:rgba(var(--color-gold),1)}.node{border-radius:50%;background-position:50%;background-repeat:no-repeat;background-size:cover;height:8.4em;width:8.4em;display:flex;justify-content:center;align-items:center;border:.6em solid #14ccc6;transform:scale(.97);transition:all .3s cubic-bezier(.56,0,.08,1.01);cursor:default}html.dark .node{border:.6em solid #004959}.node:before{content:"";position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;border:.6em solid #fff;border-radius:50%;background-color:rgba(20,204,198,.24);transition:all .3s cubic-bezier(.56,0,.08,1.01)}html.dark .node:before{border:.6em solid #f3f3f3;background-color:rgba(0,73,89,.24)}.node:after{transition:all .3s cubic-bezier(.56,0,.08,1.01)}.node .stars svg{width:15%;height:auto}.node .stars svg,.node .stars svg *{stroke:none;fill:#14ccc6;opacity:85%}.node .stars .completed,.node .stars .completed *{stroke:none;fill:#ff8c28;opacity:100%}.drawing-container,.drawing-container canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}