.customButton{--btn-bg:var(--base-100);--btn-fg:var(--dark-200);--btn-spinner-color:var(--btn-fg);--btn-spinner-track:color-mix(in srgb, var(--base-100) 38%, transparent);--btn-hover-outline:var(--base-100);background:var(--btn-bg);color:var(--btn-fg);cursor:pointer;width:100%;height:50px;font-size:var(--font-16);white-space:nowrap;-webkit-tap-highlight-color:#0000;z-index:1;border:0;border-radius:4px;justify-content:center;align-items:center;gap:20px;padding:10px 20px;font-weight:400;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),border-color .55s cubic-bezier(.4,0,.2,1),outline-color .55s cubic-bezier(.4,0,.2,1),background-image .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}@media (max-width:1700px){.customButton{height:38px}}.customButton:active:not(:disabled){transition:background-color .1s cubic-bezier(.4,0,.2,1),color .1s cubic-bezier(.4,0,.2,1),opacity .1s cubic-bezier(.4,0,.2,1),border-color .1s cubic-bezier(.4,0,.2,1)}.customButton:disabled{opacity:.6;cursor:not-allowed}.customButton-bordered{--btn-bg:transparent;--btn-hover-overlay:var(--btn-hover-overlay-muted);--btn-hover-outline:var(--base-100);border:1px solid var(--gray-100);color:var(--gray-100);font-size:var(--font-16);background:0 0;gap:12px;font-weight:400}.customButton-cancel{--btn-bg:var(--white-100);--btn-hover-overlay:var(--btn-hover-overlay-muted);--btn-fg:var(--gray-100);--btn-spinner-color:var(--btn-fg);--btn-spinner-track:color-mix(in srgb, var(--gray-100) 22%, transparent);--btn-hover-outline:var(--base-100);border:1px solid var(--gray-100);background-color:var(--btn-bg);color:var(--btn-fg);font-size:var(--font-16);gap:12px;font-weight:400}.customButton-dashboardBtn{font-size:var(--font-14);border-radius:30px;flex-direction:row-reverse;gap:8px;height:40px;padding:5px 15px;font-weight:400}.customButton-medium{height:50px;font-size:var(--font-16);font-weight:400}.customButton-borderRadius{border-radius:100px}.customButton-yellowBtn{--btn-bg:var(--base-100);--btn-fg:var(--dark-200);--btn-hover-outline:var(--base-100);background-color:var(--btn-bg);color:var(--btn-fg)}.customButton-redBtn{--btn-bg:var(--red-300);--btn-hover-overlay:#ffffff24;--btn-fg:var(--white-100);--btn-spinner-color:var(--btn-fg);--btn-spinner-track:color-mix(in srgb, var(--white-100) 28%, transparent);--btn-hover-outline:var(--red-300);background-color:var(--btn-bg);color:var(--btn-fg)}.customButton-redBtnBorder{--btn-bg:transparent;--btn-hover-overlay:#ed352414;--btn-hover-outline:var(--red-200);border:1px solid var(--red-200);color:var(--red-200);background:0 0}.customButton-orangeBtn{--btn-bg:var(--base-100);--btn-fg:var(--dark-200);--btn-hover-outline:var(--base-100);background-color:var(--btn-bg);color:var(--btn-fg)}.customButton-greenBtn{--btn-bg:var(--green-100);--btn-hover-overlay:#ffffff24;--btn-fg:var(--white-100);--btn-spinner-color:var(--btn-fg);--btn-spinner-track:color-mix(in srgb, var(--white-100) 28%, transparent);--btn-hover-outline:var(--green-100);background-color:var(--btn-bg);color:var(--btn-fg)}.customButton-spinner{flex-shrink:0}.customButton-loading{cursor:wait;pointer-events:none;color:var(--btn-fg,var(--dark-200));opacity:1!important}.customButton-loading:disabled{opacity:1!important}.customButton-spinner{--btn-spinner-color:var(--btn-fg,var(--dark-200));border:3px solid var(--btn-spinner-track,color-mix(in srgb, var(--btn-spinner-color) 28%, transparent));border-bottom-color:var(--btn-spinner-color);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:1s linear infinite rotation;display:inline-block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.transparent{--btn-hover-outline:var(--dark-100);height:fit-content;color:var(--dark-100);border:none;align-items:center;gap:6px;padding:0;display:flex;background-color:#0000!important;width:fit-content!important}.transparent:hover{background:0 0}.deleteButton{--btn-hover-outline:var(--error);border:1px solid var(--error);color:var(--error);background-color:#0000}.editButton{--btn-hover-outline:var(--dark-100);background-color:var(--dark-100);color:var(--white-100)}.tag-item{width:fit-content;color:var(--dark-100);background:#2aa6c21a;border-radius:30px;align-items:center;gap:8px;padding:5px 8px;font-size:12px;font-weight:400;display:flex}.tag-item .close-btn{background-color:#0000;border:0}.loadingText{color:var(--dark-100);font-size:var(--font-16);text-align:center;margin:20px auto}button.saveBtnAddTask{z-index:unset}.smallbtn{width:fit-content;padding:0;overflow:hidden}@media (max-width:1700px){.smallbtn{width:38px}}.smallbtn svg{border-radius:4px}.customButton.customButton-cancel{background-color:var(--white-100)!important;color:var(--gray-100)!important;border:1px solid var(--gray-100)!important}