:root{--color-highlight:#14789f;--color-accent:#ffa500;--color-info:#666d7b;--color-success:#408062;--color-danger:#8b4848;color-scheme:dark light;--color-border:#000;--color-background:#333;--color-background-alt:#444;--color-text:#fff;--color-text-dimmed:#ccc;--color-warning:#af8a1a}@media (prefers-color-scheme:dark){:root{--color-border:#000;--color-background:#333;--color-background-alt:#444;--color-text:#fff;--color-text-dimmed:#ccc;--color-warning:#af8a1a}}@media (prefers-color-scheme:light){:root{--color-border:#aaa;--color-background:#eee;--color-background-alt:#ccc;--color-text:#111;--color-text-dimmed:#444;--color-warning:#764c00}}body,html{margin:0;padding:0;height:100%;width:100%;overflow:hidden}body{font:13px sans-serif;background:var(--color-background);color:var(--color-text);-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding-bottom:20px;overflow-x:hidden;overflow-y:auto}body *{box-sizing:inherit}h1,h2,h3,h4,h5,h6{margin:0;font-weight:400}h1{flex:1;margin:0;font-size:20px;font-weight:600;line-height:normal}h2{flex:1;margin:0;font-size:17px;font-weight:400;line-height:normal;text-align:center}.ext-url{width:100%;margin-top:20px;font-size:14px!important}p{line-height:1.4}p.success{color:var(--color-success)}p.warning{color:var(--color-warning)}p.danger{color:var(--color-danger)}.context-menu{position:absolute;padding:5px 0;margin:0;display:flex;flex-flow:column;align-items:stretch;list-style:none;z-index:20;background:var(--color-background-alt);color:var(--color-text);box-shadow:0 1px 5px 1px rgba(0,0,0,.5)}.context-menu.hidden{display:none}.context-menu-item{padding:10px 20px;position:relative;overflow:hidden;white-space:nowrap}.context-menu-item input[type=file]{position:absolute;left:-500px}.context-menu-item:hover{background-color:var(--color-highlight)}.context-menu-separator{height:0;margin:5px 0;padding:0;border-bottom:1px solid var(--color-border)}.editor-contents{display:flex;flex-flow:row;align-items:stretch;justify-content:stretch;min-width:600px;padding:0 10px 10px 0}.editor-contents .thumb{align-items:center;justify-content:center;margin-right:20px}.editor-contents .item-thumb{width:var(--icon-width);height:calc(var(--icon-height) - 22px);border-radius:10px;background:#f9f9f9 linear-gradient(rgba(255,255,255,.1),rgba(0,0,0,.3)) center no-repeat;background-size:cover;display:flex;flex-flow:column;font:400 4em/normal helvetica,arial,sans-serif;align-items:center;justify-content:center;margin-bottom:10px;padding-top:10px;overflow:hidden;background-color:var(--color-background);color:var(--color-text-dimmed)}.editor-contents .item-thumb-suffix{font-size:13px;font-weight:200;text-align:right;display:block;width:100%;padding:0 10px;opacity:.7;overflow:hidden;text-overflow:ellipsis}.editor-contents .thumbnail-label{overflow:hidden;position:relative}.editor-contents .thumbnail-label button{float:right}.editor-contents .details{flex:1;display:flex;flex-flow:column;align-items:stretch;justify-content:flex-start}.editor-contents label{padding:0;height:initial}.editor-contents input,.editor-contents textarea{margin-bottom:15px}.editor-contents textarea{flex:unset}.modal .buttons{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border);margin:10px -20px -5px;padding:15px 20px 0}.modal .buttons .btn.success{margin-left:10px}.folders{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:flex-start;height:0}.folder{border:1px solid var(--color-border);background:var(--color-background);border-width:1px 1px 0 1px;padding:0 0 10px;display:flex;flex-flow:column;margin-left:-1px;margin-top:-42px;transition:margin var(--animation-speed) ease-out;overflow:hidden}.folder-header{display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--color-border);margin-bottom:5px;height:40px;min-height:40px}.folder-title{flex:1;display:flex;align-items:center;justify-content:center;padding:5px;margin:3px 20px 0 5px;background:0 0;border:none;font:inherit;font-size:16px;cursor:pointer;color:var(--color-text-dimmed);transition:color var(--animation-speed) ease-out;font-weight:600;letter-spacing:1px;border-radius:5px}.folder-title:focus{box-shadow:0 0 2px 1px var(--color-accent)}.folder-pin{width:12px;height:12px;background:0 0;border:none;padding:0;border-radius:25px;margin-left:8px;cursor:pointer;opacity:0;visibility:hidden;border:1px solid var(--color-border);background-color:var(--color-background-alt);transition:opacity var(--animation-speed) ease-out,visibility var(--animation-speed) ease-out}.folder-pin:focus{border-color:var(--color-accent);box-shadow:0 0 2px 1px var(--color-accent)}.folder-expanded .folder-pin{visibility:visible;opacity:1}.folder-pinned .folder-pin{background-color:var(--color-accent);filter:brightness(.7)}.folder-items{overflow-y:auto;flex:1;padding:1px 0;max-height:50vh;visibility:visible;opacity:1;transition:visibility 0s,opacity calc(var(--animation-speed) * 2)}.folder-items.hidden{opacity:0;visibility:hidden;transition:visibility 0s calc(var(--animation-speed) * 2),opacity calc(var(--animation-speed) * 2)}.folder-items:empty{color:var(--color-text);text-align:center;padding:30px 20px 20px;display:block;filter:opacity(.5)}.folder-items:empty::after{content:'Folder is empty';font-size:14px;display:block}.icon-picker .modal{width:90vw;height:90vh;display:flex;flex-flow:column;align-items:stretch;justify-content:flex-start}.icon-picker .modal-content{flex:1;display:flex;flex-flow:column}.icon-picker-content{flex:1;overflow-y:auto;margin:-5px -10px}.icon-picker-content-inner{padding:5px;display:grid;grid-gap:5px;grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.icon-picker-empty{text-align:center;padding:30px 20px 20px;display:block;filter:opacity(.5)}.icon-picker-icon{width:96px;height:96px;background-size:cover;background-repeat:no-repeat;background-position:center;color:transparent;border-radius:3px}.icon-picker-icon:focus,.icon-picker-icon:hover{box-shadow:0 0 2px 3px var(--color-accent)}.icon-picker-filter{position:absolute;right:20px;top:-46px;width:300px}.icon-picker-filter input{width:100%;padding-left:34px}.icon-picker-filter svg{margin-right:-30px;position:absolute;width:19px;top:-7px;left:9px;opacity:.2}header{height:60px;width:90%;margin:20px auto 30px;padding:0 10px;font-size:13px;text-align:center;font-weight:400;position:relative;display:flex;align-items:center;justify-content:center;max-width:var(--grid-max-width,1000px)}header .title{opacity:.5}.btn-back{left:10px}.btn-back svg{width:16px;height:16px;margin:3px 0 0 -1px}.btn-search{position:absolute;top:45px;right:7px;z-index:9;border-radius:25px}.btn-search svg{width:20px;height:20px;margin:3px 0 0 -2px}.bookmarks{width:100%;margin:20px auto;display:grid;width:90%;max-width:var(--grid-max-width,1000px);padding:0 10px 60px;grid-gap:var(--grid-gap);grid-auto-rows:var(--icon-height);grid-template-columns:repeat(auto-fill,minmax(var(--icon-width),1fr))}.modal-backdrop.search-modal{align-items:flex-start}.modal-backdrop.search-modal .modal{margin-top:15vh;max-width:70vw;min-width:300px;width:45vw;min-height:120px}.autocomplete{flex:1;display:flex;flex-flow:column;width:calc(100% + 40px);margin:-20px;max-height:60vh;min-height:120px;font-size:14px}.autocomplete .autocomplete-input[type=text]{color:inherit;font:inherit;font-size:16px;width:100%;border:none;background:0 0;box-shadow:none;padding:10px 20px 8px 40px;margin:10px 0;outline:0;height:36px}.autocomplete .autocomplete-input[type=text]:focus{outline:0}.autocomplete-list{position:relative;width:100%;height:auto;max-height:calc(100% - 56px);overflow-y:auto;z-index:99;padding:10px 0;border-top:1px solid var(--color-border);-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.autocomplete-list:empty{padding:0}.autocomplete-list-item{padding:5px 20px 5px 0;margin:6px 0;cursor:pointer;line-height:1.4;display:flex;align-items:flex-start}.autocomplete-list-item.selected,.autocomplete-list-item:hover{background-color:var(--color-highlight)}.autocomplete-list-item.hidden{display:none}.autocomplete-list-item-icon{width:20px;min-width:20px;height:20px;margin:0 10px;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-repeat:no-repeat;mask-position:center}.autocomplete-list-item-text{display:inline-block;padding-top:2px}.autocomplete-list-item-text b{color:var(--color-accent)}.autocomplete-list-item-text small{display:block;color:var(--color-text-dimmed);opacity:.9}.autocomplete-list-item-folder .autocomplete-list-item-icon{background-color:var(--color-text);-webkit-mask-image:url(folder.svg);mask-image:url(folder.svg)}.autocomplete-list-item-folder .autocomplete-list-item-text{text-transform:uppercase}.autocomplete-list-item-bookmark .autocomplete-list-item-icon{border-radius:10px;background:var(--color-text);background-repeat:no-repeat;background-position:center;background-size:80%}.icon-btn.btn-settings{right:8px;top:6px;z-index:12;transition:transform var(--animation-speed) ease-out,color var(--animation-speed) ease-out;transform-origin:center;border-radius:20px}.icon-btn.btn-settings.hidden{transform:rotate(-90deg)}.icon-btn.btn-settings svg{height:20px;width:20px;margin:2px 0 0 0}.settings-form{display:flex;flex-flow:column;align-items:stretch;margin:0;font:inherit;font-size:15px}.settings-row{display:flex;flex-flow:row;align-items:flex-start;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap}.settings-pane{position:absolute;background-color:var(--color-background-alt);top:0;right:0;bottom:0;width:300px;min-height:300px;box-shadow:-2px 0 5px rgba(0,0,0,.533);z-index:11;overflow-y:auto;color:var(--color-text)}.settings-pane h1{margin:0;padding:13px 0 12px 20px;top:0;position:-webkit-sticky;position:sticky;background-color:var(--color-background-alt);z-index:1}.settings-pane h3{margin:0 0 10px;opacity:.8}.settings-pane h3:first-child{margin-top:-16px}.settings-pane label{display:block;margin:0 5px 0 0}.settings-pane .select-wrap{flex:1}.settings-pane input+input{margin:0 0 0 10px}.settings-pane input[type=text]{width:160px}.settings-pane input.inp-short{width:75px}.settings-pane .btn{flex:1;display:flex;align-items:center;justify-content:center}.settings-pane .xbtn{padding:0 5px;flex:unset;width:38px;margin-left:10px;font-size:23px;min-height:33px;height:33px}.settings-pane .btn-export{margin-right:10px}.settings-pane div.btn{position:relative;overflow:hidden}.settings-pane small{display:block;flex:1;min-width:100%;margin-bottom:15px}.settings-pane small a{color:var(--color-accent);text-decoration:none}.settings-pane small a:hover{text-decoration:underline}.settings-block{margin:0 0 -1px;overflow:hidden}.settings-block .settings-block-header{padding:10px 10px 10px 20px;height:45px;text-align:left;background:var(--color-info);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);color:var(--color-text);filter:saturate(.5);display:flex;align-items:center;justify-content:space-between;cursor:pointer}.settings-block .settings-block-header:focus{color:var(--color-accent)}.settings-block .chevron{height:24px;transform:rotate(180deg);transition:transform var(--animation-speed) ease-out}.settings-block.collapsed .chevron{transform:rotate(0)}.settings-block .settings-block-content{padding:15px 20px 10px}.settings-block h3{padding:10px 20px;margin:15px -20px;height:40px;text-align:left;background:var(--color-background);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);color:var(--color-text);display:flex;align-items:center;justify-content:space-between}.settings-block ul{padding:0 0 0 10px}.settings-block ul li{margin:0 0 5px 0}.settings-block .horizontal-lbl>label{padding-top:6px}.text-fit{display:inline-block;transform-origin:center;white-space:nowrap}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;display:none;align-items:center;justify-content:center;z-index:99;background-color:rgba(0,0,0,0);transition:background-color var(--animation-speed) ease-out}.modal-backdrop.visible{background-color:rgba(0,0,0,.6)}.modal{background:var(--color-background-alt);color:var(--color-text);border-radius:3px;margin-top:-60px;opacity:0;transform:scale(.8);transition:opacity var(--animation-speed) ease-out,transform var(--animation-speed) ease-out;box-shadow:0 2px 10px 2px rgba(0,0,0,.667)}.visible .modal{opacity:1;transform:scale(1)}.modal h1{font-size:18px;border-bottom:1px solid var(--color-border);padding:20px 20px 0;margin:0;flex:unset;height:58px}.modal h1:empty{display:none}.modal p{font-size:18px;margin:10px 0 30px}.modal-content{padding:20px;position:relative;max-height:calc(100% - 58px)}.toggle,.toggle::-ms-thumb,.toggle::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border-radius:4px}.toggle::-ms-fill-lower,.toggle::-ms-fill-upper,.toggle::-ms-thumb,.toggle::-webkit-slider-runnable-track,.toggle::-webkit-slider-thumb{border-radius:4px}.toggle::-ms-thumb,.toggle::-webkit-slider-thumb{height:22px;width:22px;background:var(--color-text)}.toggle::-ms-fill-lower{background-color:var(--color-highlight);height:100%}.toggle::-webkit-slider-runnable-track{padding:1px;width:100%;height:100%;background-color:var(--color-background);border:1px solid var(--color-background)}.toggle:focus::-webkit-slider-runnable-track{box-shadow:0 0 2px 1px var(--color-accent)}.toggle{width:75px;border-radius:4px;background:var(--color-background);overflow:hidden;user-select:none;-webkit-user-select:none;cursor:pointer}.toggle[disabled]{pointer-events:none;opacity:.6}.toggle:focus{outline:0;box-shadow:0 0 2px 1px var(--color-accent)}.toggle .toggle-label{margin:0;padding:0;height:auto}.toggle-input{display:none}.toggle-label{background:var(--color-highlight);width:24px;display:block;border-radius:inherit;cursor:inherit;transition:width .2s}.toggle-handle{width:24px;height:24px;background:var(--color-text);border:1px solid var(--color-background);display:block;border-radius:inherit;margin:0 0 0 auto}.toaster{position:fixed;width:400px;left:50%;transform:translateX(-50%);padding-top:5px;display:flex;flex-flow:column;align-items:stretch;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:90}.toaster-top{top:0}.toaster-bottom{bottom:0}.toast{position:relative;overflow:hidden;flex:1;margin-top:5px;margin-bottom:5px;text-align:center;box-shadow:0 10px 20px 2px rgba(0,0,0,.2);z-index:10;font-size:15px;display:flex;align-items:center;justify-content:space-between;min-height:30px;border-radius:25px}.toast button{font:inherit;background:0 0;border:none;height:30px;min-width:38px;padding:0 10px;display:flex;align-items:center;justify-content:center;transition:background-color var(--animation-speed) ease-out;color:var(--color-text)}.toast button:hover{color:var(--color-text);background:rgba(51,51,51,.533)}.toast button:active{color:var(--color-text-dimmed);background:rgba(0,0,0,.533)}.toast .toast-msg{color:var(--color-text);flex:1}.toast .toast-close{font-size:22px;font-weight:200;border-radius:0 25px 25px 0;position:relative}.toast,.toast-info{background:var(--color-info)}.toast-warning{background:var(--color-warning)}.toast-error{background:var(--color-danger)}.toast-progressbar{position:absolute;bottom:1px;left:1px;right:1px;top:1px;border-radius:25px;overflow:hidden;z-index:-1}.toast-progress{height:100%;background-color:rgba(51,51,51,.533);width:0;transition:width var(--animation-speed) ease-out}.bookmarks .item{margin:auto;display:block;text-align:center;text-decoration:none;color:inherit;border-radius:10px;width:var(--icon-width);height:var(--icon-height);filter:drop-shadow(0 3px 3px rgba(0,0,0,.6))}.bookmarks .item-title{display:block;padding:0;margin-top:10px;max-height:2.3em;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease-out}.bookmarks .item-thumb{width:100%;height:calc(100% - 22px);border-radius:inherit;background:#f9f9f9 linear-gradient(rgba(255,255,255,.1),rgba(0,0,0,.3)) center no-repeat;background-size:cover;display:flex;flex-flow:column;font:400 3em/normal helvetica,arial,sans-serif;align-items:center;justify-content:center;color:var(--color-background-alt);overflow:hidden}.bookmarks .item-thumb-suffix{font-size:13px;font-weight:200;text-align:right;display:block;width:100%;padding:0 10px;opacity:.7;overflow:hidden;text-overflow:ellipsis}.bookmarks .item-favicon{display:none}.bookmarks .item-folder .item-thumb{background-color:var(--color-text-dimmed);-webkit-mask:url(folder.svg) center no-repeat;-webkit-mask-size:cover;mask:url(folder.svg) center no-repeat;mask-size:cover}.bookmarks .item-bookmark .item-thumb{padding-top:.4em}.bookmarks .separator .item-thumb{filter:none;background:0 0}.bookmarks.no-labels .item-bookmark .item-title{opacity:0}.bookmarks.no-labels .item-folder{display:flex;align-items:center;justify-content:center;position:relative}.bookmarks.no-labels .item-folder .item-thumb{-webkit-mask-image:url(folder-outline.svg);-webkit-mask-size:contain;mask-image:url(folder-outline.svg);mask-size:contain;position:absolute;top:0}.bookmarks.no-labels .item-folder .item-title{font-size:24px;font-weight:400;max-width:90%;max-height:3em;margin-top:0;color:var(--color-text);letter-spacing:2px;z-index:9}.bookmarks:not(.is-sorting) .item-thumb.img-drag{box-shadow:0 0 3px 1px var(--color-accent);background:0 0!important;-webkit-mask:none;mask:none}.bookmarks:not(.is-sorting) .item-thumb.img-drag .item-thumb-suffix,.bookmarks:not(.is-sorting) .item-thumb.img-drag .text-fit{display:none}.bookmarks:not(.is-sorting) .item-title.img-drag{display:none}.folder .item{font:inherit;font-size:14px;color:inherit;text-decoration:none;padding:7px 20px;display:flex;align-items:center}.folder .item:hover{text-decoration:underline}.folder .item-title{flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;opacity:.8}.folder .item-thumb{background-repeat:no-repeat;background-position:center;background-size:cover;display:none}.folder .item-favicon{width:16px;height:16px;margin-right:10px;overflow:hidden;display:inline-block;background-repeat:no-repeat;background-position:center;background-color:var(--color-text);background-size:80%;border-radius:20px}.sortable-plate .item-thumb{background:var(--color-background);filter:none}.sortable-ghost{filter:none}.sortable-ghost .item-favicon,.sortable-ghost .item-thumb{background:var(--color-background)!important;filter:grayscale(1) contrast(0) brightness(.1);opacity:.3}.sortable-ghost .item-favicon{width:100%;background:var(--color-background)!important}.sortable-ghost .item-title{visibility:hidden}.btn{font:inherit;display:inline-block;padding:5px 15px;min-width:34px;min-height:34px;margin-bottom:0;font-size:15px;line-height:normal;font-weight:400;height:auto;text-align:center;white-space:nowrap;vertical-align:middle;text-decoration:none;cursor:default;border:1px solid transparent;border-radius:3px;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 1px 0 rgba(0,0,0,.8);color:var(--color-text);background:var(--color-info);transition:background-color var(--animation-speed) ease-out,border-color var(--animation-speed) ease-out,box-shadow var(--animation-speed) ease-out}.btn:focus{border-color:var(--color-accent);box-shadow:0 0 2px 1px var(--color-accent);outline:0}.btn:active{outline:0;box-shadow:none;transform:translateY(1px);filter:brightness(.85)}.btn.success{background:var(--color-success)}.btn.warning{background:var(--color-warning)}.btn.danger{background:var(--color-danger)}.icon-btn{position:absolute;height:32px;width:32px;border:1px solid transparent;background:0 0;text-align:center;cursor:pointer;z-index:10;display:inline-block;transition:opacity var(--animation-speed) ease-out;opacity:.7;color:var(--color-text)}.icon-btn:focus{border-color:var(--color-accent);box-shadow:0 0 2px 1px var(--color-accent);opacity:1;outline:0}.icon-btn:hover{opacity:1}.flex-spacer{flex:1}::-moz-focus-inner{padding:0!important;border:none!important}.select-wrap,input[type=color],input[type=number],input[type=search],input[type=text],textarea{font:inherit;height:34px;border:1px solid var(--color-background);background-color:var(--color-background);color:var(--color-text);transition:background-color .3s ease-out,border-color .3s ease-out,box-shadow .3s ease-out;border-radius:4px}.select-wrap:disabled,input[type=color]:disabled,input[type=number]:disabled,input[type=search]:disabled,input[type=text]:disabled,textarea:disabled{opacity:.5}.select-wrap:focus,.select-wrap:focus-within,input[type=color]:focus,input[type=color]:focus-within,input[type=number]:focus,input[type=number]:focus-within,input[type=search]:focus,input[type=search]:focus-within,input[type=text]:focus,input[type=text]:focus-within,textarea:focus,textarea:focus-within{border-color:var(--color-accent);box-shadow:0 0 2px 1px var(--color-accent);outline:0}.select-wrap:invalid,input[type=color]:invalid,input[type=number]:invalid,input[type=search]:invalid,input[type=text]:invalid,textarea:invalid{border-color:var(--color-danger);box-shadow:0 0 2px 1px var(--color-danger);outline:0}.select-wrap{position:relative}.select-wrap:after{content:'';position:absolute;width:20px;height:12px;right:0;top:10px;pointer-events:none;background-repeat:no-repeat;background-position:right .75rem center;background-size:8px 10px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23eeeeee' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")}select{font:inherit;color:inherit;border:none;border-radius:4px;background:0 0;background-color:inherit;line-height:16px;padding:2px 22px 0 10px;width:100%;height:100%;-moz-appearance:none;appearance:none}select:focus{outline:0}input[type=text],textarea{line-height:16px;padding:2px 5px}textarea{min-height:4em;resize:vertical;flex:1}input[type=checkbox],input[type=radio]{vertical-align:inherit;transform:scale(1.4);filter:hue-rotate(-12deg) saturate(.4);margin-right:6px}input[type=color]{-moz-appearance:none;appearance:none;background:0 0;border:none;padding:0;cursor:pointer}input[type=number]{text-align:center}input[type=file]{position:absolute;right:-500px}label{display:block;height:34px;line-height:16px;padding:9px 5px 0}label.disabled{opacity:.3}