@import url(https://fonts.googleapis.com/css2?family=Work+Sans:wght@200..900);@use "themes"as *;:root{--white0:#fff;--white1:#fbfbfb;--white2:#edf2f9;--white3:#f7f6f3;--gray0:#f8f8f8;--gray1:#dbe1e8;--gray1-rgb:219,225,232;--gray2:#ededed;--gray3:#b2becd;--gray4:#a3a398;--gray5:#6c7983;--gray6:#454e56;--gray6-rgb:69,78,86;--gray7:#2a2e35;--gray7-rgb:42,46,53;--gray8:#12181b;--black-rgb:0,0,0;--black0:#000;--black1:#101010;--blue:#3584a7;--purple:#a82dd1;--yellow1:#efbb35;--yellow2:#fff3b0;--orange:#d35244;--red0:#e42525;--red1:#dc2f02;--red2:#e77878;--green0:#349873;--green0-rgb:52,152,115;--green1:#008f68;--green2:#6db65b;--top-border-radius:5px 5px 0 0;--no-border-radius:0;--light-theme-primary:var(--white3);--dark-theme-primary:var(--gray8);--aqua-theme-primary:linear-gradient(-225deg,#473b7b,#3584a7 51%,#30d2be)}.light{--primary:var(--light-theme-primary);--secondary:var(--gray4);--bg:var(--white2);--bg-content:var(--white0);--text-color:var(--gray6);--header-text-color:var(--secondary);--theme-circle-border:var(--yellow1);--category-header-bg:var(--primary);--category-header-text:var(--gray5);--box-shadow:rgba(var(--black-rgb),0.2);--bookmark-border:var(--gray1);--footer-link-hover:var(--orange);--bookmark-btn:var(--text-color);--bookmark-btn-remove:var(--red0);--field-input:var(--gray6);--field-border:var(--gray3);--field-error:var(--red0);--toggle-bg:rgba(var(--gray6-rgb),.9);--toggle-bg-hover:rgba(var(--gray6-rgb),1);--toggle-active-bg:rgba(var(--green0-rgb),.9);--toggle-active-bg-hover:rgba(var(--green0-rgb),1);--toggle-active-text:rgba(var(--green0-rgb),1);--modal-overlay:rgba(var(--black-rgb),0.5);--modal-button-primary:rgba(var(--green0-rgb),1);--modal-button-primary-focus-shadow:rgba(var(--green0-rgb),.5);--modal-button-secondery:var(--gray6);--modal-button-secondery-focus-shadow:rgba(var(--gray6-rgb),.5);--modal-button-background:var(--white0);--modal-button-hover-text:var(--modal-button-background);--board-popup-hover-text:var(--gray5);--board-popup-control-border:var(--gray1);--modal-subbookmark-border:var(--gray1);--add-category-border:var(--gray3);--category-border-radius:var(--top-border-radius);--hover-brighten:brightness(70%)}.light__theme:before{background:#f7f6f3;background:var(--light-theme-primary)}.dark{--primary:var(--dark-theme-primary);--secondary:var(--gray2);--bg:var(--gray7);--bg-content:var(--gray6);--text-color:var(--gray1);--header-text-color:var(--secondary);--theme-circle-border:var(--gray2);--category-header-bg:var(--primary);--category-header-text:var(--gray2);--box-shadow:rgba(var(--black-rgb),0.2);--bookmark-border:var(--gray1);--footer-link-hover:var(--orange);--bookmark-btn:var(--text-color);--bookmark-btn-remove:var(--red1);--field-input:var(--gray6);--field-border:var(--gray3);--field-error:var(--red2);--toggle-bg:rgba(var(--gray1-rgb),.9);--toggle-bg-hover:rgba(var(--gray1-rgb),1);--toggle-active-bg:rgba(var(--green0-rgb),.9);--toggle-active-bg-hover:rgba(var(--green0-rgb),1);--toggle-active-text:rgba(var(--green0-rgb),1);--modal-overlay:rgba(var(--black-rgb),0.5);--modal-button-primary:rgba(var(--green0-rgb),1);--modal-button-primary-focus-shadow:rgba(var(--green0-rgb),.5);--modal-button-secondery:var(--gray3);--modal-button-secondery-focus-shadow:rgba(var(--gray6-rgb),.5);--modal-button-background:var(--white0);--modal-button-hover-text:var(--modal-button-background);--board-popup-hover-text:var(--bg-content);--board-popup-control-border:var(--gray1);--modal-subbookmark-border:var(--gray1);--add-category-border:var(--gray3);--category-border-radius:var(--top-border-radius);--hover-brighten:brightness(120%)}.dark__theme:before{background:#12181b;background:var(--dark-theme-primary)}.aqua{--primary:var(--aqua-theme-primary);--secondary:var(--blue);--bg:var(--white2);--bg-content:var(--white1);--text-color:var(--gray6);--header-text-color:var(--secondary);--theme-circle-border:var(--yellow1);--category-header-bg:var(--primary);--category-header-text:var(--white0);--box-shadow:rgba(var(--black-rgb),0.2);--bookmark-border:var(--gray1);--footer-link-hover:var(--orange);--bookmark-btn:var(--text-color);--bookmark-btn-remove:var(--red0);--field-input:var(--gray6);--field-border:var(--gray3);--field-error:var(--red0);--toggle-bg:rgba(var(--gray6-rgb),.9);--toggle-bg-hover:rgba(var(--gray6-rgb),1);--toggle-active-bg:rgba(var(--green0-rgb),.9);--toggle-active-bg-hover:rgba(var(--green0-rgb),1);--toggle-active-text:rgba(var(--green0-rgb),1);--modal-overlay:rgba(var(--black-rgb),0.5);--modal-button-primary:rgba(var(--green0-rgb),1);--modal-button-primary-focus-shadow:rgba(var(--green0-rgb),.5);--modal-button-secondery:var(--gray6);--modal-button-secondery-focus-shadow:rgba(var(--gray6-rgb),.5);--modal-button-background:var(--white0);--modal-button-hover-text:var(--modal-button-background);--board-popup-hover-text:var(--bg-content);--board-popup-control-border:var(--gray1);--modal-subbookmark-border:var(--gray1);--add-category-border:var(--gray3);--category-border-radius:var(--no-border-radius);--hover-brighten:brightness(70%)}.aqua__theme:before{background:linear-gradient(-225deg,#473b7b,#3584a7 51%,#30d2be);background:var(--aqua-theme-primary)}*,:after,:before{box-sizing:border-box}body,html{height:100%}body{margin:0;display:flex;flex-direction:column;background:var(--bg);font-family:"Work Sans","Segoe UI",Helvetica;color:var(--text-color)}a{text-decoration:none;color:currentColor}ul{list-style-type:none}.link-button,ul{margin:0;padding:0}.link-button{background-color:transparent;border:none;cursor:pointer;display:inline;color:currentColor}.link-button:focus,.link-button:hover{outline:none;-webkit-filter:var(--hover-brighten);filter:var(--hover-brighten)}.root{flex:1 0 auto;padding:5px}.app{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.footer{flex-shrink:0;padding:5px;text-align:center}.footer__text{background:var(--bg-content);margin-bottom:3px;padding:2px 15px 3px;border-radius:5px;font-size:1rem;box-shadow:0 0 5px 0 var(--box-shadow);display:inline-block}.footer__text a{font-weight:700}.footer__text a:hover{color:var(--footer-link-hover)}.btn{display:none;border:none;background:transparent;color:var(--bookmark-btn);opacity:.8;cursor:pointer}.btn--edit{right:35px}.btn--edit,.btn--remove{position:absolute;top:8px;padding:0}.btn--remove{right:15px;color:var(--bookmark-btn-remove)!important}.btn--reorder{position:absolute;top:8px;left:0;padding:0}.btn--add-board{padding:0 7px}.btn--edit-board{padding:0 0 0 7px}.button{background:var(--modal-button-background);border-radius:2px;margin:0 .5rem;padding:.5rem 2rem}.button--primary{border:1px solid var(--modal-button-primary);color:var(--modal-button-primary)}.button--primary:hover{background:var(--modal-button-primary);color:var(--modal-button-hover-text)}.button--primary:focus{box-shadow:0 0 0 .2rem var(--modal-button-primary-focus-shadow);outline:none}.button--secoundary{border:1px solid var(--modal-button-secondery);color:var(--modal-button-secondery)}.button--secoundary:hover{background:var(--modal-button-secondery);color:var(--modal-button-hover-text)}.button--secoundary:focus{box-shadow:0 0 0 .2rem var(--modal-button-secondery-focus-shadow);outline:none}.header{margin:5px 0 15px;color:var(--header-text-color)}.board-name{font-weight:500;font-size:1.3rem}.board-menu{position:relative;display:inline-block}.board-menu__content{display:none;position:absolute;background:var(--bg-content);min-width:150px;box-shadow:0 8px 16px 0 var(--box-shadow);z-index:1;border:1px solid var(--board-popup-control-border);border-radius:0 0 5px 5px}.board-menu .menu-item{display:block;padding:4px 8px 4px 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;color:inherit}.board-menu .menu-item:focus,.board-menu .menu-item:hover{text-decoration:none;outline:none;color:var(--board-popup-hover-text);background:var(--primary)}.board-menu:focus-within .board-menu__content{display:block}.board-action{display:flex;flex-direction:row;flex-wrap:wrap}.board-action__button{background:var(--bg-content);flex-grow:1;padding:3px;border:none;border-bottom:1px solid var(--board-popup-control-border);color:inherit}.board-action__button:hover{color:var(--board-popup-hover-text);background:var(--primary)}.board-action__button.right-border{border-right:1px solid var(--board-popup-control-border)}.theme{margin-left:30px;display:inline-block}.theme__selected{content:" ";border:2px solid var(--theme-circle-border);background:var(--primary);border-radius:50%;width:1.5rem;height:1.5rem;display:inline-block}.theme__selected:hover,.theme a:hover{-webkit-filter:var(--hover-brighten);filter:var(--hover-brighten)}.theme__dropdown{position:absolute;width:300px;display:none;z-index:1;background:var(--bg-content);border-top:2px solid var(--primary);border-bottom-right-radius:8px;border-bottom-left-radius:8px;align-items:center;justify-content:space-around;height:4rem;margin-top:.2rem;padding:.5rem;box-shadow:0 .175em .5em var(--box-shadow)}.theme:focus-within .theme__dropdown{display:flex;pointer-events:auto}.theme__item .theme__item-color{width:100%;height:100%;font-size:.7rem;display:block;text-align:center;text-decoration:none}.theme__item .theme__item-color:before{content:" ";border:2px solid var(--theme-circle-border);border-radius:50%;width:2rem;height:2rem;display:block;margin:3px auto}.theme__item .theme__item-color:hover{-webkit-filter:var(--hover-brighten);filter:var(--hover-brighten)}.login{float:right;text-decoration:underline}.login__link{font-size:1rem}.login__link:hover{-webkit-filter:var(--hover-brighten);filter:var(--hover-brighten)}.categories{display:flex;flex-direction:row;flex-wrap:wrap;position:relative}.category{width:100%;min-width:300px;margin:.2rem;background:var(--bg-content);position:relative;overflow:hidden;border-radius:var(--category-border-radius)}.category--empty{background:transparent;border:2px dashed var(--add-category-border);min-height:100px}.category--empty .button-category-add{width:100%;background:var(--bg-content);position:absolute;top:40%;border:1px solid var(--add-category-border);padding:5px;opacity:.8}.category--empty .button-category-add:hover{opacity:1}.category__header{background:var(--category-header-bg);color:var(--category-header-text);padding:.5rem 1.5rem;display:flex;align-items:center}.category__header:hover .btn--edit,.category__header:hover .btn--remove,.category__header:hover .btn--reorder{display:inline-block;color:var(--category-header-text)}.category__header:hover .btn--edit:hover,.category__header:hover .btn--remove:hover,.category__header:hover .btn--reorder:hover{opacity:1}.category__header:hover .btn--edit:focus,.category__header:hover .btn--remove:focus,.category__header:hover .btn--reorder:focus{outline:none}.category__body{background:var(--bg-content)}.category__corner-ribbon{display:none;position:absolute;width:45px;height:45px;bottom:-25px;right:-25px;background:var(--secondary);text-align:center;line-height:10px;letter-spacing:1px;transform:rotate(-45deg);color:var(--bg-content);cursor:pointer}.category__corner-ribbon:hover{-webkit-filter:var(--hover-brighten);filter:var(--hover-brighten)}.category:hover .category__corner-ribbon{display:inline-block}.bookmark{position:relative;padding:5px 20px;display:block;border-bottom:1px solid var(--bookmark-border)}.bookmark:hover .btn--edit,.bookmark:hover .btn--remove,.bookmark:hover .btn--reorder{display:inline-block}.bookmark:hover .btn--edit:hover,.bookmark:hover .btn--remove:hover,.bookmark:hover .btn--reorder:hover{opacity:1}.bookmark:hover .btn--edit:focus,.bookmark:hover .btn--remove:focus,.bookmark:hover .btn--reorder:focus{outline:none}.bookmark__name{display:inline-block;width:100%}.bookmark__name,.bookmark__name:hover{color:inherit;text-decoration:none}.bookmark__favicon{margin-right:5px;display:inline-block;height:100%;vertical-align:middle}.bookmark__description{opacity:.8;font-size:.9rem;font-weight:400}.bookmark__child_item{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;background:var(--secondary);color:var(--bg-content);font-size:.8rem;font-weight:400;margin-right:.25rem;text-decoration:none;text-transform:uppercase}label{display:flex;margin:1rem 0 .5rem}input[type=email],input[type=number],input[type=text],textarea{color:var(--field-input);width:100%;padding:.65rem .5rem;font-size:1rem;border:1px solid var(--field-border);box-sizing:border-box}input[type=email]:focus,input[type=number]:focus,input[type=text]:focus,textarea:focus{box-shadow:0 0 0 .1rem var(--box-shadow);outline:none}textarea{height:50px;display:flex}textarea:focus{box-shadow:0 0 0 .1rem var(--box-shadow);outline:none}.error{font-size:12px;color:var(--field-error);margin:.2rem 0 0 1rem}input.error-field{border:1px solid var(--field-error)}.modal-action{margin-top:2rem;display:flex;justify-content:flex-end}.toggle{position:relative;max-width:200px}.toggle *,.toggle :after,.toggle :before{box-sizing:border-box}.toggle input[type=checkbox]{opacity:0;position:absolute;top:0;left:0;padding:0}.toggle input[type=checkbox]:focus~label .toggle__switch,.toggle input[type=checkbox]:hover~label .toggle__switch{background:var(--toggle-bg-hover)}.toggle input[type=checkbox]:checked:focus~label .toggle__switch,.toggle input[type=checkbox]:checked:hover~label .toggle__switch{background:var(--toggle-active-bg-hover)}.toggle input[type=checkbox]:checked~label .toggle__switch{background:var(--toggle-active-bg)}.toggle input[type=checkbox]:checked~label .toggle__switch:before{content:attr(data-unchecked);left:0}.toggle input[type=checkbox]:checked~label .toggle__switch:after{transform:translate3d(28px,0,0);color:var(--toggle-active-text);content:attr(data-checked)}.toggle label{-webkit-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:flex;align-items:center}.toggle label .toggle__label-text{font-size:1rem;padding-right:30px}.toggle .toggle__switch{font-size:10px;height:30px;flex:0 0 60px;border-radius:30px;transition:background-color .3s cubic-bezier(.86,0,.07,1);background:var(--toggle-bg);position:relative}.toggle .toggle__switch:before{left:30px;line-height:30px;width:30px;padding:0 4px;color:var(--bg-content);content:attr(data-checked);top:0}.toggle .toggle__switch:after,.toggle .toggle__switch:before{font-size:10px;position:absolute;text-transform:uppercase;text-align:center}.toggle .toggle__switch:after{font-weight:700;top:2px;left:2px;border-radius:15px;width:28px;line-height:26px;transition:transform .3s cubic-bezier(.86,0,.07,1);color:var(--toggle-active-text);content:attr(data-unchecked);z-index:5;background:var(--bg-content);transform:translateZ(0)}.form-sub-bookmarks{width:100%;border-collapse:collapse;margin-top:20px}.form-sub-bookmarks th{text-align:left;font-weight:400}.form-sub-bookmarks th.col-name{width:120px;padding-left:5px}.form-sub-bookmarks th.col-url{padding-left:5px}.form-sub-bookmarks th.col-delete{width:25px}.form-sub-bookmarks td{border-bottom:1px solid var(--modal-subbookmark-border);border-top:1px solid var(--modal-subbookmark-border);padding:5px 0}.form-sub-bookmarks input{width:98%}.form-sub-bookmarks__remove .hover-buttons{cursor:pointer}.form-sub-bookmarks__buttons{display:none;background:var(--bg-content);border:none;width:20px;padding:0;height:30px}.form-sub-bookmarks tr:hover .form-sub-bookmarks__buttons{display:inline-block}.form-sub-bookmarks tr.tr-invisible{display:none}.ReactModal__Body--open{overflow:hidden}.ReactModal__Overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-overlay);display:flex;align-items:center;justify-content:center}.ReactModal__Content{border:1px solid var(--box-shadow);background:var(--bg-content);overflow:auto;border-radius:4px;outline:none;padding:20px;width:50%;min-width:400px;max-height:calc(100vh - 2rem)}.loading{display:none;background:var(--bg-content);position:fixed;height:100%;width:100%;z-index:1000;top:0;left:0;float:left;text-align:center;padding-top:25%;opacity:.8}.loading.show{display:block}.loading__spinner{margin:0 auto;height:64px;width:64px;animation:rotate .8s linear infinite;border:5px solid var(--secondary);border-right:5px solid transparent;border-radius:50%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (min-width:650px){.app{width:650px}.category{width:300px}}@media (min-width:950px){.app{width:950px}}@media (min-width:1300px){.app{width:1300px}}
/*# sourceMappingURL=main.40715d04.chunk.css.map */