infidel-cupper-theme/assets/css/.template-styles.css.swp

b0VIM 8.2<00><>rc<72>4Y<>infidelpop-os/mnt/603865ec-04e2-4572-a274-b365c04c4f3a/nino/Projects/nnag.me/nnag.me/themes/infidel-cupper-theme/assets/css/template-styles.cssutf-8
3210#"! U
<00>
<00><00>
+c

<00>

<00><00>

P
	`
-c
h<00>

<00>
<00>
<00><00>
adz<00><00><00><00><00>
<00>
<00>
<00>
<00>
<00>
<00>
<00>
k
`
M
*
(
'

<00>	<00>	<00>	<00>	<00>	<00>	<00>	<00>	<00>	<00>	w	f	P	<	&		<00><00><00><00><00><00><00><00><00><00><00><00>}xR:83<00><00><00><00><00><00><00><00><00><00><00>{\ZT@(<00><00><00><00><00><00>~hS<:3<00><00><00><00><00><00><00><00>y^\H6<00><00><00><00><00><00><00>}{lTR!	<00><00><00><00><00><00><00><00><00><00>wum[YLdd li + li {}  margin-left: 0;dd ul {}  padding-left: 2rem;main dd {}    font-weight: bold;main dt {}  list-style: lower-roman;ol ol ol {}  list-style: lower-latin;ol ol {}    margin-top: 0.5rem;main ul ul, main ol ol, main li ul, main li ol {}    margin-top: 0.5rem;main li + li {}    margin-left: 2.25rem;main ol {main ul,/* Lists */}    color: rgba(0,0,0,.8);    background: #fefefe;.cmd code::selection{}    padding-right: 0.25em;    font-weight: bold;    content: '$';.cmd code::before {}    white-space: pre-wrap;    color: #fefefe;.cmd code {}    background: #111;    padding: 0.75rem;.cmd {}    font-size: 0.85em;    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;code {}    border: 1px solid;    padding: 1.5rem;    overflow-x: auto;.file-tree {pre,}    vertical-align: 0.33em;    box-shadow: 0.125rem 0.125rem 0 #111;    border: 2px solid;    border-radius: 0.25rem;    padding: 0.1rem 0.33rem;    font-size: 0.66rem;    line-height: 1;kbd {}    text-transform: uppercase;    font-size: 0.85rem;h5 {}    font-family: PT Sans, sans-serif;    font-size: 1rem;h5 {h4,}    font-size: 1.25rem;h3 {}    font-size: 1.66rem;h2 {}    font-size: 2rem;h1 {}    line-height: 1.125;    font-family: Miriam Libre, serif;h4 {h3,h2,h1,/* Text styles */}    outline: none;    top: 0;[href="#main"]:focus {}    z-index: 1;    text-align: center;    top: -3rem;    position: absolute;    background: #000;    color: #fefefe;    padding: 0.75rem;    width: 100%;    display: block;[href="#main"] {/* Skip link */}  display: none;[hidden] {}    outline: none;div:not([tabindex]):focus {[tabindex="-1"]:focus,/* Fix for IE :( */}    background-color: transparent;    margin-top: 0;.katex * {/* Katex math typesetting */}  outline-offset: 2px;a {}    outline: 4px solid #999;[for="themer"] :focus + [aria-hidden] {.patterns a:focus .text,[data-expands]:focus svg,:focus:not([tabindex="-1"]),}    margin: 0;figure p img {}    margin: 0.75rem 0;p img {}    border-bottom: none;.img-link {}    max-height: 50vh;    max-width: 100%;img {}    border-bottom: 1px dashed;    cursor: help;    text-decoration: none;abbr {}    border-bottom: 1px solid;    text-decoration: none;a {}  margin-top: 0;.priority {}    margin-top: 0.75rem;p + p {}    margin-top: 0;.main-and-footer {body,li + li,[hidden] + *,option,td,th,dd,dt,br,}    margin-top: 2.25rem;* + * {}  display: none !important;template {}    background-color: #fefefe;    color: #111;    line-height: 1.5;    font-family: Roboto, Arial, Helvetica Neue, sans-serif;    font-size: calc(1em + 0.25vw);html {}    box-sizing:    src: url('{{ "css/fonts/miriamlibre-bold.woff2" | absURL }}') forma    src: url('{{ "css/fonts/miriamlibre-bold.woff2" | absURL }}') format('wof    src: url('{{ "css/fonts/miriamlibre-bold.woff2" | absURL }}') format('woff2'), url('{{ "css/fonts/miriamlibre-bold.woff" | absURL }}') format('woff');<00>
g<00>
    font-family: 'Miriam Libre';@font-face {@import url('https://fonts.googleapis.com/css2?family=Didact Gothic&display=swap');/* Fonts */ad)
<00><00><00><00><00><00><00><00>~sbGED0
<00><00><00><00><00><00><00><00><00>nT?)#<00>
<00>
<00>
<00>
<00>
<00>
<00>
<00>
l
Y
S
H
0
*

<00><00><00><00><00><00><00>aJD.<00><00><00><00><00><00><00><00>kR;5<00>
<00>
<00>
<00>
<00>
<00>
<00>
<00>
|
l
W
Q
#


<00>	<00>	<00>	<00>	<00>	<00>	I	2	,		<00><00><00><00><00><00><00>|v^IC3
<00><00><00><00><00><00>{uW:4<00><00><00><00><00><00><00>~jG-'%<00><00><00><00><00><00>yh\XF%
	<00><00><00><00><00><00>wecbYG1<00><00><00>}
}} }  opacity: 0.8;  letter-spacing: 1.3px;  line-height: 1.6;  margin-bottom: 1em;  display: block;main p {}  color: #fefefe;  background: rgba(0,0,0,.8);::selection {  }    color: #fefefe;    background: rgba(0,0,0,.8);::-moz-selection { /* Code for Firefox */}  }      background: none;      border-left: 0.5rem solid;  .note.warning {  }    top: 0;    width: auto;    background: none;    content: '✓';  .ticks li::before {  }    padding: 0.5rem;    background: #fefefe;  img[src*=".svg"] {@media (-ms-high-contrast: active) {}    }        background: none;        border-left: 0.5rem solid;    .note.warning {    }        page-break-inside: avoid;    main *:not(.with-desc) {    }        display: none;    [data-expands] svg {    }        display: block;    [id^="js-expandable-"] {    }        margin-top: 0.75rem;    .expandable-section + p {    }        padding: 0;        border: 0;    .expandable-section {    }        white-space: pre-wrap !important;    pre code {    }        color: #111;        background: #fefefe;    .cmd code {    }        content: '';    main nav a::after {    }        word-break: break-word;        content: " (" attr(href) ")";    main a::after {    }        border: 0;    a {    }        margin-left: 0;    .main-and-footer {    }        display: none;    .wrapper:not(.print-version) [role="contentinfo"] {)
    .wrapper:not(.print-version) .intro-and-nav,@media print {}    }      word-break: break-all;    code {    }        display: block;    [aria-expanded="true"] + #patterns-list {    }      display: none;    .toc-link {    }        display: none;    #patterns-list {    }        display: block;    #menu-button {    }        margin-top: 0;        border-top: 1px solid;    .pattern + .pattern {    }        padding: 1rem;        clip-path: none;    .pattern [aria-current] {    }        padding: 1rem;    .pattern a {    }        font-size: 1rem;    .pattern {    }        margin-top: 0;    .patterns li {    }        margin: 0;    .patterns ul ul {    }        margin-top: 0;    .patterns li:not(.pattern) {    }        padding: 1.5rem 1rem 0.75rem;        font-size: 1.5rem;    .patterns h3 {    }      border: 1px solid;      margin-top: 0.5rem;    #patterns-list {    }      min-height: auto;    main {    }        margin: 0;    .main-and-footer {    }        padding: 1.5rem;    .intro-and-nav > div {    }        border-right: none;    .intro-and-nav {    }        text-align: center;    .intro {    }        height: auto;        width: auto;        position: static;    [role="banner"] {    }      hyphens: auto;    body a {    }        display: none;    .inf-td-hide {    /* Infidel Customs for mobile screen */@media screen and (max-width: 45em) {/* Media queries */}  justify-content: center;  display: flex;.gallery {}  width: 1px;  white-space: nowrap;  position: absolute;  overflow: hidden;  height: 1px;  clip: rect(1px, 1px, 1px, 1px);ad<00>C<00><00><00><00><00><00><00><00>oXC
