@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&display=swap";.snackbar-container{transition:all .5s ease;transition-property:top,right,bottom,left,opacity;font-family:Roboto,sans-serif;font-size:14px;min-height:14px;background-color:#070b0e;position:fixed;display:flex;justify-content:space-between;align-items:center;color:#fff;line-height:22px;padding:18px 24px;bottom:-100px;top:-100px;opacity:0;z-index:9999}.snackbar-container .action{background:inherit;display:inline-block;border:none;font-size:inherit;text-transform:uppercase;color:#4caf50;margin:0 0 0 24px;padding:0;min-width:min-content;cursor:pointer}@media (min-width: 640px){.snackbar-container{min-width:288px;max-width:568px;display:inline-flex;border-radius:2px;margin:24px}}@media (max-width: 640px){.snackbar-container{left:0;right:0;width:100%}}.snackbar-pos.bottom-center{top:auto!important;bottom:0;left:50%;transform:translate(-50%)}.snackbar-pos.bottom-left{top:auto!important;bottom:0;left:0}.snackbar-pos.bottom-right{top:auto!important;bottom:0;right:0}.snackbar-pos.top-left{bottom:auto!important;top:0;left:0}.snackbar-pos.top-center{bottom:auto!important;top:0;left:50%;transform:translate(-50%)}.snackbar-pos.top-right{bottom:auto!important;top:0;right:0}@media (max-width: 640px){.snackbar-pos.bottom-center,.snackbar-pos.top-center{left:0;transform:none}}@font-face{font-family:"Emoji";src:url(AppleColorEmoji.e0b82318f726d4d4.ttf) format("truetype")}@font-face{font-family:Cascadia-Mono;src:url(Cascadia.1b036bc215890b43.ttf) format("truetype")}:root{--bgColor: #EAEAEA;--bgColorArea: rgba(236, 236, 236, .5);--black: #000000;--white: #ffffff;--mainYellow: #FEEFBE;--mainYellow1: #FDD046;--textYellow: #BF9102;--bgAnimation: #FFE38B;--lightGrayHover: #F5F5F5;--grayText: #5F5F5F;--lightGrayStroke: #E3E3E3;--lightStroke: transparent;--lightGrayVersion: #AEAEAE;--hrLine: #E7E7E7;--highlight: #FFE79D;--scroll: #D9D9D9;--scrollHover: #BDBDBD;--lightRed: #ff9b9b;--black-filter: invert(1) grayscale(100%) brightness(0) contrast(100%);--white-filter: brightness(0) invert(1);--gray-filter: brightness(60%) contrast(150%);--yellow-filter: brightness(0) saturate(100%) invert(52%) sepia(53%) saturate(2464%) hue-rotate(21deg) brightness(106%) contrast(101%);--ColorMenuB: #FAAFA8;--ColorMenuC: #F39F76;--ColorMenuD: #FFF8B8;--ColorMenuE: #E2F6D3;--ColorMenuF: #B4DDD3;--ColorMenuG: #D4E4ED;--ColorMenuH: #AECCDC;--ColorMenuI: #D3BFDB;--ColorMenuJ: #F6E2DD;--ColorMenuK: #E9E3D4;--bgImageB: url(/src/assets/images/backgrounds/Light/i1_ph.svg);--bgImageC: url(/src/assets/images/backgrounds/Light/i2_ph.svg);--bgImageD: url(/src/assets/images/backgrounds/Light/i3_ph.svg);--bgImageE: url(/src/assets/images/backgrounds/Light/i4_ph.svg);--bgImageF: url(/src/assets/images/backgrounds/Light/i5_ph.svg);--bgImageG: url(/src/assets/images/backgrounds/Light/i6_ph.svg);--bgImageH: url(/src/assets/images/backgrounds/Light/i7_ph.svg);--bgImageI: url(/src/assets/images/backgrounds/Light/i8_ph.svg);--bgImageJ: url(/src/assets/images/backgrounds/Light/i9_ph.svg);--bgImageK: url(/src/assets/images/backgrounds/Light/i95_ph.svg);--image-path: url(AddNoteWhite.7109f0472f36cea9.svg)}*{padding:0;margin:0;box-sizing:border-box;font-family:Inter,"Emoji",sans-serif;scroll-behavior:smooth}body,html{height:100%;background-color:var(--bgColor)}body::-webkit-scrollbar{display:none}::selection{background-color:var(--highlight)}.noSelect{-webkit-user-select:none;user-select:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.sectionStyle{background-color:var(--white);border:1px solid var(--lightGrayStroke);outline:1px solid var(--lightStroke);border-radius:12px}.HoverYellowStyle{background-color:var(--mainYellow)}.hr{width:100%;height:1px;background-color:var(--hrLine)}::-webkit-scrollbar{width:2px;-webkit-transition:all;transition:all;cursor:default!important}::-webkit-scrollbar-track{background:none;border-radius:1000px;cursor:default!important}::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:1000px;cursor:default!important}::-webkit-scrollbar-thumb:hover{background:var(--scrollHover);border-radius:1000px;cursor:default!important}.AltText{position:absolute;background-color:var(--white);font-size:12px;font-weight:500;padding:.3rem .7rem;border-radius:5px;color:var(--grayText);top:calc(35px + .5rem);left:50%;opacity:0;transition:opacity .5s ease,visibility 0s 2s;transform:translate(-50%)}.displayNone{display:none!important}.H:hover{outline:none!important;border-radius:50%!important;background-color:#005eeb!important;cursor:pointer!important}.w-100{width:100%!important}.d-none{display:none!important}.d-flex{display:flex!important}.mx-auto{margin-inline:auto;transition:all .7s}.pop:hover:before{content:attr(data-pop);position:absolute;width:max-content;left:50%;transform:translate(-50%);top:37px;background-color:red;padding:3px 9px;font-size:15px;border-radius:5px}.IconHoverBlack:hover{filter:grayscale(100%) brightness(0)}.displayNone{display:none!important}.cbox-ph-container{position:relative;display:flex;align-items:center;padding-inline:.5rem;margin-top:.5rem;height:1.6rem;font-size:11px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;color:var(--black);margin-bottom:.5rem}.cbox-ph-container:hover{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:var(--bgColorArea)}.cboxes{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden!important;white-space:pre-wrap;word-wrap:break-word;-webkit-line-clamp:3}.cboxes.min{margin:0rem .5rem}.cbox-container .cbox-note-container{color:var(--black)}.cbox-container{position:relative;display:flex;align-items:center;padding-inline:.5rem;margin-top:.5rem;height:1.6rem;font-size:11px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;color:var(--black);background-color:var(--bgColorArea);-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px)}.cbox-note-container{width:100%}.cbox-note-container.min{width:90%}.cbox-note{font-weight:400;white-space:pre-wrap;word-wrap:break-word;padding-left:.5rem;width:100%;transition:all 1s}.cbox-note.ph{color:var(--grayText);position:absolute;pointer-events:none;width:100%;font-weight:500}.cbox-note:focus-visible{outline:0}.cbox-container.done{background-color:var(--mainYellow);color:var(--textYellow)}.cbox-container.done .cbox-done{color:var(--textYellow)}.cbox-container.done img{filter:var(--yellow-filter);-webkit-filter:var(--yellow-filter);mix-blend-mode:normal}.cbox-ph-container img{mix-blend-mode:difference;filter:var(--gray-filter);-webkit-filter:var(--gray-filter)}.cbox-container img:hover{filter:var(--black-filter);-webkit-filter:var(--black-filter);mix-blend-mode:normal}.cbox-container img{mix-blend-mode:difference;filter:var(--gray-filter);-webkit-filter:var(--gray-filter)}.cbox-icon{cursor:pointer;display:flex;align-items:center;justify-content:center}.cbox-icon:hover{filter:var(--filter-black);-webkit-filter:var(--filter-black)}.icons-container{display:flex;flex-wrap:wrap;align-items:center;position:relative;justify-content:space-between}.icons-container .iconsMini{margin:.2rem .1rem 1rem}.icons-container.min{justify-content:center}.icons-container.min .icons>div{margin:0 2px}.icons-container .icons{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-inline:1rem;width:100%}.icons-container .icons1{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:0rem;margin-top:.2rem;padding-inline:0rem;width:100%}.icons-container .icons1 .spaceTrashEmpty{width:100%!important;height:.5rem!important;line-height:.5rem!important;background-color:red!important}.pin-icon{opacity:.54;height:32px;width:32px;right:14px;top:8px;position:absolute;background-image:url(/assets/images/svg/pin.svg);background-position:center;background-repeat:no-repeat}.pin-icon.pinned{background-image:url(/assets/images/svg/pin-pinned.svg)!important}.pin-icon:hover{opacity:.87!important}.minLabel{padding-left:.5rem;margin-bottom:1rem;margin-left:.5rem}.labels-container .label-container{margin:8px 8px 0 0rem;display:inline-block;border-radius:12px;font-size:11px;font-weight:500;color:var(--textYellow);text-align:center;position:relative;background-color:var(--mainYellow);transition:all .5s;padding-left:.6rem}.labels-container .label-container .label{min-width:35px;display:flex;align-items:center;justify-content:center}.labels-container .label-container .label:hover .cancel-icon{background:url(False.9accf9795a778030.svg) no-repeat center;display:inline-block;margin:.5rem calc(.6rem + 3px) .5rem .5rem;display:flex;height:10px;width:10px;opacity:1}.labels-container .label-container .label .cancel-icon{background:url(LabelTag.49f218cad68326fd.svg) no-repeat center;height:10px;width:13px;filter:var(--yellow-filter);margin:.5rem .6rem .5rem .5rem;-webkit-filter:var(--yellow-filter)}.labels-container .label-container .label .cancel-icon:hover{filter:var(--black-filter)}[data-tooltip=true]{display:none;background-color:var(--white);border:1px solid var(--lightGrayStroke);outline:1px solid var(--lightStroke);border-radius:12px;z-index:999}[data-tooltip=true][data-is-tooltip-open=true]{display:block}[data-tooltip=true].moreMenu{justify-content:center;padding:.5rem 0;box-shadow:0 0 150px var(--bgColor)}[data-tooltip=true].moreMenu div{display:flex;align-items:center;border:1px solid transparent;margin-inline:.5rem;font-size:11px;font-weight:400;padding-inline:.5rem;color:var(--grayText);height:1.6rem;margin-bottom:.5rem}[data-tooltip=true].moreMenu div:hover{background-color:var(--lightGrayHover);border-radius:5px;cursor:pointer;color:var(--black)}[data-tooltip=true].moreMenu div:last-child{margin-bottom:0}[data-tooltip=true].colorMenu{flex-direction:column;align-items:center;padding:.5rem .5rem .5rem .3rem;align-items:flex-start}[data-tooltip=true].colorMenu[data-is-tooltip-open=true]{display:block}[data-tooltip=true].colorMenu .first-row{display:flex;gap:.5rem;margin-bottom:.4rem}[data-tooltip=true].colorMenu .first-row div{border-radius:50%;width:28px;height:28px;border:2px solid transparent;text-align:center}[data-tooltip=true].colorMenu .first-row div:hover{border:1px solid var(--lightGrayStroke);outline:1px solid var(--grayText);cursor:pointer}[data-tooltip=true].colorMenu .first-row div.nocolor{display:flex;align-items:center;justify-content:center;margin-left:.3rem;background-repeat:no-repeat;background-position:center}[data-tooltip=true].colorMenu .first-row div.nocolor:hover{border:none;outline:none;filter:invert(1) grayscale(100%) brightness(0) contrast(100%)}[data-tooltip=true].colorMenu .second-row{display:flex;gap:.5rem}[data-tooltip=true].colorMenu .second-row div{border-radius:5px;width:28px;height:28px;border:2px solid transparent;text-align:center}[data-tooltip=true].colorMenu .second-row div:hover{border:1px solid var(--lightGrayStroke);outline:1px solid var(--grayText);cursor:pointer}[data-tooltip=true].colorMenu .second-row div.noimage{display:flex;align-items:center;justify-content:center;background-repeat:no-repeat;background-position:center;margin-left:.3rem}[data-tooltip=true].colorMenu .second-row div.noimage:hover{border:none;outline:none;filter:invert(1) grayscale(100%) brightness(0) contrast(100%)}[data-tooltip=true].labelMenu{position:absolute;box-shadow:0 0 150px var(--bgColor);background-color:var(--white);border:1px solid var(--lightGrayStroke);outline:1px solid var(--lightStroke);border-radius:12px;z-index:999;transition:all .4s;max-width:15rem;width:100%;left:50%;transform:translate(-50%);bottom:-12.4rem;margin-left:-8.5rem}[data-tooltip=true].labelMenu .title{font-size:14px;padding:0 12px}[data-tooltip=true] .label-list-container{display:flex;flex-direction:column;height:8.4rem;overflow-x:scroll;margin-right:calc(.5rem - 2px);max-height:-moz-fit-content;max-height:fit-content;overflow:hidden;overflow-y:scroll;flex-shrink:0}[data-tooltip=true] .label-list-container .label-list{display:flex;height:1.6rem;padding-inline:.5rem;margin-left:.5rem;margin-bottom:.5rem}[data-tooltip=true] .label-list-container .label-list .label-name{font-size:11px;display:flex;align-items:center;justify-content:space-between;width:100%;height:1.6rem;color:var(--grayText);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}[data-tooltip=true] .label-list-container .label-list:hover{background-color:var(--lightGrayHover);border-radius:5px;cursor:pointer}.SearchSection{height:2.25rem;padding-inline:.9rem;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.SearchSection .SearchInput::placeholder{margin:0;font-size:12px;font-weight:500;font-family:Inter,sans-serif;color:var(--grayText);background:none}.SearchSection .SearchInput{border:none;font-size:12px;outline:none;padding-bottom:1px;background:none}.HeadText{font-size:12px!important;color:var(--grayText);margin-left:1rem;margin-top:.5rem;margin-bottom:.5rem;font-weight:500}.snackbar-container{background-color:var(--white)!important;border:1px solid var(--lightGrayStroke)!important;outline:1px solid var(--lightStroke)!important;border-radius:12px!important;height:2.8rem!important}.snackbar-container p{color:var(--grayText)!important;font-weight:400!important;font-size:12px!important}.snackbar-container .action{color:var(--mainYellow1)!important;font-weight:500!important;font-size:12px!important}.snackbar-pos.bottom-left{right:-.7rem;left:auto;bottom:-.7rem;transform:translate(0)}.EmptyBar{background-color:transparent;width:16.1rem;height:100%}.noIconMore{display:none}@media screen and (min-width: 350px) and (max-width: 767px){.no-notes .image{width:17rem!important;height:15rem!important;margin-top:3rem!important}.modal-container .modal,.modal1,.modal2{box-shadow:50px 0 100px var(--bgColor)!important}.TopSecDown{display:none}.close-btn{font-weight:500;margin:.5rem 0rem .5rem .5rem;display:flex!important;align-items:center;justify-content:center;position:absolute;right:1rem}.close-btn img{width:21px;filter:var(--gray-filter)}.noIconMore{display:flex!important}.close-btn:hover img{width:21px;filter:var(--black-filter)}.MenuSection .MenuDiv,.ScrollLabel .MenuDiv,.SearchSection,.TopSecUp{display:flex!important;align-items:center!important;justify-content:center!important}.MenuSection .MenuDiv p,.ScrollLabel .MenuDiv p{display:none}.MenuSection .MenuDiv img,.ScrollLabel .MenuDiv img,.SearchSection img{width:21px}.TopGroup .SearchSection input{display:none}.LabelSection .HeadText,.LogoGroup{display:none!important}.SideBar .SbGroup{width:4rem!important;height:100%!important}.LabelSection{padding:.5rem}.item img,.SelectIcon{width:21px!important}.EmptyBar{background-color:transparent;width:4rem!important;height:100%}.Canva{padding:.6rem .6rem .6rem 1.2rem!important}.divScrollBg{display:none!important}.note-container .body{line-clamp:5!important;-webkit-line-clamp:5!important}.BarTop img{display:none!important}.modal-container{width:100%!important;background-color:var(--white)!important}.modal-container .modal{width:15rem!important;top:5.8rem!important}.modal-container .modalNotesSection{width:100%!important;top:.65rem!important}.SideBarAccount.visibleNote{display:none!important}.modal-container .modal1,.modal-container .modal2{width:15rem!important}.modal2{position:absolute;right:-14.1rem;top:10rem!important}.HoverIconSigle{width:21px!important}.modal{padding-inline:.6rem!important;padding:0!important;z-index:100!important}.note-main{border-radius:0!important}.divNoteSection .note-main{border-radius:0!important;width:100%!important;height:100vh!important;position:fixed!important;z-index:100!important}.AppInput{align-items:unset!important;min-height:10vh!important}.AddIcon{margin-right:1rem!important}.input{padding-inline:1rem!important}.note-main .note-container{margin:.65rem .6rem 0rem!important;height:calc(100dvh - 4.8rem)!important}.BottomGroup .MenuSection .MenuDiv:first-child{display:none!important}.icons-container2{height:-moz-fit-content!important;height:fit-content!important;position:absolute!important;padding:0rem .5rem!important;width:100%!important;bottom:0;left:50%;transform:translate(-50%,-50%)}.icons-container1{margin:1rem 0rem!important}.icons .ItemHoverAlt:last-child{display:flex!important}.noIcon{display:none!important}.note-container .note-main{border-radius:12px!important}.main-section .divNoteSection{padding-right:5.95rem!important}.SideBarAccount{position:absolute;right:.6rem!important;top:.6rem!important}.MenuDiv{height:1.7rem}.MenuDiv p,.SearchInput{font-size:12px!important}.MenuDiv img{width:21px!important}.main-section.toggle .BarRight{display:flex!important;position:absolute;transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;background:linear-gradient(to right,var(--bgColor) 40%,rgba(234,234,234,0) 100%);width:100%!important;height:100vh}.AccountGroup .IconHover{width:21px!important}.SideBar{transition:all 1s ease}.SideBar.toggle .SbGroup{width:15rem!important;transition:all .5s ease;padding:0rem}.SideBar.toggle .SbGroup .SearchSection,.SideBar.toggle .SbGroup .MenuSection,.SideBar.toggle .SbGroup .LabelSection,.SideBar.toggle .SbGroup .BottomGroup,.SideBar.toggle .SbGroup .hr,.SideBar.toggle .SbGroup .TopSecDown{display:flex!important}.SideBar.toggle .SbGroup .MenuSection,.SideBar.toggle .SbGroup .LabelSection,.SideBar.toggle .SbGroup .BottomGroup,.SideBar.toggle .SbGroup .TopSecDown{display:flex!important;flex-direction:column}.SideBar.toggle .SbGroup .TopSecDown p{white-space:nowrap!important}.SideBar.toggle .SbGroup .MenuDiv{height:1.7rem}.SideBar.toggle .LogoGroup img,.SideBar.toggle .TopSecUp img{width:21px!important}.SideBar.toggle .LabelSection{padding:.5rem calc(.5rem - 4px) .5rem .5rem}.SideBar.toggle .MenuSection .MenuDiv p,.SideBar.toggle .ScrollLabel .MenuDiv p{display:flex;font-size:12px!important;white-space:nowrap}.SideBar.toggle .SearchSection input{display:flex;font-size:12px;white-space:nowrap}.SideBar.toggle .LogoText,.SideBar.toggle .LogoText1{display:none!important}.SideBar.toggle .BarTop img,.SideBar.toggle .divScrollBg{margin-left:0rem}.SideBar.toggle .MenuDiv,.SideBar.toggle .SearchSection,.SideBar.toggle .TopSecUp{display:flex!important;align-items:center!important;justify-content:space-between!important}.SideBar.toggle .HeadText,.SideBar.toggle .LogoGroup{display:flex!important}}@media screen and (min-width: 767px) and (max-width: 1024px){.no-notes .image{width:30rem!important;height:26rem!important;margin-top:-5rem!important}.AppInput{min-height:25vh!important}.divScrollBg{height:25vh!important}.main-section.toggle .divNoteSection{padding-inline:11.35rem!important}.BottomGroup .MenuSection .MenuDiv:first-child{display:none!important}}.modal-container.toggle{width:100%!important}.SideBar.toggle{height:-moz-fit-content;height:fit-content}.SideBar{transition:all 1s ease}.SideBar.toggle .SbGroup{width:11.5rem;height:-moz-fit-content;height:fit-content;transition:all .5s ease;padding:0rem}.SideBar.toggle .SbGroup .SearchSection,.SideBar.toggle .SbGroup .MenuSection,.SideBar.toggle .SbGroup .LabelSection,.SideBar.toggle .SbGroup .BottomGroup,.SideBar.toggle .SbGroup .hr,.SideBar.toggle .SbGroup .TopSecDown{display:none}.SideBar.toggle .LogoText,.SideBar.toggle .LogoText1{display:flex}.SideBar.toggle .EmptyBar{width:.5rem}.SideBar.toggle .BarTop img,.SideBar.toggle .divScrollBg{margin-left:0rem}.main-section.toggle .EmptyBar{width:.5rem;transition:width .5s ease}.main-section.toggle .BarTop img,.main-section.toggle .divScrollBg{margin-left:0rem!important;transition:margin-left .5s ease}