/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}

/* !-- Variables and mixins --------------------------------- */
/* !-- Responsive mixins -- */
/* !-- Clearfix -- */
/* !-- Assistive Text -- */.hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* !-- Layout ----------------------------------------------- */body{margin:0;background-color:#000}.app{position:relative;margin:0 auto;max-width:1400px}@media (min-width:750px){.app{display:flex;flex-direction:column;min-height:100vh;width:100%}}@media (min-width:1100px){.app{width:90%}}@media (min-width:1400px){.app{width:80%}}@media (min-width:900px){.app-view{display:flex;flex-direction:column}}@media (min-width:900px){.app-view,.current-view{flex-grow:1}}.hide-until-loaded{opacity:0}.loaded .hide-until-loaded{opacity:1}

/* !-- Typography ------------------------------------------- */body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:15px;line-height:1.4;color:#2c4158;background-color:#f7f7f9}h2,h3,h4,h5,h6{font-weight:400}ol{margin:0;padding-left:0}ol li{margin-bottom:.5rem}a{text-decoration:none;color:#2174d4}.user-is-tabbing :focus{outline:2px solid rgba(44,65,88,.75);outline-offset:2px}.h-num{position:relative}.number{display:inline-block;position:absolute;top:-3px;left:-42px;padding:5px;border:1px solid #2174d4;border-radius:50px;width:18px;line-height:18px;text-align:center;color:#2174d4}p.danger{color:#f9414f}@media (max-width:550px){h2{margin-top:0}}
/* !-- Header ----------------------------------------------- */h1.site-title{position:relative;margin:0 0 1rem;padding:20px 20px 20px 30px;width:28px;opacity:0;z-index:1}h1.site-title svg{max-width:100%;fill:#3a587c}h1.site-title a{border-radius:.2em}h1.site-title a:focus svg,h1.site-title a:hover svg{fill:#1681ff}@media (max-width:375px){h1.site-title{margin-bottom:0}h1.site-title a:focus #logo-words,h1.site-title a:hover #logo-words{display:none}}.action-bar{position:absolute;top:0;right:0;margin:0;width:100%;padding:30px 20px 20px}.action-bar ul{display:flex;align-items:flex-start;justify-content:flex-end;margin:0;padding-left:10px;list-style:none;cursor:default}.action-bar li{display:flex;margin:0 7px;font-size:14px}.action-bar li a,.action-bar li button{display:inline-block;padding:.25em .5em .25em 25px;border-radius:.2em;background-position:5px;background-repeat:no-repeat;color:#2c4158;transition:none}.action-bar li a:hover,.action-bar li afocus,.action-bar li button:hover,.action-bar li buttonfocus{background-color:rgba(44,65,88,.1)}.action-bar li.edit-mode-off button{border-bottom:2px solid #f9414f}.action-bar.icons-only a,.action-bar.icons-only button{position:relative;padding:0 30px 30px 0;background-size:18px auto;background-position:50%}.action-bar.icons-only a>span,.action-bar.icons-only button>span{opacity:0;position:absolute;top:0;left:0;width:1px}.action-bar.icons-only button.home-icon{background-size:20px}.action-bar.fade{opacity:0;transition:opacity .08s ease-out;transition-delay:.12s}.action-bar.fade.edit-mode,.action-bar.fade:focus,.action-bar.fade:hover{opacity:1}.add-bookmark button{background-image:url(../images/add.svg)}.edit-mode-off button,.edit-mode-on button{background-image:url(../images/edit.svg)}.settings button.settings-icon{background-image:url(../images/settings.svg)}.settings button.home-icon{background-image:url(../images/home.svg)}.premium-link a{background-image:url(../images/lightning.svg)}

/* !-- Bookmarks -------------------------------------------- */.groups-view{min-height:60vh}@media (min-width:750px){.groups-view{display:flex;justify-content:space-between;margin:3rem auto 0}}.groups-edit-view{min-height:60vh}.groups-edit-view .column{min-height:50px}.groups-edit-view .column .drag-target{min-height:60px}.groups-edit-view .column.empty{display:block;position:relative;padding-bottom:0}.groups-edit-view .column.empty:before{content:"Drag and drop a group here";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;margin-top:0;padding-top:0;box-sizing:content-box;border:1px dashed rgba(44,65,88,.75);width:calc(100% - 40px);height:100%;text-align:center;color:rgba(44,65,88,.75);z-index:-1}.groups-edit-view .column.empty .group{position:relative}.groups-edit-view .bookmark{cursor:pointer}.groups-edit-view .bookmark:focus,.groups-edit-view .bookmark:hover{background-color:#fff;color:#2174d4}.groups-edit-view .bookmark .bookmark-name{display:block;padding:.4em .8em;width:calc(100% - 12px - .5rem);line-height:1.2;color:#2c4158;text-align:left;cursor:pointer}.groups-edit-view .bookmark .bookmark-delete{position:absolute;bottom:50%;right:.5rem;transform:translateY(50%);margin:0;padding:0;width:12px;height:12px;font-size:12px;background-color:unset;color:#f9414f;cursor:pointer}.groups-edit-view .bookmark .bookmark-delete svg{width:100%;height:auto;fill:rgba(44,65,88,.1)}.groups-edit-view .bookmark .bookmark-delete:focus,.groups-edit-view .bookmark .bookmark-delete:hover{background-color:unset}.groups-edit-view .bookmark .bookmark-delete:focus svg,.groups-edit-view .bookmark .bookmark-delete:hover svg{fill:#f9414f}.column.show-landing{background-color:rgba(44,65,88,.1)}@media (min-width:750px){.column{box-sizing:border-box;padding:0 20px 20px;width:33%;min-height:50px}}.group.sortable-chosen{opacity:.25}.groups-edit-view .group{cursor:move}.groups-edit-view .group .bookmarks{min-height:30px}@media (min-width:750px){.group{margin-bottom:0}}.bookmarks{margin:0;padding-left:0;list-style:none}.group-name{border-top:1px solid rgba(44,65,88,.75);font-weight:400;text-transform:uppercase;letter-spacing:.1em}.group-name,.group-name.button-inline{margin:10px .8rem 0;padding:4px 0;font-size:11px;line-height:1em;color:rgba(44,65,88,.75)}.group-name.button-inline{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:block;width:calc(100% - 1.6rem);text-align:left;transition:none}.group-name.button-inline:after{content:"";display:none;position:absolute;right:calc(100% + .5em);top:.4rem;width:0;height:0;border:.33rem solid transparent;border-top-color:rgba(44,65,88,.75);opacity:.5}.group-name.button-inline:hover:after{display:block}.bookmark{position:relative;margin-bottom:0;line-height:1.2rem}.bookmark a{display:block;padding:.4em .8em;box-sizing:border-box;line-height:1.2em;color:#2c4158}.bookmark a:focus,.bookmark a:hover{background-color:#fff;color:#2174d4}.bookmark.sortable-chosen{opacity:.25;cursor:pointer}

/* !-- Form views ------------------------------------------- */.form-view{padding:20px}@media (min-width:750px){.form-view{margin:0 auto;max-width:460px}}form p{margin-bottom:1.5rem}input[type=email],input[type=password],input[type=text],input[type=url],textarea{display:block;margin-top:5px;padding:10px;border:1px solid rgba(44,65,88,.75);box-sizing:border-box;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;background-color:transparent;color:#2c4158}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus{outline:none;border-color:#2174d4;background-color:#fff}select{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:5px;padding:10px;border:1px solid rgba(44,65,88,.75);border-radius:0;box-sizing:border-box;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;background-color:transparent;background-image:url(../images/chevron-down.svg);background-position:right 10px center;background-repeat:no-repeat;color:#2c4158}select:focus{outline:none;border-color:#2174d4;background-color:#fff}label{display:block;margin-top:1rem;color:#2c4158}button,input[type=submit]{display:inline-block;margin-top:10px;margin-right:5px;padding:13px 25px;border:none;transition:border-color .3s ease-in-out,background-color .3s ease-in-out,color .3s ease-in-out;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.4;background-color:#2174d4;color:#fff;cursor:pointer}button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#1a5ca8}button:disabled,input[type=submit]:disabled{background-color:rgba(44,65,88,.75);cursor:auto}button:disabled:focus,button:disabled:hover,input[type=submit]:disabled:focus,input[type=submit]:disabled:hover{background-color:rgba(44,65,88,.75)}button.loading,input[type=submit].loading{position:relative;padding-right:calc(25px + 1.5em)}button.loading:after,input[type=submit].loading:after{content:"";display:block;position:absolute;top:50%;right:1em;transform-origin:top;margin:0;height:15px;width:15px;animation:button-rotation .6s linear infinite;border:3px solid hsla(0,0%,100%,.15);border-top-color:hsla(0,0%,100%,.8);border-radius:100%}.button{display:inline-block;margin-top:10px;margin-right:5px;padding:12px 24px;border:1px solid transparent;transition:background-color .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out;background-color:#2174d4;color:#fff}.button:focus,.button:hover{background-color:#1a5ca8}.button.danger{background-color:#f9414f}.button.danger:focus,.button.danger:hover{background-color:#f71021}.button.loading{position:relative;padding-right:calc(25px + 1.5em)}.button.loading:after{content:"";display:block;position:absolute;top:50%;right:1em;transform-origin:top;margin:0;height:15px;width:15px;animation:button-rotation .6s linear infinite;border:3px solid hsla(0,0%,100%,.15);border-top-color:hsla(0,0%,100%,.8);border-radius:100%}.button-ghost{margin-top:10px;background-color:transparent;border:1px solid rgba(44,65,88,.75);color:#2c4158}.button-ghost:focus,.button-ghost:hover{background-color:transparent;border-color:#2174d4;color:#2174d4}.button-ghost.danger{background-color:transparent;border-color:#f9414f;color:#f9414f}.button-ghost.danger:focus,.button-ghost.danger:hover{background-color:transparent;border-color:#ce0616;color:#ce0616}.button-ghost:disabled{opacity:.5;border-color:rgba(44,65,88,.75);color:#2c4158;background:transparent}.button-ghost:disabled:focus,.button-ghost:disabled:hover{border-color:#2c4158;background:transparent}.button-mini,button.button-mini{display:inline;font-size:.75em;text-transform:uppercase}.button-inline,.button-mini,button.button-mini{margin:0;padding:0;background-color:unset;color:#2174d4}.button-inline{font-size:1em;line-height:1.4}.button-inline:focus,.button-inline:hover{background-color:unset}.input-combo{display:flex;margin-top:.5em}.input-combo>*,.input-combo>input[type=submit],.input-combo>input[type=text]{margin-top:0;margin-bottom:0}.input-combo>button{margin-left:.5em;padding:0 1em}.copy-url-input{min-height:6.5em}.copy-url-input .inline-dialog{margin:.5em 0 0;text-align:right}.secret-settings-view h3,.settings-view h3{margin-top:1.5rem;padding-top:.5rem;border-top:1px solid rgba(44,65,88,.75)}.setting-description{color:rgba(44,65,88,.75)}

/* !-- Restore view ----------------------------------------- */.restore-btn-group{display:flex;justify-content:center;align-items:center}.restore-btn-group button{margin-left:5px;margin-right:5px}.restore-heading{font-size:1.2em;text-align:center}.restore-newer-btn{order:1}.restore-older-btn{order:3}.restore-action-btn{order:2}

/* !-- Notify ----------------------------------------------- */.notify{margin:0 auto 2em;padding:8px 14px;width:90%;background-color:#fff;box-shadow:0 2px 4px rgba(44,65,88,.28);z-index:10}.notify.danger{border-color:#f9414f;color:#f9414f}.notify.warning{border-color:#bf7628;color:#bf7628}.notify .button-mini{margin-left:10px}@media (min-width:750px){.notify{position:absolute;left:50%;top:60px;transform:translateX(-50%);width:auto}}

/* !-- Footer ----------------------------------------------- */.footer,.inline-dialog{color:rgba(44,65,88,.75)}.footer{margin-top:3rem;margin-bottom:2rem;text-align:center}.footer a{text-decoration:underline;color:rgba(44,65,88,.75)}

/* !-- Helpers ---------------------------------------------- */.spinner{height:40px;width:40px;margin:150px auto 0;position:relative;animation:rotation .6s linear infinite;border:6px solid rgba(33,116,212,.15);border-top-color:rgba(33,116,212,.8);border-radius:100%}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes button-rotation{0%{transform:rotate(0deg) translateY(-50%)}to{transform:rotate(359deg) translateY(-50%)}}.delay-appear{animation:delay-appear .5s steps(2) forwards}@keyframes delay-appear{0%{opacity:0}to{opacity:1}}
/* !-- Dark mode styles ------------------------------------ */body.light{color:#2c4158;background-color:#f7f7f9}.light.site-title svg{fill:#2c4158}.dark,body.dark{color:#c3c7cc;background-color:#252526}.dark :focus{outline-color:rgba(195,199,204,.65)}.dark a{color:#4990e2}.dark .number{border-color:#4990e2;color:#4990e2}.dark .site-title svg{fill:#c3c7cc}.dark .site-title a:focus svg,.dark .site-title a:hover svg{fill:#4990e2}.dark .action-bar li a,.dark .action-bar li button{transition:none;color:#c3c7cc}.dark .action-bar li a:hover,.dark .action-bar li afocus,.dark .action-bar li button:hover,.dark .action-bar li buttonfocus{background-color:#1d1d1e}.dark .action-bar li.edit-mode-off button{border-color:#ff717d}.dark .add-bookmark button{background-image:url(../images/add-reversed.svg)}.dark .edit-mode-off button,.dark .edit-mode-on button{background-image:url(../images/edit-reversed.svg)}.dark .settings button.settings-icon{background-image:url(../images/settings-reversed.svg)}.dark .settings button.home-icon{background-image:url(../images/home-reversed.svg)}.dark .premium-link a{background-image:url(../images/lightning-reversed.svg)}.dark .settings-view h3{border-color:rgba(195,199,204,.65)}.dark .group-name,.dark .setting-description{color:rgba(195,199,204,.65)}.dark .group-name{border-color:rgba(195,199,204,.65)}.dark .group-name.button-inline{color:rgba(195,199,204,.65)}.dark .group-name.button-inline:after{border-top-color:rgba(195,199,204,.65)}.dark .bookmark a{color:#c3c7cc}.dark .bookmark a:focus,.dark .bookmark a:hover{color:#4990e2;background-color:#1d1d1e}.dark .groups-edit-view .column.empty:before{border:1px dashed rgba(195,199,204,.65);color:rgba(195,199,204,.65)}.dark .groups-edit-view .bookmark:focus,.dark .groups-edit-view .bookmark:hover{background-color:#1d1d1e}.dark .groups-edit-view .bookmark .bookmark-name{color:#c3c7cc}.dark .groups-edit-view .bookmark .bookmark-delete svg{fill:rgba(195,199,204,.1)}.dark .groups-edit-view .bookmark .bookmark-delete:focus svg,.dark .groups-edit-view .bookmark .bookmark-delete:hover svg{fill:#ff717d}.dark .button{color:#fff}.dark .button-ghost{color:#c3c7cc;border-color:rgba(195,199,204,.65)}.dark .button-ghost:focus,.dark .button-ghost:hover{color:#4990e2;border-color:#4990e2}.dark .button-ghost:disabled:focus,.dark .button-ghost:disabled:hover{color:#c3c7cc;border-color:rgba(195,199,204,.65)}.dark .button-inline,.dark .button-mini,.dark button.button-mini{color:#4990e2}.dark input[type=email],.dark input[type=password],.dark input[type=text],.dark input[type=url],.dark select,.dark textarea{color:#c3c7cc;border-color:#c3c7cc}.dark input[type=email]:focus,.dark input[type=password]:focus,.dark input[type=text]:focus,.dark input[type=url]:focus,.dark select:focus,.dark textarea:focus{border-color:#4990e2;background-color:#1d1d1e}.dark label{color:#c3c7cc}.dark .notify{border:1px solid rgba(195,199,204,.2);color:#c3c7cc;background-color:#1d1d1e;box-shadow:0 2px 4px rgba(0,0,0,.28)}.dark .notify.danger{border-color:rgba(195,199,204,.2);color:#ff717d}.dark .notify.warning{border-color:rgba(195,199,204,.2);color:#d8be69}.dark .footer,.dark .footer a,.dark .inline-dialog{color:rgba(195,199,204,.65)}
