.addTaskButton{position:relative;display:flex;gap:8px;align-items:center;justify-content:flex-start;width:max-content;min-height:48px;padding:2px 22px 2px 2px;font-family:var(--font-satoshi);font-size:16px;font-weight:700;line-height:20px;color:var(--color-primary-green);text-decoration:none;cursor:pointer;background:var(--color-basic-black);border:2px solid var(--color-primary-green);border-radius:40px;transition:all .3s ease-out}.addTaskButton .addTaskButton__icon{background:var(--color-primary-green)}.addTaskButton--active{pointer-events:none}.addTaskButton--active,.addTaskButton:hover{color:var(--color-basic-black);background:var(--color-primary-green)}.addTaskButton--center{margin-right:auto;margin-left:auto}.addTaskButton--disabled{cursor:not-allowed;opacity:.4}.addTaskButton--wide{width:100%;max-width:100%}.addTaskButton__icon{width:40px;height:40px;padding:8px;background:var(--color-basic-white-50);border-radius:24px}@media(max-width:767px){.addTaskButton{padding:2px 12px 2px 2px;font-size:14px;line-height:14px}.addTaskButton:hover{color:var(--color-primary-green);background:var(--color-basic-black)}.addTaskButton:active{color:var(--color-basic-black);background:var(--color-primary-green)}}.toggleButton{position:relative;display:flex;gap:4px;width:-moz-fit-content;width:fit-content;height:48px;padding:2px;border:2px solid var(--color-basic-white-30);border-radius:40px}.toggleButton__activeBg{position:absolute;top:2px;left:2px;z-index:1;width:calc(50% - 2px);height:calc(100% - 4px);background:var(--color-primary-purple);border-radius:36px;transition:transform .3s ease-out}.toggleButton__activeBg--left{transform:translateX(0)}.toggleButton__activeBg--right{transform:translateX(100%)}.toggleButton__option{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;padding:12px 24px;font-family:var(--font-satoshi);font-size:16px;font-weight:700;line-height:100%;color:var(--color-basic-white);text-decoration:none;cursor:pointer;background:rgba(0,0,0,0);border:none;border-radius:0;transition:color .3s ease-out}.toggleButton__option:focus{outline:none}.toggleButton__option:not(.toggleButton__option--active):hover{color:var(--color-primary-green)}.toggleButton__option--active{cursor:default}@media(max-width:575px){.toggleButton__option{padding:12px;font-size:14px}}