:root{--hljs-bg:#1c130a;--hljs-fg:#9c8a6c;--hljs-comment:#6f5c42;--hljs-keyword:#b5651d;--hljs-string:#66743a;--hljs-number:#8a6729;--hljs-title:#3d555d;--hljs-type:#8a6729;--hljs-attr:#2f5246;--hljs-tag:#b5651d;--hljs-meta:#644c69;--hljs-symbol:#2f5246;--hljs-deletion:#c75028;--hljs-doctag:#80444c;--hljs-strong:#e8dcc2}@media (prefers-color-scheme:dark){:root{--hljs-bg:#f5efdd;--hljs-fg:#837052;--hljs-comment:#b2a181;--hljs-keyword:#b5651d;--hljs-string:#66743a;--hljs-number:#71510a;--hljs-title:#3d555d;--hljs-type:#71510a;--hljs-attr:#2f5246;--hljs-tag:#b5651d;--hljs-meta:#644c69;--hljs-symbol:#2f5246;--hljs-deletion:#c75028;--hljs-doctag:#80444c;--hljs-strong:#1c130a}}.theme-light{--hljs-bg:#1c130a;--hljs-fg:#9c8a6c;--hljs-comment:#6f5c42;--hljs-keyword:#b5651d;--hljs-string:#66743a;--hljs-number:#8a6729;--hljs-title:#3d555d;--hljs-type:#8a6729;--hljs-attr:#2f5246;--hljs-tag:#b5651d;--hljs-meta:#644c69;--hljs-symbol:#2f5246;--hljs-deletion:#c75028;--hljs-doctag:#80444c;--hljs-strong:#e8dcc2}.theme-dark{--hljs-bg:#f5efdd;--hljs-fg:#837052;--hljs-comment:#b2a181;--hljs-keyword:#b5651d;--hljs-string:#66743a;--hljs-number:#71510a;--hljs-title:#3d555d;--hljs-type:#71510a;--hljs-attr:#2f5246;--hljs-tag:#b5651d;--hljs-meta:#644c69;--hljs-symbol:#2f5246;--hljs-deletion:#c75028;--hljs-doctag:#80444c;--hljs-strong:#1c130a}.hljs{background:var(--hljs-bg);color:var(--hljs-fg)}.hljs-comment,.hljs-quote{color:var(--hljs-comment);font-style:italic}.hljs-formula,.hljs-keyword,.hljs-selector-tag,.hljs-subst{color:var(--hljs-keyword)}.hljs-addition,.hljs-regexp,.hljs-string{color:var(--hljs-string)}.hljs-literal,.hljs-number{color:var(--hljs-number)}.hljs-section,.hljs-title,.hljs-title.class_,.hljs-title.function_{color:var(--hljs-title);font-weight:600}.hljs-built_in,.hljs-class,.hljs-type{color:var(--hljs-type)}.hljs-params,.hljs-template-variable,.hljs-variable{color:var(--hljs-fg)}.hljs-attr,.hljs-attribute,.hljs-property{color:var(--hljs-attr)}.hljs-name,.hljs-tag{color:var(--hljs-tag)}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta-string{color:var(--hljs-meta)}.hljs-bullet,.hljs-link,.hljs-symbol{color:var(--hljs-symbol)}.hljs-link{text-decoration:underline}.hljs-deletion{color:var(--hljs-deletion)}.hljs-doctag{color:var(--hljs-doctag);font-weight:600}.hljs-emphasis{font-style:italic}.hljs-strong{color:var(--hljs-strong);font-weight:700}:root{--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--color-white:#fff;--color-black:#000;--color-base03:#1c130a;--color-base02:#201f11;--color-base01:#6f5c42;--color-base00:#837052;--color-base0:#9c8a6c;--color-base1:#b2a181;--color-base2:#e8dcc2;--color-base3:#f5efdd;--color-yellow:#8a6729;--color-orange:#b5651d;--color-red:#c75028;--color-magenta:#80444c;--color-violet:#644c69;--color-blue:#3d555d;--color-cyan:#2f5246;--color-green:#66743a;--filter-icon-base2:invert(90%) sepia(39%) saturate(184%) hue-rotate(337deg) brightness(97%) contrast(87%);--filter-icon-base02:invert(9%) sepia(23%) saturate(968%) hue-rotate(18deg) brightness(93%) contrast(92%);--color-mwop-bg:var(--color-base3);--color-mwop-nav:var(--color-base1);--color-mwop-nav-slim:var(--color-orange);--color-mwop-nav-wide:var(--color-orange);--color-mwop-nav-text:var(--color-base3);--color-mwop-btn-text-hover:var(--color-base0);--color-mwop-btn-hover:var(--color-red);--color-mwop-dark:var(--color-base01);--color-mwop-soft:var(--color-base02);--color-mwop-light:var(--color-base00);--color-mwop-fg:var(--color-base03);--filter-icon:var(--filer-icon-base02);--color-error:var(--color-red);--color-success:var(--color-green);--color-action-bg:var(--color-magenta);--color-action-border:var(--color-violet);--color-action-active:var(--color-orange);--color-action-highlight:var(--color-yellow);--drop-shadow-lg:drop-shadow(0 10px 20px rgba(0,0,0,.04)) drop-shadow(0 4px 8px rgba(0,0,0,.1));--drop-shadow-nav:drop-shadow(4px 0 8px rgba(0,0,0,.2));--font-mono:"Monaspace Neon",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-sans:"LINE Seed",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:"Palatino Linotype",ui-serif,Georgia,Cambria,Times,"Times New Roman",serif;--weight-bold:700;--weight-semibold:600;--size-xs:0.75rem;--size-sm:0.875rem;--size-lg:1.125rem;--size-xl:1.25rem;--size-2xl:1.5rem;--size-4xl:2.25rem;--size-6xl:3.75rem;--size-8xl:6rem;--line-width-0:0px;--line-width-1:1px;--line-width-2:2px;--line-width-4:4px;--margin-navbar:6rem;--outline-4:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--radius:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:1rem;--radius-nested:max(0rem,calc(var(--radius) - var(--spacing-2)));--radius-nested-md:max(0rem,calc(var(--radius-md) - var(--spacing-2)));--radius-nested-lg:max(0rem,calc(var(--radius-lg) - var(--spacing-2)));--radius-nested-xl:max(0rem,calc(var(--radius-xl) - var(--spacing-4)));--shadow-lg:0 10px 20px -3px rgba(0,0,0,.1),0 4px 8px -4px rgba(0,0,0,.1);--shadow-md:0 10px 20px -3px rgba(0,0,0,.08),0 4px 8px -4px rgba(0,0,0,.08);--shadow-nav:4px 0 8px rgba(0,0,0,.2);--shadow-modal:0 1.5rem 3rem rgba(0,0,0,.125);--spacing-0:0px;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-10:2.5rem;--thumbnail-width:180px;--width-0:0px;--width-1:0.25rem;--width-2:0.5rem;--width-3:0.75rem;--width-4:1rem;--width-5:1.25rem;--width-6:1.5rem;--width-7:1.75rem;--width-8:2rem;--width-9:2.25rem;--width-12:3rem;--width-16:4rem;--width-48:12rem;--width-96:24rem;--width-128:40rem;--transition:all;--ease-in-out:ease-in-out;color-scheme:light}@media (prefers-color-scheme:dark){:root:not(.theme-light){--color-mwop-bg:var(--color-base03);--color-mwop-nav:var(--color-base01);--color-mwop-dark:var(--color-base1);--color-mwop-soft:var(--color-base2);--color-mwop-light:var(--color-base0);--color-mwop-fg:var(--color-base3);--shadow-md:none;--shadow-nav:none;--drop-shadow-lg:none;--drop-shadow-nav:none;--shadow-modal:none;--filter-icon:var(--filter-icon-base2);color-scheme:dark}}html.theme-dark{--color-mwop-bg:var(--color-base03);--color-mwop-nav:var(--color-base01);--color-mwop-dark:var(--color-base1);--color-mwop-soft:var(--color-base2);--color-mwop-light:var(--color-base0);--color-mwop-fg:var(--color-base3);--shadow-md:none;--shadow-nav:none;--drop-shadow-lg:none;--drop-shadow-nav:none;--shadow-modal:none;color-scheme:dark}*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body,html{scroll-behavior:smooth}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}@font-face{font-family:Monaspace Neon;src:url(../webfonts/MonaspaceNeon-Regular.woff2)}@font-face{font-family:Monaspace Neon;font-style:italic;src:url(../webfonts/MonaspaceNeon-Italic.woff2)}@font-face{font-family:Monaspace Neon;font-weight:700;src:url(../webfonts/MonaspaceNeon-SemiBold.woff2)}@font-face{font-family:Monaspace Neon;font-style:italic;font-weight:700;src:url(../webfonts/MonaspaceNeon-SemiBoldItalic.woff2)}@font-face{font-family:Monaspace Neon;font-weight:bolder;src:url(../webfonts/MonaspaceNeon-Bold.woff2)}@font-face{font-family:Monaspace Neon;font-style:italic;font-weight:bolder;src:url(../webfonts/MonaspaceNeon-BoldItalic.woff2)}@font-face{font-family:Palatino Linotype;src:url(../webfonts/PalatinoLinotype-Regular.woff2)}@font-face{font-family:Palatino Linotype;font-style:italic;src:url(../webfonts/PalatinoLinotype-Regular-Italic.woff2)}@font-face{font-family:Palatino Linotype;font-weight:700;src:url(../webfonts/PalatinoLinotype-Bold.woff2)}@font-face{font-family:Palatino Linotype;font-style:italic;font-weight:700;src:url(../webfonts/PalatinoLinotype-Bold-Italic.woff2)}@font-face{font-family:LINE Seed;src:url(../webfonts/LINESeedSans_Rg.woff2)}@font-face{font-family:LINE Seed;font-weight:700;src:url(../webfonts/LINESeedSans_Bd.woff2)}html{color:var(--color-mwop-fg);font-family:var(--font-serif)}body{background-color:var(--color-mwop-bg);box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;padding-left:4.25rem}@media (min-width:1024px){body{padding-left:12vw}}p{letter-spacing:.025em;line-height:1.625;margin-bottom:var(--spacing-4)}a{color:var(--color-mwop-soft);text-decoration-line:underline;text-decoration-style:dotted;text-decoration-thickness:1px;transition-duration:.3s;transition-property:var(--transition);transition-timing-function:var(--ease-in-out)}a:hover{color:var(--color-mwop-fg);font-weight:var(--weight-semibold);text-decoration-style:solid}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans)}h1{font-size:var(--size-8xl);letter-spacing:-.02em;line-height:1.05}h1,h2{font-weight:var(--weight-bold);margin-bottom:var(--spacing-2)}h2{font-size:var(--size-6xl);letter-spacing:-.015em;line-height:1.1}h3{font-size:var(--size-4xl);letter-spacing:-.01em;line-height:1.15}h3,h4{font-weight:var(--weight-bold);margin-bottom:var(--spacing-2)}h4{font-size:var(--size-2xl);letter-spacing:-.005em;line-height:1.2}h5{font-size:var(--size-xl);font-weight:var(--weight-bold);letter-spacing:0;line-height:1.25;margin-bottom:var(--spacing-2)}hr{margin-bottom:var(--spacing-6);margin-top:var(--spacing-6)}ul{list-style-type:disc}ol,ul{list-style-position:outside;margin-bottom:var(--spacing-4);margin-left:var(--spacing-5)}ol{list-style-type:decimal}kbd{font-weight:var(--weight-bold)}sup{font-size:var(--size-xs);vertical-align:super}img{max-width:100%}blockquote{border-left:var(--line-width-4) solid var(--color-mwop-dark);padding-left:var(--spacing-4)}.font-sans{font-family:var(--font-sans)}.hidden{display:none}.honeypot{clip:rect(0 0 0 0);height:1px;left:-9999px;overflow:hidden;position:absolute;width:1px}.stretch{width:100%}.text-center{text-align:center}@media screen and (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}::view-transition-old(*){animation:fade-out .3s ease-in both}::view-transition-new(*){animation:fade-in .3s ease-in both}::view-transition-new(site-banner),::view-transition-new(site-footer),::view-transition-new(site-nav),::view-transition-old(site-banner),::view-transition-old(site-footer),::view-transition-old(site-nav){animation:none}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{0%{opacity:0}}div.layout-large,div.layout-medium,div.layout-small{display:grid;grid-template-areas:"content";grid-template-columns:repeat(1,minmax(0,1fr));margin-bottom:var(--spacing-4);margin-left:auto;margin-right:auto;margin-top:var(--spacing-4);padding:var(--spacing-4);width:100%}@media (min-width:1024px){div.layout-large{grid-template-areas:". content .";grid-template-columns:12.5vw 1fr 12.5vw;padding-left:0;padding-right:0}}@media (min-width:768px){div.layout-medium{grid-template-columns:25vw 1fr 25vw}div.layout-medium,div.layout-small{grid-template-areas:". content .";padding-left:0;padding-right:0}div.layout-small{grid-template-columns:33.333333vw 1fr 33.333333vw}}.main{grid-area:content;min-width:0}.btn{background-color:var(--color-action-bg);border-radius:var(--radius);color:var(--color-base3);font-weight:var(--weight-semibold);padding:var(--spacing-2) var(--spacing-4);text-align:center;transition-duration:.3s;transition-property:var(--transition);transition-timing-function:cubic-bezier(.4,0,.2,1);&:hover{background-color:var(--color-action-highlight)}&:active,&:hover{color:var(--color-base3)}&:active{background-color:var(--color-action-active)}}.text-input{background-color:var(--color-base2);border-color:var(--color-mwop-light);border-radius:var(--radius);border-width:1px;color:var(--color-base02);margin-bottom:var(--spacing-4);padding:var(--spacing-2);width:100%}.label{display:block;font-weight:var(--weight-semibold);margin-bottom:var(--spacing-2)}.textarea{background-color:var(--color-base2);border-color:var(--color-mwop-light);border-radius:var(--radius-lg);border-width:1px;color:var(--color-base02);margin-bottom:var(--spacing-4);padding:var(--spacing-2);width:100%}.text-input-with-button{display:grid;gap:var(--spacing-2);grid-template-areas:"input button";grid-template-columns:7fr 3fr;width:100%}.input-for-grid{grid-area:input}.button-for-grid{background-color:var(--color-orange);grid-area:button;margin-bottom:var(--spacing-4)}summary{display:block;font-style:italic;margin-bottom:var(--spacing-8)}@media (min-width:768px){.text-input-with-button{grid-template-columns:5fr 1fr}}pre:has(code.hljs){background-color:var(--hljs-bg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);overflow-x:auto;padding:var(--spacing-4)}.right{text-align:right}img.icon{display:inline;filter:var(--filter-icon);height:var(--size-2xl);width:auto;&.sm{height:var(--size-lg)}&.lg{height:var(--size-4xl)}}nav.breadcrumbs{background-color:var(--color-mwop-nav);border-radius:var(--radius);margin-bottom:var(--spacing-8);padding:var(--spacing-2);width:100%;ol{display:inline;list-style:none;li{display:inline;a{color:var(--color-mwop-fg);font-weight:var(--weight-semibold)}}li:not(:last-child):after{content:attr(after)}li:last-child{color:var(--color-mwop-light)}}}@media screen and (prefers-reduced-motion:no-preference){footer{view-transition-name:site-footer}}footer{background-color:var(--color-mwop-nav);color:var(--color-mwop-fg);margin-top:auto;width:100%;div.container{align-content:stretch;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:var(--spacing-4);place-items:start;section{min-width:100%;width:100%;h4{font-size:var(--size-2xl);font-weight:var(--weight-semibold);margin-bottom:var(--spacing-2)}}}}@media (min-width:768px){footer{div.container{section{min-width:0;width:50%}}}}@media (min-width:1024px){footer{div.container{section{max-width:33.333333%;width:33.333333%}}}}.copyright>div{margin-top:var(--spacing-4);min-width:100%;text-align:center}.load-more{align-items:center;background-color:var(--color-action-bg);border:0;border-radius:var(--radius);color:var(--color-base3);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--weight-semibold);gap:var(--spacing-2);justify-content:center;margin:var(--spacing-4) auto;padding:var(--spacing-2) var(--spacing-4);position:relative}.load-more:hover{background-color:var(--color-action-highlight);color:var(--color-base3)}.load-more[aria-busy=true]{cursor:progress}.load-more[aria-busy=true] span{visibility:hidden}.loading-indicator{display:none}.loading-indicator.is-loading{bottom:0;display:block;left:0;margin:auto;position:absolute;right:0;top:0;z-index:100}.disable-on-upload[aria-busy=true],.js-hide,.no-js .infinite-sentinel,.no-js .load-more{display:none}.no-js .js-hide{display:block}@media screen and (prefers-reduced-motion:no-preference){.site-banner{view-transition-name:site-banner}.topnav{view-transition-name:site-nav}}.site-banner{background-color:var(--color-mwop-nav);box-shadow:var(--shadow-md);padding:var(--spacing-4);position:relative;z-index:90}.banner-content{margin-left:auto;margin-right:auto;max-width:72rem;width:100%}.banner-title{color:var(--color-mwop-fg);display:inline-block;font-family:var(--font-sans);font-size:var(--size-xl);font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:lowercase}.topnav{background-color:var(--color-mwop-nav-slim);box-shadow:var(--shadow-nav);height:100%;left:0;min-height:100vh;overflow:hidden;padding:var(--spacing-2);position:fixed;top:0;transition:width .2s ease-in-out;width:var(--width-16);z-index:100}.topnav.nav-open{width:min(80vw,24rem)}.topnav.nav-open,.topnav:hover{background-color:var(--color-mwop-nav-wide)}.navshell{display:flex;flex-direction:column;gap:var(--spacing-4);height:100%;position:relative;width:100%}.brand{align-items:center;background:transparent;border:0;color:var(--color-mwop-fg);cursor:pointer;display:flex;flex-wrap:balance;gap:var(--spacing-3);justify-content:center;padding:0;text-align:left;text-decoration-line:none;white-space:nowrap;img{color:var(--color-white);color-scheme:dark;flex-shrink:0;height:var(--width-9);width:var(--width-9)}.site-long-name{color:var(--color-mwop-nav-text);display:none}}.navcontent{display:none;flex:1;flex-direction:column;gap:var(--spacing-4);overflow-y:auto}.home-link,.topnav.nav-open .navcontent,.topnav:hover .navcontent{display:flex}.home-link{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:space-between;.navlink{width:calc(100% - 3rem)}button{display:block;width:3rem}}.navlist{display:flex;flex-direction:column;gap:var(--spacing-2)}.navlink{border-radius:var(--radius);color:var(--color-mwop-nav-text);display:block;font-weight:var(--weight-semibold);padding:var(--spacing-2) var(--spacing-3);text-decoration-line:none;&:hover{background-color:hsla(0,0%,100%,.12);color:var(--color-white)}}.search-container{display:none}.topnav.nav-open .search-container,.topnav:hover .search-container{display:block}@media (max-width:1023px){.topnav.nav-open .search-container,.topnav:hover .search-container{background-color:var(--color-mwop-nav-wide);box-shadow:var(--shadow-md);padding:var(--spacing-3);z-index:110}}.search-container form.search{display:flex;flex-direction:column}.theme-toggle{align-items:center;background-color:hsla(0,0%,100%,.16);border:1px solid var(--color-mwop-soft);border-radius:9999px;color:var(--color-mwop-fg);cursor:pointer;display:inline-flex;height:2.5rem;justify-content:center;transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out;width:2.5rem}.theme-toggle:hover{background-color:hsla(0,0%,100%,.28);border-color:var(--color-mwop-light);color:var(--color-white)}.search-container .text-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-mwop-nav-text);border-color:light-dark(var(--color-mwop-light),var(--color-mwop-soft));border-radius:var(--radius-lg);color:light-dark(var(--color-mwop-fg),var(--color-mwop-bg));margin-bottom:var(--spacing-0);margin-top:var(--spacing-2);&::-moz-placeholder{color:var(--color-mwop-soft)}&::placeholder{color:var(--color-mwop-soft)}}@media (min-width:1024px){.site-banner{display:none}.topnav{background-color:var(--color-mwop-nav-wide)}.topnav,.topnav.nav-open{width:12vw}.brand{.site-long-name{text-wrap:wrap;display:block;padding-left:var(--spacing-2);text-align:center;&:before{content:"mwop.net"}}}.navcontent{display:flex}.search-container{display:block}}@media (min-width:1280px){.brand{.site-long-name:before{content:"matthew weier o'phinney"}}}.slashes-list summary{anchor-name:--summary;color:var(--color-mwop-nav-text);padding:var(--spacing-2) var(--spacing-3);position:relative;&::marker{content:""}&:after,&:before{position-anchor:--summary;position-area:top end;border-block-start:3px solid var(--color-mwop-nav-text);content:"";height:0;inset-block-start:50%;inset-inline-end:0;position:absolute;width:1rem}&:after{transform:rotate(90deg);transform-origin:50%}}details.slashes-list[open] summary:after{transform:rotate(0deg)}.slashes-list{@media (prefers-reduced-motion:no-preference){interpolate-size:allow-keywords}&::details-content{block-size:0;opacity:0;overflow-y:clip;transition:content-visibility allow-discrete 1s,opacity 1s,block-size 1s}&[open]::details-content{block-size:auto;opacity:1}li{list-style-type:none;a.navlink{padding-left:var(--spacing-4)}}}.webring{border-top:var(--line-width-1) dotted light-dark(var(--color-mwop-bg),var(--color-mwop-fg));margin-top:1rem;padding-top:1rem;h4{color:var(--color-mwop-nav-text);font-size:var(--size-lg);font-weight:700;text-align:center;a{color:var(--color-mwop-nav-text)}}nav{align-items:center;display:flex;justify-content:space-evenly;a{border-radius:var(--radius);color:var(--color-mwop-nav-text);display:inline-block;font-weight:var(--weight-semibold);text-decoration-line:none;&:hover{background-color:hsla(0,0%,100%,.12);color:var(--color-white)}}}}nav.pagination{align-items:stretch;display:flex;flex-wrap:wrap;justify-content:center;justify-items:stretch;margin-bottom:var(--spacing-4);margin-left:auto;margin-right:auto;margin-top:var(--spacing-4);width:-moz-fit-content;width:fit-content;a{align-items:center;background-color:var(--color-action-bg);color:var(--color-mwop-bg);display:flex;margin-left:var(--spacing-1);padding:var(--spacing-4);text-decoration-line:none;&.index{display:none}&.current{background-color:var(--color-mwop-nav);color:var(--color-mwop-fg);display:block;font-weight:var(--weight-semibold);&.current:hover{background-color:var(--color-mwop-nav);color:var(--color-mwop-fg);font-weight:var(--weight-semibold)}}&:hover{background-color:var(--color-action-active);color:var(--color-mwop-bg);font-weight:400}i{height:100%;width:100%}}}@media (min-width:768px){nav.pagination{width:100%;a{&.index{display:flex}&.current{display:block}}}}.laminas-tag-cloud{display:flex;flex-direction:row;flex-wrap:wrap;list-style-type:none}.laminas-tag-cloud li{font-family:var(--font-sans);padding-left:var(--spacing-1);padding-right:var(--spacing-1);&:hover{color:var(--color-white);font-weight:var(--weight-semibold);text-decoration:underline}}@supports (display:grid-lanes){.gallery{display:grid-lanes;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@supports not (display:grid-lanes){.gallery{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;justify-items:center}}.gallery{margin-left:auto;margin-right:auto;a.image{display:block;margin:var(--spacing-2) var(--spacing-1);position:relative;text-decoration-line:none;width:var(--thumbnail-width);z-index:1;img.thumbnail{z-index:2}div.link{background-color:var(--color-mwop-light);border-radius:var(--radius);bottom:0;position:absolute;right:0;width:2rem;z-index:3;img{stroke:var(--color-mwop-nav)}}}}article.image{background-color:var(--color-mwop-nav);border-radius:var(--radius-lg);display:inline-grid;grid-template-areas:"image" "metadata" "description" "socials";grid-template-columns:repeat(1,minmax(0,1fr));margin-bottom:var(--spacing-4);margin-left:auto;margin-right:auto;margin-top:var(--spacing-4);padding:var(--spacing-4);width:100%;div.description{font-size:var(--size-xl);grid-area:description}img:not(.icon){display:block;grid-area:image;margin-left:auto;margin-right:auto;padding:var(--spacing-4);width:100%}p.metadata{border-bottom-color:var(--color-mwop-nav);border-bottom-width:var(--line-width-1);color:var(--color-mwop-light);grid-area:metadata;padding-bottom:var(--spacing-4)}p.metadata,p.socials{text-align:center;width:100%}p.socials{grid-area:socials;a{text-decoration-line:none}}}@media (min-width:1024px){article.image{-moz-column-gap:var(--spacing-4);column-gap:var(--spacing-4);grid-template-areas:"image description" "metadata socials";grid-template-columns:50% 50%;row-gap:var(--spacing-4);div.description{font-size:var(--size-2xl)}img:not(.icon){max-height:40vmax;padding-left:auto;padding-right:auto;width:auto}p.metadata{font-size:var(--size-xl)}}}.art.search-result{div.image{display:inline-grid;grid-template-columns:repeat(1,minmax(0,1fr));margin-left:auto;margin-right:auto;width:100%;a{display:block;margin-bottom:var(--spacing-2);margin-left:auto;margin-right:auto;margin-top:var(--spacing-2);text-decoration-line:none}}}.blog.list.post{margin-bottom:var(--spacing-8);width:100%;section{border-top-style:dotted;border-top-width:var(--line-width-1);padding-top:var(--spacing-4);width:100%}aside{font-style:italic;width:100%}}.blog.list.post.first-entry{section{border-top:none;padding-top:none}}@media (min-width:768px){.blog.list.post{align-content:start;align-items:start;-moz-column-gap:var(--spacing-8);column-gap:var(--spacing-8);display:grid;gap:var(--spacing-8);grid-template-areas:"entry metadata";grid-template-columns:minmax(0,1fr) 25%;justify-content:end;justify-items:start;row-gap:var(--spacing-8);section{grid-area:entry}aside{grid-area:metadata}}}.blog.entry{margin-bottom:var(--spacing-8);article{font-size:var(--size-xl);max-width:75ch;h2.p-name{a{color:var(--color-mwop-fg);text-decoration-line:none}}section.title-image{margin-bottom:var(--spacing-2);max-width:50%;img:not(.icon){height:auto;max-width:90vi}h2{line-height:1.1;a{color:var(--color-mwop-fg);filter:var(--drop-shadow-lg);text-decoration-line:none;&:hover{font-weight:var(--weight-bold)}}}}p.socials{border-bottom-style:dashed;border-bottom-width:var(--line-width-1);border-top-style:dashed;border-top-width:var(--line-width-1);margin-bottom:var(--spacing-4);margin-top:var(--spacing-4);padding-bottom:var(--spacing-4);padding-top:var(--spacing-4);text-align:center}}aside{margin-bottom:var(--spacing-4);margin-top:var(--spacing-4);width:100%}}@media (min-width:768px){.blog.entry:not(.post-preview){align-content:start;align-items:start;-moz-column-gap:var(--spacing-8);column-gap:var(--spacing-8);display:grid;gap:var(--spacing-8);grid-template-areas:"entry metadata";grid-template-columns:minmax(0,1fr) 25%;justify-content:end;justify-items:start;row-gap:var(--spacing-8);article{grid-area:entry;max-width:100%;section.title-image{float:right;margin-left:var(--spacing-4);position:relative;width:50%;img:not(.icon){width:100%}h2{bottom:var(--spacing-4);font-size:2vw;left:var(--spacing-2);position:absolute}}}aside{grid-area:metadata;margin-bottom:0;margin-top:0}}}article.comics{text-align:center;width:91.666667%}article.comics,nav.comics-nav{margin-bottom:var(--spacing-4);margin-left:auto;margin-right:auto;margin-top:var(--spacing-4)}nav.comics-nav{align-items:stretch;display:flex;flex-wrap:wrap;justify-content:center;justify-items:stretch;width:-moz-fit-content;width:fit-content;a:not(first-child){margin-left:var(--spacing-1)}a{background-color:var(--color-action-bg);color:var(--color-mwop-bg);padding:var(--spacing-3);text-align:center;&:hover{background-color:var(--color-action-highlight);color:var(--color-mwop-bg)}}}@media (min-width:1024px){nav.comics-nav{width:100%}}.comics-grid{-moz-columns:1 auto;column-count:1;-moz-column-gap:var(--spacing-4);column-gap:var(--spacing-4);margin-left:auto;margin-right:auto}@media (min-width:1024px){@supports (display:grid-lanes){.comics-grid{display:grid-lanes;grid-template-columns:1fr 1fr}}@supports not (display:grid-lanes){.comics-grid{-moz-columns:2 auto;column-count:2}}}@media (min-width:1280px){@supports (display:grid-lanes){.comics-grid{display:grid-lanes;grid-template-columns:1fr 1fr 1fr}}@supports not (display:grid-lanes){.comics-grid{-moz-columns:3 auto;column-count:3}}}section.comics.failed{display:flex;flex-direction:row;justify-items:center;div{background-color:var(--color-mwop-nav);padding:var(--spacing-4);width:100%;nav{background-color:var(--color-mwop-bg);gap:var(--spacing-4);p{border-top:var(--line-width-1) solid var(--color-mwop-dark);display:block;padding:var(--spacing-2)}p:first-child{border-top:none}}}}.comic{display:inline-block;margin-left:auto;margin-right:auto;padding:var(--spacing-8)}.comic h4{text-align:left;width:100%}.comic h4 a{text-decoration-line:none}.comic p,div.contact{width:100%}div.contact{background-color:var(--color-mwop-nav);border-radius:var(--radius-lg);padding:var(--spacing-4);.method{display:grid;grid-template-areas:"label" "details";grid-template-columns:1fr;margin-bottom:var(--spacing-4);row-gap:var(--spacing-2);.label{align-self:start;border-bottom-width:var(--line-width-1);font-size:var(--size-lg);font-weight:var(--weight-semibold);grid-area:label;justify-self:start;margin-bottom:var(--spacing-2);padding-bottom:var(--spacing-2);text-align:left}.details{align-self:start;grid-area:details;justify-self:start;text-align:left;a{display:inline-block;text-decoration-line:none}.svg-email-protection{width:90%}}}:first-child{margin-bottom:var(--spacing-8);margin-top:var(--spacing-4)}:last-child{margin-bottom:var(--spacing-4)}}@media (min-width:768px){.contact{.method{grid-template-areas:"label details";grid-template-columns:25% 1fr;.label{border-bottom-width:0;justify-self:start;margin-bottom:0;padding-bottom:0;text-align:left}.details,.label{align-self:start}.details{justify-self:center;text-align:center;.btn{height:var(--width-8)}.svg-email-protection{width:100%}}}}}.comments{padding-top:var(--spacing-4);h4{margin-bottom:var(--spacing-3);margin-top:var(--spacing-6)}}.comment-list{display:grid;gap:var(--spacing-4);list-style:none;margin:0;padding:0;.comment{background-color:var(--color-mwop-nav);border-radius:var(--radius-xl) var(--radius-xl) var(--radius) var(--radius-xl);padding:var(--spacing-3);.comment-meta{color:var(--color-mwop-light);display:grid;font-size:var(--size-sm);gap:var(--spacing-2);grid-template-columns:1fr 1fr;margin:0 0 var(--spacing-2);.commenter{font-weight:var(--weight-bold)}time{color:var(--color-mwop-soft);text-align:right}}.comment-body{overflow-wrap:anywhere;white-space:pre-wrap}}}.comments-empty{color:var(--color-mwop-light);font-style:italic}.comment-form{p.disclaimer{font-style:italic;margin-top:var(--spacing-4);text-align:center}}.comment-submitted{p.disclaimer{font-style:italic;margin-top:var(--spacing-4)}}.comments-feed{font-size:var(--size-sm);margin-top:var(--spacing-4)}.comment-counter-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-8);justify-content:space-between;margin-bottom:var(--spacing-4);summary{margin:0}}.comment-counter{align-items:center;display:flex;gap:var(--spacing-2)}.comment-counter__count{color:var(--color-mwop-light);font-size:var(--size-sm);font-variant-numeric:tabular-nums}.comment-counter__ring{display:block;flex-shrink:0}.comment-counter__track{stroke:var(--color-base2)}.comment-counter--green .comment-counter__fill{stroke:var(--color-green)}.comment-counter--orange .comment-counter__fill{stroke:var(--color-orange)}.comment-counter--red .comment-counter__fill{stroke:var(--color-red)}.comment-counter--orange .comment-counter__count,.comment-counter--red .comment-counter__count{color:var(--color-mwop-fg)}article.feeds{dl{display:grid;gap:1rem 1rem;grid-template-columns:1fr;dt{font-size:var(--size-lg);font-weight:var(--weight-bold)}dd{a{background-color:var(--color-mwop-nav-slim);border-radius:var(--radius);display:inline-block;font-weight:var(--weight-semibold);margin-left:var(--spacing-2);margin-right:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4)}a,a:hover{color:var(--color-mwop-nav-text)}a:hover{background-color:var(--color-mwop-btn-hover)}}}}@media (min-width:768px){article.feeds{dl{grid-template-columns:1fr 1fr;dt{font-size:var(--size-2xl)}}}}.home-page{align-content:flex-start;align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;justify-items:stretch;margin-bottom:var(--spacing-4);margin-top:var(--spacing-4);article.about{max-width:75ch}article.about,aside.images{padding-left:var(--spacing-4);padding-right:var(--spacing-4);width:100%}aside.images{margin-left:auto;margin-right:auto;text-align:center;img.headshot{margin-bottom:var(--spacing-2);margin-left:auto;margin-right:auto}.art-gallery{align-content:start;-moz-column-gap:var(--spacing-4);column-gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,max(180px));justify-content:space-evenly;margin-left:auto;margin-right:auto;row-gap:var(--spacing-4);a.image{display:inline-block;margin:var(--spacing-1);position:relative;text-decoration-line:none;width:var(--thumbnail-width);z-index:1;img.thumbnail{z-index:2}div.link{background-color:var(--color-mwop-light);border-radius:var(--radius);position:absolute;right:0;top:0;width:2rem;z-index:3;img{stroke:var(--color-mwop-nav)}}}}}aside.activity{padding-left:var(--spacing-4);padding-right:var(--spacing-4);width:100%;div.github,div.posts{border-bottom:var(--line-width-2) dashed var(--color-mwop-soft)}div.github{margin-bottom:var(--spacing-2)}div.github,div.social{margin-top:var(--spacing-2)}div.social{div.post{background-color:light-dark(var(--color-base01),var(--color-base3));border-color:var(--color-mwop-light);border-radius:var(--radius-xl) var(--radius-xl) var(--radius) var(--radius-xl);border-width:var(--line-width-2);color:light-dark(var(--color-base1),var(--color-base01));margin-bottom:var(--spacing-2);margin-left:auto;margin-right:auto;overflow-x:hidden;padding:var(--spacing-4);width:100%;a{color:light-dark(var(--color-base2),var(--color-base02));&:hover{color:light-dark(var(--color-green),var(--color-yellow));font-weight:400}}div.post-content{margin-bottom:var(--spacing-4)}p.post-attribution{border-top:var(--line-width-1) dashed var(--color-mwop-nav);font-size:var(--size-sm);font-style:italic;margin-bottom:var(--spacing-0);padding-top:var(--spacing-2);text-align:right}}}}}.homepage-feed li img{display:inline}p.read-more{font-style:italic;text-align:right}@supports (display:grid-lanes){.home-page{aside.images{.art-gallery{display:grid-lanes}}}}@supports not (display:grid-lanes){.home-page{aside.images{.art-gallery{display:grid}}}}@media (min-width:1024px){.home-page{article.about{border-right:1px dashed var(--color-mwop-dark)}article.about,aside.activity,aside.images{max-width:33.333333%;width:33.333333%}aside.activity{border-left:1px dashed var(--color-mwop-dark)}}}section.now.header{border-bottom-style:solid;border-bottom-width:var(--line-width-2);margin-bottom:var(--spacing-5);padding-top:var(--spacing-3);h3{font-size:var(--size-lg)}}article.now{font-size:var(--size-xl);max-width:75ch}section.now.archives{border-top-style:solid;border-top-width:var(--line-width-2);margin-top:var(--spacing-8);padding-top:var(--spacing-3)}@supports (display:grid-lanes){.postroll.list{display:grid-lanes}}@supports not (display:grid-lanes){.postroll.list{display:grid}}.postroll.list{align-items:start;gap:var(--spacing-4);grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);margin-left:auto;margin-right:auto}@media (min-width:1024px){.postroll.list{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (min-width:1280px){.postroll.list{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}}.postroll.post{background-color:var(--color-mwop-nav);border-radius:var(--radius-lg);color:var(--color-mwop-fg);margin-left:auto;margin-right:auto;padding:var(--spacing-2);width:100%;h4{border-bottom-color:var(--color-mwop-bg);border-bottom-width:var(--line-width-1);color:var(--color-mwop-bg);display:block;margin-bottom:var(--spacing-2);padding-bottom:var(--spacing-2);width:100%;a i.fa-external-link{font-size:var(--size-sm)}}.origin{color:var(--color-mwop-light);font-size:var(--size-sm);font-style:italic;margin-bottom:0;text-align:right}.notes{margin-top:var(--spacing-4)}.tags{border-top-color:var(--color-mwop-bg);border-top-width:var(--line-width-1);display:block;margin-bottom:var(--spacing-2);margin-top:var(--spacing-2);padding-bottom:var(--spacing-2);padding-top:var(--spacing-2);text-align:right;width:100%;a{display:inline-block;font-style:italic;margin-right:var(--spacing-2);text-decoration-line:none;&:last-child{margin-right:0}}}}.postroll.search-result{h5{border-bottom-color:var(--color-mwop-bg);border-bottom-width:var(--line-width-1);color:var(--color-mwop-bg);display:block;margin-bottom:var(--spacing-2);padding-bottom:var(--spacing-2);width:100%;a i.fa-external-link{font-size:var(--size-sm)}}.origin{color:var(--color-mwop-light);font-size:var(--size-sm);font-style:italic;margin-bottom:0;text-align:right}.notes{margin-top:var(--spacing-4)}}.personal-statement{background-color:var(--color-mwop-nav);border-radius:var(--radius-lg);color:var(--color-mwop-fg);margin-bottom:var(--spacing-8);padding:var(--spacing-8);width:100%}#work{margin-bottom:var(--spacing-4)}.experience{border-top-style:dotted;border-top-width:var(--line-width-1);display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-8);h4,h5{font-family:var(--font-serif);margin-top:var(--spacing-4);width:100%;.dates{font-size:var(--size-sm)}}.details{width:100%;.metadata{font-style:italic}}}@media (min-width:1024px){.experience{flex-direction:row;h4,h5{width:25%}.details{margin-top:var(--spacing-4);width:66.666666%}}}#search-results{box-sizing:border-box}#search-results.closed{display:none}#search-results.search-results-page{border-color:var(--color-base03);border-radius:var(--radius);border-width:var(--line-width-2);margin-top:var(--spacing-4);padding:var(--spacing-4);width:100%;h2{text-align:center}.container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.tips{color:var(--color-mwop-fg);margin-left:auto;margin-right:auto;width:40%}}.search-modal{background-color:var(--color-mwop-bg);border-color:var(--color-base03);border-radius:var(--radius);border-width:var(--line-width-2);box-shadow:var(--shadow-modal);height:100vh;left:var(--width-16);margin:0;overflow:auto;padding:var(--spacing-4);position:fixed;top:0;width:calc(100% - var(--width-16));z-index:50;.header{border-bottom-color:var(--color-mwop-bg);border-bottom-width:var(--line-width-1);color:var(--color-mwop-fg);display:flex;gap:var(--spacing-3);justify-content:space-between;padding:var(--spacing-8)}.close,.header{align-items:center}.close{background-color:var(--color-red);border:none;border-radius:50%;color:var(--color-white);cursor:pointer;display:inline-flex;font-size:var(--size-xl);font-weight:bolder;height:2rem;justify-content:center;line-height:1;width:2rem}.content{padding:var(--spacing-4);.container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.tips{color:var(--color-mwop-fg);margin-left:auto;margin-right:auto;width:min(100%,40rem)}}.empty{margin:0;text-align:center}}.search-result{background-color:var(--color-mwop-nav);border-color:var(--color-base03);border-radius:var(--radius-md);border-width:var(--line-width-2);box-sizing:border-box;color:var(--color-mwop-fg);margin:var(--spacing-2);max-height:var(--width-128);overflow:auto;padding:var(--spacing-2);width:100%;h4{background-color:var(--color-mwop-fg);border-radius:var(--radius-nested-md);box-sizing:border-box;color:var(--color-mwop-bg);padding:var(--spacing-2);width:100%}h5.date{border-bottom-color:var(--color-mwop-fg);border-bottom-width:var(--line-width-1);color:var(--color-mwop-soft);font-family:var(--font-serif);font-size:var(--size-sm);font-style:italic}.tags,h5.date{display:block;margin-bottom:var(--spacing-2);padding-bottom:var(--spacing-2);text-align:right;width:100%}.tags{border-top-color:var(--color-mwop-fg);border-top-width:var(--line-width-1);margin-top:var(--spacing-2);padding-top:var(--spacing-2);a{display:inline-block;font-style:italic;margin-right:var(--spacing-2);text-decoration-line:none;&:last-child{margin-right:0}}}}@media (min-width:1024px){.search-result{width:30%}.search-modal{left:12vw;width:calc(100% - 12vw)}}article.slash{.container{-moz-columns:1 auto;column-count:1;-moz-column-gap:var(--spacing-4);column-gap:var(--spacing-4);width:100%;section.card{background-color:var(--color-mwop-nav);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);margin-left:auto;margin-right:auto;padding:var(--spacing-2);width:100%;h4{border-bottom-color:var(--color-mwop-fg);border-bottom-width:var(--line-width-1);margin-bottom:var(--spacing-2);padding-bottom:var(--spacing-2);width:100%;a{text-decoration-line:none;&:hover{text-decoration-line:underline}}}dl{display:grid;gap:1rem 1rem;grid-template-columns:1fr 1fr;dt{background-color:var(--color-action-active);border-radius:var(--radius);color:var(--color-black);padding:var(--spacing-2);a{color:var(--color-mwop-dark)}}}}}}@media (min-width:768px){@supports (display:grid-lanes){article.slash{.container{display:grid-lanes;grid-template-columns:1fr 1fr}}}@supports not (display:grid-lanes){article.slash{.container{-moz-columns:2 auto;column-count:2}}}}@media (min-width:1024px){@supports (display:grid-lanes){article.slash{.container{display:grid-lanes;grid-template-columns:1fr 1fr 1fr}}}@supports not (display:grid-lanes){article.slash{.container{-moz-columns:3 auto;column-count:3}}}}article.slashes{h3{font-size:var(--size-2xl)}h3,section.card{margin-bottom:var(--spacing-6)}section.card{border-top-color:var(--color-mwop-nav);border-top-width:var(--line-width-2);padding-top:var(--spacing-2);width:100%}}@supports (display:grid-lanes){article.til{.results{display:grid-lanes}}}@supports not (display:grid-lanes){article.til{.results{display:grid}}}article.til{h2{text-align:center}.results{align-items:start;gap:var(--spacing-4);grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);margin-left:auto;margin-right:auto;.search-result{width:100%}}}@media (min-width:1024px){article.til{.results{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}}@media (min-width:1280px){article.til{.results{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}}}article.changelog{.container{width:100%;section.card{background-color:var(--color-mwop-nav);border-radius:var(--radius-lg);border-top-color:var(--color-mwop-fg);border-top-width:var(--line-width-1);margin-left:auto;margin-right:auto;margin-top:var(--spacing-4);padding:var(--spacing-2);width:100%;h4{margin-bottom:var(--spacing-2);padding-bottom:var(--spacing-2);width:100%;a{text-decoration-line:none;&:hover{text-decoration-line:underline}}}}}}.admin .error,.admin.error{background-color:var(--color-error);color:var(--color-white);margin-bottom:var(--spacing-4);padding:var(--spacing-4);text-align:center;width:100%;ul li{text-align:left}}.cancel{background-color:var(--color-orange)}.cancel,.danger{text-decoration-line:none}.danger{background-color:var(--color-error)}button a{text-decoration-line:none}section.admin{display:flex;flex-direction:row;justify-items:center;.menu{background-color:var(--color-mwop-nav);padding:var(--spacing-4);width:100%;nav{background-color:var(--color-mwop-bg);gap:var(--spacing-4);a{border-top:var(--line-width-1) solid var(--color-mwop-dark);display:block;padding:var(--spacing-2);&:first-child{border-top:none}}}}}form.admin.search{align-items:start;-moz-column-gap:var(--spacing-4);column-gap:var(--spacing-4);display:grid;grid-template-areas:"new" "search";grid-template-rows:1fr 1fr;justify-items:stretch;margin-bottom:var(--spacing-8);margin-top:var(--spacing-8);row-gap:var(--spacing-4);width:100%;a{display:block;grid-area:new;text-decoration-line:none}input[search]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-lg);grid-area:search;&::-moz-placeholder{color:var(--color-mwop-soft)}&::placeholder{color:var(--color-mwop-soft)}}}@media (min-width:768px){form.admin.search{grid-template-areas:"new search";grid-template-columns:10% minmax(0,1fr);grid-template-rows:none}}.admin.queued{background-color:var(--color-mwop-nav);border-radius:var(--radius-lg);padding:var(--spacing-4);width:100%;div.return{background-color:var(--color-mwop-bg);a{display:block;padding:var(--spacing-2)}}}table.admin.art.list{border-collapse:separate;table-layout:auto;width:100%;thead{font-size:var(--size-lg);font-weight:var(--weight-bold);tr{th{border-bottom-width:var(--line-width-4);padding-left:var(--spacing-2);padding-right:var(--spacing-2);vertical-align:bottom}th:first-child{text-align:center;width:20%}th:nth-child(2){text-align:left}th:last-child{text-align:center;width:10%}}}tbody{tr:nth-child(2n){background-color:var(--color-mwop-nav)}tr{td{padding:var(--spacing-2);vertical-align:top}td:first-child{text-align:center;width:20%;img:not(.icon){margin-left:auto;margin-right:auto}}td:nth-child(2){text-align:left}td:last-child{text-align:center;width:10%}}}}h3.admin.art{text-align:center;width:100%}form.admin.art.new{align-items:stretch;border:none;display:flex;flex-direction:column;gap:0;justify-content:center;div.preview{border-color:var(--color-mwop-soft);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-width:var(--line-width-1);padding:var(--spacing-4);position:relative;text-align:center;width:50%;img:not(.icon){margin-bottom:var(--spacing-4);padding:var(--spacing-4);width:100%}}div.input-group{align-items:center;background-color:var(--color-mwop-nav);display:flex;flex-direction:column;padding:0;width:100%;div.image-container{border-color:var(--color-mwop-soft);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-width:var(--line-width-1);min-height:100%;min-width:100%;padding:var(--spacing-4);position:relative;text-align:center;input{bottom:0;cursor:pointer;left:0;min-height:100%;min-width:100%;opacity:0;position:absolute;right:0;top:0;z-index:100;&:focus{box-shadow:var(--outline-4);outline-color:var(--color-mwop-fg);outline-width:var(--line-width-1)}&:valid{border-color:var(--color-mwop-light);border-width:var(--line-width-1)}}div.mwop-art-upload-content{background:transparent;border-color:var(--color-mwop-soft);border-style:dashed;border-width:var(--line-width-2);min-width:100%;padding-left:var(--spacing-3);padding-right:var(--spacing-4);padding-top:var(--spacing-4);transition-duration:.3s;transition-property:var(--transition);transition-timing-function:var(--ease-in-out);z-index:0;&:hover{border-color:var(--color-mwop-fg)}img:not(.icon){height:var(--width-48);width:var(--width-48)}div.default{height:var(--width-2);padding-bottom:50%;padding-top:50%;&:valid{display:none}}div.complete{height:var(--width-2);padding-bottom:50%;padding-top:50%;&:valid{display:block;font-size:5em}i{color:var(--color-action-border)}}}}}div.interactive{border-color:var(--color-mwop-soft);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-width:var(--line-width-1);font-weight:var(--weight-semibold);padding:var(--spacing-4);width:50%;div.input{margin-bottom:var(--spacing-3);label{font-size:var(--size-xl)}}}}@media (min-width:768px){form.admin.art.new{flex-direction:row;div.preview{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}div.input-group{width:40%;div.image-container{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}}div.interactive{border-radius:0 var(--radius-lg) var(--radius-lg) 0;width:40%}}}form.admin.art.edit{div.success{background-color:var(--color-success);margin-bottom:var(--spacing-4);padding:var(--spacing-4);text-align:center;width:100%}div.input-group{align-items:stretch;border:none;display:flex;flex-direction:column;gap:0;justify-content:center;div.image-container{border-color:var(--color-mwop-soft);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-width:var(--line-width-1);padding:var(--spacing-4);position:relative;width:100%;img:not(.icon){margin-bottom:var(--spacing-4);padding:var(--spacing-4);width:100%}}div.interactive{border-color:var(--color-mwop-soft);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-width:var(--line-width-1);font-weight:var(--weight-semibold);padding:var(--spacing-4);width:100%;div.input{margin-bottom:var(--spacing-3);label{font-size:var(--size-xl)}}a:not(button>a){background-color:var(--color-mwop-soft);text-decoration-line:none}}}}@media (min-width:768px){form.admin.art.edit{div.input-group{flex-direction:row;div.image-container{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}div.interactive{border-radius:0 var(--radius-lg) var(--radius-lg) 0;width:40%}}}}.admin.art.upload.error{border-color:var(--color-mwop-soft);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-width:var(--line-width-1);min-height:100%;min-width:100%;padding:var(--spacing-4);position:relative;text-align:center;label{background-color:var(--color-error);color:var(--color-white);display:block;margin-bottom:var(--spacing-4);padding:var(--spacing-4);text-align:center;width:100%}input{bottom:0;cursor:pointer;left:0;min-height:100%;min-width:100%;opacity:0;position:absolute;right:0;top:0;z-index:100;&:focus{box-shadow:var(--outline-4);outline-color:var(--color-mwop-fg);outline-width:var(--line-width-2)}&:valid{border-color:var(--color-mwop-light);border-width:var(--line-width-1)}}.mwop-art-upload-content{background:transparent;border-color:var(--color-mwop-soft);border-style:dashed;border-width:var(--line-width-2);min-width:100%;padding:var(--spacing-4) var(--spacing-3);transition-duration:.3s;transition-property:var(--transition);transition-timing-function:var(--ease-in-out);z-index:0;&:hover{border-color:var(--color-mwop-fg)}img:not(.icon){height:var(--width-48);width:var(--width-48)}div.default{height:var(--width-2);padding-bottom:50%;padding-top:50%;&:valid{display:none}}div.complete{height:var(--width-2);padding-bottom:50%;padding-top:50%;&:valid{display:block;font-size:5em}i{color:var(--color-action-border)}}}}.admin.art.upload.success{border-color:var(--color-mwop-soft);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-width:var(--line-width-1);min-height:100%;min-width:100%;padding:var(--spacing-4);position:relative;text-align:center;img:not(.icon){margin-bottom:var(--spacing-4);padding:var(--spacing-4);width:100%}}@media (min-width:768px){.admin.art.upload.error,.admin.art.upload.success{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}}.admin.art.upload.process{border-width:var(--line-width-1);font-family:var(--font-mono);padding:var(--spacing-2)}table.admin.blog.list{border-collapse:separate;table-layout:auto;width:100%;thead{font-size:var(--size-lg);font-weight:var(--weight-bold);tr{th{border-bottom-width:var(--line-width-4);padding-left:var(--spacing-2);padding-right:var(--spacing-2);vertical-align:bottom}th:first-child{text-align:left;width:60%}th:nth-child(n+2){text-align:center;width:10%}th:nth-child(2),th:nth-child(3){display:none}}}tbody{tr:nth-child(2n){background-color:var(--color-mwop-nav)}tr{td{padding:var(--spacing-2);vertical-align:top}td:first-child{text-align:left;width:60%}td:nth-child(n+2){text-align:center;width:10%}td:nth-child(2),td:nth-child(3){display:none}}}}@media (min-width:1024px){table.admin.blog.list{thead{tr{th:nth-child(2),th:nth-child(3){display:table-cell}}}tbody{tr{td:nth-child(2),td:nth-child(3){display:table-cell}}}}}h3.admin.blog{text-align:center;width:100%}form.admin.blog.post{align-items:stretch;border:none;-moz-column-gap:var(--spacing-4);column-gap:var(--spacing-4);display:grid;grid-template-areas:"form" "preview";grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:var(--spacing-4);div.post{border-color:var(--color-mwop-soft);border-radius:var(--radius-lg);border-width:var(--line-width-1);font-weight:var(--weight-semibold);grid-area:form;padding:var(--spacing-4);width:100%;div.input-group{margin-bottom:var(--spacing-3);label{font-size:var(--size-xl)}}}div.preview{border-color:var(--color-mwop-soft);border-radius:var(--radius-lg);border-width:var(--line-width-1);grid-area:preview;overflow:auto;padding:var(--spacing-4);width:100%;h2{border-bottom-width:var(--line-width-4);margin-bottom:var(--spacing-4)}article{font-size:var(--size-xl)}}}@media (min-width:768px){form.admin.blog.post{grid-template-areas:"form preview";grid-template-columns:50% 50%}}.admin.now.new-button{align-items:start;display:grid;grid-template-areas:"new";grid-template-columns:1fr;justify-items:stretch;width:100%;a{grid-area:new;text-decoration-line:none;width:100%}}@media (min-width:768px){.admin.now.new-button{grid-template-areas:"new .";grid-template-columns:10% minmax(0,1fr)}}table.admin.now.list{border-collapse:separate;table-layout:auto;width:100%;thead{font-size:var(--size-lg);font-weight:var(--weight-bold);tr{th{border-bottom-width:var(--line-width-4);padding-left:var(--spacing-2);padding-right:var(--spacing-2);vertical-align:bottom;width:25%}th:first-child{text-align:left}th:nth-child(n+2){text-align:center}th:nth-child(2){display:none}}}tbody{tr:nth-child(2n){background-color:var(--color-mwop-nav)}tr{td{padding:var(--spacing-2);vertical-align:top;width:25%}td:first-child{text-align:left}td:nth-child(n+2){text-align:center}td:nth-child(2){display:none}}}}@media (min-width:1024px){table.admin.now.list{thead{tr{th:nth-child(2){display:table-cell}}}tbody{tr{td:nth-child(2){display:table-cell}}}}}table.admin.postroll.list{border-collapse:separate;display:table;table-layout:auto;width:100%;thead{font-size:var(--size-lg);font-weight:var(--weight-bold);tr{th{border-bottom-width:var(--line-width-4);padding-left:var(--spacing-2);padding-right:var(--spacing-2);vertical-align:bottom}th:first-child,th:nth-child(2){text-align:left;width:40%}th:nth-child(n+3){text-align:center;width:10%}}}tbody{tr:nth-child(2n){background-color:var(--color-mwop-nav)}tr{td{padding:var(--spacing-2);vertical-align:top}td:first-child,td:nth-child(2){text-align:left;width:40%}td:nth-child(n+3){text-align:center;width:10%}}}}.admin.postroll.edit{display:grid;gap:var(--spacing-4);grid-template-areas:"form" "preview";grid-template-columns:1fr;margin-top:var(--spacing-4);width:100%;form{background-color:var(--color-mwop-nav);border-radius:var(--radius-lg);grid-area:form;padding:var(--spacing-2)}.preview{grid-area:preview;min-width:100%}}#preview{min-width:100%}@media (min-width:1024px){.admin.postroll.edit{grid-template-areas:"form preview";grid-template-columns:1fr 1fr}}table.admin.contact.list{border-collapse:separate;table-layout:auto;width:100%;thead{font-size:var(--size-lg);font-weight:var(--weight-bold);tr{th{border-bottom-width:var(--line-width-4);padding-left:var(--spacing-2);padding-right:var(--spacing-2);vertical-align:bottom}th:first-child{text-align:left;width:40%}}}tbody{tr:nth-child(2n){background-color:var(--color-mwop-nav)}tr{td{padding:var(--spacing-2);vertical-align:top}td:first-child{text-align:left;width:40%}}}}h3.admin.contact{text-align:center;width:100%}.admin.contact.view{background-color:var(--color-mwop-nav);border-radius:var(--radius-lg);display:grid;gap:var(--spacing-4);grid-template-columns:1fr;padding:var(--spacing-2);width:100%;.input-group{margin-bottom:var(--spacing-2)}.input-group .label{font-size:var(--size-lg)}.input-group .text-input,.input-group .textarea{background-color:var(--color-base2);color:var(--color-base02);white-space:pre-wrap}.input-group.actions{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-top:var(--spacing-4)}dialog{border:var(--line-width-1) solid var(--color-mwop-light);border-radius:var(--radius-lg);max-width:32rem;padding:var(--spacing-4);.actions{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-4)}}}table.admin.comment.list{border-collapse:separate;table-layout:auto;width:100%;thead{font-size:var(--size-lg);font-weight:var(--weight-bold);tr{th{border-bottom-width:var(--line-width-4);padding-left:var(--spacing-2);padding-right:var(--spacing-2);vertical-align:bottom}th:first-child{text-align:left;width:30%}}}tbody{tr:nth-child(2n){background-color:var(--color-mwop-nav)}tr{td{padding:var(--spacing-2);vertical-align:top;&.text-center{text-align:center}}td:first-child{text-align:left;width:30%}}}}h3.admin.comment{text-align:center;width:100%}.admin.comment.filters{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-bottom:var(--spacing-3);input[name=q]{flex:1 1 12rem}}.admin.comment.view{background-color:var(--color-mwop-nav);border-radius:var(--radius-lg);display:grid;gap:var(--spacing-4);grid-template-columns:1fr;padding:var(--spacing-2);width:100%;.input-group{margin-bottom:var(--spacing-2);a{color:var(--color-base02)}}.input-group .label{font-size:var(--size-lg)}.input-group .text-input,.input-group .textarea{background-color:var(--color-base2);color:var(--color-base02)}.input-group .textarea{white-space:pre-wrap}.input-group.actions{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-top:var(--spacing-4)}dialog{border:var(--line-width-1) solid var(--color-mwop-light);border-radius:var(--radius-lg);max-width:32rem;padding:var(--spacing-4);.actions{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-4)}}}