<00>
<00>
<00>
<00>
<00>
<00>
<00>
<00>
<00>
<00>
<00>
q
U
S
F
3


<00>	<00>	<00>	<00>	<00>	<00>	<00>	}	a	M	4	2	$		
	<00><00><00><00><00><00><00><00><00>iQON9.<00><00><00><00><00><00><00>}pSQ:$<00><00><00><00><00><00><00><00><00><00><00>wuiXB
<00><00><00><00><00><00><00><00><00><00>lTR9#<00><00><00><00><00><00><00><00>i]I1<00><00><00><00><00><00><00><00><00>t^\4<00><00><00>mVA.patterns li + li {
<00>}    list-style: none;    line-height: 1.125;.patterns li {}    margin-top: 0.75rem;.patterns h3 + ul {}    font-size: 1rem;.patterns h3 {}    margin-top: 0;.patterns * {}    min-width: max-content;    margin-top: 1.5rem;    overflow: auto;.patterns {/* Patterns navigation */}    text-align: center;    margin-top: 4rem;    font-size: 0.85rem;[role="contentinfo"] {
}    padding: 3.25rem;    margin: 0 auto;    max-width: 55rem;.main-and-footer > div {}    margin-left: 20rem;.main-and-footer {}    max-width: 25rem;    margin-right: auto;    margin-left: auto;    margin-top: 0          filter: white(10    filter: white(100%);    -webkit-filter: white(100%); /* Safari 6.0 - 9.0 */    max-width: 12rem;    width: 100%;.logo img {}    margin : 2.25rem;    border: 0;.logo {}  flex: 1 1 auto;.patterns {}  flex: 0 0 auto;.intro {}    height: 100%;    flex-direction: column;    display: flex;    padding: 2.25rem;.intro-and-nav > div {}    border-right: 2px solid;    left: 0;    top: 0;    position: fixed;    height: 100vh;    width: 20rem;    font-size: 1rem;.intro-and-nav {}    overflow-x: hidden;    margin-top: 0;    position: relative;.wrapper {/* Page structure */}    font-style: italic;    padding-bottom: 0.25rem;    font-size: 1.125rem;caption {}    font-size: 0.85rem;.tested .additional {}    margin: 0;    display: block;.tested span {}    max-width: 3rem;.tested img {}    outline-color: #111;    color: #fefefe;    background-color: #111;    width: 100%;.tested th {}    border: 1px solid #111;    flex: 1 0 auto;    overflow: hidden;    vertical-align: middle;.tested td, .tested th {}    flex-flow: row wrap;    display: flex;.tested tr {}    border: 1px solid #111;    text-align: center;.tested {/* Tested using... table */}    border: 0;th:empty {}    font-weight: bold;th {}    margin: 0;    line-height: 1.25;    padding: 0.5rem;    border: 2px solid;td {th,}    border-collapse: collapse;    width: 100%;    table-layout: fixed;    text-align: left;table {/* Tables */}  content: 'on';[for="themer"] :checked + [aria-hidden]::before {
}  content: 'off';[for="themer"] [aria-hidden]::before {
}  margin: 0.5rem;  padding: 0.25em 0.75em;  color: #fefefe;  border-radius: 0.33em;  background: #111;[for="themer"] {

}  font-weight: bold;  display: inline-block;label {/* Forms */}  bottom: 0 !important;  right: 0 !important;  position: absolute !important;  color: #fefefe !important;  background: #111 !important;  box-shadow: none !important;  border-top-left-radius: 0.33rem !important;  border-radius: 0 !important;  margin-top: 0 !important;  padding: 0.5rem !important;  font-size: 0.66rem !important;[data-launch] {}    border: 0;    padding: 0.75rem;    color: #fefefe;    background: #111;    font-family: inherit;    border-radius: 0.33em;    font-size: 1.25rem;button {/* Buttons */}  font-size: 0.85rem;blockquote .author {}  padding-left: 0.75rem;  border-left: 0.5rem solid;blockquote {/* Blockquotes */
}  margin: 0;ad<<00><00><00>iOML;/
<00><00><00><00><00><00>
<00><00><00><00><00><00><00><00>VTS:3<00>
<00>
<00>
<00>
<00>
<00>
<00>
<00>
<00>
<00>
<00>
v
h
S
<
'



