Sunside Theme

Link to article: Sunside Theme.

@import url(https://scp-wiki.wdfiles.com/local--code/theme%3Asunside/1);

```
font-family: var(--UI-font);
```

```
city-block
```
```
city-block
```
```
side-alley
```
```
side-alley
```
```
right
```
```
header-center
```

[[iftags +theme]]
[[>]]
[[module rate]]
[[/>]]

This is an aesthetic theme for [[[esterberg-city-wikipedia|Esterberg]]], made by [[*user EstrellaYoshte]] for [[*user Ralliston]].

To use the theme, insert the following:

[[div class="city-block"]]
{{@@[[include :scp-wiki:theme:sunside]]@@}}
[[/div]]

Sunside/Bożydar/‘Ralliston is a nerd’ Theme is based on [[[component:sigma-plus|]]].

------

[[include component:image-block name=https://scp-wiki.wdfiles.com/local--files/esterberg-city-wikipedia/flag.png |caption=Image.|width=300px]]

An ornamental horizontal rule can be created with 5 hyphens "- - - - -" as above.

Titles can be created by putting between one and six plus "+" at the start of the line.
@@ @@

[[collapsible show="Collapsible - Click me" hide="Collapsible - Click me"]]
+ First Title

++ Second Title

+++ Third Title

++++ Fourth Title

+++++ Fifth Title

++++++ Sixth Title
[[/collapsible]]

@@ @@

[[toc]]

[[tabview]]
[[tab Tabulator]]
This is a tab view.
[[/tab]]
[[tab Tabulation]]
Hey look, more text here.

How quaint.
[[/tab]]
[[tab Long Tab]]
This is a long tab. It contains a lot of text.[[footnote]] This is a footnote. [[/footnote]]

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.
[[/tab]]

[[tab Longer Tab]]
This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.
[[/tab]]

[[tab Empty Tab]]
[[/tab]]
[[/tabview]]

@@ @@

> This is a blockquote, created by putting "> " at the start of each line.
>
> More text
> -----
> That's a horizontal rule
>
>> Nested blockquotes

@@ @@

||~ This is a ||~ table ||
||You should know || how to make these ||
||||already ||

[[footnoteblock]]

------

++ Custom Blocks

[[div class="city-block"]]
{{city-block}} div
[[/div]]


[[div class="side-alley"]]
{{side-alley}} div

++++* Header
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed fringilla nibh. Proin ultrices lectus tortor, ac tincidunt mi rutrum quis.
[[/div]]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed fringilla nibh. Proin ultrices lectus tortor, ac tincidunt mi rutrum quis. Donec ullamcorper enim in felis ultricies accumsan. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc tincidunt dolor ut massa varius fermentum. Aliquam interdum vitae nulla pretium facilisis. Nam et nisl nec ex malesuada suscipit euismod sit amet turpis. Vestibulum aliquam blandit tempus. Quisque nec justo vitae dolor aliquam condimentum porta non ante. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

[[div class="side-alley right"]]
{{side-alley right}} div
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed fringilla nibh. Proin ultrices lectus tortor, ac tincidunt mi rutrum quis. Donec ullamcorper enim in felis ultricies accumsan.
[[/div]]

Nulla quam odio, elementum ac sem consectetur, feugiat dapibus enim. Duis ex ligula, tempor elementum bibendum eu, iaculis at augue. Praesent consequat accumsan velit nec tempus. Nulla tempor pulvinar massa, a facilisis nisi posuere in. Praesent at accumsan risus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur ex ligula, pharetra id consectetur vel, suscipit sit amet felis. Nulla lobortis est dolor, eu posuere mi pulvinar sed. Vestibulum nec venenatis sapien. Aliquam erat volutpat. Phasellus at gravida elit.

Aenean at justo sed erat blandit volutpat. Suspendisse semper feugiat nisl vitae imperdiet. Quisque congue a nunc at bibendum. Donec lacinia eros in mi pharetra, sed malesuada nunc condimentum. Morbi efficitur fringilla dui et hendrerit. Duis blandit eleifend venenatis. Ut vel imperdiet sapien. Mauris rhoncus sapien congue urna rhoncus, sit amet ultrices magna venenatis.

Etiam at massa eu turpis lacinia volutpat. Pellentesque hendrerit, diam vel dignissim finibus, odio massa laoreet lacus, id convallis tellus augue et enim. Sed dui orci, feugiat sed auctor sed, ultricies in erat. Praesent id erat quam. Nullam pretium, elit vel rhoncus ornare, diam felis euismod metus, et consectetur augue lorem nec felis. Quisque a neque felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent vel blandit erat. Donec justo velit, sollicitudin eu fermentum sit amet, convallis ut leo. Quisque elit tortor, aliquam eu dui a, finibus pharetra nunc. Suspendisse ultricies vestibulum est a suscipit.

[[div class="header-center"]]
{{header-center}} div

+++* Header font is Sora.

Body font is Public Sans.

[[span style="font-family: var(--UI-font);"]]UI font is iA Writer Duo.[[/span]]

{{Monospace font is iA Writer Mono.}}
[[/div]]

++ Source Code
[[collapsible show="Open" hide="Close"]]
[[code type="CSS"]]
/*
    Esterberg Theme
    [2023 Wikidot Theme]
    By EstrellaYoshte

    Based on:
    Generic Space Theme by EstrellaYoshte
    SkipOS Theme by EstrellaYoshte
*/

/*-----------------------------*/
/*------ FONTS ------*/
/*-----------------------------*/

@import url('https://api.fonts.coollabs.io/css2?family=Sora:wght@400;700&display=swap');
@import url('https://api.fonts.coollabs.io/css2?family=Public+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@font-face {
    font-family: 'iA Writer Mono';
    src: url(https://cdn.jsdelivr.net/gh/SYwaves/Webfont-Archive@master/iAWriterMonoS-Regular.woff2) format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'iA Writer Mono';
    src: url(https://cdn.jsdelivr.net/gh/SYwaves/Webfont-Archive@master/iAWriterMonoS-Italic.woff2) format("woff2");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'iA Writer Mono';
    src: url(https://cdn.jsdelivr.net/gh/SYwaves/Webfont-Archive@master/iAWriterMonoS-Bold.woff2) format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'iA Writer Mono';
    src: url(https://cdn.jsdelivr.net/gh/SYwaves/Webfont-Archive@master/iAWriterMonoS-BoldItalic.woff2) format("woff2");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'iA Writer Duo';
    src: url(https://cdn.jsdelivr.net/gh/SYwaves/Webfont-Archive@master/iAWriterDuoS-Regular.woff2) format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'iA Writer Duo';
    src: url(https://cdn.jsdelivr.net/gh/SYwaves/Webfont-Archive@master/iAWriterDuoS-Italic.woff2) format("woff2");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'iA Writer Duo';
    src: url(https://cdn.jsdelivr.net/gh/SYwaves/Webfont-Archive@master/iAWriterDuoS-Bold.woff2) format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'iA Writer Duo';
    src: url(https://cdn.jsdelivr.net/gh/SYwaves/Webfont-Archive@master/iAWriterDuoS-BoldItalic.woff2) format("woff2");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

/*-----------------------------*/
/*------ BASE ------*/
/*-----------------------------*/

:root {
    --accent-h: 17deg;
    --complement-h: calc(var(--accent-h) + 18deg);

    --primary-accent-1: var(--accent-h) 97.5% 53.25%;
    --primary-accent-2: calc(var(--accent-h) - 5deg) 77.5% 38.5%;
    --primary-accent-3: calc(var(--accent-h) - 15deg) 85% 30%;

    --light-accent-1: calc(var(--accent-h) + 12.5deg) 95% 98.25%;
    --light-accent-2: calc(var(--accent-h) + 7.5deg) 85.5% 80.5%;
    --light-accent-3: calc(var(--accent-h) + 5deg) 95% 75%;

    --dark-accent: calc(var(--accent-h) - 16.5deg) 60% 15%;

    --primary-complement: var(--complement-h) 97.5% 52.5%;
    --light-complement: calc(var(--complement-h) + 12.5deg) 95% 97.5%;
    --dark-complement: var(--complement-h) 55% 11.25%;

    --assist-color: var(--accent-h) 8% 13%;

    --s-header-desktop-height: 21.75rem;
    --s-header-mobile-height: 15.25rem;
    --sp_header-height: var(--s-header-desktop-height);
    --sp_top-bar-height: 2.75rem;
    --sp_dropdown-width: 28ch;
    --sp_header-logo: url(https://scp-wiki.wdfiles.com/local--files/theme:sunside/esterberg-sun.png);
    --sp_header-logo-size: 15.25rem;
    --sp_header-title-scale: 1.325;
    --sp_header-subtitle-scale: 1.25;

    --sp_side-bar-width: 15.5rem;

    --sp_rate-module-text-color: hsl(var(--light-complement));
    --sp_rate-module-background: hsl(var(--assist-color));
    --sp_rate-module-button-color: var(--sp_rate-module-text-color);
    --sp_rate-module-button-background: transparent;
    --sp_rate-module-button-hover-background: transparent;

    --header-font: 'Sora', Nanum Gothic, sans-serif;
    --body-font: 'Public Sans', Nanum Gothic, Arial, sans-serif;
    --UI-font: 'iA Writer Duo', sans-serif;
    --mono-font: 'iA Writer Mono', sans-serif;
    --header-title: "Esterberg";
    --header-subtitle: "Weaving New Paradigms";
    --main-content-width: 50rem;

    --sp_tab-background: hsl(var(--dark-accent));
    --sp_tab-text-color: hsl(var(--light-complement));
    --sp_tab-hover-background: hsl(var(--assist-color));
    --sp_tab-hover-text-color: hsl(var(--primary-accent-1));
    --sp_tab-selected-background: hsl(var(--primary-accent-1));
}

body {
    font-family: var(--body-font);
    font-size: 0.9675rem;
    background-color: hsl(var(--light-accent-1));
    color: hsl(var(--dark-complement));
}
body, li, p { line-height: 1.5; }

tt, .page-source, .code, pre {
    font-family: var(--mono-font);
}

.page-source, .code {
    border: none;
    background-color: hsl(var(--light-complement));
}

::selection {
    background-color: hsl(var(--primary-accent-1) / 0.875);
    color: hsl(var(--light-accent-1));
}

/*---------- SCROLLBAR ----------*/
 
::-webkit-scrollbar {
  width: 0.5rem;
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: hsl(var(--light-accent-2));
  border: none;
}
::-webkit-scrollbar-track {
  background: hsl(var(--assist-color));
}
 
:root {
    scrollbar-color: hsl(var(--light-accent-2)) hsl(var(--assist-color));
    scrollbar-width: thin;
}

/*-----------------------------*/
/*------ HEADER ------*/
/*-----------------------------*/

#header {
    order: -1;
    max-width: initial;
    grid-template-areas:
        "login login login search"
        ". . . ."
        "h1 h1 h1 h1"
        "h2 h2 h2 h2"
        ". . . ."
        "top-bar top-bar top-bar top-bar";
    grid-template-columns: var(--sp_area-comp-margin) 1fr auto auto;
    background: transparent;
    --esterberg-header-layer1: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2045 1150.06'%3E%3Cg data-name='Layer 2'%3E%3Cpath d='M0 1150.06v-937a55 55 0 0 0 7-2l16-9 24-9 10-6 13-7 9-3 37-22c12-7 22-16 32-25 4-4 8-10 15-9a4 4 0 0 0 3-1c5-6 13-8 20-11h6l17 3a34 34 0 0 1 7 2l6 4 22 10 34 22 27 15 36 21c9 6 18 11 28 14 14 4 29 7 43 12a120 120 0 0 0 35 4h13a8 8 0 0 0 7-1c6-5 12-7 20-6l9-2 7-1 12 4a4 4 0 0 0 3 0l10-5c4-1 8-4 12-4a37 37 0 0 0 22-6l3-1a8 8 0 0 0 7 1h10c5-2 10-4 14 1 3-2 5-5 8-5 8 0 16-1 23 5a2 2 0 0 0 1 0l15-6c4-2 7-5 12-3a10 10 0 0 0 6 0c3-2 6-2 9 0h5l25-7 9-1c1 .1 2 .1 3 0 9-2 19 1 28 2a6 6 0 0 0 3 0c5-3 9-8 16-4a3 3 0 0 0 2 0l31-7 22-6a51 51 0 0 0 16-5 56 56 0 0 1 9-3l27-9 19-4 22-4 18-3c6-1 13-1 19-3 6-1 11-4 18-4a20 20 0 0 0 8-1l17-7 28-11 16-5c4 0 7-2 11-4l3-3 17-12 17-10 12-6c1-1 2-2 3-1 4 1 8 0 12-1l11-4c18.67-10.67 37-22 55-34l27-18c6-4 12-9 19-10h5c3 2 5 2 8 1l10-3a38 38 0 0 1 11 1l9 3 9 1c10 4 21 7 33 8 4 0 8 0 12 2a204 204 0 0 0 20 10 65 65 0 0 0 13 3l17 2 26 3c6 1 11 1 15 4l12 6 29 16c4 2 8 7 13 7 7 0 13 5 21 5a26 26 0 0 1 7 2l21 7 19 5a45 45 0 0 1 22 8l18 12 42 18 34 11 11 3c5 3 10 2 15 2l9 2a14 14 0 0 0 9 2c6 0 12 2 16 5 6 3 11 2 17 1a44 44 0 0 1 11-2h16a20 20 0 0 1 4 1c9 2 18 4 27 4a181 181 0 0 1 19 0 115 115 0 0 1 13 2l14 3 26 5 14 3 21 4c9 2 18 6 27 6 13 0 26 3 38 7l35 9 31 11 23 9c3 1 5 1 5 5v934z' data-name='Layer 1'/%3E%3C/g%3E%3C/svg%3E");
    --esterberg-header-layer2: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4006.1 1633.8'%3E%3Cpath d='M0 894.6v-739l3.7.6c2.1.3 10.3 1.1 18.3 1.7 38.7 2.9 54.5 5 82.1 10.9l11.7 2.5 2.8-3.2c4.8-5.4 13.2-3.3 13.2 3.2 0 2.8 2.4 5.4 5 5.4 1.3 0 2.4-1.3 3.4-4 1.3-3.7 2-4.2 5-4.2 4.1 0 4.5.6 4.7 7 .2 4.1.5 4.8 2.5 4.8 1.2 0 3-.9 3.8-1.9 1.1-1.3 4.1-2 9.8-2.4 4.5-.3 9.3-.8 10.5-1.1 2.9-.7 2.9-3.6 0-4.5-3-.9-1.7-2 6.7-6a76.3 76.3 0 0 1 26-6c3.3-.4 6.8-1.6 7.8-2.7 2.9-3 11.5-2.5 15.5.9 3 2.6 3.9 2.7 24.4 2.6l54.1.3c36.4.5 39.4 1 51.6 9 3 1.9 6.4 4 7.6 4.6 3.1 1.7 2.8 3.2-1 4.7-2.5 1-2.9 1.6-1.9 2.8 1 1 11.6 1.5 43.3 1.8 23 .2 43 .1 44.2-.3 1.5-.4 2.5-1.8 2.9-4.2.5-3 1-3.5 3.5-3.5 3.2 0 5.6 2.6 4.8 5.2-.4 1 .2 1.8 1.6 2.2 1.2.3 16 .3 32.7.1 32.8-.4 41 .5 57.2 6 7.2 2.4 17.6 6.7 22.9 9.4 1.3.7 1.6.4 1.2-.9-.5-1.3.4-1.9 3.7-2.4 2.4-.3 6.6-1.2 9.3-2 6.3-1.6 50-2 53.4-.3 1.7.8 7.9.8 18.4 0 13.5-1 17-.8 23 .8a173 173 0 0 0 28.4 4.3c1.3 0 2.9.3 3.5.8.6.5 2.4.7 3.9.5 1.8-.2 3 .3 3.3 1.5.5 1.3 2 1.9 5.3 1.9 3 0 6.7 1 10.1 3 5.9 3.3 13 4 17.7 1.9 1.5-.7 5.5-1.5 8.8-1.8 3.3-.3 8.4-1.4 11.4-2.5 5.8-2 20-6.5 20.7-6.5.2 0 .2 3.7 0 8.3-.4 6-.2 8.1.7 7.8.6-.2 1.4-2.8 1.6-5.6a26 26 0 0 1 2.2-8.2c1.5-2.6 1.5-3.6.4-8.8-1.7-7.7-1.2-8 11.2-7.2l12.3.7c2.5 0 2.6.3 2 3.3-.5 1.7-1.3 3-1.9 3-.5-.2-1 1.8-1 4.4.1 3 .6 4.6 1.5 4.6.7 0 1.3.6 1.3 1.2 0 .7-1 1.2-2.3 1.2-2 0-2 .2-.4 1.3 1 .6 2.7 1 3.9.8 2-.3 2-1 1.9-9.3l-.3-9 11.8-.2 28.8-.4c9.3-.2 20.3.2 24.4.7 5.7.8 7.5.6 8.2-.6 2.3-4.5 4.7-26.1 3-27.4-1.6-1.1 1.2-6.4 3.7-7.1 3.1-1 4.5.7 4.4 5.2-.1 3.3.1 3.5 4.6 4.2l6.4 1.1c2.2.6 2.2-.4 0-2.4-1-1-1.3-1.6-.5-1.6s1.2-2 1.2-6v-6l3.5.4c3 .4 3.6 0 5.1-3.2a17 17 0 0 0 1.2-9.3c-.4-4.1 0-7 1.4-11l2-5.2 2.3 2.6c1.3 1.4 3.1 2.4 4 2.2 1.6-.4 1.8-1.8 1.6-11-.1-5.8-.7-11.2-1.3-12-.7-1-.7-1.6 0-1.6.5 0 1.2-1 1.5-2.4.5-2.2 1-2.4 6.7-1.8 6.3.6 9 2.1 9 5 0 3.3 1.6 1.4 4.3-5 1.5-3.5 3-6.2 3.6-5.8.5.3 2.6-4.4 4.7-10.6 3.7-11 8.2-19.1 9-16.1.3.8 1 1.4 1.8 1.4 2 0 3.8 4.2 9 21 3.7 11.8 5.2 15.5 6.5 15.5 2.5 0 6.5 4.1 6.5 6.6 0 1.8 1.6 2.5 9.7 4l9.8 2v-3.4c0-1.8-.4-3.3-1-3.3-.4 0-.3-1.3.3-3 .8-2 2-2.9 3.8-2.9 3.7 0 5.9 1.1 5.9 3 0 .8.5 1.8 1.2 2.2 1 .6 1 .8 0 1.4-.7.4-1.2 2.2-1.2 4v3.4l6.9-.7c3.8-.4 7.7-.2 8.7.3 1 .5 2.2 1 2.7 1 .4 0 1.4 1 2 2.2.8 1.2 2.7 2 4.5 2 3 0 3.2-.2 3-4-.2-2.3 0-4.5.5-5 .4-.5 4.9-1.6 10-2.3 8.4-1.3 9.2-1.2 10.8.8 1 1.2 1.4 2.5 1 2.8-.5.3-1 4.6-1 9.6 0 9.8-.2 9.4 6.3 7 1.4-.5 3 .2 4.8 2 2.7 2.8 3.1 2.9 9 1.6 3.4-.8 7.5-2.3 9.1-3.3 3-1.8 9-1.6 10.1.4.3.6 1.1 1 1.9 1 1 0 1.1-1.4.8-5.6-1-9.8-.5-15.4 1.6-19.8l2.7-6.7c1-2.5 2.8-5.1 4-5.8 2-1 2.2-2 2-6.6-.5-7.4.8-11 3.7-10.6 2 .4 2.2 1.1 2.4 7.6.2 6.7.4 7.4 4.4 12 2.3 2.8 4.3 4.9 4.4 4.7l5.3-12.2c4.7-11.2 7-21 5-22.4-.4-.3-.2-1.6.4-3 1-2 1-2.6-.5-3.9-1.6-1.4-1.5-1.9 1.7-7.5 2.8-5 3.1-6.2 2-7.3-2-2-1.7-4.7.6-4.7 1.6 0 2-.7 2-4.9 0-4 .2-4.7 1.2-3.5 1 1.2 1.5-.3 2.3-7.4.5-5 1.4-9 2-9.2.5-.2 1.2 2.9 1.5 6.7.3 4 1 7.2 1.7 7.5.8.2 1 1.5.7 3.1a6.3 6.3 0 0 0 3.8 6.9c1 .4 1 1 0 3-1.1 2.2-1 3 .1 4.4.8.9 2 1.7 2.6 1.7.7 0 3 2 5 4.5 2.7 3.2 3.6 5 2.8 5.8-1.6 2-.2 4.6 3.7 6.8 2.8 1.6 3.5 2.7 3.5 5.3 0 3 .5 3.4 5 4.5 6.6 1.7 11.7 1.7 10.4.1-1.7-2-.4-7.9 1.8-8.6 1.4-.4 1.8-1.2 1.4-2.5-.3-1.1 0-2.2 1-2.6.7-.3 1.4-1.6 1.4-2.9 0-1.2.4-2.2 1-2.2.5 0 1 1 1 2.2 0 2.2 2.8 3 4 1.2.3-.5 1.3-.2 2.2.6 1.1 1 1.7 3.4 1.8 7.3.4 12.7.9 14.4 4.1 15.2 3.8 1 4 .7 3-3.9-.6-2.2-.6-4-.1-4.4.5-.3.6-2.2.3-4.1-.5-3-.3-3.5 1.5-3.5 1.2 0 2.2-.7 2.2-1.5 0-1 1.6-1.3 5.5-1 5.3.4 5.6.3 5-2-.5-1.9-.3-2.6.9-2.6.9 0 2.3-.5 3.3-1.1a31 31 0 0 1 8.2-2.2c5.3-.7 7.1-.5 10 1.2l3.5 2-.5 11.6c-.5 12.4 0 14.6 5 21.2 1.5 1.8 2.5 3.9 2.3 4.6-.5 1.6 20 7.7 20.8 6.1.3-.6 2.5-1.4 5-1.7 5.2-.7 5.6-1.1 6-5.8.3-2.6.8-3.4 2-3.1 1.4.2 1.8-.5 1.8-2.7 0-1.6.5-3 1-3 .6 0 1 1.3 1 3 0 1.6.5 2.9 1 2.9.6 0 1-1.3 1-3 0-1.6.5-2.9 1-2.9.6 0 1 1.1 1 2.5 0 1.5.8 2.7 2 3 1.4.5 1.9 1.4 1.6 2.6-.6 2.2.6 5 2 4.8 2.6-.5 5.4 1.7 5.4 4.3 0 1.6.4 2.9.8 3 3 .6 7 .5 8.2-.3.9-.5 2.3-.3 3.3.3 1.2.8 1.7.7 1.7-.2 0-.9.9-1.1 2.4-.7 3.2 1 5-1.8 4-6-.4-1.8-.6-3.8-.5-4.5.2-.6.3-2.3.3-3.8 0-1.4.7-2.6 1.4-2.6.8 0 1.4-.5 1.4-1 0-.6 3.1-1.4 7-1.8 6-.7 7.3-.5 9 1.5 2 2 2.1 3.6 2 18.3 0 15 .2 16.2 2 16.8 1.4.4 2 1.6 2 4 0 4.5 2.3 4 2.8-.6.1-1.7.8-3.2 1.5-3.3l3.6-.6c1.4-.2 5.8-.6 9.7-.8 4-.1 7.5-.6 8-1 .3-.5 1.2-.3 2 .4.8.9 1.3.9 1.3 0 0-.6 1.6-1 3.8-.8 2 .2 4.3-.1 5-.8.8-.8 1.2-.7 1.2.4 0 1.2.4 1 1.4-.4 1.6-2.6 2.6-2.7 2.6-.3 0 1 .6 1.7 1.5 1.7.8 0 1.2.7.8 1.8a7 7 0 0 0 .2 3.8c.4 1.2.7 3.7.6 5.7-.2 3.5-.2 3.5 4.7 3.4a24 24 0 0 0 5.8-.7c.8-.4 5.1-.4 9.5 0 1.2.1 1.8 1.4 2 3.9.2 2 1 4 1.6 4.2 2 .8 1.7-16.6-.2-19-1.3-1.4-1.3-1.7 0-2.4 1.2-.5 1.6-1.9 1.3-5.2l-.4-4.5 11.7-1.3c7-.8 13-.9 15-.2l7.6 2.3 4.3 1.3-.6 4.7c-.5 3.6-.4 4.7 1 5.3 1.3.7 1.4 1 .3 2.7-1 1.3-1.3 4.7-1 10.9l.3 9 4.2-.2c3.4-.1 4.2-.6 4.3-2.5l.3-3.8c0-.8.7-1.5 1.6-1.5.8 0 1.5-1 1.5-2.4 0-3.1 1.7-3 2.1.3.3 2 1 2.6 3.9 2.6 3 0 3.4-.2 3.1-2.6-.3-3 .8-3.4 2.8-1.1 1 1.1 1.4 1.1 1.8 0 .6-2 3.2.3 3.2 2.8 0 .8.5 1.6 1 1.6.6 0 1-1 1-2.4 0-1.3.5-2.3 1-2.3.6 0 1 1 1 2.3 0 1.2.5 2.6 1 3 .6.4 1-.6 1-2.3 0-1.7.5-3 1-3 .6 0 1 1.3 1 2.8 0 1.6.5 3.2 1 3.6.6.4 1 4 1 8 0 7.4 1.4 10.2 5.3 10.2 1.3 0 1.7-.9 1.7-4.3 0-3.8.6-4.9 3.6-7.3 2.1-1.7 5-3 7-3h3.5l-.2-5.3c0-3 .2-6.2.6-7.4a7 7 0 0 0 .1-3.8c-.8-2.5.4-6 1.4-4 1.4 2.6 2.9-7 5-32.5a290 290 0 0 1 3.2-27c1-2.2 1.2-2.1 2.4 1.2.7 1.9 2.2 13.5 3.3 25.8 2.5 26 3.8 35 5.2 34 .5-.3.6-1.1.3-1.7-.3-.6 0-1.1.5-1.1 1 0 1.5 6 1.1 17.8-.2 6.2 1.3 11.6 3.2 11.6.4 0 .8-1.2.8-2.6 0-2.3.2-2.2 1.3.9a28 28 0 0 1 1.4 7.5c.2 6.4 2 7.1 4 1.6l1.8-4.8 2.4 7.3c1.3 4 2.8 7.8 3.3 8.7 1 1.6 31.1 2 42.5.7l6.2-.8v-12c0-7.9-.5-12.4-1.3-13.5-1-1.2-1-1.6 0-2 .7-.4 1.3-2.6 1.3-5 0-3.9.3-4.7 2.5-5.3 2-.6 2.4-1.3 1.9-3.5-.6-3 1-5.2 2-3 .4.6 1.1.8 1.6.5.5-.4 1 0 1 .7s.6 1 1.4.7c.8-.4 1.6-.2 1.7.4.2.6 1.2 1.3 2.3 1.5 3.6.7 6.5 3.2 6.5 5.6 0 1.2 1 3 2 3.7 1.5 1.1 2 2.8 2 6.5 0 3 .5 5 1.2 5s.7.5-.1 1.7c-.7 1-1 3.5-.9 5.6.3 3.2.8 4 2.8 4.3 5.7.7 10.5 5 9.7 8.5-.5 2.4.7 3.2 1.8 1.1.8-1.5 12.2-1.5 13 0 .7 1.3 6.4 1.6 8.9.5 1.2-.5 1.6-2.4 1.6-7 0-5 .3-6.4 1.5-6.4 1.9 0 4.6-3 3.8-4-.4-.4 0-1.5.6-2.5.7-1 1-1.8.4-1.8-.4 0-.2-.5.7-1.1 2.5-2 8-1.4 8.6.9l2.4 6.7c1 2.6 1.9 5.8 2.1 7 .3 2 1.2 2.5 4.1 2.6h3.7V153c0-8 .3-9.2 1.8-9.3 2.3-.1 8-.7 12-1.3 2.1-.3 3.2 0 3.2 1 0 .8 1 2.5 2.1 3.8 1.7 1.9 2 3.4 1.8 8.3-.5 7 .7 7.6 4.5 2.3 2-2.8 2.6-4.9 2.6-9.4 0-3.2.3-5.8.7-5.8 19-.7 18.7-.7 19 2l.4 2.6 3.4-2.6c1.9-1.4 3.4-3.4 3.4-4.5 0-2.7 4.7-1.4 5.4 1.5.2 1.2 1.2 2.2 2 2.2 1 0 1.6.5 1.6 1.2 0 2.1 1.9 1.2 2.2-1.1.3-2.3.4-2.3 4.6 0 2.3 1.3 4.2 3.1 4.2 4 0 1 .6 2.1 1.4 2.5.8.3 1.1 1.7.9 3.5-.4 2.4-.1 2.8 2.1 2.8 2.4 0 2.6-.3 2.6-5 0-2.8.6-6.4 1.2-8.1l1.2-3 5.2 2a19 19 0 0 0 8.3 1.6c2.1-.4 3-.1 2.9.8-.2.8.2 1.7 1 2 .6.3 1.2 0 1.2-.6s3.4-1.2 7.5-1.2c6-.1 7.5.2 7.5 1.6 0 1 .6 2 1.5 2.5.8.3 1.5 2 1.5 4 0 3.2.2 3.4 4 3.4s4 0 4-4c0-2.5.5-4.2 1.5-4.7 1-.4 1.4-1.4 1-2.6-.5-1.5.3-1.7 5.4-1.4 4.5.4 6 .1 6-1 0-1.2.8-1.4 2.8-.7 1.5.4 4.6.8 7 .9 3.4 0 4 .4 3.7 2-.3 1 .1 2.1 1 2.5a3 3 0 0 1 1.5 2.5c0 1.3 1 1.8 3.6 1.8 3.1 0 3.4-.2 2.8-2.5-.4-1.6-.3-2.2.4-1.7.6.4 1.9-1.2 2.9-3.7 1.7-4.3 2-4.4 7.4-4.8 5.5-.3 5.7-.3 6.3 3 .6 3 1.3 3.6 5.3 4.5 3.7.9 5 1.8 6 4.3 1.2 3 1.9 3.3 6.2 3.3 4.7 0 4.8 0 5.4-4.4.3-2.5.6-6 .6-7.7 0-1.8.6-4.4 1.3-5.9l1.4-3c.1-.3 2.8 1 5.9 2.6 3 1.7 6.3 3 7 3 1 0 1.3.8.9 2.4-.4 1.4-.2 2.4.4 2.4.6 0 1.1-1 1.1-2.4 0-1.9.6-2.3 3-2 2.1.1 3 .8 3 2.3 0 1.8 1 2 6.6 2 5.8 0 6.6-.2 6.1-2-.2-1.2.2-2.7.9-3.5.7-.8 1-2.3.7-3.2-.8-2.5 1-2.2 4 .6 1.4 1.3 2.3 3.1 2 4-.2.9 0 2 .6 2.4.6.4 1 4.6 1 9.7 0 9 1.6 18 3.2 18 1 0 1-.5 1.4-18.3.2-10.4 0-12-1.8-14.3-1.8-2.4-1.9-2.7-.4-3.4 1-.5 1.7-2 1.7-4 0-4 2.6-7.5 4.6-6.6 1.2.6 1.4-.6 1.2-6-.1-4.4.2-6.9 1-7.2.6-.2 1.1-1.2 1.1-2.1 0-2.8 1.8-1.9 4.2 2 1.3 2.3 2.4 3.2 2.6 2.3.3-1 1.4-.4 3.3 1.8 2.1 2.4 2.7 4 2.3 6-.8 3.7.7 3.5 7-1.3l5.4-4 29.5-.8c17.4-.4 29.6-.3 29.6.3 0 1.7 2 1.8 30 2h26.4l-.1-14.7c0-8-.3-16.3-.5-18.2-.3-2.8 0-3.6 1.6-3.9 2-.3 2-1.2 2-20.4 0-14.6.4-20.4 1.3-21.3.7-.6 1.2-2 1.2-2.8 0-4.7 6 1 9.5 9.2 1.1 2.5 2.3 4.5 2.8 4.5 1.2 0 3.7-3.2 3.7-4.7 0-.7 2-1.3 4.7-1.3h7.8c11 0 17.5.6 17.5 2 0 .7.6 2 1.4 2.8 1 .9 1.3 2.5 1 4.2-.4 1.6-.2 2.8.4 2.8 1.5 0 2.6-11.5 1.2-13.4-1-1.3-.7-2 .9-3 1.1-.7 2-2 2-3 0-2.9 1.4-2 4 2.7 1.4 2.4 3 5 3.7 5.6a33.9 33.9 0 0 1 5.7 14c-.6 2 4 2.9 14.6 2.6l7.5-.2.3-6.7c.2-5 .7-6.8 1.7-6.8.8 0 1.5-1 1.5-2.1 0-1.9.9-2.1 6.7-2 4.3 0 6.8.6 7 1.5.6 1.9 2.3 1.9 2.3 0 0-1 2-1.6 7-1.6 5.2-.1 7 .2 7 1.4 0 1 .7 1.6 1.6 1.6 1.2 0 1.5-.7 1-3.5-.4-2.6-.2-3.8.9-4.3.8-.4 1.4-1.7 1.4-2.9 0-3.9 1.6-2.4 4 3.8a34 34 0 0 1 2.5 12.6v6.7l6 .8c6 .9 13.4.2 13.6-1.2l.4-6c.2-2.7.6-5.3 1-5.7.2-.3 1.6 2.4 3 6l2.7 6.8 5.1-.4 5.2-.3v-10c0-6.5.5-10 1.3-10.3.6-.3 1.2-1.5 1.2-2.8 0-3.7 1.3-2.6 4.2 3.6 2.3 4.7 2.7 6.7 2.2 10.5-.9 6 .1 10.8 2.2 10.8 1.4 0 1.5-1 1-6.6-.4-5.8-.3-6.7 1.3-7.2 1.1-.4 1.7-1.3 1.4-2.2-.6-1.9 3.7-1.9 4.9 0 .5.9.7.8.7 0 0-.9 3.2-1.3 9.3-1.2 7.9.1 9.2.4 9.5 2.2.2 1.2 1.3 2 2.8 2 2.6 0 2.7.2 2.4 8.4l-.1 5.5h13.6l13.7-.1-.6-3.4c-.5-2.8-.1-3.6 2.4-5.1 2.5-1.5 2.8-2.3 2.3-5.3-.4-2.6-.2-3.7 1-4.2 1-.4 1.7-1.5 1.7-2.4 0-2.5 1.2-1.9 3.5 1.6 1.6 2.7 2 5 2 14.8 0 9 .3 11.7 1.4 12.6.9.6 5.2 1.1 9.6 1.1 7.8 0 8.3-.1 12.7-4.2l4.5-4.1v-7.8c.1-4.3-.3-8.5-.8-9.2-.7-1-.3-2 1.5-3.4 1.6-1.2 2.5-1.4 2.5-.6 0 1 .4 1 1.4 0 1-1 1.6-1 2.1 0 .5.9 1 .9 2 0 1-1 1.4-1 1.7.2.4 1.2.8 1.2 2 0 1.3-1.3 1.7-1.3 2.2 0 .5 1.2.7 1.2 1.2 0 .4-1 1-1 2.2.5 1.2 1.5 1.5 3.9 1.3 11l-.3 9.3 18.2.4a94 94 0 0 0 18.6-.7 46 46 0 0 0-.1-14.8c-1.1-2.1 2.8-6.2 4.3-4.5.8 1 1.1 1 1.1-.2s.4-1.2 1.3-.3c1 1 1.7 1 2.5 0 1-1.1 1.2-1.1 1.2 0 0 .8 1.5 1.4 3.5 1.4s3.5-.6 3.5-1.3c0-.7.8-.3 1.7.7 1.4 1.7 1.6 4 1.4 12.4l-.2 10.3 7.8 7.8 7.8 7.8 2.3-3.5c2.2-3.4 2.4-3.4 4.2-1.3 1.4 1.8 1.6 3 1 6.5-.8 3.9-.6 4.7 1.7 7.2 3.6 4 4.6 3.5 4-2-.7-5.6.6-11.2 3.3-15l2-2.8 1.9 2.8c1.4 2 2 4.6 2 9.8 0 13.6.1 14.7 2.2 16 1.3.8 1.7 2 1.3 3.6a17 17 0 0 0 0 6.4c.5 3 1.1 4 2.7 4s2 .5 1.5 2.4l-1.3 4.7c-.5 2.1-.1 2.3 4.4 2.3 2.8 0 5.8.3 6.6.7 1 .4 2.5-.5 4-2.3 1.9-2.5 3.3-3 7-3 2.5 0 4.6-.6 4.6-1.2 0-2.4-1.3-4.8-2.6-4.8-.8 0-1.4-.5-1.4-1.1 0-.7.6-1.2 1.4-1.2.8 0 1.4-1.2 1.3-2.7 0-1.4.3-5.9.7-9.9a26 26 0 0 0-.2-9.4c-1.2-2.6-.4-8.9 1-7.9.6.5.8-3 .6-9.1-.2-8.2 0-10.2 1.4-12a10 10 0 0 0 1.9-5.2c0-3 .1-3 1 .9.6 2.2 1.6 4.6 2.3 5.3a10 10 0 0 1 2 4.4c1 5 2 4 4.1-4.1 1.3-5 2-6.6 2.3-4.7.5 4.4 2 3 2.7-2.8.4-2.9 1.2-6 1.9-6.7 1.6-2 3.6-12.6 3-17-.2-2 0-4 .6-4.5.5-.3 1-2.5 1-4.6 0-6 1.7-6.1 2.5 0 .4 2.9 1 5.2 1.5 5.2.4 0 .4 1.8-.1 3.9a20 20 0 0 0-.3 7.3c.4 2 .7 4.9.8 6.5 0 1.6.7 2.8 1.3 2.7 2-.5 3.5 4.5 3 10.4l-.2 5.7c.1 0 1.2-1.7 2.3-3.7l2-3.7.6 5.8c1.2 10 2.6 11.5 4.8 5l1.3-3.9 1.9 7.6c1 4.2 2 8 2.4 8.2 2.2 2 4.2 8.7 3.5 11.6a17 17 0 0 0-.6 4c.7 3.7.8 14.7.2 15.6a50 50 0 0 0-.1 20.4c.6.2 1.1-.1 1.1-.8 0-.7.8-1 1.7-.5 1 .5 1.4.2 1-1-.2-.9-1-1.5-1.6-1.3-.6.2-1-.2-1-.9 0-.6.6-1.2 1.4-1.2 2 0 2-2-.2-3.4-1.6-1-1.5-1.2.6-1.2 1.6 0 2.2-.6 1.8-1.7-.8-2.6 3-6.9 5-5.6 1 .7 2.3.6 3.4-.2 2.8-2 4.9.8 4.2 5.7-.5 4-.5 4 2.7 4 2 0 4-.8 5.1-2.5 1-1.4 1.9-1.8 1.9-1 0 1 .8 1.3 2 .9 1.5-.5 2 0 2 1.6 0 2 .7 2.3 4.8 2.3 5.9 0 7.6-2 6.9-7.4-.6-4.5 1.8-8.8 4.5-8.2 1.1.3 1.7-.3 1.7-1.6 0-1.4.8-1 3 2 1.5 2 2.6 4.5 2.4 5.2-.3.8 0 1.8.6 2.3.6.4 1 2.4 1 4.5 0 2.7 1.2 5.3 4.1 9.3 4.8 6.6 7.8 7.2 15.9 3l5.1-2.7-.2-5.3c-.3-6.6 1.7-10.6 5.3-10.6 1.4 0 2.8-.6 3.1-1.4.3-1 .6-.7.6.5 0 1.3.7 1.8 2 1.5 2.3-.5 3.3 2.6 3.1 10-.1 4.3.3 6 2.3 8 3.8 4.3 15.8 6.7 18.3 3.7.7-.8 1.4-.6 2.3.6 1.5 2.1 15 2.7 15 .7 0-.7 1.3-1.2 2.8-1.2 1.6 0 3.3-.6 3.9-1.2 1.6-2 6.3-.1 6.3 2.4 0 2.2 1.4 2.6 16 4l25.2 2.5c4.6.5 5.7.3 5.7-1 0-1 1-2 2-2.3 1.2-.4 2-1.6 2-3s1-2.6 2.3-3c3.6-1.1 6-.9 5.2.6-.4.7.6 2.6 2.1 4.2 1.6 1.6 3 3.5 3 4.3 0 .7.4 2.7.8 4.4.7 3 1.1 3.2 12 4.5a2009 2009 0 0 0 44.8 4.8c.6 0 .7-2.2.3-5.2l-.7-5.2 4.8.2 4.8.2.5-5.2c.4-4.3 1-5.6 3.5-7.3 3.8-2.6 6.4-2.8 7.1-.4.4 1 1.1 1.7 1.8 1.6 3-.4 3.7.2 3 2.5-.4 1.7 0 2.3 1.1 2.3 1.3 0 1.6-1 1.3-5.6-.2-5.1 0-5.6 2.2-6 1.4-.2 2.8-1.1 3.3-2 .4-1 2.5-2 4.6-2.4l3.8-.7.7-9.4a48 48 0 0 1 1.8-11.6c1.5-2.9 3.8-4 5.1-2.3 1.4 1.5 2.6 1.5 2.6 0 0-1.7 2.8-5 5.5-6.5a5.8 5.8 0 0 0 2.4-3.8c.1-1.5.7-2.7 1.3-2.7.6 0 .8.9.4 2-.7 2 3 9.8 4.6 9.8.7 0 .9 2 .6 5.1l-.5 5.2 8.1.7c13.4 1.3 19 1 21.5-1.1 2-1.8 2.3-2.6 1.7-7.7-.7-7.5 0-9.2 3.4-9.2 5.2 0 5.6.6 5.1 8.8-.2 5.1 0 7.6.8 7.6.6 0 1 .8 1 1.7 0 1.6 2.1 3 4.6 3 1 0 1.2-1 .8-3.8-.4-3 0-4.4 1.6-6 1.1-1.3 2-1.8 2-1.2 0 2 11.3 1.3 11.9-.7.8-3 2.5-4.3 4.8-3.8 3.5.8 4.6 3.2 4.7 10.6l.1 6.7 3.9.4c3.5.3 3.8.1 3.3-2-.7-3.4 1.5-5.1 5.7-4.4l7 1.3 3.6.7V99h9v6.2c0 7.9 2.3 11.4 7.6 11.4 3.5 0 3.6 0 3.1-3.8-.7-5.5 0-6.8 3.7-6.8h3.3l.4 7.6c.5 8.1 1.4 10.5 2.9 7.7.6-1.2.7-.5.3 2-.3 2.2-.2 4 .3 4s2.7 4.3 4.9 9.6a53.7 53.7 0 0 0 5.2 10.7c.7.5 1 1.6.5 2.6-.4.9-.6 4-.4 6.7l.3 5.2 7.2-2.1a52 52 0 0 1 9.5-2.2c1.8 0 2.2-.5 1.8-2.2-.2-1.2 0-3 .4-3.8.6-1.2.9-.7.9 1.6 0 3.7.5 3.8 8 1.5 3-1 8.5-1.8 12.3-1.8 6.2 0 6.7-.2 6.2-2.2-.7-2.4.7-4.1 4.4-5.5a9 9 0 0 0 3.7-2.3c1.4-1.7 32-1.4 47.8.5 5.5.7 19 2 30 3a609.4 609.4 0 0 1 41.6 4.8c6.3.7 6.8.9 6.8 3.6 0 3.2 0 3.2 3.2 1.8 3-1.4 5.2.6 5.2 4.5 0 2.4.5 3 2.5 3 2.4 0 2.5-.4 2.5-5.5v-5.5l4.5-1c4-.9 4.6-1.3 4.9-4.4.2-2.5-.3-4-2-5.4l-2.2-2 4.4-3a53 53 0 0 1 6.7-3.8c2.2-.8 2.3-1.2 1.9-9.8-.4-6.3-1-9.3-2-10.3-2-1.7-2-3.2-.2-7.5a9 9 0 0 1 4.9-4.7c3-1.2 3.6-2.1 4.6-6.9.9-4.2 2.4-6.9 6.8-11.8 3.1-3.5 6.7-6.8 8-7.4 2.2-1 2.5-2 2.6-11.6 0-3 .5-5.3 1-5.3.6 0 1 3.4 1 8 0 4.3.3 7.9.6 7.9s1.5.9 2.5 2c1.1 1.2 4.1 4.2 6.7 6.6 3.4 3.3 5.2 6.2 6.5 10.3 1.5 5 2.2 5.9 5 6.5 2.4.5 3.2 1.2 2.8 2.5-1.2 3.7 6.9 9.1 8.6 5.8.6-1 .8-1 .8.2 0 1.1.8 1.4 2.5.9 1.7-.5 3 0 4.5 1.6 1 1.3 1.5 2.6 1 3-.6.4-1 5.2-1 10.8 0 9.5.1 10 2 9.4 1.1-.3 2-.1 2 .4 0 .6.7.8 1.6.4.8-.4 2.1.2 3 1.5 1.3 2.1 1.3 2.1 1.4-.3 0-2 .6-2.5 2.5-2.4 1.4.1 2.5 1 2.5 1.8 0 1 .6 1.3 1.6.9a8 8 0 0 1 2.5-.7c.5 0 .9-1.1.9-2.4 0-1.3.4-2.4 1-2.4.5 0 1 .8 1 1.8s.9 1.8 2 1.8c1.3 0 2 .8 2 2.3 0 2.8.4 3 5.9 4.1 4 .9 4.3.8 3.8-1.6-.3-1.3 0-2.8.5-3.2 1.2-1 8.7 1.9 8.7 3.3 0 1.5 4.4 1.1 6.3-.5 1.4-1.2 1.7-3.4 1.5-13.8-.2-6.8-.7-13.1-1.2-14-.5-1.1 0-2.5 2-4.4 1.6-1.5 3.5-2.8 4.1-2.8.7 0 1.7-1 2.2-2 .6-1.2 1-1.5 1-.7.1 2.4 4.9 1.7 7-1 1.2-1.5 2.1-2.2 2.1-1.5 0 .6.5.3 1-.7s.7-4.2.4-7.2c-.5-4.7-.4-5.5 1.4-6 1.2-.4 2.3-2 2.7-4.3 1-5.2 7.5-16.6 12.3-21.5 2.3-2.3 4.2-4.8 4.2-5.5 0-.8.4-1.4.9-1.4 1.6 0 3.2-8 3-15.6-.2-11-.2-11 3.6-15.2 3-3.3 3.4-4.4 2.9-7.7-.9-5.3.4-15.6 1.6-13.1 1.4 2.9 2 11.4 1 12.2-1.7 1.2-1.2 6.2.7 7.8 3.8 3.3 5 7.2 4.5 15.2-.6 11.7.8 16 8.4 26 3.6 4.7 7.5 11 8.7 14 1.2 2.8 2.7 5.7 3.4 6.2.7.5 1.2 2.2 1.2 3.7a8 8 0 0 0 1.4 4.4c.8 1 1.1 3 .9 5.2-.3 2.4.1 4.3 1.3 5.7 1.7 2 1.7 2.1 0 3.2-1 .7-1.6 2.6-1.6 5.6 0 4.1.3 4.7 3.3 5.8a48 48 0 0 0 15.5 1.5c2-.2 2.1-.5 1.2-2.6-1-2-.6-2.8 2-5.5 4.4-4.4 5.5-5 10.7-6.6 4-1.2 4.8-1.9 5.5-5.2 1.7-7.8 5.5-13 4.8-6.6 0 .8.7 1.7 1.8 2.1 1.3.5 1.7 1.5 1.4 3.5-.5 3.2 1.5 5.3 2.8 3 .7-1.3 1-1 1 1 0 2.1.5 2.6 3 2.6 2.2 0 4.2 1.5 8 5.7 5.2 6 5.7 8.8 1.8 10.2-2.7 1-2.3 4 .7 5.3 4 1.8 7.2 1.4 8.4-1.2.6-1.3 2-2.3 3-2.3 1.2 0 2-1.2 2.5-3.5a17 17 0 0 1 2.4-5.9c1.8-2.4 3.3-3.2 2.8-1.5 0 .5.2 1 .8 1.1.6.2 1-2.7 1-7 0-5.6.3-7.4 1.4-7.4 1 0 1.4 1.7 1.3 7 0 6.4.1 7 3.6 10.5 7.5 7.4 11 12.6 11.7 16.6.6 3.6 1 4 4.5 4.8 2.2.4 4.3.8 4.7 1 .4 0 .6-1.7.5-4-.2-2.2.3-7.5 1-11.7l1.4-7.7.8 8.8c.5 4.9.8 10.4.7 12.2 0 2.6.3 3.2 1.5 2.7.8-.4 2-.7 2.4-.7.5 0 1-1.7 1-3.7s.4-4.6 1-5.9c.8-1.7.7-2.4-.5-3-.9-.3-1.3-1.2-1-1.8.5-.8 1-.7 1.5.3.4.9 1-.5 1.4-3.4.4-2.7 1-5 1.5-5 .4 0 .8-.6.8-1.4l1.7-16.2a6920 6920 0 0 0 7.7-88.5c.4-5.2 2.4-3.8 2.6 1.7a5285 5285 0 0 0 7.9 102.7c.5 3 .7 3.2 1.3 1.3.5-1.7.9-.4 1.3 4a22 22 0 0 0 1.7 7.5c.5.7 1 4.2 1 7.8.1 3.6.4 5.8.7 5 .2-.8 1-1.4 1.7-1.4.9 0 1.5-2.6 2-7.4 1.2-14.5 2.2-15.5 3-3.2l.8 11.2 9.1-.5c10.5-.5 15-.5 26.1.1 5.6.4 9 0 11.2-1.2 2.9-1.6 3.3-1.5 6 .7 2.2 1.8 4 2.3 7.3 1.9 2.5-.3 9-.8 14.5-1 5.5-.2 12.7-.8 16-1.2 10.4-1.4 20.9-1.5 22.6-.2 1.3 1 2.2.7 3.6-.8 1.1-1.2 3.5-2 6-2 2.2 0 4.4-.5 4.7-1.2 1-2 4-1.3 7.5 1.8 2.5 2.2 4.2 2.8 6.4 2.3a50 50 0 0 1 12 1c5 1 9.4 1.5 9.8 1.2.4-.3 3.3.1 6.5.8a98.8 98.8 0 0 0 25 2.4c5.2 0 10.3.6 11.3 1.2 1.2.8 3.8.6 8-.6 3.4-1 6.7-1.3 7.3-.9.6.5 10.3.9 21.5 1 16.2 0 23 .6 32.3 2.6 6.5 1.4 13.1 2.5 14.7 2.5 1.6 0 4.8.5 7.2 1.2 22 5.7 28.2 7 33 7h5.7v1479.5H0V894.6ZM2615.8 93.8c1.2-3.8-6.5-27.7-9-27.7-1 0-1.2 3-1 11.5l.3 14c0 2.1.7 2.7 3.8 3l4.5.7c.4.1 1-.5 1.4-1.5zm-16.6-7c0-4 .3-10.7.6-14.7.6-6.9.5-7.4-1.2-7-4.1 1-11.9 22-10 27.4.3 1.4 1.9 1.9 5.5 1.9h5zm-1775 92.4-4-.7 3-1.2c2.7-1.2 2.7-1.4 1.1-3.3-2.3-2.8-4.2-2.5-4.9.9-.7 3-2.8 3.9-8.3 3.2-2.7-.4-3.2-1-4.2-5.5-2.4-11.3-2.4-11.3 9.9-11.7 9.5-.3 9.4-.3 8-2.3-.8-1.2-2.5-1.5-5.7-1.2-2.6.3-6.1 0-8-.7-3.2-1.3-3.8-2.6-3.4-7.5 0-1.3-.4-2.7-1.1-3.2-1-.8-1-1 0-1 .6 0 1.2-.8 1.2-1.7 0-1 .6-1.9 1.3-2.2 1-.3.9-.9-.2-2.4-1.2-1.7-1.1-2.3.4-4.3 3.3-4.4 4.7-27.6 2-32.6-1.9-3.3-1.9-4 0-4 .8 0 1.5-.5 1.5-1.2s-.7-1-1.4-.7c-1 .5-1.3.1-1-.9.3-.9.1-1.9-.4-2.3-.6-.4-.6-2.5 0-5.7.6-3.4.6-5-.1-5.4-1.9-.7-1.2-2.5 1.4-4 1.3-.6 2.2-1.7 1.8-2.4-.3-.7 1.7-1 5.3-.7 4.7.4 5.9 0 5.9-1.3 0-2.5 1.2-3.3 4-2.6 2 .4 2.5 1.2 2.5 3.9 0 2 .5 3.4 1.4 3.4 1 0 1.5 2.2 1.8 7.3.3 4 .2 7.8-.2 8.3-.4.5-3.8 1.1-7.6 1.3-8.7.5-8.4.5-8.4 2 0 1 2 1.2 6.5.8 3.7-.3 7.5-.4 8.6 0 2.7.8 1.8 3.2-1.2 3.2-2.3 0-2.4.4-2.7 8.8-.2 6.5-.7 9.1-2 10.3-1.4 1.2-1.4 1.5-.2 1.3 1-.3 1.5.8 1.5 4s.4 4.4 1.4 4.2c.8-.2 1.7.7 1.9 2 .2 1.3 1.1 3 2 3.8 1.5 1.4 1.5 1.6-.2 2.8-1.4 1-1.6 1.6-.6 2.3.8.6 1 1.7.5 3a33 33 0 0 0-.2 14.3c.7 1 .2 1.5-1.7 1.5-1.4 0-2.6.5-2.6 1.2 0 .6 1.4 1.1 3.2 1.1 2.5 0 2.9.4 2 1.5-.7.7-1.2 2.3-1.2 3.5 0 1.2-.7 2.5-1.5 2.9-2.5 1-2 7.1.7 8.1 2.2.8 2.2.9.3 1.8-2.3 1-2.5 1-8 0zm5.6-56.7c0-2.1.3-3.5.7-3 1 1.2 1 5.5.1 6.2-.5.3-.8-1.1-.8-3.2zm737.9-67.6c0-1 .4-1.7 1-1.7.5 0 1 .8 1 1.7 0 1-.5 1.8-1 1.8-.6 0-1-.8-1-1.8zm-578-3.6c0-1.4.2-1.6.5-.7.3.8.3 1.9 0 2.3-.4.3-.6-.4-.6-1.6zm578.5-.5c-.4-.6-.2-1.2.4-1.2.6 0 1 .6 1 1.2 0 .7-.1 1.2-.4 1.2-.2 0-.7-.5-1-1.2zm.5-4.7c0-.7.7-1.2 1.5-1.2s1.5.2 1.5.5c0 .2-.7.8-1.5 1.1-.8.4-1.5.2-1.5-.4z'/%3E%3C/svg%3E");
    --esterberg-header-layer3:  url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 700.5 224.4'%3E%3Cg data-name='Layer 2'%3E%3Cpath d='M700.5 119.4v105H0v-105l2.3-.7 2.5 2 3.8-1.5c.9-3.8 1.1-7.5 3-10.7l-1-2.2 1.6-2.1 2 2-1.3 2.8 2 1.5L16 119c3.1-.2 5-2.4 7.1-4.3h3.3c1 2.2 3.2 2.1 5 2.5l1 1.3c1.6-1 1.8-3.2 3.4-3.5l4.6 1.6 5.2-1.5c1.7-.5 3.4-.7 5.1-1.1l-.2-.6 1.6-5.6c2-.2 4-.5 6.1-.6h9a7.4 7.4 0 0 0 3-.3c1.7-.8 3.3-.4 5 .2l2.1-1.3-1.8-3.7 1.8-2-2-2 1.7-3-1.4-1.1v-1.8l1.5-1.8-1.8-2.2 2.2-2.7-1.8-1v-2.3l1.3-1-1.6-3 2-2.4-2.3-1.3 1.8-3.2-1.6-2.8 1.9-2-1.9-2.3 1.7-2.6-1.6-1.5.7-3c-1.3-6.1 0-11.8-1-17.2a41.6 41.6 0 0 0 3.7-2.3c1.2-1 1.6-2.9 3.6-3l2.8 1-.4 1.7h4c1.7-1.7 3.3-3.5 3.5-6.2H94v-3l1.7-.7-.6-3.7 2-.7-1.8-1.5 2.5-1-1.6-1.2c.2-.5.7-.9.7-1.3l.1-5.2.4-5.3V2c0-.4.4-.8 1-2a25.3 25.3 0 0 1 .7 3.1 69.7 69.7 0 0 0 .3 7 13 13 0 0 1 0 4.5 9.8 9.8 0 0 0 1 4.7l-1.2 1 1.5 1.8-1.3 1 1.8.6.9 2.3-1.3 1c-.1 0 0 .2 0 .2.7 1.7 1.2 3.6 3.4 3.4l1.3 4a3.8 3.8 0 0 1 2.2 2.7 2.8 2.8 0 0 0 .7 0c.6-.4-.2-2.2 1.7-1.7l-.3 1.7 2.3 1 3.1-4 6.4 4.8v15.2l-1.7 1.8 2 2-1.7 2.9 1.3 1.2V64l-1.5 1.9 1.8 2.1-1.7 2.8 1.4 1V74l-1.4 1.1 1.7 2.8-1.7 2.6 1.4 1.2v2L120 85l1.7 2.8-1.5 2.2 2 2.3-2 2.5 1.5 2.9-1.6 2.4 1.6 1.7-1.6 2.9 1.3 2.1c.2 1.7-2.5 1.9-.7 3.7l4-1.9-.2-.3 1-1.4c2.5 1.2 1.9 4.7 4.8 5.5V99l1.3-1.1.6-3.4 1.8.3.8 1.8-1.5 1.4c1.1-.1 2-.5 2.5-.3 1.5.9 3.1.7 4.7.6 3.6-.1 7.2-.5 10.7-.7h8l1.3-8 6.5-1.2 1.5-2.1.9 2.3 2.1-.1 1.7-3.5 1 2.6c1-.4 1.7-2 3.2-1l.8 2 1-.2.6-5.9 2-1.8.8 1c0-2 .2-3.8.3-5.5l2.7-.7V56.3l-1.5-2.2 1.5-1.2c.4-1.6-.4-3.3.8-5l1.3 1 .3 6.3-.5.3-.5 6a.7.7 0 0 1 .2.5v11.8l5.4 2.8c1.2.6 1 1.9 1.3 3h1.4l1.6-5.7c.5.7 1 1.1 1 1.4 0 1-.5 2-.6 2.9 0 .4.3.9.5 1.3h.5l.6-3.8 2.2 1.8-2 1.2c2 .7 3 .7 4-.4l1.5 5.2-3.6 1.3.3 3.3a6.8 6.8 0 0 0 5.4 0l8 .8v8.6c8 .3 8 .3 10-1l-.3-1.4c1.9-1.5 3.6 1 5.4-.3l1 .5 1.9 2 6.5.5v14.9l.4-.1 1.6 3.3 2.4.2V97.3c0-3-.4-6.2.2-9.1l2.9-.7v-6.2h6.7c1-1 2-1.6 2.7-2.3h2l1.4 1.8h2c0-1 .2-2 .5-3.8l1.2 4.3c3.3-1.4 6.6-.1 9.8-.1l1-.8.8-.6h11.5v3.4l-3.3 1a9.2 9.2 0 0 1 .4 1.8 12.3 12.3 0 0 1-.3 2.1h13l1.3 13.8 11 .7a18.7 18.7 0 0 0 .4-2.7v-8.2a4.8 4.8 0 0 1 .6-1.5c2 4 .4 8.3 1.6 12.3 2.6.1 5.1 1.3 7.4-.8l.3-2.8 2.2-1v-9l4-.4c.3 0 .7-.5 1-.8l-.7-3 1.7-.4c0 1.5.2 2.8.3 4.2l11.5-.8.2-5.3 6.3-2.4 1.3 1 .7-5.6 2.8-.4c-3-2.6-.3-5-.1-7.5l-1.6-1.3 1.8-2.5-.3-6 .7-2c2.4 1 2.4 1 3.1 2.4v10.1l1.2 1.8c-.6.8 1 2.4-1 3l-.2-1.8h-.5l.8 1.8c.2 1.6-.8 3.3.4 4.9l1-.5.2.2.5 1-1.2 1h7l1 3.3-3.3 1v4l1.3-.1.8-2 1.8 2.1 3.7-.2-.3-2 1-.7.6 2.6c1.3.7 3.2-.4 4.3 2V110h4.8l1-1h5c.7 1.6 2 2.2 3.6 1.5l2 1.4c1.3-.2 3 .6 4-.6a175.4 175.4 0 0 1 0-21.2l11-2c3.9 1 7.8.6 11.5 2.3v7.1l13.3 1 11.2.8-1.6 2.8h8.8l.9 3.3 3.6-1.5 3.3 1.4V85h2.1l.5 2.3 5.9-.4 1.2-2.4 2.8 3c1.5-1.8 3.3.1 5-.6l1.1-1.4a26 26 0 0 1 4.3.3 4.7 4.7 0 0 0 4.8-1.3l.6-.1 1.5 1 4.6-1 .8-21.4a5.4 5.4 0 0 1 .4-1.2 44.1 44.1 0 0 1 .6 7.8c.2 2.6.6 5.2.7 7.7V83l1.3-1 2 3.2c1.5 1.6 4.2-.5 6 1.6l.8-1 3.2-.4 2.8-5c2 5.5 2.6 6.3 5.2 6.5.6-1-.2-2.7 1.6-3.3l.6 1.7h2.7l1.2 1.6h8.2l.7-1.7 1.8 1.9 3 .3c.5 9.5-.5 18.8 1.4 28V92.5l3.6-4 12.1-1 1.6-1.7v-4.1l1.9-2.2V73l1-1.6v-6.1c0-2-.3-3.9.7-6.5.3 3.2 1 5.8.6 8a7 7 0 0 0 1.8 6.4l-1.4 3c1.4 3.8 3.5 7.3 2.6 11.4l3.3.4c2.9 7.1 1.1 14.7 1.9 22.2l3.8-1 .7-1.9 1.2 2.4c1.5-1.8-.3-3.1 0-4.8l1.2-1 .5-3.4 2.1.3v8.5l1.8-4 .4.2-.2 3.3 3.8-.3.7 1 3.6-1.5 1 2.7V97.5l2-1.5c.8-2.8 1.5-5.8.9-8.8a9.6 9.6 0 0 1 1.8-8.6l-.8-6.3 1.4-.7v-6.2c0-2-.3-3.9.7-5.8l1.2 12.2 1 1.2-.6 5.7c1.7 1.8 1.7 1.7 2 4a28.5 28.5 0 0 1 .3 3.7v8.4l2.4 2.6c.7 5.4-.4 10.2 1 15.2l7 .8 2.7-2.3 3.2-.2v-6.2l2-1.8c2 1.4 2 3.6 2.1 5.7l2.9-2.3 4 4v5.7l4 1V97.6l4-.2 1.4-1.6h8l.3-4.1c2.6-.4 4.9-1.7 7.6-1.9s5 .7 7.6 0l.9-1.2 4.1 3.8.3 3.5h8l1.3 1.4h4.2c.6-3 1.4-6 1.8-8.8l1.6-12.4a21.1 21.1 0 0 1 1.4-3.7c.4 3.5.5 6.2 1.1 8.8a92 92 0 0 1 3 21.4l1.6 4.1c2.5 2 4.3 3.7 6.3 5.1a19.9 19.9 0 0 0 3.4 2c.3.2.8-.2 1.3-.4l1.3 2.7 2.8.3ZM101.5 36c-.1-2.5-2-4.2-3.3-6.4-.5 2.3-3.5 3.5-2.6 6.4Zm490.8 68.2-2.3 2.2c1.1.6.6 2.2 2.3 2.4Zm-4.6.7c-1.3 2-1.3 2 .1 4.3l.8-1.6-1-2.8Zm3.7-17.5c-1.2 1.4-1.2 1.4 0 3.9Zm2.4 1.7h-.8c-.6.8-.6 1.6.6 2.4Zm1.5 20v-4.9l-.9 3.1Zm-6-21.4h-.3v3.6h.3ZM352 79a13.1 13.1 0 0 0 1.3.5l.3-.2Zm105 11.5v.2h.9v-.2Z' data-name='Layer 1'/%3E%3C/g%3E%3C/svg%3E");
}

div[id*="header-extra-div"] {
    z-index: -1;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: repeat-x;
    -webkit-mask-position: top;
}

#header-extra-div-1 {
    height: 82.5%;
    background-color: hsl(var(--light-accent-3));
    -webkit-mask-image: var(--esterberg-header-layer1);
    mask-image: var(--esterberg-header-layer1);
}
#header-extra-div-2 {
    height: 59.25%;
    background-color: hsl(var(--primary-accent-1));
    -webkit-mask-image: var(--esterberg-header-layer2);
    mask-image: var(--esterberg-header-layer2);
}
#header-extra-div-3 {
    height: 45%;
    bottom: var(--sp_top-bar-height);
    background-color: hsl(var(--primary-accent-2));
    -webkit-mask-image: var(--esterberg-header-layer3);
    mask-image: var(--esterberg-header-layer3);
}

#header :is(h1,h2) {
    margin-left: initial;
    padding: 0;
    float: none;
    max-height: unset;
    margin-inline-start: calc(var(--sp_header-logo-adaptive-size) + var(--sp_area-min-margin) + 0.5rem);
}
#header h1 { grid-area: h1; }
#header h2 { grid-area: h2; }

/*-----------------------------*/

#header::before {
    grid-column: 1/3;
    margin-inline-start: var(--sp_area-min-margin);
    background-color: hsl(var(--dark-complement));
    height: calc(100% - 1.25rem);
    clip-path: polygon(0 calc(100% - var(--sp_header-logo-adaptive-size)/2), 0 0, 100% 0, 100% calc(100% - var(--sp_header-logo-adaptive-size)/2), 50% 100%);
    background-size: 77.5%;
    background-position-y: calc(50% - 1.25rem);
}

#header h1 a {
    font-family: var(--header-font);
    color: hsl(var(--light-complement));
    text-shadow: none;
}

#header h2 {
    font-family: var(--UI-font);
}
#header h2 span {
    text-shadow: none;
    font-weight: normal;
    color: hsl(var(--light-accent-1));
}

/*-----------------------------*/

#login-status {
    display: flex;
    gap: 0.5em;
    align-items: center;
    justify-content: end;
    font-family: var(--UI-font);
    font-size: 0.825em;
    background-color: hsl(var(--assist-color));
    color: hsl(var(--light-complement));
    padding: 0.325rem 0.5rem;
}

#login-status > a:nth-last-of-type(2):not(.btn) { margin-inline-end: 1.825rem; }

a#account-topbutton {
    display: grid;
    place-content: center;
    border: none;
    height: 100%;
    width: 1.75rem;
    font-size: 1.125em;
    padding: 0;
    margin: 0;
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    background-color: hsl(var(--light-accent-1) / 0.175);
    color: hsl(var(--light-accent-3));
}

#account-options {
    width: max-content;
    border: none;
    background: hsl(var(--assist-color)/0.875);
    backdrop-filter: blur(0.1rem);
}

#account-options ul li a {
    box-shadow: inset 0 0.1rem hsl(var(--light-accent-1)/0.125);
    padding: 0.25rem 0.5rem;
    color: hsl(var(--light-accent-1));
    position: relative;
    text-decoration: none;
}
#account-options ul li a:is(:hover,:focus) { color: hsl(var(--assist-color)); }
#account-options ul li a::before {
    content: "";
    background-color: hsl(var(--primary-accent-1));
    position: absolute;
    inset-block-start: 0; inset-inline-end: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    transition: width 0.175s ease-out;
}
#account-options ul li a:is(:hover,:focus)::before { width: 100%; }

