@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&display=swap";@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.button{display:flex;justify-content:center;align-items:center;min-height:3.5rem;font-family:IBM Plex Mono,Courier New,Courier,sans-serif;font-size:1.125rem;font-weight:600;color:var(--gray-200);background-color:var(--black);border:2px solid transparent;cursor:pointer;padding:.85rem 1.25rem 1rem;transition:box-shadow .3s ease-out;svg {position: absolute;}}.button:hover,.button:focus{outline:none;box-shadow:-.35rem .35rem 0 0 var(--red)}.button:focus-visible{outline:none}.create-thought__container{display:flex;flex-flow:row wrap;border:2px solid var(--black);box-shadow:-.5rem .5rem 0 0 var(--black);background-color:var(--gray-200);padding:1.25rem}.create-thought__title{display:flex;flex-direction:column;width:100%;margin-top:0}.create-thought__form{display:flex;flex-direction:column;gap:.5rem;width:100%;label,output {font-size: .875rem; font-weight: 600;} label {margin-bottom: 1rem;} textarea {font-family: "IBM Plex Mono","Courier New","Courier",sans-serif; font-size: 1rem; padding: .875rem; resize: none; width: 100%; border: 1px solid var(--black); border-radius: 0; transition: box-shadow .3s ease-out; &:hover {box-shadow: -.25rem .25rem 0 0 var(--gray-500);} &:focus {outline: none; box-shadow: -.25rem .25rem 0 0 var(--black);}}}.info{display:flex;align-items:center;gap:.75rem;font-size:.8em;font-weight:600;transition:all .3s ease;p {margin: 0 0 .15rem;}}.info--error{background-color:#fff;border:2px solid var(--red);padding:.85rem 1rem}.create-thought__character-count{display:block;width:100%;text-align:right}.create-thought__button{width:100%}.happy-thought{display:flex;flex-flow:row wrap;border:2px solid var(--black);box-shadow:.5rem .5rem 0 0 var(--black);padding:.875rem}.happy-thought__title{flex-basis:100%;margin:0 0 1rem;overflow-wrap:anywhere}.happy-thought__footer{display:flex;justify-content:space-between;flex-basis:100%;align-items:flex-end;align-self:flex-end;font-size:.85em}.happy-thought__likes,.happy-thought__timestamp{color:var(--gray-700)}.happy-thought__likes{display:flex;align-items:center;gap:0;p {position: relative; display: inline-flex; margin: 0; gap: .25rem; top: -.125rem; i {font-style: normal;}}}.happy-thought__like-btn{display:flex;align-items:center;justify-content:center;height:2.25rem;width:2.25rem;border-radius:2.25rem;border:none;padding:0;position:relative;left:-.25rem;font-size:1.25em;cursor:pointer;background-color:transparent}.happy-thought__like-btn.is-disabled{cursor:not-allowed}.happy-thought__like-btn.is-disabled:hover{background-color:transparent}@media (min-width: 1024px){.happy-thought__like-btn{height:2.25rem;width:2.25rem;border-radius:2.25rem}.happy-thought__like-btn:hover{background-color:var(--gray-200)}}:root{margin:0;font-family:IBM Plex Mono,Courier New,Courier,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--black: #000;--gray-700: #666;--gray-500: #aaa;--gray-200: #eee;--red: #ff6b46}*,*:before,*:after{box-sizing:border-box}*:focus-visible{outline:2px solid var(--red);outline-offset:2px}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s ease-in}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s ease-in}.flex-1{flex:1}.skeleton-align-right{text-align:right}body{margin:0;padding:1rem}@media (min-width: 768px){body{padding:2rem}}#root{display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 768px){#root{flex-direction:row;gap:2rem}}section{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(17.5rem,1fr));gap:1rem}@media (min-width: 768px){section{gap:2rem}}main{flex-shrink:1;align-self:flex-start;width:100%}@media (min-width: 768px){main{width:32rem;max-width:100%}}h1{font-size:1.375rem;margin-bottom:.25rem}@media (min-width: 768px){h1{font-size:1.625rem}}h2{font-size:1.125rem;font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}