a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:none;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}::-webkit-scrollbar{width:0!important;height:0!important}body,body app,button,html,input,popover,select,textarea{font-family:Roboto,sans-serif;font-weight:400;font-style:normal;font-size:14px;color:#000}body,html,textarea{line-height:22px}body,button,html,input{color:#1e1e27}.hidden{display:none!important}b{font-weight:600}*{box-sizing:border-box}a{color:#1e1e27}a:hover{color:#8079d5}label{user-select:none;display:flex;align-items:center}div.input,div[contenteditable],input,select,textarea{width:100%;background:traknsparent;border:2px solid #ddd;outline:0;padding:7px;border-radius:5px;background-color:#fff}input[readonly],textarea[readonly]{border:0;pointer-events:none;opacity:.5}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #ddd;border-radius:4px;width:100%}select:hover,textarea:hover{border-color:#8079d5}select:active,select:focus,textarea:active,textarea:focus{border:2px solid #404040;outline:0}input[type=checkbox],input[type=radio]{width:auto}input[type=checkbox]{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;position:relative;transition:background-color .3s,border-color .3s}input[type=checkbox]:checked{background-color:#b0abe3}input[type=checkbox]:active{border-color:#000}input[type=checkbox]:checked::before{content:"\2713";color:#000;font-size:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}input[type=checkbox][disabled]{background-color:#eee;border-color:#eee;cursor:not-allowed}input[type=checkbox][disabled]::before{color:#aaa}label input[type=checkbox]{margin-right:10px}input::placeholder,textarea::placeholder{color:#8e8e92}input.with-error,textarea.with-error{border-color:#f33333;color:#f33333}input.with-error::placeholder,textarea.with-error::placeholder{color:#f33333}input.with-success,textarea.with-success{border-color:#4caf50;color:#4caf50}input.with-success::placeholder,textarea.with-success::placeholder{color:#4caf50}input[type=range],input[type=range]:active,input[type=range]:focus,input[type=range]:hover{display:block;-webkit-appearance:none;-moz-appearance:none;background:#e6e6e6;border-radius:5px;width:100%;height:1px;padding:4px;padding-left:0!important;padding-right:0!important;outline:0;border:none;box-shadow:none;margin-top:10px}input[type=range]:active,input[type=range]:focus,input[type=range]:hover{background:#c3c0ea}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:#000;width:15px;height:15px;border-radius:50%;cursor:pointer;transition:.3s ease-in-out}input[type=range]::-webkit-slider-thumb:active{transform:scale(1)}error{display:none;transition:none;position:relative;top:-14px;background-color:#f33333;padding:5px 10px;padding-top:8px;color:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px;font-size:14px;z-index:-1}error.with-success{background-color:#4caf50}button{display:inline-block;position:relative;user-select:none;cursor:default!important;overflow:hidden;padding:7px 20px;border-radius:6px;background:#fff;border:2px solid #ddd;box-shadow:0 0 0 transparent;transition:all .2s ease}button title{position:relative;z-index:1;display:block;font-size:90%;font-weight:700;display:inline-block;transition:all .2s ease}button i{display:inline-block;margin-right:5px}button.no-title{width:40px}button.no-title i{margin-right:0}button.no-border{border:none}button.transparent{background:0 0}button.small{padding:5px 10px}button.dark{color:#fff;background:#000;border:1px solid #1e1e27}button.dark:hover{background:#1e1e27;color:#fff}button.light-green{background:#daeee4;border-color:#afd8c4}rainbow-button-container{position:relative}rainbow-button-container rainbow-border{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;filter:blur(8px);z-index:1;overflow:hidden;opacity:0;transition:all .3s ease}rainbow-button-container rainbow-border rainbow-inner{position:absolute;top:-75px;left:-50px;width:200px;height:200px;background:conic-gradient(red,orange,#ff0,green,#00f,indigo,violet,red);animation:rotate 3s linear infinite}rainbow-button-container button,rainbow-button-container button:active,rainbow-button-container button:focus{position:relative;z-index:3;background:#fff;color:#000}app.theme-dark rainbow-button-container button{background-color:#fff;color:#000}rainbow-button-container.enabled rainbow-border{opacity:1}@keyframes rotate{to{transform:rotate(360deg)}}button.accent:not(.red)::before{content:'';position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(45deg,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 100%);transform:skewX(-45deg);opacity:0;pointer-events:none}button.accent:not(.red):hover::before{opacity:1;transition:opacity 0s;animation:shine 1s forwards}button.red{color:#fff;background:#db5d5d;border:1px solid #f33333}button:hover{cursor:default;box-shadow:3px 3px 0 rgba(0,0,0,.05)}button:active{left:2px;top:2px;box-shadow:0 0 0 transparent}button.accent{background-color:#8079d5;border-color:#8079d5;color:#fff}button.accent:hover{background-color:#8079d5}button.accent.red{background-color:#ffa5a5;border-color:#ffa5a5}button.accent.red:hover{background-color:#ff8c8c}[contenteditable]:focus,button.active,button:active,button:focus,input:focus{outline:0;border-color:#000}[contenteditable]:hover,button:hover,input:hover{outline:0;border-color:#8079d5}[contenteditable]:focus,button.active,button:active,button:focus,input:focus{box-shadow:0 0 10px rgba(0,0,0,.125)}button.active,button:active{background-color:rgba(0,0,0,.05)}button.pressed{background-color:rgba(0,0,0,.05)}button.accent.pressed{background-color:#8079d5}button.disabled{pointer-events:none;opacity:.25;filter:grayscale(100%)}.disabled{pointer-events:none;opacity:.25;filter:grayscale(100%)}popover button:active,popover button:focus,popover button:hover{transform:scale(1.05)}popover button:active{transform:scale(.95)}popover button.pressed{transform:scale(1)}button.red:active,button.red:focus,button.red:hover{background-color:red;border-color:red}*{box-sizing:border-box;margin:0;padding:0}body:not(.app){font-family:system-ui,sans-serif;background:#000;color:#fff;line-height:1.75;padding:0 0;font-size:17px}body:not(.app) h2{position:relative;font-size:100px;line-height:1;font-weight:100;max-width:80%;margin:0 auto;padding-bottom:20px;overflow:hidden}body:not(.app) h2 span{font-weight:600}body:not(.app) h2:not(.no-fade){opacity:0;transition:opacity 1.5s ease}body:not(.app) h2:not(.no-fade)::before{content:" ";position:absolute;top:0;left:0;width:100%;height:calc(100% + 20px);display:block;background:linear-gradient(to right,transparent 0,#000 50%,#000 100%);transform:translateX(0);opacity:1;transition:transform 2s ease,opacity 2s ease;z-index:1}body:not(.app) h2.in-view{opacity:1}body:not(.app) h2.in-view::before{transform:translateX(150%)}body:not(.app) h2.super-large{font-size:175px;line-height:150px;font-weight:700;max-width:100%}body:not(.app) h3:not(.no-fade){transition:all 1.5s ease-in-out;transition-delay:0.5s;opacity:0;text-transform:uppercase}body:not(.app) h3.in-view{opacity:1}body:not(.app) p{margin-bottom:20px}body:not(.app) section.color-white{background-color:#fff;color:#000}body:not(.app) section.color-white h2::before{background:linear-gradient(to right,transparent 0,#fff 50%,#fff 100%)}body:not(.app) section.color-purple{background-color:#b3abff;color:#5c5798}body:not(.app) section.color-purple h2::before{background:linear-gradient(to right,transparent 0,#b3abff 50%,#b3abff 100%)}body:not(.app) section.color-yellow{background-color:#f7ffab;color:#939857}body:not(.app) section.color-yellow h2::before{background:linear-gradient(to right,transparent 0,#f7ffab 50%,#f7ffab 100%)}body:not(.app) section.color-green{background-color:#bfffab;color:#689857}body:not(.app) section.color-green h2::before{background:linear-gradient(to right,transparent 0,#bfffab 50%,#bfffab 100%)}body:not(.app) p:not(.no-fade){opacity:0;transition:opacity 1.5s ease;transition-delay:0.5s}body:not(.app) p.in-view{opacity:1}.container{max-width:1200px;margin:0 auto;padding:20px 40px;padding-top:150px;padding-bottom:150px}.container app{opacity:0;transition:opacity 1.5s ease;transition-delay:0.5s}.container app.in-view{opacity:1}.container .graphic{width:100%;text-align:center;font-size:200px;display:none}.container .actions{display:flex;gap:12px;width:fit-content;justify-content:space-between;width:100%}.container .actions .btn{padding:10px 24px;border-radius:12px;text-align:center;font-weight:600;text-decoration:none;width:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1.25}.container .actions .btn.primary{background:#8079d6;color:#fff}.container .actions .btn.secondary{background-color:rgba(0,0,0,.25);border:1px solid #fff;color:#fff}.container .actions .btn.action-contact{border:none;margin-left:auto}.container .actions .note{font-size:14px;color:#aaa;opacity:.5;font-weight:400}.container.center{text-align:center}.container.center .actions,.container.center p{max-width:80%;margin:0 auto}.container.center .actions{margin-top:20px}.timebox-logo{position:relative;font-weight:700;color:#fff;font-size:24px;line-height:normal;padding-left:33px;font-family:'PT Sans',sans-serif}.timebox-logo video{display:none}.timebox-logo canvas,.timebox-logo video{background:0 0;position:absolute;left:0;top:0;width:30px;height:30px}footer.footer .timebox-logo{font-size:48px;padding-left:60px}footer.footer .timebox-logo video{display:block;width:60px;height:60px}footer.footer .timebox-logo span{margin-left:5px}header.header{position:fixed;top:0;width:100%;z-index:100;padding:20px}header.header .container{display:flex;flex-direction:row;align-items:center;border-radius:20px;backdrop-filter:blur(10px);padding:20px 40px}header.header .container nav{display:flex;gap:24px;margin-left:auto}header.header .container nav a{color:#fff;text-decoration:none}header.header .container nav a.login{position:relative;top:-5px;margin-bottom:-10px;background:#8079d6;padding:5px 15px;border-radius:5px}header .container{background-color:rgba(0,0,0,.1);transition:color 1s ease-in-out,background 1s ease-in-out,opacity 1s ease-in-out}header .container .timebox-logo,header .container nav a{transition:color 1s ease-in-out,background 1s ease-in-out,opacity 1s ease-in-out}header.color-black .container{background-color:rgba(255,255,255,.125)}header.color-white .container .timebox-logo,header.color-white .container nav a:not(.login){color:#000}header.color-green .container .timebox-logo,header.color-purple .container .timebox-logo,header.color-yellow .container .timebox-logo{color:#000;opacity:.6}header.color-purple .container nav a{color:#5c5798}header.color-purple .container nav a.login{background:#5c5798;color:#fff}header.color-yellow .container nav a{color:#939857}header.color-yellow .container nav a.login{background:#939857;color:#fff}header.color-green .container nav a{color:#689857}header.color-green .container nav a.login{background:#689857;color:#fff}main{padding-top:150px}main app,main fade{position:absolute;width:100%;left:0;top:0;z-index:1}main app{background-color:#000}main app app-menu-bar{display:none;height:0}main fade{background:linear-gradient(90deg,rgba(0,0,0,.9) 40%,rgba(0,0,0,0) 100%)}main .container.hero{position:relative;display:flex;flex-direction:column;justify-content:center;padding:20px 40px;height:calc(100vh - 300px);min-height:550px;z-index:10}main .container.hero h1{font-size:100px;font-weight:700;line-height:100px}main .container.hero h1 div{display:inline-block;overflow:hidden}main .container.hero p{color:#aaa;font-size:18px;margin-top:30px;margin-bottom:30px}logos{padding:40px}logos .logos{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;color:#aaa;padding:20px 20px;max-width:calc(1200px - 40px)}logos .logos span{opacity:0;transition:opacity 1.5s ease}logos .logos span.in-view{opacity:1}logos .logos span:first-child{transition-delay:0.3s}logos .logos span:nth-child(2){transition-delay:0.4s}logos .logos span:nth-child(3){transition-delay:0.5s}logos .logos span:nth-child(4){transition-delay:0.6s}logos .logos span:nth-child(5){transition-delay:0.7s}logos .logos span:nth-child(6){transition-delay:0.8s}.feature{text-align:left;border-color:rgba(92,87,152,.125);border-bottom:2px solid rgba(92,87,152,.125);border-right:2px solid rgba(92,87,152,.125);padding:40px 20px;transition:all .2s ease-in-out;color:#5c5798}.feature .icon{display:inline-block;margin-bottom:0;font-size:40px;min-height:70px}.feature h3{font-weight:600;font-size:24px;line-height:1.25;margin-bottom:10px}.feature .icon,.feature h3,.feature p{transition:all .2s ease-in-out}.feature outer{transition:opacity 1.5s ease;opacity:0}.feature:first-child outer{transition-delay:0.3s}.feature:nth-child(2) outer{transition-delay:0.4s}.feature:nth-child(3) outer{transition-delay:0.5s}.feature:nth-child(4) outer{transition-delay:0.6s}.feature:nth-child(5) outer{transition-delay:0.7s}.feature:nth-child(6) outer{transition-delay:0.8s}.feature:nth-child(7) outer{transition-delay:0.9s}.feature:nth-child(8) outer{transition-delay:1s}.feature.in-view outer{opacity:1}section.theme{transition:all 1s ease-in-out!important}section.theme .toggles{display:flex;gap:20px;margin-top:20px;margin-bottom:40px;text-align:center;justify-content:center}section.theme .toggles button.theme{box-shadow:0 0 20px #fff}section.theme app{pointer-events:none!important;border:2px solid #eee;border-radius:20px;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000000 0%,rgba(0,0,0,0) 70%);mask-image:linear-gradient(to bottom,#000000 0%,rgba(0,0,0,0) 70%)}section.theme app app-inner app-body todo-list{transition:background 1s ease-in-out!important}section.theme app *{pointer-events:none!important}section.theme .lead{position:relative;z-index:1}section.theme .feature-list{position:relative;top:-200px;margin-bottom:-200px;text-align:center}section.theme .feature-list p{max-width:60%;margin:0 auto;margin-bottom:100px}section.theme .feature-list ul{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px;margin-bottom:20px;justify-content:center}section.theme .feature-list ul li{font-size:25px;line-height:1;opacity:0;transition:all 1.5s ease}section.theme .feature-list ul li strong{font-weight:700}section.theme .feature-list ul li.in-view{opacity:1}section.theme .feature-list ul li:first-child{transition-delay:0.4s}section.theme .feature-list ul li:nth-child(2){transition-delay:0.5s}section.theme .feature-list ul li:nth-child(3){transition-delay:0.6s}section.theme .feature-list ul li:nth-child(4){transition-delay:0.7s}section.theme .feature-list ul li:nth-child(5){transition-delay:0.8s}section.theme .feature-list ul li:nth-child(6){transition-delay:0.9s}section.theme .feature-list ul li:nth-child(7){transition-delay:1s}section.theme .feature-list ul li:nth-child(8){transition-delay:1.1s}section.theme .feature-list ul li:nth-child(9){transition-delay:1.2s}section.theme .feature-list ul li:nth-child(10){transition-delay:1.3s}section.theme .feature-list ul li:nth-child(11){transition-delay:1.4s}section.theme .feature-list ul li:nth-child(12){transition-delay:1.5s}section.theme .feature-list ul li:nth-child(13){transition-delay:1.6s}section.theme .feature-list ul li:nth-child(14){transition-delay:1.7s}section.theme .feature-list ul li:nth-child(15){transition-delay:1.8s}section.theme .feature-list ul li:nth-child(16){transition-delay:1.9s}section.theme .feature-list ul li:nth-child(17){transition-delay:2s}section.theme .feature-list ul li:nth-child(18){transition-delay:2.1s}section.theme .feature-list ul li:nth-child(19){transition-delay:2.2s}section.theme .feature-list ul li:nth-child(20){transition-delay:2.3s}section.theme:not(.color-white) app{border:2px solid #333}section.about h2{margin-bottom:100px}section.about h3{font-weight:700}section.more-than{background:#b3abff;min-height:calc(100vh - 40px);display:flex;flex-direction:column;justify-content:center}section.more-than h2{color:#5c5798}section.more-than .graphic{color:#5c5798}section.more-than .feature-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-top:40px}section.more-than .feature-grid .feature:nth-child(4),section.more-than .feature-grid .feature:nth-child(8){border-right-width:0}section.more-than .feature-grid .feature:nth-child(5),section.more-than .feature-grid .feature:nth-child(6),section.more-than .feature-grid .feature:nth-child(7),section.more-than .feature-grid .feature:nth-child(8){border-bottom-width:0}section.views{color:#fff;padding:0 0}section.views .views-text{text-align:center;margin:0 auto 0 auto;padding-top:150px}section.views .views-text p{color:#ccc}section.views .views-grid{display:flex;justify-content:center;gap:40px;padding:0 40px;padding-top:150px}section.views .views-grid .view-box{width:600px;background:#111;overflow:hidden;position:relative;border-radius:20px}section.views .views-grid .view-box .caption{position:relative;z-index:2;padding:20px;padding-top:300px;background:linear-gradient(0deg,#000 25%,rgba(0,0,0,.75) 50%,rgba(0,0,0,0) 100%)}section.views .views-grid .view-box .caption h3{font-size:40px;font-weight:500;margin-bottom:10px}section.views .views-grid .view-box .caption p{color:#ccc}section.views .views-grid .view-box app{position:absolute;top:0;left:0;background-color:transparent;z-index:1;pointer-events:none}section.views .views-grid .view-box app app-inner app-body todo-list{background-color:transparent}section.views .views-grid .view-box app app-inner app-body todo-list task{background-color:transparent}section.views .views-grid .view-box app app-inner app-body todo-list todo-list-scroll{padding:0 20px;width:100%}section.views .views-grid .view-box app app-inner app-body todo-list todo-list-scroll todo-list-inner{width:100%}section.views .views-grid .view-box.flat{background-color:#333}section.views .views-grid .view-box.spatial{background-color:#000}section.built{background:#f7ffab;color:#939857;padding:100px 60px 80px 60px}section.built .built-grid{display:grid;justify-content:center;margin:0 auto;grid-template-columns:repeat(4,1fr)}section.built .feature{border-bottom-width:0;border-color:red;color:#939857;border-color:rgba(147,152,87,.125)}section.built .feature:last-child{border-right-width:0}section.quotes{color:#eee;text-align:center;position:relative}section.quotes .container{display:flex;flex-direction:column;justify-content:center;height:100%;min-height:100vh}section.quotes h2{margin-bottom:60px}section.quotes .quote-grid{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}section.quotes .quote-card{background:#1c1c1c;border-radius:24px;padding:40px 30px;width:320px;box-shadow:0 10px 25px rgba(0,0,0,.4);font-size:16px;line-height:1.6;position:relative;transition:transform .3s ease,opacity 1.5s ease;opacity:0}section.quotes .quote-card:hover{transform:translateY(-5px)}section.quotes .quote-card p{font-style:italic;margin-bottom:20px}section.quotes .quote-card .author{display:block;font-weight:600;color:#aaa;font-size:14px}section.quotes .quote-card.in-view{opacity:1}section.quotes .quote-card.in-view:first-child{transition-delay:0.3s}section.quotes .quote-card.in-view:nth-child(2){transition-delay:0.4s}section.quotes .quote-card.in-view:nth-child(3){transition-delay:0.5s}section.pricing{background:#bfffab;color:#689857;padding:100px 60px 80px 60px}section.pricing .pricing-grid{display:grid;justify-content:center;margin:0 auto;margin-top:100px;grid-template-columns:repeat(3,1fr)}section.pricing .plan{text-align:left;border-color:rgba(104,152,87,.125);border-right:2px solid rgba(104,152,87,.125);padding:40px 20px;transition:all .2s ease-in-out;color:#689857}section.pricing .plan .icon{display:inline-block;font-size:40px;min-height:70px;margin-bottom:0}section.pricing .plan h3{font-weight:600;font-size:24px;line-height:1.25;margin-bottom:10px}section.pricing .plan .price{font-size:18px;font-weight:500;margin-bottom:20px;color:#5d884e}section.pricing .plan ul{list-style:none;padding:0;margin:0}section.pricing .plan ul li{margin-bottom:10px;font-size:15px}section.pricing .plan .icon,section.pricing .plan h3,section.pricing .plan li,section.pricing .plan p{transition:all .2s ease-in-out}section.pricing .plan outer{opacity:0;transition:opacity 1.5s ease}section.pricing .plan.in-view outer{opacity:1}section.pricing .plan.in-view:first-child outer{transition-delay:0.3s}section.pricing .plan.in-view:nth-child(2) outer{transition-delay:0.4s}section.pricing .plan.in-view:nth-child(3) outer{transition-delay:0.5s}section.pricing .plan:last-child{border-right:none}section.security{text-align:center;background:#000}section.security box{position:relative;display:block;width:600px;height:600px;margin:0 auto}section.security box video{width:100%;height:100%}section.security box .icon{position:absolute;top:0;left:0;width:100%;line-height:600px;text-align:center;font-size:200px;color:#000;opacity:.5}section.page-content .wysywig-unwind-editable,section.page-content h2{max-width:80%;margin:0 auto}footer.footer .container{padding-bottom:20px}footer.footer .footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:60px}footer.footer .footer-top .footer-brand{font-size:24px;font-weight:600;margin-bottom:30px}footer.footer .footer-top .footer-columns{display:flex;gap:60px;flex-wrap:wrap}footer.footer .footer-top .footer-columns .footer-column h4{margin-bottom:10px}footer.footer .footer-top .footer-columns .footer-column ul{list-style:none;padding:0}footer.footer .footer-top .footer-columns .footer-column ul li{margin-bottom:6px}footer.footer .footer-top .footer-columns .footer-column ul li a{color:#aaa;text-decoration:none}footer.footer .footer-top .footer-columns .footer-column ul li a:hover{color:#fff}footer.footer .footer-top .footer-columns .footer-column.social{display:none}footer.footer .newsletter{border-top:1px solid #333;padding-top:40px;text-align:center}footer.footer .newsletter h4{margin-bottom:10px;color:#fff}footer.footer .newsletter p{margin-bottom:20px;color:#bbb}footer.footer .newsletter .newsletter-form{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}footer.footer .newsletter .newsletter-form input{padding:10px 16px;border-radius:6px;border:none;width:250px}footer.footer .newsletter .newsletter-form button{padding:10px 20px;border:none;border-radius:6px;background:#b3abff;color:#fff;cursor:pointer}footer.footer .footer-bottom{border-top:1px solid #333;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;font-size:13px;color:#666}footer.footer .footer-bottom a{color:#666;text-decoration:none}footer.footer .footer-bottom a:hover{color:#aaa}body.playground-active{overflow:hidden;pointer-events:none}playground{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(32,32,32,.8);z-index:1000;backdrop-filter:blur(10px);transition:opacity .3s ease-in-out;pointer-events:all}playground container{transition:opacity .3s ease-in-out;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}playground.uninitialized container{opacity:0}playground.closed{opacity:0;pointer-events:none}@media screen and (max-width:1000px){body:not(.app) h2{font-size:80px;line-height:1}body:not(.app) h2.super-large{font-size:100px;line-height:1}body:not(.app) section{padding-left:20px;padding-right:20px}body:not(.app) section .container{padding-left:20px;padding-right:20px}body:not(.app) section.more-than .feature-grid{grid-template-columns:repeat(2,1fr)}body:not(.app) section.more-than .feature-grid .feature:first-child{padding-left:0}body:not(.app) section.more-than .feature-grid .feature:nth-child(2){padding-right:0;border-right:0}body:not(.app) section.more-than .feature-grid .feature:nth-child(3){padding-left:0;border-bottom-width:1px;border-bottom-style:solid}body:not(.app) section.more-than .feature-grid .feature:nth-child(4){padding-right:0;border-bottom-width:1px;border-bottom-style:solid}body:not(.app) section.more-than .feature-grid .feature:nth-child(5){padding-left:0;border-bottom-width:1px;border-bottom-style:solid}body:not(.app) section.more-than .feature-grid .feature:nth-child(6){padding-right:0;border-bottom-width:1px;border-bottom-style:solid}body:not(.app) section.more-than .feature-grid .feature:nth-child(7){padding-left:0}body:not(.app) section.more-than .feature-grid .feature:nth-child(8){padding-right:0}body:not(.app) section.views .views-grid{display:block;padding:0}body:not(.app) section.views .views-grid .view-box{width:100%}body:not(.app) section.security box{width:400px;height:400px}body:not(.app) section.theme .feature-list{top:-600px;margin-bottom:-600px}body:not(.app) section.built .built-grid{grid-template-columns:repeat(2,1fr)}body:not(.app) section.built .built-grid .feature:first-child{padding-left:0;border-bottom-width:1px;border-bottom-style:solid}body:not(.app) section.built .built-grid .feature:nth-child(2){padding-right:0;border-right:0;border-bottom-width:1px;border-bottom-style:solid}body:not(.app) section.built .built-grid .feature:nth-child(3){padding-left:0}body:not(.app) section.built .built-grid .feature:nth-child(4){padding-right:0}body:not(.app) section.pricing .pricing-grid .plan:first-child{padding-left:0}body:not(.app) section.pricing .pricing-grid .plan:nth-child(3){padding-right:0}}@media screen and (max-width:750px){body:not(.app) main .container.hero h1{font-size:80px;line-height:1}body:not(.app) footer.footer .footer-top{display:block}}@media screen and (max-width:650px){body:not(.app) header .container{padding:10px;padding-left:10px;padding-right:10px;border-radius:5px}body:not(.app) header .container nav a.login{margin-bottom:-10px;margin-right:-5px}body:not(.app) .hide-on-mobile{display:none}body:not(.app) main .container.hero h1{font-size:50px;line-height:1}body:not(.app) h2{font-size:50px;line-height:1}body:not(.app) h2.super-large{font-size:60px;line-height:1}body:not(.app) section.security box{width:300px;height:300px}body:not(.app) .container .actions{flex-direction:column;width:100%}body:not(.app) .container .actions .btn{width:100%}body:not(.app) .container .actions .btn.primary{line-height:40px}body:not(.app) logos .logos{flex-direction:column;text-align:center}body:not(.app) section{padding-left:20px;padding-right:20px}body:not(.app) section .container{padding-left:0;padding-right:0}body:not(.app) section.more-than .feature-grid{grid-template-columns:repeat(1,1fr)}body:not(.app) section.more-than .feature-grid .feature{padding:0;border-right-width:0;border-bottom-width:1px;border-bottom-style:solid}body:not(.app) section.more-than .feature-grid .feature:last-child{border-bottom:none}body:not(.app) section.theme .feature-list{top:-300px;margin-bottom:-300px}body:not(.app) section.theme .feature-list ul li{font-size:20px}body:not(.app) section.built .built-grid{grid-template-columns:repeat(1,1fr)}body:not(.app) section.built .built-grid .feature{border-width:0;padding:0;border-bottom-width:1px}body:not(.app) section.built .built-grid .feature:last-child{border-bottom:none}body:not(.app) section.pricing .pricing-grid{grid-template-columns:repeat(1,1fr);gap:20px}body:not(.app) section.pricing .pricing-grid .plan{padding:0;padding-bottom:20px;border-right-width:0;border-bottom-width:1px;border-bottom-style:solid}body:not(.app) section.pricing .pricing-grid .plan:last-child{border-bottom:none}body:not(.app) section.page-content .wysywig-unwind-editable,body:not(.app) section.page-content h2{max-width:100%;margin:0 auto}body:not(.app) footer.footer .footer-top .footer-columns{display:block}body:not(.app) footer.footer .footer-top .footer-columns .footer-column{padding-bottom:20px}}body.app,html.app{touch-action:manipulation;-ms-touch-action:manipulation;overscroll-behavior:none;overflow:hidden!important;height:100%}body.section-app{touch-action:pan-x pan-y;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-size-adjust:100%}body.section-app{overflow:hidden}.no-select,.task-list-dragging{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.task-list-dragging,.task-list-dragging *{cursor:move!important}apps{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden!important}apps app:nth-child(2){border-top:2px solid #ddd}apps disabler{display:block;background-color:#ddd;opacity:0;position:fixed;width:100%;height:100%;left:0;top:0;z-index:9999;pointer-events:none;transition:opacity .3s ease-in-out}app:not(.connected) app-body{opacity:.25!important;pointer-events:none!important;filter:grayscale(100%) blur(10px)!important}app.never-connected app-body{opacity:0!important}app{display:grid;grid-template-rows:auto 1fr;position:relative;width:100%;height:100%;overflow:hidden;z-index:1;background-color:#eee}app app-menu-bar{position:relative;z-index:20051;background-color:#fff;border-bottom:1px solid #ddd;display:block;height:50px;padding:7px 20px}app app-menu-bar menu-bar{display:flex;align-items:center;padding:0 0;gap:10px}app app-menu-bar menu-bar .align-right{margin-left:auto}app app-menu-bar menu-bar h1{display:grid;grid-template-columns:auto 1fr;align-items:center;position:relative;top:-3px;font-size:20px;font-weight:800;font-family:'PT Sans',sans-serif}app app-menu-bar menu-bar h1 .logo{position:relative;top:1px;display:block;background:url('/images/timebox.png') no-repeat center center;background-size:contain;width:24px;height:24px;margin-right:5px}app app-menu-bar menu-bar label.demo{text-transform:uppercase;font-weight:800}app app-menu-bar menu-bar label i{margin-right:10px}app app-menu-bar menu-bar label.no-icon i{display:none}app app-menu-bar.playground{background:#fff!important;color:#000!important}app app-inner{height:100%;overflow:hidden}app app-inner app-body{display:grid;grid-template-columns:auto 1fr;height:100%}app app-inner app-body todo-canvas,app app-inner app-body todo-list{background-color:#fff;transition:opacity .3s ease-in-out}app app-inner app-body todo-canvas canvas,app app-inner app-body todo-list canvas{position:absolute;left:0;top:0;z-index:20;pointer-events:none}app app-inner app-body todo-canvas canvas.grid-canvas,app app-inner app-body todo-list canvas.grid-canvas{position:relative;left:0;top:0;z-index:10;pointer-events:all}app priority{position:relative}app priority select,app priority select::after,app priority select::before{box-sizing:border-box;appearance:none;background-color:transparent;border:none;padding:0;margin:0;outline:0;font-family:inherit;font-size:inherit;cursor:inherit;line-height:inherit;line-height:24px;text-transform:uppercase;font-weight:700;font-size:10px;width:34px;text-align:center;background:rgba(0,0,0,.05);padding:0 4px;border-radius:5px;position:relative;top:1px}@keyframes shine{0%{left:-150%}100%{left:150%}}@keyframes wiggle{0%{transform:rotate(0)}15%{transform:rotate(-15deg)}30%{transform:rotate(15deg)}45%{transform:rotate(-10deg)}60%{transform:rotate(10deg)}75%{transform:rotate(-5deg)}90%{transform:rotate(5deg)}100%{transform:rotate(0)}}.resizer{position:absolute;left:-4px;top:0;width:12px;height:100%;opacity:0;transition:opacity .2s ease-in-out;cursor:col-resize;z-index:20001}.resizer line{position:absolute;top:0;left:4px;width:4px;height:100%;background:#b0abe3;box-shadow:0 0 10px #b0abe3}.resizer.dragging,.resizer:hover{opacity:1}.resizer.disabled{filter:none}.resizer.disabled line{background-color:#ccc;box-shadow:none}.resizer.inverted{left:auto;right:-4px}.pane-toggle-button{position:absolute;top:calc(50% - 25px)!important;left:-20px!important;z-index:20002;height:50px;width:40px;padding:0;border:none;box-shadow:none!important;background:#ececec!important;text-align:center}.pane-toggle-button i{position:relative;margin:0;right:10px;transition:all .3s ease-in-out;transform:rotate(180deg)}.pane-toggle-button.right{left:auto!important;right:-20px!important}.pane-toggle-button.right i{left:10px}.pane-toggle-button.open i,.pane-toggle-button.right i{transform:rotate(0)}.pane-toggle-button.right.open i{transform:rotate(180deg)}.pane-toggle-button:active,.pane-toggle-button:hover{border:none;box-shadow:none!important}.pane-toggle-button:active i,.pane-toggle-button:hover i{color:#000}.drag-list-view{left:0}.drag-detail-view,.drag-list-view{position:absolute;top:0;z-index:9999;border-left:3px solid #ddd;height:100%;padding-right:5px;transition:opacity .1s ease-in-out,border .1s ease-in-out;display:flex;align-items:center}.drag-detail-view button.resize,.drag-list-view button.resize{background-color:#ddd;position:relative;display:block;padding:4px!important;border:3px solid #ddd;cursor:col-resize!important;transition:all .1s ease-in-out;z-index:9999;box-shadow:none!important}.drag-detail-view button.resize i,.drag-list-view button.resize i{margin:0!important;color:#777}.drag-detail-view button.resize:active,.drag-detail-view button.resize:focus,.drag-list-view button.resize:active,.drag-list-view button.resize:focus{box-shadow:none!important}.drag-detail-view button.resize.hide,.drag-list-view button.resize.hide{opacity:0;pointer-events:none}.drag-list-view.dragging,.drag-list-view.hover{border-left:3px solid #b0abe3}.drag-list-view.dragging button.resize,.drag-list-view.hover button.resize{border-color:#b0abe3}.drag-detail-view{position:fixed;top:50px;right:0;height:calc(100% - 50px)}.drag-detail-view .pane-toggle-button{right:0}.drag-detail-view .pane-toggle-button i{left:4px}.drag-detail-view .pane-toggle-button.open i{background:0 0}.drag-list-view button.resize{left:-3px!important;top:0!important;border-left:none;border-top-left-radius:0;border-bottom-left-radius:0;padding-left:8px!important}.drag-list-view.dragging{border-left:3px solid #b0abe3}.drag-list-view.dragging button.resize{border-left:0;border-color:#b0abe3;color:#000}.drag-detail-view{border-left:none;border-right:3px solid #ddd;z-index:10001;pointer-events:none}.drag-detail-view button{pointer-events:all}.drag-detail-view button.resize{background-color:#eee;left:auto!important;right:-8px!important;top:0!important;border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;padding-right:8px!important}.drag-detail-view.dragging,.drag-detail-view.hover{cursor:col-resize;border-right:3px solid #b0abe3}.drag-detail-view.dragging button.resize,.drag-detail-view.hover button.resize{cursor:col-resize;border-right:0;border-color:#b0abe3;color:#000}.theme-dark todo-canvas spawn-point{background-color:rgba(0,0,0,.3)!important}todo-canvas{position:relative;overflow:hidden;user-select:none}todo-canvas canvas{position:relative;z-index:2}todo-canvas spawn-point{display:block;position:absolute;left:5px;top:5px;z-index:9998;background-color:rgba(255,255,255,.6);backdrop-filter:blur(3px);border-radius:100%;box-shadow:0 0 15px rgba(0,0,0,.33)}todo-canvas spawn-point i{position:absolute;left:0;top:0;width:100%;line-height:60px!important;text-align:center;font-size:50px;color:#000;transition:all .2s ease-in-out}todo-canvas spawn-point i.circle{opacity:.25}todo-canvas spawn-point i.move,todo-canvas spawn-point i.pin{font-size:30px}todo-canvas spawn-point i.move{opacity:0}todo-canvas spawn-point menu{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}todo-canvas spawn-point menu button-container{position:absolute;left:0;top:0;width:50px;height:50px;padding:10px;pointer-events:all}todo-canvas spawn-point menu button-container button{width:30px;height:30px;border-radius:100%;padding:0;border:none;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.25)}todo-canvas spawn-point menu button-container button i{font-size:14px;line-height:30px!important;color:#000}todo-canvas spawn-point menu button-container button:hover{background-color:#000}todo-canvas spawn-point menu button-container button:hover i{color:#fff}todo-canvas spawn-point menu.disabled button-container{pointer-events:none}todo-canvas spawn-point.dragging{cursor:move}todo-canvas spawn-point.dragging i.pin{opacity:0;transform:rotate(90deg)}todo-canvas spawn-point.dragging i.move{opacity:1;transform:rotate(-90deg)}todo-canvas spawn-point:hover i.circle{opacity:1}todo-canvas .actions{display:block;position:absolute;right:20px;top:80px;z-index:9999}todo-canvas .actions button{display:block;margin-bottom:5px}todo-canvas .canvas-overview{display:block;position:absolute;right:65px;top:80px;width:256px;height:160px;border:2px solid #ddd;background:#fff;z-index:9999;border-radius:6px;overflow:hidden}todo-canvas .canvas-overview inner{display:block;position:relative;width:100%;height:100%}todo-canvas .canvas-overview inner .task{display:block;position:absolute;left:0;top:0;width:5px;height:5px;white-space:nowrap;overflow:hidden;z-index:20}todo-canvas .canvas-overview inner .task.type-other{z-index:10}todo-canvas .canvas-overview inner .task.type-image{background-size:contain;background-repeat:no-repeat;background-position:center center}todo-canvas .box{position:absolute;z-index:3;z-index:9990}todo-canvas .drag-handle{position:absolute;z-index:9991;overflow:hidden;cursor:move;opacity:0;pointer-events:none;transition:all .1s ease-in-out,top 0s,left 0s;background:rgba(255,0,0,0);padding:10px 5px}todo-canvas .drag-handle button{background:#fff;padding:4px;border-radius:100%;width:30px;height:30px;line-height:20px;text-align:center;margin-right:5px;color:#000}todo-canvas .drag-handle button:active{left:0;top:0}todo-canvas .drag-handle.dimmed button.dim{transform:rotate(180deg);opacity:.5}todo-canvas .drag-handle.dragging,todo-canvas .drag-handle.hover{opacity:1;pointer-events:all}todo-canvas .resize-handle{position:absolute;width:40px;height:40px;z-index:9991;transform:translate(-50%,-50%);overflow:hidden;cursor:nwse-resize}todo-canvas .resize-handle:before{content:'';position:absolute;left:30%;top:30%;width:150%;height:150%;z-index:9991;transform:rotate(45deg);background:rgba(200,200,200,.75);box-shadow:0 0 10px rgba(0,0,0,.25);opacity:0;transition:all .3s ease-in-out}todo-canvas .resize-handle:hover:before{opacity:.5}todo-canvas .resize-handle.dragging:before,todo-canvas .resize-handle.hover:before{opacity:.5}todo-canvas .resize-handle.hidden{opacity:0;pointer-events:none}todo-canvas .canvas-bread-crumb{display:flex;position:absolute;left:20px;top:20px;z-index:9999;background:rgba(218,218,218,.5);border-radius:10px;backdrop-filter:blur(2px);width:calc(100% - 40px);padding:6px;overflow-x:auto;scroll-behavior:smooth}todo-canvas .canvas-bread-crumb div{display:flex;flex-wrap:nowrap;justify-content:flex-start}todo-canvas .canvas-bread-crumb div crumb{display:inline-block;overflow:hidden;transition:all .1s ease-in-out;opacity:.5;display:block;white-space:nowrap}todo-canvas .canvas-bread-crumb div crumb name{display:inline-block;padding-left:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:rtl;text-align:left;transition:all .1s ease-in-out;padding:5px;padding-bottom:0}todo-canvas .canvas-bread-crumb div crumb name i{position:relative;left:-5px;opacity:.5}todo-canvas .canvas-bread-crumb div crumb name:hover{cursor:pointer}todo-canvas .canvas-bread-crumb div crumb.root name i{display:none}todo-canvas .canvas-bread-crumb div crumb.active,todo-canvas .canvas-bread-crumb div crumb:hover{opacity:1}todo-canvas .canvas-bread-crumb div crumb.active name,todo-canvas .canvas-bread-crumb div crumb:hover name{opacity:1}todo-canvas .canvas-bread-crumb div crumb.active name i,todo-canvas .canvas-bread-crumb div crumb:hover name i{opacity:.25}todo-canvas .canvas-bread-crumb div crumb.active{pointer-events:none}todo-canvas .canvas-bread-crumb div crumb.active name{font-weight:700}todo-canvas .canvas-bread-crumb.hidden{display:none!important}todo-canvas .help-bar{position:absolute;top:60px;left:20px;width:calc(100% - 350px);padding:10px;z-index:9999;border-radius:10px;transition:all .3s ease-in-out;pointer-events:none;opacity:0}todo-canvas .help-bar.visible{opacity:.75}todo-canvas img{position:absolute;z-index:1;opacity:.25;left:45%;top:45%;transform:translate3d(0,0,0)}todo-canvas .image{position:absolute;z-index:10;border:0;background:0 0;outline:0;border:2px dashed rgba(127,127,127,.2);background-size:75% 75%;background-repeat:no-repeat;background-position:center center;border-radius:5px;width:250px;height:250px}todo-canvas .image.with-value{opacity:1;border:none!important;border-radius:0;background-size:contain!important}todo-canvas .image.hover .resize-handle,todo-canvas .image.hover .resize-handle:before{opacity:1}todo-canvas .label.dimmed{opacity:.5}todo-canvas .image.dimmed{opacity:.5}todo-canvas .label{position:absolute;z-index:9991;border:0;background:0 0;outline:0;background-color:rgba(255,255,255,.75);font-weight:700;white-space:nowrap;width:auto;border-radius:20px}todo-canvas .label inner{padding:5px 10px;display:flex;border-radius:20px;position:relative}todo-canvas .label inner i.due-date{display:none;margin-right:5px;position:relative;top:1px}todo-canvas .label inner edit{opacity:0;border:2px solid #dadada;width:24px;height:24px;line-height:24px;position:absolute;right:-20px;top:0;background-color:#fff;border-radius:100%;transition:opacity .1s ease-in-out}todo-canvas .label inner edit fill{position:absolute;left:5px;top:5px;width:5px;height:10px;background-color:#000}todo-canvas .label inner edit i{position:relative;left:1px;top:-2px;padding:4px;font-size:12px}todo-canvas .label inner .input{background:0 0!important;outline:0;border:none;line-height:normal;padding:0}todo-canvas .label inner .input:focus,todo-canvas .label inner .input:hover{box-shadow:none}todo-canvas .label inner priority{display:none;margin-left:3px;position:relative;top:-3px;margin-bottom:-3px}todo-canvas .label.hover{z-index:16!important}todo-canvas .label:hover inner edit{opacity:1}todo-canvas .label:hover inner edit:hover{opacity:1;border-color:#000}todo-canvas .label.type-text{background:0 0;font-size:24px;padding:0!important;z-index:15}todo-canvas .label.type-text inner{padding:0!important}todo-canvas .label.type-text inner input{padding:0!important;border-radius:0}todo-canvas .label.type-text inner edit{display:none}todo-canvas .label.with-due-date i.due-date{display:block}todo-canvas .label.due-date-past inner{background-color:rgba(255,0,0,.125)}todo-canvas .label.due-date-past inner i.due-date{color:red}todo-canvas .label.priority-10 priority{display:block}todo-canvas .label.completed{color:#777;font-weight:400}todo-canvas .number{position:absolute;z-index:23;pointer-events:none;text-align:center;font-family:'Concert One',cursive;font-weight:700;font-size:50px;color:#fff;text-shadow:0 5px 0 rgba(0,0,0,.25);overflow:hidden;user-select:none;display:flex;align-items:center;justify-content:center}todo-canvas .number span{margin-left:5px;font-size:50%}todo-canvas .input.hover,todo-canvas .input.selected,todo-canvas .input:focus,todo-canvas .input:hover{background-color:rgba(255,255,255,.75)}todo-canvas .align-dot,todo-canvas .align-line{position:absolute;z-index:25;height:40px;width:6px;background:#ff0;border:2px solid rgba(0,0,0,.5);border-radius:4px;box-shadow:0 0 10px #ff0}todo-canvas .align-line.horizontal{width:40px;height:6px}todo-canvas .align-dot{width:8px;height:8px;border-radius:10px}todo-detail,todo-list{position:relative;display:block;background:linear-gradient(90deg,rgba(0,0,0,.075) 97%,rgba(0,0,0,.125) 100%);padding-left:20px;padding-top:20px;overflow:auto}todo-detail todo-list-header,todo-list todo-list-header{position:sticky;top:0;left:0;z-index:100000;display:flex;margin-right:20px;padding:5px;background:rgba(200,200,200,.5);margin-bottom:10px;border-radius:10px;background:rgba(218,218,218,.5);backdrop-filter:blur(2px)}todo-detail todo-list-header label,todo-list todo-list-header label{font-weight:700;padding-left:10px}todo-detail todo-list-header label div,todo-list todo-list-header label div{display:inline-block;margin-left:10px;opacity:.5;font-weight:400}todo-detail todo-list-header button,todo-list todo-list-header button{background:#fff}todo-detail todo-list-header button.align-right,todo-list todo-list-header button.align-right{margin-left:auto}todo-detail dropzone,todo-list dropzone{position:absolute;display:block;width:100%;padding:0 0;opacity:0;height:6px;user-select:none;z-index:100;transition:all .1s ease-in-out}todo-detail dropzone line,todo-list dropzone line{display:block;background-color:#7f7f7f;box-shadow:0 0 10px rgba(0,0,0,.33);width:100%;height:6px;border-radius:6px}todo-detail dropzone.dragover,todo-list dropzone.dragover{opacity:1}todo-detail todo-list-inner,todo-list todo-list-inner{display:block;position:relative;width:calc(100% - 20px);margin-bottom:20px}todo-detail todo-list-inner dropzone.footer,todo-detail todo-list-inner dropzone.header,todo-list todo-list-inner dropzone.footer,todo-list todo-list-inner dropzone.header{height:50px;z-index:1000}todo-detail todo-list-inner dropzone.footer line,todo-detail todo-list-inner dropzone.header line,todo-list todo-list-inner dropzone.footer line,todo-list todo-list-inner dropzone.header line{position:absolute;bottom:0}todo-detail todo-list-inner dropzone.footer line,todo-list todo-list-inner dropzone.footer line{bottom:auto;top:-4px}todo-detail task,todo-list task{display:grid;grid-template-columns:1fr auto;position:relative;transition:opacity .3s ease-in-out,margin .3s ease-in-out}todo-detail task button:active,todo-detail task button:focus,todo-detail task input:focus,todo-list task button:active,todo-list task button:focus,todo-list task input:focus{outline:0;box-shadow:none}todo-detail task>open-line,todo-list task>open-line{position:relative;right:-5px;margin-left:5px;width:0;margin-left:0;border-radius:5px;margin-top:2px;margin-bottom:-2px;height:calc(100% - 4px);opacity:0;display:flex;align-items:center;transition:all .3s ease-in-out}todo-detail task>outer,todo-list task>outer{position:relative;display:block;pointer-events:none}todo-detail task>outer *,todo-list task>outer *{pointer-events:all}todo-detail task>outer dropzone.top,todo-list task>outer dropzone.top{top:-2px;z-index:2000}todo-detail task>outer dropzone.bottom,todo-list task>outer dropzone.bottom{bottom:-2px;z-index:1000}todo-detail task>outer>open,todo-list task>outer>open{position:absolute;top:0;left:-20px;text-align:center;opacity:0}todo-detail task>outer>open>open-inner,todo-list task>outer>open>open-inner{display:block;width:20px;height:34px;line-height:34px}todo-detail task>outer>inner,todo-list task>outer>inner{display:block;align-items:center;border-top-left-radius:15px;border-bottom-left-radius:15px;border-top-right-radius:7.5px;border-bottom-right-radius:7.5px;border-top:2px solid #ececec;border-bottom:2px solid #ececec;position:relative;overflow:hidden}todo-detail task>outer>inner default-name,todo-list task>outer>inner default-name{position:absolute;top:2px;left:27px;opacity:.5;user-select:none;pointer-events:none;font-style:italic;padding:5px}todo-detail task>outer>inner gradient,todo-list task>outer>inner gradient{display:block;background:linear-gradient(90deg,rgba(255,255,255,.5) 0,rgba(255,255,255,.25) 100%);transition:all .2s ease-in-out}todo-detail task>outer>inner gradient highlight,todo-list task>outer>inner gradient highlight{padding:3px;border:2px solid transparent;border-top-left-radius:15px;border-bottom-left-radius:15px;display:grid;grid-template-columns:auto 1fr auto auto auto auto auto auto auto auto auto;transition:all .1s ease-out}todo-detail task>outer>inner gradient highlight checkbox,todo-detail task>outer>inner gradient highlight open-arrow,todo-list task>outer>inner gradient highlight checkbox,todo-list task>outer>inner gradient highlight open-arrow{position:relative;padding:2px;margin-right:4px;width:24px;height:20px}todo-detail task>outer>inner gradient highlight checkbox>inner,todo-detail task>outer>inner gradient highlight open-arrow>inner,todo-list task>outer>inner gradient highlight checkbox>inner,todo-list task>outer>inner gradient highlight open-arrow>inner{position:absolute;left:2px;top:2px;display:block;background:#fff;border-radius:100%;width:20px;height:20px;transition:all .2s ease-in-out}todo-detail task>outer>inner gradient highlight checkbox>inner fill,todo-detail task>outer>inner gradient highlight open-arrow>inner fill,todo-list task>outer>inner gradient highlight checkbox>inner fill,todo-list task>outer>inner gradient highlight open-arrow>inner fill{display:block;background:#b0abe3;border-radius:100%;width:0;height:0;position:relative;left:10px;top:10px;transition:all .2s ease-in-out}todo-detail task>outer>inner gradient highlight open-arrow,todo-list task>outer>inner gradient highlight open-arrow{display:none}todo-detail task>outer>inner gradient highlight open-arrow inner,todo-list task>outer>inner gradient highlight open-arrow inner{background-color:transparent;text-align:center;line-height:20px;font-size:23px;color:#fff}todo-detail task>outer>inner gradient highlight open-arrow inner i,todo-list task>outer>inner gradient highlight open-arrow inner i{transform:rotate(90deg);transition:all .2s ease-in-out;position:relative;left:1px;top:-4px;color:#1e1e27}todo-detail task>outer>inner gradient highlight input,todo-list task>outer>inner gradient highlight input{position:relative;z-index:1;width:100%;border:none;background:0 0;line-height:24px;padding:0}todo-detail task>outer>inner gradient highlight input.disabled,todo-list task>outer>inner gradient highlight input.disabled{opacity:1;filter:none;font-weight:700}todo-detail task>outer>inner gradient highlight input.default-value,todo-list task>outer>inner gradient highlight input.default-value{font-style:italic}todo-detail task>outer>inner gradient highlight input:focus,todo-list task>outer>inner gradient highlight input:focus{outline:0}todo-detail task>outer>inner gradient highlight input[name=name],todo-list task>outer>inner gradient highlight input[name=name]{padding-right:5px}todo-detail task>outer>inner gradient highlight edit,todo-list task>outer>inner gradient highlight edit{position:relative}todo-detail task>outer>inner gradient highlight edit fill,todo-list task>outer>inner gradient highlight edit fill{position:absolute;left:7px;top:7px;width:5px;height:10px;background-color:#000}todo-detail task>outer>inner gradient highlight color,todo-list task>outer>inner gradient highlight color{background:0 0;width:24px;height:calc(100% + 8px);margin-right:3px;position:relative;top:-4px;z-index:1;border-radius:2px}todo-detail task>outer>inner gradient highlight color inner-color,todo-list task>outer>inner gradient highlight color inner-color{position:absolute;content:'';width:100%;height:100%;transition:all .1s ease;opacity:0}todo-detail task>outer>inner gradient highlight color inner-color:hover,todo-list task>outer>inner gradient highlight color inner-color:hover{opacity:1}todo-detail task>outer>inner gradient highlight priority,todo-list task>outer>inner gradient highlight priority{width:34px;margin-right:3px}todo-detail task>outer>inner gradient highlight priority select,todo-list task>outer>inner gradient highlight priority select{outline:0!important;border:none!important}todo-detail task>outer>inner gradient highlight comment,todo-detail task>outer>inner gradient highlight edit,todo-detail task>outer>inner gradient highlight share,todo-list task>outer>inner gradient highlight comment,todo-list task>outer>inner gradient highlight edit,todo-list task>outer>inner gradient highlight share{width:24px;opacity:.25;text-align:center;transition:all .15s ease;overflow:hidden;line-height:26px}todo-detail task>outer>inner gradient highlight comment:hover,todo-detail task>outer>inner gradient highlight edit:hover,todo-detail task>outer>inner gradient highlight share:hover,todo-list task>outer>inner gradient highlight comment:hover,todo-list task>outer>inner gradient highlight edit:hover,todo-list task>outer>inner gradient highlight share:hover{opacity:1}todo-detail task>outer>inner gradient highlight share,todo-list task>outer>inner gradient highlight share{margin-right:0}todo-detail task>outer>inner gradient highlight size,todo-detail task>outer>inner gradient highlight spent,todo-list task>outer>inner gradient highlight size,todo-list task>outer>inner gradient highlight spent{width:45px}todo-detail task>outer>inner gradient highlight size input,todo-detail task>outer>inner gradient highlight spent input,todo-list task>outer>inner gradient highlight size input,todo-list task>outer>inner gradient highlight spent input{text-align:right;padding-right:5px}todo-detail task>outer>inner gradient highlight size input.disabled,todo-detail task>outer>inner gradient highlight spent input.disabled,todo-list task>outer>inner gradient highlight size input.disabled,todo-list task>outer>inner gradient highlight spent input.disabled{opacity:.5;font-style:italic}todo-detail task>outer>inner gradient highlight .size,todo-detail task>outer>inner gradient highlight .spent,todo-list task>outer>inner gradient highlight .size,todo-list task>outer>inner gradient highlight .spent{padding-right:4px}todo-detail task>outer>inner gradient highlight spent,todo-list task>outer>inner gradient highlight spent{margin-right:8px;overflow:hidden}todo-detail task>outer>inner gradient highlight due-date,todo-list task>outer>inner gradient highlight due-date{position:relative;width:140px;transition:all .15s ease;overflow:hidden;white-space:nowrap}todo-detail task>outer>inner gradient highlight due-date i,todo-list task>outer>inner gradient highlight due-date i{position:absolute;right:0;padding:5px;z-index:5}todo-detail task>outer>inner gradient highlight delete,todo-list task>outer>inner gradient highlight delete{position:relative;top:2px;line-height:24px;margin-left:4px;margin-right:4px;opacity:.25;transition:all .15s ease}todo-detail task>outer>inner gradient highlight delete:hover,todo-list task>outer>inner gradient highlight delete:hover{color:red;opacity:1}todo-detail task>outer>inner.dragover gradient highlight,todo-list task>outer>inner.dragover gradient highlight{background:rgba(0,0,255,.25)}todo-detail task>outer>children,todo-list task>outer>children{display:block;padding-left:20px}todo-detail task.type-text,todo-list task.type-text{display:none!important}todo-detail task.type-image,todo-list task.type-image{display:none!important}todo-detail task.root,todo-list task.root{background-color:transparent!important;border:none!important}todo-detail task.root>outer>children,todo-list task.root>outer>children{padding-left:0!important}todo-detail task.root>outer>inner,todo-list task.root>outer>inner{pointer-events:none;border-color:transparent!important}todo-detail task.root>outer>inner gradient highlight,todo-list task.root>outer>inner gradient highlight{padding:0}todo-detail task.root>outer>inner gradient highlight priority,todo-list task.root>outer>inner gradient highlight priority{padding-left:3px}todo-detail task.root>outer>inner gradient highlight color,todo-list task.root>outer>inner gradient highlight color{opacity:0;cursor:default}todo-detail task.root>outer>inner gradient highlight color inner-color,todo-list task.root>outer>inner gradient highlight color inner-color{opacity:0!important}todo-detail task.root>outer>inner gradient highlight edit,todo-list task.root>outer>inner gradient highlight edit{pointer-events:none;opacity:0}todo-detail task.root>outer>inner gradient highlight due-date,todo-detail task.root>outer>inner gradient highlight size,todo-detail task.root>outer>inner gradient highlight spent,todo-list task.root>outer>inner gradient highlight due-date,todo-list task.root>outer>inner gradient highlight size,todo-list task.root>outer>inner gradient highlight spent{display:flex;vertical-align:baseline;align-items:center}todo-detail task.root>outer>inner gradient highlight size,todo-detail task.root>outer>inner gradient highlight spent,todo-list task.root>outer>inner gradient highlight size,todo-list task.root>outer>inner gradient highlight spent{justify-content:flex-end}todo-detail task.open:not(.root),todo-list task.open:not(.root){margin-right:-5px}todo-detail task.open:not(.root)>open-line,todo-list task.open:not(.root)>open-line{display:flex;width:5px;opacity:1}todo-detail task.open:not(.root)>outer>open,todo-list task.open:not(.root)>outer>open{opacity:1}todo-detail task.open:not(.root)>outer>inner gradient,todo-list task.open:not(.root)>outer>inner gradient{background:0 0!important}todo-detail task.open:not(.root)>outer>inner gradient highlight,todo-list task.open:not(.root)>outer>inner gradient highlight{background:0 0!important}todo-detail task.open:not(.root)>outer>inner gradient highlight input,todo-list task.open:not(.root)>outer>inner gradient highlight input{font-weight:700}todo-detail task.focus>outer>inner default-name,todo-detail task.with-name>outer>inner default-name,todo-list task.focus>outer>inner default-name,todo-list task.with-name>outer>inner default-name{display:none}todo-detail task.focus>outer>inner gradient,todo-detail task.selected>outer>inner gradient,todo-list task.focus>outer>inner gradient,todo-list task.selected>outer>inner gradient{background:linear-gradient(90deg,rgba(255,255,255,.75) 0,rgba(255,255,255,.5) 100%)}todo-detail task.closed>outer>inner open-arrow>inner i,todo-list task.closed>outer>inner open-arrow>inner i{transform:rotate(0);top:-2px}todo-detail task.dragging,todo-list task.dragging{pointer-events:none;opacity:.5!important}todo-detail task.has-children>outer>inner checkbox,todo-list task.has-children>outer>inner checkbox{display:none}todo-detail task.has-children>outer>inner open-arrow,todo-list task.has-children>outer>inner open-arrow{display:block}todo-detail task.draggable,todo-list task.draggable{border-radius:15px;overflow:visible}todo-detail task.draggable>outer,todo-list task.draggable>outer{overflow:visible}todo-detail task.draggable>outer>inner,todo-list task.draggable>outer>inner{position:relative;overflow:visible}todo-detail task.draggable>outer>inner name,todo-list task.draggable>outer>inner name{display:block;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px 10px}todo-detail task.draggable>outer>inner plus,todo-list task.draggable>outer>inner plus{display:none;position:absolute;left:25px;bottom:-25px;border-radius:15px;background-color:rgba(255,255,255,.9);padding:5px 10px;font-weight:700;font-size:12px}todo-detail task.draggable>outer>inner plus number,todo-list task.draggable>outer>inner plus number{border-radius:100%}todo-detail task>inner gradient checkbox:hover>inner fill,todo-list task>inner gradient checkbox:hover>inner fill{left:4px;top:4px;width:12px;height:12px}todo-detail task outer inner gradient checkbox.checked>inner fill,todo-list task outer inner gradient checkbox.checked>inner fill{left:0;top:0;width:20px;height:20px}todo-detail task>outer inner gradient highlight,todo-list task>outer inner gradient highlight{transition:all .2s ease-in-out}todo-detail task.priority-10>outer>inner gradient highlight input[name=task-name-no-autocomplete],todo-list task.priority-10>outer>inner gradient highlight input[name=task-name-no-autocomplete]{animation:checkboxNudge .4s ease-in-out}todo-detail task.priority-5>outer>inner gradient highlight priority select,todo-list task.priority-5>outer>inner gradient highlight priority select{opacity:.5}todo-detail task.priority-1>outer>inner gradient highlight priority select,todo-list task.priority-1>outer>inner gradient highlight priority select{opacity:.25}todo-detail todo-list-inner:not(.with-priority) task>outer inner gradient highlight priority,todo-list todo-list-inner:not(.with-priority) task>outer inner gradient highlight priority{width:0;margin:0;padding:0;visibility:hidden}todo-detail todo-list-inner:not(.with-color) task>outer inner gradient highlight color,todo-list todo-list-inner:not(.with-color) task>outer inner gradient highlight color{width:0;margin:0}todo-detail todo-list-inner:not(.with-edit) task>outer inner gradient highlight edit,todo-list todo-list-inner:not(.with-edit) task>outer inner gradient highlight edit{width:0;margin:0}todo-detail todo-list-inner:not(.with-comments) task>outer inner gradient highlight comment,todo-list todo-list-inner:not(.with-comments) task>outer inner gradient highlight comment{width:0;margin:0}todo-detail todo-list-inner:not(.with-sharing) task>outer inner gradient highlight share,todo-list todo-list-inner:not(.with-sharing) task>outer inner gradient highlight share{width:0;margin:0}todo-detail todo-list-inner:not(.with-spent) task>outer inner gradient highlight spent,todo-list todo-list-inner:not(.with-spent) task>outer inner gradient highlight spent{width:0;margin:0}todo-detail todo-list-inner:not(.with-due-date) task>outer inner gradient highlight due-date,todo-list todo-list-inner:not(.with-due-date) task>outer inner gradient highlight due-date{width:0;margin:0}@keyframes checkboxPulse{0%{transform:scale(1)}33%{transform:scale(1.1)}66%{transform:scale(1)}}@keyframes checkboxNudge{0%{left:3px}33%{left:-1px}66%{left:0}100%{left:0}}todo-detail task.checked:not(.has-children)>outer inner,todo-list task.checked:not(.has-children)>outer inner{position:relative;animation:checkboxNudge .4s ease-in-out}todo-detail task.checked:not(.has-children)>outer inner input,todo-detail task.checked:not(.has-children)>outer inner name,todo-detail task.checked:not(.has-children)>outer inner priority,todo-detail task.checked:not(.has-children)>outer inner size,todo-detail task.checked:not(.has-children)>outer inner spent,todo-list task.checked:not(.has-children)>outer inner input,todo-list task.checked:not(.has-children)>outer inner name,todo-list task.checked:not(.has-children)>outer inner priority,todo-list task.checked:not(.has-children)>outer inner size,todo-list task.checked:not(.has-children)>outer inner spent{opacity:.45}todo-detail task.checked>gradient checkbox>outer inner,todo-list task.checked>gradient checkbox>outer inner{animation:checkboxPulse .4s ease-in-out}todo-detail task.checked>gradient checkbox>outer inner fill,todo-list task.checked>gradient checkbox>outer inner fill{animation:checkboxPulse .4s ease-in-out}todo-detail task.root,todo-list task.root{padding:0}todo-detail task.root>outer>open,todo-list task.root>outer>open{display:none}todo-detail task.root>outer>inner gradient,todo-list task.root>outer>inner gradient{background:0 0}todo-detail task.root>outer>inner gradient default-name,todo-list task.root>outer>inner gradient default-name{display:none}todo-detail task.root>outer>inner gradient highlight checkbox,todo-list task.root>outer>inner gradient highlight checkbox{display:block}todo-detail task.root>outer>inner gradient highlight open-arrow,todo-list task.root>outer>inner gradient highlight open-arrow{display:none}todo-detail task.root>outer>inner gradient highlight div,todo-list task.root>outer>inner gradient highlight div{font-weight:700;line-height:32px}todo-detail task.root>outer>inner gradient highlight .size,todo-detail task.root>outer>inner gradient highlight .spent,todo-list task.root>outer>inner gradient highlight .size,todo-list task.root>outer>inner gradient highlight .spent{text-align:right}todo-detail task.root>outer>inner gradient highlight due-date,todo-detail task.root>outer>inner gradient highlight name,todo-detail task.root>outer>inner gradient highlight size,todo-detail task.root>outer>inner gradient highlight spent,todo-list task.root>outer>inner gradient highlight due-date,todo-list task.root>outer>inner gradient highlight name,todo-list task.root>outer>inner gradient highlight size,todo-list task.root>outer>inner gradient highlight spent{font-weight:700;user-select:none}todo-detail task.root>outer>inner gradient highlight delete,todo-detail task.root>outer>inner gradient highlight open-arrow,todo-list task.root>outer>inner gradient highlight delete,todo-list task.root>outer>inner gradient highlight open-arrow{opacity:0;pointer-events:none}todo-detail task.root>outer>children,todo-list task.root>outer>children{padding-left:0}app.transparent{background-color:transparent}app.transparent todo-canvas{background-color:transparent}app-menu-bar.hidden,todo-detail.hidden,todo-list.hidden{width:0!important;overflow:hidden!important;visibility:hidden;padding:0!important;margin:0!important}todo-list{display:block;width:0;position:relative;margin-right:20px;height:100%;display:flex;flex-direction:column;overflow:visible}todo-list todo-list-scroll{position:absolute;top:0;bottom:0;left:0;right:0;padding:20px;padding-right:0;overflow:hidden;overflow-y:auto}todo-list todo-list-scroll .custom-scrollbar{z-index:20002}todo-list todo-list-scroll list{z-index:30000;position:relative}todo-list task>outer>inner{transition:all .2s ease-in-out}body.task-open todo-list task>outer>inner{opacity:.5}body.task-open todo-list task.open:not(.root) outer>inner{opacity:1}app.theme-dark todo-detail{border-left:1px solid #333}app.theme-dark todo-canvas .help-bar{color:#fff}app.theme-dark todo-canvas .image{border:2px dashed rgba(127,127,127,.5)}app .mouse-cursor{position:absolute;z-index:120000;width:25px;height:25px;background-color:#fff;border-radius:100%;border-top-left-radius:0;border:2px solid #000;pointer-events:none}app todo-detail{position:fixed;right:0;height:calc(100% - 50px);z-index:20050;background:#ececec;overflow:visible;padding-top:0;box-shadow:0 0 20px rgba(0,0,0,.25);pointer-events:none}app todo-detail todo-detail-scrollable{position:relative;display:block;overflow:hidden;overflow-y:auto;height:100%;padding-top:20px;padding-bottom:10px}app todo-detail .description.editable,app todo-detail input,app todo-detail select{width:100%;background:#dadada;border:2px solid transparent;font-size:14px;padding:7px;line-height:normal}app todo-detail select{text-align:left;text-transform:none;font-weight:400}app todo-detail row{display:grid;grid-template-columns:auto 1fr;width:calc(100% - 20px);margin-bottom:5px;align-items:start}app todo-detail row label{width:105px;margin-top:6px}app todo-detail row label icon{width:20px;margin-right:3px;text-align:center}app todo-detail row.name{display:block}app todo-detail row.name values{position:relative}app todo-detail row.name values color{position:absolute;right:0;top:-9px;background:purple;width:24px;height:34.5px;border-radius:2px;border:2px solid red}app todo-detail row.due-date column{position:relative}app todo-detail row.due-date column i{position:absolute;right:0;padding:10px;z-index:5}app todo-detail .description.editable{min-height:80px;max-height:50vh;overflow-y:auto}app todo-detail .description.editable b{font-weight:700}app todo-detail .description.editable i{font-style:italic}app todo-detail .description.editable u{text-decoration:underline}app todo-detail tabheaders{position:relative;display:flex;z-index:3;margin-top:20px}app todo-detail tabheaders tabheader{padding:5px 10px;background:#ddd;background:linear-gradient(90deg,rgba(255,255,255,.5) 0,rgba(255,255,255,.25) 100%);border:2px solid #ddd;border-radius:5px;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none;cursor:pointer;color:#999;user-select:none}app todo-detail tabheaders tabheader span{display:inline-block;width:auto;margin-left:5px;padding-left:7px;padding-right:7px;line-height:20px;background:#cccaed;font-size:12px;font-weight:700;border-radius:100%;text-shadow:1px 1px 0 rgba(255,255,255,.5);color:#000}app todo-detail tabheaders tabheader:not(:last-child){border-right:none}app todo-detail tabheaders tabheader:hover{background:linear-gradient(0deg,#fff 0,rgba(255,255,255,.25) 100%);color:#000}app todo-detail tabheaders tabheader.active{background-color:#fff;color:#000}app todo-detail row.tab{display:none;position:relative;top:-2px;z-index:2}app todo-detail row.tab values{display:flex;flex-direction:column;background-color:#fff;padding:20px;border:2px solid #ddd;border-radius:10px;border-top-left-radius:0}app todo-detail row.tab.active{display:block}app todo-detail row.comments comments comment{display:block;margin-bottom:20px;width:80%}app todo-detail row.comments comments comment heading{display:block;margin-bottom:5px;font-size:13px;opacity:.5}app todo-detail row.comments comments comment text{display:block;padding:10px;background:#ececec;border-radius:10px;box-shadow:5px 5px 5px rgba(0,0,0,.05);border:2px solid #ddd}app todo-detail row.comments comments comment.mine{margin-left:auto}app todo-detail row.comments comments comment.mine text{background:#daeee4;border-color:#afd8c4}app todo-detail row.comments comments comment:last-child{margin-bottom:0}app todo-detail row.comments new-comment{display:grid;grid-template-columns:1fr auto;padding-top:10px;gap:10px}app todo-detail row.comments new-comment div.input{position:relative}app todo-detail row.comments new-comment div.input i{position:absolute;right:10px;top:calc(50% - 6px);opacity:.25;transition:all .2s ease}app todo-detail row.comments new-comment div.input i:hover{cursor:default;opacity:1}app todo-detail row.comments new-comment div.input i:active{right:8px;top:calc(50% - 3px)}app todo-detail row.comments new-comment div.input input{padding-right:30px;background-color:#ececec}app todo-detail row.comments new-comment div.input input:focus{background-color:#fff}app todo-detail row.comments new-comment div[contenteditable]{padding:0;border:none!important;outline:0!important;box-shadow:none!important}app todo-detail attachments{display:flex;flex-direction:column;gap:10px}app todo-detail attachments attachment{position:relative;border-bottom:1px solid #e6e6e6;padding-bottom:10px;display:grid;grid-template-columns:auto 1fr auto}app todo-detail attachments attachment actions,app todo-detail attachments attachment detail,app todo-detail attachments attachment icon{padding:0 20px;align-self:center}app todo-detail attachments attachment icon i{font-size:30px}app todo-detail attachments attachment detail{display:flex;flex-direction:column;justify-content:center;padding:0 20px}app todo-detail attachments attachment detail name{font-weight:700}app todo-detail attachments attachment actions{padding:0}app todo-detail attachments attachment actions button{border-color:transparent}app todo-detail attachments attachment:last-child{border-bottom:none}app todo-detail shareing{display:flex;flex-direction:column}app todo-detail shareing label{font-weight:700;width:auto;margin-bottom:10px}app todo-detail shareing sublabel{margin-top:-10px;margin-bottom:10px;opacity:.5}app todo-detail shareing new-user,app todo-detail shareing user{display:flex;align-items:center;gap:10px;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #e6e6e6}app todo-detail shareing new-user icon i,app todo-detail shareing user icon i{font-size:20px;color:#555}app todo-detail shareing new-user name,app todo-detail shareing user name{font-weight:700;margin-right:auto}app todo-detail shareing new-user status span,app todo-detail shareing user status span{font-size:12px;padding:5px 10px;border-radius:3px;background-color:#ddd}app todo-detail shareing new-user select,app todo-detail shareing user select{width:80px}app todo-detail shareing new-user input,app todo-detail shareing new-user select,app todo-detail shareing user input,app todo-detail shareing user select{padding:5px;border-color:transparent;background-color:transparent}app todo-detail shareing new-user delete button,app todo-detail shareing user delete button{background:0 0;border-color:transparent;cursor:pointer}app todo-detail shareing user:first-child{padding-top:0}app todo-detail shareing user:last-child{border:none}app todo-detail shareing user.state-accepted status span{background-color:#b4e3ab}app todo-detail shareing user.state-owner status span{background-color:#b4e3ab}app todo-detail shareing user.state-owner delete,app todo-detail shareing user.state-owner permission{opacity:.25;cursor:default;pointer-events:none;user-select:none}app todo-detail shareing new-user{display:grid;grid-template-columns:1fr auto auto;padding:0;border:none}app todo-detail shareing new-user .input input{padding:8px;border:2px solid #ddd;border-radius:3px;width:100%;border-radius:6px}app todo-detail shareing new-user .input input:focus,app todo-detail shareing new-user .input input:hover{border:2px solid #000}app todo-detail shareing new-user button{cursor:pointer}app app-body{opacity:0;transition:opacity .3s ease-in-out}app.ready app-body{opacity:1}todo-detail.visible{pointer-events:all}body.dragging-views{pointer-events:none;user-select:none}.particle{position:absolute;width:5px;height:5px;background-color:gold;border-radius:50%;pointer-events:none;opacity:.8;box-shadow:0 0 2px rgba(0,0,0,.5)}.changelog-container{font-family:Arial,sans-serif}.changelog-version{width:100vw;max-width:500px;min-width:300px;margin-bottom:20px;border-bottom:1px solid rgba(127,127,127,.5);padding-bottom:10px}.version-title{font-size:1.2em;opacity:.75;margin:0 0 5px}.release-date{font-size:.9em;opacity:.5;margin:0 0 10px}.changelog-list{padding-left:20px;list-style-type:disc;margin:0}.changelog-list li{margin-bottom:5px;line-height:1.5}.changelog-list ul{padding-left:20px;list-style-type:circle;margin-top:5px}.changelog-container h3{margin-top:0;text-transform:none;font-size:20px;line-height:1;font-weight:700}ai-bar{position:absolute;bottom:20px;left:20px;width:100%;gap:20px;display:grid;grid-template-rows:1fr auto;z-index:10000;pointer-events:none}ai-bar results{position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}ai-bar results chat{box-sizing:border-box;flex-direction:column;max-height:100%;margin-top:auto;pointer-events:all;background:rgba(218,218,218,.75);backdrop-filter:blur(2px);padding:10px;gap:10px;border-radius:10px;width:80%;max-width:500px;overflow-y:auto;display:flex;flex-direction:column-reverse}ai-bar results chat message{display:flex;flex-direction:column;background:rgba(255,255,255,.5);width:80%;gap:10px;padding:10px;border-radius:10px}ai-bar results chat message.thinking{display:grid;grid-template-columns:auto 1fr;user-select:none;pointer-events:none}ai-bar results chat message:first-child{margin-bottom:0}ai-bar results chat message.assistant{align-self:flex-start}ai-bar results chat message.user{background:rgba(128,255,128,.5);align-self:flex-end;margin-left:auto}ai-bar results chat tasks{margin-bottom:0;padding:10px;background-color:rgba(0,0,0,.05);width:80%;margin:0 auto;border-radius:10px;border:1px solid rgba(0,0,0,.1);margin-top:10px;margin-bottom:10px}ai-bar results chat tasks task{position:relative;background:#b0abe3;color:#000;padding:10px;border-radius:10px;display:block;border:1px solid rgba(0,0,0,.1);width:100%;margin-bottom:10px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;transition:all .1s ease-in-out}ai-bar results chat tasks task toggle{width:20px;height:20px;border-radius:100%;background:#fff}ai-bar results chat tasks task:hover{background:#e7e6f9;left:-1px;top:-1px;box-shadow:0 0 10px rgba(0,0,0,.1)}ai-bar results chat tasks task:last-child{margin-bottom:0}ai-bar bar{position:relative;display:grid;grid-template-columns:1fr auto;gap:10px;display:flex;background:rgba(218,218,218,.5);border-radius:10px;backdrop-filter:blur(2px);width:calc(100% - 40px);padding:6px;overflow-x:auto;scroll-behavior:smooth;pointer-events:all}ai-bar bar hint{position:absolute;padding:10px;opacity:.5;pointer-events:none;user-select:none}ai-bar bar .input{background:0 0;border:none;padding:10px}ai-bar bar .input:active,ai-bar bar .input:focus,ai-bar bar .input:hover{outline:0;background:0 0;box-shadow:none}.user-settings .password-actions{display:none}.view-invoices .invoice-header{font-weight:700}.view-invoices .invoice{padding:10px;border-bottom:1px solid #ddd;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.view-invoices .invoice:hover{color:#8079d5}.manage-subscription .popover-list-detail-option.two-columns{grid-template-columns:170px 1fr!important}.manage-subscription .popover-list-detail-option.three-columns{display:grid;grid-template-columns:3fr 1fr 1fr!important;gap:10px}.manage-subscription .divider{border-bottom:2px solid #ddd;margin:20px 0}.manage-subscription .subscription-types{display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%}.manage-subscription .subscription-types .subscription-type{border:2px solid transparent;display:flex;flex-direction:column;gap:10px;padding:15px;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.25);position:relative;margin-bottom:30px;width:100%}.manage-subscription .subscription-types .subscription-type label{font-weight:700;text-align:center}.manage-subscription .subscription-types .subscription-type .current{position:absolute;left:0;right:0;bottom:-20px;text-align:center;z-index:1}.manage-subscription .subscription-types .subscription-type .current div{display:inline-block;background-color:#8079d5;border-radius:4px;padding:3px 6px;font-size:12px;color:#fff}.manage-subscription .subscription-types .subscription-type:hover{border-color:#000}.manage-subscription .subscription-types .subscription-type.selected{border-color:#8079d5}.manage-subscription .payment-methods{width:100%}.manage-subscription .payment-methods .options{display:flex;flex-direction:row;gap:10px;width:100%}.manage-subscription .payment-methods .options .option{border:2px solid transparent;border-radius:8px;padding:10px;box-shadow:0 2px 5px rgba(0,0,0,.25)}.manage-subscription .payment-methods .options .option i{width:20px;text-align:center;margin-right:5px}.manage-subscription .payment-methods .options .option:hover{border-color:#000}.manage-subscription .payment-methods .options .option.selected{border-color:#8079d5}@media (max-width:768px){.manage-subscription .subscription-types{display:block}}.order-confirmation label.title{font-size:20px;font-weight:700;margin-bottom:20px;margin-top:10px;text-align:center;width:100%;display:block}.order-confirmation label.title span{display:inline-block;animation:wiggle .7s ease-in-out;margin-left:10px;margin-right:10px;font-size:40px}.order-confirmation .value{font-weight:700}.order-confirmation p{margin-top:20px;margin-bottom:20px}#notices{position:fixed;top:60px;left:20px;right:20px;z-index:10000;align-items:center;justify-content:center;display:flex;flex-direction:column;gap:10px}#notices .notice{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 15px rgba(0,0,0,.125);margin-bottom:10px;width:100%;max-width:500px;display:flex;align-items:center;gap:10px}#notices .notice icon{font-size:30px}#notices .notice.notice-success icon{color:#7cc16c}#notices .notice.notice-error icon{color:#e2abad}#notices .notice.notice-info icon{color:#8079d5}popover{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(16,16,16,.85);z-index:1000;backdrop-filter:blur(1px);opacity:0;transition:all .3s ease;pointer-events:none;color:#000}popover inner{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:10px;padding:0;box-shadow:5px 5px 15px rgba(0,0,0,.125);max-width:500px;opacity:0;transition:all .4s ease,max-width 0s;margin-top:20px}popover inner header{margin-bottom:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:15px 20px}popover inner header icon{display:block;width:41px;line-height:34px;border:2px solid #ddd;border-radius:8px;margin-right:15px}popover inner header icon::before{display:block;font-family:'Font Awesome 6 Free';font-weight:600;content:"\f0f3";width:39px;line-height:34px;text-align:center;position:relative;left:-1px;animation:wiggle .77s ease-in-out;animation-delay:.2s}popover inner header icon.user::before{content:"\f007"}popover inner header icon.book::before{content:"\f02d"}popover inner header icon.gear::before{content:"\f013"}popover inner header icon.gamepad::before{content:"\f11b"}popover inner header middle{align-items:center;position:relative;top:-1px}popover inner header middle title{display:block;position:relative;top:0;font-weight:600;font-size:16px;line-height:23px;align-self:center}popover inner header middle subtitle{display:none;font-size:14px;line-height:14px;opacity:.5}popover inner header close::before{margin-left:15px;display:block;font-family:'Font Awesome 6 Free';font-weight:600;content:"\f00d";width:22px;line-height:22px;text-align:right}popover inner content{position:relative;width:100%;display:block;padding:0 20px;padding-bottom:10px}popover inner content form{display:flex;flex-direction:column}popover inner content form button,popover inner content form input,popover inner content form row,popover inner content form select,popover inner content form separator,popover inner content form textarea{margin-bottom:10px;resize:none}popover inner content form textarea{min-height:200px}popover inner content form a,popover inner content form row,popover inner content form separator{font-size:14px}popover inner content form:last-child{margin-bottom:0}popover inner content form a{opacity:.5;text-decoration:none}popover inner content form a:hover{opacity:1}popover inner content form row.align-right{display:flex;justify-content:flex-end}popover inner content form separator{display:block;width:100%;opacity:.5;text-align:center}popover inner content form providers{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}popover inner content form providers button{aspect-ratio:1.5;background:linear-gradient(0deg,#eee 0,#fff 100%);opacity:.66}popover inner content form providers button:hover{background:linear-gradient(0deg,#fff 0,#eee 100%);opacity:1}popover inner content form providers button::before{font-family:'Font Awesome 6 Brands';font-weight:600;content:'\f1a0';display:block}popover inner content form providers button.linkedin::before{content:'\f08c';color:#0a66c2}popover inner content form providers button.apple::before{content:'\f179'}popover inner content .popover-list-detail-options .popover-list-detail-option{display:block;margin-bottom:5px}popover inner content .popover-list-detail-options .popover-list-detail-option.two-columns{display:grid;grid-template-columns:100px 1fr}popover inner content .popover-list-detail-options.user-settings .popover-list-detail-option.two-columns{grid-template-columns:140px 1fr}popover inner content .error{color:red;font-weight:700}popover inner footer{margin-top:5px;text-align:right;border-top:1px solid #efefef;padding-top:15px;padding-left:20px;padding-right:20px;padding-bottom:15px}popover inner footer button{margin-left:10px}popover inner footer button icon{margin-right:5px}popover inner content-loading{position:absolute;left:0;width:100%;background:rgba(255,255,255,.8);z-index:2;text-align:center;align-items:center;justify-content:center;display:flex;opacity:0;transition:opacity .4s ease;pointer-events:none;backdrop-filter:blur(2px)}popover inner content-loading message{font-size:20px;font-weight:700}popover inner content-loading.visible{opacity:1;pointer-events:all}popover inner content-gradient{position:absolute;top:0;left:0;width:100%;height:64px;background:linear-gradient(0deg,rgba(255,255,255,0) 0,rgba(0,0,0,.125) 100%);pointer-events:none;z-index:1;opacity:0;transition:opacity .2s ease}popover inner content-gradient.visible{opacity:1}@media (max-width:768px){popover inner{width:calc(100% - 40px)}}@media (max-width:500px){popover inner content .popover-list-detail-options .popover-list-detail-option.two-columns{display:block;grid-template-columns:100px 1fr}}popover.theme-dark inner content-gradient{background:linear-gradient(0deg,rgba(0,0,0,0) 0,rgba(255,255,255,.125) 100%)}popover.with-sub-title inner header middle subtitle{display:block}popover.for-element inner{transform:none;transition:opacity,margin .4s ease}popover.visible{opacity:1}popover.visible inner{pointer-events:all}popover inner.visible{opacity:1;margin-top:0}popover .popover-colors{max-width:245px;display:flex;flex-wrap:wrap;gap:10px;padding:5px;margin-top:5px}popover .popover-colors .color{width:20px;height:20px;margin-bottom:10px;border-radius:50%;background-color:#ccc;flex-shrink:0;transition:all .1s ease}popover .popover-colors .color.selected,popover .popover-colors .color:hover{border:2px solid #000;transform:scale(1.3)}popover .popover-upload{text-align:center;transition:all .1s ease;position:relative;width:380px}popover .popover-upload selection,popover .popover-upload status{align-items:center;justify-content:center;display:flex;flex-direction:column;padding:20px;overflow:hidden;transition:all .3s ease}popover .popover-upload selection{height:auto;border:3px dashed #ddd;border-radius:10px;margin-bottom:10px;padding:20px}popover .popover-upload predefined{display:block;width:100%}popover .popover-upload predefined .tabs{position:relative;display:flex;flex-direction:row;z-index:10}popover .popover-upload predefined .tabs button{border-radius:0;background-color:#fff;color:#bbb;border-right-width:0;border-bottom:2px solid #ddd;transition:none}popover .popover-upload predefined .tabs button.active,popover .popover-upload predefined .tabs button:active,popover .popover-upload predefined .tabs button:focus{transform:none!important;box-shadow:none;border-color:#ddd;border-bottom:2px solid #fff;left:0;top:0}popover .popover-upload predefined .tabs button:hover{transform:none!important;box-shadow:none;border-color:#ddd;left:0;top:0}popover .popover-upload predefined .tabs button.active{border-color:#ddd;border-bottom:0}popover .popover-upload predefined .tabs button.active{background-color:#fff;color:#000}popover .popover-upload predefined .tabs button:first-child{border-top-left-radius:10px}popover .popover-upload predefined .tabs button:last-child{border-top-right-radius:10px;border-right-width:2px}popover .popover-upload predefined .tab-content{position:relative;z-index:1;top:-2px;border:2px solid #ddd;padding:10px}popover .popover-upload predefined .tab-content .icon-category{display:none;position:relative}popover .popover-upload predefined .tab-content .icon-category[data-category=upload]{height:160px}popover .popover-upload predefined .tab-content .icon-category.active{display:block}popover .popover-upload predefined .tab-content .icon-list{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}popover .popover-upload predefined .tab-content .icon-list .icon-item{width:50px;height:50px;padding:10px;background-size:40px 40px;background-position:center;background-repeat:no-repeat;transition:all .1s ease}popover .popover-upload predefined .tab-content .icon-list .icon-item:hover{background-size:50px 50px}popover .popover-upload predefined .tab-content .template-list .template-item{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-bottom:10px}popover .popover-upload predefined .tab-content .template-list .template-item .image{width:50px;height:50px;background-size:40px 40px;background-position:center;background-repeat:no-repeat;transition:all .1s ease}popover .popover-upload predefined .tab-content .template-list .template-item .title{text-align:left;display:flex;align-items:center;display:grid;grid-template-rows:auto auto}popover .popover-upload predefined .tab-content .template-list .template-item .title .name{font-weight:700;opacity:.5}popover .popover-upload predefined .tab-content .template-list .template-item .title .description{opacity:.5}popover .popover-upload predefined .tab-content .template-list .template-item:hover .name{opacity:1}popover .popover-upload predefined .tab-content .template-list .template-item:hover .image{background-size:50px 50px}popover .popover-upload predefined .tab-content .template-list .template-item:last-child{margin-bottom:0}popover .popover-upload status .status-text{margin-bottom:10px}popover .popover-upload status .bar{display:block;width:100%;height:10px;background:#ddd;border-radius:5px;overflow:hidden;margin-bottom:20px}popover .popover-upload status .bar .bar-fill{display:block;width:0;height:10px;background:#000;transition:width .5s ease}popover .popover-upload selection,popover .popover-upload status{position:absolute;top:0;left:0;width:100%;height:160px}popover .popover-upload selection.hide,popover .popover-upload status.hide{opacity:0;pointer-events:none}popover .popover-upload .popover-upload-icon{font-size:50px;margin-bottom:20px}popover .popover-upload .error{font-weight:700;padding:0 20px;display:none;color:#d57979}popover .popover-upload input{display:none}popover .popover-upload.file-hover selection{border:3px dashed #8079d5;color:#8079d5}.date-time-popover{background:#fff;font-family:sans-serif}.date-time-popover .calendar-controls{display:flex;justify-content:space-between;align-items:baseline}.date-time-popover .calendar-controls button{cursor:pointer;padding:2px;border:none;width:40px!important;font-size:20px;box-shadow:none!important}.date-time-popover .calendar-controls .month-year{font-weight:700}.date-time-popover .calendar .weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-weight:700}.date-time-popover .calendar .weekdays div{padding:.3rem 0;opacity:.5}.date-time-popover .calendar .days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.date-time-popover .calendar .days .day{text-align:center;padding:2px 5px;border:2px solid transparent;border-radius:4px;transition:background .2s}.date-time-popover .calendar .days .day:hover{background:#eee}.date-time-popover .calendar .days .day.current{border-color:#b0abe3;font-weight:700}.date-time-popover .calendar .days .day.empty{cursor:default;background:0 0}.date-time-popover .calendar .days .day.selected{background:#8079d5;color:#fff;font-weight:700}.date-time-popover .time-toggle{margin-top:5px}.date-time-popover .time-selector{display:flex;justify-content:space-between;margin-top:5px}.date-time-popover .time-selector .time-field{display:flex;flex-direction:column;width:48%}.date-time-popover .time-selector .time-field label{font-size:.9rem;margin-bottom:.3rem}.date-time-popover .time-selector .time-field input{padding:.3rem;border:1px solid #ccc;border-radius:4px;width:100%}scrollbar.horizontal{position:relative;display:block;background-color:#e3ecea;width:100%;height:4px}scrollbar.horizontal thumb{position:relative;display:block;width:25%;height:4px;background-color:#1e1e27}scrollbar.horizontal thumb:hover{cursor:pointer}.custom-scrollbar{position:fixed;display:block;background:rgba(0,0,0,.125);width:5px;height:5px;border-radius:5px;z-index:10;left:5px;top:0}.custom-scrollbar .custom-thumb{position:absolute;display:block;background:rgba(0,0,0,.25);width:5px;height:5px;border-radius:5px}.theme-dark .custom-scrollbar{background:rgba(255,255,255,.25)}.theme-dark .custom-scrollbar .custom-thumb{background:rgba(255,255,255,.5)}tooltip{position:absolute;background-color:rgba(255,255,255,.75);border-radius:20px;padding:5px 10px;pointer-events:none;opacity:0}app:not(.transparent).theme-dark{background-color:#000}app:not(.transparent).theme-dark app-body todo-canvas{background-color:#000}.theme-dark button{background:#333;color:#fff;border-color:#333}.theme-dark button:active,.theme-dark button:focus{border-color:#fff}app.theme-dark a,popover.theme-dark inner a{color:#777}app.theme-dark a:hover,popover.theme-dark inner a:hover{color:#8079d5}app.theme-dark .pane-toggle-button{background:#333!important;color:#fff!important}app.theme-dark .pane-toggle-button:hover i{color:#fff!important}app.theme-dark app-menu-bar{background-color:#000;color:#fff;border-bottom-color:#333}app.theme-dark app-body todo-canvas .label priority{color:#fff}app.theme-dark app-body todo-canvas .label inner .input{color:#fff}app.theme-dark app-body todo-canvas .label edit{background:#333;color:#fff;border-color:#333}app.theme-dark app-body todo-canvas .label edit fill{background:#fff}app.theme-dark app-body todo-canvas .label edit:hover{border-color:#fff}app.theme-dark app-body todo-canvas .label:not(.type-other){background-color:rgba(255,255,255,.25)}app.theme-dark app-body todo-canvas .canvas-overview{background-color:#000;border-color:#333}app.theme-dark app-body todo-canvas spawn-point{background-color:rgba(255,255,255,.25)}app.theme-dark app-body todo-canvas spawn-point i{color:#fff}app.theme-dark app-body todo-canvas .canvas-bread-crumb,app.theme-dark app-body todo-canvas ai-bar bar{background-color:rgba(255,255,255,.2);color:#fff}app.theme-dark app-body todo-list{background-color:#333;color:#fff}app.theme-dark app-body todo-list todo-list-header{background-color:#000}app.theme-dark app-body todo-list task{background:#333;color:#000}app.theme-dark app-body todo-list task outer inner{border-color:#333}app.theme-dark app-body todo-list task.root{color:#fff!important}app.theme-dark app-body todo-list task.root>outer>inner gradient highlight input{color:#fff}app.theme-dark app-body todo-detail{background-color:#000;color:#fff}app.theme-dark app-body todo-detail todo-list-header{background-color:#333}app.theme-dark app-body todo-detail div.editable,app.theme-dark app-body todo-detail input,app.theme-dark app-body todo-detail select,app.theme-dark app-body todo-detail textarea{background-color:#333;color:#fff}app.theme-dark app-body todo-detail tabheaders tabheader{background:#000;color:#777;border-color:#333}app.theme-dark app-body todo-detail tabheaders tabheader.active{background-color:#333;color:#fff}app.theme-dark app-body todo-detail row.tab values{background-color:#000;color:#fff;border-color:#333}app.theme-dark app-body todo-detail row.comments comments comment text{background-color:#000}app.theme-dark app-body todo-detail button.pane-toggle-button{z-index:10000}app.theme-dark app-body todo-detail button.pane-toggle-button:after{position:absolute;right:0;top:0;content:' ';background:#000;width:20px;height:50px;display:block}popover.theme-dark inner{background-color:#000;border:2px solid #333;color:#fff}popover.theme-dark inner footer{border-color:#333}popover.theme-dark inner button,popover.theme-dark inner button.pressed{background-color:#333;color:#fff}popover.theme-dark inner input[type=range],popover.theme-dark inner input[type=range]:active,popover.theme-dark inner input[type=range]:focus,popover.theme-dark inner input[type=range]:hover{background:#333}popover.theme-dark inner input[type=range]:active,popover.theme-dark inner input[type=range]:focus,popover.theme-dark inner input[type=range]:hover{background:#333}popover.theme-dark inner input[type=range]::-webkit-slider-thumb{background-color:#fff}popover.theme-dark inner .popover-upload predefined .tabs button{border-color:#ddd;background-color:transparent;color:#555}popover.theme-dark inner .popover-upload predefined .tabs button.active{color:#fff;border-bottom:2px solid #000!important}.wysywig-unwind-editable{font-family:Roboto,sans-serif;font-weight:400;font-style:normal}.wysywig-unwind-editable p{margin:0!important;padding:0!important;margin-bottom:0!important;opacity:1!important}.wysywig-unwind-editable b,.wysywig-unwind-editable strong{font-weight:700}.wysywig-unwind-editable em,.wysywig-unwind-editable i{font-style:italic}.wysywig-unwind-editable u{text-decoration:underline}.wysywig-unwind-editable ul{list-style-type:disc!important;margin-left:20px!important}.wysywig-unwind-editable ul li{margin-bottom:5px!important}.wysywig-unwind-editable h3{font-size:24px;font-weight:700;text-transform:none!important;margin-bottom:10px;margin-top:20px;opacity:1!important}.wysywig-unwind-editable ol{list-style-type:decimal!important;margin-left:20px!important}.wysywig-unwind-editable ol li{margin-bottom:5px!important}.wysywig-unwind-editable .style_highlight{color:#8079d5}.wysywig-unwind-editable .style_heading{font-size:24px;font-weight:700}.wysywig-unwind-editable .style_footprint{font-size:12px;opacity:.75}