#note-activity{flex-direction:column;height:100%}#note-activity .canvas-container{margin:0 auto;width:var(--app-max-width)}#note-activity #btn-add-new-page{background:#cecece;border-radius:0;padding:20px;width:100%;z-index:9}.note-page__canvas-wrap{text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-moz-text-size-adjust:none;margin:0;margin-bottom:10px;position:relative}.note-page__canvas{background:#fff;width:100%}.note-page__canvas.loading{opacity:.5;pointer-events:none}.note-page__eraser-indicator{border:1px solid #a1a1a1;border-radius:100%;pointer-events:none;position:absolute;z-index:9}.note-page__eraser-indicator>.inner{border-radius:100%;height:100%;left:0;opacity:.2;position:absolute;top:0;width:100%}.note-page__selection{border:1px dashed #000;pointer-events:none;position:absolute}.note-page__selection-box{pointer-events:auto!important;position:absolute;z-index:2}.note-page__selection-box>.inner{border:1px solid red;cursor:move;width:100%}.note-page__selection-box .handle{height:20px;position:absolute;width:20px}.note-page__selection-box .handle.handle-nw{cursor:nw-resize;left:-10px;top:-10px}.note-page__selection-box .handle.handle-ne{cursor:ne-resize;right:-10px;top:-10px}.note-page__selection-box .handle.handle-se{bottom:-5px;cursor:se-resize;right:-10px}.note-page__selection-box .handle.handle-sw{bottom:-5px;cursor:sw-resize;left:-10px}.note-page__selection-box .handle:after{background:red;content:"";height:8px;left:50%;opacity:.5;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .5s;width:8px}.note-page__selection-box .handle:hover:after{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.handwriting-to-text .detected-language{display:block;font-size:12px}.translation-result .disabled a{color:#000;text-decoration:none}.translation-result .result-row{display:flex}.translation-result .translator{border-top:1px solid #acacac;margin-top:10px;padding-top:10px}.translation-result .translator .result-row{margin-bottom:10px;padding-bottom:10px}.translation-result .left{display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;justify-content:center;padding-right:20px}@media screen and (max-width:350px){.translation-result .left{padding-right:10px}}.translation-result .result{display:flex;flex-direction:column;justify-content:center;padding-right:15px}.ContainerWithMenu+.menu{font-size:18px;position:fixed;text-align:center;top:0;white-space:nowrap;z-index:9}.ContainerWithMenu+.menu ul{background:#000;border-radius:9px;display:inline-block;list-style-type:none;margin:0;padding:5px}.ContainerWithMenu+.menu ul li{display:inline-block}.ContainerWithMenu+.menu ul li a{color:#fff;display:inline-block;padding:0 15px;text-decoration:none}.ContainerWithMenu+.menu ul li:not(:last-child) a{border-right:1px solid #fff}.app-modal{overflow:hidden;z-index:99}.app-modal,.app-modal .backdrop{height:100%;left:0;position:fixed;top:0;width:100%}.app-modal .backdrop{background:#000;opacity:.3}.app-modal .modal{background:#fff;border-radius:10px;box-shadow:0 0 20px 0 #8f8f8f;left:50%;max-width:calc(100% - 40px);padding:14px;position:fixed;top:50%;transform:translate(-50%,-50%);transition:all .15s;width:600px;z-index:100}.app-modal .modal header{display:flex;font-weight:700;justify-content:space-between}.app-modal .modal header .btn-close{cursor:pointer;padding:10px;transform:translate(10px,-10px)}.app-modal .modal .content{margin:0 0 15px}.app-modal .modal .content input{border:1px solid #cacaca;padding:4px;width:100%}.app-modal .modal .content input:focus{border-color:#9a9a9a;outline:none}.app-modal .modal .buttons ul{display:flex;justify-content:flex-end;list-style-type:none;margin:0;padding:0}.app-modal .modal .buttons ul li:not(:last-child){margin-right:3px}.app-modal .modal .buttons button{background:none;border:none;cursor:pointer}.app-modal .modal .buttons button:not(:disabled).importance-secondary{color:#595959}.app-modal.animate-jump .modal{transform:translate(-50%,-50%) scale(1.05)}.app-modal.app-prompt .modal .content>form>p{margin:0 0 10px}.note-page__edittext{font-size:45px;height:calc(100% - 60px);left:30px;line-height:50px;outline:none;position:absolute;top:30px;width:calc(100% - 60px);z-index:3}.note-page__edittext:not(.editable){pointer-events:none}.note-page__edittext p{margin:0;outline:none;padding:0}.AppIcon{display:inline-block}.AppIcon>span>svg{height:100%}.bottom-toolbar{background:var(--toolbar-background);bottom:calc(var(--screen-height) - var(--viewport-height));box-shadow:0 0 5px 1px #bdbdbd;height:var(--toolbar-height);left:0;position:absolute;z-index:99}.bottom-toolbar,.bottom-toolbar ul{display:flex;justify-content:center;overflow-x:auto;width:100%}.bottom-toolbar ul{list-style-type:none;margin:0;padding:0 15px}.bottom-toolbar ul li{max-width:160px;width:100%}.bottom-toolbar-button__settings-container{background:#fff;border-radius:10px;box-shadow:0 0 20px 0 #8f8f8f;max-width:calc(100vw - 20px);padding:10px 15px;position:fixed;width:260px;z-index:10}.bottom-toolbar-button a{border-radius:10px;color:var(--toolbar-button-color);display:flex;flex-direction:column;height:calc(100% - 4px);justify-content:center;margin-top:2px;min-width:45px;text-align:center;text-decoration:none;transition:background .25s}.bottom-toolbar-button a>.inner{display:block}.bottom-toolbar-button a:hover{background:var(--button-hover-bg)}.bottom-toolbar-button a .icon{display:block;font-size:18px}.bottom-toolbar-button a label{cursor:pointer;display:block;font-size:.7em}.ColorSelectionField{padding:5px 0}.ColorSelectionField ul.colors{display:flex;flex-direction:row;list-style-type:none;margin:8px 0;padding:0;width:100%}.ColorSelectionField ul.colors li{flex-grow:1;position:relative}.ColorSelectionField ul.colors li a{display:inline-block;height:100%;padding-bottom:100%;position:relative;transition:all .25s;width:100%}.ColorSelectionField ul.colors li:not(.selected) .AppIcon{opacity:0}.ColorSelectionField ul.colors li:first-child a{border-radius:5px 0 0 5px}.ColorSelectionField ul.colors li:last-child a{border-radius:0 5px 5px 0}.ColorSelectionField ul.colors li.selected a{border-radius:5px;display:flex;font-weight:700;justify-content:center;text-align:center;transform:scale(1.3);z-index:2}.ColorSelectionField ul.colors li.selected a .AppIcon{color:#fff}.bottom-container{background:#fff;border-radius:10px 10px 0 0;bottom:-100%;box-shadow:0 0 20px 0 #8f8f8f;left:50%;max-width:800px;padding:30px;position:fixed;transform:translateX(-50%);transition:bottom .5s ease-in-out,bottom .5s;width:calc(100% - 50px);z-index:999}@media screen and (max-width:600px){.bottom-container{padding:30px 20px;width:calc(100% - 30px)}}@media screen and (max-width:350px){.bottom-container{width:calc(100% - 20px)}}.bottom-container.shown{border-radius:10px 10px 0 0;bottom:0}.bottom-container .btn-close{background:none;border:none;cursor:pointer;font-size:20px;position:absolute;right:10px;top:10px}.RangeSelectorContainer{display:flex;width:100%}.RangeSelectorContainer button{flex-grow:0;flex-shrink:0;height:35px;width:20px}.RangeSelector{--color:#3b7eff;padding:10px 15px;position:relative;width:100%}.RangeSelector .inner{background:linear-gradient(90deg,#f9f9f9,#ddd);border-radius:10px;cursor:pointer;height:15px;overflow:hidden;position:relative}.RangeSelector .inner .indicator{height:100%;left:0;position:absolute;top:0}.RangeSelector .handle{background:#fff;border-radius:100%;box-shadow:0 0 4px 0 #8f8f8f;color:#000;cursor:pointer;font-size:10px;height:25px;left:0;line-height:25px;position:absolute;text-align:center;top:5px;width:25px}.file-dropper{height:100%;position:relative}.file-dropper .drop-indicator{display:flex;flex-direction:column;font-size:2em;font-weight:700;justify-content:center;text-align:center;z-index:9}.file-dropper .drop-indicator,.file-dropper .drop-indicator:before{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.file-dropper .drop-indicator:before{background:#000;content:"";display:block;opacity:.2}.page-list{background:#efefef;box-shadow:0 0 20px 0 #8f8f8f;height:calc(100% - var(--header-height));max-width:300px;min-width:200px;overflow-y:auto;padding:20px 10px;position:fixed;text-align:center;top:var(--header-height);width:30vw;z-index:8}.page-list ul{list-style-type:none;margin:0 20px;padding:0}.page-list ul li{display:block;margin:10px}.page-list ul li a{border:2px solid #cfcfcf;display:block}.page-list ul li a:hover{border-color:#9a9a9a}.page-list ul li.current a{border-color:red}.page-list ul img{background:#fff;width:100%}.page-list .btn-add-page{cursor:pointer;padding:20px 0;width:100%}.has-bottom-toolbar .page-list{padding:20px 10px 70px}.PagePreview{background:#fff;height:100%;width:100%}.PagePreview.loading{height:0;padding-bottom:155%;position:relative}.PagePreview.loading .spinner{color:#000;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.PagePreview .buttons ul{display:flex;list-style-type:none;margin:0;padding:0}.PagePreview .buttons ul li{width:100%}.PagePreview .buttons ul li a{border:none;color:#000}.toolbar-button{display:inline-block;font-size:16px;height:100%;position:relative}.toolbar-button>*{display:flex;flex-direction:column;justify-content:center}.toolbar-button button{-webkit-tap-highlight-color:rgba(0,0,0,0);background:none;background:var(--toolbar-button-bg);border:1px solid #0000;border-radius:20px;color:var(--button-fg);color:var(--toolbar-button-color);cursor:pointer;font-size:20px;height:100%;margin:0 5px;outline:none!important;padding:0;text-align:center;width:36px}.toolbar-button button:not(.blank):hover{background:var(--button-hover-bg)}.toolbar-button button.active{background:var(--button-bg);border-color:var(--button-bg)}.toolbar-button button>*{margin:0 auto!important}.toolbar-button button:hover{background:#0000}.toolbar-button button:hover.active{background:var(--toolbar-button-active-bg)}.toolbar-button button:disabled{opacity:.5;pointer-events:none}.toolbar-button button.has-active-state:not(.active){opacity:.5}.app-bar button,.app-bar button:active,.app-bar button:hover{background:none!important;border:none!important}.settings-container{background:#fff;border-radius:10px;box-shadow:0 0 20px 0 #8f8f8f;margin-top:15px;max-width:calc(100vw - 20px);padding:10px 15px;position:fixed;width:260px;z-index:10}.settings-container.is-submenu{padding:5px}.settings-container>*{display:block}.settings-container>:not(:last-child){margin-bottom:10px}.settings-container>*>span{display:block}.settings-container>* input[type=color],.settings-container>* input[type=range]{width:100%}.settings-container>* button{color:#000!important}.settings-container ul{display:flex;flex-direction:column}.settings-container ul li.toolbar-button{cursor:pointer;display:flex;padding:8px;white-space:nowrap}.settings-container ul li.toolbar-button button{color:#000!important}.settings-container ul li.toolbar-button:hover{background:#efefef}.settings-container ul li.toolbar-button *{margin:0;padding:0}.settings-container.right li.toolbar-button{flex-direction:row-reverse}.CheckboxSettingsField{cursor:pointer}.CheckboxSettingsField .AppIcon{margin-right:6px}.toolbar-button-list{display:flex;list-style-type:none;margin:0 10px;padding:0}.toolbar-button-list li{display:inline-block;height:100%}.toolbar-button-list ul{list-style-type:none;margin:0;padding:0}#app-header{left:0;position:fixed;top:0;width:100%;z-index:9}#app-header .app-bar{background:var(--background);border-bottom:var(--border-bottom);display:flex;height:53px;justify-content:space-between;padding:var(--padding)}#app-header .app-bar button{color:#fff}#app-header .app-bar>div>.toolbar-button-list .toolbar-button-list>li>div>button,#app-header .app-bar>div>.toolbar-button-list>li>div>button{background:none;border:none;color:var(--foreground);cursor:pointer;display:flex;font-size:var(--button-size);height:100%;justify-content:center;padding:var(--button-padding)}#app-header .app-bar .left{display:flex}#app-header .app-bar .activity-title{color:#fff;display:flex;flex-direction:column;font-size:1.3em;justify-content:center}#app-header .app-bar .activity-title.has-action{cursor:pointer}#app-header .app-bar .right{padding-right:10px}#app-header .toolbar{background:var(--toolbar-background);border-bottom:var(--toolbar-border);display:flex;height:var(--toolbar-height);justify-content:space-between;overflow-x:auto;padding:var(--toolbar-padding)}.LineWidthIcon{display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;width:30px}.LineWidthIcon .inner{background:#000;border-radius:4px;transition:height .25s;width:30px}.header-menu{display:inline-block;height:100%;position:relative}.header-menu .AppIcon{font-size:20px}.header-menu a.main-item{display:inline-block;font-size:20px;margin:0 5px;text-align:center;width:36px}.header-menu a{color:#fff;text-decoration:none}.header-menu>.menu{display:none}.header-menu>.menu ul{list-style-type:none;margin:0;padding:0}.header-menu>.menu a.inner{color:#000;display:flex;justify-content:flex-end;padding:8px;text-align:right;white-space:nowrap;width:100%}.header-menu>.menu a.inner:hover{background:#efefef}.header-menu>.menu a.inner .title{display:flex;flex-direction:column;justify-content:center}.header-menu>.menu a.inner>:last-child{text-align:center;width:36px}.header-menu.open .menu{display:block}.header-menu:not(.is-sub)>.menu{background:#fff;border-radius:10px;box-shadow:0 0 20px 0 #8f8f8f;max-width:calc(100vw - 20px);padding:5px;position:fixed;position:absolute;right:-10px;top:40px;width:260px;width:auto;z-index:10}.header-menu:not(.is-sub)>.menu .sub{display:none}.header-menu:not(.is-sub)>.menu li.expanded>.sub{display:block}.header-menu.is-sub{background:#efefef;width:100%}.gesture-container{height:var(--viewport-height);touch-action:none;width:100%}.gesture-container__inner{position:fixed;width:1200px}.BackgroundSelection .list-container{overflow-x:auto}.BackgroundSelection ul{display:flex;list-style-type:none;margin:0;padding:10px}.BackgroundSelection ul a{border:1px solid #0000;color:#000;display:block;padding:10px;text-decoration:none}.BackgroundSelection ul a canvas{border:1px solid #a9a9a9;height:140px;margin-bottom:5px;width:140px}@media screen and (max-width:600px){.BackgroundSelection ul a canvas{height:80px;width:80px}}.BackgroundSelection ul .color-field{display:block;height:40px;width:40px}.BackgroundSelection ul li.color a{border-color:#efefef;padding:0}.BackgroundSelection ul li.active a{border-color:#ccc}.BackgroundSelection ul li.color.active a{border-color:#9f9f9f}.BackgroundSelection ul li:not(:last-child){margin-right:10px}button.tts-button{background:#285ad3;border:none;border-radius:100%;color:#fff;cursor:pointer;font-size:8px;height:25px;text-align:center;width:25px}button.tts-button:disabled{background:#86a5ff}button.tts-button.size-sm{font-size:6px;height:20px;width:20px}button.tts-button.size-lg{font-size:12px;height:30px;width:30px}.AppActivity{height:100%;padding-top:var(--header-height)}.AppActivity>.inner{position:relative}.AppActivity .fixed-button{background:#fff;border-radius:100%;bottom:15px;box-shadow:0 0 10px 0 #d6d6d6;color:#000;display:flex;flex-direction:column;height:50px;justify-content:center;line-height:50px;position:fixed;text-align:center;width:50px;z-index:99}:root{--header-height:0;--screen-width:0;--screen-height:0;--viewport-height:100%;--app-max-width:1200px;--button-fg:#000;--button-bg:#efefef;--button-hover-bg:#dadada;--toolbar-background:#fff;--toolbar-padding:5px;--toolbar-height:50px;--toolbar-border:1px solid #000;--toolbar-button-bg:#0000;--toolbar-button-active-bg:#efefef;--toolbar-button-border:#efefef;--toolbar-button-color:#000}#app-header{--background:#000;--foreground:#fff;--padding:5px;--button-size:20px;--button-padding:10px;--border-bottom:none}body.dark{--toolbar-background:#2c2c2c;--toolbar-button-bg:#0000;--toolbar-button-color:#fff;--toolbar-button-active-bg:#595959}body.dark :root{--button-bg:"#fff"}body.dark #app-header{--border-bottom:1px solid #454545}body,html{text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-moz-text-size-adjust:none;font-family:sans-serif;margin:0;padding:0}body{overflow:hidden;padding-top:0;padding-top:var(--header-height)}*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;box-sizing:border-box;-webkit-user-select:none;user-select:none}#sf-notes-app{background:#9a9a9a;left:0;overflow:hidden;position:absolute;top:0;touch-action:pan-x pan-y;width:100%}.app-button{-webkit-tap-highlight-color:rgba(0,0,0,0);background:none;border:1px solid #0000;color:#000;color:var(--button-fg);cursor:pointer;outline:none!important;padding:5px 15px}.app-button:not(.blank):hover{background:#dadada;background:var(--button-hover-bg)}.app-button.active{background:#efefef;background:var(--button-bg);border-color:#efefef;border-color:var(--button-bg)}#main-activity>.inner{background:#fff;margin:0 auto;width:100%}.note-list{height:100%;overflow-y:auto;padding:20px 20px 70px;transition:opacity .5s}.note-list.loading{opacity:.5;pointer-events:none}.note-list .notes-count{font-size:.9em;margin:-15px 0 15px}.note-list .row-selection-mode{display:flex;justify-content:space-between}.note-list .row-selection-mode h1{margin-top:0}.note-list .row-selection-mode .right{text-align:right}.note-list .row-selection-mode .right button,.note-list .row-selection-mode .right select{margin-left:20px}.note-list .selection-notice{font-size:.9em;margin:-15px 0 15px}.note-list>ul{display:grid;grid-template-columns:repeat(10,1fr);list-style-type:none;margin:0;padding:0}@media screen and (max-width:2700px){.note-list>ul{grid-template-columns:repeat(9,1fr)}}@media screen and (max-width:2400px){.note-list>ul{grid-template-columns:repeat(8,1fr)}}@media screen and (max-width:2100px){.note-list>ul{grid-template-columns:repeat(7,1fr)}}@media screen and (max-width:1800px){.note-list>ul{grid-template-columns:repeat(6,1fr)}}@media screen and (max-width:1500px){.note-list>ul{grid-template-columns:repeat(5,1fr)}}@media screen and (max-width:1200px){.note-list>ul{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:900px){.note-list>ul{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:600px){.note-list>ul{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:350px){.note-list>ul{grid-template-columns:1fr}}.note-list>ul li{min-height:260px;padding:10px;width:100%}.NotePreview{--radius:15px;position:relative}.NotePreview.drag-clone{background:#fff;border-radius:var(--radius);opacity:1;pointer-events:none;position:absolute;transition:transform .5s,opacity .5s}.NotePreview.drag-clone.initialized{opacity:.8;transform:scale(.8)}.NotePreview.drag-clone.falling-back{opacity:0;transition:left .4s,top .4s,opacity .4s}.NotePreview a{border-radius:var(--radius);box-shadow:0 0 5px 1px #bdbdbd;color:#000;display:block;overflow:hidden;text-decoration:none;transition:transform .25s}.NotePreview img{width:100%}.NotePreview .title{border-top:1px solid #efefef;padding:10px;text-align:center}.NotePreview a:hover{border-color:#8f8f8f}.NotePreview.selected>a,.NotePreview.selection-mode>a{transform:scale(.95)}.NotePreview .AppIcon{font-size:20px;position:absolute;right:5px;top:5px}.folder-tree ul{list-style-type:none;margin:0;padding:0}.folder-tree li ul{padding-left:10px}.folder-tree .sidebar-item .icon{cursor:pointer}.folder-tree .sidebar-item a{color:#000;text-decoration:none}.folder-tree .sidebar-item .content{opacity:1}.bottom-container .folder-tree .sidebar-item{padding:8px}.sidebar-container{--animation-speed:.25s;display:flex;height:100%}.sidebar-container__sidebar{flex-grow:0;flex-shrink:0;height:calc(var(--viewport-height) - var(--header-height));max-width:calc(100% - 20vw);overflow-x:hidden;padding:0;transition:width var(--animation-speed) ease-out;width:60px}.sidebar-container__sidebar .AppIcon{font-size:20px}.sidebar-container__sidebar>.inner{background:#f1f1f1;border-radius:0 15px 15px 0;height:100%;overflow-x:hidden;padding:0;white-space:nowrap;width:100%}.sidebar-container__sidebar>.inner>a{color:#000;display:block;padding:26px 20px}.sidebar-container__content{max-height:var(--viewport-height);min-width:300px;width:100%}.AppActivity.has-bottom-toolbar .sidebar-container__content{max-height:calc(var(--viewport-height) - 50px)}.sidebar-item{color:#000;display:flex;padding:10px 20px;text-decoration:none;transition:background .5s}.sidebar-item.active,.sidebar-item:hover{background:#dfdfdf}.sidebar-item .icon{flex-grow:0;flex-shrink:0}.sidebar-item .content{display:flex;flex-direction:column;justify-content:center;margin-left:20px;opacity:0;transition:all var(--animation-speed) ease-out}.sidebar-container.expanded .sidebar-container__sidebar{width:240px}.sidebar-container.expanded .sidebar-item .content{opacity:1;transform:translateX(0)}
/*# sourceMappingURL=main.cbdf8485.css.map*/