@charset "UTF-8";@font-face{font-family:NunitoSans;src:url(NunitoSans-Black.25b65b82.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:NunitoSans;src:url(NunitoSans-Italic.10e65a29.ttf) format("truetype");font-weight:400;font-style:italic;font-display:block}@font-face{font-family:NunitoSans;src:url(NunitoSans-BlackItalic.79f9eb76.ttf) format("truetype");font-weight:400;font-style:italic;font-display:block}@font-face{font-family:NunitoSans;src:url(NunitoSans-Bold.0168d7b0.ttf) format("truetype");font-weight:700;font-style:normal;font-display:block}@font-face{font-family:NunitoSans;src:url(NunitoSans-BoldItalic.348eeb63.ttf) format("truetype");font-weight:700;font-style:italic;font-display:block}@font-face{font-family:NunitoSans;src:url(NunitoSans-Light.520a69a1.ttf) format("truetype");font-weight:lighter;font-style:normal;font-display:block}@font-face{font-family:NunitoSans;src:url(NunitoSans-LightItalic.ab9caf74.ttf) format("truetype");font-weight:lighter;font-style:italic;font-display:block}@font-face{font-family:icomoon;src:url(icomoon.fe3a06bf.eot);src:url(icomoon.fe3a06bf.eot) format("embedded-opentype"),url(icomoon.ae1a0ca0.ttf) format("truetype"),url(icomoon.677e02ea.woff) format("woff"),url(icomoon.a7e0de42.svg) format("svg");font-weight:400;font-style:normal;font-display:block}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-up:before{content:"";color:#17325c}.icon-left:before{content:"";color:#17325c}.icon-down:before{content:"";color:#17325c}.icon-right:before{content:"";color:#17325c}.icon-bookmark_fill:before{content:""}.icon-refuse:before{content:"";color:#17325c}.icon-burger:before{content:"";color:#17325c}.icon-check:before{content:""}.icon-bookmark_default:before{content:""}.icon-search:before{content:""}.icon-log_out:before{content:""}.icon-bin:before{content:""}body{margin:0;background-color:#f4f5f7;font-family:NunitoSans;font-size:.9em;min-height:100vh;display:flex;flex-direction:column;overflow-y:hidden}body>div{flex-grow:2}fieldset{padding:0;margin:0;border:0}h1{text-align:center;font-size:1.5em}h2{color:#17325c;font-weight:700;font-size:1.2em}a{text-decoration:none}a:link,a:visited{color:#ff2f2d}a:hover{text-decoration:underline}button{font-family:NunitoSans}input{width:99%}input::placeholder{font-family:NunitoSans}input[type=checkbox]{width:inherit}.header{align-items:center;background:url(background-header.59d83ae0.svg);background-position:50%;background-size:cover;color:#fff;display:flex;justify-content:space-between;padding:1em;box-sizing:border-box;height:5rem}.playlistTheme .header{background:#121212}.playlistTheme .header input{display:none}.header .button{border-radius:20px;cursor:pointer;color:#fa7269;background-color:#fff;padding:.75em 1.5em;font-weight:700;border:0;margin-right:2em}.header .button:focus,.header .button:hover{color:#ff2f2d}.playlistTheme .header .button{color:#fff;background-color:#000}.header .searchWrapper{width:50%;max-width:35em}.header .searchWrapper input{background:none;border:2px solid #fff;color:#fff;font-weight:700;height:2em;outline:none;border-radius:20px;padding:.2em .5em}.header .searchWrapper input::placeholder{color:#fff;font-weight:700}.header .searchWrapper .searchSuggestions{top:calc(2em + 2px);left:.5em;z-index:9000;color:#000}.auth-wrapper{text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column}.container{height:100vh;overflow-y:auto}.logo{background:url(logo.b5e58d32.svg);background-position:50%;background-size:cover;height:39px;width:122px;display:block;cursor:pointer}.header-right{display:flex;align-items:center}.logout{cursor:pointer;font-size:1.5em;margin-left:1em}.logout:hover{color:#f4f5f7}.avatar{width:40px;height:40px;border-radius:50px;border:2px solid #fff}.addForm{background-color:#fff;padding:1em;width:100%}.addFormWrapper{width:100%;max-width:50em;margin:0 auto}.addForm fieldset{margin:1.5em 0}.addForm fieldset:first-of-type{margin-top:0}.addForm label{color:#17325c;display:block;margin-bottom:.25em;font-weight:700;font-size:.8em}.addForm input{border:none;border-bottom:1px solid #17325c;padding:.2em .2em .2em 0}.addForm input::placeholder{color:#17325c}.addFormButton{border-radius:20px;border:0;color:#fff;cursor:pointer;padding:.5em 1em;font-weight:700}.addFormButton i:before{margin-right:.5em;color:#fff}.cancel{background-color:#ff2f2d;margin-right:1em}.cancel:focus,.cancel:hover{background-color:#fa7269}.confirm{background-color:#6ed3cf}.confirm:focus,.confirm:hover{background-color:#b6dab4}.tagsWrapper.isError input,input.isError{border-color:#ff2f2d}.urlError{font-size:.8em;color:#ff2f2d}.mainWrapper{display:flex;min-height:70%;max-width:80em;margin:1rem auto}.searchWrapper{position:relative}.searchSuggestions{position:absolute;top:calc(1.3em + 1px);left:0;background-color:#fff;box-shadow:1px 2px 1px 0 rgba(0,0,0,.3);width:100%}.searchSuggestion{cursor:pointer;padding:.2em;border:1px solid #f4f5f7}.searchSuggestion:hover{background-color:#7887ac}.moreSearchSuggestion{padding:.2em;color:#8a8a8a}.readings{flex-grow:2;flex-basis:0;overflow:hidden;padding:0 2em}.reading{background-color:#fff;border-radius:5px;box-shadow:-5px 6px 5px 0 hsla(0,0%,61.2%,.3);color:#17325c;margin:1em 0;padding:1em;display:flex;min-height:3em;position:relative}.readingLeft{flex-grow:2;display:flex;flex-direction:column;overflow:hidden}.delete{cursor:pointer}.delete:hover{color:#7887ac}.delete,.delete-cancel,.delete-confirm{font-size:1em}.delete-cancel{margin-left:.5em}.reading:first-of-type{margin-top:0}.url{font-weight:700;margin-bottom:.5em;text-overflow:ellipsis;text-decoration:underline;overflow:hidden;white-space:nowrap}.url:hover{color:#fa7269}.tags{display:flex;flex-flow:row wrap;margin-top:.5em}.tags span{font-size:.85em;border-radius:8px;background-color:#dfefff;color:#17325c;padding:.3em .5em;margin:.25em;cursor:pointer}.tags span:hover{background-color:#b8c8f5}.postedBy{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;margin-left:1em;max-width:12em;cursor:pointer}.postedBy:hover{text-decoration:underline}.userPhoto{width:2em;border-radius:50px;margin-left:.5em}.clearButton{margin-bottom:1em}.notification{text-align:center;margin:1em}.notification span{background-color:#6ed3cf;color:#fff;border-radius:5px;padding:.5em}.savingMessage{margin-left:2em}.errorPage{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;min-height:100vh;width:100%}.errorPage div:nth-of-type(2){margin:1em 0;font-weight:700}.instructions{font-style:italic;font-size:.8em}.slackFieldset{margin-bottom:1em!important}.slackFieldset label{display:inline;margin-right:1em}.hidden{display:none}.createdAt{text-align:right;color:hsla(0,0%,61.2%,.75)}.readingRight{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.playlists-wrapper{width:100%}.playlists-wrapper .playlists{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid;gap:1rem;width:100%;justify-items:center;padding-top:2rem;background:#212121}.playlists-wrapper .playlist{cursor:pointer}.playlists-wrapper .playlist img{width:300px;height:300px}.playlists-wrapper .playlist div{text-align:center;font-weight:700;font-size:1.25rem;color:#b3b3b3}.openedPlaylistWrapper{display:flex;min-height:calc(100vh - 5rem);background-color:#535353;color:#d5d5d5}.openedPlaylistWrapper aside{background-color:#121212;width:22rem;height:calc(100vh - 5rem);overflow:auto}.openedPlaylistWrapper aside::-webkit-scrollbar{width:15px}.openedPlaylistWrapper aside::-webkit-scrollbar-thumb{background:#212121}.openedPlaylistWrapper aside ul{list-style-type:none;padding:0;margin:0;font-size:.75rem}.openedPlaylistWrapper aside li{display:flex;font-size:1.25em;justify-content:space-between;padding:.5rem 1rem;cursor:pointer}.openedPlaylistWrapper aside li.active{background-color:#212121;color:#fff}.openedPlaylistWrapper aside li .name{width:19rem;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden;font-weight:700}.openedPlaylistWrapper aside li .duration{margin-left:1.7rem}.openedPlaylistWrapper main{flex-grow:1}.openedPlaylistWrapper main header{align-items:center;background:linear-gradient(90deg,#212121,#535353);box-sizing:border-box;display:flex;width:100%;height:6rem;padding:0 .5rem}.openedPlaylistWrapper main .headerTitle{margin-right:auto;display:flex;flex-direction:column;justify-content:center}.openedPlaylistWrapper main i{margin:0 .75rem 0 .25rem}.openedPlaylistWrapper main i:before{color:#fff}.openedPlaylistWrapper main h2{margin:0 auto 0 0}.openedPlaylistWrapper main img{width:80px;margin-right:1rem;margin-left:auto}.openedPlaylistWrapper h2{font-size:1.25rem;color:#fff}.openedPlaylistWrapper .videoWrapper{display:flex;justify-content:center;width:100%;height:calc(100vh - 11rem);box-sizing:border-box}.openedPlaylistWrapper iframe{width:100%;height:100%;border:0}.backToPlaylists{cursor:pointer}