/*-----------------------------*/

#search-top-box-form {
    gap: 0;
    height: 100%;
}

#search-top-box-input, #search-top-box-form input[type=submit] {
    padding: 0.25rem;
    height: 100%;
    box-sizing: border-box;
    border-radius: 0;
}

#search-top-box-form input.btn[type=submit] {
    box-shadow: none;
    background: hsl(var(--primary-accent-1));
    border: none;
    font-size: 0;
    width: 1.925rem;
}

#search-top-box {
    --search-mask: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M505%20442.7L405.3%20343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3%2044-79.7%2044-128C416%2093.1%20322.9%200%20208%200S0%2093.1%200%20208s93.1%20208%20208%20208c48.3%200%2092.7-16.4%20128-44v16.3c0%206.4%202.5%2012.5%207%2017l99.7%2099.7c9.4%209.4%2024.6%209.4%2033.9%200l28.3-28.3c9.4-9.4%209.4-24.6.1-34zM208%20336c-70.7%200-128-57.2-128-128%200-70.7%2057.2-128%20128-128%2070.7%200%20128%2057.2%20128%20128%200%2070.7-57.2%20128-128%20128z%22%2F%3E%3C%2Fsvg%3E);
}
#search-top-box::before {
    content: "";
    display: block;
    width: 1.925rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: hsl(var(--light-accent-1));
    pointer-events: none;
    z-index: 2;
    -webkit-mask-image: var(--search-mask);
    mask-image: var(--search-mask);
    -webkit-mask-size: 1rem;
    mask-size: 1rem;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