<00><00><00><00><00><00><00><00>sK53<00><00><00><00><00><00><00><00>v`LJ2<00>
<00>
<00>
<00>
<00>
<00>
<00>
s
X
V
?



<00>	<00>	<00>	<00>	<00>	<00>	<00>	<00>	<00>	<00>	<00>	l	k	E	C	B			<00><00><00><00><00><00><00>trqV20/
<00><00><00><00><00><00><00><00>kT97$<00><00><00><00><00><00><00><00><00>xvkR754)!<00><00><00><00><00><00><00><00><00>vb`R86<00><00><00><00><00>(<00>HF0<00><00><00><00><00><00><00>ucb       background-image    background-image    background-image    background-image    backg    background-image: url({{ "css/images/stripe.svg" | absURL }       background-image: url({{ "css/images/st     background-image: url({{ "css/images/stripe.svg" | absURL }});;6
<@
=    border-left: 0;.note.warning {}    margin-top: 0;.note > div >:first-child + * {}    height: 1.5rem;.note > div > img:first-child {}    margin-left: 0.75rem;.note > div {}    width: 2.25rem;    height: 2.25rem;.note .sign {}    font-size: 0.85rem;    border-left: 0.5rem solid;.note {/* Notes and warnings */}    font-size: 0.85rem;    margin-top: 0;.date {/* Date */}    margin: 0 0.25rem 0 0;    white-space: nowrap;.tags li {}    margin-right: 0.25rem;.tags strong {}    margin: 0;    display: inline;.tags * {}    font-size: 0.85rem;    margin-top: 0;.tags {/* Tags */}    border: 0;.patterns-list a {}    border-top: 2px solid;    padding-top: 1rem;    margin-top: 1rem;.patterns-list li + li {}    line-height: 1.6;    font-size: 1.25rem;.patterns-list h2 {}    margin-left: 0;    list-style: none;.patterns-list {/* Pattern lists */}    border-bottom: none !important;.inf-patterns-list td, a {}    text-align: right;    padding-top: 1rem;    margin-top: 1rem;.inf-patterns-list th, td {}    text-align: left;    padding-top: 1rem;    margin-top: 1rem;.inf-patterns-list th, td:first-child {}    border-top: 2px solid !important;.inf-patterns-list table,tr {}    border: none !important;.inf-patterns-list table,tr:first-child {}    border: none !important;.inf-patterns-list table,th,td {}    border-bottom: none !important;.inf-patterns-list a {}    border-top: 2px solid;    padding-top: 1rem;    margin-top: 1rem;.inf-patterns-list li + li {}    line-height: 1.6;    font-size: 0.75;.inf-patterns-list span {}    line-height: 1.6;    font-size: 1.0;.inf-patterns-list h2 {}    margin-left: 0;    list-style: none;.inf-patterns-list {/* infidel Pattern lists */}  display: none; #disqus-comments {
}  padding: 0.25em 0.75em;  width: 100%;#disqus-button {
}  text-align: center;#disqus-container {
/* Disqus Comments */
}    margin-top: 0.5rem;    margin-left: 0.75rem;.inf-border ol {}  margin-top: 1rem;.inf-border nav {}    box-shadow: 5px 10px;    padding: 1.5rem;    border: 2px solid;    font-size: 1rem;.inf-border {/* Infidel borders */}    margin-top: 0.5rem;    margin-left: 0.75rem;.toc ol {}  margin-top: 1rem;.toc nav {}    padding: 1.5rem;    border: 1px solid;    font-size: 0.85rem;.toc {/* Tables of contents */}    box-shadow: inset 0 0 0 0.25rem #999;    outline: none;#menu-button:focus {}    text-align: center;    width: 100%;    display: none;#menu-button {/* Menu button */}  border-radius: 5px;  color: #39424E;  background-color: #efefef;.pattern [aria-current] {/* After */}    margin-left: 0.125rem;.pattern span {}    outline: none;.pattern a:focus {}    padding-bottom: 0.5em;    padding-top: 0.5em;adJ-<00><00>xR<;-$
<00><00><00><00><00><00><00><00>igR6<00>
<00>
<00>
<00>
<00>
<00>
<00>

g
Q
O


<00><00><00><00><00><00>ca<00><00><00><00><00><00><00><00>xYWJ4<00>
<00>
<00>
<00>
<00>
i
R
;
%

<00>	<00>	<00>	<00>	<00>	<00>	n	O	M	"		<00><00><00><00><00><00><00><00><00>bSC+<00><00><00><00><00><00><00><00>}dL31	<00>8 <00><00><00><00><00><00><00>kFDC)<00><00><00><00><00><00>ywg7 	
<00><00><00><00><00><00><00>    padding: 0;    width: 100%;    background: none;    border: 0;    color: #111;    text-align: left;[data-expands] {}    }        border-top: 0;        margin-top: 0;    .expandable-section + .expandable-section {@media screen {}    padding: 1.5rem 0 0.75rem;    margin: 0;[id^="js-expandable-"] {}    padding: 0.75rem 0;    border-bottom: 1px solid;    border-top: 1px solid;.expandable-section {/* Expandable sections */}    content: '\2514\2500\2500\0020';.file-tree li:last-child::before {}    content: '\251C\2500\2500\0020';.file-tree li::before {}    white-space: normal;    width: 1em;    bottom: 0;    top: 0;    left: 0;    position: absolute;    content: '\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020';.file-tree li:not(:last-child) > ul::before {}    margin-top: 0;.file-tree li + li {}    white-space: nowrap;    position: relative;    background: #fefefe;.file-tree li {}    overflow-y: hidden;    overflow-x: auto;    padding-left: 0;.file-tree > ul {}    position: relative;    line-height: 1.25;    list-style: none;    padding-left: 3rem;    padding: 0;    margin: 0;    font-family: Courier, monospace;.file-tree ul {}    overflow-x: auto;.file-tree {/* File tree lists */}    vertical-align: 0.25em;    margin-right: 0.33em;    font-size: 0.66em;.code-annotated.numbered + ol li::before {}    counter-reset: annotation;    list-style: none;.code-annotated.numbered + ol {}    vertical-align: 0.33em;    padding: 0.125em 0.5em;    margin-left: 0.25rem;    border-radius: 1rem;    color: #fefefe;    background: #111;    font-size: 0.5rem;    font-weight: bold;    content: counter(annotation);    counter-increment: annotation;.code-annotated.numbered + ol li::before  {.numbered .highlight::after,}    border-radius: 0.5rem;    padding: 0.0625rem 0.33rem;    background: #ddd;.highlight {}    counter-reset: annotation;    white-space: pre;    border: 1px solid;    padding: 1.5rem;    overflow-x: auto;    overflow-y: hidden;[data-codeblock-shortcode], .code-annotated code {[data-codeblock-shortcode], .code-annotated code {		
}    margin-top: 0 !important;pre[class*=language-] code * {}    padding: 1em 0 0 2.25rem;pre[class*=language-][data-line] {}  /* filter: grayscale(100%); */  text-shadow: none;code[class*="language-"], pre[class*="language-"] {}    overflow-x: auto;    overflow-y: hidden;    margin-bottom: 0;    margin-top: 2.25rem;    background: none;pre[class*=language-] {/* Code blocks */}    font-weight: bold;    content: 'Figure ' counter(fig) ':\0020';    counter-increment: fig;figcaption::before {}    min-height: 100vh;    counter-reset: fig;    display: block;main {}    margin-top: 0.5rem;    font-style: italic;    font-size: 0.85rem;figcaption {}    text-align: center;figure {/* Figures */}

H    top: 0.25rem;
G    left: -1.25rem;	
F    position: absolute;

E    background-size: 100% auto;
Dad?c<00>cgSA?>0'
<00><00><00><00><00><00><00>ljU9<00>
<00>
<00>
<00>
<00>
<00>
<00>
<00>
j
T
R

	
<00><00><00><00><00><00>fd1<00><00><00><00><00><00><00>{\ZM7<00>
<00>
<00>
<00>
<00>
l
U
>
(

<00>	<00>	<00>	<00>	<00>	<00>	q	R	P	%		<00><00><00><00><00><00><00><00><00>eVF.
<00><00><00><00><00><00><00><00>gO64
<00>;#
<00><00><00><00><00><00><00>nIGF,<00><00><00><00><00><00>|zj:#<00><00><00><00><00><00><00><00>    padding: 0;    width: 100%;    background: none;    border: 0;    color: #111;    text-align: left;[data-expands] {}    }        border-top: 0;        margin-top: 0;    .expandable-section + .expandable-section {@media screen {}    padding: 1.5rem 0 0.75rem;    margin: 0;[id^="js-expandable-"] {}    padding: 0.75rem 0;    border-bottom: 1px solid;    border-top: 1px solid;.expandable-section {/* Expandable sections */}    content: '\2514\2500\2500\0020';.file-tree li:last-child::before {}    content: '\251C\2500\2500\0020';.file-tree li::before {}    white-space: normal;    width: 1em;    bottom: 0;    top: 0;    left: 0;    position: absolute;    content: '\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020';.file-tree li:not(:last-child) > ul::before {}    margin-top: 0;.file-tree li + li {}    white-space: nowrap;    position: relative;    background: #fefefe;.file-tree li {}    overflow-y: hidden;    overflow-x: auto;    padding-left: 0;.file-tree > ul {}    position: relative;    line-height: 1.25;    list-style: none;    padding-left: 3rem;    padding: 0;    margin: 0;    font-family: Courier, monospace;.file-tree ul {}    overflow-x: auto;.file-tree {/* File tree lists */}    vertical-align: 0.25em;    margin-right: 0.33em;    font-size: 0.66em;.code-annotated.numbered + ol li::before {}    counter-reset: annotation;    list-style: none;.code-annotated.numbered + ol {}    vertical-align: 0.33em;    padding: 0.125em 0.5em;    margin-left: 0.25rem;    border-radius: 1rem;    color: #fefefe;    background: #111;    font-size: 0.5rem;    font-weight: bold;    content: counter(annotation);    counter-increment: annotation;.code-annotated.numbered + ol li::before  {.numbered .highlight::after,}    border-radius: 0.5rem;    padding: 0.0625rem 0.33rem;    background: #ddd;.highlight {}    counter-reset: annotation;    white-space: pre;    border: 1px solid;    padding: 1.5rem;    overflow-x: auto;    overflow-y: hidden;.code-annotated {}    margin-top: -1rem;    display: inline-block;[data-codeblock-shortcode], .code-annotated code {}    margin-top: 0 !important;pre[class*=language-] code * {}    padding: 1em 0 0 2.25rem;pre[class*=language-][data-line] {}  /* filter: grayscale(100%); */  text-shadow: none;code[class*="language-"], pre[class*="language-"] {}    overflow-x: auto;    overflow-y: hidden;    margin-bottom: 0;    margin-top: 2.25rem;    background: none;pre[class*=language-] {/* Code blocks */}    font-weight: bold;    content: 'Figure ' counter(fig) ':\0020';    counter-increment: fig;figcaption::before {}    min-height: 100vh;    counter-reset: fig;    display: block;main {}    margin-top: 0.5rem;    font-style: italic;    font-size: 0.85rem;figcaption {}    text-align    background-image: url({{ "css/images/icon-tick.svg" | absURL }});    background-image: url({{ "css/images/icon-tick.svg" | absURL }});A9
BC
C    margin-right: 0.25rem;ad<00><00><00><00><00><00><00><00><00><00>}iZJ.,%<00><00><00>xYWL0.&
<00>
<00>
<00>
<00>
<00>
<00>
<00>
<00>
<00>
<00>
<00>
<00>
<00>
{
j
h
d
I
+
)
"

<00><00><00><00><00><00><00><00>|zr[YJ;9<00><00><00>|zv_]\+<00>
<00>
<00>
<00>
<00>
<00>
d
Q
O
D
3
1
0
 

<00>	<00>	<00>	<00>	<00>	<00>	<00>	j	Z	X	A	5	"	 		
				
	<00><00><00><00><00><00><00><00><00>rpkSQMH3
<00><00><00><00><00><00>~bK!<00><00><00><00><00><00><00>ZCA:$<00><00><00><00><00><00>wu_F+)
<00><00><00><00><00><00>|zrWUJ/-#
<00><00><00><00><00><00>dd li dddd li +dd li + li {}  margin-left: 0;dd ul {}  padding-left: 2rem;main dd {}    font-weight: bold;main dt {}  list-style: lower-roman;ol ol ol {}  list-style: lower-latin;ol ol {}    margin-top: 0.5rem;main ul ul, main ol ol, main li ul, main li ol {}    margin-top: 0.5rem;main li + li {}    margin-left: 2.25rem;main ol {main ul,/* Lists */}    color: rgba(0,0,0,.8);    background: #fefefe;.cmd code::selection{}    padding-right: 0.25em;    font-weight: bold;    content: '$';.cmd code::before {}    white-space: pre-wrap;    color: #fefefe;.cmd code {}    background: #111;    padding: 0.75rem;.cmd {}    font-size: 0.85em;    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;code {}    border: 1px solid;    padding: 1.5rem;    overflow-x: auto;.file-tree {pre,}    vertical-align: 0.33em;    box-shadow: 0.125rem 0.125rem 0 #111;    border: 2px solid;    border-radius: 0.25rem;    padding: 0.1rem 0.33rem;    font-size: 0.66rem;    line-height: 1;kbd {}    text-transform: uppercase;    font-size: 0.85rem;h5 {}    font-family: PT Sans, sans-serif;    font-size: 1rem;h5 {h4,}    font-size: 1.25rem;h3 {}    font-size: 1.66rem;h2 {}    font-size: 2rem;h1 {}    opacity: .6;    line-height: 1.125;    font-family: Miriam Libre, serif;h4 {h3,h2,h1,/* Text styles */}    outline: none;    top: 0;[href="#main"]:focus {}    z-index: 1;    text-align: center;    top: -3rem;    position: absolute;    background: #000;    color: #fefefe;    padding: 0.75rem;    width: 100%;    display: block;[href="#main"] {/* Skip link */}  display: none;[hidden] {}    outline: none;div:not([tabindex]):focus {
<00>
[tabindex="-1"]:focus,<00>
/* Fix for IE :( */}    background-color: transparent;    margin-top: 0;.katex * {<00>
/* Katex math typesetting */<00>
}  outline-offset: 2px;a {}    outline: 4px solid #999;[for="themer"] :focus + [aria-hidden] {<00>
.patterns a:focus .text,[data-expands]:focus svg,:focus:not([tabindex="-1"]),
<00>
}    margin: 0;figure p img {}    margin: 0.75rem 0;p img {}    border-bottom: none;.img-link {}    max-height: 50vh;    max-width: 100%;img {}    border-bottom: 1px dashed;    cursor: help;    text-decoration: none;abbr {}    border-bottom: 1px solid;    text-decoration: none;a {}  margin-top: 0;.priority {}    margin-top: 0.75rem;p + p {}    margin-top: 0;.main-and-footer {body,li + li,[hidden] + *,option,td,th,dd,dt,br,}    margin-top: 2.25rem;* + * {}  display: none !important;template {}    background-color: #39424E;    opacity: .85;    color: rgb(255, 255, 255);    line-height: 1.6;    font-family: Didact Gothic, Arial, Helvetica Neue, sans-serif;    font-size: calc(1em + 0.25vw);html {}    box-sizing: border-box;    padding: 0;    margin: 0;    color: inherit;    background-color: inherit;    font-family: inherit;*::after {*::before,*,}    font-style: normal;    font-weight: bold;ad<00>Uh<00><00><00><00><00><00>w`J+)<00><00><00><00><00>];$
<00>
<00>
<00>
<00>
<00>
x
v
V
@
!

