section#loading{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.loading-spinner{display:inline-block;flex:0 70px}.loading-spinner>div{width:18px;height:18px;background-color:#ccc;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.app-container,aside,aside nav,aside nav li a,main{display:flex}.loading-spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.loading-spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes bouncedelay{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.button{background:#232323;padding:.75rem 1.5rem;border:none;color:#ccc;font-size:.7rem;font-weight:400;text-transform:uppercase;text-decoration:none;letter-spacing:.02em;cursor:default;border-radius:.3rem}.button:focus,.button:hover{cursor:default;color:#ccc;background-color:rgb(23.7254901961%,23.7254901961%,23.7254901961%);-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;transition:background-color .2s linear}.button:active{background-color:rgb(28.7254901961%,28.7254901961%,28.7254901961%);-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;transition:background-color .2s linear}.button.button-primary{background:#259C66;color:#fff}.button.button-primary:focus,.button.button-primary:hover{color:#fff;background-color:rgb(18.3440008128%,77.342273697%,50.5699481865%)}.button.button-primary:active{background-color:rgb(23.7671441634%,81.9191303464%,55.5308340953%)}.button.button-secondary{background:rgb(90.6862745098%,90.6862745098%,90.6862745098%);color:#232323}.button.button-secondary:focus,.button.button-secondary:hover{background-color:rgb(80.6862745098%,80.6862745098%,80.6862745098%)}.button.button-secondary:active{background-color:rgb(85.6862745098%,85.6862745098%,85.6862745098%)}.button.button-danger{background:rgb(90.6862745098%,90.6862745098%,90.6862745098%);color:#c52f2f}.button.button-danger:focus,.button.button-danger:hover{background-color:#c52f2f;color:#fff}.button.button-danger:active{background-color:#c52f2f}.button.button-naked{background-color:transparent;color:#259C66}.button.button-naked:focus,.button.button-naked:hover{background:rgb(90.6862745098%,90.6862745098%,90.6862745098%)}.button.button-naked:active{background:#259C66;color:#fff}.ui-widget{font-family:"Helvetica Neue",sans-serif;width:300px!important}.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active{border:none;background-color:#259C66;font-weight:400;color:#fff}#content section nav ul li a:hover,a{color:#259C66}aside header h1 a:hover,aside nav li a:hover{background:rgb(18.7254901961%,18.7254901961%,18.7254901961%);color:#f4f4f4}*{margin:0;padding:0;box-sizing:border-box;outline:0;-moz-outline:none;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent}:active,:focus,:hover{outline:0;-moz-outline:none;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent}body,html{background:#f4f4f4;font-family:"Helvetica Neue",sans-serif;font-size:16px;text-rendering:optimizeLegibility;color:#232323}a:hover{color:rgb(12.592705476%,53.0935690338%,34.7150259067%)}.app-container{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;flex-direction:row;justify-content:flex-start;align-items:stretch}nav{display:block}aside{flex:0 0 4rem;z-index:23;background:#232323;overflow:hidden;flex-direction:column;justify-content:stretch}aside header{flex:0 5rem}aside header h1 a{text-decoration:none;display:block;padding-top:1.25rem;padding-bottom:1.25rem;line-height:1rem;text-align:center;border-bottom:1px solid rgb(18.7254901961%,18.7254901961%,18.7254901961%);-webkit-transition:all .1s linear;-moz-transition:all .1s linear;transition:all .1s linear}aside header h1 a:hover,aside nav li a{-webkit-transition:all .1s linear;-moz-transition:all .1s linear}aside header h1 a:hover{transition:all .1s linear}aside header h1 a img{border:none;width:2.5rem;height:2.5rem}aside nav{flex:1;flex-direction:column;flex-wrap:nowrap;justify-content:space-between}aside nav ul{flex:0}aside nav ul.primary{flex-basis:8rem}aside nav ul.secondary{align-self:flex-end}aside nav li{display:inline-block}aside nav li#nav-search{display:none}aside nav li a{width:4rem;height:4rem;align-items:center;justify-content:center;transition:all .1s linear}aside nav li a svg{flex:1;width:24px;height:24px;margin-left:auto;margin-right:auto}aside nav li a svg path{fill:#888}aside nav li a:hover{-webkit-transition:all .1s linear;-moz-transition:all .1s linear;transition:all .1s linear}aside nav li a.active svg path{fill:#ccc}main{flex:1;background-color:#fff;flex-direction:column;overflow:hidden}section#search{flex:0 80px;background:#f4f4f4;width:100%;z-index:2342}section#search .search-input{position:relative;display:block;padding:1rem 2rem;width:50%}section#search .search-input input[type=text]{width:100%;height:3rem;line-height:1rem;padding:1rem;border:none;border-radius:2px;font-size:1rem;font-family:"Helvetica Neue",sans-serif;background:#ebebeb;transition:background-color .1s linear}section#search .search-input input[type=text]:focus{background:#fff}section#search .search-input button#clear-search{position:absolute;display:inline-block;height:3rem;width:3rem;top:1rem;right:2rem;padding:.75rem;border:none;background:0 0}section#search .search-input button#clear-search.hidden{display:none}section#search .search-input button#clear-search svg path{fill:#888}section#search .search-input button#clear-search:hover{cursor:pointer}section#search .search-input button#clear-search:hover svg path{fill:#232323}#content{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}#content section header,#content section nav{background:#f4f4f4}#content section header{padding:1.5rem 2rem}#content section header h2{line-height:2rem;font-size:1.5rem;font-weight:400}#content section nav{width:100%;height:5rem;display:flex;align-items:center;justify-content:center;text-align:center}#content section nav ul{list-style:none;margin:0 auto}#content section nav ul li{display:inline-block;margin:0 1.5rem}#content section nav ul li a{padding:.75rem 1.5rem;text-decoration:none;border-radius:3px;-webkit-transition:background-color .1s linear;-moz-transition:background-color .1s linear;transition:background-color .1s linear}#content section nav ul li a.active,#content section nav ul li a:hover{background-color:rgb(90.6862745098%,90.6862745098%,90.6862745098%);-webkit-transition:background-color .1s linear;-moz-transition:background-color .1s linear;transition:background-color .1s linear}ul.bookmark-list{list-style:none;margin-bottom:2rem}li.bookmark{background:#fff;border-bottom:1px solid #efefef;padding:1rem 2rem;position:relative}li.bookmark h4{font-size:1.3rem;font-weight:500;margin-bottom:6px;padding-right:2rem}li.bookmark .meta{color:#888;font-size:.8rem}li.bookmark .meta .tag{padding:0 6px;background:#efefef;border-radius:3px}li.bookmark .description{margin-top:8px}li.bookmark .actions{position:absolute;top:1rem;right:2rem}li.bookmark .actions a{display:inline-block;padding:3px;border:1px solid #f4f4f4;border-radius:.25rem;background-color:#fff}li.bookmark .actions a svg{display:block;position:relative;width:20px;height:20px;margin:0}li.bookmark .actions a svg path{fill:#888;transition:all .1s linear}li.bookmark .actions a:hover{color:rgb(12.592705476%,53.0935690338%,34.7150259067%);cursor:pointer}li.bookmark .actions a:hover svg path{fill:rgb(12.592705476%,53.0935690338%,34.7150259067%);transition:all .1s linear}li.bookmark .actions a:hover svg.icon-trash path{fill:#b61f1f}section#no-bookmarks{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}section#no-bookmarks .illustration{margin-bottom:5rem}section#no-bookmarks .illustration svg{height:12rem;width:auto}section#no-bookmarks .text p{margin-bottom:2rem;text-align:center}section#no-bookmarks p.learn_more{display:none}#bookmark-edit form,#bookmark-new form{display:block;width:100%;max-width:800px;padding:2rem;background:#fff}#bookmark-edit form fieldset,#bookmark-new form fieldset{border:none}#bookmark-edit form .control-group,#bookmark-new form .control-group{display:block;position:relative;margin-bottom:1.5rem}#bookmark-edit form .control-group label,#bookmark-new form .control-group label{display:block;width:7rem;position:absolute;bottom:0;left:0;padding:.5rem;font-size:.7rem;line-height:1rem;color:#888;text-transform:uppercase}#bookmark-edit form .control-group input[type=text],#bookmark-new form .control-group input[type=text]{display:block;width:100%;padding:.5rem .5rem .5rem 7rem;font-family:"Helvetica Neue",sans-serif;font-size:1rem;line-height:1rem;border:none;border-bottom:1px solid #ccc;border-radius:.5rem}#bookmark-edit form .control-group input[type=text]:focus,#bookmark-new form .control-group input[type=text]:focus{border-color:#259C66;-webkit-transition:border-color .2s linear;-moz-transition:border-color .2s linear;transition:border-color .2s linear}#bookmark-edit form .controls,#bookmark-new form .controls{padding-top:.5rem}section#bookmark-saved{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}section#bookmark-saved .controls{margin-top:5rem}section#bookmark-saved .checkmark{width:56px;height:56px;border-radius:50%;display:block;stroke-width:2;stroke:#fff;stroke-miterlimit:10;box-shadow:inset 0 0 0 #259C66;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}section#bookmark-saved .checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#259C66;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}section#bookmark-saved .checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{100%{stroke-dashoffset:0}}@keyframes scale{0%,100%{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{100%{box-shadow:inset 0 0 0 30px #259C66}}section#bookmarklet{padding:1.5rem 2rem}section#bookmarklet h3{font-size:1.3rem;font-weight:400;margin-bottom:1rem}section#bookmarklet p.hint{margin-bottom:1.5rem}section article{width:100%;max-width:900px;padding:0 2rem 8rem;margin:0 auto}section article h3,section article p{margin-bottom:2rem}section article h3{font-weight:700;line-height:1.5em;margin-top:4rem}section article p{font-size:1rem;line-height:1.5rem}section article .illustration-bookmarks{float:right;margin:0 0 2rem 5rem}section article .illustration-bookmarks img{width:240px;height:auto}#remotestorage-widget{position:fixed;top:0;right:0}body.about #remotestorage-widget,body.privacy #remotestorage-widget{display:none}@media screen and (max-width:600px){aside header h1 a:hover,aside nav li a:hover{background:0 0}.app-container{flex-direction:column}aside{flex:0 0 3rem;display:flex;flex-direction:row}aside header{flex:0 3rem}aside header h1 a{display:inline-block;padding:8px}aside header h1 a img{width:32px;height:32px}aside nav{flex-direction:row}aside nav ul.primary{flex-basis:6rem;align-self:flex-end;order:2}aside nav ul.primary li{float:right}aside nav ul.secondary{order:1}aside nav ul.secondary li{display:none}aside nav li#nav-search{display:inline-block}aside nav li a{width:3rem;height:3rem}section#search{flex:0 3rem;transition:margin-top .15s linear}section#search .search-input{width:100%;padding:0}section#search .search-input input[type=text]{background:#ebebeb;border-radius:0}section#search .search-input input[type=text]:focus{background:#ebebeb}section#search .search-input button#clear-search{top:0;right:0}section#search.hidden{margin-top:-3rem;transition:margin-top .15s linear}li.bookmark{padding:1rem}li.bookmark .actions{right:1rem}#content section header{padding:1.5rem 1rem}section#no-bookmarks .illustration svg{height:8rem}section#no-bookmarks p.learn_more{display:block}#bookmark-edit form,#bookmark-new form{padding:2rem 1rem}#bookmark-edit form .control-group label,#bookmark-new form .control-group label{position:relative;padding:0 .5rem}#bookmark-edit form .control-group input[type=text],#bookmark-new form .control-group input[type=text]{padding:.5rem}#bookmark-edit form .controls,#bookmark-new form .controls{overflow:auto}#bookmark-edit form .controls .button,#bookmark-new form .controls .button{width:100%}#bookmark-edit form .controls .button-primary,#bookmark-new form .controls .button-primary{margin-bottom:1rem}#bookmark-edit form .controls .button:nth-child(2){float:left;width:48%}#bookmark-edit form .controls .button:nth-child(3){float:right;width:48%}section#bookmarklet{padding:1.5rem 1rem}section#welcome{margin:2rem}section#welcome h2{font-size:1.5rem}section#welcome p{font-size:1rem}section article{padding:0 1rem 4rem}section article h3,section article p{margin-bottom:1.5rem}section article h3{margin-top:2rem}section article .illustration-bookmarks{float:none;margin:3rem auto;text-align:center}section article .illustration-bookmarks img{width:200px}#remotestorage-widget{bottom:0;top:auto}#remotestorage-widget .rs-widget.rs-state-connected{margin:0!important;border-radius:0}}