/*-----------------------------*/
/*------ TOP BAR ------*/
/*-----------------------------*/
#top-bar {
    font-family: var(--UI-font);
    background: hsl(var(--dark-accent));
}

#top-bar div:is(.top-bar, .mobile-top-bar) > ul {
    justify-content: center;
}
#top-bar div.mobile-top-bar > ul > li { flex-grow: 1; }

#top-bar div:is(.top-bar, .mobile-top-bar) > ul > li > a:any-link {
    color: hsl(var(--light-accent-1));
    transition: background-color 0.325s, color 0.125s;
    position: relative;
    font-size: min(calc(0.5em + 1.375vw),1em);
    min-width: max-content;
}
#top-bar div:is(.top-bar, .mobile-top-bar) > ul > li > a:any-link:is(:hover, :focus),
#top-bar div:is(.top-bar, .mobile-top-bar) > ul > li:is(.sfhover, :focus-within) > a:any-link {
    background-color: hsl(var(--assist-color));
    color: hsl(var(--primary-accent-1));
}
#top-bar div:is(.top-bar, .mobile-top-bar) > ul > li > a::before {
    content: "";
    background-color: hsl(var(--primary-accent-1));
    position: absolute;
    inset-block-start: 0; inset-inline-start: 0;
    width: 0; height: 0.175rem;
    transition: width 0.25s ease-out;
}
#top-bar div:is(.top-bar, .mobile-top-bar) > ul > li:is(.sfhover, :focus-within) > a::before { width: 100%; }

