@charset "UTF-8";
@layer layout {
  @layer config {
    @font-face {
      font-family: "AlegreyaVariable";
      font-style: normal;
      font-display: swap;
      font-weight: 400 900;
      src: url("/assets/fonts/alegreya-latin-variable-wghtOnly-normal.woff2") format("woff2");
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    @font-face {
      font-family: "AlegreyaVariable";
      font-style: normal;
      font-display: swap;
      font-weight: 400 900;
      src: url("/assets/fonts/alegreya-latin-ext-variable-wghtOnly-normal.woff2") format("woff2");
      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    @font-face {
      font-family: "JetBrains MonoVariable";
      font-style: normal;
      font-display: swap;
      font-weight: 100 800;
      src: url("/assets/fonts/jetbrains-mono-latin-variable-wghtOnly-normal.woff2") format("woff2");
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    @font-face {
      font-family: "JetBrains MonoVariable";
      font-style: normal;
      font-display: swap;
      font-weight: 100 800;
      src: url("/assets/fonts/jetbrains-mono-latin-ext-variable-wghtOnly-normal.woff2") format("woff2");
      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    @font-face {
      font-family: "AlegreyaVariable";
      font-style: italic;
      font-display: swap;
      font-weight: 400 900;
      src: url("/assets/fonts/alegreya-latin-variable-wghtOnly-italic.woff2") format("woff2");
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    @font-face {
      font-family: "AlegreyaVariable";
      font-style: italic;
      font-display: swap;
      font-weight: 400 900;
      src: url("/assets/fonts/alegreya-latin-ext-variable-wghtOnly-italic.woff2") format("woff2");
      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    @font-face {
      font-family: "JetBrains MonoVariable";
      font-style: italic;
      font-display: swap;
      font-weight: 100 800;
      src: url("/assets/fonts/jetbrains-mono-latin-variable-wghtOnly-italic.woff2") format("woff2");
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    @font-face {
      font-family: "JetBrains MonoVariable";
      font-style: italic;
      font-display: swap;
      font-weight: 100 800;
      src: url("/assets/fonts/jetbrains-mono-latin-ext-variable-wghtOnly-italic.woff2") format("woff2");
      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    html {
      --dark: darkslategray;
      --darker: #0e1313;
      --light: azure;
      --accent-light: hotpink;
      --complement-light: darkturquoise;
      --accent-dark: mediumvioletred;
      --bg-accent-dark: #2a1324;
      --bg-accent-light: #f2e9f4;
      --complement-dark: teal;
      --mark-light: rgba(255, 105, 180, 0.2);
      --mark-dark: rgba(199, 21, 133, 0.2);
      --bg: var(--darker);
      --bg-alt: var(--bg-accent-dark);
      --text: var(--light);
      --accent: var(--accent-light);
      --accent-text: var(--bg);
      --complement: var(--complement-light);
      --complement-text: var(--bg);
      --mark: var(--mark-dark);
      --mark-text: var(--text);
      --shadow: hsl(0deg 0% 0% / 25%);
      --image-brightness: 95%;
      --border: var(--complement, currentColor);
      --action: var(--accent);
      --active: var(--complement);
      --highlight: var(--accent);
      --highlight-text: var(--accent-text);
      --selected: var(--complement);
      --selected-text: var(--complement-text);
      --field-bg: var(--shadow);
      --btn-bg: var(--shadow);
      --text-gradient: radial-gradient(
        farthest-corner at bottom left,
        var(--accent),
        var(--complement)
      );
      --larger: 1.2em;
      --huge: min(1.5rem + 1vw, 3rem);
    }
    @media (prefers-color-scheme: light) {
      html {
        --bg: var(--light);
        --bg-alt: var(--bg-accent-light);
        --text: var(--dark);
        --accent: var(--accent-dark);
        --accent-text: var(--bg);
        --complement: var(--complement-dark);
        --complement-text: var(--bg);
        --mark: var(--mark-light);
        --mark-text: var(--text);
        --shadow: hsl(0deg 0% 0% / 12.5%);
        --image-brightness: 100%;
      }
    }
    html[data-theme=dark] {
      --bg: var(--darker);
      --bg-alt: var(--bg-accent-dark);
      --text: var(--light);
      --accent: var(--accent-light);
      --accent-text: var(--bg);
      --complement: var(--complement-light);
      --complement-text: var(--bg);
      --mark: var(--mark-dark);
      --mark-text: var(--text);
      --shadow: hsl(0deg 0% 0% / 25%);
      --image-brightness: 95%;
    }
    html[data-theme=light] {
      --bg: var(--light);
      --bg-alt: var(--bg-accent-light);
      --text: var(--dark);
      --accent: var(--accent-dark);
      --accent-text: var(--bg);
      --complement: var(--complement-dark);
      --complement-text: var(--bg);
      --mark: var(--mark-light);
      --mark-text: var(--text);
      --shadow: hsl(0deg 0% 0% / 12.5%);
      --image-brightness: 100%;
    }
    img,
picture {
      filter: brightness(var(--image-brightness, 100%));
    }
    img:hover,
picture:hover {
      --image-brightness: 100%;
    }
  }
  @supports (font-variation-settings: normal) {
    html {
      --var-serif: "AlegreyaVariable", var(--ui-serif);
      --var-mono: "JetBrains MonoVariable", var(--ui-mono);
      font-display: optional;
    }
    [data-type~=smallcaps] {
      font-variant-caps: small-caps;
    }
    [data-type~=allcaps] {
      font-variant-caps: all-small-caps;
    }
    [data-numbers=tabular] {
      font-variant-numeric: tabular-nums;
    }
    [data-numbers=lining] {
      font-variant-numeric: lining-nums;
    }
    [data-numbers=fractions] {
      font-variant-numeric: diagonal-fractions;
    }
  }
  /* stylelint-disable property-no-vendor-prefix */
  html {
    --mark-gradient: linear-gradient(
      -85deg,
      transparent,
      var(--mark, var(--shadow)) 3% 98%,
      transparent
    );
    --mark-bg: var(--mark-gradient) no-repeat 0 100% / 100% 60%;
  }
  hr::after {
    --svg: var(--complement);
    background: var(--text-gradient);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
  }
  hr::after,
hr::after * {
    text-decoration-color: var(--text);
  }
  blockquote > *:not(.cite) {
    font-size: var(--larger);
    font-style: italic;
  }
  blockquote em,
blockquote i {
    background: var(--mark-bg);
  }
  mark,
code:not(pre *) {
    background: var(--mark-bg);
    color: var(--text);
  }
  h2:not(:first-child) {
    margin-block-start: var(--spacer);
  }
  html {
    --html-border: thick solid var(--AccentColor);
    /*
    * Adapted from: https://css-pattern.com/
    * By: Temani Afif (https://twitter.com/ChallengesCss)
    */
    --bgp-window: calc(var(--spacer) * 6);
    --bgp-fade: 50%;
    --bgp-s: max(3em, var(--spacer)); /* control the size */
    --bgp-1: var(--bg);
    --bgp-2: var(--bg-alt);
    --bgp-hs: calc(var(--bgp-s) / 2);
    --bgp-hp-ss: var(--bgp-hs) var(--bgp-hs) / var(--bgp-s) var(--bgp-s);
    --bgp-0p-ss: 0 0 / var(--bgp-s) var(--bgp-s);
    --bgp-grad: var(--bgp-1) 0% 5%, var(--bgp-2) 6% 15%, var(--bgp-1) 16% 25%,
      var(--bgp-2) 26% 35%, var(--bgp-1) 36% 45%, var(--bgp-2) 46% 55%,
      var(--bgp-1) 56% 65%, var(--bgp-2) 66% 75%, var(--bgp-1) 76% 85%,
      var(--bgp-2) 86% 95%, transparent 96%;
    background: radial-gradient(175% var(--bgp-window, 12em) at top left, transparent var(--bgp-fade, 50%), var(--bg) 100%), radial-gradient(50% 50% at 100% 0, var(--bgp-grad)) var(--bgp-0p-ss), radial-gradient(50% 50% at 0 100%, var(--bgp-grad)) var(--bgp-0p-ss), radial-gradient(50% 50%, var(--bgp-grad)) var(--bgp-0p-ss), radial-gradient(50% 50%, var(--bgp-grad)) var(--bgp-hp-ss), var(--bgp-1);
    border-block: var(--html-border);
  }
  #settings:not([open], :focus-within, :hover) {
    opacity: 0.5;
  }
  #settings summary {
    color: var(--Link);
    font-style: italic;
  }
  #settings summary:hover {
    color: var(--ActiveText);
  }
  #settings summary:not([open] *, :focus, :hover) .summary-text:not(:focus) {
    border: 0;
    clip: rect(0 0 0 0);
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
  }
  #settings [data-icon] {
    border-radius: 50%;
    overflow: hidden;
    height: var(--line);
    padding: var(--half-shim);
    width: var(--line);
  }
  #settings[open] {
    --icon-bg: var(--text-gradient) var(--selected);
  }
  nav[aria-label=primary] {
    filter: drop-shadow(1px 1px 0 var(--bg)) drop-shadow(2px 2px 3px var(--bg));
  }
  nav[aria-label=primary] a:any-link {
    color: var(--text);
    font-style: italic;
    text-decoration: none;
    transition: text-decoration-thickness 150ms ease;
  }
  nav[aria-label=primary] a:where(.has-tag):any-link {
    text-decoration: underline var(--Link);
  }
  nav[aria-label=primary] [aria-current=page]:any-link {
    --svg: var(--complement);
    background: var(--text-gradient);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
  }
  nav[aria-label=primary] [aria-current=page]:any-link,
nav[aria-label=primary] [aria-current=page]:any-link * {
    text-decoration-color: var(--text);
  }
  nav[aria-label=primary] [rel=home] {
    font-size: var(--huge);
    padding-inline-end: var(--shim);
    vertical-align: middle;
  }
  #workshop {
    --body-column: full;
    display: grid;
    grid: inherit;
    overflow-x: clip;
    padding-block: var(--spacer);
    position: relative;
  }
  #workshop .w-context {
    font-variant: small-caps;
    text-transform: lowercase;
  }
  #workshop .w-cta {
    background-color: var(--btn-bg, var(--ButtonFace));
    border: medium solid var(--btn-border, var(--ButtonBorder));
    color: var(--btn-text, var(--ButtonText));
    display: block;
    margin-block-start: var(--gap);
    padding: var(--gap);
    text-align: center;
  }
  #workshop .w-cta:hover, #workshop .w-cta:focus {
    --btn-border: var(--AccentColor);
  }
  #workshop .w-cta:active {
    --btn-bg: var(--ActiveText);
    --btn-text: var(--bg);
  }
  #workshop .w-title {
    margin: 0;
  }
  #workshop .w-sub {
    font-style: italic;
  }
  #workshop iframe {
    width: 100%;
  }
  #workshop::before {
    background: var(--bg-alt);
    content: "";
    inset: 0;
    position: absolute;
    rotate: -2deg;
    z-index: -1;
  }
  #workshop > * {
    grid-column: var(--footer-column, main);
  }
  #workshop + #contentinfo {
    border: none;
  }
  #contentinfo {
    --body-column: full;
    border-block-start: medium dotted var(--border);
    display: grid;
    grid: inherit;
    padding-block-start: var(--gap);
  }
  #contentinfo > * {
    grid-column: var(--footer-column, main);
  }
  #trans {
    --a1: 55deg;
    --a2: 230deg;
    --c1: var(--complement-light);
    --c2: var(--accent-light);
    --c3: var(--accent-dark);
    --c4: var(--complement-light);
    --c5: var(--bg-alt);
    --c6: var(--complement-dark);
    --c7: var(--accent-light);
    --solid: var(--c1), var(--c2), var(--c3), var(--c4), var(--c5), var(--c6),
      var(--c7);
    --solid-wrap: var(--solid), var(--c1);
    --trans: var(--c1), transparent, var(--c2), transparent, var(--c3),
      transparent, var(--c4), transparent, var(--c5), transparent, var(--c6),
      transparent, var(--c7);
    --trans-wrap: var(--trans), transparent, var(--c1);
    --footer-column: full;
    background: radial-gradient(circle, var(--trans)), conic-gradient(from var(--a1), var(--trans-wrap)), radial-gradient(circle, var(--trans)), conic-gradient(from var(--a2), var(--solid-wrap));
    background-blend-mode: overlay;
    border-block-start: var(--html-border);
    display: grid;
    min-height: max(80vh, var(--spacer));
    margin-block-start: var(--gap, 1em);
    padding-inline: var(--margin);
    place-content: center;
  }
  @media (prefers-color-scheme: dark) {
    #trans {
      --c1: var(--complement-dark);
      --c7: var(--accent-dark);
    }
  }
  #trans p {
    font-size: var(--huge);
    text-align: center;
    text-transform: uppercase;
  }
  #summary,
.p-summary {
    font-style: italic;
  }
  #summary em,
#summary i,
.p-summary em,
.p-summary i {
    background: var(--mark-bg);
  }
  h1 {
    --svg: var(--complement);
    background: var(--text-gradient);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-size: var(--huge);
  }
  h1,
h1 * {
    text-decoration-color: var(--text);
  }
  #page-header .venue {
    font-style: italic;
  }
  [aria-roledescription=subtitle] {
    font-style: italic;
  }
  [data-list=tags] {
    font-style: italic;
  }
  [data-list=tags]::before {
    --svg: var(--complement);
    background: var(--text-gradient);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    content: "🔖";
    font-style: normal;
    padding-inline-end: var(--shim);
  }
  [data-list=tags]::before,
[data-list=tags]::before * {
    text-decoration-color: var(--text);
  }
}

/*# sourceMappingURL=theme.css.map */