.header{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin:0 auto}@media screen and (min-width: 768px){.header{padding:3rem 4rem}}@media screen and (min-width: 1280px){.header{padding:3rem 1rem}}.header__logo-container{display:flex;align-items:center;cursor:pointer}.header__logo-container:hover{transform:scale(1.025)}.header__logo-icon{width:3rem;margin-right:1.25rem}@media screen and (min-width: 1280px){.header__logo-icon{margin-right:1.5rem}}.header__logo-title{font-size:2rem;font-weight:700}@media screen and (min-width: 1280px){.header__logo-title{font-size:2.25rem}}.header__nav{display:none}@media screen and (min-width: 1024px){.header__nav{display:flex;gap:2rem;list-style:none;font-weight:700}}.header__nav-link{cursor:pointer}.header__nav-link:hover{color:orange}@media screen and (min-width: 1280px){.header__nav-link{font-size:1.75rem}}.header__user-pages{display:flex;align-items:center;gap:.75rem}.header__bookmark{width:1.75rem;cursor:pointer}.header__bookmark:hover{filter:invert(38%) sepia(97%) saturate(4762%) hue-rotate(348deg) brightness(98%) contrast(94%)}@media screen and (min-width: 768px){.header__bookmark{width:2rem}}@media screen and (min-width: 1280px){.header__bookmark{width:2.5rem}}.header__profile{display:flex;align-items:center;gap:.75rem;cursor:pointer}.header__avatar{width:2rem}@media screen and (min-width: 1280px){.header__avatar{width:2.5rem}}.header__username{display:none}@media screen and (min-width: 768px){.header__username{font-weight:700;display:block}.header__username:hover{filter:invert(82%) sepia(93%) saturate(430%) hue-rotate(2deg) brightness(91%) contrast(87%)}}@media screen and (min-width: 1280px){.header__username{font-size:1.75rem}}.feed-post{display:flex;flex-direction:column;width:30rem;gap:1rem;padding-bottom:2rem;font-size:1.35rem}@media screen and (min-width: 768px){.feed-post:hover{transform:scale(1.025)}}.feed-post__header{display:flex;align-items:center;cursor:pointer}.feed-post__username{font-weight:700}.feed-post__username:hover{filter:invert(82%) sepia(93%) saturate(430%) hue-rotate(2deg) brightness(91%) contrast(87%)}.feed-post__timestamp{margin-left:.5rem;color:gray}.feed-post__avatar{width:2rem;margin-right:1rem}.feed-post__main{display:flex;flex-direction:column;gap:1rem;cursor:pointer}.feed-post__media-container{display:flex;justify-content:center;overflow:hidden}.feed-post__media{width:100%;display:block;margin-bottom:-2px;transform:scaleX(1.05)}.feed-post__actions{display:flex}.feed-post__action-container{display:flex;align-items:center;margin-right:.5rem;gap:.5rem}.feed-post__action-container--bookmark{margin-left:auto;margin-right:0}.feed-post__action-icon{width:2rem;cursor:pointer}.feed-post__action-icon--like:hover{filter:invert(69%) sepia(73%) saturate(7156%) hue-rotate(308deg) brightness(98%) contrast(94%)}.feed-post__action-icon--comment:hover{filter:invert(65%) sepia(39%) saturate(7412%) hue-rotate(149deg) brightness(94%) contrast(97%)}.feed-post__action-icon--bookmark:hover{filter:invert(38%) sepia(97%) saturate(4762%) hue-rotate(348deg) brightness(98%) contrast(94%)}.loader{display:flex;justify-content:center;gap:.75rem;padding:1.5rem 0}@media screen and (min-width: 768px){.loader{gap:1rem;padding:3rem 0}}@media screen and (min-width: 1280px){.loader{flex:1}}.loader__dot{width:.75rem;height:.75rem;border-radius:50%;background-color:#d3d3d3;opacity:1;animation:bounce .6s infinite alternate}@media screen and (min-width: 768px){.loader__dot{width:1rem;height:1rem}}.loader__dot--2{animation-delay:.2s}.loader__dot--3{animation-delay:.4s}@keyframes bounce{to{opacity:75%;transform:translateY(1rem)}}.main-feed{display:flex;position:relative;flex-direction:column;flex-wrap:wrap;align-content:center;gap:2rem;padding:2rem 0}@media screen and (min-width: 768px){.main-feed{max-height:260rem}}@media screen and (min-width: 1024px){.main-feed{max-height:190rem}}@media screen and (min-width: 1280px){.main-feed{max-height:150rem}}.main-feed__top{position:absolute;top:0}.main-feed__actions{display:flex;flex-direction:column;gap:1rem;position:fixed;bottom:3rem;right:3rem;padding:1rem;z-index:1}@media screen and (min-width: 768px){.main-feed__actions{gap:1.5rem;bottom:5rem;right:5rem}}@media screen and (min-width: 1280px){.main-feed__actions{gap:2rem;right:unset;transform:translate(1700%)}}.main-feed__action{width:4rem;cursor:pointer}.main-feed__action:hover{filter:invert(58%) sepia(81%) saturate(780%) hue-rotate(359deg) brightness(101%) contrast(106%)}@media screen and (min-width: 1280px){.main-feed__action{width:5rem}}.submit-post{display:flex;flex-direction:column;gap:1.25rem;margin:0 auto;padding:2rem 1rem}@media screen and (min-width: 768px){.submit-post{padding:0 4rem 3rem}}@media screen and (min-width: 1280px){.submit-post{padding:0 1rem 3rem}}.submit-post__title--mobile{font-size:1.75rem}@media screen and (min-width: 768px){.submit-post__title--mobile{display:none}}.submit-post__title--td{display:none}@media screen and (min-width: 768px){.submit-post__title--td{display:block;font-size:2rem}}@media screen and (min-width: 1280px){.submit-post__title--td{font-size:2.5rem}}.submit-post__container{display:flex;flex-direction:column;gap:1.25rem}@media screen and (min-width: 768px){.submit-post__container{gap:2.5rem;flex-direction:row}}.submit-post__form-title{font-size:1.3rem;margin:.5rem 0 1rem}.submit-post__form-title--prompter{color:#fff}@media screen and (min-width: 1280px){.submit-post__form-title{font-size:1.5rem}}.submit-post__codes{display:flex;flex-direction:column;gap:2rem}@media screen and (min-width: 768px){.submit-post__codes{gap:2.5rem;flex:1}}.submit-post__editor{display:flex;flex-direction:column;border:1px solid black;border-radius:1rem;padding:1rem 0 1rem 1rem;background-color:#eee}.submit-post__editor--preview{background-color:transparent;padding:0;overflow:hidden}.submit-post__editor-code{height:20rem;border:none;resize:none;background-color:#eee;font-size:1.3rem}@media screen and (min-width: 768px){.submit-post__editor-code{font-size:1.5rem}}.submit-post__editor-code:focus{outline:none}.submit-post__editor-code--preview{height:40rem;padding:0}@media screen and (min-width: 768px){.submit-post__forms{width:35%}}.submit-post__form{display:flex;flex-direction:column;gap:1rem}.submit-post__form-detail{display:flex;flex-direction:column}.submit-post__form-input{height:3rem;border:1px solid black;border-radius:1rem;padding:1rem;font-family:inherit}.submit-post__form-input--description{height:9rem;resize:none}.submit-post__form-input--prompter{background:transparent;border-color:#fff;color:#fff}.submit-post__form-input:focus{outline:none}.submit-post__file-input::file-selector-button{background-color:#fff;border:1px solid black;border-radius:1rem;padding:1rem;font-family:Geist Mono;font-size:1.3rem;color:#000;cursor:pointer}@media screen and (min-width: 1280px){.submit-post__file-input::file-selector-button{font-size:1.5rem}}.submit-post__actions{display:flex;gap:1rem}.submit-post__button{width:50%;border-color:#000;background-color:#fff;margin-top:2rem;padding:1rem;border-radius:1rem;border-width:1px;border-style:solid;font-size:1.3rem;cursor:pointer}@media screen and (min-width: 1280px){.submit-post__button{font-size:1.5rem}}.submit-post__prompter{display:flex;flex-direction:column;margin-top:2rem;padding:2rem;border-radius:1rem;background:linear-gradient(45deg,#6366f1,#8b5cf6);box-shadow:0 0 20px #6366f180;animation:glow 2s ease-in-out infinite alternate}@media screen and (min-width: 768px){.submit-post__prompter{margin-top:5.5rem}}@media screen and (min-width: 1280px){.submit-post__prompter{margin-top:3rem}}@keyframes glow{0%{box-shadow:0 0 20px #6366f180}to{box-shadow:0 0 30px #6366f1cc}}.submit-post__prompter-button{position:relative;width:100%;background-color:transparent;border-color:#fff;color:#fff;overflow:hidden;margin-top:2rem;padding:1rem;border-radius:1rem;border-width:1px;border-style:solid;font-size:1.3rem;cursor:pointer}@media screen and (min-width: 1280px){.submit-post__prompter-button{font-size:1.5rem}}.submit-post__prompter-button--loading{position:relative;cursor:default}.submit-post__prompter-button--loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff3;animation:slideRight 1.5s infinite}@keyframes slideRight{0%{left:-100%}to{left:100%}}.comment{padding-top:2rem;padding-bottom:2rem;font-size:1.3rem}@media screen and (min-width: 1280px){.comment{font-size:1.4rem}}.comment__header{display:flex;align-items:center}.comment__profile{display:flex;align-items:center;cursor:pointer}.comment__avatar{width:2rem;margin-right:1rem}.comment__username:hover{filter:invert(82%) sepia(93%) saturate(430%) hue-rotate(2deg) brightness(91%) contrast(87%)}.comment__timestamp{margin-left:.5rem;color:gray}.comment__comment{margin-top:1rem;margin-left:3rem}.comments{padding:1rem}.comments__title{font-size:1.5rem;margin-bottom:.5rem}@media screen and (min-width: 768px){.comments__title{font-size:1.75rem}}.comments__form{display:flex;padding:1rem;border:1px solid black;border-radius:1rem}.comments__input{flex:1;border:none;outline:none;resize:none}.comments__button{border:none;margin-left:.5rem;background-color:transparent;cursor:pointer}.comments__button:hover{filter:invert(22%) sepia(21%) saturate(3865%) hue-rotate(225deg) brightness(94%) contrast(97%)}.comments__button-icon{width:2rem}.selected-post{display:flex;flex-direction:column;gap:1.25rem;margin:0 auto;padding:2rem 1rem}@media screen and (min-width: 768px){.selected-post{padding:0 4rem 3rem}}@media screen and (min-width: 1280px){.selected-post{padding:0 1rem 3rem}}@media screen and (min-width: 768px){.selected-post__main{display:flex;gap:2.5rem}}.selected-post__codes{display:flex;flex-direction:column;gap:2.5rem;margin-bottom:1rem}@media screen and (min-width: 768px){.selected-post__codes{flex:1}}@media screen and (min-width: 768px){.selected-post__more{width:35%}}.selected-post__header{display:flex;align-items:center}.selected-post__profile{display:flex;align-items:center;cursor:pointer}.selected-post__avatar{width:2rem;margin-right:1rem}.selected-post__username{font-size:1.3rem}@media screen and (min-width: 768px){.selected-post__username{font-size:1.5rem}}.selected-post__username:hover{filter:invert(82%) sepia(93%) saturate(430%) hue-rotate(2deg) brightness(91%) contrast(87%)}.selected-post__timestamp{margin-left:.5rem;color:gray;font-size:1.3rem}@media screen and (min-width: 768px){.selected-post__timestamp{font-size:1.5rem}}.selected-post__title{font-size:1.5rem}@media screen and (min-width: 768px){.selected-post__title{font-size:2rem}}.selected-post__editor{display:flex;flex-direction:column;border:1px solid black;border-radius:1rem;padding:1rem 0 1rem 1rem;background-color:#eee}.selected-post__editor--preview{background-color:transparent;padding:0;overflow:hidden}.selected-post__editor-header{display:flex;align-items:center;margin-bottom:2rem;padding:.5rem 0;font-size:1.3rem}@media screen and (min-width: 768px){.selected-post__editor-header{font-size:1.5rem}}.selected-post__copy-code{width:2rem;margin-left:.5rem;cursor:pointer}.selected-post__copy-code:hover{filter:invert(22%) sepia(21%) saturate(3865%) hue-rotate(225deg) brightness(94%) contrast(97%)}.selected-post__editor-code{height:20rem;border:none;resize:none;background-color:#eee;font-size:1.3rem}@media screen and (min-width: 1280px){.selected-post__editor-code{font-size:1.4rem}}.selected-post__editor-code:focus{outline:none}.selected-post__editor-code--preview{height:40rem;padding:0}.selected-post__description{font-size:1.3rem}@media screen and (min-width: 1280px){.selected-post__description{font-size:1.5rem}}.selected-post__actions{padding:1rem 0;display:flex;gap:1rem;font-size:1.3rem}@media screen and (min-width: 1280px){.selected-post__actions{font-size:1.4rem}}.selected-post__action-button{display:flex;align-items:center;padding:1rem;cursor:pointer}.selected-post__action-icon{width:2rem;margin-right:.5rem}.selected-post__action-icon--like:hover{filter:invert(69%) sepia(73%) saturate(7156%) hue-rotate(308deg) brightness(98%) contrast(94%)}.selected-post__action-icon--comment:hover{filter:invert(65%) sepia(39%) saturate(7412%) hue-rotate(149deg) brightness(94%) contrast(97%)}.selected-post__action-icon--bookmark:hover{filter:invert(38%) sepia(97%) saturate(4762%) hue-rotate(348deg) brightness(98%) contrast(94%)}.no-bookmarks{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:5rem;padding:0 2rem;text-align:center}.no-bookmarks__robot{width:3rem}@media screen and (min-width: 768px){.no-bookmarks__robot{width:3.5rem}}@media screen and (min-width: 1280px){.no-bookmarks__robot{width:4rem}}.no-bookmarks__message{font-size:1.25rem;line-height:2rem}@media screen and (min-width: 768px){.no-bookmarks__message{font-size:1.5rem}}@media screen and (min-width: 1280px){.no-bookmarks__message{font-size:1.75rem}}.no-bookmarks__message--feed{padding-bottom:.1rem;border-bottom:2px dotted black;cursor:pointer}.no-bookmarks__message--feed:hover{filter:invert(22%) sepia(21%) saturate(3865%) hue-rotate(225deg) brightness(94%) contrast(97%)}.bookmarks{display:flex;flex-direction:column;align-items:center;margin:0 auto;padding:2rem 1rem}.bookmarks__title{font-size:1.75rem;margin-bottom:6rem}@media screen and (min-width: 768px){.bookmarks__title{font-size:2rem;margin-bottom:5rem}}@media screen and (min-width: 1280px){.bookmarks__title{font-size:2.5rem}}.bookmarks__list{display:flex;position:relative;flex-direction:column;flex-wrap:wrap;align-content:center;gap:1.25rem}@media screen and (min-width: 768px){.bookmarks__list{height:100rem}}@media screen and (min-width: 1280px){.bookmarks__list{height:50rem}}.bookmarks__list--more{height:75rem}.user-posts{display:flex;flex-direction:column;align-items:center;margin:0 auto;padding:2rem 1rem}.user-posts__title{font-size:1.75rem;margin-bottom:6rem}@media screen and (min-width: 768px){.user-posts__title{font-size:2rem;margin-bottom:5rem}}@media screen and (min-width: 1280px){.user-posts__title{font-size:2.5rem}}.user-posts__list{display:flex;position:relative;flex-direction:column;flex-wrap:wrap;align-content:center;gap:1.25rem;height:50rem}.user-posts__list--more{height:75rem}@font-face{font-family:Geist Mono;src:url(/assets/GeistMono-Bold-CSwH2ALC.woff2) format("woff2"),url(/assets/GeistMono-Bold-wrftHeHi.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/assets/GeistMono-Light-BGjM5RJB.woff2) format("woff2"),url(/assets/GeistMono-Light-w-_sxE8G.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/assets/GeistMono-Regular-CFbM8S8x.woff2) format("woff2"),url(/assets/GeistMono-Regular-DM2AjkoR.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/assets/GeistMono-Thin-DevXXx3Q.woff2) format("woff2"),url(/assets/GeistMono-Thin-BsXTWOXW.woff) format("woff");font-weight:100;font-style:normal;font-display:swap}html{box-sizing:border-box;font-size:62.5%;scroll-behavior:smooth}*,*:after,*:before{box-sizing:inherit;margin:0;padding:0}body{font-family:Geist Mono,Arial,Helvetica,sans-serif;font-size:1.5rem;color:#000}button{font-family:inherit;color:inherit}:root{background-color:#fff}.wrapper{background-color:#fff;max-width:1280px;margin:0 auto}