#top-bar div:is(.top-bar, .mobile-top-bar) > ul > li > ul {
    border: none;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    background: hsl(var(--assist-color)/0.9125);
    backdrop-filter: blur(0.1rem);
    inset-inline-start: 50%;
    transform: translate(-50%);
    transition: opacity 0.125s ease-out;
}

#top-bar div:is(.top-bar, .mobile-top-bar) ul li ul li a:any-link {
    display: block;
    position: relative;
    padding: 0.625rem;
    text-align: center;
    min-width: max-content;
    box-sizing: border-box;
    width: 100%;
    line-height: normal;
    background: transparent;
    color: hsl(var(--light-accent-1));
    border: none;
    box-shadow: inset 0 0.1rem hsl(var(--light-accent-1)/0.125);
}
#top-bar div:is(.top-bar, .mobile-top-bar) ul li ul li a:any-link:is(:hover,:focus) {
    color: hsl(var(--assist-color))
}
#top-bar div:is(.top-bar, .mobile-top-bar) ul li ul li a:any-link::before {
    content: "";
    background-color: hsl(var(--primary-accent-1));
    position: absolute;
    inset-block-start: 0; inset-inline-start: 0;
    width: 0; height: 100%;
    z-index: -1;
    transition: width 0.175s ease-out;
}
#top-bar div:is(.top-bar, .mobile-top-bar) ul li ul li a:any-link:is(:hover,:focus)::before { width: 100%; }

