html{min-height:100%;height:100%;font-size:75%;line-height:1.5}body.splash-body{padding-top:40px;font-family:"Soleil",Arial,Helvetica,sans-serif;color:#000;background:#fff;font-size:16px;line-height:22px}body.login-body,body.signup-body{background:url(/static/media/login-background.5d713ea1.png) 50%;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;margin:0}body.dashboard-body{height:100vh;width:100%;margin:0;padding:0;box-sizing:border-box;overflow:hidden;font-family:"Segoe UI","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}body.dashboard-body>#root{box-sizing:border-box;height:100%;width:100%}body.notebooks-page,body.target-notebook-page{overflow:hidden}body.notebooks-page,body.notes-page,body.target-notebook-page{width:100%;height:100vh;font-family:"Segoe UI","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;margin:0;padding:0}:root{color-scheme:dark}.login-page{background:none;width:auto;border:none;margin:0;padding:0;min-height:100%;display:flex;justify-content:center;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.login-form{background:#fff;max-width:512px;margin:0 auto 28px;padding:62.12px 99px 48px;width:314px;box-shadow:0 4px 24px rgb(0 0 0/10%);border-radius:2px;text-align:left}.login-form-header{text-align:center;color:#aaa}.login-header-logo{margin-bottom:19px;cursor:pointer}.login-logo{height:100px}.login-form-tagline{color:#333;font-size:16px;font-style:normal;font-weight:400;margin-bottom:44px}.form-login,.login-form-items{display:flex;flex-direction:column;justify-content:center;align-items:center}.login-form-email,.login-form-password{outline:2px solid #e6e6e6;border-radius:5px}.login-form-email:focus-within,.login-form-password:focus-within{outline:2px solid #96c0ec}.login-form-email input,.login-form-password input{background-color:initial;border-color:transparent;color:#000;font-size:18px;-webkit-padding-start:10px;padding-inline-start:10px;width:300px;height:30px}.demo-user-button,.login-submit-buttons{padding-top:20px;display:flex;flex-direction:column;grid-gap:10px;gap:10px}.demo-user-button button,.login-submit-buttons button{background:#4488d1;border:transparent;border-radius:5px;height:40px;cursor:pointer;font-size:18px;color:#e6e6e6}.login-submit-buttons button{visibility:visible;transition:background .2s ease-in-out}.demo-user-button button:hover,.login-submit-buttons button:hover{background:#2f6196}.login-submit-buttons-disabled button{visibility:hidden}.login-submit-buttons{visibility:visible;transition:visibility 3s ease-in}.login-submit-buttons-disabled{visibility:hidden;transition:visibility 3s ease-in}.create-account{color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:10px;font-size:16px}.create-account a{text-decoration:none;color:#4488d1;cursor:pointer}.signup-page{background:none;width:auto;border:none;margin:0;padding:0;min-height:100%;display:flex;justify-content:center;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.signup-form{background:#fff;max-width:512px;margin:0 auto 28px;padding:62.12px 99px 48px;width:314px;box-shadow:0 4px 24px rgb(0 0 0/10%);border-radius:2px;text-align:left}.signup-form-header{text-align:center;color:#aaa}.signup-header-logo{margin-bottom:19px;cursor:pointer}.signup-logo{height:100px}.signup-form-tagline{color:#333;font-size:16px;font-style:normal;font-weight:400;margin-bottom:44px}p{margin:0}.form-signup,.signup-form-items{display:flex;flex-direction:column;justify-content:center;align-items:center}.user-form-fields{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.signup-form-email,.signup-form-password{outline:2px solid #e6e6e6;border-radius:5px}.signup-form-email:focus-within,.signup-form-password:focus-within{outline:2px solid #96c0ec}.signup-form-email input,.signup-form-password input{background-color:initial;border-color:transparent;color:#000;font-size:18px;-webkit-padding-start:10px;padding-inline-start:10px;width:300px;height:30px}label{color:#000}.signup-submit-buttons{padding-top:20px;display:flex;flex-direction:column;grid-gap:10px;gap:10px}.signup-submit-buttons button{background:#4488d1;border:transparent;border-radius:5px;height:40px;cursor:pointer;font-size:18px;color:#e6e6e6;visibility:visible;transition:background .2s ease-in-out}.signup-submit-buttons button:hover{background:#2f6196}.signup-submit-buttons-disabled button{visibility:hidden}.signup-submit-buttons{visibility:visible;transition:visibility 3s ease-in}.signup-submit-buttons-disabled{visibility:hidden;transition:visibility 3s ease-in}.login-account{color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:10px;font-size:16px}.login-account a{text-decoration:none;color:#4488d1;cursor:pointer}.error-messages{color:red;font-size:12px;font-style:italic;display:flex;flex-direction:row;grid-gap:10px;gap:10px}@media screen and (min-width:51.75em){p{line-height:1.41666667}}.dar-note-header{background:#fff;position:fixed;top:0;width:100%;z-index:999;transition:all .5s}.on-scroll{box-shadow:0 2px 10px 0 rgb(0 0 0/10%)}.main{z-index:997;background:#fff}.main .nav-bar{display:flex;align-items:center;height:80px;padding:0;position:relative}.nav-bar{margin:0 auto;max-width:1220px;padding:0 40px}.logo{display:inline-block}.logo-link{background-size:contain;height:40px;width:177px}.logo-image,.logo-link{display:block}.main-nav{display:inline-block;margin-left:auto}.nav-items-container{font-size:13px;line-height:21px;font-family:"Soleil",Arial,Helvetica,sans-serif}.nav-items{display:inline-block;font-family:"Soleil 300",Arial,Helvetica,sans-serif;font-size:14px;margin:0 5px}.login-link,.login-link:visited{color:#000;font-size:16px;text-decoration:none}.main-splash-container{padding-top:30px}.main-splash-wrapper{padding:0;margin:0 auto;max-width:1220px}.splash-wrapper,.top-main-splash{text-align:center}.top-main-splash{max-width:80%;margin:0 auto;padding-bottom:30px}.top-main-heading{padding-bottom:10px;font-family:"Soleil 400",Arial,Helvetica,sans-serif;font-size:56px;line-height:150%;font-weight:500}.tag-line{font-size:24px;font-weight:lighter;line-height:40px;padding-bottom:30px}.sign-up-link,.tag-line{font-family:"Soleil",Arial,Helvetica,sans-serif}.sign-up-link{padding-bottom:20px;line-height:21px}.sign-up-button{font-family:"Soleil",Arial,Helvetica,sans-serif;font-size:16px;padding:16px 80px;background:#4488d1;border:0;border-radius:3px;color:#fff;display:inline-block;letter-spacing:1.5px;line-height:150%;text-align:center;text-decoration:none;transition:background .3s ease-in-out}.sign-up-button:hover{background:#86b7ec}.login-second-link{font-size:18px;text-decoration:underline;font-family:"Soleil 300",Arial,Helvetica,sans-serif;line-height:21px}.login-button{text-decoration:none;color:#000;transition:color .1s ease-in-out}.login-button:hover{color:#4488d1}.splash-highlight{display:flex}.splash-highlight-image-container{width:84%;text-align:center;display:flex;align-items:center;margin:0 auto}.splash-highlight-image{width:100%;height:auto;max-width:100%}.highlight-text-container{width:16%;min-width:240px;display:flex;align-items:center}.highlight-text{text-align:left}.highlight-text-items{padding-bottom:20px}.text-title{padding-bottom:10px;font-size:18px;letter-spacing:1px;font-weight:700}.highlight-description-text,.text-title{font-family:"Soleil",Arial,Helvetica,sans-serif;line-height:150%}.highlight-description-text{font-size:16px;letter-spacing:0;font-weight:lighter}.darnote-footer{font-family:"Soleil",Arial,Helvetica,sans-serif;color:#000;font-size:14px;padding:80px 20px;position:relative}.footer-nav-bar{margin-bottom:100px}.footer-logo{border-bottom:3px solid #000;margin-bottom:48px;padding-bottom:48px}.logo-footer{background-image:url(/static/media/Darnote_logo.b96a8c08.svg);background-position:0 0;background-repeat:no-repeat;background-size:contain;display:block;height:40px;width:170px}.footer-nav-bar .nav-bar.footer-links{display:flex}.footer-nav-bar .nav-bar{padding-left:0;padding-right:0;position:relative}.footer-link-section{display:block;flex:1 1 16.666%;max-width:16.666%;padding:10px}.section-header{font-family:"Soleil",Arial,Helvetica,sans-serif;margin-bottom:20px;text-transform:uppercase}.footer-link-section ul,.section-header{line-height:21px;color:inherit;font-size:inherit}.footer-link-section ul{list-style-type:none;font-family:inherit;-webkit-padding-start:0;padding-inline-start:0}.footer-link-section li{line-height:normal;margin:28px 0;list-style-type:none;color:inherit;font-size:inherit}.section-link{font-family:"Soleil",Arial,Helvetica,sans-serif;position:relative;color:#000;text-decoration:none;transition:color .1s ease-in-out;font-size:inherit;cursor:pointer;font-weight:lighter}.section-link:hover{color:#4488d1}@media screen and (max-width:1220px){.main-splash-container .main-splash-wrapper,.main .nav-bar{padding:0 40px}}@media screen and (max-width:1100px){.main{z-index:995}}.modal-header{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-bottom:1px solid #ebebeb;color:#222;font-size:16px;line-height:20px;font-weight:800;box-sizing:border-box}.fa-xmark{cursor:pointer}.modal{align-items:center;bottom:0;left:0;position:fixed;right:0;top:0;background-color:rgba(0,0,0,.5)}.modal,.modal-container{display:flex;flex-direction:column;justify-content:center;z-index:12}.modal-container{background:#262626;border:1px solid #333;border-radius:4px;box-shadow:0 20px 80px rgba(0,0,0,.8);color:#e6e6e6;max-width:990px;min-height:200px;min-width:465px;outline:none}#modal-content{display:flex;flex-direction:column;width:100%;height:100%}.sidebar-container{position:relative}.sidebar-holder{position:static;width:240px;height:100%;max-width:400px;min-width:205px;box-sizing:border-box;overflow:hidden}.sidebar{display:flex;flex-direction:row;width:100%;height:100%;position:absolute;color:#fff;background:#000;z-index:9}.sidebar-wrapper{justify-content:space-between;box-sizing:border-box}.sidebar-list,.sidebar-wrapper{display:flex;flex:50 1;flex-direction:column;overflow:hidden}.sidebar-list{padding:0 0 8px;list-style:none;font-size:100%}.sidebar-list,.sidebar-top-section{border:0;margin:0;vertical-align:initial}.sidebar-top-section{display:flex;align-items:flex-start;justify-content:space-between;font:inherit;font-size:100%;padding:0}.sidebar-user-section{flex-direction:row;height:56px;justify-content:space-between}.sidebar-user-section,.user-name-section{display:flex;align-items:center;box-sizing:border-box}.user-name-section{flex:1 1;flex-direction:row;cursor:pointer;overflow:hidden;padding:6px 0 6px 15px}.user-image-holder{position:relative}.user-image,.user-image-holder{box-sizing:border-box;height:28px;width:28px}.user-image{background-color:initial;background-size:cover;min-width:inherit;background-position:50%;border-radius:28px;display:inline-flex}.user-name-holder{display:flex;flex-direction:column;margin-left:10px;max-width:141px;transition:opacity .3s ease-in-out;opacity:1;box-sizing:border-box}.user-name-wrapper{display:flex;align-items:center;box-sizing:border-box}.user{color:#ccc;font-size:13px;line-height:19px;overflow:hidden;text-align:left;text-overflow:ellipsis;box-sizing:border-box}.evernote-svg{display:inline-block;stroke:#a6a6a6;flex-shrink:0;height:8px;margin-left:9px;width:8px}.sidebar-search-new-section{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:initial;box-sizing:border-box;font-family:"Segoe UI","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}.sidebar-search-container{align-items:center;border-radius:5px;justify-content:center;max-width:300px;position:relative;z-index:1;box-sizing:border-box}.sidebar-search-wrapper{margin:0 12px;padding:2px 0 3px;box-sizing:border-box}.sidebar-search{background:#404040;border-radius:40px;outline:1px solid transparent;padding:0 14px;position:relative;box-sizing:border-box}.search-mag-glass{left:6px;position:absolute;top:6px}.search-bar,.search-mag-glass{color:#ccc;box-sizing:border-box}.search-bar{font-size:14px;height:36px;line-height:30px;padding:0 12px 1px 18px;width:100%;font-weight:400;overflow:visible;background-color:initial;border-style:none;margin:0}.search-drop-down-hidden{width:256px;visibility:hidden;box-shadow:1px 0 4px rgb(0 0 0/15%);align-items:center;background-color:#333;border-radius:4px 4px 0 0;justify-content:center;left:9px;margin-top:-45px;outline:1px solid transparent;padding:5px 10px;position:absolute;z-index:10}.search-drop-down-container{padding:3px 0}.search-drop-down-wrapper{background:#333;border-radius:40px;padding:0 14px;position:relative}.dropdown-mag-glass{left:-1px;top:4px;color:#ccc;position:absolute}.search-dropdown-bar{box-sizing:border-box;caret-color:#e6efe6;color:#e6efe6;font-size:14px;height:30px;width:100%;padding:0 5px 0 10px;font-weight:400;overflow:visible;background-color:initial;border-style:none;margin:0}.sidebar-new-container{max-width:300px;position:relative}.sidebar-new-wrapper{align-items:center;color:#000;display:flex;margin:8px 12px}.sidebar-new-button{display:inline-flex;background-color:#4488d1;border-radius:20px;height:36px;justify-content:left;outline:1px solid transparent;padding:0;width:100%;align-items:center;font-size:14px;font-weight:400;letter-spacing:0;line-height:1;margin:0;text-align:center;vertical-align:middle;overflow:visible;border-style:none;cursor:pointer;transition:box-shadow .1s ease-in-out}.sidebar-new-button:hover{box-shadow:inset 0 40px 12px rgba(28,28,29,.25),inset 0 -40px 12px rgba(70,150,240,.25)}.new-create-icon{margin-left:6px;margin-right:2px;min-width:24px}.new-button-name{color:#fff}.new-button-arrow{position:absolute;right:20px;stroke:#fff}.user-action-links{flex:1 1;flex-direction:column;display:flex;list-style:none;border:0;font-size:100%;margin:0;padding:10px 0 0}.user-action-links li{border:0;font-size:100%;margin:0;padding:0}.dashboard-page-link{color:#a6a6a6;align-items:center;cursor:pointer;display:flex;font-size:16px;padding:4px 8px 4px 18px;position:relative;text-decoration:none;width:100%;font-weight:400;border:0;margin:0}.disabled{cursor:not-allowed}.dashboard-page-link:hover{background-color:#333}.user-link-name{margin-left:2px}.user-action-items-links{position:absolute;width:100%;height:250px}.lower-sidebar-section{position:relative;height:100vh}.lower-sidebar-section-wrapper{display:flex;flex:1 1;flex-direction:column;padding:0 1px 1px 0;overflow-x:hidden;position:relative;width:100%}.sidebar-notes-link{position:absolute;top:0;height:32px;width:100%}.sidebar-notes-link a{position:-webkit-sticky;position:sticky;z-index:1;top:0;height:24px;width:214px}.sidebar-task-button{position:absolute;top:32px;height:32px;width:100%}.task-button{height:24px;position:-webkit-sticky;position:sticky;top:0;z-index:1;color:#a6a6a6;font-size:16px;padding:4px 8px 4px 18px;display:flex;align-items:center;cursor:not-allowed}.task-button:hover{background-color:#333}.sidebar-spacer{top:64px;position:absolute;height:12px;width:100%}.sidebar-notebooks-link{position:absolute;top:75px;height:32px;width:100%}.sidebar-notebooks-link a{width:214px;height:24px}.sidebar-tags-button{position:absolute;top:108px}.sidebar-tags-button div{width:214px;height:24px}.sidebar-trash-link{position:absolute;top:150px;height:44px;width:100%;vertical-align:initial}.trash-link-wrapper{height:44px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.sidebar-trash-link a{width:214px;height:24px}.sidebar-bottom-separator{margin:0;padding:0;width:100%;height:0;border-color:#1a1a1a;background-color:#fff;overflow:visible}.sidebar-logout-button-container{background-color:#000;width:100%;border:0;margin:0;list-style-type:none;padding:10px 0 0;height:30px}.sidebar-logout-button-wrapper{position:relative}.sidebar-logout-button{width:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}.sidebar-logout-button button{background-color:initial;border:none;color:#a6a6a6;font-size:16px;cursor:pointer;width:240px}.sidebar-logout-button-container:hover{background-color:#333}@media screen and (max-height:390px){.user-action-links{overflow:scroll}}.new-notebook-header{display:block;padding:20px 25px 10px;border:0;font-size:100%;margin:0}.new-header-items{align-items:flex-start;display:flex;justify-content:space-between}.new-header-title{word-wrap:break-word;color:#e6e6e6;flex-grow:1;font-size:18px;margin:0;max-width:500px;font-weight:500;border:0;padding:0}.new-header-items button{padding:0;overflow:visible;background-color:initial;border-style:none;font-size:1em;margin:0}.exit-button{width:24;height:24;font-size:1em;cursor:pointer}.new-notebook-tagline{padding-top:5px;color:#a6a6a6;font-size:14px;font-weight:inherit;line-height:20px;margin:0;max-width:500px;border:0}.new-notebook-dash-form{padding:0 25px}.form-name{font-size:12px;margin-bottom:5px;display:block;font-weight:500;color:#fff}.form-name-input{border:1px solid #4d4d4d;border-radius:5px;font-size:12px;cursor:text;display:flex;height:40px;justify-content:center;overflow:hidden;position:relative;width:100%;padding:0 8px;transition:border .18s ease-in-out}.form-name-input:focus-within{border:1px solid #00a3f4}.form-name-input-field{transition:border .18s ease-in-out;font-size:16px;background:transparent;border:none;color:#e6e6e6;outline:none;width:100%;z-index:1;overflow:visible;margin:0}.form-name-input-field:focus-visible{outline-offset:0}.spacer{min-height:58px;padding-top:8px}.dash-new-notebook-action-buttons{border-top:1px solid #333;position:relative;padding:20px 25px}.action-buttons{display:flex;flex-direction:row-reverse;justify-content:flex-start;margin-top:0;width:100%}.cancel-new-notebook-dash{margin:0 10px 0 0;order:1;background-color:initial;border:1px solid #737373;align-items:center;border-radius:4px;display:inline-flex;font-size:14px;font-weight:400;justify-content:center;letter-spacing:0;line-height:1;padding:10px 15px;transition:background .1s ease-out,border .1s ease-out;cursor:pointer}.cancel-new-notebook-dash:hover{background:hsla(0,0%,90.2%,.1843137254901961);border:1px solid #fff}.create-new-notebook-dash-disabled{cursor:not-allowed;background-color:#404040;border:1px solid #404040;color:#737373;border-radius:4px}.create-new-notebook-dash-active,.create-new-notebook-dash-disabled{align-items:center;display:inline-flex;font-size:14px;font-weight:400;justify-content:center;letter-spacing:0;line-height:1;margin:0;padding:10px 15px}.create-new-notebook-dash-active{background-color:#4488d1;border:1px solid #1e57dc;color:#000;cursor:pointer;border-radius:4px}.create-new-notebook-dash-active:hover{background-color:#7fb3eb}.notebook-error-messages{padding-top:5px;color:#ff7070;font-weight:300;font-size:14px}@media screen and (max-height:400px){.new-notebook-tagline{padding-top:10px}.dash-new-notebook-action-buttons{padding:10px 25px}}.dashboard{flex-flow:column nowrap;height:100vh;font-weight:400}.dashboard,.dashboard-container{display:flex;width:100%;box-sizing:border-box;min-height:100%;min-width:100%}.dashboard-container{flex:1 1;overflow:hidden;height:100%}.dashboard-holder{display:flex;flex-direction:column;height:100%;width:100%;box-sizing:border-box}.dashboard-wrapper{display:flex;flex:1 1;overflow:hidden;box-sizing:border-box}.dashboard-main-body{display:flex;flex-direction:column;box-sizing:border-box;overflow-x:hidden;width:100%;position:relative}.main-body-container{margin-right:0;background-color:#000;border-left:1px solid #262626;flex:1 1;height:100%;overflow-x:hidden;overflow-y:auto;position:relative;z-index:1}.main-body-header,.top-main-body{height:460px;width:100%}.main-body-header{overflow:hidden;position:absolute}.main-header-image{background-attachment:scroll;background-color:#ccc;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;right:0;top:0}.lower-main-body{box-sizing:border-box;margin:-162px 24px 24px;max-width:2320px}.dashboard-components-grid{display:grid;grid-gap:24px;grid-auto-rows:360px;grid-template-columns:repeat(3,minmax(0,1fr));box-sizing:border-box;min-width:288px}.notes-dashboard-quad,.notes-quad-container{box-sizing:border-box;z-index:1}.notes-quad-container{display:flex;border-radius:8px;flex-direction:column;background-color:#1a1a1a;box-shadow:1px 2px 6px rgba(0,0,0,.14902);position:relative;height:100%;outline:1px solid transparent;overflow:scroll}.notes-quad-header{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;height:50px;padding:16px 0 10px;flex:none}.notes-quad-title-container{flex:1 1 auto;overflow:hidden;padding:0;box-sizing:border-box;line-height:1;margin:0 10px 0 12px}.notes-view-button{display:flex;border-radius:3px;max-width:100%;padding:0 10px 0 4px;cursor:pointer;transition:background-color .25s linear;-webkit-appearance:button;appearance:button;background-color:initial;border:#767676;overflow:visible;font-size:1em;margin:0}.notes-view-button:hover{background-color:#737373}.notes-view-title{display:inline-block;font-size:14px;line-height:16px;padding:4px 0;text-transform:uppercase;color:#e6e6e6;vertical-align:middle;font-weight:500;overflow:hidden;text-overflow:ellipsis;border:0;margin:0;box-sizing:border-box}.notes-view-icon{flex-shrink:0;width:11px;height:11px;margin:6px 0 7px 10px;box-sizing:border-box}.notes-quad-body{box-sizing:border-box;border-radius:0 0 8px 8px;flex:1 1 auto;overflow:hidden;position:relative;width:100%}.notes-quad-container-inner{display:flex;flex-direction:column;height:100%;box-sizing:border-box}.notes-container{flex:1 1 auto;overflow-x:scroll;box-sizing:border-box;border-radius:0 0 8px 8px}.notes-wrapper{flex-direction:row;float:left;height:100%;padding:18px 5px 5px 17px}.go-to-note-button,.notes-wrapper{display:flex;box-sizing:border-box}.go-to-note-button{flex-direction:column;font-size:16px;font-weight:400;outline:2px solid transparent;overflow:hidden;position:relative;cursor:pointer;-webkit-appearance:button;appearance:button;background-color:#262626;border:0;box-shadow:0 0 6px 0 rgba(0,0,0,.2);flex:none;height:258px;width:172px;max-height:258px;margin:0 12px 0 0;border-radius:8px}.notes-button{display:flex;flex-direction:column;justify-content:space-between;width:100%;box-sizing:border-box;padding-top:16px}.notes-button-header{padding:0 16px;box-sizing:border-box}.notes-button-title{position:relative;overflow:hidden;text-overflow:ellipsis;color:#e6e6e6;font-weight:600;margin-bottom:2px}.notes-button-body,.notes-button-title{text-align:left;font-size:14px;line-height:18px;padding-bottom:2px;max-width:100%;box-sizing:border-box}.notes-button-body{color:#a6a6a6}.create-note-paper{display:flex;flex-direction:column;font-size:16px;font-weight:400;position:relative;overflow:hidden;box-sizing:border-box;flex:none;height:258px;width:172px;background-color:#262626;box-shadow:0 0 6px 0 rgba(0,0,0,.2);margin:0 12px 0 0;border:0;border-radius:8px;cursor:pointer;outline:2px solid transparent;transition:background .2s ease-out;align-items:center;justify-content:center}.create-note-paper:hover{background:hsla(0,0%,59.6%,.149)}.fa-file-circle-plus{color:#4488d1}.create-note-body{display:flex;flex-direction:column;grid-gap:20px;gap:20px;align-items:center}.notes-side-left{background:linear-gradient(270deg,rgba(26,26,26,.02),#1a1a1a)}.notes-side-left,.notes-side-right{position:absolute;left:0;bottom:16px;top:30px;width:24px;z-index:1}.notes-side-right{background:linear-gradient(90deg,rgba(26,26,26,.02),#1a1a1a)}.tags-dashboard-quad,.task-dashboard-quad{z-index:1}.task-quad-container{background-color:#1a1a1a;border-radius:8px;box-shadow:1px 2px 6px rgba(0,0,0,.14902);display:flex;flex-direction:column;height:100%;outline:1px solid transparent;overflow:hidden;position:relative;z-index:1;text-align:center;width:100%}.task-quad-header{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;height:50px;padding:16px 0 10px;flex:none}.task-quad-title-container{flex:1 1 auto;overflow:hidden;padding:0;box-sizing:border-box;line-height:1;margin:0 10px 0 12px}.task-view-button{display:flex;border-radius:3px;max-width:100%;padding:0 10px 0 4px;cursor:pointer;transition:background-color .25s linear;-webkit-appearance:button;appearance:button;background-color:initial;border:#767676;overflow:visible;font-size:1em;margin:0}.task-view-button:hover{background-color:#737373}.task-view-title{display:inline-block;font-size:14px;line-height:16px;padding:4px 0;text-transform:uppercase;color:#e6e6e6;vertical-align:middle;font-weight:500;overflow:hidden;text-overflow:ellipsis;border:0;margin:0;box-sizing:border-box}.task-view-icon{flex-shrink:0;width:11px;height:11px;margin:6px 0 7px 10px;box-sizing:border-box}svg{fill:currentColor;vertical-align:middle}.task-quad-body{height:100%;border-radius:0 0 8px 8px;flex:1 1 auto;overflow:hidden;position:relative;width:100%}.task-quad-wrapper{margin:0 auto}.empty-task-message{max-width:360px;color:#a6a6a6;font-size:16px;line-height:20px;margin:16px auto;max-height:60px;min-height:40px;padding:0 24px;overflow:hidden;text-overflow:ellipsis;border:0;vertical-align:initial}.empty-new-task-button-container{display:flex;flex-direction:column;margin:0 auto;width:100%}.empty-new-task-button-wrapper{display:inline-block;max-width:100%;padding:0 32px}.empty-new-tags-button,.empty-new-task-button{display:flex;color:#4488d1;background-color:initial;border:1px solid #737373;border-radius:4px;cursor:pointer;font-size:16px;line-height:16px;margin:0 auto;max-width:100%;min-width:102px;padding:0;overflow:visible;font-weight:600;transition:border .2s linear;cursor:not-allowed}.empty-new-tags-button:hover,.empty-new-task-button:hover{border:1px solid #4488d1}.empty-new-tags-button-title,.empty-new-task-button-title{display:inline-block;overflow:hidden;padding:7px 16px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.tags-quad-header{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;height:50px;padding:16px 0 10px;flex:none}.tags-quad-title-container{flex:1 1 auto;overflow:hidden;padding:0;box-sizing:border-box;line-height:1;margin:0 10px 0 12px}.tags-view-button{display:flex;border-radius:3px;max-width:100%;padding:0 10px 0 4px;cursor:pointer;transition:background-color .25s linear;-webkit-appearance:button;appearance:button;background-color:initial;border:#767676;overflow:visible;font-size:1em;margin:0}.tags-view-button:hover{background-color:#737373}.tags-view-title{display:inline-block;font-size:14px;line-height:16px;padding:4px 0;text-transform:uppercase;color:#e6e6e6;vertical-align:middle;font-weight:500;overflow:hidden;text-overflow:ellipsis;border:0;margin:0;box-sizing:border-box}.tags-view-icon{flex-shrink:0;width:11px;height:11px;margin:6px 0 7px 10px;box-sizing:border-box}.tags-quad-container{text-align:center;width:100%;background-color:#1a1a1a;border-radius:8px;box-shadow:1px 2px 6px rgba(0,0,0,.14902);display:flex;flex-direction:column;height:100%;outline:1px solid transparent;overflow:hidden;position:relative;z-index:1}.tags-quad-wrapper{margin:0 auto}.empty-tags-message{max-width:355px;color:#a6a6a6;font-size:16px;line-height:20px;margin:16px auto;max-height:60px;min-height:40px;padding:0 24px;overflow:hidden;text-overflow:ellipsis;border:0;vertical-align:initial}.empty-new-tags-button-container{display:flex;flex-direction:column;margin:0 auto;width:100%}.empty-new-tags-button-wrapper{display:inline-block;max-width:100%;padding:0 24px}.tags-quad-body{border-radius:0 0 8px 8px;flex:1 1 auto;overflow:hidden;position:relative;width:100%}.notebooks-dashboard-quad{box-sizing:border-box;z-index:1}.notebooks-quad-container{display:flex;flex-direction:column;height:100%;outline:1px solid transparent;overflow:scroll;position:relative;background-color:#1a1a1a;border-radius:8px;box-shadow:1px 2px 6px rgba(0,0,0,.14902);z-index:1}.notebooks-quad-header{display:flex;flex:none;flex-direction:row;height:50px;padding:16px 0 10px;box-sizing:border-box;align-items:center}.notebooks-quad-title-container{margin:0 10px 0 12px;overflow:hidden;flex:1 1 auto;padding:0;box-sizing:border-box;line-height:1}.notebooks-view-button{display:flex;max-width:100%;padding:0 10px 0 4px;cursor:pointer;overflow:visible;margin:0;font-size:1em;background-color:initial;border-style:none;border-radius:3px;box-sizing:border-box;-webkit-appearance:button;appearance:button}.notebooks-view-button:hover{background-color:#737373}.notebooks-view-title{display:inline-block;font-size:14px;line-height:16px;padding:4px 0;text-transform:uppercase;vertical-align:middle;text-overflow:ellipsis;overflow:hidden;margin:0;border:0;color:#e6e6e6;font-weight:500;box-sizing:border-box}.notebooks-view-icon{flex-shrink:0;width:11px;height:11px;margin:6px 0 7px 10px;box-sizing:border-box}.notebooks-quad-body{box-sizing:border-box;border-radius:0 0 8px 8px;flex:1 1 auto;overflow:hidden;position:relative;width:100%}.notebooks-quad-container-inner{display:flex;flex-direction:column;height:100%;box-sizing:border-box}.notebooks-quad-wrapper{flex:1 1 auto;overflow-x:scroll;box-sizing:border-box;border-radius:0 0 8px 8px}.notebooks-wrapper{flex-direction:row;float:left;height:100%;padding:18px 5px 5px 17px}.notebook-item,.notebooks-wrapper{display:flex;box-sizing:border-box}.notebook-item{background-color:#262626;border:solid #333;border-left:16px solid #333;border-radius:0 8px 8px 0;box-shadow:0 1px 6px rgba(0,0,0,.2);color:#e6e6e6;cursor:pointer;max-height:258px;transition:background .2s ease-out;margin-right:13px;min-width:172px}.notebook-item:hover{background:hsla(0,0%,59.6%,.149)}.notebook-item-body{display:flex;flex-direction:column;justify-content:space-between;padding:31px 15px 15px 16px;width:151px;border-left:4px solid #1a1a1a;box-sizing:border-box}.notebook-item-title{font-size:14px;overflow:hidden;text-overflow:ellipsis;font-weight:600;border:0;margin:0;padding:0;box-sizing:border-box}.create-notebook-book{background:#262626;border-left:16px solid #333;border-radius:0 8px 8px 0;box-shadow:0 1px 6px rgba(0,0,0,.2);cursor:pointer;height:100%;max-height:258px;width:172px;transition:background .2s ease-out;box-sizing:border-box}.create-notebook-book:hover{background:hsla(0,0%,59.6%,.149)}.create-notebook-body{display:flex;flex-direction:column;justify-content:center;align-items:center;border-left:4px solid #1a1a1a;height:100%;text-align:center;box-sizing:border-box}.fa-circle-plus{color:#4488d1}.create-notebook-title{border:0;padding:0;margin:12px 0 0;line-height:20px;font-size:16px;color:#e6e6e6;font-weight:500;box-sizing:border-box}@media screen and (min-width:1020px){.notes-dashboard-quad{grid-column:span 2}.notebooks-dashboard-quad,.task-dashboard-quad{grid-column:span 1}}@media screen and (min-width:500px){.notes-wrapper,.notes-wrapper:hover{overflow:scroll}}.notebooks-view-page{display:flex;flex:1 1;overflow:hidden}.notebook-view-container{flex-direction:column;display:flex;height:100vh;width:100%}.notebook-view-wrapper{display:flex;flex:1 1;overflow:hidden}.notebook-page-view-body{display:flex;position:relative;width:100%;flex-direction:column;overflow-x:hidden;height:400}.notebooks-page-body-container{display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;min-height:280px}.notebooks-page-body-holder{padding-right:0;display:flex;flex:1 1;justify-content:left;min-width:500px;overflow:auto;position:relative}.notebooks-page-body-main{display:flex;flex-direction:column;flex-grow:1;min-height:220px;padding:0 30px;background-color:#181717}.notebooks-page-view-header{display:flex;margin-left:auto;width:100%;min-height:80px;font-size:15px;align-items:center;color:#d9d9d9}.notebooks-page-view-title{flex:1 1;font-size:20px;padding-right:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;color:#d9d9d9}.notebooks-user-actions{display:flex;height:24px;min-height:24px;margin:10px 0;font-size:15px;color:#d9d9d9;font-weight:500;align-items:center}.number-of-notebooks{margin-right:auto}.new-notebook-view-page{padding:0 5px 0 0}.new-notebook-view-page,.notebooks-page-new-notebook{display:flex;color:#4488d1;float:right;font-size:14px;font-weight:500;line-height:24px;outline:none;cursor:pointer;background-color:initial;border-style:none;margin:0}.notebooks-page-new-notebook{padding:0}.notebooks-page-view-container{height:100%;border-top:2px solid #737373;font-size:14px;width:100%;font-weight:400;display:flex;flex-direction:column}.notebook-table-header{display:flex;background-color:#1a1a1a;border-bottom:1px solid #262626;border-left:none;border-right:none;color:#bcbcbc;flex-basis:36px;flex-direction:row;font-size:11px;font-weight:400;height:37px;line-height:20px;text-align:left}.notebook-title-table{flex-basis:30%;font-weight:400;min-width:0}.notebook-author-table,.notebook-title-table{display:flex;color:#a6a6a6;align-items:center;flex:1 0;padding:.5rem;text-align:left}.notebooks-actions-table{display:flex;color:#a6a6a6;justify-content:flex-end;text-align:right;align-items:center;flex:1 0;padding:.5rem}.notes-list-editor-container{display:flex;flex-direction:column;position:relative;width:100%;box-sizing:border-box;font-weight:400}.notes-list-editor-holder{display:flex;flex-direction:column;flex:1 1;min-height:280px;box-sizing:border-box}.notes-list-editor-wrapper{display:flex;flex:1 1;justify-content:left;min-width:500px;position:relative;padding-right:0;box-sizing:border-box}.notes-list-section{flex-shrink:0;width:280px;max-width:280px;min-width:280px}.notes-list-container,.notes-list-section{position:relative;box-sizing:border-box;height:100%}.notes-list-container{display:flex;flex-flow:column nowrap}.notes-list-holder{display:flex;flex-direction:column;flex:1 1;width:100%;background:#1a1a1a;z-index:0;box-sizing:border-box}.notes-list-header-container{border:0;border-bottom:1px solid #262626;font-size:100%;margin:0;vertical-align:initial;box-sizing:border-box;padding:18px 16px 0 20px}.notes-list-header-title-container{display:flex;align-items:center;box-sizing:border-box;margin-bottom:12px;min-width:0;width:100%}.fa-note-sticky{margin-right:7px;margin-top:5px;flex-shrink:0;box-sizing:border-box;color:#d9d9d9}.notes-list-header-title{flex:1 1;font-size:20px;letter-spacing:.03em;line-height:28px;min-height:28px;min-width:20px;text-overflow:ellipsis;color:#d9d9d9;font-weight:400;border:0;margin:0;padding:0;box-sizing:border-box}.notes-list-header-number{display:flex;height:26px;line-height:24px;margin:0 -3px 11px 0;padding-left:4px;box-sizing:border-box}.notes-list-header-number-wrapper{display:flex;align-items:flex-end;align-self:center;flex:1 1;font-size:14px;min-width:50px;font-weight:400;box-sizing:border-box;color:#a6a6a6}.my-notes-list-container{display:block;box-sizing:border-box;position:relative;height:100%}.my-notes-list-holder{box-sizing:border-box;height:0;width:auto}.my-notes-list-wrapper{box-sizing:border-box;position:relative;width:279px;height:394px}.my-notes-list{position:absolute;width:100%;height:360px;box-sizing:border-box}.list-note-container{position:relative;height:120px;width:100%;box-sizing:border-box}.list-note-button-active{background:#262626;border:2px solid #737373;z-index:2}.list-note-button,.list-note-button-active{display:block;cursor:pointer;box-shadow:0 0 0 1px #262626;color:#4d4d4d;font-size:13px;height:100%;width:100%;outline:1px solid transparent;overflow:hidden;padding:14px 24px;position:relative;text-decoration:none;-webkit-appearance:button;appearance:button}.list-note-button{background:#1a1a1a;border:2px solid transparent;transition:background .1s ease-out}.list-note-button:hover{background:rgba(38,38,38,.3803921568627451)}.list-note-button-body{display:flex;height:87px}.list-note-button-body-container{display:flex;height:87px;box-sizing:border-box}.list-note-button-body-holder{display:flex;flex-direction:column;flex:68 1;justify-content:space-between;overflow:hidden;box-sizing:border-box;text-align:start}.list-note-button-body-wrapper{display:flex;flex-direction:column;grid-gap:10px;gap:10px;font-size:13px;color:#e6e6e6;box-sizing:border-box;text-overflow:ellipsis}.notes-editor-section-container{display:flex;box-sizing:border-box;background-color:#262626;flex-flow:column nowrap;flex-grow:1;min-width:500px;overflow:hidden}.notes-editor-controls{display:grid;align-items:center;grid-template-columns:auto 1fr auto;height:44px;padding:8px 12px 4px;box-sizing:border-box;font-weight:400}.notebook-select-field-button-holder{display:flex;align-items:center;min-width:220px;white-space:nowrap;box-sizing:border-box}.notebook-select-field-button-wrapper{display:flex;align-items:center;max-width:100%;min-width:0;box-sizing:border-box}.notebook-select-field-button{display:flex;background-color:#4488d1;border:none;align-items:center;border-radius:3px;padding:2px 7px;cursor:pointer;width:auto;min-width:58px;height:28px;grid-gap:4px;gap:4px}.notes-editor-title input{width:100%;height:50px;font-size:30px;border:none;background-color:initial;font-style:italic;outline:none;-webkit-padding-start:10px;padding-inline-start:10px}.ql-container.ql-snow,.ql-toolbar.ql-snow{border:none}.ql-editor.ql-blank:before,.ql-snow .ql-picker{color:#a6a6a6}
/*# sourceMappingURL=main.d1d09af6.chunk.css.map */