.tags__input{align-items:flex-start;border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;flex-wrap:wrap;margin:1.2rem 0;padding:1rem 1.2rem}.tags__input:focus-within{border:1px solid var(--color-primary)}.tags__input input{border:none;padding:.4rem 0 0 .4rem}.tags__input input:focus{outline:transparent}.input__list{display:flex;flex-wrap:wrap;gap:1rem;list-style:none}.input__item{align-items:center;background:var(--color-primary);border-radius:6px;color:var(--color-white);display:flex;gap:.8rem;height:3rem;justify-content:center;padding:1rem}.input__item i{background:var(--color-white);border-radius:var(--border-radius-big);color:var(--color-primary);cursor:pointer;height:1.6rem;line-height:1.6rem;width:1.6rem}.CodeMirror{color:#000;direction:ltr;font-family:monospace;height:300px}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{background-color:#f7f7f7;border-right:1px solid #ddd;white-space:nowrap}.CodeMirror-linenumber{color:#999;min-width:20px;padding:0 3px 0 5px;text-align:right;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{background:#7e7;border:0!important;width:auto}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection{background:0 0}.cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background:0 0}.cm-fat-cursor{caret-color:transparent}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:-50px}.CodeMirror-ruler{border-left:1px solid #ccc;bottom:0;position:absolute;top:0}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-invalidchar,.cm-s-default .cm-error{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{background:#fff;overflow:hidden;position:relative}.CodeMirror-scroll{height:100%;margin-bottom:-50px;margin-right:-50px;outline:0;overflow:scroll!important;padding-bottom:50px;position:relative}.CodeMirror-sizer{border-right:50px solid transparent;position:relative}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{display:none;outline:0;position:absolute;z-index:6}.CodeMirror-vscrollbar{overflow-x:hidden;overflow-y:scroll;right:0;top:0}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-x:scroll;overflow-y:hidden}.CodeMirror-scrollbar-filler{bottom:0;right:0}.CodeMirror-gutter-filler{bottom:0;left:0}.CodeMirror-gutters{left:0;min-height:100%;position:absolute;top:0;z-index:3}.CodeMirror-gutter{display:inline-block;height:100%;margin-bottom:-50px;vertical-align:top;white-space:normal}.CodeMirror-gutter-wrapper{background:0 0!important;border:none!important;position:absolute;z-index:4}.CodeMirror-gutter-background{bottom:0;position:absolute;top:0;z-index:4}.CodeMirror-gutter-elt{cursor:default;position:absolute;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{word-wrap:normal;-webkit-tap-highlight-color:transparent;-webkit-font-feature-settings:"calt";font-feature-settings:"calt";background:0 0;border-radius:0;border-width:0;color:inherit;font-family:inherit;font-size:inherit;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual;line-height:inherit;margin:0;overflow:visible;position:relative;white-space:pre;z-index:2}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.CodeMirror-linewidget{padding:.1px;position:relative;z-index:2}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{box-sizing:content-box}.CodeMirror-measure{height:0;overflow:hidden;position:absolute;visibility:hidden;width:100%}.CodeMirror-cursor{pointer-events:none;position:absolute}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{position:relative;visibility:hidden;z-index:3}.CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:0 0}.EasyMDEContainer{display:block}.CodeMirror-rtl pre{direction:rtl}.EasyMDEContainer.sided--no-fullscreen{display:flex;flex-direction:row;flex-wrap:wrap}.EasyMDEContainer .CodeMirror{word-wrap:break-word;border:1px solid #ddd;border-bottom-left-radius:4px;border-bottom-right-radius:4px;box-sizing:border-box;font:inherit;height:auto;padding:10px;z-index:0}.EasyMDEContainer .CodeMirror-scroll{cursor:text}.EasyMDEContainer .CodeMirror-fullscreen{background:#fff;border-bottom-right-radius:0!important;border-right:none!important;bottom:0;height:auto;left:0;position:fixed!important;right:0;top:50px;z-index:8}.EasyMDEContainer .CodeMirror-sided{width:50%!important}.EasyMDEContainer.sided--no-fullscreen .CodeMirror-sided{border-bottom-right-radius:0;border-right:none!important;flex:1 1 auto;position:relative}.EasyMDEContainer .CodeMirror-placeholder{opacity:.5}.EasyMDEContainer .CodeMirror-focused .CodeMirror-selected{background:#d9d9d9}.editor-toolbar{border-left:1px solid #bbb;border-right:1px solid #bbb;border-top:1px solid #bbb;border-top-left-radius:4px;border-top-right-radius:4px;padding:9px 10px;position:relative;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.editor-toolbar.fullscreen{background:#fff;border:0;box-sizing:border-box;height:50px;left:0;opacity:1;padding-bottom:10px;padding-top:10px;position:fixed;top:0;width:100%;z-index:9}.editor-toolbar.fullscreen:before{background:linear-gradient(90deg,#fff 0,hsla(0,0%,100%,0));height:50px;left:0;margin:0;padding:0;position:fixed;top:0;width:20px}.editor-toolbar.fullscreen:after{background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff);height:50px;margin:0;padding:0;position:fixed;right:0;top:0;width:20px}.EasyMDEContainer.sided--no-fullscreen .editor-toolbar{width:100%}.editor-toolbar .easymde-dropdown,.editor-toolbar button{background:0 0;border:1px solid transparent;border-radius:3px;cursor:pointer;display:inline-block;height:30px;margin:0;padding:0;text-align:center;text-decoration:none!important}.editor-toolbar button{width:30px}.editor-toolbar button.active,.editor-toolbar button:hover{background:#fcfcfc;border-color:#95a5a6}.editor-toolbar i.separator{border-left:1px solid #d9d9d9;border-right:1px solid #fff;color:transparent;display:inline-block;margin:0 6px;text-indent:-10px;width:0}.editor-toolbar button:after{font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:65%;position:relative;top:2px;vertical-align:text-bottom}.editor-toolbar button.heading-1:after{content:"1"}.editor-toolbar button.heading-2:after{content:"2"}.editor-toolbar button.heading-3:after{content:"3"}.editor-toolbar button.heading-bigger:after{content:"▲"}.editor-toolbar button.heading-smaller:after{content:"▼"}.editor-toolbar.disabled-for-preview button:not(.no-disable){opacity:.6;pointer-events:none}@media only screen and (max-width:700px){.editor-toolbar i.no-mobile{display:none}}.editor-statusbar{color:#959694;font-size:12px;padding:8px 10px;text-align:right}.EasyMDEContainer.sided--no-fullscreen .editor-statusbar{width:100%}.editor-statusbar span{display:inline-block;margin-left:1em;min-width:4em}.editor-statusbar .lines:before{content:"lines: "}.editor-statusbar .words:before{content:"words: "}.editor-statusbar .characters:before{content:"characters: "}.editor-preview-full{height:100%;left:0;position:absolute;top:0;width:100%;z-index:7}.editor-preview-full,.editor-preview-side{box-sizing:border-box;display:none;overflow:auto}.editor-preview-side{word-wrap:break-word;border:1px solid #ddd;bottom:0;position:fixed;right:0;top:50px;width:50%;z-index:9}.editor-preview-active-side{display:block}.EasyMDEContainer.sided--no-fullscreen .editor-preview-active-side{flex:1 1 auto;height:auto;position:static}.editor-preview-active{display:block}.editor-preview{background:#fafafa;padding:10px}.editor-preview>p{margin-top:0}.editor-preview pre{background:#eee;margin-bottom:10px}.editor-preview table td,.editor-preview table th{border:1px solid #ddd;padding:5px}.cm-s-easymde .cm-tag{color:#63a35c}.cm-s-easymde .cm-attribute{color:#795da3}.cm-s-easymde .cm-string{color:#183691}.cm-s-easymde .cm-header-1{font-size:200%;line-height:200%}.cm-s-easymde .cm-header-2{font-size:160%;line-height:160%}.cm-s-easymde .cm-header-3{font-size:125%;line-height:125%}.cm-s-easymde .cm-header-4{font-size:110%;line-height:110%}.cm-s-easymde .cm-comment{background:rgba(0,0,0,.05);border-radius:2px}.cm-s-easymde .cm-link{color:#7f8c8d}.cm-s-easymde .cm-url{color:#aab2b3}.cm-s-easymde .cm-quote{color:#7f8c8d;font-style:italic}.editor-toolbar .easymde-dropdown{border:1px solid #fff;border-radius:0;position:relative}.editor-toolbar .easymde-dropdown,.editor-toolbar .easymde-dropdown:hover{background:linear-gradient(to bottom right,#fff,#fff 84%,#333 0,#333)}.easymde-dropdown-content{background-color:#f9f9f9;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:block;padding:8px;position:absolute;top:30px;visibility:hidden;z-index:2}.easymde-dropdown:active .easymde-dropdown-content,.easymde-dropdown:focus .easymde-dropdown-content,.easymde-dropdown:focus-within .easymde-dropdown-content{visibility:visible}span[data-img-src]:after{background-image:var(--bg-image);background-repeat:no-repeat;background-size:contain;content:"";display:block;height:0;max-height:100%;max-width:100%;padding-top:var(--height);width:var(--width)}.CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word){background:rgba(255,0,0,.15)}.image-upload.center{flex-direction:column;margin:2rem 0}.image-upload.center,.image-upload__preview{align-items:center;display:flex;justify-content:center}.image-upload__preview{border:1px solid #ccc;height:13rem;margin-bottom:1rem;width:13rem}.image-upload__preview img{height:100%;object-fit:cover;width:100%}.container-create-page,.container-edit-page{align-items:center;background:var(--color-white);display:flex;flex-direction:column;font-size:1.6rem;font-weight:500;margin:2rem auto 0;max-width:80rem;padding:3.5rem 2rem 4.375rem;width:100%}.form__create h2,.form__edit h2{color:#525252;font-size:3.3rem;margin:1rem 0;text-align:center}@media (min-width:1024px){.form__create h2,.form__edit h2{font-size:5rem}}.form__create label,.form__edit label{color:#525252;font-weight:700}.form__group{margin:2rem 0}span.input__error{color:#ff4500}.modal{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;font-size:1.5rem;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:all .3s ease-in-out;z-index:1}.modal.enter-done{opacity:1;pointer-events:visible}.modal.exit{opacity:0}.modal--show{opacity:1;pointer-events:visible}.modal__content{background-color:var(--color-white);border-radius:var(--border-radius);padding:1.5rem;-webkit-transform:translateY(-20rem);transform:translateY(-20rem);transition:all .3s ease-in-out;width:40%}.modal.enter-done .modal__content{-webkit-transform:translateY(0);transform:translateY(0)}.modal.exit .modal__content{-webkit-transform:translateY(-20rem);transform:translateY(-20rem)}.modal__header{align-items:center;display:flex;justify-content:space-between;padding:.7rem 0}.modal__header i{cursor:pointer}.modal__footer{display:flex;gap:1rem;justify-content:center;text-align:center}.modal .btn{font-size:1.6rem;text-transform:none}.modal .btn--delete{background:var(--btn-bg-red);color:var(--color-white)}.modal__title{font-size:2rem}.modal__container{align-items:center;display:flex;flex-direction:column}.modal__body{border-top:2px solid #707070;padding:1.5rem 0}.modal__title{margin:0}.nav__list--modal{align-items:center;flex-direction:column;gap:1rem;justify-content:center;margin-top:2.5rem;width:100%}ul.nav__list--modal a{min-width:auto}ul.nav__list--modal li:not(:first-child){margin-left:0}.nav__list--modal li{display:block;text-align:center;width:80%}.nav__logo--modal{align-items:center;display:flex;height:6.5rem;justify-content:center;margin:1.5rem;-webkit-transform:rotate(-15deg);transform:rotate(-15deg);width:6.5rem}.nav__list--modal .nav__link--create{background:var(--color-primary);color:var(--color-white);display:inline-block;width:100%}.skeleton{background:#ddd;border-radius:4px;margin:1rem 0}.skeleton.text{height:1.2rem;width:100%}.skeleton.span{height:1rem;width:50%}.skeleton.title{height:2rem;margin-bottom:1.5rem;width:50%}.skeleton.avatar{border-radius:50%;height:10rem;width:10rem}.skeleton.thumbnail{height:20rem;width:100%}@media (min-width:500px){.skeleton.thumbnail{height:30rem;width:100%}}.skeleton-wrapper{background:#f2f2f2;margin-bottom:2rem;overflow:hidden;position:relative}.skeleton-article{border:1px solid #ddd;border-radius:var(--border-radius);padding:1.5rem}.skeleton--page{display:flex;justify-content:space-between;margin:5rem auto 0;max-width:116rem;width:90%}.skeleton--post{width:100%}.skeleton--author{display:none;width:25%}.skeleton--post .skeleton.thumbnail{height:43rem}.skeleton-tags{display:flex}@media (min-width:1024px){.skeleton--author{display:block}.skeleton--post{width:70%}}.shimmer-wrapper{-webkit-animation:loading .5s infinite;animation:loading .5s infinite;height:100%;left:0;position:absolute;top:0;width:100%}.shimmer{background:hsla(0,0%,100%,.5);box-shadow:0 0 3rem 3rem hsla(0,0%,100%,.5);height:100%;-webkit-transform:skew(-20deg);transform:skew(-20deg);width:50%}@-webkit-keyframes loading{0%{-webkit-transform:translateX(-150%);transform:translateX(-150%)}50%{-webkit-transform:translateX(-60%);transform:translateX(-60%)}to{-webkit-transform:translateX(150%);transform:translateX(150%)}}@keyframes loading{0%{-webkit-transform:translateX(-150%);transform:translateX(-150%)}50%{-webkit-transform:translateX(-60%);transform:translateX(-60%)}to{-webkit-transform:translateX(150%);transform:translateX(150%)}}.skeleton__tags{display:flex;flex-direction:column;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:2rem;width:90%}.skeleton__tag-item{border:1px solid #fafafa;border-radius:var(--border-radius);border-top:1.6rem solid #000;box-shadow:var(--box-shadow);min-height:20rem;padding:1rem 2rem}@media (min-width:768px){.skeleton__tags{flex-direction:row}.skeleton__tag-item{width:48.9%}}@media (min-width:1024px){.skeleton__tag-item{width:32%}}.container-auth{align-items:center;background:var(--color-white);display:flex;flex-direction:column;font-size:1.6rem;font-weight:500;max-width:64rem;padding:3.5rem 2rem 4.375rem;width:100%}.container-auth>*{margin-top:2rem}.auth__social{color:var(--color-white);display:flex;flex-direction:column;gap:.7rem;width:90%}@media (min-width:640px){.container-auth{border:1px solid var(--border-color);border-radius:var(--border-radius)}}.welcome{align-items:center;display:flex;flex-direction:column;gap:2rem}.welcome__title{font-size:3rem}.form__auth{max-width:55rem}.form__options{margin-top:2rem}.form__options h2,.form__options p{margin-bottom:1.5rem;text-align:center}.form__group{margin-bottom:2rem}.btn__auth{border:1px solid var(--color-primary);text-align:center;width:100%}.form__auth a.btn__auth,.form__auth button.btn__auth{font-size:1.4rem}.btn__auth--mode{background-color:var(--color-primary);color:var(--color-white)}.btn__auth--switch{border:1px solid var(--color-primary);color:var(--color-primary)}button.btn__social{align-items:center;background:var(--bg-primary);color:var(--color-gray);display:flex;font-size:1.6rem;gap:1rem;justify-content:center;text-transform:none;width:100%}button.btn--gh{background:var(--color-black);color:var(--color-white)}button.btn--fb{background:#4065b5;color:var(--color-white)}button.btn--tw{background:#3796f2;color:var(--color-white)}button i{font-size:2.3rem;margin-top:.3rem}.author__image{--webkit-shape-outside:circle(50% at 50% 50%);--webkit-clip-path:circle(50% at 50% 50%);border-radius:var(--border-radius-circle);-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%);height:4rem;min-width:3rem;shape-outside:circle(50% at 50% 50%);width:4rem}*,:after,:before{box-sizing:inherit;margin:0;padding:0}body{background:#efefef;box-sizing:border-box;color:#000;color:var(--color-black);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1.4rem;font-weight:400;line-height:1.6;overflow-x:hidden}#root{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}html{font-size:62.5%}:root{--color-primary:#3b49df;--color-black:#000;--color-white:#fff;--color-gray:#404040;--bg-primary:#f5f5f5;--bg-secondary:#fff;--btn-bg-secondary:#bdbdbd;--btn-bg-secondary-hover:#3d3d3d;--btn-bg-red:#b91c1b;--icon-color-like:#dc2625;--icon-color-unicorn:#169668;--icon-color-bookmark:#4f45e5;--icon-bg-hover-like:#f4e2e1;--icon-bg-hover-unicorn:#e1ece7;--icon-bg-hover-bookmark:#f5f5f5;--border-radius:7px;--border-radius-big:10px;--border-radius-circle:50%;--border-color:#e5e5e5;--box-shadow:0 1rem 2rem rgba(0,0,0,.15);--box-shadow-2:0 0 0 1px rgba(0,0,0,.15)}.btn,.btn:link,.btn:visited{border:none;border-radius:7px;border-radius:var(--border-radius);cursor:pointer;display:inline-block;font-size:1.23rem;padding:1.2rem 2rem;text-decoration:none}@media (max-width:56.25em){.btn,.btn:link,.btn:visited{font-size:1.2rem}}.btn--hover:focus,.btn--hover:hover{background:#bdbdbd;background:var(--btn-bg-secondary)}ul{list-style:none}a{color:#000;color:var(--color-black);text-decoration:none}img{object-fit:cover}.container-layout{align-items:flex-start;background-color:#00ffa2;display:flex;gap:2rem;margin:0 auto;max-width:128rem;width:100%}.reading-list__heading,.results__heading,.tag-page__heading{margin:2rem 1rem}.container-search-results,.reading-list,.tag-page{margin:0 auto;max-width:80rem}.reading-list p{margin-left:1rem}@media (min-width:768px){.container-layout{background-color:#00ffa2;padding:0 2rem}}.center{align-items:center;display:flex;justify-content:center;text-align:center}form{display:flex;flex-direction:column;text-align:left;width:100%}form input,form label{color:#000;color:var(--color-black);margin:0;width:100%}form input{border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:7px;border-radius:var(--border-radius);margin-top:1rem;padding:1rem 2rem}.author__details{font-size:1.3rem}.author{background:var(--color-white);border:1px solid #fafafa;box-shadow:var(--box-shadow-2);color:#575757;font-size:1.6rem;padding:3rem 2rem;width:100%}.author__details p{color:var(--color-gray)}.author__details h3{margin-top:0}.author__content{display:flex;gap:1rem;margin-bottom:1rem}@media (min-width:768px){.author{border-radius:var(--border-radius-big)}}@media (min-width:1024px){.author{align-self:start;border-radius:var(--border-radius-big);flex-grow:1;width:27%}}.author .author__bio{margin:0;width:100%}.container-posts{width:100%}.container-posts>ul{display:flex;flex-direction:column;gap:2rem}.flow-content>*+*{margin-top:1rem}.preview{background:var(--color-white)}.preview__image img{width:100%}@media (min-width:768px){.preview{border-radius:var(--border-radius)}.preview .preview__image{display:block}.preview__image img{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);width:100%}}.preview__details{font-size:1.2rem;padding:0 2rem 2rem}.title-link{color:var(--color-black)}.title-link:focus,.title-link:hover{color:var(--color-primary)}.title-link h2{font-size:2.4rem;margin-bottom:1rem}.preview__tags{display:flex;flex-wrap:wrap;gap:1rem;list-style:none}.preview__tags a{color:#090909;font-size:1.4rem}.preview__author{display:flex;font-size:1.4rem;gap:1rem;margin-top:2rem;padding-left:1.6rem}.author__image img{height:100%;width:100%}.preview .author__details{display:flex;flex-direction:column;font-size:1.4rem}.preview .author__name{color:var(--color-black);display:inline-block;font-weight:500;margin-top:0}.preview .author__date{font-size:1.2rem}.preview__reactions{margin-top:2rem}.preview__reactions,.preview__reactions>*{display:flex;justify-content:space-between}.preview__reactions>*{align-items:center;gap:1rem;width:40%}.comments__total,.reactions__total{color:var(--color-black);display:flex;flex-direction:column;padding:.5rem .8rem}.reactions__text{display:none}@media (min-width:350px){.preview__reactions--left>*,.preview__reactions--right>*{align-self:center;flex-direction:row}.preview__reactions span{align-self:center}}@media (min-width:768px){.preview__reactions>*{width:45%}.reactions__text{display:inline-block}}.preview__reactions i{margin-right:.8rem}.preview__reactions button:focus,.preview__reactions button:hover{border-radius:var(--border-radius)}.comments__total:focus,.comments__total:hover,.reactions__total:focus,.reactions__total:hover,.user-react a:focus{background:#f6f6f6;border-radius:var(--border-radius)}button.btn--save{background:#d6d6d7;font-size:1.4rem;padding:.8rem 1rem;text-transform:none}button.btn--save:hover{background:#bdbdbd}.btn-div{display:inline-block;padding-top:8rem}.sidebar--right{display:none;flex-direction:column;width:50%}.discuss,.news,.webdev{background:#fafafa;border:1px solid #efefef;border-radius:var(--border-radius);display:flex;flex-direction:column}.discuss,.webdev{margin-top:2rem}.discuss h3,.news h3,.webdev h3{border-bottom:1px solid #efefef;margin-left:0;padding:.5rem 1.5rem}.post__item{border-bottom:1px solid #efefef;padding:1rem 1.5rem}.post__item a{color:var(--color-black);font-size:1.5rem}@media (min-width:1024px){.sidebar--right{display:flex}}.about{background:var(--color-white);border:2px solid #efefef;border-radius:7px;gap:2rem;padding:2rem 2rem 1rem}.about,.about__links{display:flex;flex-direction:column}.about__links{gap:1rem}.about__links a{display:inline-block;text-align:center;width:100%}.hvr-underline:focus,.hvr-underline:hover{text-decoration:underline}.about__bold{font-size:2rem;font-weight:800;line-height:1.3}.about__bold--co{color:var(--color-primary)}.container-sidebar{display:none;max-width:24rem}ul.sidebar__list{align-items:flex-start;display:flex;flex-direction:column;font-size:1.65rem}.sidebar__list .list__item{padding:.5rem 1.1rem}.sidebar-tags,.sidebar__list{margin-left:1rem;margin-top:1rem}ul.sidebar__list li:not(:first-child){margin-left:0}.sidebar__list .dropdown__item{padding:0}.sidebar__list a{align-items:center;color:var(--color-black);display:flex}.sidebar-tags-list{display:flex;flex-direction:column;list-style:none;padding:.5rem 2.5rem .5rem .5rem}.sidebar-tags-list a{font-size:1.6rem}@media (min-width:768px){.container-sidebar{display:flex}.sidebar--left{display:flex;flex-direction:column}ul.sidebar__list{gap:.5rem}.sidebar-tags-list{gap:.7rem;padding:.5rem}.sidebar__list a{gap:1rem}}.btn--profile-cta{background-color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--border-radius);color:var(--color-white);cursor:pointer;font-size:1.5rem;font-weight:500;margin:1.5rem 0;padding:1.1rem 1.3rem;width:100%}button.btn.btn--profile-cta:hover{background-color:rgba(0,0,0,.1)}.container-user{border-top:1px solid #fafafa;display:flex;flex-direction:column;gap:1.5rem;margin-top:3rem}.container-user .author__image{box-shadow:0 0 0 3px #000;height:6rem;margin-top:-3rem;width:6rem}.wrapper__user--posts .author__image{height:4.5rem;margin-top:0;width:4.5rem}.container-user>*{margin-left:.5rem}.user__main{background:var(--color-white);border-bottom:1px solid #fafafa;box-shadow:0 1rem 2rem rgba(0,0,0,.1);margin:0 auto 0 .5rem;padding:1rem 2rem;width:98%}.main__cta{display:flex;justify-content:space-between;margin-top:1rem}.main__cta .btn--profile-cta{margin-top:0;min-width:8rem;width:20%}.btn--profile-edit{text-align:center}.info__other{color:#575757;display:flex;flex-direction:column;margin-top:2rem}.info__other>*{display:flex;gap:1rem;margin-bottom:1rem}.user__content{display:flex;gap:2rem;width:98%}.user__content>*{width:100%}@media (min-width:768px){.user__content,.user__main{border-radius:var(--border-radius);margin:0 auto;width:98%}.main__cta{align-items:center;flex-direction:column;justify-content:center}.main__cta .btn--follow{margin-top:1rem}.info__bio{margin:0 auto;text-align:center;width:80%}.info__other{flex-direction:row;gap:2rem;justify-content:center}.user__main .author__image{height:10rem;margin-left:45%;margin-top:-4.4rem;width:10rem}}@media (min-width:1024px){.container-user{margin:5rem auto 0;width:80%}}.user__side{display:none;gap:2rem;max-width:30%}@media (min-width:768px){.user__side{display:flex;flex-direction:column}}.user__skills,.user__stats{background:var(--color-white);border:2px solid #efefef;border-radius:var(--border-radius);overflow-wrap:break-word;padding:2rem}.user-stats ul{list-style:none}.container-notif-page{max-width:100%;min-height:50vh;width:100%}.notif__heading{margin:0 0 1rem 1rem}.notifications>p{margin-left:1rem}.notif{background:var(--color-white);display:flex;gap:.7rem;margin-bottom:1rem;padding:1.25rem 1.5rem}.notif__details{font-size:1.3rem;width:90%}.notif__details p{font-style:italic}.notif__meta{display:flex;justify-content:space-between}.meta__title{font-size:1.6rem;font-weight:700;margin-bottom:1rem}@media (min-width:768px){.container-notif-page{font-size:1.7rem;max-width:60rem}.notif{border-radius:var(--border-radius);padding:1.7rem 2rem}h3{font-size:2rem}}.container{margin-left:auto;margin-right:auto}.container-nav{display:flex;max-width:128rem;padding-top:.5rem}.pic{height:5%;width:30%}header{background-color:#0f0;margin-bottom:1rem;padding:.3rem 1rem;position:relative}.header__logo{color:var(--color-black)}@media (min-width:300px){header{padding-right:1rem}}.header__hamburger-menu{background-color:var(--color-black);cursor:pointer;height:2px;margin-right:1rem;margin-top:2rem;width:1.6rem}.header__hamburger-menu:after,.header__hamburger-menu:before{background-color:var(--color-black);content:"";cursor:pointer;display:block;height:2px;width:1.6rem}.header__hamburger-menu:before{-webkit-transform:translateY(-6px);transform:translateY(-6px)}.header__hamburger-menu:after{-webkit-transform:translateY(4px);transform:translateY(4px)}.header__logo-search{align-items:flex-start;display:flex}.search-bar,.search-bar--mobile{background:var(--color-white);border:1px solid #c00000;border-radius:var(--border-radius);margin:0 1.7rem;padding:1.1rem}.search-bar{display:none}.search-bar--mobile{margin:.5rem;width:99%}.nav{display:flex;font-size:1.6rem;font-weight:400;margin-left:auto}.nav__list{align-items:center;display:flex;list-style:none;padding:0}.nav__list a{min-width:14rem}.list__item--mobile{display:none}.nav__list .nav__btn{background:transparent;padding:0}.login-link{color:var(--color-gray)}.item--create{border:1px solid var(--color-primary);border-radius:7px}.create-link{color:var(--color-primary)}.item--create:focus a,.item--create:hover a{color:#fff}.nav__list li:not(:first-child){margin-left:2rem}.search-icon{cursor:pointer}@media (min-width:768px){.list__item--mobile,.search-bar{display:inline-block}.header__hamburger-menu,.search-icon{display:none}.header__logo-search{width:45%}.search-bar{width:100%}.search-mobile-container{display:none}}.list__item{padding:.8rem 1.1rem}.list__item--notifs{padding:.3rem .5rem}.nav__list .author__image{height:3rem;width:3rem}.hvr-bg-lt:focus,.hvr-bg-lt:hover{background-color:rgba(49,62,190,.2);border-radius:var(--border-radius);color:var(--color-primary);text-decoration:underline}.item--create:focus,.item--create:hover{background-color:var(--color-primary);color:#fff;text-decoration:underline}.dropdown{background:var(--color-white);border:2px solid #fafafa;border-radius:var(--border-radius);box-shadow:0 1rem 2rem rgba(0,0,0,.1);left:auto;min-width:25rem;position:absolute;right:1rem;top:6rem;width:100%;z-index:999}.dropdown--close{display:none}@media (min-width:640px){.dropdown{width:auto}}.dropdown__list li:not(:first-child){margin-left:0}.dropdown__list li{padding:1rem 2rem}.dropdown__list li:first-child{border-bottom:1px solid #fafafa;padding:.6rem 2rem}.dropdown__list li:last-child{border-top:1px solid #fafafa}.dropdown__btn{background:transparent;font-size:1.6rem;padding:0}.dropdown small{color:#404040}.link--notifs-icon{position:relative}.notif__counter{align-items:center;background-color:#666fcf;border-radius:50%;color:var(--color-white);display:flex;font-size:1rem;font-weight:600;height:5px;justify-content:center;padding:.8rem;position:absolute;right:-5px;top:-5px;width:5px}.side-drawer{background:var(--color-white);background:rgba(0,0,0,.75);bottom:0;box-shadow:0 2px 8px rgba(0,0,0,.26);height:100vh;left:0;position:fixed;right:0;top:0;width:100%;z-index:100}.drawer__content{background-color:var(--color-white);max-width:30rem;min-height:100vh;width:100%}@media (min-width:500px){.drawer__content{width:40%}}.side-drawer i{cursor:pointer;font-size:1.8rem;padding-right:.8rem}.side-drawer__top{align-items:center;display:flex;justify-content:space-between;padding:1rem 2rem}.tags{display:flex;flex-direction:column;flex-wrap:wrap;gap:1.5rem;margin-top:2rem;width:90%}.tags__item{border:1px solid #fafafa;border-radius:var(--border-radius);border-top:1.6rem solid #000;box-shadow:var(--box-shadow);min-height:20rem;padding:1rem 2rem}@media (min-width:768px){.tags{flex-direction:row}.tags__item{width:48.9%}}@media (min-width:1024px){.tags__item{width:32%}}.tag__name{color:var(--color-black);font-size:1.7rem}.tag__name h3{margin-left:0}.btn-tag-follow{background:#bdbdbd;border-radius:var(--border-radius);font-size:1.5rem;font-weight:500;text-transform:none}.btn-tag-follow:hover{background:#d6d6d7}button.btn-following{background:#f5f5f5;border:2px solid #a3a3a3;color:var(--color-black)}button.btn-following:hover{background:rgba(0,0,0,.035)}.post__reactions{display:none}.reactions__block{align-items:center;display:flex;flex-direction:column}.reactions__like,.reactions__save,.reactions__unicorn{align-items:center;border:2px solid transparent;border-radius:var(--border-radius-circle);cursor:pointer;display:flex;justify-content:center;padding:.8rem}.reactions__like:hover{background:var(--icon-bg-hover-like);position:relative;transition:all .4s}.reactions__like:hover:after{align-items:center;border-color:var(--icon-color-like);border-radius:var(--border-radius-circle);content:"";display:flex;height:150%;justify-content:center;left:-1rem;padding:1.2rem;position:absolute;top:-1rem;transition:all .4s;width:150%;z-index:-1}.clicked--like{color:var(--icon-color-like)}.clicked--unicorn{color:var(--icon-color-unicorn)}.clicked--bookmark{color:var(--icon-color-bookmark)}.reactions__liked{border:2px solid var(--icon-color-like)}.reactions__liked:after{background:var(--icon-color-like);opacity:0;-webkit-transform:scaleX(1.4) scaleY(1.6);transform:scaleX(1.4) scaleY(1.6)}.reactions__unicorn:hover{background:var(--icon-bg-hover-unicorn);color:var(--icon-color-unicorn);position:relative;transition:all .2s}.reactions__unicorn:hover:after{align-items:center;border-radius:50%;content:"";display:flex;height:150%;justify-content:center;left:-1rem;padding:1.2rem;position:absolute;top:-1rem;transition:all .2s;width:150%;z-index:-1}.reactions__unicorn:hover:after,.reactions__unicorned{border-color:var(--icon-color-unicorn)}.reactions__unicorned:after{background:#4a5853;opacity:0;-webkit-transform:scaleX(1.4) scaleY(1.6);transform:scaleX(1.4) scaleY(1.6)}.reactions__save:hover{background:var(--icon-bg-hover-save);color:var(--icon-color-bookmark);position:relative;transition:all .2s}.reactions__save:hover:after{align-items:center;border-radius:50%;content:"";display:flex;height:150%;justify-content:center;left:-1rem;padding:1.2rem;position:absolute;top:-1rem;transition:all .4s;width:150%;z-index:-1}.reactions__save:hover:after,.reactions__saved{border-color:var(--icon-color-bookmark)}.reactions__saved:after{background:var(--icon-color-bookmark);opacity:0;-webkit-transform:scaleX(1.4) scaleY(1.6);transform:scaleX(1.4) scaleY(1.6)}@media (min-width:768px){.post__reactions{align-items:center;display:flex;flex-direction:column;gap:2rem;margin-top:10rem;width:7%}.post__reactions i span{font-style:normal}}.comments{background:var(--color-white);border-radius:var(--border-radius-big);display:flex;flex-direction:column;gap:1.6rem;padding:2.5rem 1.5rem}.comment-form{display:flex;gap:1.5rem}.comment-form form{gap:1rem}.comment-form input{background:var(--color-white);border:none;box-shadow:var(--box-shadow-2);flex-grow:2;font-size:1.6rem;margin-top:0;padding:2rem}.btn--comment{align-self:flex-start;background:var(--color-primary);color:var(--color-white);font-size:1.5rem;font-weight:500;padding:1.2rem;text-transform:none}.comments__btn>*{margin-right:1rem}.container-comment{display:flex;gap:1.5rem}.author__image--comment{height:3.5rem;width:3.5rem}.comment{width:84%}@media (min-width:450px){.comment{width:92%}}.comment__content{border-radius:var(--border-radius);box-shadow:var(--box-shadow-2);display:flex;flex-direction:column;font-size:1.6rem;gap:1rem;margin-bottom:.5rem;padding:1.2rem 2rem}.comment__author{font-weight:600}.comment__meta{align-items:center;display:flex;font-size:1.5rem;gap:1.5rem}.comment__meta span{align-self:center;font-size:1.3rem;font-style:italic}.comment .preview__reactions{font-size:1.25rem;gap:2rem;margin-top:0}.preview__reactions--left div{cursor:pointer}.preview__reactions--right{margin-right:1rem}.comments__total{background:transparent;display:flex;flex-direction:row;gap:.5rem;padding:.5rem 1rem}.comments__total>span{display:flex;gap:1rem}.replies,.reply-form{margin-left:1rem}.replies .post__author-img{height:2.5rem;width:2.5rem}.comment__liked,.comment__liked i,.comment__liked span{color:var(--icon-color-like)}.comment__liked{background:rgba(var(--icon-color-like),.3);background:#f4e2e1;border-radius:var(--border-radius);font-weight:500}@media (min-width:600px){.comment .preview__reactions{gap:5rem;justify-content:flex-start}}@media (min-width:768px){.comment .preview__reactions{margin-bottom:1rem;margin-left:1rem;width:60%}}.container-layout-post{display:flex;flex-direction:column;max-width:128rem;padding-top:2rem}.post{background:var(--color-white);border-radius:10px}.container-post{display:flex;flex-direction:column;gap:1rem;margin:0;width:100%}.post__body{background:var(--color-white);margin-top:2rem;padding:0 2rem}.post__author{display:flex;gap:1rem;width:100%}.post__image{width:100%}.post__image img{height:100%;width:100%}.post__heading{margin:1.5rem 0}.post__text{font-size:1.7rem;font-weight:400;line-height:1.8;margin:2rem 0;padding:0 .5rem}.post__text>*{padding:1rem 0}.post__text a{color:var(--color-primary)}.preview__tag--post{font-size:1.6rem}.post__auth{display:flex;gap:1rem}.post__auth>*{font-size:1.5rem;padding:1rem 1.5rem}.auth__edit{background:var(--color-primary);border-radius:var(--border-radius);color:var(--color-white)}.auth__delete{background:var(--btn-bg-red);color:var(--color-white)}@media (min-width:768px){.container-layout-post{flex-direction:row;margin:0 auto}.container-post{border-radius:10px;margin-bottom:2rem;width:88%}.post__heading{font-size:3.6rem}.post__image img{border-radius:1rem;border-bottom-left-radius:0;border-bottom-right-radius:0}}@media (min-width:1024px){.post{flex-grow:3;width:71%}.container-post{flex-direction:row;width:92%}}footer{align-items:center;background:#00353a;color:#0eff9b;display:flex;flex-direction:column;font-size:1.4rem;justify-content:center;margin-top:5rem;padding:4rem 3rem;width:100%}footer a{color:var(--color-primary)}
/*# sourceMappingURL=main.9c3e59b2.css.map*/