/*-----------------------------*/
/*------ SIDE BAR ------*/
/*-----------------------------*/

#top-bar div.open-menu a {
    color: hsl(var(--primary-accent-1));
    background-color: hsl(var(--dark-accent));
    border-radius: 0;
    border: none;
    padding: 0.175rem;
    --cut: 0.375rem;
    clip-path: polygon( 0% var(--cut), var(--cut) 0%, calc(100% - var(--cut)) 0%, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0% calc(100% - var(--cut)) );
}

#side-bar {
    background-color: hsl(var(--assist-color) / 0.9375);
    padding: 0;
    overflow-x: hidden;
}

:is(#interwiki,#side-bar) .side-block {
    color: hsl(var(--light-accent-1));
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    margin: 0;
}
#side-bar .side-block.media {
    background: hsl(var(--light-accent-3) / 0.175);
}
#side-bar .side-block.resources {
    background: hsl(var(--primary-accent-1) / 0.175);
}

:is(#interwiki,#side-bar) .heading {
    font-size: 0.775em;
    color: hsl(var(--primary-accent-1));
    border-bottom: solid 0.05rem currentColor;
    text-align: center;
    padding: 0.125rem;
    margin: 0;
}

:is(#interwiki,#side-bar) .menu-item {
    display: flex;
    margin: 0;
    box-shadow: inset 0 -0.1rem hsl(var(--light-accent-1)/0.125);
    font-size: 0;
    font-family: var(--UI-font);
}
#side-bar .menu-item.small { font-size: 0; }

