@font-face{font-display:swap;font-family:Crayon;font-style:normal;src:url(Crayon-Marker.woff2) format("woff2"),url(Crayon-Marker.woff) format("woff")}@font-face{font-display:swap;font-family:Basis Pro;font-style:normal;font-weight:400;src:url(BasisGrotesqueProRegular.woff2) format("woff2"),url(BasisGrotesqueProRegular.woff) format("woff")}@font-face{font-display:swap;font-family:Basis Pro;font-style:normal;font-weight:500;src:url(BasisGrotesqueProMedium.woff2) format("woff2"),url(BasisGrotesqueProMedium.woff) format("woff")}@font-face{font-display:swap;font-family:Basis Pro;font-style:normal;font-weight:600;src:url(BasisGrotesqueProBold.woff2) format("woff2"),url(BasisGrotesqueProBold.woff) format("woff")}@font-face{font-display:swap;font-family:Basis Pro;font-style:normal;font-weight:700;src:url(BasisGrotesqueProBlack.woff2) format("woff2"),url(BasisGrotesqueProBlack.woff) format("woff")}.message{align-items:flex-start;border-style:solid;border-width:.0625rem;display:flex;flex-direction:row;font-weight:600;gap:.75rem;justify-content:flex-start;padding:.75rem;width:100%}.message p{font-size:.875rem;margin:0}.message a{text-decoration:underline}.message__title{font-size:1rem;font-weight:600}.message--warning{background-color:#fff5d6;border-color:#ffdf80;color:#b27100}.message--error{background-color:#feded7;border-color:#e55335;color:#bd3b0f}.message--success{background-color:#e5f2e3;border-color:#7fbd75;color:#5e8f56}.pagination{color:#37829f;width:100%}.pagination__list{display:flex;flex-direction:row;gap:1rem}.pagination__element,.pagination__list{align-items:center;justify-content:center}.pagination__element{border-radius:10rem;border-radius:.25rem;box-sizing:border-box;display:inline-flex;gap:.5625rem;height:2rem;line-height:1;text-align:left;transition:color .15s ease-in,background-color .15s ease-in,border-color .15s ease-in;width:2rem}.pagination__element:disabled{background-color:#e0e0e0!important;border-color:#e0e0e0!important;color:#6e6e6e!important;pointer-events:none!important}.pagination__element.is-active{background-color:#afdee0}.pagination__element:hover{background-color:#d0eaf2}.article-comments{display:grid;gap:1rem}.article-comments__form-title{font-family:Basis Pro,sans-serif;font-size:1.1875rem;font-weight:700;line-height:1.125}.article-comment{border:.0625rem solid hsla(0,0%,43%,.5);padding:1rem}.article-comment__header{font-family:Basis Pro,sans-serif;font-size:.875rem;font-weight:700;justify-content:space-between;line-height:1.125;width:100%}.article-comment__header,.article-comment__user{align-items:center;display:flex;flex-direction:row;gap:1rem}.article-comment__user{justify-content:flex-start}.article-comment__avatar{background-color:hsla(0,0%,43%,.5);border-radius:50%;height:3rem;width:3rem}.article-comment--is-pending{opacity:.6}.comment-form{display:grid;gap:1.5rem}@media only screen and (min-width:48em){.article-comment{padding:1.5rem}}@media only screen and (min-width:64em){.article-comments__form-title{font-size:1.5rem}}