@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);:root{--max-int:2147483647;--color-active-btn:#0d99ff;--color-disabled-btn:#d9d9d9;--color-light-gray:#f5f5f5}*{cursor:inherit;font-family:Inter,sans-serif;outline:transparent;position:relative}nav a{display:flex}nav span{display:block}button{all:unset;cursor:pointer}.page-wrapper{height:100vh}.page-wrapper.note-mode :not(.pin){cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAADkklEQVRIS72WX0jaURTHb5b2Z2qTYP0BS1jhS8TIaEGsaBRBxSBlFERjJEG09Zo2ZkXJoPVQ62ERyx72UBsEMog9tEbUw2IzUmkZBjFqmSM3NyuzlT+3c378fmLOLDN24cvPn/f+zueec88998aQ/9BizsnAcbEgDugPyMcIf5/ZwkGwLw7EbW1tFTY3N8tSU1NvUBS1t7m5aSouLjZC3zHIC6IYeEjgaRA0Hr+6uno3IyPjsVAovI5fW63WI/jtS09PT/B6vcfQPhkMhkelpaUG6P7NePcPKBiC71y5XJ4yMDDwLDMz825/f793amoqbmlpiezv79MG0tLSiEwmI0qlkqqtrY3d2NjQSiSSp9DlYTw7AQqGcGtqaq6Nj48bbDZbSltbG29mZiZszFtaWsjg4CDl8XjeikSiRhjsDgYFQjBE/PX1dR2EokoqlSacuaLMgIKCAgJhIysrK6rc3NxhBoTJQTcWgs+khYWFxqKiouGKigpylgfBE+jo6CCdnZ2HQ0NDt1Qq1WfoPwyGcOEPkdPp/Dg6Oipub2/HdI24zc7OUtnZ2a/FYvED+HgPhFnn9ySxpKREMjc3Z4FMIfPz8xED8AONRkMg3a2Qfbfh9TvoiIVgqIQTExN36uvrXwoEAn8WRUqqrq4mer2e4vF4UvjWDjpgIbjgyYuLi2oAPIxkwYMngaltt9vJyMiIArLuHRMyOlzxoKvLy8taWJP7EC6EXqjl5OSQtbU10tXVVdXT0/MBjLhYTxIRYjKZtC6X6140kLq6OqLT6Q74fP5NsPk1GCIyGo3a3d3dxmggfX19RKFQWCDDFACwBYYrCV4Q0hsNBGoasVgs1Pb29qvCwkIN2PwGwjJDr8mlQCBMvvLy8p2srCw52PwC+gHCKn05ENjlBOocgXCp1Gr1GyZ9sZrSpSUqTzBEUK19TU1NnOnpaX1lZeUTZsF/wpPeiBeCYJrm5+fTpb6hocELh5hjbGzseXd393tmsXGn41r4T030hE5hs9ncm5eXp2Tp4Z5wrnjgDLE7HA5zWVnZCxjrAO2AnAyArlmBnuBmFGBZ2draSnG73Veg1IfckBwOxwcZ5JicnMQ9gLPFzYah+QXCgoin4wkAGy40iGdHMkjIeIYXhlANFxLPdIw3GkQQ1ics65hJIS8WGC72JoIeYcnHMn/a2Y9GcKYohLGXCP8BFWpmgcZYYDgA2kDQua5CLPAvmdFvKXeaUskAAAAASUVORK5CYII=) 10 10,cell!important}header{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:200px;box-shadow:0 4px 30px rgba(0,0,0,.4);display:flex;gap:.6vw;left:50%;margin-top:1.5vh;padding:16px;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);z-index:1}header label{color:#fff;font-size:1rem}.toggle{-webkit-tap-highlight-color:rgba(0,0,0,0);background:#000;border-radius:500px;box-shadow:0 2px 10px rgba(0,0,0,.2);height:25px;width:42px}.toggle:focus{box-shadow:0 0 0 2px #000}.toggle[data-state=checked]{background:#fff}.switch-thumb{background:#fff;border-radius:9999px;box-shadow:0 2px 2px var(--blackA7);display:grid;height:21px;place-items:center;-webkit-transform:translateX(2px);transform:translateX(2px);transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s;width:21px;will-change:transform}.switch-thumb[data-state=checked]{background:#000;-webkit-transform:translateX(19px);transform:translateX(19px)}.switch-thumb[data-state=checked]:before{background:#fff;border-radius:20px 20px 20px 0;content:"";height:50%;width:50%}.note{inset:0 auto auto 0;position:absolute;z-index:2147483647;z-index:var(--max-int)}.create-note-form .pin{cursor:default;height:100%;top:-2px}.pin{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;inset:0 auto auto 0;justify-content:center;position:absolute;width:30px}.pin:before{background-color:#fff;border-radius:20px 20px 20px 0;box-shadow:0 2px 5px rgba(0,0,0,.5);content:"";height:30px;position:relative;transition:scale .15s ease-in-out;width:30px}.note-pin{-webkit-animation:bounceFade .5s ease;animation:bounceFade .5s ease;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.note-pin:hover:before{scale:1.2}.note-pin.pin[data-state=open]:before,.note-pin:hover:before{box-shadow:0 2px 5px rgba(0,0,0,.5),0 0 0 2px #0d99ff;box-shadow:rgba(0,0,0,.5) 0 2px 5px,0 0 0 2px var(--color-active-btn)}.note-pin:after{background:url(https://i.pravatar.cc/300);background-size:contain;border-radius:50%;content:"";display:block;height:22px;position:absolute;width:22px}.create-note-form.pin:before{background:#0d99ff;background:var(--color-active-btn)}form{align-items:center;display:flex;height:100%}form input{border:none;border-radius:6px;box-shadow:2px 2px 5px rgba(0,0,0,.4);font-size:.8em;height:3em;max-width:40vw;padding:0 3em 0 1.2em;width:100%}form button{background:#d9d9d9;background:var(--color-disabled-btn);border:none;border-radius:50%;cursor:pointer;display:grid;height:1.65em;place-content:center;position:absolute;right:4%;transition:background .2s ease-in;width:1.65em}.note-container .comment form button.cancel-button:hover,form button.active,form button:hover{background:#0d99ff;background:var(--color-active-btn)}.note-container .comment form button:hover{background:rgba(13,154,255,.75)}.note-container .comment form button.cancel-button{background:#d9d9d9;background:var(--color-disabled-btn)}form button>svg{fill:#fff}.note-container{--message-header-gap:0.8em;background:#fff;border-radius:3px;box-shadow:2px 2px 5px rgba(0,0,0,.4);display:flex;flex-direction:column;gap:1.5em;max-width:55vw;padding:1.2em;width:338px}.create-note-content,.note-container{-webkit-animation:fadeIn .2s ease;animation:fadeIn .2s ease;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}div[data-radix-popper-content-wrapper]{z-index:2147483647!important;z-index:var(--max-int)!important}.note-header{border-bottom:1px solid rgba(0,0,0,.1);display:flex;justify-content:flex-end;padding-bottom:5px}.note-header .buttons{align-items:center;display:flex;gap:5px}.comments-container{gap:1em;max-height:60vh;overflow:auto}.comment,.comments-container{display:flex;flex-direction:column}.comment{--img-size:1.55em;gap:.5em}.note-container img{border-radius:50%;height:1.55em;height:var(--img-size,1.55em);width:1.55em;width:var(--img-size,1.55em)}.comment-header,.form-container{align-items:center;display:flex;gap:var(--message-header-gap)}.comment-header strong{font-size:.9em;font-weight:600}.comment-header .date{color:rgba(0,0,0,.3);font-size:.8em}.comment-content{font-size:.8em;padding-left:calc(var(--message-header-gap) + var(--img-size));word-break:break-word}.note-container form{align-items:center;display:flex;height:3em;justify-content:left}.note-container .comment form{--form-vertical-space:8px;border:1px solid #0d99ff;border:1px solid var(--color-active-btn);border-radius:6px;display:flex;gap:5px;padding:0 var(--form-vertical-space)}.note-container .comment form>input{all:unset;flex:2 1;font-size:.8em;padding-left:calc(var(--message-header-gap) + var(--img-size) - var(--form-vertical-space));width:100%;word-break:break-word}.note-container .comment form button{background-color:#0d99ff;background-color:var(--color-active-btn);border-radius:50%;display:flex;height:.9em;padding:.3em;position:static;width:.9em}.note-container .comment form button>svg{fill:#fff;height:100%;width:100%}.note-container form input{background:#f5f5f5;background:var(--color-light-gray);box-shadow:none}.edit-button-container{display:flex;flex:2 1;justify-content:flex-end}.note-icons-btn{aspect-ratio:1;border-radius:2px;display:flex;padding:6px}.note-icons-btn:hover{background:#f5f5f5;background:var(--color-light-gray)}.edit-button[data-state=open]{background-color:#0d99ff;background-color:var(--color-active-btn)}.edit-button[data-state=open] svg{color:#fff}.edit-button[data-state=closed]:hover{background:#f5f5f5;background:var(--color-light-gray)}.edit-content{background:#000;border-radius:2px;box-shadow:0 10px 38px -10px rgba(14,18,22,.35),0 10px 20px -15px rgba(14,18,22,.2);color:#fff;padding:8px 0;position:relative}.edit-content:before{border-bottom:5px solid #000;border-left:5px solid transparent;border-right:5px solid transparent;content:"";height:0;left:50%;position:absolute;top:-5px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0}.drop-down-item{font-size:12px;padding:4px 30px}.drop-down-item:hover{background:#0d99ff;background:var(--color-active-btn)}@media screen and (max-width:820px){body{font-size:10px}}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes bounceFade{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceFade{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}*{box-sizing:border-box;font-family:Poppins,sans-serif;list-style:none;margin:0;padding:0;text-decoration:none}:root{--main-text-color:#dfecfb;--footer-text-color:#ababad;--pink-color:#c977e5;--purple-color:#404580}body{background:#030307}a{cursor:pointer}.wrapper{display:flex;flex-direction:column;height:100vh;padding:2em 6em;position:relative;width:100%}.wrapper:before{background:url(https://grainy-gradients.vercel.app/noise.svg) repeat,linear-gradient(180deg,#35394f,#404580);background-blend-mode:overlay;content:"";inset:0;-webkit-mask-image:linear-gradient(rgba(0,0,0,.9),transparent 100%);mask-image:linear-gradient(rgba(0,0,0,.9),transparent 100%);position:absolute;z-index:-1}nav{align-items:center;display:flex;justify-content:space-between}nav .icons{background:linear-gradient(180deg,rgba(0,0,0,.25),#1c1e24);border:1px solid #1e1c22;border-radius:50%;padding:5px}nav .icons svg{fill:#c977e5;fill:var(--pink-color);font-size:1.8em;padding:3px}nav .logo svg{fill:#fff;aspect-ratio:1;height:90px;width:90px}.hero{align-items:center;display:flex;flex:2 1;flex-direction:column;line-height:.85;max-height:40%}.hero h1{color:#dfecfb;color:var(--main-text-color);font-size:6em;font-weight:400}.hero span{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#dfecfb,#7479b1 30%,#6a70af 40%,#404580);background:linear-gradient(180deg,var(--main-text-color) 0,#7479b1 30%,#6a70af 40%,var(--purple-color) 100%);-webkit-background-clip:text;font-size:6.5em;font-weight:100}.hero img{-webkit-filter:saturate(1.6);filter:saturate(1.6);image-rendering:pixelated;-webkit-mask-image:url(https://grainy-gradients.vercel.app/noise.svg),linear-gradient(#000,transparent);mask-image:url(https://grainy-gradients.vercel.app/noise.svg),linear-gradient(#000,transparent);max-width:80vh;top:-37%;width:90vw}.footer{display:flex;justify-content:space-between;margin-top:auto;padding:20px 0}.footer div{align-items:center;color:#ababad;color:var(--footer-text-color);display:flex;flex-direction:column;font-size:.9em}.footer div .description{font-weight:600}.footer div img{margin-top:20px;width:45px}@media screen and (max-width:820px){.wrapper{font-size:9px;padding:2em 3em}.hero{margin-top:auto}.hero img{top:-13%}.footer div img{width:30px}}
/*# sourceMappingURL=main.de89db7c.css.map*/