:is(#interwiki,#side-bar) .menu-item a {
    display: grid;
    place-content: center;
    padding: 0.325rem;
    font-weight: normal;
    color: hsl(var(--light-accent-1));
    background: transparent;
    text-decoration: none;
    font-size: 0.875rem;
    border: none;
    flex-grow: 1;
    flex-basis: 2rem;
    position: relative;
    text-align: center;
    transition: color 0.125s ease-out;
}
#side-bar .menu-item.small a { font-size: .75rem; }
:is(#interwiki,#side-bar) .menu-item a:is(:hover,:focus) {
    color: hsl(var(--assist-color));
}
:is(#interwiki,#side-bar) .menu-item a::before {
    content: "";
    background-color: hsl(var(--primary-accent-1));
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    transition: width 0.175s ease-out;
}
:is(#interwiki,#side-bar) .menu-item a:is(:hover,:focus)::before { width: 100%; }


#side-bar .close-menu.close-menu {
    background: transparent;
    margin-left: var(--sp_side-bar-width);
}

/*-----------------------------*/
/*------ MAIN AREA ------*/
/*-----------------------------*/

#container {
    display: grid;
    grid-template-columns: minmax(0,1fr);
}
#container::before {
    content: "";
    display: block;
    height: 2.5rem;
    width: 16rem;
    max-width: 100%;
    margin: 0 auto;
    background: hsl(var(--dark-accent));
    clip-path: polygon(0 0, 100% 0, 50% 72.5%);
}

