.icon-btn,[data-theme=light] .icon-btn{--btn-bg: var(--color--structio);--btn-border: var(--color--structio);--btn-color: var(--color--white)}.icon-btn{background:transparent;border:0;box-shadow:none;cursor:pointer;outline:0;padding:0;align-items:center;color:var(--text-color);display:flex;justify-content:center;transition:1s}.icon-btn:disabled{opacity:.5;filter:grayscale(1);color:var(--text-color)!important}.icon-btn-icon-with-bg{display:flex;align-items:center;justify-content:center;height:30px;width:30px;border:1px solid var(--btn-border);border-radius:var(--radius-lg);color:var(--btn-color);background:var(--btn-bg);transition:.5s;cursor:pointer}.icon-btn-icon-with-bg.small{height:20px;width:20px;border-radius:var(--radius-md)}.icon-btn-icon-with-bg svg{height:18px;width:18px}.icon-btn-badge .MuiBadge-badge{top:-13px;left:-14px}.icon-btn .text{font-size:1rem;padding-top:var(--space-xxs)}.icon-btn--secondary{color:var(--text-color-opacity)}.icon-btn--secondary .icon-btn-icon-with-bg{background:var(--bg-box-inner);border:1px solid var(--text-color-opacity);color:var(--text-color)}.icon-btn--add{color:var(--color--approve)}.icon-btn--add .icon-btn-icon-with-bg{background:var(--color--green);border:1px solid var(--color--green);color:var(--color--white)}.icon-btn--addsecondary{color:var(--color--approve)}.icon-btn--addsecondary .icon-btn-icon-with-bg{background:var(--bg-box-inner);border:1px solid var(--text-color-opacity);color:var(--color--add)}.icon-btn--delete{color:var(--color--delete)}.icon-btn--delete .icon-btn-icon-with-bg{background:var(--bg-box-inner);border:1px solid var(--text-color-opacity);color:var(--color--delete)}.icon-btn--skyblue{color:var(--text-color-opacity)}.icon-btn--skyblue .icon-btn-icon-with-bg{background:var(--text-color-opacity);border:1px solid var(--text-color-opacity);color:var(--color--white)}.icon-btn--blue{color:var(--color--blue)}.icon-btn--blue .icon-btn-icon-with-bg{background:var(--color--blue);border:1px solid var(--color--blue);color:var(--color--white)}.icon-btn.pulse-btn .MuiBadge-badge{animation:pulse-animation 1.8s 3}@keyframes pulse-animation{0%{box-shadow:0 0 #f4433633}50%{transform:scale(1.2) translate(50%,-50%)}to{box-shadow:0 0 0 20px #f4433600}}.app-install-banner{position:fixed;left:12px;right:12px;z-index:var(--z-99);background:var(--bg-box);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--box-shadow);padding:var(--space-3xl) var(--space-m) var(--space-s);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-install-banner.with-menubar{bottom:calc(64px + env(safe-area-inset-bottom,0))}.app-install-banner.without-menubar{bottom:calc(12px + env(safe-area-inset-bottom,0))}.app-install-banner-content{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0;width:100%;align-items:center}.app-install-banner-title{font-size:1.5rem;font-weight:600;color:var(--text-color);text-align:center}.app-install-banner-actions{display:flex;flex-direction:column;gap:var(--space-l);align-items:center}.app-install-banner-badge-link{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);line-height:0}.app-install-banner-badge{width:175px;height:75px;object-fit:contain;display:block}.app-install-banner-close{position:absolute;top:6px;right:6px;width:34px;height:34px;z-index:var(--z-1)}@media only screen and (max-width:380px){.app-install-banner{left:6px;right:6px;padding:var(--space-xs)}.app-install-banner-badge{width:150px;height:50px}}.icon-container svg{display:flex;align-items:center;width:var(--icon-width);height:var(--icon-height);fill:var(--icon-color);transition:.5s}.icon--bounce-vertical{animation:iconBounceVertical .8s ease-in-out infinite}.icon--bounce-horizontal{animation:iconBounceHorizontal .8s ease-in-out infinite}@keyframes iconBounceVertical{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes iconBounceHorizontal{0%,to{transform:translate(0)}50%{transform:translate(-5px)}}.button{--btn-bg: var(--color--structio);--btn-border: var(--color--structio);--btn-color: var(--color--white);--btn-secondary-bg: var(--bg-box-inner);--btn-secondary-color: var(--color--white);--btn-delete-bg: var(--bg-box-inner);--btn-delete-color: var(--color--red);--btn-add-bg: var(--bg-box-inner);--btn-add-color: var(--color--green);--btn-skyblue-bg: var(--text-color-opacity)}[data-theme=light] .button{--btn-bg: var(--color--structio);--btn-border: var(--color--structio);--btn-color: var(--color--white);--btn-secondary-bg: var(--bg-box-inner);--btn-secondary-color: var(--color--structio);--btn-delete-bg: var(--color--white);--btn-delete-color: var(--color--red);--btn-add-bg: var(--bg-box-inner);--btn-add-color: var(--color--green);--btn-skyblue-bg: var(--text-color-opacity)}.button{height:auto;width:100%;max-width:100%;height:35px;font-weight:300;border:1px solid var(--btn-border);border-radius:var(--radius-lg);color:var(--btn-color);padding:0 var(--space-s) 0 var(--space-s);background:var(--btn-bg);font-size:1rem;transition:.5s;cursor:pointer}.button:hover{color:var(--btn-color);transition:.5s}.button:disabled{opacity:.65}.button-text-container{display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.button-text-container.right{flex-direction:row-reverse}.button-text-container.icon-only{justify-content:center}.button-icon{align-items:center;display:flex;justify-content:center}.button-icon svg{height:var(--icon-height, 20px);width:var(--icon-width, 20px)}.button-structio{width:fit-content;min-width:100px}.button--subscription{height:42px;width:fit-content;max-width:100%;min-width:200px;border-radius:var(--radius-round);font-weight:600;font-size:1rem;padding-left:var(--space-l);padding-right:var(--space-l)}.button-text{margin-top:var(--space-xxs)}.button--subscription .button-text{font-weight:600}.button--secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-color);border:1px solid var(--border-color);transition:.5s}.button--secondary:hover{background:var(--btn-secondary-bg);color:var(--btn-secondary-color);transition:.5s}.button--delete,.button--delete:hover{background:var(--btn-delete-bg);border:1px solid var(--border-color);color:var(--btn-delete-color);transition:.5s}.button--add,.button--add:hover{background:var(--btn-add-color);border:1px solid var(--btn-add-color);color:var(--color--white);transition:.5s}.button--skyblue,.button--skyblue:hover{background:var(--btn-skyblue-bg);border:1px solid var(--btn-skyblue-bg);color:var(--color--white);transition:.5s}.button--blue,.button--blue:hover{background:var(--color--blue);border:1px solid var(--color--blue);color:var(--color--white);transition:.5s}.button--link{background:transparent;border:1px solid transparent;color:var(--btn-secondary-color);transition:.5s;text-decoration:underline}.button--link:hover{background:transparent;border:1px solid transparent;text-decoration:none;color:var(--btn-secondary-color);transition:.5s}.button--fade{animation:fadeIn var(--animation-duration, 1s) ease-in-out}.button--heartbeat{animation:heartbeat var(--animation-duration, 1.5s) ease-in-out infinite}.button--shine-wrapper{position:relative;overflow:hidden}.button--shine-wrapper:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-20deg)}.button--pulse{animation:pulse var(--animation-duration, 2s) ease-in-out infinite}@keyframes heartbeat{0%{transform:scale(1)}5%{transform:scale(1.05)}10%{transform:scale(1)}15%{transform:scale(1.05)}20%,to{transform:scale(1)}}@keyframes shine{0%{left:-100%}20%{left:150%}20.01%,to{left:150%}}@keyframes pulse{0%{box-shadow:0 0 #2f4952b3}10%{box-shadow:0 0 0 12px #2f495200}10.01%,to{box-shadow:0 0 #2f495200}}._container_wu7nl_1{--button-bg: #6c441d;--button-bg-premium: var(--color--green)}[data-theme=light] ._container_wu7nl_1{--button-bg: var(--color--orange);--button-bg-premium: var(--color--green)}._container_wu7nl_1{display:flex;align-items:center;justify-content:center;width:50px;height:50px;position:relative}._create-button_wu7nl_20.button{display:flex;align-items:center;justify-content:center;width:45px;height:45px;top:-16px;background:var(--button-bg);border:1px solid var(--color--orange);border-radius:var(--radius-xl);position:absolute}._premium_wu7nl_33.button{background:var(--button-bg-premium);border:1px solid var(--color--green)}.onboarding-step1{opacity:0;animation:_fadeInOut_wu7nl_1 4s ease-in-out forwards}.onboarding-step2{opacity:0;animation:_fadeInDelayed_wu7nl_1 1s ease-in-out 2s forwards}@keyframes _fadeInOut_wu7nl_1{0%{opacity:0}20%{opacity:1}to{opacity:1}}@keyframes _fadeInDelayed_wu7nl_1{0%{opacity:0}to{opacity:1}}.premium-sub-icon{display:flex;align-items:center;justify-content:center}.premium-sub-icon svg{margin-bottom:var(--space-xxs);fill:var(--text-color)}._seperator_14s12_1{width:100%;border-top:1px solid var(--text-color-opacity)}._menu-modal_kz4wk_1{--button-bg: var(--color--structio-dark);--menu-modal-ad-max-width: 500px;--menu-modal-bottom-reserved-height: var(--layout-bottom-nav-reserved-height)}[data-theme=light] ._menu-modal_kz4wk_1{--button-bg: var(--color--structio)}._advertise-premium-container_kz4wk_11.card-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--space-m);margin-bottom:var(--space-3xl);max-width:var(--menu-modal-ad-max-width)}._menu-modal_kz4wk_1.structio-modal-container{align-items:flex-end;z-index:var(--z-9)}._menu-modal_kz4wk_1.structio-modal-container .MuiBackdrop-root{top:0;background-color:var(--bg);height:100vh;height:100svh}._menu-modal-box_kz4wk_35.structio-modal-box{height:auto;margin-top:0;overflow:visible;width:fit-content;padding-bottom:calc(var(--menu-modal-bottom-reserved-height) + var(--space-m))!important;background:transparent;box-shadow:none}._modal-create-button-list_kz4wk_47{display:flex;align-items:center;justify-content:flex-end;flex-direction:column;height:100%;padding-left:var(--space-s);padding-right:var(--space-s);gap:var(--space-m)}.menu-modal-feature-action-button.icon-btn{background:color-mix(in srgb,var(--menu-modal-feature-color) 5%,var(--bg-box));border:1px solid var(--menu-modal-feature-color);border-radius:var(--radius-lg);box-sizing:border-box;color:var(--text-color);min-height:45px;justify-content:flex-start;padding:0 var(--space-m);width:315px;max-width:100%;backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35)}[data-theme=light] .menu-modal-feature-action-button.icon-btn{background:color-mix(in srgb,var(--menu-modal-feature-color) 10%,var(--bg-box))}.menu-modal-feature-action-button.icon-btn .icon-btn-icon-with-bg{background:transparent;border:0;color:var(--menu-modal-feature-color)}.menu-modal-feature-action-button.icon-btn .icon-btn-icon-with-bg svg{fill:var(--menu-modal-feature-color)}.menu-modal-feature-action-button-people{--menu-modal-feature-color: var(--color--blue)}.menu-modal-feature-action-button-routines{--menu-modal-feature-color: var(--color--purple)}.menu-modal-feature-action-button-lists{--menu-modal-feature-color: var(--color--orange)}.menu-modal-feature-action-button-calendar{--menu-modal-feature-color: var(--color--neongreen)}._menubar-container_sla5h_1{--menu-item: var(--text-color-opacity);--structio-menu-bg-color: color-mix(in srgb, var(--bg) 52%, transparent);--structio-menu-bg-color-border: color-mix( in srgb, var(--bg-box) 89%, var(--color--white) );--selected-color: var(--color--structio);--selected-color-text: var(--color--white);--menubar-box-shadow: 0 16px 45px rgba(0, 0, 0, .18);--menubar-visual-height: 56px;--menu-item-max-width: 275px;--menu-item-min-width: 50px}[data-theme=light] ._menubar-container_sla5h_1{--structio-menu-bg-color: color-mix(in srgb, var(--bg-box) 72%, transparent);--selected-color-text: var(--color--black);--menubar-box-shadow: 0 16px 38px rgba(20, 24, 35, .18)}._menubar-container_sla5h_1{position:fixed;margin:var(--space-m);box-sizing:content-box;bottom:var(--space-xs);z-index:var(--z-10);background:transparent!important;width:calc(100% - var(--space-m) * 2);max-width:calc(var(--content-max-width));display:flex;justify-content:center;max-height:var(--menubar-visual-height);height:var(--menubar-visual-height);border-radius:var(--radius-round);border:1px solid var(--structio-menu-bg-color-border);box-shadow:var(--menubar-box-shadow);backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35)}._menubar-container_sla5h_1:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--structio-menu-bg-color)}._menubar-item_sla5h_53{color:var(--menu-item)!important;max-width:var(--menu-item-max-width)!important;min-width:var(--menu-item-min-width)!important;padding:0!important;padding-top:var(--space-xxs)!important;border-radius:var(--radius-round)!important;transition:color .18s ease,transform .18s ease,background-color .18s ease}._menubar-item_sla5h_53:hover{color:var(--selected-color-text)!important}._menubar-item_sla5h_53:active{transform:scale(.94)}._menubar-item_sla5h_53 .Mui-selected{font-size:.75rem!important}._menubar-item_sla5h_53.Mui-selected{background:transparent!important;transform:scale(1.04);color:var(--selected-color)!important}._menubar-item_sla5h_53.Mui-selected svg{color:var(--selected-color)!important}.opening-scene{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100vh;height:-webkit-fill-available;position:fixed;background:var(--bg);z-index:var(--z-10000);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;animation:fadeOut 2s}.opening-scene-box{display:flex;align-items:center;height:100%;padding-bottom:env(safe-area-inset-bottom);animation:fadeIn 2s}.opening-scene-img{animation:fadeIn 2s;animation-delay:.2s;opacity:0;overflow:hidden}.opening-scene-text{animation:fadeIn 1s;animation-delay:1s;opacity:0;color:var(--color--structio)}.opening-scene.blur{display:none}@keyframes fadeOut{0%{opacity:1}50%{opacity:1}90%{opacity:1}to{opacity:0}}.page-action-bar{position:fixed;bottom:78px;width:calc(100% - var(--space-m) * 2);left:50%;transform:translate(-50%);max-width:var(--content-max-width);box-sizing:content-box;display:flex;justify-content:space-between;align-items:center;z-index:var(--z-8);padding:var(--space-m) 0;pointer-events:none}.page-action-bar-button{--structio-menu-bg-color: var(--color--green);--structio-menu-bg-color-border: color-mix( in srgb, var(--color--gray) 30%, transparent );--action-bar-box-shadow: 0 12px 38px rgba(20, 24, 35, .38);background:var(--structio-menu-bg-color);border:1px solid var(--structio-menu-bg-color-border);border-radius:var(--radius-round);padding:var(--space-xs);box-shadow:var(--action-bar-box-shadow);backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35);pointer-events:auto}.page-action-bar-button--secondary{--structio-menu-bg-color: var(--color--gray);color:var(--color--white)}.page-action-bar-button--add{--structio-menu-bg-color: var(--color--green);color:var(--color--white)}.todo-calendar.react-calendar{position:relative;display:flex;align-items:center;justify-content:center;width:100%;box-shadow:var(--box-shadow)}.todo-calendar .react-calendar{padding:0;box-shadow:none}.todo-calendar-settings{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-s);padding-left:var(--space-xs);box-sizing:border-box;width:100%}.todo-calendar-settings-pending{margin-right:var(--space-xxs)}.todo-cell{display:flex;flex-direction:column;margin-top:var(--space-xxl)}.avatar-image{--avatar-size: 1.875rem;--avatar-initial-size: .9375rem;display:block;position:relative;width:var(--avatar-size);min-width:var(--avatar-size);height:var(--avatar-size);min-height:var(--avatar-size);border-radius:50%;overflow:hidden;background:var(--bg-box-inner)}.avatar-image--xsmall{--avatar-size: 1.375rem;--avatar-initial-size: .875rem}.avatar-image--small{--avatar-size: 1.875rem;--avatar-initial-size: .9375rem}.avatar-image--medium{--avatar-size: 2.8125rem;--avatar-initial-size: 1.5625rem}.avatar-image--large{--avatar-size: 5.125rem;--avatar-initial-size: 2.125rem}.avatar-image__img{display:block;width:100%;height:100%;object-fit:cover}.avatar-image__fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%}.avatar-image__initial{color:#fff;font-size:var(--avatar-initial-size);font-weight:600;line-height:1;margin-top:.125rem}.user-item{display:flex;justify-content:space-between;box-sizing:border-box;width:100%;padding-left:var(--space-s);padding-right:var(--space-s);padding-top:var(--space-xs);padding-bottom:var(--space-xs);background:color-mix(in srgb,var(--todo-accent-color) 15%,transparent);border-radius:var(--radius-lg)}.user-item-name{font-weight:400;word-break:break-word}.user-item-name.inactive{color:var(--text-color-opacity)}.user-item-status{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--color--white);box-shadow:var(--shadow-xs);font-size:13px;line-height:1}.user-item-status svg{width:13px;height:13px}.user-item-status--accepted{background:var(--color--lightgreen)}.user-item-status--declined{background:var(--color--red)}.user-item-status--pending{background:var(--color--gray)}.user-item .checkbtn-icon{color:var(--todo-accent-color);border-color:var(--todo-accent-color)}.user-item .checkbtn-icon.empty{background:transparent!important;border-color:var(--todo-accent-color)}.picker-badge{--picker-badge-bg-white: rgba(255, 255, 255, .1)}[data-theme=light] .picker-badge{--picker-badge-bg-white: rgba(255, 255, 255, .36)}.picker-badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-m);border-radius:var(--radius-2xl);font-size:.85rem;font-weight:var(--font-weight-light);gap:var(--space-xs)}.picker-badge--white{background:var(--picker-badge-bg-white);color:var(--text-color)}.picker-badge--gray{background:#80808033;color:var(--text-color-opacity)}.picker-badge--text{background:#80808033;color:var(--text-color)}.picker-badge--green{background:color-mix(in srgb,var(--color--lightgreen) 20%,transparent);color:var(--color--lightgreen)}.picker-badge--orange{background:color-mix(in srgb,var(--color--orange) 20%,transparent);color:var(--color--orange)}.picker-badge--red{background:color-mix(in srgb,var(--color--red) 20%,transparent);color:var(--color--red)}.picker-badge--purple{background:color-mix(in srgb,var(--color--purple) 20%,transparent);color:var(--color--purple)}.picker-badge--darkpurple{background:color-mix(in srgb,var(--color--darkpurple) 20%,transparent);color:var(--color--darkpurple)}.picker-badge--blue{background:color-mix(in srgb,var(--color--blue) 20%,transparent);color:var(--color--blue)}.picker-badge--pink{background:color-mix(in srgb,var(--color--pink) 20%,transparent);color:var(--color--pink)}.picker-badge--cyan{background:color-mix(in srgb,var(--color--cyan, #00bcd4) 20%,transparent);color:var(--color--cyan, #00bcd4)}.picker-badge--lightblue{background:color-mix(in srgb,var(--color--lightblue) 20%,transparent);color:var(--color--lightblue)}.picker-badge--pastelgreen{background:color-mix(in srgb,var(--color--pastelgreen) 20%,transparent);color:var(--color--pastelgreen)}.picker-badge--yellowgreen{background:color-mix(in srgb,var(--color--yellowgreen) 20%,transparent);color:var(--color--yellowgreen)}.picker-badge--darkgreen{background:color-mix(in srgb,var(--color--darkgreen, #1b5e20) 20%,transparent);color:var(--color--darkgreen, #1b5e20)}.picker-badge--yellow{background:color-mix(in srgb,var(--color--yellow, #fbc02d) 20%,transparent);color:var(--color--yellow, #fbc02d)}.picker-badge__icon{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background:var(--chip-accent, var(--color--structio));flex-shrink:0}.progressbar{width:100%;height:17px;background-color:var(--bg-box-inner);border-radius:var(--radius-lg);overflow:hidden;position:relative}.progressbar-fill{height:100%;border-radius:var(--radius-lg);transition:background-color .3s ease-out;width:0%}.progressbar-fill--red{background-color:var(--color--red)}.progressbar-fill--orange{background-color:var(--color--orange)}.progressbar-fill--yellow{background-color:var(--color--yellow)}.progressbar-fill--green{background-color:var(--color--lightgreen)}.progressbar-fill--structio{background-color:var(--color--green)}.progressbar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.875rem;font-weight:var(--font-weight-light);color:var(--text-color);z-index:var(--z-1);pointer-events:none}.progressbar-goal{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:color-mix(in srgb,var(--accent-color) 45%,var(--bg-box));border-radius:var(--radius-2xl);width:120px;min-height:24px}.progressbar-goal--small{width:120px;min-height:20px;font-size:.85rem}.progressbar-goal--medium{width:120px;min-height:24px}.progressbar-goal:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--goal-progress);background:color-mix(in srgb,var(--accent-color) 100%,var(--bg-box));transition:width .32s ease}.progressbar-goal:after{content:"";position:absolute;top:-20%;left:-40%;width:36%;height:140%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.05) 35%,rgba(255,255,255,.45) 50%,rgba(255,255,255,.05) 65%,transparent 100%);opacity:0;transform:translate(0) rotate(8deg);pointer-events:none}.progressbar-goal--complete{animation:progressbar-goal-pop 1.48s ease-out}.progressbar-goal--complete:after{animation:progressbar-goal-shine .9s ease-out .12s}.progressbar-goal span{position:relative;z-index:var(--z-1);font-size:.8rem;font-weight:var(--font-weight-light);color:var(--color--white)}@keyframes progressbar-goal-pop{0%{transform:scale(1)}35%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes progressbar-goal-shine{0%{opacity:0;transform:translate(0) rotate(8deg)}20%{opacity:.9}to{opacity:0;transform:translate(420%) rotate(8deg)}}.todo-compact-card{--todo-accent-color: var(--color--gray);--todo-mix: 6%;--todo-mix-bg: var(--bg-box);padding:var(--space-s);margin-top:var(--space-xs);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--todo-accent-color) var(--todo-mix),var(--todo-mix-bg))}[data-theme=light] .todo-compact-card{--todo-mix: 12%;--todo-mix-bg: transparent}.todo-compact-card--pending{background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--color--gray) var(--todo-mix),var(--todo-mix-bg)),color-mix(in srgb,var(--color--gray) var(--todo-mix),var(--todo-mix-bg)) 6px,color-mix(in srgb,var(--color--gray) calc(var(--todo-mix) / 2),var(--todo-mix-bg)) 6px 12px)}.todo-compact-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-xs);margin-bottom:var(--space-m)}.todo-compact-card__header--clickable{cursor:pointer}.todo-compact-card__header-left{display:flex;flex-direction:column;gap:var(--space-xs);flex:1;min-width:0}.todo-compact-card__title{margin:0;font-size:1.2rem;font-weight:600;word-break:break-word;overflow-wrap:break-word;white-space:normal}.todo-compact-card__header-right{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.todo-compact-card__avatars{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-xs)}.todo-compact-card__avatar{position:relative;display:inline-flex}.todo-compact-card__avatar-status{position:absolute;right:-2px;bottom:-2px;width:14px;height:14px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--color--white);border:1px solid var(--bg-box);box-shadow:var(--shadow-xs);font-size:10px;line-height:1}.todo-compact-card__avatar-status svg{width:9px;height:9px}.todo-compact-card__avatar-status--accepted{background:var(--color--lightgreen)}.todo-compact-card__avatar-status--declined{background:var(--color--red)}.todo-compact-card__avatar-status--pending{background:var(--color--gray)}.checkbtn-container,[data-theme=light] .checkbtn-container{--btn-bg: var(--color--structio);--btn-border: var(--color--structio);--btn-color: var(--color--white)}.checkbtn-container{display:flex;align-items:center}.checkbtn{background:transparent;border:0;box-shadow:none;cursor:pointer;outline:0;padding:0;align-items:center;color:var(--text-color);display:flex;justify-content:center;transition:1s}.checkbtn-icon{display:flex;align-items:center;justify-content:center;height:16px;width:16px;border:1px solid var(--btn-border);border-radius:var(--radius-sm);color:var(--btn-color);background:var(--btn-bg);transition:.5s;cursor:pointer}.checkbtn-icon.empty{background:transparent!important}.todo-subitem-card{display:flex;box-sizing:border-box;width:100%;background:color-mix(in srgb,var(--todo-accent-color) 15%,transparent);border-radius:var(--radius-md);padding:var(--space-s);padding-top:var(--space-xs);padding-bottom:var(--space-xs);margin-bottom:var(--space-xs)}.todo-subitem-card__body{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);width:100%}.todo-subitem-card__actions{display:flex;align-items:center;gap:var(--space-s);flex:1;min-width:0}.todo-subitem-card__title{font-size:1rem;font-weight:var(--font-weight-normal);overflow-wrap:anywhere;word-break:break-word;white-space:normal}.todo-subitem-card__title--complete{text-decoration:line-through;color:var(--text-color-opacity)}.todo-subitem-card__title-input{width:100%;border:0;border-bottom:1px solid var(--border-color);background:transparent;font-size:1rem;font-weight:var(--font-weight-normal);padding:var(--space-xxs) 0;outline:none;color:var(--text-color)}.todo-subitem-colored-btn{color:var(--text-color-opacity)}.todo-subitem-card .checkbtn-icon{background:var(--todo-accent-color);border-color:var(--todo-accent-color)}.todo-subitem-card .checkbtn-icon.empty{background:transparent!important;border-color:var(--todo-accent-color)}.buttonfield-container{display:flex;flex-direction:column;width:100%}.buttonfield-card{width:100%;background:var(--bg-box-inner);border-radius:var(--radius-lg);padding:var(--space-s);box-sizing:border-box;border:1px solid transparent}.buttonfield-card__body{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s)}.buttonfield-card__input{flex:1;min-width:0}.buttonfield-card__actions{display:flex;align-items:center;flex-shrink:0;gap:var(--space-s)}.button-input{background:transparent;border:1px solid transparent;border-radius:0;box-shadow:none;color:var(--text-color);outline:0;padding:0;transition:color .2s ease;width:100%;height:100%;font-size:1rem;font-weight:500}.button-input:focus{outline:0}.button-input::placeholder{color:var(--text-color-opacity);font-weight:300}.buttonfield-card.input-error{border-color:var(--color--warning)}:root{--todo-accent-color: var(--color--gray);--todo-mix: 6%;--todo-mix-bg: var(--bg-box)}[data-theme=light]{--todo-mix: 12%;--todo-mix-bg: transparent}.todoitem{background:var(--bg-box);background:color-mix(in srgb,var(--todo-accent-color) var(--todo-mix),var(--todo-mix-bg));color:var(--text-color);border-radius:var(--radius-lg);margin-top:var(--space-xs);padding:var(--space-s);box-sizing:border-box;transition:background-color .2s ease,box-shadow .2s ease;width:100%}.todoitem--pending{background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--color--gray) var(--todo-mix),var(--todo-mix-bg)),color-mix(in srgb,var(--color--gray) var(--todo-mix),var(--todo-mix-bg)) 6px,color-mix(in srgb,var(--color--gray) calc(var(--todo-mix) / 2),var(--todo-mix-bg)) 6px 12px)}.todoitem-compact-header{display:flex;justify-content:space-between;align-items:flex-start;cursor:pointer;gap:var(--space-xs);margin-bottom:var(--space-m)}.todoitem-header-left{display:flex;flex:1;min-width:0}.todoitem-header-left .title{word-break:break-word;overflow-wrap:break-word;white-space:normal;flex:1}.todoitem-header-right{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.todoitem-expand-icon{width:24px;height:24px;color:var(--todo-accent-color);transform:rotate(-90deg);transition:transform .2s ease-in-out}.todoitem-expand-icon--expanded{transform:rotate(0)}.todoitem-description{white-space:pre-wrap;overflow-wrap:anywhere}:is(.todoitem-creator,.todoitem-visibility,.todoitem-notifications){display:flex;align-items:center;color:var(--text-color-opacity)}:is(.todoitem-creator,.todoitem-visibility){font-size:.9rem}:is(.todoitem-creator,.todoitem-visibility,.todoitem-notifications) svg{width:24px;height:24px;color:var(--todo-accent-color);margin-right:var(--space-xs);flex-shrink:0}.todoitem-subtasklist>.flex svg{color:var(--todo-accent-color);margin-right:var(--space-xs)}.todoitem .buttonfield-card{background:color-mix(in srgb,var(--todo-accent-color) 15%,transparent)}.todoitem .icon-btn:not(.icon-btn--delete) .icon-btn-icon-with-bg{background:var(--todo-accent-color);color:#fff;border:none}.todoitem .icon-btn--delete .icon-btn-icon-with-bg{background:var(--color--red);color:#fff;border:none}.todo-item--empty{background:var(--bg-box);color:var(--text-color);border-radius:var(--radius-lg);transition:1s;width:auto;min-width:250px;text-align:center;box-shadow:var(--box-shadow)}.emptyitem-completed-icon svg{width:40px;height:40px}.holidayitem-container{background:color-mix(in srgb,var(--color--blue) 20%,transparent);color:var(--text-color);border-radius:var(--radius-lg);margin-top:var(--space-xs);padding:var(--space-s);box-sizing:border-box;transition:1s;width:100%;box-shadow:var(--box-shadow)}.holidayitem-container .active{color:var(--color--lightgreen)}.standard-input{--input-height: auto}.inputfield-container{display:flex;flex-direction:column;width:100%}.standard-input{background:var(--bg-box-inner);border:1px solid transparent;border-radius:var(--radius-lg);box-shadow:none;box-sizing:border-box;height:var(--input-height);color:var(--text-color);font-size:1rem;outline:0;transition:1s;width:100%;padding:var(--space-xs);padding-left:var(--space-s)}.standard-input:disabled{color:var(--text-color-opacity);opacity:.9}.standard-input::placeholder{color:var(--text-color-opacity);font-weight:100;font-size:inherit}.standard-input-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;pointer-events:none}.inputfield-error{font-size:.95rem;color:var(--color--warning);margin-left:var(--space-xxs)}.inputfield-max-chars{display:flex;justify-content:flex-end;width:100%;font-size:13px;color:var(--text-color-opacity)}.standard-input.input-error{border-color:var(--color--warning)}.standard-input--error{color:var(--color--red)}.standard-input--error:focus{border-color:var(--color--red)}.spinner{z-index:var(--z-9999);width:100%;height:100%;background:#000000e6;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.spinner .spinner-component{position:fixed;top:41%;left:50%;margin-left:-45px}.spinner .spinner-component span span{border-color:var(--color--structio)!important}.spinner-with-text{position:fixed;text-align:center;width:100%;top:53%;color:var(--color--white)}.spinnerColor{color:green}.spinner-line-true{display:flex;position:absolute;border-radius:var(--radius-md)}.spinner-line-true .spinner-with-text{position:absolute;text-align:center;width:100%;top:55%}.spinner-line-true .spinner-component{top:30%;left:49%;margin-left:calc(-1 * var(--space-3xl));border-color:var(--color--structio)}.search-result-card{--search-accent-color: transparent;padding:var(--space-xs) var(--space-s);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--search-accent-color) 12%,var(--bg-box));width:100%;box-sizing:border-box;cursor:pointer;border:1.5px solid transparent;transition:border-color .15s ease}.search-result-card--pending{background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--color--gray) var(--todo-mix),var(--todo-mix-bg)),color-mix(in srgb,var(--color--gray) var(--todo-mix),var(--todo-mix-bg)) 6px,color-mix(in srgb,var(--color--gray) calc(var(--todo-mix) / 2),var(--todo-mix-bg)) 6px 12px)}.search-result-card:hover{border-color:var(--text-color-opacity)}.search-result-card__title{display:flex;justify-content:space-between;font-weight:600;color:var(--text-color);font-size:1.1rem;margin-bottom:var(--space-xs)}.search-result-status-completed{color:var(--text-color-opacity)}.search-result-status-active,.search-result-status-pending{color:var(--color--lightgreen)}.search-result-card__date{display:flex;flex-direction:column;color:var(--text-color-opacity);font-size:.95rem;flex-wrap:wrap}.search-result-card__meta{display:flex;flex-direction:column;font-size:.95rem;color:var(--text-color-opacity)}.search-result-card__pending{color:var(--color--orange)}.todo-search-filter-btn{background:none;border:none;padding:var(--space-xxs) 0;cursor:pointer;font-size:.9rem;color:var(--text-color-opacity);font-weight:600;transition:color .15s ease,font-weight .15s ease}.standard-input.todo-search-input{background:var(--bg-box)}.todo-search-filter-btn--active{color:var(--color--lightgreen)}.toggle-pill{--toggle-bg: var(--bg)}[data-theme=light] .toggle-pill{--toggle-bg: #eaeaea}.toggle-pill{position:relative;display:inline-flex;align-items:center;background:var(--toggle-bg);border-radius:var(--radius-round);padding:var(--space-xxs);gap:var(--space-xxs)}.toggle-pill-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;background:transparent;cursor:pointer;border:0;width:34px;height:34px;border-radius:var(--radius-round);color:var(--text-color-opacity);transition:color .5s ease;outline:none}.toggle-pill-btn.is-active{color:var(--color--white);background:var(--color--structio);transition:color .5s ease}.calendar-with-weeknumbers{position:relative;width:100%;padding-left:var(--space-xl);box-sizing:border-box}.calendar-weeknumbers-overlay{position:absolute;left:0;width:20px;z-index:var(--z-3);pointer-events:none}.calendar-weeknumbers-row span{display:flex;align-items:flex-start;justify-content:center;color:var(--text-color);font-size:.95rem;font-weight:600;line-height:1}.calendar-weeknumbers-row .current-week{color:var(--color--add)}.calendar-filter-bar{width:100%;display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-xs)}.calendar-filter-bar__row{width:100%}.calendar-filter-bar__scroll{display:flex;gap:var(--space-xs);overflow-x:auto;padding-bottom:var(--space-xxs);scrollbar-width:none}.calendar-filter-bar__scroll::-webkit-scrollbar{display:none}@media(hover:hover)and (pointer:fine){.calendar-filter-bar__scroll{scrollbar-width:auto;scrollbar-color:color-mix(in srgb,var(--color--gray) 30%,transparent) transparent}.calendar-filter-bar__scroll::-webkit-scrollbar{display:block;height:3px}.calendar-filter-bar__scroll::-webkit-scrollbar-track{background:transparent}.calendar-filter-bar__scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color--gray) 30%,transparent);border-radius:var(--radius-2xl)}}.calendar-filter-chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-m);border-radius:var(--radius-2xl);border:none;background:color-mix(in srgb,var(--color--gray) 20%,transparent);color:var(--color--gray, var(--text-color-opacity));font-size:.85rem;font-weight:var(--font-weight-light);white-space:nowrap;cursor:pointer;flex-shrink:0;transition:background .2s ease,color .2s ease,transform .15s ease}.calendar-filter-chip--active,.calendar-filter-chip--category.calendar-filter-chip--active{background:color-mix(in srgb,var(--chip-accent, var(--color--cyan)) 30%,transparent);color:var(--chip-accent, var(--color--cyan))}.calendar-filter-chip__avatar-image{flex-shrink:0}.calendar-filter-chip__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 1px 2px #0000001a}.todo-calendar.react-calendar.extended-view .react-calendar__tile,.todo-calendar.react-calendar .react-calendar__tile{overflow:visible}.todo-calendar .react-calendar__month-view__weekdays{color:var(--text-color);min-height:var(--calendar-week-header-height);align-items:stretch;position:sticky;top:0;z-index:var(--z-2);background:var(--calendar-bg-color)}.calendar-indicators{display:flex;flex-wrap:wrap;gap:var(--space-xxs);justify-content:center;align-items:flex-start;margin-top:var(--space-xxs);min-height:12px;position:relative}.todo-calendar-settings{display:flex;align-items:center;gap:var(--space-s);justify-content:space-between;margin-bottom:var(--space-xs)}.calendar-indicators .dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.calendar-indicators .dot--dimmed{opacity:.3}.calendar-indicators .dot-holiday{background:var(--color--blue)}.calendar-indicators .dot-pending{background:var(--text-color-opacity)}.calendar-indicators .dot-family-observer{background:var(--color--grey, var(--text-color-opacity))}.calendar-indicators .dot-category-green{background:var(--color--lightgreen)}.calendar-indicators .dot-category-purple{background:var(--color--purple)}.calendar-indicators .dot-category-darkpurple{background:var(--color--darkpurple)}.calendar-indicators .dot-category-orange{background:var(--color--orange)}.calendar-indicators .dot-category-red{background:var(--color--red)}.calendar-indicators .dot-category-yellow{background:var(--color--yellow)}.calendar-indicators .dot-category-cyan{background:var(--color--cyan)}.calendar-indicators .dot-category-pink{background:var(--color--pink)}.calendar-indicators .dot-category-lightblue{background:var(--color--lightblue)}.calendar-indicators .dot-category-pastelgreen{background:var(--color--pastelgreen)}.calendar-indicators .dot-category-yellowgreen{background:var(--color--yellowgreen)}.calendar-extended-lines{width:100%;display:flex;flex-direction:column;gap:var(--space-xxs);margin-top:var(--space-xxs)}.calendar-line{--calendar-line-padding: 2px;display:block;box-sizing:border-box;width:100%;padding:var(--calendar-line-padding);margin-right:var(--space-xxs);padding-left:var(--space-xs);padding-right:var(--space-xs);border-radius:var(--radius-lg);overflow:hidden;position:relative;color:var(--text-color)}.calendar-line:after{content:"";position:absolute;top:0;right:0;width:13px;height:100%;pointer-events:none}.calendar-line-more{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);font-size:.8rem;color:var(--text-color-opacity);text-align:center;line-height:1.2}.calendar-line-more-dots{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-xxs)}.calendar-line-more-dot{width:6px;height:6px;border-radius:50%}.calendar-line-more-dot--dimmed{opacity:.3}.calendar-line-more-dot--pending{background:var(--text-color-opacity)}.calendar-line-more-dot--holiday{background:var(--color--blue)}.calendar-line-more-dot--category-green{background:var(--color--lightgreen)}.calendar-line-more-dot--category-purple{background:var(--color--purple)}.calendar-line-more-dot--category-darkpurple{background:var(--color--darkpurple)}.calendar-line-more-dot--category-orange{background:var(--color--orange)}.calendar-line-more-dot--category-red{background:var(--color--red)}.calendar-line-more-dot--category-yellow{background:var(--color--yellow)}.calendar-line-more-dot--category-cyan{background:var(--color--cyan)}.calendar-line-more-dot--category-pink{background:var(--color--pink)}.calendar-line-more-dot--category-lightblue{background:var(--color--lightblue)}.calendar-line-more-dot--category-pastelgreen{background:var(--color--pastelgreen)}.calendar-line-more-dot--category-yellowgreen{background:var(--color--yellowgreen)}.calendar-line-more-dot--family-observer{background:var(--text-color-opacity)}.calendar-line--spacer{background:transparent;pointer-events:none;visibility:hidden}.calendar-line--title{display:flex;height:100%;font-size:.8rem;font-weight:var(--font-weight-medium);line-height:1.2;white-space:nowrap}.calendar-line--pending{background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--text-color-opacity) 30%,var(--line-color-text)),color-mix(in srgb,var(--text-color-opacity) 30%,var(--line-color-text)) 4px,color-mix(in srgb,var(--text-color-opacity) 15%,var(--line-color-text)) 4px 8px);color:var(--text-color-opacity)}.calendar-line--pending:after{background:linear-gradient(to right,transparent,color-mix(in srgb,var(--text-color-opacity) 30%,var(--line-color-text)))}.calendar-line--holiday{background:color-mix(in srgb,var(--color--blue) 30%,var(--line-color-text));color:var(--color--blue, var(--text-color-opacity))}.calendar-line--holiday:after{background:linear-gradient(to right,transparent,color-mix(in srgb,var(--color--blue) 30%,var(--line-color-text)))}.calendar-line--multi-start{border-radius:var(--radius-lg) 0 0 var(--radius-lg);margin:0}.calendar-line--multi-middle{border-radius:0;margin:0}.calendar-line--multi-middle .calendar-line--title{visibility:hidden}.calendar-line--multi-end{border-radius:0 var(--radius-lg) var(--radius-lg) 0;margin:0}.calendar-line--multi-end .calendar-line--title{visibility:hidden}.calendar-indicators .dot-family-observer{background:var(--color--gray)}[data-theme=light] .calendar-line--family-observer{background:color-mix(in srgb,var(--color--gray) 20%,var(--line-color-text));color:var(--color--gray, var(--text-color-opacity))}.calendar-line--family-observer{background:color-mix(in srgb,var(--color--gray) 30%,var(--line-color-text));color:var(--color--gray, var(--text-color-opacity))}.calendar-line--family-observer:after{background:linear-gradient(to right,transparent,color-mix(in srgb,var(--color--gray) 20%,var(--line-color-text)))}.calendar-line--dimmed{opacity:.3}.calendar-line--category-green{background:color-mix(in srgb,var(--color--lightgreen) 30%,var(--line-color-text));color:var(--color--lightgreen, var(--text-color-opacity))}.calendar-line--category-green:after{background:linear-gradient(to right,transparent,color-mix(in srgb,var(--color--lightgreen) 30%,var(--line-color-text)))}.calendar-line--category-purple{background:color-mix(in srgb,var(--color--purple) 30%,var(--line-color-text));color:var(--color--purple, var(--text-color-opacity))}.calendar-line--category-purple:after{background:linear-gradient(to right,transparent,color-mix(in srgb,var(--color--purple) 30%,var(--line-color-text)))}.calendar-line--category-darkpurple{background:color-mix(in srgb,var(--color--darkpurple) 30%,var(--line-color-text));color:var(--color--darkpurple, var(--text-color-opacity))}.calendar-line--category-darkpurple:after{background:linear-gradient(to right,transparent,color-mix(in srgb,var(--color--darkpurple) 30%,var(--line-color-text)))}.calendar-line--category-orange{background:color-mix(in srgb,var(--color--orange) 30%,var(--line-color-text));color:var(--color--orange, var(--text-color-opacity))}.calendar-line--category-orange:after{background:linear-gradient(to right,transparent,color-mix(in srgb,var(--color--orange) 30%,var(--line-color-text)))}.calendar-line--category-red{background:color-mix(in srgb,var(--color--red) 30%,var(--line-color-text));color:var(--color--red, var(--text-color-opacity))}.calendar-line--category-red:after{background:linear-gradient(to right,transparent,color-mix(in srgb,var(--color--red) 30%,var(--line-color-text)))}.calendar-line--category-yellow{background:color-mix(in srgb,var(--color--yellow) 30%,var(--line-color-text));color:var(--color--yellow, var(--text-color-opacity))}.calendar-line--category-yellow:after{background:linear-gradient(to right,transparent,color-mix(in srgb,var(--color--yellow) 30%,var(--line-color-text)))}.calendar-line--category-cyan{background:color-mix(in srgb,var(--color--cyan) 30%,var(--line-color-text));color:var(--color--cyan, var(--text-color-opacity))}.calendar-line--category-cyan:after{background:linear-gradient(to right,transparent,color-mix(in srgb,var(--color--cyan) 30%,var(--line-color-text)))}.calendar-line--category-pink{background:color-mix(in srgb,var(--color--pink) 30%,var(--line-color-text));color:var(--color--pink, var(--text-color-opacity))}.calendar-line--category-pink:after{background:linear-gradient(to right,transparent,color-mix(in srgb,var(--color--pink) 30%,var(--line-color-text)))}.calendar-line--category-lightblue{background:color-mix(in srgb,var(--color--lightblue) 30%,var(--line-color-text));color:var(--color--lightblue, var(--text-color-opacity))}.calendar-line--category-lightblue:after{background:linear-gradient(to right,transparent,color-mix(in srgb,var(--color--lightblue) 30%,var(--line-color-text)))}.calendar-line--category-pastelgreen{background:color-mix(in srgb,var(--color--pastelgreen) 30%,var(--line-color-text));color:var(--color--pastelgreen, var(--text-color-opacity))}.calendar-line--category-pastelgreen:after{background:linear-gradient(to right,transparent,color-mix(in srgb,var(--color--pastelgreen) 30%,var(--line-color-text)))}.calendar-line--category-yellowgreen{background:color-mix(in srgb,var(--color--yellowgreen) 30%,var(--line-color-text));color:var(--color--yellowgreen, var(--text-color-opacity))}.calendar-line--category-yellowgreen:after{background:linear-gradient(to right,transparent,color-mix(in srgb,var(--color--yellowgreen) 30%,var(--line-color-text)))}.list-subitem-card{width:100%;background:color-mix(in srgb,var(--assignee-color, var(--color--structio)) 40%,var(--bg-box));border-radius:var(--radius-lg);padding:var(--space-s);margin-bottom:var(--space-xs)}.list-subitem-card__body{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s)}.list-subitem-card__title{font-size:1rem;font-weight:500;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.list-subitem-card__title--complete{text-decoration:line-through;color:var(--text-color-opacity)}.list-subitem-card__title-input{width:100%;border:0;border-bottom:1px solid var(--border-color);background:transparent;color:var(--text-color);font-size:1rem;font-weight:500;padding:var(--space-xxs) 0;outline:none}.list-subitem-card__title-input:focus{border-bottom-color:var(--assignee-color, var(--color--structio))}.list-subitem-card__actions{display:flex;align-items:center;gap:var(--space-s);flex:1;min-width:0}.list-subitem-card__confirm{margin-top:var(--space-xs);display:flex;align-items:center;justify-content:space-between;font-size:.9rem;color:var(--text-color-opacity)}.list-subitem-colored-btn .icon-btn-icon-with-bg{background:color-mix(in srgb,var(--assignee-color, var(--color--structio)) 100%,var(--bg-box));border:1px solid var(--assignee-color)}.switch-small{zoom:.5}.switch-medium{zoom:1}.switch-large{zoom:1.5}.listitem-container{--listitem-bg: var(--bg-box);--assignee-color: var(--color--structio)}[data-theme=light] .listitem-container{--listitem-bg: var(--bg-box)}.listitem-container{display:flex;flex-direction:column;box-sizing:border-box;background:var(--listitem-bg);color:var(--text-color);padding:var(--space-s);margin-bottom:var(--space-s);border-radius:var(--radius-lg);transition:.3s;width:100%;box-shadow:var(--box-shadow)}.listitem-meta{display:flex;align-items:start;justify-content:space-between;gap:var(--space-xs)}.listitem-meta--clickable{cursor:pointer}.listitem-meta-left{display:flex;align-items:center;gap:var(--space-s)}.listitem-title{margin:0;font-size:1.2rem;font-weight:600;letter-spacing:.03em;color:var(--text-color)}.listitem-card__icon{display:inline-flex;align-items:center;justify-content:center;font-size:40px;line-height:1}.listitem-description{white-space:pre-wrap;overflow-wrap:anywhere}.listitem-subitem--fadeout{animation:listitem-subitem-fadeout .22s ease forwards;pointer-events:none}@keyframes listitem-subitem-fadeout{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-4px) scale(.98)}}.listitem-switch{display:flex;margin-right:calc(-1 * var(--space-s))}.listitem-actions{display:flex;justify-content:space-between}.listitem-user-offset{margin-left:var(--space-xxl)}.listitem-colored-btn .icon-btn-icon-with-bg{background:color-mix(in srgb,var(--assignee-color) 100%,var(--bg-box));border:1px solid var(--assignee-color)}.listitem-expand-icon{width:24px;height:24px;color:var(--assignee-color);transform:rotate(-90deg);transition:transform .2s ease-in-out;flex-shrink:0}.listitem-expand-icon--expanded{transform:rotate(0)}.list-compact-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-xs);margin-bottom:var(--space-m)}.list-compact-card__header--clickable{cursor:pointer}.list-compact-card__header-left{display:flex;align-items:center;gap:var(--space-s);flex:1;min-width:0}.list-compact-card__icon{display:inline-flex;align-items:center;justify-content:center;font-size:40px;line-height:1;flex-shrink:0}.list-compact-card__title{margin:0;font-size:1.2rem;font-weight:600;letter-spacing:.03em;color:var(--text-color);word-break:break-word;overflow-wrap:break-word;white-space:normal}.list-compact-card__header-right{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.list-compact-card__expand-icon{width:24px;height:24px;color:var(--assignee-color);transform:rotate(-90deg);transition:transform .2s ease-in-out;flex-shrink:0}.list-compact-card__subitems{display:flex;flex-direction:column;gap:0}.list-compact-card__subitem{display:flex}.list-compact-card__empty{text-align:center}.list-compact-card__avatars{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-xs)}.list-compact-card__avatar{position:relative;display:inline-flex}.list-compact-card__avatar-status{position:absolute;right:-2px;bottom:-2px;width:14px;height:14px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--color--white);border:1px solid var(--bg-box);box-shadow:var(--shadow-xs);font-size:10px;line-height:1}.list-compact-card__avatar-status svg{width:9px;height:9px}.list-compact-card__avatar-status--accepted{background:var(--color--lightgreen)}.list-compact-card__avatar-status--declined{background:var(--color--red)}.list-compact-card__avatar-status--pending{background:var(--color--gray)}.listitem-container .listitem-colored-btn .icon-btn-icon-with-bg{background:color-mix(in srgb,var(--assignee-color) 100%,var(--bg-box));border:1px solid var(--assignee-color)}.list-page-settings{display:flex;align-items:center;justify-content:flex-end}.textarea-structio{--textarea-border-color: var(--text-color-opacity)}[data-theme=light] .textarea-structio{--textarea-border-color: var(--color--gray)}.textarea-structio{background:var(--bg-box-inner);border-radius:var(--radius-lg);box-shadow:var(--shadow-effect-todo-item) var(--shadow-color-todo-item);border:1px solid transparent;box-shadow:none;color:var(--text-color);outline:0;transition:1s;width:100%;padding:var(--space-s);box-sizing:border-box;font-size:1rem;font-weight:400;min-height:300px}.textarea-structio::placeholder{color:var(--text-color-opacity);font-weight:100;font-size:1rem}.textarea-structio.input-error{border-color:var(--color--warning)}.textarea-information-container{display:flex;justify-content:space-between;align-items:center;margin-top:calc(-1 * var(--space-xs))}.textarea-max-chars{font-size:13px;color:var(--text-color-opacity)}.emoji-picker-container{margin-bottom:var(--space-xs);display:flex;justify-content:center}.emoji-picker-container .EmojiPickerReact{--epr-bg-color: var(--bg-box);--epr-border-color: var(--border-color);--epr-text-color: var(--text-color);--epr-category-label-bg-color: var(--bg-box-inner);--epr-category-icon-bg-color: transparent;--epr-category-inactive-label-bg-color: transparent;--epr-emoji-hover-color: color-mix( in srgb, var(--color--structio) 20%, var(--bg-box) );--epr-emoji-active-color: color-mix( in srgb, var(--color--structio) 40%, var(--bg-box) );--epr-emoji-size: 32px;--epr-emoji-padding: var(--space-xxs);--epr-highlight-color: var(--color--structio);--epr-search-input-bg-color: var(--bg-box-inner);--epr-search-input-text-color: var(--text-color);--epr-scroll-bar-background: var(--bg-box-inner);--epr-scroll-bar-thumb-background: var(--color--structio);--epr-search-input-bg-color-active: var(--bg-box-inner);background:var(--bg-box)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-lg)!important;font-family:inherit!important}.listform-emoji-trigger-row{margin-bottom:var(--space-xs)}.listform-display-row{margin-top:calc(-1 * var(--space-xs))}.listform-display-label{margin-top:var(--space-xxs)}.timepicker-container{--timepicker-bg: var(--color--structio-dark)}[data-theme=light] .timepicker-container{--timepicker-bg: var(--color--structio)}.timepicker-container{display:flex;align-items:center;justify-content:center;width:min-content}.selected-time-box{height:100%;padding-left:var(--space-s);padding-right:var(--space-s);width:40px;align-items:center;background:var(--timepicker-bg);border:solid 1px var(--color--cyan);border-radius:var(--radius-lg);display:flex;justify-content:center}.timepicker-time{color:var(--color--white);cursor:default;font-size:30px;margin-top:var(--space-xxs);font-weight:400;line-height:1.3}.selected-time-seperator{align-items:center;color:var(--text-color);display:flex;font-size:30px;justify-content:center;padding-left:var(--space-m);padding-right:var(--space-m);text-align:center}.selected-time-arrows svg{color:var(--text-color-opacity);width:50px;height:40px;width:100%;margin-top:calc(-1 * var(--space-xs));margin-bottom:calc(-1 * var(--space-xs));transition:1s}.badge{display:inline-flex;align-items:center;gap:var(--space-xxs);padding:var(--space-xxs) var(--space-xs);border-radius:var(--radius-md);font-size:.95rem;font-weight:400;line-height:1.5;white-space:nowrap;justify-content:center}.badge__icon{display:inline-flex;align-items:center;font-size:14px}.badge__icon>*{font-size:14px!important;width:14px!important;height:14px!important;color:var(--color--white)}.badge--primary{color:var(--color--white);background-color:var(--color--structio)}.badge--secondary{color:var(--color--white);background-color:var(--text-color-opacity)}.badge--success{color:var(--color--white);background-color:var(--color--green)}.badge--warning{color:var(--color--white);background-color:var(--color--orange)}.badge--error{color:var(--color--white);background-color:var(--color--red)}.badge--info{color:var(--color--white);border:1px solid var(--color--blue);background-color:var(--color--blue)}button.badge{cursor:pointer;border:none}button.badge:disabled{opacity:.4;cursor:default}.category-manager__option{display:flex;align-items:center;gap:var(--space-s);flex:1;margin-right:var(--space-xs)}.category-manager__check{color:var(--cat-accent, var(--color--white));margin-left:auto}.category-manager__dot{width:12px;height:12px;border-radius:50%;background:var(--cat-accent);flex-shrink:0}.category-manager__name{display:inline-flex;align-items:center;gap:var(--space-xs)}.category-manager__default-badge{font-size:.65rem;padding:var(--space-xxs) var(--space-xs);border-radius:var(--radius-full);background:color-mix(in srgb,var(--text-color) 12%,transparent);color:var(--text-color-opacity)}.category-manager__actions{display:flex;gap:var(--space-xs);flex-shrink:0}.category-manager__list-header{display:flex;justify-content:center;margin-top:var(--space-m)}.category-manager__list-header .icon-btn .text{color:var(--text-color)}.category-manager__form{display:flex;flex-direction:column;gap:var(--space-m)}.category-manager__color-picker{display:flex;flex-direction:column;gap:var(--space-s)}.category-manager__label-text{font-size:.9rem;font-weight:var(--font-weight-light);color:var(--text-color);display:block}.category-manager__swatches{display:flex;gap:var(--space-m);flex-wrap:wrap}.category-manager__swatch{width:40px;height:40px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s ease}.category-manager__swatch:hover{transform:scale(1.1)}.category-manager__swatch--selected{border-color:var(--text-color);box-shadow:0 2px 4px #0003}.picker-row{display:flex;align-items:center;gap:var(--space-s);cursor:pointer;flex-wrap:wrap}.picker-chips{display:flex;flex-wrap:wrap;gap:var(--space-xs);flex:1;justify-content:end}.picker-chevron{color:var(--text-color)}.reminder-manager__check{color:var(--text-color)}:is(.reminder-manager,.visibility-manager,.category-manager){--selective-item-bg: color-mix(in srgb, var(--text-color) 2%, var(--bg-box));--selective-item-bg-selected: color-mix( in srgb, var(--text-color) 16%, var(--bg-box) );display:flex;flex-direction:column;gap:var(--space-m);margin-top:var(--space-l);margin-bottom:75px}[data-theme=light] :is(.reminder-manager,.visibility-manager,.category-manager){--selective-item-bg: rgba(0, 0, 0, .04);--selective-item-bg-selected: rgba(128, 128, 128, .2)}:is(.reminder-manager__list,.visibility-manager__list,.category-manager__list){display:flex;flex-direction:column;gap:var(--space-xs)}:is(.reminder-manager__item,.visibility-manager__item,.category-manager__item){display:flex;align-items:center;justify-content:space-between;padding:var(--space-s) var(--space-m);border-radius:var(--radius-2xl);background:var(--selective-item-bg);cursor:pointer;transition:background .15s ease}:is(.reminder-manager__item--selected,.visibility-manager__item--selected,.category-manager__item--selected){background:var(--selective-item-bg-selected)}:is(.reminder-manager__label,.visibility-manager__label,.category-manager__name){font-size:1rem;color:var(--text-color);font-weight:var(--font-weight-light)}:is(.reminder-manager__check,.visibility-manager__check,.category-manager__check){flex-shrink:0}.visibility-manager__content{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.visibility-manager__description{font-size:.95rem;color:var(--text-color-opacity)}.visibility-manager__check{color:var(--text-color)}.date-and-time-container{display:flex;align-items:center;justify-content:space-between}.date-and-time-container svg{margin-top:calc(-1 * var(--space-xxs))}.timepicker-result-container{background:var(--bg-box-inner);border:1px solid var(--border-color);border-radius:var(--radius-md)}.timepicker-result-container.active{border:1px solid var(--color--cyan)}.timepicker-result-container button{display:flex;justify-content:space-between;font-size:1rem;background:transparent;width:100%;border-radius:var(--radius-lg);border:0;margin-top:var(--space-xxs);padding-left:var(--space-s);padding-right:var(--space-s);box-sizing:border-box;cursor:pointer}.dashboard-item-container{display:flex;margin-top:var(--space-s)}.timeline-border-container{display:flex;justify-content:center;align-items:center;height:100%}.timeline-border{height:100%;width:1px;border-left:1px dotted var(--text-color-opacity)}.menu-widget{--structio-menu-bg-color: color-mix(in srgb, var(--bg-box) 48%, transparent);--structio-menu-bg-color-border: color-mix( in srgb, var(--accent-color) 89%, var(--color--white) );--menuwidget-box-shadow: 0 12px 38px rgba(20, 24, 35, .38);position:fixed;bottom:90px;left:50%;transform:translate(-50%);z-index:var(--z-8);display:flex;gap:var(--space-s);justify-content:center;align-items:center;box-sizing:content-box;width:calc(100% - var(--space-m) * 2);max-width:var(--content-max-width);padding:var(--space-m) 0;pointer-events:none}.menu-widget__button{display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:center;background:color-mix(in srgb,var(--menu-widget-feature-color) 30%,var(--bg-box));padding:var(--space-xs);border-radius:var(--radius-round);border:1px solid var(--structio-menu-bg-color-border);box-shadow:var(--menuwidget-box-shadow);cursor:pointer;pointer-events:auto;backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35);transition:color .18s ease,transform .18s ease}.menu-widget__button:active{transform:scale(.94)}.menu-widget__icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px}.menu-widget__icon svg{fill:var(--color--white)}.menu-widget__icon-wrapper{position:relative;display:inline-flex}.menu-widget__badge .MuiBadge-badge{top:-2px;left:-20px}.menu-widget__text{font-size:var(--font-size-sm);font-weight:400;color:var(--text-color);text-align:center}.menu-widget__button--calendar{--menu-widget-feature-color: var(--color--neongreen);border:1px solid color-mix(in srgb,var(--color--neongreen) 100%,var(--bg-box))}.menu-widget__button--calendar .menu-widget__icon svg{fill:var(--color--neongreen)}.menu-widget__button--routines{--menu-widget-feature-color: var(--color--purple);border:1px solid color-mix(in srgb,var(--color--purple) 100%,var(--bg-box))}.menu-widget__button--routines .menu-widget__icon svg{fill:var(--color--purple)}.menu-widget__button--lists{--menu-widget-feature-color: var(--color--orange);border:1px solid color-mix(in srgb,var(--color--orange) 100%,var(--bg-box))}.menu-widget__button--lists .menu-widget__icon svg{fill:var(--color--orange)}.dashboard-list-container{display:flex;flex-direction:column;width:100%;box-sizing:border-box}.routine-subitem-card{display:flex;box-sizing:border-box;width:100%;background:color-mix(in srgb,var(--assignee-color, var(--color--structio)) 40%,var(--bg-box));border-radius:var(--radius-lg);padding:var(--space-s);margin-bottom:var(--space-s);padding-top:var(--space-l);padding-bottom:var(--space-l)}.routine-subitem-card__body{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);width:100%}.routine-subitem-card__title{font-size:1rem;font-weight:500;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.routine-subitem-card__icon{font-size:35px;margin-top:var(--space-s);line-height:0}.routine-subitem-card__title--complete{text-decoration:line-through;color:var(--text-color-opacity)}.routine-subitem-card__actions{display:flex;align-items:center;gap:var(--space-s);flex:1;min-width:0}.routine-subitem-card__icon{display:flex;align-items:center;flex-shrink:0;color:var(--text-color)}.routine-subitem-colored-btn .icon-btn-icon-with-bg{background:color-mix(in srgb,var(--assignee-color, var(--color--structio)) 100%,var(--bg-box));border:1px solid var(--assignee-color)}.routine-list-item--inactive{opacity:.4}.routine-list-item__timeline-container{display:flex;justify-content:center;align-items:center;height:100%}.routine-list-item__timeline-border{height:100%;width:1px;border-left:1px dotted var(--text-color-opacity)}.routine-list-item__day-ball{width:20px;height:20px;display:flex;align-items:center;justify-content:center;line-height:0;border-radius:100%;background:var(--assignee-color);opacity:.4;color:var(--color--white)}.routine-list-item__day-ball--active{opacity:1}.routine-list-item__day-ball span{margin-top:2px;font-size:.75rem;font-weight:900}.routine-item{--assignee-color: var(--color--structio)}.routine-item__meta{display:flex;align-items:start;justify-content:space-between;margin-bottom:var(--space-s)}.routine-item__meta--clickable{cursor:pointer}.routine-item__header-action{border:0;background:transparent;color:var(--assignee-color);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.routine-item__header-action-icon{width:24px;height:24px;transform:rotate(-90deg)}.routine-item__meta-left{display:flex;align-items:center;gap:var(--space-s)}.routine-item__title{font-size:1.2rem;font-weight:500;letter-spacing:.04em;color:var(--text-color, #fff)}.routine-item__self-label{font-weight:400;text-transform:none;font-size:.9rem;letter-spacing:0;color:color-mix(in srgb,var(--assignee-color) 60%,var(--bg-box))}.routine-item__empty{font-size:1rem;color:var(--text-color-opacity, #888);margin-top:var(--space-m);text-align:center}.routine-item__colored-btn .icon-btn-icon-with-bg{background:color-mix(in srgb,var(--assignee-color) 100%,var(--bg-box));border:1px solid var(--assignee-color)}.dashboard-routines-container{display:flex;flex-direction:column;width:100%;box-sizing:border-box}.dashboard-routines-header{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-s)}.dashboard-routines-toggle-wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs)}.welcome-nudging{display:flex;flex-direction:column;align-items:center;padding:var(--space-m)}.welcome-nudging-title{font-size:1.3rem;font-weight:600;color:var(--color--add);text-align:center}.welcome-nudging-body{display:flex;flex-direction:column;justify-content:center;margin-top:var(--space-s);gap:var(--space-s);color:var(--text-color-opacity)}.welcome-nudging-add-icon{background:green;padding:var(--space-xs);border-radius:var(--radius-lg);height:fit-content;display:inline-flex}.welcome-nudging-add-icon svg{fill:#fff;font-size:16px}.fade-first,.fade-second,.fade-third,.fade-fourth{opacity:0;transform:translateY(6px);animation-name:welcome-nudging-fade-in;animation-duration:.5s;animation-timing-function:ease-out;animation-fill-mode:forwards}.fade-first{animation-delay:.5s}.fade-second{animation-delay:2s}.fade-third{animation-delay:5s}.fade-fourth{animation-delay:8s}@keyframes welcome-nudging-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.welcome-widget{display:flex;flex-direction:column;justify-content:space-around;box-sizing:border-box;width:100%;gap:var(--space-s)}:root{--active-bg: rgba(25, 233, 233, .102);--active-color: #19e9e9;--complete-bg: rgba(138, 226, 44, .102);--complete-color: #8be22d;--exceeded-bg: rgba(209, 109, 49, .102);--exceeded-color: #d16d33}.dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);margin-bottom:var(--space-s)}.dashboard-container{border-radius:var(--radius-lg);margin:var(--space-3xl) 0px var(--space-s) 0px;height:calc(100% - 210px);display:flex;align-items:center;flex-direction:column;width:100%}.smartphone .dashboard-container{padding-right:0;padding-left:0}.dashboard-overview{align-items:center;background:var(--bg--dashboard-item);border-radius:var(--radius-lg);box-shadow:var(--shadow-effect) var(--shadow-color);color:var(--text-color);display:flex;flex-direction:column;justify-content:center;flex-wrap:wrap}.dashboard-items{display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column;max-height:calc(100% - 100px);width:100%;box-sizing:border-box;max-width:600px}.dashboard-todo-title{margin-top:-50px}.dashboard-container-welcome{background:var(--bg--todo-content);border-radius:var(--radius-lg);box-shadow:var(--shadow-effect) var(--shadow-color);margin:var(--space-l) var(--space-s) var(--space-s) var(--space-s);padding:var(--space-s);width:100%;max-width:600px;height:calc(100vh - 210px)}.tab-menu{--bg-tab-menu: var(--bg-box);--bg-color-active: var(--color--structio)}[data-theme=light] .tab-menu{--bg-tab-menu: var(--color--white);--bg-color-active: var(--color--structio)}.tab-menu{display:flex;position:relative;background:var(--bg-tab-menu);border-radius:var(--radius-lg);box-shadow:var(--box-shadow)}.tab-item{display:flex;align-items:center;justify-content:center;flex:1;z-index:var(--z-1);background:transparent;border:none;color:var(--text-color);height:30px;cursor:pointer;transition:.3s}.tab-item.active{color:var(--color--white);transition:.3s}.tab-item .tab-item-badge{position:relative;width:20px;left:-8px}.tab-item-text{font-size:1rem}.tab-indicator{position:absolute;height:100%;background-color:var(--bg-color-active);border-radius:var(--radius-lg);transform:translate(0)}.user-content{margin-top:var(--space-xxl)}.user-information-item-line{display:flex;flex-direction:column;padding-top:var(--space-s);border-bottom:1px solid var(--text-color-opacity)}.user-information-item-line:last-child{border-bottom:0}.user-information-item{display:flex;flex-direction:column}.btn-change-pass-show-pass{top:44px;right:12px;position:absolute}.user-content .user-item{min-height:50px}.notification-item{--notification-item-margin: var(--space-m)}@media(max-width:768px){.notification-item{--notification-item-margin: var(--space-s)}}.notification-item{display:flex;box-sizing:border-box;width:100%;font-size:1rem;padding-left:var(--space-s);padding-right:var(--space-s);padding-top:var(--space-xs);padding-bottom:var(--space-xs);background:var(--bg-box);box-shadow:var(--box-shadow);border-radius:var(--radius-lg);margin-top:var(--notification-item-margin);margin-bottom:0}.notification-item-content{display:flex;flex-direction:column;margin-left:var(--space-s)}.notification-item-name{color:var(--assignee-color);font-weight:600}.notification-item-text{color:var(--text-color);font-weight:600;white-space:pre-line}.notification-item-icon{margin-top:var(--space-xs)}.notification-item-time{display:flex;justify-content:flex-end;align-items:center;font-size:.875rem;margin-top:var(--space-xs);color:var(--text-color-opacity)}.notification-item-badge{min-width:12px;min-height:12px;height:12px;width:12px;border-radius:100%;background-color:red;margin-left:var(--space-xs)}.notification-item-logo{width:30px;height:30px}.notifications-box-content{padding-top:var(--space-xs)}.notifications-topbar{width:100%;display:flex;justify-content:center;align-items:center;color:var(--text-color-opacity);padding-top:var(--space-s);border-radius:var(--radius-lg);font-size:1rem}.enable-notifications-icon svg{width:50px;height:50px;animation:ringBell 3.5s .7s ease-in-out 2;border-radius:100%;background-color:transparent}@keyframes ringBell{0%,to{transform:rotate(0)}20%,60%{transform:rotate(10deg)}40%,80%{transform:rotate(-10deg)}80%,to{transform:rotate(0)}}.topbar-theme-changer{align-items:center;display:inline-flex;justify-content:center;margin-left:var(--space-s)!important}.light-theme{color:var(--text-color-opacity);transition:1s}.light-theme.light-active{color:var(--color--structio);transition:1s}.dark-theme{color:var(--text-color-opacity);transition:1s}.dark-theme.dark-active{color:var(--color--structio);transition:1s}.avatar-editor{display:flex;align-items:center;gap:var(--space-xs);--avatar-editor-camera-btn-size: 35px;--avatar-editor-camera-btn-offset: -8px;--avatar-editor-camera-icon-size: 20px;--avatar-editor-camera-border-width: 1px}.avatar-editor--medium{--avatar-editor-camera-btn-size: 28px;--avatar-editor-camera-btn-offset: -10px;--avatar-editor-camera-icon-size: 15px}.avatar-editor--small{--avatar-editor-camera-btn-size: 22px;--avatar-editor-camera-btn-offset: -4px;--avatar-editor-camera-icon-size: 14px}.avatar-editor--xsmall{--avatar-editor-camera-btn-size: 18px;--avatar-editor-camera-btn-offset: -3px;--avatar-editor-camera-icon-size: 12px}.avatar-editor__avatar-wrapper{position:relative}.avatar-editor__loading{position:absolute;inset:0;border-radius:var(--radius-round);background:#0000004d}.avatar-editor__loading:after{content:"";position:absolute;top:50%;left:50%;width:18px;height:18px;margin-left:calc(-1 * var(--space-s));margin-top:calc(-1 * var(--space-s));border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:avatar-editor-spin .8s linear infinite}@keyframes avatar-editor-spin{to{transform:rotate(360deg)}}.avatar-editor__camera-btn{align-items:center;background:var(--bg-box-inner);border:1px solid var(--text-color-opacity);border-width:var(--avatar-editor-camera-border-width);border-radius:50%;color:var(--text-color);cursor:pointer;display:inline-flex;height:var(--avatar-editor-camera-btn-size);justify-content:center;width:var(--avatar-editor-camera-btn-size);position:absolute;bottom:var(--avatar-editor-camera-btn-offset);right:var(--avatar-editor-camera-btn-offset);box-shadow:0 2px 8px #00000026;transition:box-shadow .2s ease}.avatar-editor__camera-btn svg{font-size:var(--avatar-editor-camera-icon-size)}.avatar-editor__camera-btn:disabled{cursor:not-allowed;opacity:.6}.avatar-editor__camera-btn:hover:not(:disabled){box-shadow:0 4px 12px #0003}.avatar-editor__menu-confirm-title{padding-bottom:0!important}.avatar-editor__menu-confirm-text{font-size:.9rem;opacity:.7}.avatar-editor__crop-modal{background:var(--bg-box);border-radius:var(--radius-lg);box-sizing:border-box;left:50%;max-width:420px;padding:var(--space-m);position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100% - 24px)}.avatar-editor__crop-area{background:#000;border-radius:var(--radius-lg);height:280px;overflow:hidden;position:relative}.avatar-editor__crop-actions{display:flex;gap:var(--space-xs);justify-content:center;margin-top:var(--space-s)}.avatar-editor__zoom-control{display:flex;align-items:center;gap:var(--space-s);margin-top:var(--space-s)}.avatar-editor__zoom-control input[type=range]{flex:1}.structio-modal-box.modal-onboarding{min-width:100%}.onboarding-container{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;padding:var(--space-s)}.card-container.onboarding-box{height:100%;max-width:710px}.onboarding-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-s);height:100%}.onboarding-item-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:450px}.onboarding-item-steps{font-size:.875rem;font-weight:600;color:var(--text-color-opacity);margin-top:var(--space-xs)}.onboarding-title{margin-bottom:var(--space-xs);text-align:center}.onboarding-subtitle{text-align:center;max-width:450px}.onboarding-img{margin-top:calc(-1 * var(--space-m))}.onboarding-theme,.onboarding-theme div{margin-top:0;box-shadow:none!important}.onboarding-welcome-title{opacity:0;animation:fadeIn 2s forwards;animation-delay:2s}.onboarding-welcome-description{text-align:center;opacity:0;animation:fadeIn 2s forwards;animation-delay:4s}.onboarding-welcome-buttons{display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;animation:fadeIn 2s forwards;animation-delay:6s}.onboarding-btn-effect svg{animation:tooltipBounceHorizontal 1s infinite}@keyframes tooltipBounceHorizontal{0%,to{transform:translate(-1px)}30%{transform:translate(2px)}}.onboarding-started .onboarding-welcome-title,.onboarding-started .onboarding-welcome-description,.onboarding-started .onboarding-welcome-buttons{animation:none!important;opacity:1!important}.user-panel__avatar-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-s)}.user-panel__info{text-align:center}.user-panel__name{font-size:1.4rem;font-weight:600;margin-top:var(--space-xs)}.user-panel__profile-id{margin-top:var(--space-xs);display:flex;align-items:center;justify-content:center}.user-panel__profile-id-label{margin:0}.user-panel__divider{width:100%;padding-top:var(--space-xs);margin-top:var(--space-xs);border-top:1px solid rgba(0,0,0,.08)}._feature-item_1dy7e_1{display:flex;align-items:center;color:var(--text-color-opacity);margin-left:var(--space-xs)}._feature-item_1dy7e_1 svg{margin-right:var(--space-xs);margin-bottom:var(--space-xxs);fill:var(--color--red)}._feature-item_764sk_1{display:flex;align-items:center;color:var(--text-color-opacity);margin-left:var(--space-xs)}._feature-item_764sk_1 svg{margin-right:var(--space-xs);margin-bottom:var(--space-xxs);fill:var(--color--add)}._disclaimer_1ibrz_1{margin-top:var(--space-m);font-size:.75rem;color:var(--text-color-opacity)}._payment-history-container_endj1_1{--margin: var(--space-m)}@media(max-width:768px){._payment-history-container_endj1_1{--margin: var(--space-s)}}._payment-history-container_endj1_1{display:flex;align-items:center;justify-content:center;position:relative}._list_endj1_18{display:flex;flex-direction:column;width:100%}._item_endj1_24{display:flex;flex-direction:column;box-sizing:border-box;width:100%;font-size:.875rem;padding-left:var(--space-s);padding-right:var(--space-s);padding-top:var(--space-xs);padding-bottom:var(--space-xs);background:var(--bg-box-inner);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-top:var(--margin);margin-bottom:0;gap:var(--space-xs)}._show-invoice_endj1_42{display:flex;justify-content:flex-end;align-items:center;width:100%;gap:var(--space-xs);text-decoration:none;color:var(--text-color-opacity)}._subtitle_endj1_52{color:var(--text-color-opacity)}._head-price_endj1_56{font-size:2.0625rem;font-weight:500;margin-right:var(--space-s)}.dependent-item{align-items:center;gap:var(--space-s)}.dependent-item__left{display:flex;align-items:center;gap:var(--space-s);min-width:0;flex:1}.dependent-item__avatar .avatar-editor__avatar-wrapper{margin-right:var(--space-xxs)}.dependent-item__name{font-weight:500;overflow-wrap:anywhere;word-break:break-word}.dependent-item__actions{display:flex;align-items:center;gap:var(--space-xs)}.dependent-contact-item__user.expanded{border-bottom-left-radius:0;border-bottom-right-radius:0}.dependent-contact-item__details{background:color-mix(in srgb,var(--todo-accent-color) 15%,transparent);width:100%;border:0;border-top:0;padding:var(--space-s);border-radius:var(--radius-lg);border-top-left-radius:0;border-top-right-radius:0;box-sizing:border-box}.contact-add-friend-menu-icon-wrap{display:inline-flex;align-items:center;margin:0 var(--space-xxs);background:var(--bg-box-inner);padding:var(--space-xxs);border-radius:var(--radius-md)}.contact-add-friend-menu-icon{fill:var(--text-color);width:16px!important;height:16px!important}._container_domdw_1.card-container{padding:var(--space-l)}._title_domdw_5{color:var(--text-color)}._subtitle_domdw_9{color:var(--text-color-opacity)}._head-price_domdw_13{font-size:2.0625rem;font-weight:500;margin-right:var(--space-s)}._price_domdw_19{font-size:1rem;font-weight:500}._price-large_domdw_24{font-size:1.375rem;font-weight:500}._period_domdw_29{color:var(--text-color-opacity)}._description-container_77lze_1{display:flex;flex-direction:column;gap:var(--space-l);margin-top:var(--space-m);margin-bottom:var(--space-xxl)}._description_77lze_1{color:var(--text-color-opacity)}._container_15a8h_1{display:flex;flex-direction:column;gap:var(--space-s)}._title_15a8h_7{color:var(--text-color)}._subtitle_15a8h_11{color:var(--text-color-opacity)}._price_15a8h_15{font-size:1rem;font-weight:500}._buy-btn-container_15a8h_20{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:var(--space-l);margin-bottom:var(--space-s);gap:var(--space-m)}.admin-container{--card-bg: var(--bg-box-inner);--tab-selected-bg: linear-gradient( 90deg, rgba(100, 255, 246, .3) 0%, rgba(103, 183, 191, .2) 100% );--icon-bg: var(--card-bg)}[data-theme=light] .admin-container{--card-bg: var(--bg-box);--tab-selected-bg: var(--color--structio);--icon-bg: var(--color--structio)}.admin-container{display:flex;justify-content:center;box-sizing:border-box;width:100%}.admin-bg-container{position:absolute;inset:0;z-index:-1}.admin-bg-grid{position:absolute;inset:0;box-sizing:border-box;background-size:4rem 4rem;background-image:linear-gradient(90deg,rgba(var(--color--structio-rgb),.12) 1px,transparent 0px),linear-gradient(rgba(var(--color--structio-rgb),.12) 1px,transparent 0px)}.admin-bg-grid:before{content:"";position:absolute;inset:0;background-size:4rem 4rem;background-image:linear-gradient(90deg,var(--color--cyan) 1px,transparent 0px),linear-gradient(var(--color--cyan) 1px,transparent 0px);-webkit-mask:linear-gradient(120deg,transparent 0%,transparent 20%,white 28%,transparent 50%,transparent 100%);mask:linear-gradient(120deg,transparent 0%,transparent 20%,white 28%,transparent 50%,transparent 100%);-webkit-mask-position:-100% -100%;mask-position:-100% -100%;-webkit-mask-size:200% 200%;mask-size:200% 200%;opacity:1;animation:gridLightUp 30s ease-in-out infinite}@keyframes gridLightUp{0%,83.33%{-webkit-mask-position:-100% -100%;mask-position:-100% -100%;opacity:1}to{-webkit-mask-position:100% -100%;mask-position:100% -100%;opacity:0}}.admin-bg-dot{width:24rem;height:24rem;top:25%;left:25%;position:absolute;filter:blur(124px);background:#64fff6;background-color:rgba(var(--color--structio-rgb),.12);border-radius:100}.admin-content-container{display:flex;flex-direction:column;box-sizing:border-box;gap:var(--space-l);width:100%;max-width:910px}.admin-logo{width:50px;height:50px;border:1px solid var(--color--cyan);padding:var(--space-s);border-radius:var(--radius-lg);background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.admin-logo img{width:50px;height:50px}.admin-tab-menu{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.admin-tab-menu .tab-indicator{box-shadow:inset 0 0 0 1px var(--color--cyan),inset 0 0 0 1px var(--color--cyan),inset 0 0 0 1px var(--color--cyan);background:var(--tab-selected-bg)}.admin-grid-2columns{display:grid;gap:var(--space-m);grid-template-columns:repeat(2,1fr)}@media(max-width:700px){.admin-grid-2columns{grid-template-columns:1fr}}.admin-grid-3columns{display:grid;gap:var(--space-m);grid-template-columns:repeat(3,1fr)}@media(max-width:700px){.admin-grid-3columns{grid-template-columns:1fr}}.admin-card{display:flex;flex-direction:column;width:100%;padding:var(--space-s);border-radius:var(--radius-lg);background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-sizing:border-box;box-shadow:var(--box-shadow)}.MuiBarElement-root{fill:var(--color--structio);stroke:var(--color--cyan)}.MuiChartsAxis-root,.MuiChartsAxis-line,.MuiChartsAxis-tick{stroke:var(--text-color)!important;color:var(--text-color)!important}.MuiBarLabel-root{fill:var(--color--white)!important;font-weight:600!important}.admin-pie{padding:var(--space-s)}.admin-pie .MuiPieArc-root{stroke:transparent}.admin-pie .MuiPieArcLabel-root{fill:var(--color--white);font-size:1.25rem;font-weight:600}.admin-pie .MuiChartsLegend-root,.admin-pie .MuiChartsLegend-label{color:var(--text-color);font-family:Hind,sans-serif!important;font-weight:600}.MuiGauge-valueText>text{fill:var(--text-color)!important;font-size:40px!important}.admin-titlebar{display:flex;align-items:center;gap:var(--space-s);margin-top:var(--space-s)}.admin-titlebar .title{font-size:1.875rem;margin-top:var(--space-xxs)}.admin-titlebar-icon{padding:var(--space-s);border-radius:var(--radius-lg);border:1px solid var(--color--cyan);background:var(--color--structio-dark);background:var(--icon-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.milestone-card{display:flex;flex-direction:column;justify-content:space-between}.milestone-goal{margin-top:var(--space-l);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-box);box-shadow:0 2px 8px #0000001a}.milestone-goal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-s) var(--space-m);background:#0000000d}.milestone-goal-title{display:flex;align-items:center;gap:var(--space-xs);font-size:1rem;font-weight:700;color:var(--text-color);text-transform:uppercase;letter-spacing:1px}.milestone-goal-content{padding:var(--space-m);background:transparent}.milestone-card--unlocked .milestone-goal{animation:border-fade-zoom 10s ease-in-out infinite}@keyframes border-fade-zoom{0%,to{transform:scale(1);box-shadow:0 0 8px #0000001a}15%{transform:scale(1.03);box-shadow:0 0 12px #4caf50e6}30%{transform:scale(1);box-shadow:0 2px 8px #0000001a}}.milestone-goal-description{font-size:1rem;font-weight:600;color:var(--text-color);line-height:1.5;margin-top:var(--space-xxs)}.milestone-goal-icon-container{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--bg-box-inner)}.milestone-completed-text{color:var(--text-color-opacity)!important;text-decoration:line-through;text-decoration-thickness:2px}.feedback-panel{--feedback-card-bg: var(--bg-box)}[data-theme=light] .feedback-panel{--feedback-card-bg: var(--bg)}.feedback-card-header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:var(--space-s);margin-bottom:var(--space-s)}.feedback-date .subtitle{color:var(--text-color)}.feedback-date .feedback-value-header{color:var(--text-color-opacity)}.feedback-date{display:flex;flex-direction:column}.feedback-card-content{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;color:var(--text-color);line-height:1.6;font-size:1rem;background:var(--feedback-card-bg);padding:var(--space-s);border-radius:var(--radius-lg);cursor:pointer;margin-top:var(--space-s);white-space:pre-wrap}.users-panel{--admin-user-card-bg: var(--bg-box);--admin-user-border-color: rgba(255, 255, 255, .1)}[data-theme=light] .users-panel{--admin-user-card-bg: var(--bg);--admin-user-border-color: rgba(0, 0, 0, .1)}.users-table-container{display:flex;flex-direction:column;gap:var(--space-l)}.admin-user-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-s);margin-bottom:var(--space-s)}.admin-user-date .subtitle{text-align:right;color:var(--text-color-opacity)}.admin-user-date .admin-user-value-header{display:none}.admin-user-date{display:flex;flex-direction:column}.admin-user-content{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;color:var(--text-color);line-height:1.6;font-size:1rem;background:var(--admin-user-card-bg);padding:var(--space-s);border-radius:var(--radius-lg);cursor:pointer;margin-top:var(--space-s)}.admin-user-details{display:flex;flex-direction:column;width:100%;gap:var(--space-xs)}.user-detail-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space-xs) 0;border-bottom:1px solid var(--admin-user-border-color)}.user-detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:var(--text-color);font-size:.8125rem;text-transform:uppercase;letter-spacing:.5px}.detail-value{color:var(--text-color-opacity);font-size:.875rem}@media(max-width:700px){.admin-user-header{flex-direction:column;margin-bottom:0}.admin-user-date .admin-user-value-header{display:flex;color:var(--text-color-opacity)!important}.admin-user-date .subtitle{color:var(--text-color);text-align:left}}.routine-form{background:var(--bg-box);border-radius:var(--radius-xl);padding:var(--space-s);display:flex;flex-direction:column;gap:var(--space-s);box-shadow:var(--box-shadow)}.routine-form--edit{background:transparent;border:none;padding:0;box-shadow:none}.routine-form__item{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-s);background:var(--bg-box);border-radius:var(--radius-lg);box-shadow:var(--box-shadow)}.routine-form__item--fadeout{animation:routine-item-fadeout .5s ease-out forwards}@keyframes routine-item-fadeout{0%{opacity:1}to{opacity:0}}.update-app-box{background:var(--bg-box);border-radius:var(--radius-lg);padding:var(--space-m);padding-bottom:var(--space-xxl);box-shadow:0 2px 8px #00000014}.update-app-info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-s);margin-bottom:var(--space-l);margin-top:var(--space-xs)}.update-app-title{margin:0;font-size:1.5rem;font-weight:600}.update-app-version-box{width:100%;max-width:320px;border:1px solid var(--border-color-inner);border-radius:var(--radius-lg);background:var(--bg-box-inner);padding:var(--space-s) var(--space-s)}.update-app-feature-highlight{width:100%;max-width:320px;border:1px solid color-mix(in srgb,var(--color--add) 40%,transparent);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color--add) 5%,var(--bg-box-inner));padding:var(--space-s);text-align:left}.update-app-feature-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xxs) var(--space-xs);border-radius:var(--radius-round);font-size:.78rem;font-weight:700;color:var(--color--add);background:color-mix(in srgb,var(--color--add) 16%,transparent)}.update-app-feature-title{margin:var(--space-s) 0 var(--space-xxs);font-size:1.15rem;font-weight:700}.update-app-feature-text{margin:0;line-height:1.35;font-size:.95rem;color:var(--text-color-opacity)}.update-app-version-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs)}.update-app-version-row+.update-app-version-row{margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid var(--border-color-inner)}.update-app-version-label{font-size:.9rem;color:var(--text-color-opacity)}.update-app-version-value{font-weight:700}.update-app-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-s);padding:var(--space-s)}.update-app-progress-container{width:100%;max-width:300px}.update-app-loader-text{margin:0;font-size:1rem;color:var(--text-color-opacity)}.update-app-buttons{display:flex;align-items:center;justify-content:center;gap:var(--space-l);flex-wrap:wrap}.menupage-menuitem{display:flex;flex-direction:column;margin-bottom:var(--space-m)}.menupage-menuitem-btn{width:fit-content;font-size:1rem;color:var(--text-color-opacity)}.menupage-menuitem-btn.logout:hover{color:var(--color--delete)}.menupage-menuitem-btn svg{font-size:26px;margin-right:var(--space-xs)}.login-content{display:flex;align-items:center;flex-direction:column;justify-content:space-between;width:45%;height:100%;overflow:auto;background:var(--color--white)}.login-content-container{padding:0}.login-form{--login-form-padding: 50px;display:flex;flex-direction:column;justify-content:center;padding:var(--login-form-padding);width:100%;max-width:475px;box-sizing:border-box;border-radius:var(--radius-lg);color:var(--text-color)}.login-title-container{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;padding-top:var(--space-m);padding-bottom:var(--space-m)}.login-title{color:var(--login-title-color);margin:0;font-weight:600}.login-subtitle{color:var(--text-color-opacity);margin:0;animation:fadeIn 1s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-background{display:flex;justify-content:center;align-items:center;position:relative;width:55%;height:100vh;overflow:hidden}.bg-circle{position:absolute;border-radius:50%;background-color:#202534;width:750px;height:750px;bottom:-525px;left:-100px}.bg-circle:before{content:"";position:absolute;border-radius:50%;background-color:#2b3143;width:700px;height:700px;bottom:-12px;left:60%}.bg-text{font-size:45px;font-weight:600;text-transform:uppercase;text-align:center;color:var(--login-bg-text-color);z-index:var(--z-1)}.btn-show-pass{position:absolute;top:25px;right:8px}.bg-text-example{display:inline-block;padding:var(--space-l);opacity:0;transition:opacity 1s ease-in-out}.bg-text-example.active{opacity:1}.login-container--smartphone .login-content{display:flex;align-items:center;flex-direction:column;justify-content:space-between;width:100%;height:calc(100% - env(safe-area-inset-top,0));overflow:auto;background:var(--color--white)}.login-container--smartphone .login-content-container{padding:var(--space-xxl);padding-top:var(--space-s)}.login-container--smartphone .login-form{display:flex;flex-direction:column;justify-content:center;padding:0;width:100%;max-width:475px;box-sizing:border-box;border-radius:var(--radius-lg);color:var(--text-color)}.login-smartphone-title-container{display:flex;flex-direction:column;justify-content:flex-end;position:relative;padding:var(--space-xxl);padding-top:var(--space-s);padding-bottom:var(--space-l);margin-bottom:var(--space-s);min-height:150px;background:var(--login-bg)}.login-container--smartphone .login-title{color:var(--color--white)}.login-container--smartphone .login-subtitle{color:var(--color--gray);margin:0}.login-smartphone-content{position:relative;z-index:var(--z-1)}.login-smartphone-title-container .login-background{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;z-index:var(--z-0)}.login-smartphone-title-container .bg-circle{position:absolute;border-radius:50%;background-color:#2b3143;width:250px;height:250px;top:0;left:-125px}.login-smartphone-title-container .bg-circle:before{content:"";position:absolute;border-radius:50%;background-color:#202534;width:350px;height:350px;top:30px;left:165px;z-index:-1}.login-container{--login-bg: #171a23;--login-bg-text-color: #88a3c3;--login-title-color: var(--color--black);--login-color-border-line: var(--color--gray)}.login-container{display:flex;align-items:center;justify-content:center;height:100vh;height:100svh;margin:0;padding:0;width:100%;max-width:100%;background:var(--login-bg)}.routes-login-container .routes-container{padding:0}.login-inputfield{background:transparent;font-size:1rem;padding:0;border:0;border-radius:0;border-bottom:1px solid var(--login-color-border-line)}.login-inputfield:focus{border-color:var(--color--structio);transition:1s}.login-btn{height:35px}.login-btn span{font-weight:600}.login-text-seperator{display:flex;justify-content:center;align-items:center;width:100%}.login-text-seperator .border-bottom{width:100%;height:1px}.login-text-seperator .text{font-size:.875rem;padding:var(--space-l) var(--space-s) var(--space-l) var(--space-s);text-align:center;white-space:nowrap}.login-privacy-container{display:flex;flex-direction:column;padding-bottom:var(--space-s);padding-bottom:calc(env(safe-area-inset-bottom) + var(--space-s));padding-top:var(--space-xxl)}[data-loggedin=true] .login-privacy-container{padding-bottom:var(--space-s)}.privacy-link{color:var(--text-color-opacity);text-decoration:none;padding-left:var(--space-xs);padding-right:var(--space-xs);font-size:.875rem}html{--color--white: #fff;--color--black: #151515;--color--gray: #88a3c3;--color--cyan: #2dd4bf;--color--green: #128f0f;--color--lightgreen: #34d475;--color--neongreen: #bfff80;--color--purple: #d664ff;--color--darkpurple: #9e76ff;--color--orange: #df9851;--color--yellow: #d6c541;--color--blue: #4c8ffb;--color--lightblue: #6ca6d9;--color--pastelgreen: #4bbf8c;--color--yellowgreen: #98ce63;--color--red: #ff8080;--color--lightred: #ff0000;--color--pink: #ff80c0;--color--structio: #67b7bf;--color--structio-dark: #2f4952;--color--structio-rgb: 104, 184, 192;--color--warning: var(--color--orange);--color--add: var(--color--lightgreen);--color--approve: var(--color--lightgreen);--color--delete: var(--color--red)}html[data-theme=dark]{--bg: #171a23;--bg-box: #292e3c;--bg-box-inner: #333a4a;--text-color: #fff;--text-color-opacity: var(--color--gray);--border-color: var(--text-color-opacity);--surface-primary: var(--bg);--surface-elevated: var(--bg-box);--surface-muted: var(--bg-box-inner);--text-primary: var(--text-color);--text-secondary: var(--text-color-opacity);--border-muted: var(--border-color);--status-success: var(--color--lightgreen);--status-warning: var(--color--orange);--status-danger: var(--color--red);--status-accent: var(--color--structio);--focus-ring-color: rgb(var(--color--structio-rgb) / 45%);--shadow-xs: rgb(0 0 0 / 3%) 0px 1px 2px;--shadow-sm: rgb(0 0 0 / 4%) 0px 3px 8px;--shadow-md: rgb(0 0 0 / 5%) 0px 8px 24px;--shadow-lg: rgb(0 0 0 / 10%) 0px 14px 34px;--box-shadow: var(--shadow-md)}html[data-theme=light]{--color--gray: #7e8e9b;--color--lightgreen: #128f0f;--color--purple: #ae27d7;--color--darkpurple: #5a38c2;--color--lightblue: #2c9dff;--color--cyan: var(--color--structio);--color--pastelgreen: #2ca87a;--color--yellowgreen: #7ca602;--color--red: #ff6262;--color--pink: #d6387a;--color--yellow: #bfaa02;--color--neongreen: #71b42e;--bg: #f5f7fb;--bg-box: #ffffff;--bg-box-inner: #f6f6f6;--text-color: #172d2f;--text-color-opacity: var(--color--gray);--border-color: var(--color--gray);--surface-primary: var(--bg);--surface-elevated: var(--bg-box);--surface-muted: var(--bg-box-inner);--text-primary: var(--text-color);--text-secondary: var(--text-color-opacity);--border-muted: var(--border-color);--status-success: var(--color--lightgreen);--status-warning: var(--color--orange);--status-danger: var(--color--red);--status-accent: var(--color--structio);--focus-ring-color: rgb(var(--color--structio-rgb) / 45%);--shadow-xs: rgba(149, 157, 165, .1) 0px 1px 2px;--shadow-sm: rgba(149, 157, 165, .16) 0px 3px 8px;--shadow-md: rgba(149, 157, 165, .2) 0px 8px 24px;--shadow-lg: rgba(149, 157, 165, .26) 0px 14px 34px;--box-shadow: var(--shadow-md)}html{--space-0: 0;--space-xxs: 4px;--space-xs: 8px;--space-s: 12px;--space-m: 16px;--space-l: 20px;--space-xl: 24px;--space-xxl: 28px;--space-2xl: 32px;--space-3xl: 40px}html{--font-family-base: "Hind", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3.125rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--line-height-tight: 1.2;--line-height-snug: 1.35;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-base: .5px;--letter-spacing-wide: .04em}html{--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-round: 9999px}html.color-theme-in-transition,html.color-theme-in-transition *,html.color-theme-in-transition *:before,html.color-theme-in-transition *:after{transition:all .75s!important;transition-delay:0!important}html{--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .35s;--easing-standard: ease;--easing-emphasized: cubic-bezier(.2, 0, 0, 1);--focus-ring-size: 2px;--focus-ring-shadow: 0 0 0 var(--focus-ring-size) var(--focus-ring-color)}html{--z-0: 0;--z-1: 1;--z-2: 2;--z-3: 3;--z-8: 8;--z-9: 9;--z-10: 10;--z-99: 99;--z-1000: 1000;--z-9999: 9999;--z-10000: 10000;--z-base: 1;--z-sticky: 10;--z-dropdown: 100;--z-overlay: 200;--z-modal: 300;--z-toast: 400;--z-critical: 1000}html{--layout-bottom-nav-reserved-height: 84px;--content-max-width: 710px}.main-content-container{overflow:auto;padding:0!important;width:100%!important;max-width:100%!important;height:100vh;height:100svh}.routes-container{--routes-top-offset: var(--space-xs);--routes-bottom-reserved-height: var(--layout-bottom-nav-reserved-height);--routes-bottom-extra-height: 50px;display:flex;justify-content:center;box-sizing:border-box;width:100%;margin:0;padding:var(--space-s);padding-top:calc(var(--routes-top-offset) + var(--space-s));padding-bottom:calc(var(--routes-bottom-reserved-height) + var(--routes-bottom-extra-height) + env(safe-area-inset-bottom))}.routes-container:has(.page-action-bar),.routes-container:has(.menu-widget){--routes-bottom-extra-height: 80px}@media(max-width:768px){.routes-container{padding-bottom:calc(var(--routes-bottom-reserved-height) + var(--routes-bottom-extra-height) + env(safe-area-inset-bottom) + env(safe-area-inset-bottom) + env(safe-area-inset-bottom))}}.routes-login-container{padding:0!important;width:100%!important;max-width:100%!important}.content-container{margin-right:0!important;margin-left:0!important;padding:0!important;width:100%;max-width:var(--content-max-width)}.card-container{width:100%;max-width:100%;padding:var(--space-s);border-radius:var(--radius-md);margin-right:0;margin-left:0;background:var(--bg-box);box-sizing:border-box;box-shadow:var(--box-shadow)}.page-title{font-size:1.4rem;font-weight:500;margin-bottom:var(--space-s)}.title{font-size:1.2rem;font-weight:600}.subtitle{font-size:1rem;color:var(--text-color-opacity);font-weight:300}*{font-family:Hind,sans-serif!important}html{overflow:hidden;overscroll-behavior-y:contain}body{background:var(--bg);color:var(--text-color);letter-spacing:var(--letter-spacing-base);margin:0;overflow:hidden;padding:0;padding-top:env(safe-area-inset-top,0);height:100%;font-size:var(--font-size-md)}@media(max-width:768px){body{height:calc(100svh - 1px)}}html,body,select,button,input,textarea{font-family:Hind,sans-serif!important}button,label,span,input,abbr,li{font-family:var(--font-family-base)!important;letter-spacing:var(--letter-spacing-base)}a,a:hover{color:var(--text-color)}h1,h2,h3,h4,h5{line-height:var(--line-height-normal);font-weight:var(--font-weight-medium)}h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}h1,h2,h3,h4,h5,p,li,ul,span,button,a,textarea{margin:0;touch-action:manipulation}p,li,ul,span,button,a,textarea,div{font-weight:100}input[type=file]{display:none}dl,ol,ul{margin-top:0;margin-bottom:0rem;padding-left:var(--space-m)}*:focus,*:active{-webkit-tap-highlight-color:transparent}:where(button,[role=button],a,input,select,textarea,[tabindex]):focus{outline:none}:where(button,[role=button],a,input,select,textarea,[tabindex]):focus:not(:focus-visible){box-shadow:none}:where(button,[role=button],a,input,select,textarea,[tabindex]):focus-visible{outline:none;box-shadow:var(--focus-ring-shadow)}.grecaptcha-badge{--recaptcha-mobile-bottom: 70px;z-index:var(--z-9999)}@media(max-width:768px){.grecaptcha-badge{bottom:var(--recaptcha-mobile-bottom)!important}}[data-loggedin=true] .grecaptcha-badge{visibility:hidden}.no-padding{padding:var(--space-0)}.padding-xs{padding:var(--space-xs)}.padding-xs--t{padding-top:var(--space-xs)}.padding-xs--b{padding-bottom:var(--space-xs)}.padding-xs--l{padding-left:var(--space-xs)}.padding-xs--r{padding-right:var(--space-xs)}.padding-xs--rl{padding-right:var(--space-xs);padding-left:var(--space-xs)}.padding-xs--tb{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}.padding-s{padding:var(--space-s)}.padding-s--t{padding-top:var(--space-s)}.padding-s--b{padding-bottom:var(--space-s)}.padding-s--l{padding-left:var(--space-s)}.padding-s--r{padding-right:var(--space-s)}.padding-s--rl{padding-right:var(--space-s);padding-left:var(--space-s)}.padding-s--tb{padding-top:var(--space-s);padding-bottom:var(--space-s)}.padding-m{padding:var(--space-m)}.padding-m--t{padding-top:var(--space-m)}.padding-m--b{padding-bottom:var(--space-m)}.padding-m--l{padding-left:var(--space-m)}.padding-m--r{padding-right:var(--space-m)}.padding-m--rl{padding-right:var(--space-m);padding-left:var(--space-m)}.padding-m--tb{padding-top:var(--space-m);padding-bottom:var(--space-m)}.padding-l{padding:var(--space-l)}.padding-l--t{padding-top:var(--space-l)}.padding-l--b{padding-bottom:var(--space-l)}.padding-l--l{padding-left:var(--space-l)}.padding-l--r{padding-right:var(--space-l)}.padding-l--rl{padding-right:var(--space-l);padding-left:var(--space-l)}.padding-l--tb{padding-top:var(--space-l);padding-bottom:var(--space-l)}.padding-xl{padding:var(--space-xl)}.padding-xl--t{padding-top:var(--space-xl)}.padding-xl--b{padding-bottom:var(--space-xl)}.padding-xl--l{padding-left:var(--space-xl)}.padding-xl--r{padding-right:var(--space-xl)}.padding-xl--rl{padding-right:var(--space-xl);padding-left:var(--space-xl)}.padding-xl--tb{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.pos-relative{position:relative}.pos-absolute{position:absolute}.pos-fixed{position:fixed}.pos-inherit{position:inherit}.no-margin{margin:var(--space-0)}.margin-xs{margin:var(--space-xs)}.margin-xs--t{margin-top:var(--space-xs)}.margin-xs--b{margin-bottom:var(--space-xs)}.margin-xs--l{margin-left:var(--space-xs)}.margin-xs--r{margin-right:var(--space-xs)}.margin-xs--rl{margin-right:var(--space-xs);margin-left:var(--space-xs)}.margin-xs--tb{margin-top:var(--space-xs);margin-bottom:var(--space-xs)}.margin-s{margin:var(--space-s)}.margin-s--t{margin-top:var(--space-s)}.margin-s--b{margin-bottom:var(--space-s)}.margin-s--l{margin-left:var(--space-s)}.margin-s--r{margin-right:var(--space-s)}.margin-s--rl{margin-right:var(--space-s);margin-left:var(--space-s)}.margin-s--tb{margin-top:var(--space-s);margin-bottom:var(--space-s)}.margin-m{margin:var(--space-m)}.margin-m--t{margin-top:var(--space-m)}.margin-m--b{margin-bottom:var(--space-m)}.margin-m--l{margin-left:var(--space-m)}.margin-m--r{margin-right:var(--space-m)}.margin-m--rl{margin-right:var(--space-m);margin-left:var(--space-m)}.margin-m--tb{margin-top:var(--space-m);margin-bottom:var(--space-m)}.margin-l{margin:var(--space-l)}.margin-l--t{margin-top:var(--space-l)}.margin-l--b{margin-bottom:var(--space-l)}.margin-l--l{margin-left:var(--space-l)}.margin-l--r{margin-right:var(--space-l)}.margin-l--rl{margin-right:var(--space-l);margin-left:var(--space-l)}.margin-l--tb{margin-top:var(--space-l);margin-bottom:var(--space-l)}.margin-xl{margin:var(--space-xl)}.margin-xl--t{margin-top:var(--space-xl)}.margin-xl--b{margin-bottom:var(--space-xl)}.margin-xl--l{margin-left:var(--space-xl)}.margin-xl--r{margin-right:var(--space-xl)}.margin-xl--rl{margin-right:var(--space-xl);margin-left:var(--space-xl)}.margin-xl--tb{margin-top:var(--space-xl);margin-bottom:var(--space-xl)}@font-face{font-family:Hind;src:url(/assets/Hind-Regular-BdU3Z_FQ.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Hind;src:url(/assets/Hind-Bold-D5-xmoe6.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Hind;src:url(/assets/Hind-Light-DI_6lw_T.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Hind;src:url(/assets/Hind-Medium-BujynShJ.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Hind;src:url(/assets/Hind-SemiBold-BcHBlbb0.ttf) format("truetype");font-weight:600;font-style:normal}.text-center{text-align:center}.text-right{text-align:end}.text-left{text-align:start}.text-decoration--linethrough{text-decoration:line-through}.text-decoration--none{text-decoration:none}.fontweight-light{font-weight:var(--font-weight-light)}.fontweight-normal{font-weight:var(--font-weight-normal)}.fontweight-bold{font-weight:var(--font-weight-semibold)}.fontweight-bolder{font-weight:var(--font-weight-black)}.font-12{font-size:var(--font-size-xs)}.font-14{font-size:var(--font-size-sm)}.font-16{font-size:var(--font-size-md)}.font-18{font-size:var(--font-size-lg)}.font-20{font-size:var(--font-size-xl)}.font-24{font-size:var(--font-size-2xl)}.font-30{font-size:var(--font-size-3xl)}.font-40{font-size:var(--font-size-4xl)}.font-50{font-size:var(--font-size-5xl)}.color--black{color:var(--color--black)}.color--white{color:var(--color--white)}.color--gray{color:var(--color--gray)}.color--red,.color--red-hover:hover{color:var(--color--red)}.color--orange,.color--orange-hover:hover{color:var(--color--orange)}.color--yellow,.color--yellow-hover:hover{color:var(--color--yellow)}.color--cyan,.color--cyan-hover:hover{color:var(--color--cyan)}.color--green,.color--green-hover:hover{color:var(--color--green)}.color--blue,.color--blue-hover:hover{color:var(--color--blue)}.color--lightgreen,.color--lightgreen-hover:hover{color:var(--color--lightgreen)}.color--structio{color:var(--color--structio)}.color--warning{color:var(--color--warning)}.color--delete,.color--delete-hover:hover{color:var(--color--delete)}.color--add,.color--add-hover:hover{color:var(--color--add)}.color--approve,.color--approve-hover:hover{color:var(--color--approve)}.color--text{color:var(--text-color)}.color--text-opacity{color:var(--text-color-opacity)}.flex{display:flex}.inline-flex{display:inline-flex}.flex--column{flex-direction:column}.flex--column-reverse{flex-direction:column-reverse}.flex--row{flex-direction:row}.flex--row-reverse{flex-direction:row-reverse}.flex--center{align-items:center;justify-content:center}.flex-align--center{align-items:center}.flex-align--stretch{align-items:stretch}.flex-align--start{align-items:flex-start}.flex-align--end{align-items:flex-end}.flex-align--baseline{align-items:baseline}.flex-wrap--wrap{flex-wrap:wrap}.flex-justify--start{justify-content:flex-start}.flex-justify--end{justify-content:flex-end}.flex-justify--between{justify-content:space-between}.flex-justify--around{justify-content:space-around}.flex-justify--center{justify-content:center}.flex-item--grow{flex-grow:1}.flex-item--noshrink{flex-shrink:0}.flex-item--start{align-self:flex-start}.flex-item--end{align-self:flex-end}.flex-item--stretch{align-self:stretch}.flex-item--center{align-self:center}.gap-xs{gap:var(--space-xs)}.gap-s{gap:var(--space-s)}.gap-m{gap:var(--space-m)}.gap-l{gap:var(--space-l)}.gap-xl{gap:var(--space-xl)}.full-width{width:100%}.width-1of2{width:50%}.width-fit-content{width:fit-content}.hidden{display:none}.show{display:block}.invisible{visibility:hidden}.visible{visibility:visible}.border-bottom{border-radius:0;border-bottom:1px solid var(--border-color)}.border-top{border-radius:0;border-top:1px solid var(--border-color)}.border-right{border-radius:0;border-right:1px solid var(--border-color)}.border-left{border-radius:0;border-left:1px solid var(--border-color)}a.anchor-no-line,a.anchor-no-line:hover{text-decoration:none}.link{cursor:pointer;text-decoration:underline}.cursor{cursor:pointer}.menu-bagde .MuiBadge-anchorOriginTopRightRectangular{top:7px!important;right:25px!important}.MuiBadge-root.flex{display:flex}.MuiBadge-root.flex .MuiBadge-badge{left:100%;background-color:#d32f2f}.MuiBadge-root.red .MuiBadge-badge{color:#fff;background-color:#d32f2f}.MuiBadge-root.green .MuiBadge-badge{color:#fff;background-color:var(--color--green)}.MuiBadge-root.orange .MuiBadge-badge{color:#fff;background-color:var(--color--orange)}.MuiBadge-root.blue .MuiBadge-badge{color:#fff;background-color:var(--color--blue)}.MuiBadge-root.gray .MuiBadge-badge{color:var(--color--white);background-color:var(--text-color-opacity)}.react-calendar{--calendar-bg-color: var(--bg-box);--calendar-main-color: var(--color--structio);--dot-inactive: var(--text-color-opacity);--line-color-text: var(--color--black);--date-bg-color: #40485f;--calendar-week-header-height: 34px}[data-theme=light] .react-calendar{--calendar-main-color: var(--color--black);--line-color-text: var(--color--white);--date-bg-color: #dee3e9}.react-calendar{display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;background:var(--calendar-bg-color);padding:var(--space-xs);border:0;border-radius:var(--radius-lg);box-shadow:none;transition:1s;font-size:1rem}.calendar-with-weeknumbers.error{border:1px solid var(--color--warning);border-radius:var(--radius-lg)}.react-calendar .react-calendar__tile{cursor:pointer;justify-content:start}.react-calendar__viewContainer{width:100%}.react-calendar__navigation{display:flex;width:100%;color:var(--calendar-main-color);margin-bottom:var(--space-xs);margin-left:calc(-1 * var(--space-xl))}.react-calendar__navigation__label{color:var(--calendar-main-color);font-size:.8rem;border:0;background-color:transparent}.react-calendar__navigation__label__labelText{font-weight:500;font-size:1rem}.react-calendar__navigation__arrow{color:var(--calendar-main-color);background:transparent;border:0;padding:var(--space-xs);font-size:22px;min-width:45px}.react-calendar__month-view__days__day{background:transparent;color:var(--calendar-main-color);padding:var(--space-xxs)}.react-calendar__tile{border:0;border-radius:var(--radius-md);padding:0;padding-top:var(--space-s);padding-bottom:var(--space-s);font-size:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.react-calendar__tile abbr{margin-bottom:var(--space-xs);height:30px;width:30px;text-align:center;background:color-mix(in srgb,var(--date-bg-color) 30%,var(--line-color-text));align-items:center;display:flex;justify-content:center;border-radius:var(--radius-lg);border:1px solid transparent}[data-theme=light] .react-calendar__tile abbr{background:color-mix(in srgb,var(--date-bg-color) 45%,var(--line-color-text))}.react-calendar__tile--active abbr{font-weight:500;color:var(--color--lightgreen, var(--text-color-opacity));background:color-mix(in srgb,var(--color--lightgreen) 30%,var(--line-color-text));border:1px solid}[data-theme=light] .react-calendar__tile--active abbr,[data-theme=light] .react-calendar__tile--active.highlight-start-date abbr{background:var(--color--lightgreen);color:var(--color--white);border:1px solid var(--color--lightgreen)}.react-calendar__tile--now abbr{border:1px solid}.react-calendar__tile.repeat-selected:after,.react-calendar__tile.repeat-not-selected:after{border-radius:50%;content:"\a";display:flex;margin:auto;visibility:visible;width:12px;height:12px}.react-calendar__tile--active.repeat-not-selected abbr{border:1px solid transparent;color:inherit;font-weight:300;background:color-mix(in srgb,var(--date-bg-color) 30%,var(--line-color-text))}[data-theme=light] .react-calendar__tile--active.repeat-not-selected abbr{background:color-mix(in srgb,var(--date-bg-color) 45%,var(--line-color-text))}.react-calendar__tile.repeat-selected abbr{color:var(--color--white);font-weight:500;color:var(--color--lightgreen, var(--text-color-opacity));background:color-mix(in srgb,var(--color--lightgreen) 30%,var(--line-color-text));border:1px solid}[data-theme=light] .react-calendar__tile.repeat-selected abbr{background-color:var(--color--approve);color:var(--color--white)}.react-calendar__tile.highlight-start-date abbr{border:1px dashed var(--color--add);color:var(--color--add)}.react-calendar__tile.highlight-disabled-date abbr{opacity:.4}.react-calendar__tile.repeat-selected:after{background:var(--color--approve)}.react-calendar__tile.repeat-not-selected:after{background:var(--dot-inactive)}.react-calendar__month-view__days__day--weekend{color:var(--color--red)}.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__month-view.react-calendar__month-view--weekNumbers div{align-items:flex-start!important}.react-calendar__month-view__weekdays{color:var(--text-color);min-height:var(--calendar-week-header-height);background:var(--calendar-bg-color)}.react-calendar__month-view__weekdays__weekday{display:flex;align-items:center;justify-content:center;min-height:var(--calendar-week-header-height);box-sizing:border-box}.react-calendar__month-view__weekdays__weekday abbr[title]{text-decoration:none;font-weight:600}.react-calendar__navigation button:enabled:hover{background:var(--bg-box-inner)}.react-calendar__navigation button:enabled:focus{background:transparent}@media(max-width:768px){.react-calendar{--calendar-week-header-height: 28px}.react-calendar__tile abbr:after{display:none}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background:transparent}}.information-panel{--information-panel-offset-right: var(--space-3xl);--information-panel-min-height: 75px;--information-panel-bottom-reserved-height: var(--layout-bottom-nav-reserved-height);width:100%;min-width:200px;left:0;min-height:100%;margin-right:var(--information-panel-offset-right)!important;height:calc(100vh - var(--information-panel-bottom-reserved-height));z-index:var(--z-10);overflow:auto;background:transparent}.information-panel .add-todo{background:var(--structio-todo-item-bg-color)!important;justify-content:center;transition:1s}.information-panel .add-todo:hover{background:var(--structio-todo-item-standard-bg-color)!important;transition:1s}.information-panel .add-todo button{display:flex;align-items:center;color:#fff;font-size:1rem;margin-left:calc(-1 * var(--space-s))}.information-panel .add-todo button svg{font-size:3.125rem;color:var(--color--structio)}.information-panel-container{min-height:var(--information-panel-min-height);padding-top:var(--space-s);padding-bottom:var(--space-s);padding-left:var(--space-m);padding-right:var(--space-m)}.information-panel-title{text-align:center;font-size:1.75rem;color:var(--color--structio);text-shadow:8px 12px 20px #000000}.information-panel-headline-title{display:flex;font-size:1rem;color:var(--color--structio);margin:0}.information-panel-headline{display:inline-flex;font-size:1rem;color:#fff;margin:0}.information-panel-bottom-border{border-bottom:0px solid rgba(0,0,0,.5)}.MuiMenu-paper{background-color:var(--bg-box)!important;color:var(--text-color)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--box-shadow)!important;border:1px solid var(--border-color)!important}.MuiMenu-list{padding:var(--space-xs) 0!important}.MuiMenuItem-root{color:var(--text-color)!important;font-size:14px!important;transition:background-color .15s ease-in-out!important;display:flex!important;align-items:center!important;gap:var(--space-s)!important}.MuiMenuItem-root:hover{background-color:var(--bg-box-inner)!important}.MuiMenuItem-root.Mui-selected{background-color:#67b7bf1a!important;color:var(--color--structio)!important}.MuiMenuItem-root.Mui-selected:hover{background-color:#67b7bf26!important}.MuiMenuItem-root.Mui-disabled{opacity:.5!important;cursor:not-allowed!important}.MuiMenuItem-root .icon-container{display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0;min-width:24px}.MuiMenuItem-root .icon-container svg{color:var(--icon-color);fill:var(--icon-color)}.MuiMenu-paper .MuiMenu-paper{margin-top:calc(-1 * var(--space-xs))}.structio-modal-container{--modal-box-padding: var(--space-m);--modal-border-radius: var(--radius-md)}@media(max-width:768px){.structio-modal-container{--modal-box-padding: var(--space-s);--modal-border-radius: 0px}}.structio-modal-container{display:flex;justify-content:center;color:var(--text-color);height:100vh;height:100svh;touch-action:manipulation}.structio-modal-container .MuiBackdrop-root{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);top:env(safe-area-inset-top,0);background-color:#000000b3;height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))}.structio-modal-box{background:var(--bg);border-radius:var(--modal-border-radius);outline:0;padding:var(--modal-box-padding);padding-top:0;overflow:auto;box-sizing:border-box;height:-webkit-fill-available;height:stretch;width:100%;max-width:var(--content-max-width);margin-top:env(safe-area-inset-top);padding-bottom:calc(env(safe-area-inset-bottom) + var(--modal-box-padding) + 10px)}.modal-title{margin-bottom:var(--space-s)}.close-modal-icon{display:flex;justify-content:flex-end;flex-direction:row;width:100%}.close-modal-icon span,.close-modal-icon svg{color:var(--text-color)}.structio-modal-box .page-action-bar{bottom:10px}@media(min-width:711px){.structio-modal-box .page-action-bar{bottom:10px;padding-left:var(--space-s);padding-right:var(--space-s);box-sizing:border-box}}.select-structio-dropdown{--select-bg-color: var(--bg-box-inner);--select-selected-bg-color: var(--color--structio)}html[data-theme=light] .select-structio-dropdown{--select-selected-bg-color: #c4e2e6}.select-structio-dropdown .select-structio-dropdown:focus{outline:transparent none 0!important}.select-structio-dropdown--is-disabled .select-structio-dropdown__control{opacity:.7}.select-structio-dropdown .select-structio-dropdown__control{background:var(--select-bg-color);border:0;border-radius:var(--radius-lg);padding:var(--space-xs) var(--space-xxs);box-shadow:none}.select-structio-dropdown__control:hover{cursor:pointer}.select-structio-dropdown__value-container{padding:0}.select-structio-dropdown .select-structio-dropdown__placeholder,.select-structio-dropdown .select-structio-dropdown__single-value,.select-structio-dropdown .select-structio-dropdown__indicators{color:var(--text-color)}.select-structio-dropdown .select-structio-dropdown__indicator-separator{display:none;background-color:#ffffff80}.select-structio-dropdown .select-structio-dropdown__indicator svg{color:var(--text-color)}.select-structio-dropdown .select-structio-dropdown__control--menu-is-open{outline:0}.select-structio-dropdown .select-structio-dropdown__control--is-focused{border-color:var(--color--structio)!important;box-shadow:none}.select-structio-dropdown .select-structio-dropdown__control--menu-is-open{box-shadow:none;border-color:var(--color--structio)!important}.select-structio-dropdown .select-structio-dropdown__menu{background-color:var(--select-bg-color);font-size:1rem;border-radius:var(--radius-lg);box-shadow:none}.select-structio-dropdown .select-structio-dropdown__menu-list{color:var(--text-color);padding-top:0;padding-bottom:0;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.select-structio-dropdown .select-structio-dropdown__menu-list div{background-color:var(--select-bg-color);border-bottom:1px solid var(--border-color);transition:1s}.select-structio-dropdown .select-structio-dropdown__menu-list div:last-child{border-bottom:0}.select-structio-dropdown .select-structio-dropdown__menu-list div:hover{background:var(--select-selected-bg-color);color:var(--text-color);cursor:pointer;transition:1s}.select-structio-dropdown div.select-structio-dropdown__option--is-selected{background:var(--select-selected-bg-color);color:var(--text-color);font-weight:600}.select-structio-dropdown .select-structio-dropdown__value-container{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.select-structio-dropdown .select-structio-dropdown__multi-value{background-color:var(--color--blue);border-radius:var(--radius-md);padding:0px var(--space-xs);font-size:1rem}.select-structio-dropdown .select-structio-dropdown__multi-value__label{color:var(--color--white);font-size:.95rem;font-weight:400;margin-top:var(--space-xxs)}.select-structio-dropdown .select-structio-dropdown__multi-value__label span{font-weight:400;margin-right:var(--space-xs)}.select-structio-dropdown .select-structio-dropdown__multi-value__remove{color:var(--color--white);background-color:#98bfff;cursor:pointer;border-radius:0 var(--radius-md) var(--radius-md) 0;margin-right:calc(-1 * var(--space-xs))}.select-structio-dropdown .select-structio-dropdown__multi-value__remove svg{height:20px;width:20px}.standard-structio-switch .MuiSwitch-colorPrimary{color:var(--text-color-opacity)!important}.standard-structio-switch .MuiSwitch-colorPrimary+.MuiSwitch-track{background:var(--text-color-opacity)!important}.standard-structio-switch .MuiSwitch-colorPrimary.Mui-checked{color:var(--color--structio)!important}.standard-structio-switch .MuiSwitch-colorPrimary.Mui-checked+.MuiSwitch-track{background-color:var(--color--structio)!important}.standard-structio-switch--theme-switcher .MuiSwitch-colorPrimary{color:var(--color--structio)!important}.standard-structio-switch--theme-switcher .MuiSwitch-colorPrimary+.MuiSwitch-track{background:var(--color--structio)!important}.standard-structio-switch--theme-switcher .MuiSwitch-colorPrimary.Mui-checked{color:var(--color--structio)!important}.standard-structio-switch--theme-switcher .MuiSwitch-colorPrimary.Mui-checked+.MuiSwitch-track{background:var(--color--structio)!important}.standard-structio-switch.switch-custom-color .MuiSwitch-colorPrimary.Mui-checked{color:var(--switch-custom-color)!important}.standard-structio-switch.switch-custom-color .MuiSwitch-colorPrimary.Mui-checked+.MuiSwitch-track{background-color:var(--switch-custom-color)!important}.Toastify__toast-container{margin-top:env(safe-area-inset-top,0)}.Toastify__toast-container .Toastify__toast{position:relative;width:300px;border-radius:var(--radius-lg);margin-right:var(--space-s);margin-top:var(--space-s)}@media(max-width:480px){.Toastify__toast-container{display:flex;flex-direction:column;align-items:flex-end;width:100%;top:12px}}