<00><00><00><00><00><00><00><00>kiY4%<00><00><00><00><00><00><00>ya_O6<00>
<00>
<00>
<00>

	<00><00><00><00><00><00><00><00>b`=<00><00><00><00><00><00>yjKI9	<00><00><00><00><00><00><00><00>veU    padding: 0;    width: 100%;    background: none;    border: 0;    color: #111;    text-align: left;[data-expands] {}    }        border-top: 0;        margin-top: 0;    .expandable-section + .expandable-section {@media screen {}    padding: 1.5rem 0 0.75rem;    margin: 0;[id^="js-expandable-"] {}    padding: 0.75rem 0;    border-bottom: 1px solid;    border-top: 1px solid;.expandable-section {/* Expandable sections */}    content: '\2514\2500\2500\0020';.file-tree li:last-child::before {}    content: '\251C\2500\2500\0020';.file-tree li::before {}    white-space: normal;    width: 1em;    bottom: 0;    top: 0;    left: 0;    position: absolute;    content: '\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020';.file-tree li:not(:last-child) > ul::before {}    margin-top: 0;.file-tree li + li {}    white-space: nowrap;    position: relative;    background: #fefefe;.file-tree li {}    overflow-y: hidden;    overflow-x: auto;    padding-left: 0;.file-tree > ul {}    position: relative;    line-height: 1.25;    list-style: none;    padding-left: 3rem;    padding: 0;    margin: 0;    font-family: Courier, monospace;.file-tree ul {}    overflow-x: auto;.file-tree {/* File tree lists */}    vertical-align: 0.25em;    margin-right: 0.33em;    font-size: 0.66em;.code-annotated.numbered + ol li::before {}    counter-reset: annotation;    list-style: none;.code-annotated.numbered + ol {}    vertical-align: 0.33em;    padding: 0.125em 0.5em;    margin-left: 0.25rem;    border-radius: 1rem;    color: #fefefe;    background: #111;    font-size: 0.5rem;    font-weight: bold;    content: counter(annotation);    counter-increment: annotation;.code-annotated.numbered + ol li::before  {.numbered .highlight::after,}    border-radius: 0.5rem;    padding: 0.0625rem 0.33rem;    background: #ddd;.highlight {}    counter-reset: annotation;    white-space: pre;    border: 1px solid;    padding: 1.5rem;    overflow-x: auto;    overflow-y: hidden;.code-annotated {}    margin-top: -1rem;    display: inline-block;ad<00>
<00><00><00><00><00><00><00><00><00>d4<00><00><00><00><00><00><00><00>~jhgWPD<4)<00>
<00>
<00>
<00>
<00>
<00>
<00>
<00>
s
q
`
F
D
7
&