#content-wrap {
    margin-top: 0.25rem;
}

#main-content {
    max-width: var(--main-content-width);
}

.owindow {
    --cut: 1.25rem;
    background-color: hsl(var(--light-accent-1));
    border: none;
    text-align: start;
    clip-path: polygon( 0% var(--cut), var(--cut) 0%, calc(100% - var(--cut)) 0%, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0% calc(100% - var(--cut)) );
}
.owindow .title {
    cursor: unset;
    text-align: center;
    font-size: 1.125em;
    padding: 0.25rem 0.75rem;
    background-color: transparent
    font-family: var(--UI-font);
    height: auto;
}

/*----------------------------*/

#page-title, .meta-title {
    font-family: var(--header-font);
    font-weight: bold;
    font-size: 2.125em;
    text-align: center;
    color: hsl(var(--primary-accent-3));
    padding: 0;
    border: none;
    display: flex;
    gap: 0.75rem;
    align-items: center;
    justify-content: center;
    line-height: 1.15;
}

:is(#page-title, .meta-title)::before,
:is(#page-title, .meta-title)::after {
    content: "";
    display: block;
    flex-grow: 1;
    height: 1.875rem;
    min-width: 3.75rem;
    background-color: currentColor;
    clip-path: polygon(0 0, 0.875rem calc(50% - 0.125rem), 100% 50%, 0.875rem calc(50% + 0.125rem), 0 100%, 0.675rem 50%);
}
:is(#page-title, .meta-title)::before { transform: scale(-100%);}


/*--------- HR ----------*/

hr {
    --hr-icon-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 234.9 134.1'%3E%3Cpath d='m178.9 123-10.6-10.6L213.7 67l-45.4-45.4L178.9 11l56 56-56 56z' class='cls-1'/%3E%3Cpath d='m117.5 134-67-67 67-67 67 67ZM71.6 67l45.9 45.8L163.3 67l-45.8-45.8Z' class='cls-1'/%3E%3Cpath d='M56 123 0 67l56-56 10.6 10.6L21.2 67l45.4 45.4L56 123z' class='cls-1'/%3E%3C/svg%3E");
    --hr-icon-size: 2rem;
    margin: 1.375rem 0;
    background: transparent;
    height: var(--hr-icon-size);
    display: grid;
    place-items: center;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
}
hr::before, hr::after {
    content: "";
    display: grid;
    grid-column: 1/2;
    grid-row: 1/2;
    background-color: hsl(var(--primary-accent-3));
}
hr::before {
    height: 0.1625rem;
    width: 100%;
    -webkit-mask-image: linear-gradient(90deg, black calc(50% - var(--hr-icon-size)/2 + 0.125rem), transparent calc(50% - var(--hr-icon-size)/2 + 0.125rem), transparent calc(50% + var(--hr-icon-size)/2 - 0.125rem), black calc(50% + var(--hr-icon-size)/2 - 0.125rem));
    mask-image: linear-gradient(90deg, black calc(50% - var(--hr-icon-size)/2 + 0.125rem), transparent calc(50% - var(--hr-icon-size)/2 + 0.125rem), transparent calc(50% + var(--hr-icon-size)/2 - 0.125rem), black calc(50% + var(--hr-icon-size)/2 - 0.125rem));
     clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%)
}
hr::after {
    width: var(--hr-icon-size);
    height: var(--hr-icon-size);
    -webkit-mask-image: var(--hr-icon-mask);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    mask-image: var(--hr-icon-mask);
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
}

/*----------------------------*/

h1,h2,h3,h4,h5,h6 {
    color: hsl(var(--primary-accent-3));
    font-family: var(--header-font);
    font-weight: bold;
    letter-spacing: unset;
}
:where(#page-content) :is(h1,h2,h3,h4,h5,h6) {
    display: flow-root;
    max-width: max-content;
    margin: 0;
    margin-block: 0.25em;
    border-block-end: solid 0.05em currentColor;
    position: relative;
    padding-inline: 0.375rem;
    color: hsl(var(--primary-accent-2));
}
:where(#page-content) :is(h1,h2,h3)::before {
    content: "";
    position: absolute;
    inset-inline-end: 100%;
    inset-block-end: 0;
    height: 50%;
    width: 2.5rem;
    border-block-start: solid 0.05em;
    border-inline-end: solid 0.05em;
    border-color: inherit;
    transform: skew(25deg);
    transform-origin: bottom;
}
:where(#page-content) h2 {
    font-size: 1.425em;
    margin-inline-start: 0.125rem;
}
:where(#page-content) h2::before { width: 1.325rem; }
:where(#page-content) h3 {
    margin-inline-start: .325rem;
    font-size: 1.25em;
    padding-inline: 0.125em;
}
:where(#page-content) h3::before { border-block-start: none; }

:where(#page-content) :is(h4,h5,h6) {
    font-family: var(--UI-font);
    padding: 0;
    margin-inline-start: 0.325rem;
}

:where(#page-content) :is(h1,h4)::after {
    content: "";
    position: absolute;
    border: solid 0.05em;
    border-color: inherit;
    width: 0.375em;
    height: 0.375em;
}
:where(#page-content) h1::after {
    inset-block-start: 50%;
    inset-inline-end: calc(100% + 3.275rem);
    transform: translateY(-50%) rotate(45deg);
}
:where(#page-content) h4::after {
    inset-inline-end: calc(100% + 0.05rem);
    inset-block-start: 100%;
    transform: translateY(-50%) rotate(45deg);
}


:where(#page-content) h6 {
    font-size: 0.875em;
    border: none;
}

/*-----------------------------*/
/*------ RATE MODULE ------*/
/*-----------------------------*/

div.page-rate-widget-box, div.rate-box-with-credit-button {
    background-color: transparent;
    box-shadow: none;
}

.page-rate-widget-box:not(.rate-box-with-credit-button div),
div.rate-box-with-credit-button {
    --cut: 0.875rem;
    min-height: calc(var(--cut)*2);
    font-family: var(--UI-font);
    position: relative;
    padding: 0 calc(var(--cut) * 1.207);
     isolation: isolate;
}
div.page-rate-widget-box .rate-points {
    padding-inline-start: 0.25em;
    text-transform: capitalize;
}
:is(.page-rate-widget-box:not(.rate-box-with-credit-button div),div.rate-box-with-credit-button)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--sp_rate-module-background);
    z-index: -1;
    clip-path: polygon( 0% var(--cut), var(--cut) 0%, calc(100% - var(--cut)) 0%, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0% calc(100% - var(--cut)) );
}

.page-rate-widget-box :is(.rateup, .ratedown) a {
    --sp_rate-module-button-hover-color: hsl(var(--primary-accent-1));
    position: relative;
    margin: 0;
    color: var(--sp_rate-module-button-color);
    background-color: var(--sp_rate-module-button-background);
    display: grid;
    place-content: center;
    width: calc(var(--cut)*1.414);
    height: calc(var(--cut)*1.414);
    text-align: center;
    box-sizing: border-box;
    transition: color 0.125s ease-out;
}
.page-rate-widget-box :is(.rateup, .ratedown) a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background-color: hsl(var(--light-accent-3) / .175);
    border: solid 0.05em hsl(var(--primary-accent-1));
    transform: rotate(45deg) scale(0.95);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.125s ease-out;
}
.page-rate-widget-box :is(.rateup, .ratedown) a:is(:hover,:focus)::before { opacity: 1; }

div.page-rate-widget-box .cancel a {
    font-weight: bold;
    --sp_rate-module-active-color: hsl(var(--light-accent-2));
    --sp_rate-module-sub-color: hsl(var(--primary-accent-1));
}

/*----------------------*/

div.rate-box-with-credit-button {
    padding-inline-end: 0;
    margin-inline-end: calc(var(--cut)*.707);
}
div.rate-box-with-credit-button .creditButton {
    display: grid;
    align-items: center;
    width: calc(var(--cut)*1.207);
}
div.creditButton p a {
    width: initial;
    height: 100%;
    aspect-ratio: 1;
    border: none;
    background-color: hsl(var(--primary-accent-1));
    clip-path: polygon( 0% var(--cut), var(--cut) 0%, calc(100% - var(--cut)) 0%, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0% calc(100% - var(--cut)) );
}

div.modalbox {
    --cut: 1.25rem;
    display: flex;
    flex-direction: column;
    padding: .75rem 1.5rem;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: hsl(var(--light-accent-1));
    clip-path: polygon( 0% var(--cut), var(--cut) 0%, calc(100% - var(--cut)) 0%, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0% calc(100% - var(--cut)) );
}
.modalbox hr {
    margin: 0.5rem 0;
}
.modalbox .credit {
    margin: 0;
}

/*-----------------------------*/
/*------ LINK ------*/
/*-----------------------------*/

a:any-link {
    color: hsl(var(--primary-accent-1));
    background-color: transparent;
    transition: background-color 0.175s ease-out;
}
a:any-link:where(:hover,:focus) {
    background-color: hsl(var(--light-accent-3) / .175);
}

:where(#page-content) a:any-link:where(:not(.printuser > a:first-child, .page-rate-widget-box a)) {
    padding-block: 0.025em;
    text-decoration: none;
    border-bottom: solid 0.05em currentColor;
}

a.newpage {
    color: hsl(var(--light-accent-3));
    border-bottom-style: dashed;
}
a:visited {
    color: hsl(var(--primary-accent-2));
}

/*------ Blockquotes, TOC ------*/

blockquote, div.blockquote, #toc {
    background-color: transparent;
    border: none;
    border-inline-start: solid 0.25rem hsl(var(--primary-accent-1));
    padding: 0.125em 1.25em;
}

#toc {
    border-color: hsl(var(--primary-accent-2));
    padding: 0.125rem 0.675rem;
}
#toc .title {
    font-family: var(--UI-font);
    color: hsl(var(--primary-accent-2));
}

/*------ Collapsible ------*/

.collapsible-block {
     --cut: 1.375rem;
}

.collapsible-block-folded a.collapsible-block-link,
.collapsible-block-unfolded-link a.collapsible-block-link {
    display: inline-flex;
    align-items: center;
    position: relative;
    min-height: calc(var(--cut) * 2);
    box-sizing: border-box;
    padding: calc(var(--cut) * .3535) calc(var(--cut) * 1.414);
    padding-inline-start: calc(var(--cut) * 2.414);
    border: none;
    clip-path: polygon(
        0% var(--cut),
        var(--cut) 0%,
        calc(100% -  var(--cut)) 0%,
        100% var(--cut), 
        100% calc(100% -  var(--cut)),
        calc(100% -  var(--cut)) 100%,
        var(--cut) 100%,
        0% calc(100% -  var(--cut))
        );
    background-color: hsl(var(--light-accent-3) / 0.25);
    color: inherit;
    overflow: hidden;
    isolation: isolate;
    transition: color .125s linear;
}
.collapsible-block-folded a.collapsible-block-link:is(:hover,:focus) {
    color: hsl(var(--light-accent-1));
}

.collapsible-block-folded a.collapsible-block-link::before {
    content: "";
    display: block;
    background-color: hsl(var(--dark-accent));
    height: 100%;
    width: calc(var(--cut) * 2);
    clip-path: inherit;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    transition: width 0.175s ease-out;
    z-index: -1;
}
.collapsible-block-folded a.collapsible-block-link:is(:hover,:focus)::before {
    width: 100%;
}

