.header-container{display:flex;align-items:center;justify-content:space-between}.header-container__section{display:flex;align-items:stretch;justify-content:center;gap:1rem;margin:2rem 0;font-weight:500}.header-container__section__logo{cursor:pointer}.header-container__section__item{color:var(--primary-headline)!important;background-color:var(--secondary-background);padding:.6rem .75rem;cursor:pointer;border-radius:.5rem;min-width:45px;height:45px;display:flex;align-items:center;justify-content:center;transition:all .1s ease-in-out}.header-container__section__item:hover{background-color:var(--secondary-card-background-hover)}.header-container__section__item:active{background-color:var(--secondary-card-background-active)}@media (max-width: 768px){.header-container .hide-mobile{display:none}}html,body{overflow-x:hidden}body{position:relative;margin:0}.layout{display:flex;flex-direction:column}.layout .layout__content-window{max-width:1000px;width:100%;margin:0 auto;padding:0 2rem;display:flex;flex-direction:column}@media (max-width: 768px){.layout .layout__content-window{overflow:hidden}}.layout .layout__content-window .layout__main{min-height:100vh}.layout .layout__footer{background-color:var(--secondary-background);color:var(--secondary-card-heading);padding:1.1rem;border-radius:.5rem;border-radius:0}.layout .layout__footer h1,.layout .layout__footer h2,.layout .layout__footer h3,.layout .layout__footer h4,.layout .layout__footer h5{color:var(--secondary-card-heading)}.info-container{display:flex;flex-direction:column;justify-content:center;border-radius:.5rem;gap:1rem}.info-container__header img.bainbridge-matthew{width:100%;border-radius:.5rem}.info-container__body,.info-container__header{text-align:center}.info-container__footer{justify-content:center;display:flex;flex-direction:row;gap:1rem}.info-container__footer .chip{background-color:var(--primary-button);color:var(--primary-button-text);user-select:none;transition:all .1s ease-in-out;padding:.25rem .6rem;border-radius:.5rem;font-weight:600}.info-container__footer .chip:hover{background-color:var(--primary-button-hover);cursor:pointer}.info-container__footer .chip:active{background-color:var(--primary-button-active);cursor:pointer}.articles-container{display:flex;flex-direction:row;gap:2rem}@media (max-width: 768px){.articles-container{flex-direction:column}}.articles-container__info-card{max-width:300px}@media (max-width: 768px){.articles-container__info-card{order:-1;align-self:center}}.articles-container .article-partial-container{flex-basis:70%;flex-grow:1;display:flex;flex-direction:column;gap:1rem}.articles-container .article-partial-container__sort{display:flex;flex-direction:row;align-items:center;gap:.5rem}.articles-container .article-partial-container__sort__sort-icon{display:flex;justify-content:center;align-items:center;background-color:var(--secondary-background);color:var(--secondary-card-heading);padding:1.1rem;border-radius:.5rem;user-select:none;transition:all .1s ease-in-out;padding:.5rem}.articles-container .article-partial-container__sort__sort-icon:hover{background-color:var(--secondary-card-background-hover);cursor:pointer}.articles-container .article-partial-container__sort__sort-icon:active{background-color:var(--secondary-card-background-active);cursor:pointer}.articles-container .article-partial-container__sort__sort-icon h1,.articles-container .article-partial-container__sort__sort-icon h2,.articles-container .article-partial-container__sort__sort-icon h3,.articles-container .article-partial-container__sort__sort-icon h4,.articles-container .article-partial-container__sort__sort-icon h5{color:var(--secondary-card-heading)}.articles-container .article-partial-container .article-partial-card{background-color:var(--secondary-background);color:var(--secondary-card-heading);padding:1.1rem;border-radius:.5rem;user-select:none;transition:all .1s ease-in-out;display:flex;flex-direction:column}.articles-container .article-partial-container .article-partial-card:hover{background-color:var(--secondary-card-background-hover);cursor:pointer}.articles-container .article-partial-container .article-partial-card:active{background-color:var(--secondary-card-background-active);cursor:pointer}.articles-container .article-partial-container .article-partial-card h1,.articles-container .article-partial-container .article-partial-card h2,.articles-container .article-partial-container .article-partial-card h3,.articles-container .article-partial-container .article-partial-card h4,.articles-container .article-partial-container .article-partial-card h5{color:var(--secondary-card-heading)}.articles-container .article-partial-container .article-list{display:flex;flex-direction:column;gap:1rem}.code-snippet{position:relative}.code-snippet__code{border-radius:.5rem}.code-snippet .copy-button{background-color:var(--secondary-background);color:var(--secondary-card-heading);padding:1.1rem;border-radius:.5rem;user-select:none;transition:all .1s ease-in-out;display:flex;align-items:center;justify-content:center;padding:.5rem;position:absolute;top:1rem;right:1rem}.code-snippet .copy-button:hover{background-color:var(--secondary-card-background-hover);cursor:pointer}.code-snippet .copy-button:active{background-color:var(--secondary-card-background-active);cursor:pointer}.code-snippet .copy-button h1,.code-snippet .copy-button h2,.code-snippet .copy-button h3,.code-snippet .copy-button h4,.code-snippet .copy-button h5{color:var(--secondary-card-heading)}.markdown{display:flex;flex-direction:column;gap:.5rem}.markdown ul{list-style-type:disc;padding-left:1.5rem}.markdown ol{list-style-type:decimal;padding-left:1.5rem}.markdown code{font-family:JetBrains Mono,monospace}.markdown img{max-width:90%;border-radius:.5rem;display:block;margin:0 auto}.markdown a{color:var(--primary-button);text-decoration:none;cursor:pointer;transition:all .1s ease-in-out;white-space:normal;word-wrap:break-word}.markdown a:hover,.markdown a:active{text-decoration:underline}.markdown a:visited{color:var(--primary-button-active)}.markdown strong{font-weight:600;font-size:1.1rem}.article-detail{display:flex;flex-direction:column;gap:2rem;padding-bottom:2rem}.article-detail__header{display:flex;flex-direction:column;align-items:center}.article-detail__header__title h1{font-size:1.7rem}.article-detail__header__info{display:flex;gap:1rem}.not-found{display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.not-found{gap:5rem;flex-direction:column;justify-content:center}}.not-found__info{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.not-found__graphic img{max-width:400px}h1{font-size:1.6rem;font-weight:800;color:var(--primary-headline)}h2{font-size:1.4rem;font-weight:600;color:var(--primary-headline)}h3{font-size:1.25rem;font-weight:600;color:var(--primary-headline)}h4{font-size:1.1rem;font-weight:600;color:var(--primary-headline)}h5{font-size:1rem;font-weight:600;color:var(--primary-headline)}p{font-weight:500;font-size:1.1rem;color:var(--primary-paragraph)}a{font-size:1rem;font-weight:400;margin-bottom:1rem}li{font-weight:400;margin-bottom:.5rem;font-size:1.1rem;color:var(--primary-paragraph)}code{font-size:1rem;font-weight:400;margin-bottom:1rem}img{font-size:1.1rem;font-weight:400;margin-bottom:1rem}:root[data-theme=dark]{--primary-background: #16161a;--primary-headline: #fffffe;--primary-paragraph: #a2afc0;--primary-button: #2f62c9;--primary-button-hover: #224893;--primary-button-active: #204287;--primary-button-text: #fffffe;--secondary-background: #242629;--secondary-headline: #fffffe;--secondary-sub-headline: #94a1b2;--secondary-card-background: #16161a;--secondary-card-background-hover: #111114;--secondary-card-background-active: #0a0a0c;--secondary-card-heading: #fffffe}:root[data-theme=light]{--primary-background: #f2f2f2;--primary-headline: #1a1a1a;--primary-paragraph: #4f4f4f;--primary-button: #2f62c9;--primary-button-hover: #224893;--primary-button-active: #204287;--primary-button-text: #fffffe;--secondary-background: #ffffff;--secondary-headline: #1a1a1a;--secondary-sub-headline: #4f4f4f;--secondary-card-background: #f2f2f2;--secondary-card-background-hover: #d9d9d9;--secondary-card-background-active: #cccccc;--secondary-card-heading: #1a1a1a}.icon-with-text{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem}span.react-loading-skeleton{--base-color: var(--secondary-background);--highlight-color: var(--secondary-card-background)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;box-sizing:border-box;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}:root body{background-color:var(--primary-background)}:root button{background-color:var(--primary-button);color:var(--primary-button-text);padding:.25rem .5rem;border:none;border-radius:5px;cursor:pointer;font-weight:500;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;user-select:none;transition:all .1s ease-in-out}:root button:hover{background-color:var(--primary-button-hover);cursor:pointer}:root button:active{background-color:var(--primary-button-active);cursor:pointer}:root .card{background-color:var(--secondary-background);color:var(--secondary-card-heading);padding:1.1rem;border-radius:.5rem}:root .card h1,:root .card h2,:root .card h3,:root .card h4,:root .card h5{color:var(--secondary-card-heading)}:root .chip{background-color:var(--primary-button);color:var(--primary-button-text);user-select:none;transition:all .1s ease-in-out;padding:.25rem .6rem;border-radius:.5rem;font-weight:600}:root .chip:hover{background-color:var(--primary-button-hover);cursor:pointer}:root .chip:active{background-color:var(--primary-button-active);cursor:pointer}:root .chip-list{display:flex;flex-direction:row;gap:1rem}:root .chip-list .chip{background-color:var(--primary-button);color:var(--primary-button-text);user-select:none;transition:all .1s ease-in-out;padding:.25rem .6rem;border-radius:.5rem;font-weight:600}:root .chip-list .chip:hover{background-color:var(--primary-button-hover);cursor:pointer}:root .chip-list .chip:active{background-color:var(--primary-button-active);cursor:pointer}*,*:before,*:after{box-sizing:inherit}a,button{all:unset}p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd,blockquote,figure,pre,hr,fieldset,table,address{margin:0;padding:0;list-style:none}.react-select-container .react-select__control{background-color:var(--secondary-background);color:var(--secondary-card-heading);padding:1.1rem;border-radius:.5rem;user-select:none;transition:all .1s ease-in-out;padding:0}.react-select-container .react-select__control:hover{background-color:var(--secondary-card-background-hover);cursor:pointer}.react-select-container .react-select__control:active{background-color:var(--secondary-card-background-active);cursor:pointer}.react-select-container .react-select__control h1,.react-select-container .react-select__control h2,.react-select-container .react-select__control h3,.react-select-container .react-select__control h4,.react-select-container .react-select__control h5,.react-select-container .react-select__control .react-select__single-value{color:var(--secondary-card-heading)}.react-select-container .react-select__control .react-select__indicators{font-size:10px}.react-select-container .react-select__menu{border-radius:.5rem;background-color:var(--secondary-background);color:var(--secondary-card-heading)}.react-select-container .react-select__menu .react-select__option{border-radius:.5rem;background-color:var(--secondary-background)}.react-select-container .react-select__menu .react-select__option:hover{background-color:var(--secondary-card-background)}.react-select-container .react-select__menu .react-select__option--is-selected{background-color:var(--primary-button);color:var(--primary-button-text)}.react-select-container .react-select__menu .react-select__option--is-selected:hover{background-color:var(--primary-button-hover)}.react-select-container .react-select__menu .react-select__option--is-selected:active{background-color:var(--primary-button-active)}@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;overflow:hidden;z-index:1}.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:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));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}