<00><00><00><00><00><00><00><00><00>nlkVL9'<00>
<00>
<00>
<00>
<00>
<00>
<00>
<00>
<00>
<00>
y
k
R
6
!

	
<00>	<00>	<00>	<00>	<00>	<00>	<00>	<00>	y	w	e	M	:	.		
	<00><00><00><00><00><00><00>waRA)<00><00><00><00><00><00><00>om?-+<00><00><00><00><00><00><00>kSQ&<00><00><00><00><00>wu_DBA0"
<00><00><00><00><00><00><00><00><00>.vh {/* Utilities */}  max-width: 100%;.custom-404 svg {}  margin: 0;.custom-404 * {}  text-align: center;.custom-404 {/* Custom 404 */}    padding: 0 !important;.pattern-section h1 {}    border-bottom: 2px solid;    padding-bottom: 2.25rem;.pattern-section:not(:last-child) {}  margin-top: 0;.wrapper.print-version .patterns {}    font-size: 1.25rem;.wrapper.print-version #patterns-list h3 {}    font-size: 1.66rem;.wrapper.print-version .toc h2 {}    font-size: 1rem;.wrapper.print-version .toc {}    display: block;    margin-top: 1.5rem;    margin-left: 0;.wrapper.print-version #patterns-list {}    height: auto;.wrapper.print-version .intro-and-nav > div {}    font-size: 1rem;.wrapper.print-version .library-desc {}    min-height: 0;.wrapper.print-version main {}    justify-content: center;    align-items: center;    display: flex;    text-align: center;    width: auto;    border: 0;    position: static;.wrapper.print-version .intro-and-nav {}    margin-left: 0;.wrapper.print-version .main-and-footer {/* Single page layout */}    border: 0;    left: -1em;    line-height: 1;    top: 0;    margin-top: 0;    position: absolute;.h2-container a {}    font-size: 1.66rem;    position: relative;.h2-container {/* Section links */}    display: block;    all: initial;[id^="js-demo-"] {}  position: relative;  padding: 1.5rem 0;  border-bottom: 1px solid;  border-top: 1px solid;.demo-inner {/* Inline demos */}    font-weight: bold;.pattern-link {/* Cross references */}    right: 0.25rem;    bottom: 0.25rem;    position: absolute;    padding: 0.25rem;    font-size: 0.75rem;    color: #fefefe;    background-color: #111;    line-height: 1;.colors span {}    position: relative;    flex: 1 0 auto;    margin: 0.25rem;.colors li {}    flex-wrap: nowrap;    list-style: none;    margin: -0.25rem;    height: 5rem;    display: flex;.colors {/* Color palettes */}    font-style: normal;    white-space: nowrap;.print {}  margin-right: 0;  width: 0.75em;.balloon-icon {}  vertical-align: middle;.tags svg, .link-icon {}  height: 0.75em;  width: 0.75em;.link-icon {}  vertical-align: middle;.bookmark-icon {}  width: 1.25em;.wcag-icon {

}  height: 0.85em;  width: 0.85em;  margin-right: 0;h1 svg {}    margin-right: 0.25em;    width: 0.75em;    height: 0.75em;li > svg {th svg,h1 svg,button svg,a svg,/* SVG icons */}    color: #C83737;.site-error strong {}    background: #efefef;    padding: 1.5rem;.site-error {/* Site errors */}    padding-top: 0.75rem;    margin-top: 0.75rem;    border-top: 1px solid;.wcag.with-desc > li + li {
.principles.with-desc > li + li,}    margin-top: 0.75rem;    font-size: 0.85rem;.principles p {}    font-size: 0.85em;.wcag li {
ad<00>
G<00><00><00><00><00><00>ubRA?
<00><00><00><00><00><00><00><00><00>xvuG-97'<00>
<00>
<00>
<00>
<00>
<00>
i
g
f
T
F
1




<00><00><00><00><00><00><00><00><00><00><00>ki`M<*(
<00><00><00><00><00><00><00><00>wueTA?6<00>
<00>
<00>
<00>
<00>
<00>
{
y
l
W
C
+
)


<00>	<00>	<00>	<00>	<00>	{	g	e	d	M	=	&	$	#			<00><00><00><00><00><00>{gedP@(<00><00><00><00><00><00><00><00><00>vL86<00><00><00><00><00><00>wuWDB<00><00><00><00><00>nZX:%#<00><00><00><00><00><00>omI,<00><00><00><00><00><00><00><00><00><00><00>p][ZJDC.vh {/* Utilities */}  max-width: 100%;.custom-404 svg {}  margin: 0;.custom-404 * {}  text-align: center;.custom-404 {/* Custom 404 */}    padding: 0 !important;.pattern-section h1 {}    border-bottom: 2px solid;    padding-bottom: 2.25rem;.pattern-section:not(:last-child) {}  margin-top: 0;.wrapper.print-version .patterns {}    font-size: 1.25rem;.wrapper.print-version #patterns-list h3 {}    font-size: 1.66rem;.wrapper.print-version .toc h2 {}    font-size: 1rem;.wrapper.print-version .toc {}    display: block;    margin-top: 1.5rem;    margin-left: 0;.wrapper.print-version #patterns-list {}    height: auto;.wrapper.print-version .intro-and-nav > div {}    font-size: 1rem;.wrapper.print-version .library-desc {}    min-height: 0;.wrapper.print-version main {}    justify-content: center;    align-items: center;    display: flex;    text-align: center;    width: auto;    border: 0;    position: static;.wrapper.print-version .intro-and-nav {}    margin-left: 0;.wrapper.print-version .main-and-footer {/* Single page layout */}    border: 0;    left: -1em;    line-height: 1;    top: 0;    margin-top: 0;    position: absolute;.h2-container a {}    font-size: 1.66rem;    position: relative;.h2-container {/* Section links */}    display: block;    all: initial;[id^="js-demo-"] {}  position: relative;  padding: 1.5rem 0;  border-bottom: 1px solid;  border-top: 1px solid;.demo-inner {/* Inline demos */}    font-weight: bold;.pattern-link {/* Cross references */}    right: 0.25rem;    bottom: 0.25rem;    position: absolute;    padding: 0.25rem;    font-size: 0.75rem;    color: #fefefe;    background-color: #111;    line-height: 1;.colors span {}    position: relative;    flex: 1 0 auto;    margin: 0.25rem;.colors li {}    flex-wrap: nowrap;    list-style: none;    margin: -0.25rem;    height: 5rem;    display: flex;.colors {/* Color palettes */}    font-style: normal;    white-space: nowrap;.print {}  margin-right: 0;  width: 0.75em;.balloon-icon {}  vertical-align: middle;.tags svg, .link-icon {}  height: 0.75em;  width: 0.75em;.link-icon {}  vertical-align: middle;.bookmark-icon {}  width: 1.25em;.wcag-icon {}  height: 0.85em;  width: 0.85em;  margin-right: 0;h1 svg {}    margin-right: 0.25em;    width: 0.75em;    height: 0.75em;li > svg {th svg,h1 svg,button svg,a svg,/* SVG icons */}    color: #C83737;.site-error strong {}    background: #efefef;    padding: 1.5rem;.site-error {/* Site errors */}    padding-top: 0.75rem;    margin-top: 0.75rem;    border-top: 1px solid;.wcag.with-desc > li + li {.principles.with-desc > li + li,}    margin-top: 0.75rem;    font-size: 0.85rem;.princ/* WCAG and principles *//* WCAG and principles */

}    margin-top: 2.25rem;*:not(p) + p:empty + p {}    display: none;p:empty {}    outline: none;[data-expands]:focus {}    display: none;[data-expands][aria-expanded="true"] svg .up-strut {}    height: 1em;    width: 1em;    margin-top: 0;[data-expands] svg {}    cursor: pointer;    justify-content: space-between;    align-items: center;    display: flex;    margin: 0;adzB
+<00><00><00><00><00><00><00><00><00>zb`G1<00><00><00><00><00><00>wkW?#!<00>
<00>
<00>
<00>
<00>
<00>
<00>
<00>
<00>
l
j
B
.patterns li + li {
}    list-style: none;    line-height: 1.125;.patterns li {}    margin-top: 0.75rem;.patterns h3 + ul {}    font-size: 1rem;.patterns h3 {}    margin-top: 0;.patterns * {}    min-width: max-content;    margin-top: 1.5rem;    overflow: auto