:is(.collapsible-block-folded a.collapsible-block-link, .collapsible-block-unfolded-link a.collapsible-block-link)::after {
    content: "+";
    font-size: 1.375em;
    font-weight: bold;
    font-family: var(--UI-font);
    display: grid;
    place-content: center;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    height: 100%;
    width: calc(var(--cut) * 2);
    background-color: hsl(var(--dark-accent));
    color: hsl(var(--light-accent-1));
    clip-path: inherit;
    transition: background-color 0.125s ease-out;
}

.collapsible-block-folded a.collapsible-block-link:is(:hover,:focus)::after {
    background-color: hsl(var(--primary-accent-1));
}

.collapsible-block-unfolded-link a.collapsible-block-link {
    color: hsl(var(--light-accent-1));
    background-color: hsl(var(--primary-accent-1));
}

.collapsible-block-unfolded-link a.collapsible-block-link::after {
    content: "-";
    background-color: hsl(var(--primary-accent-1));
}
.collapsible-block-unfolded-link a.collapsible-block-link:is(:hover,:focus)::after {
    background-color: hsl(var(--assist-color));
}

/*------ Licensebox ------*/

.licensebox {
    margin-block: 0.75rem;
}
.licensebox .collapsible-block-link {
    margin: 0;
    font-size: 0.875em;
}

/*------ Image Block ------*/

.scp-image-block {
    border: none;
    box-shadow: none;
}

.scp-image-block .scp-image-caption {
    position: relative;
    border: none;
    box-sizing: border-box;
    padding: .375em;
    font-family: var(--UI-font);
    background-color: hsl(var(--assist-color));
    color: hsl(var(--light-complement));
}
.scp-image-block .scp-image-caption:not([class*="center"])::before {
    content: "";
    position: absolute;
    width: 1rem;
    height: 1rem;
    background-color: inherit;
    top: calc(100% - 0.05rem);
    pointer-events: none;
}
.scp-image-block.block-right .scp-image-caption::before {
    right: 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%);
}
.scp-image-block.block-left .scp-image-caption::before {
    left: 0;
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

/*------ Tabs ------*/

.yui-navset .yui-nav {
    isolation: isolate;
    position: relative;
    border: none;
    font-family: var(--UI-font);
    font-size: 0.925em;
    --cut: 1.125rem;
}
.yui-navset .yui-nav::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--sp_tab-background);
    z-index: -1;
    clip-path: polygon( 0% var(--cut), var(--cut) 0%, calc(100% - var(--cut)) 0%, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0% calc(100% - var(--cut)) );
}
.yui-navset .yui-nav::after {
    content: "";
    position: absolute;
    z-index: -1;
    height: 50%; width: 0.05rem;
    background-color: hsl(var(--primary-accent-3));
    inset-block-end: -0.05rem; inset-inline-start: 0;
    transform-origin: bottom;
    transform: rotate(45deg);
}

.yui-navset .yui-nav li { flex-grow: 1; }

.yui-navset.yui-navset-top .yui-nav li a {
    position: relative;
    border: none;
    padding: calc(var(--cut) * .3535) calc(var(--cut) * 1.414);
    min-height: calc(var(--cut)*2);
    clip-path: polygon( 0% 0%, 0% 0%, 100% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 100%, 0% 100%);
    transition: clip-path 0.15s linear, transform 0.2125s ease-out;
}
.yui-navset.yui-navset-top .yui-nav .selected a {
    clip-path: polygon( 0% var(--cut), var(--cut) 0%, calc(100% - var(--cut)) 0%, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0% calc(100% - var(--cut)) );
    transform: scale(1.0625);
    z-index: 1;
}
.yui-navset.yui-navset-top .yui-nav li a::before {
    content: "";
    background-color: hsl(var(--primary-accent-1));
    position: absolute;
    inset-block-start: 0; inset-inline-start: 0;
    width: 0; height: 0.225rem;
    transition: width 0.25s ease-out;
}
.yui-navset.yui-navset-top .yui-nav li a:is(:hover,:focus)::before { width: 100%; }



.yui-navset .yui-content {
    background-color: transparent;
    border: none;
    border-inline-start: solid 0.05rem hsl(var(--primary-accent-3));
    padding: 0.225rem 0.75rem;
    position: relative;
}
.yui-navset .yui-content::before {
    content: "";
    position: absolute;
    border: solid 0.05rem;
    border-color: hsl(var(--primary-accent-3));
    width: 0.375rem;
    height: 0.375rem;
    inset-block-start: calc(100% + 0.05rem);
    inset-inline-start: -0.25rem;
    transform: rotate(45deg);
}

/*------ Table ------*/

table.wiki-content-table td {
    border-color: hsl(var(--assist-color));
}

table.wiki-content-table th {
    background-color: hsl(var(--assist-color));
    color: hsl(var(--light-accent-2));
    border-color: hsl(var(--assist-color));
}

/*------ Footnotes ------*/

:is(.footnotes-footer, bibitems) .title {
    font-family: var(--UI-font);
    font-size: 1.25em;
    color: hsl(var(--primary-accent-3));
    border-block-end: solid 0.05rem currentColor;
}

.hovertip {
    --sp_hovertip-background: hsl(var(--assist-color) / 0.9125);
    --sp_hovertip-border: none;
    --cut: 0.675rem;
    backdrop-filter: blur(0.125rem);
    color: hsl(var(--light-complement));
    padding: calc(var(--cut) * .3535) calc(var(--cut) * .707);
    clip-path: polygon( 0% var(--cut), var(--cut) 0%, calc(100% - var(--cut)) 0%, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0% calc(100% - var(--cut)) );
}

.footnote .f-heading, .equation .e-heading, .reference .r-heading {
    font-family: var(--UI-font);
    color: hsl(var(--light-accent-2));
}

/*-----------------------------*/
/*------  BOTTOM ------*/
/*-----------------------------*/

#main-content .page-tags span {
    border-color: hsl(var(--primary-accent-3));
}

#footer {
    background: hsl(var(--dark-accent));
    padding: 0.325rem;
}

#license-area, #footer-bar {
    color: hsl(var(--light-complement));
    background-color: hsl(var(--assist-color));
}
:is(#license-area, #footer-bar) a {
    font-weight: bold;
    color: hsl(var(--primary-accent-1));
}


/*-----------------------------*/
/*------  CUSTOM SYNTAX ------*/
/*-----------------------------*/

.header-center {
    text-align: center;
}
.header-center :is(h1,h2,h3,h4,h5,h6) {
    margin-inline: auto;
}

.city-block {
    --border: 0.175rem;
    box-sizing: border-box;
    width: calc(100% - 2rem);
    margin-inline: auto;
    margin-block: 1.5rem;
    padding: 0.25rem 0.75rem;
    background-color: hsl(var(--primary-complement) / 0.075);
    position: relative;
}

.city-block::before, .city-block::after {
    content: "";
    position: absolute;
    inline-size: calc(100% - 1.125rem);
    block-size: 1.75rem;
    transform: skew(-45deg);
    pointer-events: none;
}
.city-block::before {
    inset-block-start: -0.5rem;
    inset-inline-start: 0.325rem;
    border-inline-start: solid calc(var(--border)*1.414) hsl(var(--primary-accent-1));
    border-block-start: solid var(--border) hsl(var(--primary-accent-1));
}
.city-block::after {
    inset-block-end: -0.5rem;
    inset-inline-end: 0.325rem;
    border-inline-end: solid calc(var(--border)*1.414) hsl(var(--primary-accent-1));
    border-block-end: solid var(--border) hsl(var(--primary-accent-1));
}

.side-alley {
    color: hsl(var(--light-complement));
    font-size: 0.925em;
    --cut: 2.75rem;
    width: min(calc(var(--main-content-width)/2.5), 47.5%);
    min-height: calc(var(--cut) * 2);
    box-sizing: border-box;
    padding: calc(var(--cut) * .25) calc(var(--cut) * .707);
    float: left;
    position: relative;
    margin: 0.25rem 1rem;
    shape-outside: polygon( 0% var(--cut), var(--cut) 0%, calc(100% - var(--cut)) 0%, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0% calc(100% - var(--cut)) );
    isolation: isolate;
}
.side-alley::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: hsl(var(--assist-color));
    clip-path: polygon( 0% var(--cut), var(--cut) 0%, calc(100% - var(--cut)) 0%, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0% calc(100% - var(--cut)) );
    z-index: -1;
}

.side-alley:where(:not(.right)) {
    margin-left: clamp(calc(var(--main-content-width)/-4.5), calc((90vw - 95%)/-2), 0rem);
}
.side-alley:where(.right) {
    margin-right: clamp(calc(var(--main-content-width)/-4.5), calc((90vw - 95%)/-2), 0rem); 
    float: right;
}

.side-alley :is(h1,h2,h3,h4,h5,h6) {
    color: hsl(var(--light-accent-2));
}

/*-----------------------------*/
/*------ MOBILE QUERY ------*/
/*-----------------------------*/
@media screen and (max-width: 767px) {
    #top-bar div.mobile-top-bar > ul > li {
        position: static;
    }
    #top-bar div.mobile-top-bar > ul > li > ul {
        min-width: unset;
        inset-inline-start: 0;
        transform: none;
        width: 100%;
        flex-wrap: wrap;
        flex-direction: row;
    }
    #top-bar div.mobile-top-bar ul li ul li {
        width: initial;
        flex-basis: 50%;
        flex-grow: 1;
    }
    #top-bar div.mobile-top-bar ul li ul li a:any-link {
        padding: 0.925rem 0.675rem;
    }

}

@media screen and (max-width: 37.5rem) {
    :root {
         --sp_header-height: var(--s-header-mobile-height);
    }

    #header::before {
        margin-inline-start: 0;
        align-self: center;
        height: calc(var(--sp_header-height)*.75);
        width: calc(var(--sp_header-height)*.375);
        clip-path: polygon(0 0, 100% 50%, 0 100%);
        background-size: 72.5%;
        background-position: 0 50%;
    }
    #header :is(h1,h2) { margin-inline-start: calc(var(--sp_header-height)*0.375 + 0.5rem); }
    div[id*="header-extra-div"] {
        -webkit-mask-size: cover;
        mask-size: cover;
    }

    .side-alley {
        float: none;
        margin: 0.5rem auto;
        width: 92.5%;
    }
}
[[/code]]
[[/collapsible]]

[[include :scp-wiki:component:license-box-theme]]
> **Name:** Mount Ararat and the Araratian plain
> **Author:** Serouj Ourishian
> **License:** CC BY-SA 4.0
> **Source Link:** [https://commons.wikimedia.org/wiki/File:Mount_Ararat_and_the_Araratian_plain_(cropped).jpg Wikimedia Commons]

> **Name:** Edinburgh Old Town Skyline P-EDI Banner
> **Author:** Depthcharge101
> **License:** CC BY-SA 3.0
> **Source Link:** [https://commons.wikimedia.org/wiki/File:Edinburgh_Old_Town_Skyline_P-EDI_Banner.jpg Wikimedia Commons]

> **Name:** Tuggeranong Town Centre skyline April 2020
> **Author:** Nick-D
> **License:** CC BY-SA 4.0
> **Source Link:** [https://commons.wikimedia.org/wiki/File:Tuggeranong_Town_Centre_skyline_April_2020.jpg Wikimedia Commons]

> **Name:** PoznańCentrum1
> **Author:** Kamilbelieve
> **License:** Public Domain
> **Source Link:** [https://commons.wikimedia.org/wiki/File:Pozna%C5%84Centrum1.png Wikimedia Commons]

> **Name:** Esterberg Flag
> **Author:** [[*user Jerden]]
> **License:** CC BY-SA 3.0
> **Source Link:** [[[esterberg-city-wikipedia|]]]
> **Additional Notes:** Edited by [[*user EstrellaYoshte]]
[[include :scp-wiki:component:license-box-end]]
[[/iftags]]

[[include :scp-wiki:component:sigma-plus]]
[[include :scp-wiki:component:toggle-sidebar]]
[[module css]]
@import url(https://scp-wiki.wdfiles.com/local--code/theme%3Asunside/1);
[[/module]]
[[div_]]
[[include :scp-wiki:component:interwiki-style
| priority=1
| theme=https://scp-wiki.wdfiles.com/local--code/theme%3Asunside/1
]]
[[/div]]

Sunside Theme

Module Styles

Inline Styles

Includes

CSS Classes

Page Source