From 0373fb8f9ad69df14fa3f6e39b47833972e0456a Mon Sep 17 00:00:00 2001 From: Stephen Date: Tue, 10 May 2022 02:22:43 +0200 Subject: [PATCH 1/5] Updates docs with description of customised built-ins --- docs/docs.css | 2 +- docs/docs.js | 2 +- docs/templates/body.literal | 2 ++ index.html | 37 +++++++++++++++++++++++++++++++------ index.html.literal | 25 +++++++++++++++++++------ slide-show-figure.js | 11 +++++++++++ slide-show-ol.js | 11 +++++++++++ slide-show-ul.js | 11 +++++++++++ 8 files changed, 87 insertions(+), 14 deletions(-) create mode 100644 docs/templates/body.literal diff --git a/docs/docs.css b/docs/docs.css index af22433..d574d5c 100644 --- a/docs/docs.css +++ b/docs/docs.css @@ -1,6 +1,6 @@ /* slide-show 1.0.0 By Stephen Band - Built 2022-05-09 20:14 */ + Built 2022-05-10 00:18 */ :root>body template{display:none!important}:-webkit-full-screen{width:100vw!important;height:100vh!important;margin:0!important}:-moz-full-screen{width:100vw!important;height:100vh!important;margin:0!important}:-ms-fullscreen{width:100vw!important;height:100vh!important;margin:0!important}:fullscreen{width:100vw!important;height:100vh!important;margin:0!important}html,body,div,span,object,iframe,canvas,img,svg,audio,video,track,math,h1,h2,h3,h4,h5,h6,hr,p,blockquote,pre,a,abbr,address,code,time,kbd,samp,br,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,slot,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,dialog,figure,figcaption,footer,header,nav,main,section,summary,form,fieldset,label,legend,input,output,button,select,textarea,progress,meter,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-background-origin:padding-box;-moz-background-origin:padding;background-origin:padding-box;background-repeat:no-repeat}html,:root{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{padding:0;margin:0}article,aside,details,dialog,figcaption,figure,footer,header,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}p,dl,input,menu,ol,ul,dd,pre{margin:auto}hr{margin:0}code,kbd,samp,pre{font-family:monospace,monospace;font-size:1em}menu,ol,ul{padding:0}a{background-color:transparent;-webkit-text-decoration-skip:objects}:focus{outline:thin dotted}abbr[title]{border-bottom:none}mark{background:#ff0;color:#000}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button;cursor:pointer}img,svg,canvas,video,object,embed,iframe{display:block;border:0}img,svg,canvas,video{max-width:100%;height:auto}img{object-fit:cover;-ms-interpolation-mode:bicubic;object-position:50% t}audio:not([controls]){display:none;height:0}figure{margin:auto}figure>img,figure>svg,figure>canvas,figure>video{width:100%}table{border-spacing:0;border-collapse:separate}caption,th,td{text-align:left;font-weight:400}table,td,th{vertical-align:top}[hidden]{display:none!important}::-ms-clear{width:0;height:0}[placeholder]:focus::-webkit-input-placeholder{color:transparent}[placeholder]:focus::-moz-placeholder{color:transparent}[draggable]{-webkit-user-drag:element;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:move}[draggable=false]{-webkit-user-drag:none;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;cursor:inherit}[draggable=false][href]{cursor:pointer}@page{margin:.5cm}@media print{html,body{background:transparent;text-shadow:none!important}a[href^="http://"],a[href^="http://"]:visited,a[href^="https://"],a[href^="https://"]:visited{text-decoration:underline}a[href^="http://"]:after,a[href^="https://"]:after{content:" (" attr(href) ") ";font-size:.9167em;text-transform:lowercase;opacity:.8}pre,blockquote,tr,img{page-break-inside:avoid}h1,h2,h3,h4,h5,h6{page-break-after:avoid}thead{display:table-header-group}p,h2,h3,h4,h5,h6{orphans:3;widows:3}}svg{overflow:visible;fill:none;stroke:currentcolor;stroke-width:1}altGlyph,circle,ellipse,line,path,polygon,polyline,rect,text,textpath,tref,tspan{fill:inherit;stroke:inherit;stroke-width:inherit;vector-effect:non-scaling-stroke}.fill{fill:currentcolor;stroke:none}.stroke{stroke:currentcolor}:root{height:100%;color:#000;background-color:#fff;scroll-behavior:smooth;scroll-padding:0}:root.loading{scroll-behavior:auto}:root>body{scroll-padding:inherit;scroll-snap-type:inherit;scroll-snap-stop:inherit;scroll-snap-points-y:inherit}body{position:relative;min-height:100%}@media screen and (min-aspect-ratio: 3/1){body{min-height:33.3333vw}}html{font-size:100%}body,button{text-rendering:geometricPrecision}pre,code,kbd,output,samp{font-family:monospace,serif;font-family:Monaco,Lucida Console,monospace}code,kbd,samp{white-space:nowrap}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}pre>code{line-height:inherit;white-space:inherit}a:focus,a:hover{text-decoration:underline}a{text-decoration:underline;color:inherit}[href]{-webkit-tap-highlight-color:rgba(0,0,0,.25)}p,h1,h2,h3,h4,h5,h6{margin:0}h1,h2,h3,h4,h5,h6{font-weight:400;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual}hr{height:1px;border-width:0;margin-bottom:-1px;background-color:currentcolor}ul{list-style-type:disc}ol{list-style-type:decimal;list-style-position:inside}dl{display:grid;grid-column-gap:1.125rem;grid-template-columns:max-content 1fr;grid-auto-columns:1fr;align-items:flex-end}dl>dt{grid-column:1 / span 1;max-width:40vw}blockquote{font-style:italic;font-family:Georgia,serif}blockquote:before{content:"“";font-size:3em;color:#484848;float:left;margin-left:-.6em;line-height:.92em}p:empty,h1:empty,h2:empty,h3:empty,h4:empty,h5:empty,h6:empty,ul:empty,ol:empty,dl:empty,li:empty,dt:empty,dd:empty,blockquote:empty{display:none}p>img,p>svg,p>video,p>canvas,p>object,p>embed,p>iframe,li>img,li>svg,li>video,li>canvas,li>object,li>embed,li>iframe,dd>img,dd>svg,dd>video,dd>canvas,dd>object,dd>embed,dd>iframe{max-width:100%}abbr[title]{border-bottom:1px dotted}b,strong,dfn{font-weight:700}em,dfn{font-style:italic}small{font-size:.727272em;font-weight:400}sup,sub{line-height:0;font-size:.8333em;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}q{quotes:none}q:before,q:after{content:"";content:none}del{opacity:.5;text-decoration:line-through}table{width:100%}tfoot{font-style:italic}caption{background-color:inherit}dd{margin:0}*+ul,*+ol,*+dl,*+blockquote{margin-top:1.25rem}li{margin-bottom:0}blockquote:before{font-size:3em;line-height:.84em;margin-left:-.6em}sup,sub{font-size:.6em;line-height:0}abbr{letter-spacing:.03125em}th,td,caption{padding:4px 10px 4px 5px}ul,ol{margin-left:0}blockquote{margin-left:2.6667em}.left{margin:.75em 1em .75em 0}.right{margin:.75em 0 .75em 1em}.note{font-size:.9167em;line-height:1.8181;font-style:italic}.tag-code:before{content:"<";margin-right:-.1em}.tag-code:after{content:">";margin-left:-.1em}.wrap{white-space:normal;flex-wrap:wrap}.no-wrap{white-space:nowrap;flex-wrap:nowrap;text-overflow:ellipsis}.break-wrap{white-space:normal;overflow-wrap:break-word}.line-wrap{white-space:pre}a{min-width:2rem;min-height:2rem}a[draggable=false]{cursor:pointer}.a{text-decoration:none}.a:hover,.a:focus{text-decoration:underline}code.block,pre>code{display:block;font-size:.8125rem;padding:.5625rem .75rem;width:100%;overflow:auto;box-shadow:inset -18px 4px 110px -20px #0000001a;color:var(--color);background-color:--var(black)}th,td{font-style:inherit;font-weight:inherit;line-height:inherit;padding-left:.1875rem;padding-right:.1875rem;background-clip:border-box}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}thead>tr>th,thead>tr>td{padding-top:.75rem;padding-bottom:.375rem;vertical-align:bottom}thead>tr:last-child>th,thead>tr:last-child>td{padding-bottom:.375rem}tbody>tr>th,tbody>tr>td{padding-top:.1875rem;padding-bottom:.1875rem;vertical-align:middle}tfoot>tr>th,tfoot>tr>td{padding-top:.875rem;padding-bottom:.875rem;vertical-align:top}table{width:100%;margin-left:0;margin-right:0;table-layout:fixed}table.x-bleed th:first-child,table.x-bleed td:first-child{padding-left:calc(.5 * var(--x-gap))}table.x-bleed th:last-child,table.x-bleed td:last-child{padding-right:calc(.5 * var(--x-gap))}:root.js .js-hidden{display:none!important}:root:not(.js) .js-shown{display:none!important}button,[type=button]{font-size:inherit;font-family:inherit;-ms-hyphens:none;hyphens:none;color:inherit;background:transparent;min-width:2rem;min-height:2rem}button,[type=button],.button{--font-size: inherit;--height: 3rem;--line-height: 1.5rem;--color: black;--border-color: transparent;--border-width: .0625rem;--border-radius: .3125rem;--padding-left: .5625em;--padding-right: var(--padding-left);display:inline-block;font-size:var(--font-size);line-height:var(--line-height);padding-top:calc(.5 * (var(--height) - var(--line-height)) - var(--border-width));padding-bottom:calc(.5 * (var(--height) - var(--line-height)) - var(--border-width));padding-left:var(--padding-left);padding-right:var(--padding-right);width:auto;height:auto;min-height:var(--height);vertical-align:baseline;text-overflow:ellipsis;text-align:center;text-decoration:none;white-space:normal;break-inside:avoid;grid-auto-flow:column;align-content:center;align-items:center;justify-content:center;position:relative;z-index:0;background-repeat:no-repeat;background-clip:padding-box;background-origin:padding-box;border-style:solid;border-width:var(--border-width);border-color:var(--border-color);border-radius:var(--border-radius);transition:background-color .12s linear,color .12s linear}button>svg,[type=button]>svg,.button>svg{display:inline-block;width:auto;height:var(--line-height);vertical-align:middle}button:hover,button:focus,.button:hover,.button:focus{text-decoration:none;transition:background-color 80ms linear,color 80ms linear}button.loading,.button.loading{opacity:.4}.button>input[type=radio],.button>input[type=checkbox]{display:inline;height:auto;vertical-align:baseline;margin-right:.5em;margin-left:1px}.button>small:first-child{display:inline-block;margin-right:.25em}.button.block{display:block}.thumb>select,.button>input[type=file],.button>input[type=submit]{position:absolute;display:block;top:0;left:0;bottom:0;right:0;width:100%;height:100%;padding:0;margin:0;border:0;cursor:pointer;z-index:2}.js .thumb>select,.js .button>input[type=file],.js .button>input[type=submit]{-webkit-appearance:none;opacity:0}.list{list-style:none;margin:0;padding:0}.list>li{display:block;margin:0;padding:0;position:relative;break-inside:avoid;vertical-align:top}.inline-list>li{display:inline-block}.thumb{display:inline-block;vertical-align:top;overflow:hidden;position:relative;padding-bottom:0;padding-right:0;min-width:0;padding-left:2.8125em;height:2.8125em;min-height:0;width:0;line-height:2;break-inside:avoid;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:50% 40%;background-repeat:no-repeat;background-color:transparent;border-width:0;border-radius:0;text-decoration:none;color:inherit}.thumb>img,.thumb>svg,.thumb>iframe{position:absolute;top:0;left:0;width:100%;height:100%}.thumb>img{object-fit:cover}.thumb.block{display:block;overflow:hidden}@media print{.thumb{-webkit-print-color-adjust:exact}}.burger-thumb.on{color:#000;background-color:#e6e6e6;background-color:var(--color-grey-5);outline-width:0}.burger-thumb:before,.burger-thumb:after{content:"";position:absolute;top:calc(50% - 2px);left:32%;width:36%;height:9px;border-top:3px solid currentcolor;border-bottom:3px solid currentcolor}.burger-thumb:before{top:calc(50% - 8px);border-top:3px solid currentcolor}.close-thumb,.add-thumb,.subtract-thumb,.remove-thumb{padding-left:1.875rem;height:1.875rem;border-radius:50%}.close-thumb,.add-thumb,.subtract-thumb{background-color:#fff;box-shadow:var(--handle-shadow)}.remove-thumb{color:#fff;background-color:var(--error)}.close-thumb:before,.close-thumb:after,.add-thumb:before,.add-thumb:after,.subtract-thumb:before,.remove-thumb:before,.remove-thumb:after{content:"";position:absolute;top:50%;left:50%;height:.1875rem;background-color:currentcolor;border-radius:2px}.close-thumb:before,.close-thumb:after{width:1.25em}.add-thumb:before,.add-thumb:after,.remove-thumb:before,.remove-thumb:after{width:1.125em}.subtract-thumb:before{width:1rem}.add-thumb:before,.subtract-thumb:before{transform:translate(-50%,-50%)}.add-thumb:after{transform:translate(-50%,-50%) rotate(-90deg)}.close-thumb:before,.remove-thumb:before{transform:translate(-50%,-50%) rotate(45deg)}.close-thumb:after,.remove-thumb:after{transform:translate(-50%,-50%) rotate(-45deg)}.prev-thumb,.next-thumb{position:relative;padding-left:3.75rem;height:5rem;background-image:none}.prev-thumb:before,.next-thumb:before{position:absolute;top:50%;content:"";height:36%;width:36%;margin-top:-18%;border-top:1px solid currentcolor;border-left:1px solid currentcolor}.prev-thumb:before{left:62.5%;margin-left:-18%;transform:rotate(-45deg)}.next-thumb:before{right:62.5%;margin-right:-18%;transform:rotate(135deg)}.prev-thumb:hover:before,.next-thumb:hover:before{border-top-width:2px;border-left-width:2px}.thumb-1\:2,.thumb-2\:3,.thumb-3\:4,.thumb-4\:5,.thumb-1\:1,.thumb-5\:4,.thumb-4\:3,.thumb-3\:2,.thumb-16\:9,.thumb-2\:1{width:100%}.thumb-2\:3{padding-top:150%}.thumb-3\:4{padding-top:133.333333%}.thumb-4\:5{padding-top:125%}.thumb-1\:1{padding-top:100%}.thumb-5\:4{padding-top:80%}.thumb-4\:3{padding-top:75%}.thumb-3\:2{padding-top:66.666667%}.thumb-16\:9{padding-top:56.25%}.thumb-2\:1{padding-top:50%}.block{display:block;position:relative;height:auto;vertical-align:top;overflow:visible;break-inside:avoid;justify-content:center;margin:0 auto}a.block,a.block:hover,a.block:focus{text-decoration:none}.block>svg,.block>video,.block>canvas,.block>object,.block>embed,.block>iframe{max-width:100%}hr.block{height:1px}.block[href]{text-decoration:none}.inline-block{display:inline-block}.current-fg{color:currentcolor;stroke:currentcolor}.current-bg{background-color:currentcolor;fill:currentcolor}.transparent-fg{color:transparent}.transparent-bg{background-color:transparent}:root{--black: black}.black-fg{color:#000;stroke:#000}.black-bg{background-color:#000;fill:#000}:root{--white: white}.white-fg{color:#fff;stroke:#fff}.white-bg{background-color:#fff;fill:#fff}:root{--info: #46789a}.info-fg{color:#46789a;stroke:#46789a}.info-bg{background-color:#46789a;fill:#46789a}:root{--success: #8aa231}.success-fg{color:#8aa231;stroke:#8aa231}.success-bg{background-color:#8aa231;fill:#8aa231}:root{--warn: #e6ba1a}.warn-fg{color:#e6ba1a;stroke:#e6ba1a}.warn-bg{background-color:#e6ba1a;fill:#e6ba1a}:root{--error: #DC0F0E}.error-fg{color:#dc0f0e;stroke:#dc0f0e}.error-bg{background-color:#dc0f0e;fill:#dc0f0e}.hidden{display:none!important}.fixed{position:fixed!important}.sticky{position:-webkit-sticky!important;position:sticky!important;top:0}.columns{display:block!important;column-gap:var(--x-gap);--x-gap: 1.5rem}.\31-columns{columns:1!important}.\32-columns{columns:2!important}.\33-columns{columns:3!important}.\34-columns{columns:4!important}.\35-columns{columns:5!important}.\36-columns{columns:6!important}.\37-columns{columns:7!important}.\38-columns{columns:8!important}.\39-columns{columns:9!important}.\31 0-columns{columns:10!important}.\31 1-columns{columns:11!important}.\31 2-columns{columns:12!important}.flex{display:flex!important}.grid{display:grid!important;grid-auto-flow:row;grid-auto-columns:minmax(0,1fr);column-gap:var(--x-gap);row-gap:var(--y-gap);--x-gap: 1.5rem;--y-gap: 1.5rem}a.grid,a.grid:hover,a.grid:focus{text-decoration:none}.grid[hidden]{display:none!important}.dense-grid{grid-auto-flow:dense}.y-start-grid{align-content:start}.y-center-grid{align-content:center}.x-start-grid{justify-content:start}.x-center-grid{justify-content:center}.\31x-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.\32x-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.\33x-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.\34x-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.\35x-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.\36x-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.\37x-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.\38x-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.\39x-grid{grid-template-columns:repeat(9,minmax(0,1fr))}.\31 0x-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.\31 1x-grid{grid-template-columns:repeat(11,minmax(0,1fr))}.\31 2x-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.x1{grid-column-start:1!important}.x2{grid-column-start:2!important}.x3{grid-column-start:3!important}.x4{grid-column-start:4!important}.x5{grid-column-start:5!important}.x6{grid-column-start:6!important}.x7{grid-column-start:7!important}.x8{grid-column-start:8!important}.x9{grid-column-start:9!important}.x10{grid-column-start:10!important}.x11{grid-column-start:11!important}.x12{grid-column-start:12!important}.\31x{grid-column-end:span 1!important}.\32x{grid-column-end:span 2!important}.\33x{grid-column-end:span 3!important}.\34x{grid-column-end:span 4!important}.\35x{grid-column-end:span 5!important}.\36x{grid-column-end:span 6!important}.\37x{grid-column-end:span 7!important}.\38x{grid-column-end:span 8!important}.\39x{grid-column-end:span 9!important}.\31 0x{grid-column-end:span 10!important}.\31 1x{grid-column-end:span 11!important}.\31 2x{grid-column-end:span 12!important}.x-end{justify-self:end!important;margin-left:auto;margin-right:0}.x-start{justify-self:start!important;margin-left:0;margin-right:auto}.x-center{justify-self:center!important;margin-left:auto;margin-right:auto}.x-stretch{justify-self:stretch!important;margin-left:0;margin-right:0;max-width:100%;width:100%}.x-unbleedl{margin-left:calc(.5 * var(--x-gap));margin-right:0;max-width:calc(100% - var(.5 * --x-gap));width:calc(100% - var(.5 * --x-gap))}.x-unbleedr{margin-left:0;margin-right:calc(.5 * var(--x-gap));max-width:calc(100% - var(.5 * --x-gap));width:calc(100% - var(.5 * --x-gap))}.x-bleedl{justify-self:stretch!important;margin-left:calc(var(--x-gap) / -2);margin-right:0;max-width:calc(100% + var(.5 * --x-gap));width:calc(100% + var(.5 * --x-gap))}.x-bleedr{justify-self:stretch!important;margin-left:0;margin-right:calc(var(--x-gap) / -2);max-width:calc(100% + var(.5 * --x-gap));width:calc(100% + var(.5 * --x-gap))}.x-bleed{justify-self:stretch!important;margin-left:calc(var(--x-gap) / -2);margin-right:calc(var(--x-gap) / -2);max-width:calc(100% + var(--x-gap));width:calc(100% + var(--x-gap))}.x-floodl{justify-self:stretch!important;margin-left:calc(-1 * var(--x-gap));margin-right:0;max-width:calc(100% + var(--x-gap));width:calc(100% + var(--x-gap))}.x-floodr{justify-self:stretch!important;margin-left:0;margin-right:calc(-1 * var(--x-gap));max-width:calc(100% + var(--x-gap));width:calc(100% + var(--x-gap))}.x-flood{justify-self:stretch!important;margin-left:calc(-1 * var(--x-gap));margin-right:calc(-1 * var(--x-gap));max-width:calc(100% + 2 * var(--x-gap));width:calc(100% + 2 * var(--x-gap))}.x-bleedl.x-floodr{margin-left:calc(-.5 * var(--x-gap));margin-right:calc(-1 * var(--x-gap));max-width:calc(100% + 1.5 * var(--x-gap));width:calc(100% + 1.5 * var(--x-gap))}.\31y-grid{grid-template-rows:repeat(1,minmax(0,1fr))}.\32y-grid{grid-template-rows:repeat(2,minmax(0,1fr))}.\33y-grid{grid-template-rows:repeat(3,minmax(0,1fr))}.\34y-grid{grid-template-rows:repeat(4,minmax(0,1fr))}.\35y-grid{grid-template-rows:repeat(5,minmax(0,1fr))}.\36y-grid{grid-template-rows:repeat(6,minmax(0,1fr))}.\37y-grid{grid-template-rows:repeat(7,minmax(0,1fr))}.\38y-grid{grid-template-rows:repeat(8,minmax(0,1fr))}.\39y-grid{grid-template-rows:repeat(9,minmax(0,1fr))}.\31 0y-grid{grid-template-rows:repeat(10,minmax(0,1fr))}.\31 1y-grid{grid-template-rows:repeat(11,minmax(0,1fr))}.\31 2y-grid{grid-template-rows:repeat(12,minmax(0,1fr))}.y1{grid-row-start:1!important}.y2{grid-row-start:2!important}.y3{grid-row-start:3!important}.y4{grid-row-start:4!important}.y5{grid-row-start:5!important}.y6{grid-row-start:6!important}.y7{grid-row-start:7!important}.y8{grid-row-start:8!important}.y9{grid-row-start:9!important}.y10{grid-row-start:10!important}.y11{grid-row-start:11!important}.y12{grid-row-start:12!important}.\31y{grid-row-end:span 1!important}.\32y{grid-row-end:span 2!important}.\33y{grid-row-end:span 3!important}.\34y{grid-row-end:span 4!important}.\35y{grid-row-end:span 5!important}.\36y{grid-row-end:span 6!important}.\37y{grid-row-end:span 7!important}.\38y{grid-row-end:span 8!important}.\39y{grid-row-end:span 9!important}.\31 0y{grid-row-end:span 10!important}.\31 1y{grid-row-end:span 11!important}.\31 2y{grid-row-end:span 12!important}.y-end{align-self:end!important;margin-top:auto;margin-bottom:0}.y-start{align-self:start!important;margin-top:0;margin-bottom:auto}.y-center{align-self:center!important;margin-top:auto;margin-bottom:auto}.y-baseline{align-self:baseline!important;margin-top:auto;margin-bottom:auto}.y-lastline{align-self:last baseline!important;margin-top:auto;margin-bottom:auto}.y-stretch{justify-self:stretch!important;margin-top:0;margin-bottom:0;max-height:100%;height:100%}.y-bleed{justify-self:stretch!important;margin-top:calc(var(--y-gap) / -2);margin-bottom:calc(var(--y-gap) / -2);max-height:calc(100% + var(--y-gap));height:calc(100% + var(--y-gap))}.y-flood{justify-self:stretch!important;margin-top:calc(-1 * var(--y-gap));margin-bottom:calc(-1 * var(--y-gap));max-height:calc(100% + 2 * var(--y-gap));height:calc(100% + 2 * var(--y-gap))}.inline{display:inline-block!important}.normal-text{text-transform:none!important}.lowercase-text{text-transform:lowercase!important}.uppercase-text{text-transform:uppercase!important}.thin-text{font-weight:200!important}.light-text{font-weight:300!important}.regular-text{font-weight:400!important}.book-text{font-weight:450!important}.medium-text{font-weight:500!important}.semi-text{font-weight:600!important}.bold-text{font-weight:700!important}.black-text{font-weight:800!important}.left{float:left!important;clear:left}.right{float:right!important;clear:right}.top-align{vertical-align:top!important}.bottom-align{vertical-align:bottom!important}.middle-align{vertical-align:middle!important}.baseline-align{vertical-align:baseline!important}.left-align{text-align:left!important}.right-align{text-align:right!important}.center-align{text-align:center!important}.justify-align{text-align:justify!important}@media screen and (max-width: 49.9375em){.\@1-shown{display:none!important}}@media (min-width: 50em){.\@1-hidden{display:none!important}.\@1-fixed{position:fixed!important}.\@1-sticky{position:-webkit-sticky!important;position:sticky!important;top:0}.\@1-columns{display:block!important;column-gap:var(--x-gap);--x-gap: 1.5rem}.\@1-1-columns{columns:1!important}.\@1-2-columns{columns:2!important}.\@1-3-columns{columns:3!important}.\@1-4-columns{columns:4!important}.\@1-5-columns{columns:5!important}.\@1-6-columns{columns:6!important}.\@1-7-columns{columns:7!important}.\@1-8-columns{columns:8!important}.\@1-9-columns{columns:9!important}.\@1-10-columns{columns:10!important}.\@1-11-columns{columns:11!important}.\@1-12-columns{columns:12!important}.\@1-flex{display:flex!important}.\@1-grid{display:grid!important;grid-auto-flow:row;grid-auto-columns:minmax(0,1fr);column-gap:var(--x-gap);row-gap:var(--y-gap);--x-gap: 1.5rem;--y-gap: 1.5rem}a.\@1-grid,a.\@1-grid:hover,a.\@1-grid:focus{text-decoration:none}.\@1-grid[hidden]{display:none!important}.\@1-dense-grid{grid-auto-flow:dense}.\@1-y-start-grid{align-content:start}.\@1-y-center-grid{align-content:center}.\@1-x-start-grid{justify-content:start}.\@1-x-center-grid{justify-content:center}.\@1-1x-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.\@1-2x-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.\@1-3x-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.\@1-4x-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.\@1-5x-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.\@1-6x-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.\@1-7x-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.\@1-8x-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.\@1-9x-grid{grid-template-columns:repeat(9,minmax(0,1fr))}.\@1-10x-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.\@1-11x-grid{grid-template-columns:repeat(11,minmax(0,1fr))}.\@1-12x-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.\@1-x1{grid-column-start:1!important}.\@1-x2{grid-column-start:2!important}.\@1-x3{grid-column-start:3!important}.\@1-x4{grid-column-start:4!important}.\@1-x5{grid-column-start:5!important}.\@1-x6{grid-column-start:6!important}.\@1-x7{grid-column-start:7!important}.\@1-x8{grid-column-start:8!important}.\@1-x9{grid-column-start:9!important}.\@1-x10{grid-column-start:10!important}.\@1-x11{grid-column-start:11!important}.\@1-x12{grid-column-start:12!important}.\@1-1x{grid-column-end:span 1!important}.\@1-2x{grid-column-end:span 2!important}.\@1-3x{grid-column-end:span 3!important}.\@1-4x{grid-column-end:span 4!important}.\@1-5x{grid-column-end:span 5!important}.\@1-6x{grid-column-end:span 6!important}.\@1-7x{grid-column-end:span 7!important}.\@1-8x{grid-column-end:span 8!important}.\@1-9x{grid-column-end:span 9!important}.\@1-10x{grid-column-end:span 10!important}.\@1-11x{grid-column-end:span 11!important}.\@1-12x{grid-column-end:span 12!important}.\@1-x-end{justify-self:end!important;margin-left:auto;margin-right:0}.\@1-x-start{justify-self:start!important;margin-left:0;margin-right:auto}.\@1-x-center{justify-self:center!important;margin-left:auto;margin-right:auto}.\@1-x-stretch{justify-self:stretch!important;margin-left:0;margin-right:0;max-width:100%;width:100%}.\@1-x-unbleedl{margin-left:calc(.5 * var(--x-gap));margin-right:0;max-width:calc(100% - var(.5 * --x-gap));width:calc(100% - var(.5 * --x-gap))}.\@1-x-unbleedr{margin-left:0;margin-right:calc(.5 * var(--x-gap));max-width:calc(100% - var(.5 * --x-gap));width:calc(100% - var(.5 * --x-gap))}.\@1-x-bleedl{justify-self:stretch!important;margin-left:calc(var(--x-gap) / -2);margin-right:0;max-width:calc(100% + var(.5 * --x-gap));width:calc(100% + var(.5 * --x-gap))}.\@1-x-bleedr{justify-self:stretch!important;margin-left:0;margin-right:calc(var(--x-gap) / -2);max-width:calc(100% + var(.5 * --x-gap));width:calc(100% + var(.5 * --x-gap))}.\@1-x-bleed{justify-self:stretch!important;margin-left:calc(var(--x-gap) / -2);margin-right:calc(var(--x-gap) / -2);max-width:calc(100% + var(--x-gap));width:calc(100% + var(--x-gap))}.\@1-x-floodl{justify-self:stretch!important;margin-left:calc(-1 * var(--x-gap));margin-right:0;max-width:calc(100% + var(--x-gap));width:calc(100% + var(--x-gap))}.\@1-x-floodr{justify-self:stretch!important;margin-left:0;margin-right:calc(-1 * var(--x-gap));max-width:calc(100% + var(--x-gap));width:calc(100% + var(--x-gap))}.\@1-x-flood{justify-self:stretch!important;margin-left:calc(-1 * var(--x-gap));margin-right:calc(-1 * var(--x-gap));max-width:calc(100% + 2 * var(--x-gap));width:calc(100% + 2 * var(--x-gap))}.\@1-x-bleedl.\@1-x-floodr{margin-left:calc(-.5 * var(--x-gap));margin-right:calc(-1 * var(--x-gap));max-width:calc(100% + 1.5 * var(--x-gap));width:calc(100% + 1.5 * var(--x-gap))}.\@1-1y-grid{grid-template-rows:repeat(1,minmax(0,1fr))}.\@1-2y-grid{grid-template-rows:repeat(2,minmax(0,1fr))}.\@1-3y-grid{grid-template-rows:repeat(3,minmax(0,1fr))}.\@1-4y-grid{grid-template-rows:repeat(4,minmax(0,1fr))}.\@1-5y-grid{grid-template-rows:repeat(5,minmax(0,1fr))}.\@1-6y-grid{grid-template-rows:repeat(6,minmax(0,1fr))}.\@1-7y-grid{grid-template-rows:repeat(7,minmax(0,1fr))}.\@1-8y-grid{grid-template-rows:repeat(8,minmax(0,1fr))}.\@1-9y-grid{grid-template-rows:repeat(9,minmax(0,1fr))}.\@1-10y-grid{grid-template-rows:repeat(10,minmax(0,1fr))}.\@1-11y-grid{grid-template-rows:repeat(11,minmax(0,1fr))}.\@1-12y-grid{grid-template-rows:repeat(12,minmax(0,1fr))}.\@1-y1{grid-row-start:1!important}.\@1-y2{grid-row-start:2!important}.\@1-y3{grid-row-start:3!important}.\@1-y4{grid-row-start:4!important}.\@1-y5{grid-row-start:5!important}.\@1-y6{grid-row-start:6!important}.\@1-y7{grid-row-start:7!important}.\@1-y8{grid-row-start:8!important}.\@1-y9{grid-row-start:9!important}.\@1-y10{grid-row-start:10!important}.\@1-y11{grid-row-start:11!important}.\@1-y12{grid-row-start:12!important}.\@1-1y{grid-row-end:span 1!important}.\@1-2y{grid-row-end:span 2!important}.\@1-3y{grid-row-end:span 3!important}.\@1-4y{grid-row-end:span 4!important}.\@1-5y{grid-row-end:span 5!important}.\@1-6y{grid-row-end:span 6!important}.\@1-7y{grid-row-end:span 7!important}.\@1-8y{grid-row-end:span 8!important}.\@1-9y{grid-row-end:span 9!important}.\@1-10y{grid-row-end:span 10!important}.\@1-11y{grid-row-end:span 11!important}.\@1-12y{grid-row-end:span 12!important}.\@1-y-end{align-self:end!important;margin-top:auto;margin-bottom:0}.\@1-y-start{align-self:start!important;margin-top:0;margin-bottom:auto}.\@1-y-center{align-self:center!important;margin-top:auto;margin-bottom:auto}.\@1-y-baseline{align-self:baseline!important;margin-top:auto;margin-bottom:auto}.\@1-y-lastline{align-self:last baseline!important;margin-top:auto;margin-bottom:auto}.\@1-y-stretch{justify-self:stretch!important;margin-top:0;margin-bottom:0;max-height:100%;height:100%}.\@1-y-bleed{justify-self:stretch!important;margin-top:calc(var(--y-gap) / -2);margin-bottom:calc(var(--y-gap) / -2);max-height:calc(100% + var(--y-gap));height:calc(100% + var(--y-gap))}.\@1-y-flood{justify-self:stretch!important;margin-top:calc(-1 * var(--y-gap));margin-bottom:calc(-1 * var(--y-gap));max-height:calc(100% + 2 * var(--y-gap));height:calc(100% + 2 * var(--y-gap))}.\@1-inline{display:inline-block!important}.\@1-normal-text{text-transform:none!important}.\@1-lowercase-text{text-transform:lowercase!important}.\@1-uppercase-text{text-transform:uppercase!important}.\@1-thin-text{font-weight:200!important}.\@1-light-text{font-weight:300!important}.\@1-regular-text{font-weight:400!important}.\@1-book-text{font-weight:450!important}.\@1-medium-text{font-weight:500!important}.\@1-semi-text{font-weight:600!important}.\@1-bold-text{font-weight:700!important}.\@1-black-text{font-weight:800!important}.\@1-left{float:left!important;clear:left}.\@1-right{float:right!important;clear:right}.\@1-top-align{vertical-align:top!important}.\@1-bottom-align{vertical-align:bottom!important}.\@1-middle-align{vertical-align:middle!important}.\@1-baseline-align{vertical-align:baseline!important}.\@1-left-align{text-align:left!important}.\@1-right-align{text-align:right!important}.\@1-center-align{text-align:center!important}.\@1-justify-align{text-align:justify!important}}@media screen and (max-width: 69.9375em){.\@2-shown{display:none!important}}@media (min-width: 70em){.\@2-hidden{display:none!important}.\@2-fixed{position:fixed!important}.\@2-sticky{position:-webkit-sticky!important;position:sticky!important;top:0}.\@2-columns{display:block!important;column-gap:var(--x-gap);--x-gap: 2.8125rem}.\@2-1-columns{columns:1!important}.\@2-2-columns{columns:2!important}.\@2-3-columns{columns:3!important}.\@2-4-columns{columns:4!important}.\@2-5-columns{columns:5!important}.\@2-6-columns{columns:6!important}.\@2-7-columns{columns:7!important}.\@2-8-columns{columns:8!important}.\@2-9-columns{columns:9!important}.\@2-10-columns{columns:10!important}.\@2-11-columns{columns:11!important}.\@2-12-columns{columns:12!important}.\@2-flex{display:flex!important}.\@2-grid{display:grid!important;grid-auto-flow:row;grid-auto-columns:minmax(0,1fr);column-gap:var(--x-gap);row-gap:var(--y-gap);--x-gap: 2.8125rem;--y-gap: 1.875rem}a.\@2-grid,a.\@2-grid:hover,a.\@2-grid:focus{text-decoration:none}.\@2-grid[hidden]{display:none!important}.\@2-dense-grid{grid-auto-flow:dense}.\@2-y-start-grid{align-content:start}.\@2-y-center-grid{align-content:center}.\@2-x-start-grid{justify-content:start}.\@2-x-center-grid{justify-content:center}.\@2-1x-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.\@2-2x-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.\@2-3x-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.\@2-4x-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.\@2-5x-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.\@2-6x-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.\@2-7x-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.\@2-8x-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.\@2-9x-grid{grid-template-columns:repeat(9,minmax(0,1fr))}.\@2-10x-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.\@2-11x-grid{grid-template-columns:repeat(11,minmax(0,1fr))}.\@2-12x-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.\@2-x1{grid-column-start:1!important}.\@2-x2{grid-column-start:2!important}.\@2-x3{grid-column-start:3!important}.\@2-x4{grid-column-start:4!important}.\@2-x5{grid-column-start:5!important}.\@2-x6{grid-column-start:6!important}.\@2-x7{grid-column-start:7!important}.\@2-x8{grid-column-start:8!important}.\@2-x9{grid-column-start:9!important}.\@2-x10{grid-column-start:10!important}.\@2-x11{grid-column-start:11!important}.\@2-x12{grid-column-start:12!important}.\@2-1x{grid-column-end:span 1!important}.\@2-2x{grid-column-end:span 2!important}.\@2-3x{grid-column-end:span 3!important}.\@2-4x{grid-column-end:span 4!important}.\@2-5x{grid-column-end:span 5!important}.\@2-6x{grid-column-end:span 6!important}.\@2-7x{grid-column-end:span 7!important}.\@2-8x{grid-column-end:span 8!important}.\@2-9x{grid-column-end:span 9!important}.\@2-10x{grid-column-end:span 10!important}.\@2-11x{grid-column-end:span 11!important}.\@2-12x{grid-column-end:span 12!important}.\@2-x-end{justify-self:end!important;margin-left:auto;margin-right:0}.\@2-x-start{justify-self:start!important;margin-left:0;margin-right:auto}.\@2-x-center{justify-self:center!important;margin-left:auto;margin-right:auto}.\@2-x-stretch{justify-self:stretch!important;margin-left:0;margin-right:0;max-width:100%;width:100%}.\@2-x-unbleedl{margin-left:calc(.5 * var(--x-gap));margin-right:0;max-width:calc(100% - var(.5 * --x-gap));width:calc(100% - var(.5 * --x-gap))}.\@2-x-unbleedr{margin-left:0;margin-right:calc(.5 * var(--x-gap));max-width:calc(100% - var(.5 * --x-gap));width:calc(100% - var(.5 * --x-gap))}.\@2-x-bleedl{justify-self:stretch!important;margin-left:calc(var(--x-gap) / -2);margin-right:0;max-width:calc(100% + var(.5 * --x-gap));width:calc(100% + var(.5 * --x-gap))}.\@2-x-bleedr{justify-self:stretch!important;margin-left:0;margin-right:calc(var(--x-gap) / -2);max-width:calc(100% + var(.5 * --x-gap));width:calc(100% + var(.5 * --x-gap))}.\@2-x-bleed{justify-self:stretch!important;margin-left:calc(var(--x-gap) / -2);margin-right:calc(var(--x-gap) / -2);max-width:calc(100% + var(--x-gap));width:calc(100% + var(--x-gap))}.\@2-x-floodl{justify-self:stretch!important;margin-left:calc(-1 * var(--x-gap));margin-right:0;max-width:calc(100% + var(--x-gap));width:calc(100% + var(--x-gap))}.\@2-x-floodr{justify-self:stretch!important;margin-left:0;margin-right:calc(-1 * var(--x-gap));max-width:calc(100% + var(--x-gap));width:calc(100% + var(--x-gap))}.\@2-x-flood{justify-self:stretch!important;margin-left:calc(-1 * var(--x-gap));margin-right:calc(-1 * var(--x-gap));max-width:calc(100% + 2 * var(--x-gap));width:calc(100% + 2 * var(--x-gap))}.\@2-x-bleedl.\@2-x-floodr{margin-left:calc(-.5 * var(--x-gap));margin-right:calc(-1 * var(--x-gap));max-width:calc(100% + 1.5 * var(--x-gap));width:calc(100% + 1.5 * var(--x-gap))}.\@2-1y-grid{grid-template-rows:repeat(1,minmax(0,1fr))}.\@2-2y-grid{grid-template-rows:repeat(2,minmax(0,1fr))}.\@2-3y-grid{grid-template-rows:repeat(3,minmax(0,1fr))}.\@2-4y-grid{grid-template-rows:repeat(4,minmax(0,1fr))}.\@2-5y-grid{grid-template-rows:repeat(5,minmax(0,1fr))}.\@2-6y-grid{grid-template-rows:repeat(6,minmax(0,1fr))}.\@2-7y-grid{grid-template-rows:repeat(7,minmax(0,1fr))}.\@2-8y-grid{grid-template-rows:repeat(8,minmax(0,1fr))}.\@2-9y-grid{grid-template-rows:repeat(9,minmax(0,1fr))}.\@2-10y-grid{grid-template-rows:repeat(10,minmax(0,1fr))}.\@2-11y-grid{grid-template-rows:repeat(11,minmax(0,1fr))}.\@2-12y-grid{grid-template-rows:repeat(12,minmax(0,1fr))}.\@2-y1{grid-row-start:1!important}.\@2-y2{grid-row-start:2!important}.\@2-y3{grid-row-start:3!important}.\@2-y4{grid-row-start:4!important}.\@2-y5{grid-row-start:5!important}.\@2-y6{grid-row-start:6!important}.\@2-y7{grid-row-start:7!important}.\@2-y8{grid-row-start:8!important}.\@2-y9{grid-row-start:9!important}.\@2-y10{grid-row-start:10!important}.\@2-y11{grid-row-start:11!important}.\@2-y12{grid-row-start:12!important}.\@2-1y{grid-row-end:span 1!important}.\@2-2y{grid-row-end:span 2!important}.\@2-3y{grid-row-end:span 3!important}.\@2-4y{grid-row-end:span 4!important}.\@2-5y{grid-row-end:span 5!important}.\@2-6y{grid-row-end:span 6!important}.\@2-7y{grid-row-end:span 7!important}.\@2-8y{grid-row-end:span 8!important}.\@2-9y{grid-row-end:span 9!important}.\@2-10y{grid-row-end:span 10!important}.\@2-11y{grid-row-end:span 11!important}.\@2-12y{grid-row-end:span 12!important}.\@2-y-end{align-self:end!important;margin-top:auto;margin-bottom:0}.\@2-y-start{align-self:start!important;margin-top:0;margin-bottom:auto}.\@2-y-center{align-self:center!important;margin-top:auto;margin-bottom:auto}.\@2-y-baseline{align-self:baseline!important;margin-top:auto;margin-bottom:auto}.\@2-y-lastline{align-self:last baseline!important;margin-top:auto;margin-bottom:auto}.\@2-y-stretch{justify-self:stretch!important;margin-top:0;margin-bottom:0;max-height:100%;height:100%}.\@2-y-bleed{justify-self:stretch!important;margin-top:calc(var(--y-gap) / -2);margin-bottom:calc(var(--y-gap) / -2);max-height:calc(100% + var(--y-gap));height:calc(100% + var(--y-gap))}.\@2-y-flood{justify-self:stretch!important;margin-top:calc(-1 * var(--y-gap));margin-bottom:calc(-1 * var(--y-gap));max-height:calc(100% + 2 * var(--y-gap));height:calc(100% + 2 * var(--y-gap))}.\@2-inline{display:inline-block!important}.\@2-normal-text{text-transform:none!important}.\@2-lowercase-text{text-transform:lowercase!important}.\@2-uppercase-text{text-transform:uppercase!important}.\@2-thin-text{font-weight:200!important}.\@2-light-text{font-weight:300!important}.\@2-regular-text{font-weight:400!important}.\@2-book-text{font-weight:450!important}.\@2-medium-text{font-weight:500!important}.\@2-semi-text{font-weight:600!important}.\@2-bold-text{font-weight:700!important}.\@2-black-text{font-weight:800!important}.\@2-left{float:left!important;clear:left}.\@2-right{float:right!important;clear:right}.\@2-top-align{vertical-align:top!important}.\@2-bottom-align{vertical-align:bottom!important}.\@2-middle-align{vertical-align:middle!important}.\@2-baseline-align{vertical-align:baseline!important}.\@2-left-align{text-align:left!important}.\@2-right-align{text-align:right!important}.\@2-center-align{text-align:center!important}.\@2-justify-align{text-align:justify!important}}@media screen and (max-width: 89.9375em){.\@3-shown{display:none!important}}@media (min-width: 90em){.\@3-hidden{display:none!important}.\@3-fixed{position:fixed!important}.\@3-sticky{position:-webkit-sticky!important;position:sticky!important;top:0}.\@3-columns{display:block!important;column-gap:var(--x-gap);--x-gap: 3.75rem}.\@3-1-columns{columns:1!important}.\@3-2-columns{columns:2!important}.\@3-3-columns{columns:3!important}.\@3-4-columns{columns:4!important}.\@3-5-columns{columns:5!important}.\@3-6-columns{columns:6!important}.\@3-7-columns{columns:7!important}.\@3-8-columns{columns:8!important}.\@3-9-columns{columns:9!important}.\@3-10-columns{columns:10!important}.\@3-11-columns{columns:11!important}.\@3-12-columns{columns:12!important}.\@3-flex{display:flex!important}.\@3-grid{display:grid!important;grid-auto-flow:row;grid-auto-columns:minmax(0,1fr);column-gap:var(--x-gap);row-gap:var(--y-gap);--x-gap: 3.75rem;--y-gap: 1.875rem}a.\@3-grid,a.\@3-grid:hover,a.\@3-grid:focus{text-decoration:none}.\@3-grid[hidden]{display:none!important}.\@3-dense-grid{grid-auto-flow:dense}.\@3-y-start-grid{align-content:start}.\@3-y-center-grid{align-content:center}.\@3-x-start-grid{justify-content:start}.\@3-x-center-grid{justify-content:center}.\@3-1x-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.\@3-2x-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.\@3-3x-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.\@3-4x-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.\@3-5x-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.\@3-6x-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.\@3-7x-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.\@3-8x-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.\@3-9x-grid{grid-template-columns:repeat(9,minmax(0,1fr))}.\@3-10x-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.\@3-11x-grid{grid-template-columns:repeat(11,minmax(0,1fr))}.\@3-12x-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.\@3-x1{grid-column-start:1!important}.\@3-x2{grid-column-start:2!important}.\@3-x3{grid-column-start:3!important}.\@3-x4{grid-column-start:4!important}.\@3-x5{grid-column-start:5!important}.\@3-x6{grid-column-start:6!important}.\@3-x7{grid-column-start:7!important}.\@3-x8{grid-column-start:8!important}.\@3-x9{grid-column-start:9!important}.\@3-x10{grid-column-start:10!important}.\@3-x11{grid-column-start:11!important}.\@3-x12{grid-column-start:12!important}.\@3-1x{grid-column-end:span 1!important}.\@3-2x{grid-column-end:span 2!important}.\@3-3x{grid-column-end:span 3!important}.\@3-4x{grid-column-end:span 4!important}.\@3-5x{grid-column-end:span 5!important}.\@3-6x{grid-column-end:span 6!important}.\@3-7x{grid-column-end:span 7!important}.\@3-8x{grid-column-end:span 8!important}.\@3-9x{grid-column-end:span 9!important}.\@3-10x{grid-column-end:span 10!important}.\@3-11x{grid-column-end:span 11!important}.\@3-12x{grid-column-end:span 12!important}.\@3-x-end{justify-self:end!important;margin-left:auto;margin-right:0}.\@3-x-start{justify-self:start!important;margin-left:0;margin-right:auto}.\@3-x-center{justify-self:center!important;margin-left:auto;margin-right:auto}.\@3-x-stretch{justify-self:stretch!important;margin-left:0;margin-right:0;max-width:100%;width:100%}.\@3-x-unbleedl{margin-left:calc(.5 * var(--x-gap));margin-right:0;max-width:calc(100% - var(.5 * --x-gap));width:calc(100% - var(.5 * --x-gap))}.\@3-x-unbleedr{margin-left:0;margin-right:calc(.5 * var(--x-gap));max-width:calc(100% - var(.5 * --x-gap));width:calc(100% - var(.5 * --x-gap))}.\@3-x-bleedl{justify-self:stretch!important;margin-left:calc(var(--x-gap) / -2);margin-right:0;max-width:calc(100% + var(.5 * --x-gap));width:calc(100% + var(.5 * --x-gap))}.\@3-x-bleedr{justify-self:stretch!important;margin-left:0;margin-right:calc(var(--x-gap) / -2);max-width:calc(100% + var(.5 * --x-gap));width:calc(100% + var(.5 * --x-gap))}.\@3-x-bleed{justify-self:stretch!important;margin-left:calc(var(--x-gap) / -2);margin-right:calc(var(--x-gap) / -2);max-width:calc(100% + var(--x-gap));width:calc(100% + var(--x-gap))}.\@3-x-floodl{justify-self:stretch!important;margin-left:calc(-1 * var(--x-gap));margin-right:0;max-width:calc(100% + var(--x-gap));width:calc(100% + var(--x-gap))}.\@3-x-floodr{justify-self:stretch!important;margin-left:0;margin-right:calc(-1 * var(--x-gap));max-width:calc(100% + var(--x-gap));width:calc(100% + var(--x-gap))}.\@3-x-flood{justify-self:stretch!important;margin-left:calc(-1 * var(--x-gap));margin-right:calc(-1 * var(--x-gap));max-width:calc(100% + 2 * var(--x-gap));width:calc(100% + 2 * var(--x-gap))}.\@3-x-bleedl.\@3-x-floodr{margin-left:calc(-.5 * var(--x-gap));margin-right:calc(-1 * var(--x-gap));max-width:calc(100% + 1.5 * var(--x-gap));width:calc(100% + 1.5 * var(--x-gap))}.\@3-1y-grid{grid-template-rows:repeat(1,minmax(0,1fr))}.\@3-2y-grid{grid-template-rows:repeat(2,minmax(0,1fr))}.\@3-3y-grid{grid-template-rows:repeat(3,minmax(0,1fr))}.\@3-4y-grid{grid-template-rows:repeat(4,minmax(0,1fr))}.\@3-5y-grid{grid-template-rows:repeat(5,minmax(0,1fr))}.\@3-6y-grid{grid-template-rows:repeat(6,minmax(0,1fr))}.\@3-7y-grid{grid-template-rows:repeat(7,minmax(0,1fr))}.\@3-8y-grid{grid-template-rows:repeat(8,minmax(0,1fr))}.\@3-9y-grid{grid-template-rows:repeat(9,minmax(0,1fr))}.\@3-10y-grid{grid-template-rows:repeat(10,minmax(0,1fr))}.\@3-11y-grid{grid-template-rows:repeat(11,minmax(0,1fr))}.\@3-12y-grid{grid-template-rows:repeat(12,minmax(0,1fr))}.\@3-y1{grid-row-start:1!important}.\@3-y2{grid-row-start:2!important}.\@3-y3{grid-row-start:3!important}.\@3-y4{grid-row-start:4!important}.\@3-y5{grid-row-start:5!important}.\@3-y6{grid-row-start:6!important}.\@3-y7{grid-row-start:7!important}.\@3-y8{grid-row-start:8!important}.\@3-y9{grid-row-start:9!important}.\@3-y10{grid-row-start:10!important}.\@3-y11{grid-row-start:11!important}.\@3-y12{grid-row-start:12!important}.\@3-1y{grid-row-end:span 1!important}.\@3-2y{grid-row-end:span 2!important}.\@3-3y{grid-row-end:span 3!important}.\@3-4y{grid-row-end:span 4!important}.\@3-5y{grid-row-end:span 5!important}.\@3-6y{grid-row-end:span 6!important}.\@3-7y{grid-row-end:span 7!important}.\@3-8y{grid-row-end:span 8!important}.\@3-9y{grid-row-end:span 9!important}.\@3-10y{grid-row-end:span 10!important}.\@3-11y{grid-row-end:span 11!important}.\@3-12y{grid-row-end:span 12!important}.\@3-y-end{align-self:end!important;margin-top:auto;margin-bottom:0}.\@3-y-start{align-self:start!important;margin-top:0;margin-bottom:auto}.\@3-y-center{align-self:center!important;margin-top:auto;margin-bottom:auto}.\@3-y-baseline{align-self:baseline!important;margin-top:auto;margin-bottom:auto}.\@3-y-lastline{align-self:last baseline!important;margin-top:auto;margin-bottom:auto}.\@3-y-stretch{justify-self:stretch!important;margin-top:0;margin-bottom:0;max-height:100%;height:100%}.\@3-y-bleed{justify-self:stretch!important;margin-top:calc(var(--y-gap) / -2);margin-bottom:calc(var(--y-gap) / -2);max-height:calc(100% + var(--y-gap));height:calc(100% + var(--y-gap))}.\@3-y-flood{justify-self:stretch!important;margin-top:calc(-1 * var(--y-gap));margin-bottom:calc(-1 * var(--y-gap));max-height:calc(100% + 2 * var(--y-gap));height:calc(100% + 2 * var(--y-gap))}.\@3-inline{display:inline-block!important}.\@3-normal-text{text-transform:none!important}.\@3-lowercase-text{text-transform:lowercase!important}.\@3-uppercase-text{text-transform:uppercase!important}.\@3-thin-text{font-weight:200!important}.\@3-light-text{font-weight:300!important}.\@3-regular-text{font-weight:400!important}.\@3-book-text{font-weight:450!important}.\@3-medium-text{font-weight:500!important}.\@3-semi-text{font-weight:600!important}.\@3-bold-text{font-weight:700!important}.\@3-black-text{font-weight:800!important}.\@3-left{float:left!important;clear:left}.\@3-right{float:right!important;clear:right}.\@3-top-align{vertical-align:top!important}.\@3-bottom-align{vertical-align:bottom!important}.\@3-middle-align{vertical-align:middle!important}.\@3-baseline-align{vertical-align:baseline!important}.\@3-left-align{text-align:left!important}.\@3-right-align{text-align:right!important}.\@3-center-align{text-align:center!important}.\@3-justify-align{text-align:justify!important}}:focus{outline-width:0;box-shadow:var(--focus-shadow);z-index:1}.mouse-device :not(input,select,textarea):focus,.touch-device :not(input,select,textarea):focus{box-shadow:none}.mouse-device a:focus,.mouse-device button:focus,.mouse-device input:focus,.mouse-device audio:focus,.mouse-device video:focus,.touch-device a:focus,.touch-device button:focus,.touch-device input:focus,.touch-device audio:focus,.touch-device video:focus{outline-width:0}.mouse-device button:focus{box-shadow:none}.touch-device .touch-hidden{display:none!important}:root:not(.touch-device) .touch-shown{display:none!important}.toggle-block{max-height:0;opacity:.5;overflow:hidden;visibility:hidden;transition:min-height .4s cubic-bezier(.36,0,.51,1),max-height .4s cubic-bezier(.36,0,.51,1),margin-top .4s cubic-bezier(.77,0,.79,.78),margin-bottom .4s cubic-bezier(0,.5,.33,1),padding-top .4s linear,padding-bottom .4s linear,opacity .4s linear,border-color .4s linear,background-color .2s linear,visibility .4s linear}.toggle-block.active{max-height:100rem;opacity:1;visibility:visible;transition:min-height .4s cubic-bezier(.4,0,1,.32),max-height .4s cubic-bezier(.4,0,1,.32),margin-top .4s cubic-bezier(0,.62,.35,.82),margin-bottom .4s cubic-bezier(0,.4,1,.32),padding-top .4s linear,padding-bottom .4s linear,opacity .4s linear,border-color .4s linear,background-color .2s linear,visibility .4s linear}*>.toggle-block{max-height:2rem;margin:-1rem;padding:1rem;width:auto}.loading .toggle-block,.loading .toggle-block.active{transition:none}:root{--code-fg: #b7d6e7;--code-bg: #272a2b;--code-bg: #141B1E}pre>code{color:var(--code-fg);background-color:var(--code-bg)}pre>code .punctuation{color:#779aab}pre>code .keyword{color:#63acdd}pre>code .rule{color:#63acdd}pre>code .operator{color:#63acdd}pre>code .number{color:#fe267e}pre>code .comment{color:#485b68}pre>code .string{color:#b2cb3a}pre>code .function{color:#f5a623}pre>.language-html{color:#b7d6e7}pre>.language-html .tag{color:#fc6827}pre>.language-html .tag>.punctuation{color:#8b572a}pre>.language-html .attr-name{color:#f5a623}pre>.language-html .attr-value{color:#b2cb3a}pre>.language-html .attr-value>.punctuation{color:#8b572a}pre>.language-html .property{color:#63acdd}pre>.language-html .property>.variable{color:#b7d6e7}pre>.language-js{color:#7daed3}pre>.language-css .function{color:#5ab7b2}pre>.language-css .selector{color:#f5a623}pre>.language-css .punctuation{color:#5e7f8f}pre>.language-css .property{color:#288dc1}:root{scroll-padding-top:5.625rem;--site-padding: 1.5rem}.doc-navy-fg{color:#005177}.doc-navy-bg{background-color:#005177}.doc-aqua-fg{color:#026f63}.doc-aqua-bg{background-color:#026f63}.doc-blue-fg{color:#46789a}.doc-blue-bg{background-color:#46789a}.docdemo-block{color:var(--code-fg);background-color:var(--code-bg);margin-left:-1.875rem;margin-right:-1.875rem;padding:1.5rem 1.875rem .9375rem}body>.docdemo-block+.grid{margin-top:2.8125rem}.docs-text-01,.docs-text-02,.docs-text-03,.docs-text-04,.docs-text-05,.docs-text-06,.docs-text-08,.docs-text-09{font-family:Helvetica,Arial,sans-serif;font-style:none;text-transform:none}.docs-text-07,code{font-family:Fira Code,Fira Mono,Roboto Mono,Courier,monospace;font-style:normal;text-transform:none}.docs-text-01{font-size:2.5rem;line-height:2.625rem;font-weight:700}.docs-text-02{font-size:1.5625rem;line-height:1.875rem;font-weight:400}.docs-text-03{font-size:1.25rem;line-height:1.875rem;font-weight:600}.docs-text-04{font-size:.75rem;line-height:.9375rem;font-weight:400;text-transform:uppercase}.docs-text-05{font-size:1rem;line-height:1.375rem;font-weight:700}.docs-text-06{font-size:1.5rem;line-height:1.875rem;font-weight:300}.docs-text-07{font-size:.9375rem;line-height:1.5rem;font-weight:400}.docs-text-08{font-size:1rem;line-height:1.5rem;font-weight:300}.docs-text-09{font-size:.9375rem;line-height:1.5rem;font-weight:400}*+.docs-text-01{margin-top:2.5rem}*+.docs-text-02{margin-top:2.5rem}.docs-text-08+.docs-text-02,body p+.docs-text-02,.docs-text-08+.docs-text-02{margin-top:2.5rem}*+.docs-text-03{margin-top:1.25rem}.docs-text-02+h3,body h2+.docs-text-03,.docs-text-02+.docs-text-03{margin-top:1.5625rem}.docs-text-08+h3,body p+.docs-text-03,.docs-text-08+.docs-text-03,dl+.docs-text-03,ul+.docs-text-03{margin-top:2.5rem}*+.docs-text-04{margin-top:1.25rem}.docs-text-01+h4,body h1+.docs-text-04,.docs-text-01+.docs-text-04,.docs-text-02+h4,body h2+.docs-text-04,.docs-text-02+.docs-text-04{margin-top:1.625rem}.docs-text-03+h4,body h3+.docs-text-04,.docs-text-03+.docs-text-04{margin-top:1.125rem}.docs-text-08+h4,body p+.docs-text-04,.docs-text-08+.docs-text-04,dl+.docs-text-04,ul+.docs-text-04{margin-top:2.5rem}*+.docs-text-05{margin-top:1.25rem}.docs-text-02+h5,body h2+.docs-text-05,.docs-text-02+.docs-text-05{margin-top:1.25rem}.docs-text-04+h5,body h4+.docs-text-05,.docs-text-04+.docs-text-05,.docs-text-08+h5,body p+.docs-text-05,.docs-text-08+.docs-text-05{margin-top:.9375rem}*+.docs-text-08{margin-top:.625rem}.docs-text-01+p,body h1+.docs-text-08,.docs-text-01+.docs-text-08{margin-top:2.1875rem}.docs-text-03+p,body h3+.docs-text-08,.docs-text-03+.docs-text-08{margin-top:.625rem}.docs-text-05+p,body h5+.docs-text-08,.docs-text-05+.docs-text-08,.docs-text-05+ul{margin-top:0}.docs-text-08+p,body p+.docs-text-08,.docs-text-08+.docs-text-08{margin-top:.9375rem}h2+ul,.docs-text-02+ul{margin-top:1.875rem}h3+ul,.docs-text-03+ul{margin-top:1.25rem}p+pre,.docs-text-08+pre,pre+p,pre+.docs-text-08{margin-top:1.25rem}p+form,.docs-text-08+form{margin-top:.5rem}p+fieldset,.docs-text-08+fieldset{margin-top:2rem}.docs-text-02+.doc-toggle-block{margin-top:.9375rem}.docs-text-03+.doc-toggle-block{margin-top:0rem}.docs-text-10,.docs-text-05 code:not(.pill),.docs-text-05+pre code{font-family:Fira Code,Fira Mono,Roboto Mono,monospace;font-size:1.0625rem}.docs-text-05+pre{margin-top:.75rem}.docs-text-05 code{white-space:pre}.docs-text-05 code{font-size:.8125rem}*+.docs-text-02{margin-top:1.875rem}.docs-text-03>code{color:inherit;font-weight:600;letter-spacing:0}.docs-text-03 a{text-decoration:none}.docs-text-03+pre{margin-top:1.5rem}.docs-text-03+pre+*{margin-top:1.5rem}.docs-text-04+p,h4+p{margin-top:0}p+.docs-text-04,p+h4{margin-top:1.5rem}.docs-text-04+.doc-toggle-block{margin-top:9px}.docs-text-08+.index{margin-top:.9375rem}button.docs-text-09{display:inline-block;min-height:0;padding-left:0;padding-right:0}.docbubble-thumb{font-size:.5rem;line-height:1rem;height:1rem;width:1rem;padding-left:1rem;padding-top:0;vertical-align:-3px;color:#eef9ff;background-color:#026f63;background-color:#005177;background-color:#46789a;border-radius:50%}.docbubble-thumb:before{content:"";position:absolute;top:.1875rem;left:.375rem;width:1rem;border-left:.375rem solid currentcolor;border-top:.3125rem solid transparent;border-bottom:.3125rem solid transparent}.key-device a:focus{border-bottom:1px solid #999999}.doctoggle-button{min-height:1.5rem;padding-left:0!important;padding-top:0!important;padding-bottom:0!important;background-color:transparent}.doctoggle-button:before{content:"";position:absolute;left:-1.5rem;margin-left:.18em;top:50%;margin-top:-.18em;width:.36em;height:.36em;border-top:2px solid currentcolor;border-right:2px solid currentcolor;transform:translate(-25%) rotate(45deg);transition:transform .24s linear;opacity:.333333}.doctoggle-button.on:before{transform:translateY(-25%) rotate(135deg)}.doc-toggle-block{visibility:visible;opacity:1;min-height:3rem}.doc-toggle-block.active{max-height:300rem}.doc-toggle-block:before{content:"";position:absolute;top:5px;bottom:15px;width:3px;left:0;background-color:transparent;transition:background-color .8s linear,bottom .6s linear}.doc-toggle-block.active:before{content:"";bottom:5px;background-color:transparent}.doc-toggle-block+.doc-toggle-block{margin-top:0rem}.doc-toggle-block.active+.doc-toggle-block{margin-top:1.5rem}.doc-toggle-block>.docs-text-05{overflow:hidden;text-overflow:ellipsis;margin-left:-.9375rem;padding-left:.9375rem;margin-right:0}.docs-text-05>a{text-decoration:none;padding-bottom:2px;border-bottom:none}.docs-text-05 code:not(.pill){font-size:inherit;font-weight:500;background-color:transparent;padding:0;word-spacing:-.25em;letter-spacing:-.0125em}.docs-text-02+p{margin-top:.9375rem}.docs-text-02+pre{margin-top:1.875rem}.docs-text-05+p{margin-top:.75rem}.docs-text-03 code:not(.pill)>span,.docs-text-05 code:not(.pill)>span{color:var(--name-color)}h5,.docs-text-05{margin-bottom:2px}h4+ul{margin-top:0}ul+pre{margin-top:18px}p+pre{margin-top:18px}.dot-indent,.quote-indent{text-indent:-.5625em}.doubledash-indent{text-indent:-1.125em}pre>code,code.block{border-radius:.375rem;width:calc(100% + 1.5rem);margin-left:-.75rem}pre,code.block{white-space:pre}.js.block+p,.html-code.block+p{margin-top:1.125rem}pre>code .comment{color:#75858c}code{font-size:.9375em;font-weight:500;padding:0 2px 2px;margin-left:-1px;margin-right:-1px;border-radius:4px;word-spacing:-.125em;white-space:nowrap;letter-spacing:-.0125em}code>.params{color:#46789a;font-weight:400}script[type=text]{white-space:pre;border-width:0;padding:0;line-height:inherit;tab-size:2;margin-left:-4.875rem;margin-top:-1.5rem;margin-bottom:-1.5rem;background-color:transparent}line{stroke-width:1;stroke:inherit}*+.component-doc-toggle-block{margin-top:.375rem}.active+.component-doc-toggle-block{margin-top:1.875rem}header+.component-doc-toggle-block{margin-top:1.875rem}.component-doc-toggle-block>header+.class-grid{margin-top:1.5rem}.grid>.docs-text-05{margin-top:0}.class-grid{grid-row-gap:0!important;justify-items:stretch}.class-grid>*{margin:0}.class-grid>*,.class-grid>pre{grid-column:1 / span 3}.class-grid>pre{display:none}.class-grid>pre+*{grid-column:1 / span 3;align-self:start}.class-grid>.docs-text-05{grid-column:1 / span 1;justify-self:end;align-self:start;overflow:visible;text-align:right;text-overflow:clip;width:auto;margin-right:0}.class-grid>.docs-text-05+*{margin-top:0!important}.class-grid>pre+.thumb{height:auto;line-height:1em;padding-top:calc(1.4125em - .5em);padding-bottom:calc(1.4em - .5em);text-indent:2.8125em;white-space:nowrap}.class-grid+.class-grid{margin-top:.75rem}@media (min-width: 50em){.class-grid>pre{display:inline-block}.class-grid>*,.class-grid>pre{grid-column:1 / span 3}.class-grid>pre+*{grid-column:4 / span 3}.class-grid>.docs-text-05{align-self:baseline}.class-grid>.docs-text-05+pre{align-self:baseline}.class-grid>.docs-text-05+pre+*{align-self:baseline}}@media (min-width: 70em){.class-grid>*,.class-grid>pre{grid-column:3 / span 3}.class-grid>pre+*{grid-column:6 / span 3}}.note{float:right;clear:right;width:calc(33.333333% - 1.875rem);margin:.9375rem 0 .9375rem 3.75rem;opacity:.8}.docs-grid{--x-gap: 1.875rem;--y-gap: 2.8125rem;grid-template-rows:min-content;padding:1.875rem 1.5rem 3.75rem}.docs-section-grid{row-gap:.9375rem;grid-auto-flow:column dense;align-content:start}@media (min-width: 50em){.docs-grid{--x-gap: 2.8125rem;--y-gap: 2.8125rem;padding-left:1.875rem;padding-right:1.875rem}}@media (min-width: 70em){.docs-grid{--y-gap: 3.75rem}}@media (min-width: 90em){.docs-grid{--x-gap: 3.75rem;padding-left:calc(.5 * var(--x-gap));padding-right:calc(.5 * var(--x-gap))}}.default-pill{color:#15374e;background-color:#d4dee4}.default{display:inline;margin-left:.1875em;opacity:.25}.param{display:inline;opacity:.33333333}.doc-toggle-block>.docs-text-05{display:flex;justify-content:space-between;align-content:center;align-items:center}.doc-toggle-block>.docs-text-05>.pill{margin:0;text-indent:0}.docs-text-05>a{display:inline}.docs-text-05>a>code{display:inline;margin:0;white-space:pre}.part-docs-text-05>a>code{position:relative;left:-1.125rem}.method-docs-text-05>a>code,.property-docs-text-05>a>code{position:relative;left:-.5625rem}.selector-docs-text-05>a>code{position:relative;left:-.5625rem}.var-docs-text-05>a>code{position:relative;left:-1.125rem}.string-docs-text-05>a>code{position:relative;left:-.5625rem}.docs-text-05+.bottom-bubble{left:3.75rem;top:calc(100% - .75rem);max-width:150%}.\@0-columns{display:block!important;column-gap:var(--x-gap);--x-gap: 1.5rem}.\@0-1-columns{columns:1!important}.\@0-2-columns{columns:2!important}.\@0-3-columns{columns:3!important}.\@0-grid{display:grid!important;grid-auto-flow:row;grid-auto-columns:minmax(0,1fr);column-gap:var(--x-gap);row-gap:var(--y-gap);--x-gap: 1.5rem;--y-gap: 1.5rem}.\@0-grid[hidden]{display:none!important}.\@0-dense-grid{grid-auto-flow:dense}.\@0-y-start-grid{align-content:start}.\@0-y-center-grid{align-content:center}.\@0-1x-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.\@0-2x-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.\@0-3x-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.\@0-x1{grid-column-start:1!important}.\@0-x2{grid-column-start:2!important}.\@0-x3{grid-column-start:3!important}.\@0-1x{grid-column-end:span 1!important}.\@0-2x{grid-column-end:span 2!important}.\@0-3x{grid-column-end:span 3!important}.\@0-x-end{justify-self:end!important;margin-left:auto;margin-right:0}.\@0-x-start{justify-self:start!important;margin-left:0;margin-right:auto}.\@0-x-center{justify-self:center!important;margin-left:auto;margin-right:auto}.\@0-x-stretch{justify-self:stretch!important;margin-left:0;margin-right:0;max-width:100%;width:100%}.\@0-x-unbleedl{margin-left:calc(.5 * var(--x-gap));margin-right:0;max-width:calc(100% - var(.5 * --x-gap));width:calc(100% - var(.5 * --x-gap))}.\@0-x-unbleedr{margin-left:0;margin-right:calc(.5 * var(--x-gap));max-width:calc(100% - var(.5 * --x-gap));width:calc(100% - var(.5 * --x-gap))}.\@0-x-bleedl{justify-self:stretch!important;margin-left:calc(var(--x-gap) / -2);margin-right:0;max-width:calc(100% + var(.5 * --x-gap));width:calc(100% + var(.5 * --x-gap))}.\@0-x-bleedr{justify-self:stretch!important;margin-left:0;margin-right:calc(var(--x-gap) / -2);max-width:calc(100% + var(.5 * --x-gap));width:calc(100% + var(.5 * --x-gap))}.\@0-x-bleed{justify-self:stretch!important;margin-left:calc(var(--x-gap) / -2);margin-right:calc(var(--x-gap) / -2);max-width:calc(100% + var(--x-gap));width:calc(100% + var(--x-gap))}.\@0-x-floodl{justify-self:stretch!important;margin-left:calc(-1 * var(--x-gap));margin-right:0;max-width:calc(100% + var(--x-gap));width:calc(100% + var(--x-gap))}.\@0-x-floodr{justify-self:stretch!important;margin-left:0;margin-right:calc(-1 * var(--x-gap));max-width:calc(100% + var(--x-gap));width:calc(100% + var(--x-gap))}.\@0-x-flood{justify-self:stretch!important;margin-left:calc(-1 * var(--x-gap));margin-right:calc(-1 * var(--x-gap));max-width:calc(100% + 2 * var(--x-gap));width:calc(100% + 2 * var(--x-gap))}.\@0-x-bleedl.\@0-x-floodr{margin-left:calc(-.5 * var(--x-gap));margin-right:calc(-1 * var(--x-gap));max-width:calc(100% + 1.5 * var(--x-gap));width:calc(100% + 1.5 * var(--x-gap))}.\@0-1y-grid{grid-template-rows:repeat(1,minmax(0,1fr))}.\@0-2y-grid{grid-template-rows:repeat(2,minmax(0,1fr))}.\@0-3y-grid{grid-template-rows:repeat(3,minmax(0,1fr))}.\@0-4y-grid{grid-template-rows:repeat(4,minmax(0,1fr))}.\@0-5y-grid{grid-template-rows:repeat(5,minmax(0,1fr))}.\@0-6y-grid{grid-template-rows:repeat(6,minmax(0,1fr))}.\@0-y1{grid-row-start:1!important}.\@0-y2{grid-row-start:2!important}.\@0-y3{grid-row-start:3!important}.\@0-y4{grid-row-start:4!important}.\@0-y5{grid-row-start:5!important}.\@0-y6{grid-row-start:6!important}.\@0-1y{grid-row-end:span 1!important}.\@0-2y{grid-row-end:span 2!important}.\@0-3y{grid-row-end:span 3!important}.\@0-4y{grid-row-end:span 4!important}.\@0-5y{grid-row-end:span 5!important}.\@0-6y{grid-row-end:span 6!important}.\@0-y-end{align-self:end!important;margin-top:auto;margin-bottom:0}.\@0-y-start{align-self:start!important;margin-top:0;margin-bottom:auto}.\@0-y-center{align-self:center!important;margin-top:auto;margin-bottom:auto}.\@0-y-baseline{align-self:baseline!important;margin-top:auto;margin-bottom:auto}.\@0-y-lastline{align-self:last baseline!important;margin-top:auto;margin-bottom:auto}.\@0-y-stretch{justify-self:stretch!important;margin-top:0;margin-bottom:0;max-height:100%;height:100%}.\@0-y-bleed{justify-self:stretch!important;margin-top:calc(var(--y-gap) / -2);margin-bottom:calc(var(--y-gap) / -2);max-height:calc(100% + var(--y-gap));height:calc(100% + var(--y-gap))}.\@0-y-flood{justify-self:stretch!important;margin-top:calc(-1 * var(--y-gap));margin-bottom:calc(-1 * var(--y-gap));max-height:calc(100% + 2 * var(--y-gap));height:calc(100% + 2 * var(--y-gap))}@media (min-width: 50em){.\@1-columns{display:block!important;column-gap:var(--x-gap);--x-gap: 1.5rem}.\@1-1-columns{columns:1!important}.\@1-2-columns{columns:2!important}.\@1-3-columns{columns:3!important}.\@1-4-columns{columns:4!important}.\@1-5-columns{columns:5!important}.\@1-6-columns{columns:6!important}.\@1-grid{display:grid!important;grid-auto-flow:row;grid-auto-columns:minmax(0,1fr);column-gap:var(--x-gap);row-gap:var(--y-gap);--x-gap: 1.5rem;--y-gap: 1.5rem}.\@1-grid[hidden]{display:none!important}.\@1-dense-grid{grid-auto-flow:dense}.\@1-y-start-grid{align-content:start}.\@1-y-center-grid{align-content:center}.\@1-1x-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.\@1-2x-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.\@1-3x-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.\@1-4x-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.\@1-5x-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.\@1-6x-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.\@1-x1{grid-column-start:1!important}.\@1-x2{grid-column-start:2!important}.\@1-x3{grid-column-start:3!important}.\@1-x4{grid-column-start:4!important}.\@1-x5{grid-column-start:5!important}.\@1-x6{grid-column-start:6!important}.\@1-1x{grid-column-end:span 1!important}.\@1-2x{grid-column-end:span 2!important}.\@1-3x{grid-column-end:span 3!important}.\@1-4x{grid-column-end:span 4!important}.\@1-5x{grid-column-end:span 5!important}.\@1-6x{grid-column-end:span 6!important}.\@1-x-end{justify-self:end!important;margin-left:auto;margin-right:0}.\@1-x-start{justify-self:start!important;margin-left:0;margin-right:auto}.\@1-x-center{justify-self:center!important;margin-left:auto;margin-right:auto}.\@1-x-stretch{justify-self:stretch!important;margin-left:0;margin-right:0;max-width:100%;width:100%}.\@1-x-unbleedl{margin-left:calc(.5 * var(--x-gap));margin-right:0;max-width:calc(100% - var(.5 * --x-gap));width:calc(100% - var(.5 * --x-gap))}.\@1-x-unbleedr{margin-left:0;margin-right:calc(.5 * var(--x-gap));max-width:calc(100% - var(.5 * --x-gap));width:calc(100% - var(.5 * --x-gap))}.\@1-x-bleedl{justify-self:stretch!important;margin-left:calc(var(--x-gap) / -2);margin-right:0;max-width:calc(100% + var(.5 * --x-gap));width:calc(100% + var(.5 * --x-gap))}.\@1-x-bleedr{justify-self:stretch!important;margin-left:0;margin-right:calc(var(--x-gap) / -2);max-width:calc(100% + var(.5 * --x-gap));width:calc(100% + var(.5 * --x-gap))}.\@1-x-bleed{justify-self:stretch!important;margin-left:calc(var(--x-gap) / -2);margin-right:calc(var(--x-gap) / -2);max-width:calc(100% + var(--x-gap));width:calc(100% + var(--x-gap))}.\@1-x-floodl{justify-self:stretch!important;margin-left:calc(-1 * var(--x-gap));margin-right:0;max-width:calc(100% + var(--x-gap));width:calc(100% + var(--x-gap))}.\@1-x-floodr{justify-self:stretch!important;margin-left:0;margin-right:calc(-1 * var(--x-gap));max-width:calc(100% + var(--x-gap));width:calc(100% + var(--x-gap))}.\@1-x-flood{justify-self:stretch!important;margin-left:calc(-1 * var(--x-gap));margin-right:calc(-1 * var(--x-gap));max-width:calc(100% + 2 * var(--x-gap));width:calc(100% + 2 * var(--x-gap))}.\@1-x-bleedl.\@1-x-floodr{margin-left:calc(-.5 * var(--x-gap));margin-right:calc(-1 * var(--x-gap));max-width:calc(100% + 1.5 * var(--x-gap));width:calc(100% + 1.5 * var(--x-gap))}.\@1-1y-grid{grid-template-rows:repeat(1,minmax(0,1fr))}.\@1-2y-grid{grid-template-rows:repeat(2,minmax(0,1fr))}.\@1-3y-grid{grid-template-rows:repeat(3,minmax(0,1fr))}.\@1-4y-grid{grid-template-rows:repeat(4,minmax(0,1fr))}.\@1-5y-grid{grid-template-rows:repeat(5,minmax(0,1fr))}.\@1-6y-grid{grid-template-rows:repeat(6,minmax(0,1fr))}.\@1-y1{grid-row-start:1!important}.\@1-y2{grid-row-start:2!important}.\@1-y3{grid-row-start:3!important}.\@1-y4{grid-row-start:4!important}.\@1-y5{grid-row-start:5!important}.\@1-y6{grid-row-start:6!important}.\@1-1y{grid-row-end:span 1!important}.\@1-2y{grid-row-end:span 2!important}.\@1-3y{grid-row-end:span 3!important}.\@1-4y{grid-row-end:span 4!important}.\@1-5y{grid-row-end:span 5!important}.\@1-6y{grid-row-end:span 6!important}.\@1-y-end{align-self:end!important;margin-top:auto;margin-bottom:0}.\@1-y-start{align-self:start!important;margin-top:0;margin-bottom:auto}.\@1-y-center{align-self:center!important;margin-top:auto;margin-bottom:auto}.\@1-y-baseline{align-self:baseline!important;margin-top:auto;margin-bottom:auto}.\@1-y-lastline{align-self:last baseline!important;margin-top:auto;margin-bottom:auto}.\@1-y-stretch{justify-self:stretch!important;margin-top:0;margin-bottom:0;max-height:100%;height:100%}.\@1-y-bleed{justify-self:stretch!important;margin-top:calc(var(--y-gap) / -2);margin-bottom:calc(var(--y-gap) / -2);max-height:calc(100% + var(--y-gap));height:calc(100% + var(--y-gap))}.\@1-y-flood{justify-self:stretch!important;margin-top:calc(-1 * var(--y-gap));margin-bottom:calc(-1 * var(--y-gap));max-height:calc(100% + 2 * var(--y-gap));height:calc(100% + 2 * var(--y-gap))}}@media (min-width: 70em){.\@2-columns{display:block!important;column-gap:var(--x-gap);--x-gap: 2.8125rem}.\@2-1-columns{columns:1!important}.\@2-2-columns{columns:2!important}.\@2-3-columns{columns:3!important}.\@2-4-columns{columns:4!important}.\@2-5-columns{columns:5!important}.\@2-6-columns{columns:6!important}.\@2-7-columns{columns:7!important}.\@2-8-columns{columns:8!important}.\@2-9-columns{columns:9!important}.\@2-grid{display:grid!important;grid-auto-flow:row;grid-auto-columns:minmax(0,1fr);column-gap:var(--x-gap);row-gap:var(--y-gap);--x-gap: 2.8125rem;--y-gap: 1.875rem}.\@2-grid[hidden]{display:none!important}.\@2-dense-grid{grid-auto-flow:dense}.\@2-y-start-grid{align-content:start}.\@2-y-center-grid{align-content:center}.\@2-1x-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.\@2-2x-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.\@2-3x-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.\@2-4x-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.\@2-5x-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.\@2-6x-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.\@2-7x-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.\@2-8x-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.\@2-9x-grid{grid-template-columns:repeat(9,minmax(0,1fr))}.\@2-x1{grid-column-start:1!important}.\@2-x2{grid-column-start:2!important}.\@2-x3{grid-column-start:3!important}.\@2-x4{grid-column-start:4!important}.\@2-x5{grid-column-start:5!important}.\@2-x6{grid-column-start:6!important}.\@2-x7{grid-column-start:7!important}.\@2-x8{grid-column-start:8!important}.\@2-x9{grid-column-start:9!important}.\@2-1x{grid-column-end:span 1!important}.\@2-2x{grid-column-end:span 2!important}.\@2-3x{grid-column-end:span 3!important}.\@2-4x{grid-column-end:span 4!important}.\@2-5x{grid-column-end:span 5!important}.\@2-6x{grid-column-end:span 6!important}.\@2-7x{grid-column-end:span 7!important}.\@2-8x{grid-column-end:span 8!important}.\@2-9x{grid-column-end:span 9!important}.\@2-x-end{justify-self:end!important;margin-left:auto;margin-right:0}.\@2-x-start{justify-self:start!important;margin-left:0;margin-right:auto}.\@2-x-center{justify-self:center!important;margin-left:auto;margin-right:auto}.\@2-x-stretch{justify-self:stretch!important;margin-left:0;margin-right:0;max-width:100%;width:100%}.\@2-x-unbleedl{margin-left:calc(.5 * var(--x-gap));margin-right:0;max-width:calc(100% - var(.5 * --x-gap));width:calc(100% - var(.5 * --x-gap))}.\@2-x-unbleedr{margin-left:0;margin-right:calc(.5 * var(--x-gap));max-width:calc(100% - var(.5 * --x-gap));width:calc(100% - var(.5 * --x-gap))}.\@2-x-bleedl{justify-self:stretch!important;margin-left:calc(var(--x-gap) / -2);margin-right:0;max-width:calc(100% + var(.5 * --x-gap));width:calc(100% + var(.5 * --x-gap))}.\@2-x-bleedr{justify-self:stretch!important;margin-left:0;margin-right:calc(var(--x-gap) / -2);max-width:calc(100% + var(.5 * --x-gap));width:calc(100% + var(.5 * --x-gap))}.\@2-x-bleed{justify-self:stretch!important;margin-left:calc(var(--x-gap) / -2);margin-right:calc(var(--x-gap) / -2);max-width:calc(100% + var(--x-gap));width:calc(100% + var(--x-gap))}.\@2-x-floodl{justify-self:stretch!important;margin-left:calc(-1 * var(--x-gap));margin-right:0;max-width:calc(100% + var(--x-gap));width:calc(100% + var(--x-gap))}.\@2-x-floodr{justify-self:stretch!important;margin-left:0;margin-right:calc(-1 * var(--x-gap));max-width:calc(100% + var(--x-gap));width:calc(100% + var(--x-gap))}.\@2-x-flood{justify-self:stretch!important;margin-left:calc(-1 * var(--x-gap));margin-right:calc(-1 * var(--x-gap));max-width:calc(100% + 2 * var(--x-gap));width:calc(100% + 2 * var(--x-gap))}.\@2-x-bleedl.\@2-x-floodr{margin-left:calc(-.5 * var(--x-gap));margin-right:calc(-1 * var(--x-gap));max-width:calc(100% + 1.5 * var(--x-gap));width:calc(100% + 1.5 * var(--x-gap))}.\@2-1y-grid{grid-template-rows:repeat(1,minmax(0,1fr))}.\@2-2y-grid{grid-template-rows:repeat(2,minmax(0,1fr))}.\@2-3y-grid{grid-template-rows:repeat(3,minmax(0,1fr))}.\@2-4y-grid{grid-template-rows:repeat(4,minmax(0,1fr))}.\@2-5y-grid{grid-template-rows:repeat(5,minmax(0,1fr))}.\@2-6y-grid{grid-template-rows:repeat(6,minmax(0,1fr))}.\@2-y1{grid-row-start:1!important}.\@2-y2{grid-row-start:2!important}.\@2-y3{grid-row-start:3!important}.\@2-y4{grid-row-start:4!important}.\@2-y5{grid-row-start:5!important}.\@2-y6{grid-row-start:6!important}.\@2-1y{grid-row-end:span 1!important}.\@2-2y{grid-row-end:span 2!important}.\@2-3y{grid-row-end:span 3!important}.\@2-4y{grid-row-end:span 4!important}.\@2-5y{grid-row-end:span 5!important}.\@2-6y{grid-row-end:span 6!important}.\@2-y-end{align-self:end!important;margin-top:auto;margin-bottom:0}.\@2-y-start{align-self:start!important;margin-top:0;margin-bottom:auto}.\@2-y-center{align-self:center!important;margin-top:auto;margin-bottom:auto}.\@2-y-baseline{align-self:baseline!important;margin-top:auto;margin-bottom:auto}.\@2-y-lastline{align-self:last baseline!important;margin-top:auto;margin-bottom:auto}.\@2-y-stretch{justify-self:stretch!important;margin-top:0;margin-bottom:0;max-height:100%;height:100%}.\@2-y-bleed{justify-self:stretch!important;margin-top:calc(var(--y-gap) / -2);margin-bottom:calc(var(--y-gap) / -2);max-height:calc(100% + var(--y-gap));height:calc(100% + var(--y-gap))}.\@2-y-flood{justify-self:stretch!important;margin-top:calc(-1 * var(--y-gap));margin-bottom:calc(-1 * var(--y-gap));max-height:calc(100% + 2 * var(--y-gap));height:calc(100% + 2 * var(--y-gap))}}@media (min-width: 90em){.\@3-columns{display:block!important;column-gap:var(--x-gap);--x-gap: 3.75rem}.\@3-1-columns{columns:1!important}.\@3-2-columns{columns:2!important}.\@3-3-columns{columns:3!important}.\@3-4-columns{columns:4!important}.\@3-5-columns{columns:5!important}.\@3-6-columns{columns:6!important}.\@3-7-columns{columns:7!important}.\@3-8-columns{columns:8!important}.\@3-9-columns{columns:9!important}.\@3-grid{display:grid!important;grid-auto-flow:row;grid-auto-columns:minmax(0,1fr);column-gap:var(--x-gap);row-gap:var(--y-gap);--x-gap: 3.75rem;--y-gap: 1.875rem}.\@3-grid[hidden]{display:none!important}.\@3-dense-grid{grid-auto-flow:dense}.\@3-y-start-grid{align-content:start}.\@3-y-center-grid{align-content:center}.\@3-1x-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.\@3-2x-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.\@3-3x-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.\@3-4x-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.\@3-5x-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.\@3-6x-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.\@3-7x-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.\@3-8x-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.\@3-9x-grid{grid-template-columns:repeat(9,minmax(0,1fr))}.\@3-x1{grid-column-start:1!important}.\@3-x2{grid-column-start:2!important}.\@3-x3{grid-column-start:3!important}.\@3-x4{grid-column-start:4!important}.\@3-x5{grid-column-start:5!important}.\@3-x6{grid-column-start:6!important}.\@3-x7{grid-column-start:7!important}.\@3-x8{grid-column-start:8!important}.\@3-x9{grid-column-start:9!important}.\@3-1x{grid-column-end:span 1!important}.\@3-2x{grid-column-end:span 2!important}.\@3-3x{grid-column-end:span 3!important}.\@3-4x{grid-column-end:span 4!important}.\@3-5x{grid-column-end:span 5!important}.\@3-6x{grid-column-end:span 6!important}.\@3-7x{grid-column-end:span 7!important}.\@3-8x{grid-column-end:span 8!important}.\@3-9x{grid-column-end:span 9!important}.\@3-x-end{justify-self:end!important;margin-left:auto;margin-right:0}.\@3-x-start{justify-self:start!important;margin-left:0;margin-right:auto}.\@3-x-center{justify-self:center!important;margin-left:auto;margin-right:auto}.\@3-x-stretch{justify-self:stretch!important;margin-left:0;margin-right:0;max-width:100%;width:100%}.\@3-x-unbleedl{margin-left:calc(.5 * var(--x-gap));margin-right:0;max-width:calc(100% - var(.5 * --x-gap));width:calc(100% - var(.5 * --x-gap))}.\@3-x-unbleedr{margin-left:0;margin-right:calc(.5 * var(--x-gap));max-width:calc(100% - var(.5 * --x-gap));width:calc(100% - var(.5 * --x-gap))}.\@3-x-bleedl{justify-self:stretch!important;margin-left:calc(var(--x-gap) / -2);margin-right:0;max-width:calc(100% + var(.5 * --x-gap));width:calc(100% + var(.5 * --x-gap))}.\@3-x-bleedr{justify-self:stretch!important;margin-left:0;margin-right:calc(var(--x-gap) / -2);max-width:calc(100% + var(.5 * --x-gap));width:calc(100% + var(.5 * --x-gap))}.\@3-x-bleed{justify-self:stretch!important;margin-left:calc(var(--x-gap) / -2);margin-right:calc(var(--x-gap) / -2);max-width:calc(100% + var(--x-gap));width:calc(100% + var(--x-gap))}.\@3-x-floodl{justify-self:stretch!important;margin-left:calc(-1 * var(--x-gap));margin-right:0;max-width:calc(100% + var(--x-gap));width:calc(100% + var(--x-gap))}.\@3-x-floodr{justify-self:stretch!important;margin-left:0;margin-right:calc(-1 * var(--x-gap));max-width:calc(100% + var(--x-gap));width:calc(100% + var(--x-gap))}.\@3-x-flood{justify-self:stretch!important;margin-left:calc(-1 * var(--x-gap));margin-right:calc(-1 * var(--x-gap));max-width:calc(100% + 2 * var(--x-gap));width:calc(100% + 2 * var(--x-gap))}.\@3-x-bleedl.\@3-x-floodr{margin-left:calc(-.5 * var(--x-gap));margin-right:calc(-1 * var(--x-gap));max-width:calc(100% + 1.5 * var(--x-gap));width:calc(100% + 1.5 * var(--x-gap))}.\@3-1y-grid{grid-template-rows:repeat(1,minmax(0,1fr))}.\@3-2y-grid{grid-template-rows:repeat(2,minmax(0,1fr))}.\@3-3y-grid{grid-template-rows:repeat(3,minmax(0,1fr))}.\@3-4y-grid{grid-template-rows:repeat(4,minmax(0,1fr))}.\@3-5y-grid{grid-template-rows:repeat(5,minmax(0,1fr))}.\@3-6y-grid{grid-template-rows:repeat(6,minmax(0,1fr))}.\@3-y1{grid-row-start:1!important}.\@3-y2{grid-row-start:2!important}.\@3-y3{grid-row-start:3!important}.\@3-y4{grid-row-start:4!important}.\@3-y5{grid-row-start:5!important}.\@3-y6{grid-row-start:6!important}.\@3-1y{grid-row-end:span 1!important}.\@3-2y{grid-row-end:span 2!important}.\@3-3y{grid-row-end:span 3!important}.\@3-4y{grid-row-end:span 4!important}.\@3-5y{grid-row-end:span 5!important}.\@3-6y{grid-row-end:span 6!important}.\@3-y-end{align-self:end!important;margin-top:auto;margin-bottom:0}.\@3-y-start{align-self:start!important;margin-top:0;margin-bottom:auto}.\@3-y-center{align-self:center!important;margin-top:auto;margin-bottom:auto}.\@3-y-baseline{align-self:baseline!important;margin-top:auto;margin-bottom:auto}.\@3-y-lastline{align-self:last baseline!important;margin-top:auto;margin-bottom:auto}.\@3-y-stretch{justify-self:stretch!important;margin-top:0;margin-bottom:0;max-height:100%;height:100%}.\@3-y-bleed{justify-self:stretch!important;margin-top:calc(var(--y-gap) / -2);margin-bottom:calc(var(--y-gap) / -2);max-height:calc(100% + var(--y-gap));height:calc(100% + var(--y-gap))}.\@3-y-flood{justify-self:stretch!important;margin-top:calc(-1 * var(--y-gap));margin-bottom:calc(-1 * var(--y-gap));max-height:calc(100% + 2 * var(--y-gap));height:calc(100% + 2 * var(--y-gap))}}@font-face{font-family:Euclid;src:url(https://stephen.band/slide-show/docs/fonts/Euclid/EuclidCircularA-Regular-WebTrial.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Euclid;src:url(https://stephen.band/slide-show/docs/fonts/Euclid/EuclidCircularA-Medium-WebXL.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:MartianMono;src:url(https://stephen.band/slide-show/docs/fonts/Martian-Mono/MartianMonoVF.woff2) format("woff2")}.docs-text-01,h1,.docs-text-02,h2,.docs-text-03,h3,.docs-text-04,h4,.docs-text-05,h5,.docs-text-06,h6,.docs-text-08,body,.docs-text-09{font-family:Euclid,Helvetica,Arial,sans-serif;font-style:none;text-transform:none;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.docs-text-05 code:not(.pill){font-family:MartianMono,Menlo,Monaco,monospace!important;font-variation-settings:"wght" 350,"wdth" 96;font-size:.875em}code{font-family:MartianMono,Menlo,Monaco,monospace!important;font-variation-settings:"wght" 520,"wdth" 96;font-size:.8125em}.docs-text-01,h1{font-size:14.5vw;line-height:1em;font-weight:600}.docs-text-02,h2{font-size:calc(1.88337054rem + .34877232vw);line-height:1.152em;font-weight:600}.docs-text-03,h3{font-size:calc(1.50669643rem + .27901786vw);line-height:1.44em;font-weight:600}.docs-text-04,h4{font-size:calc(1.20535714rem + .22321429vw);line-height:1.2em;font-weight:600}.docs-text-05,h5{font-size:calc(.96428571rem + .17857143vw);line-height:1.5em;font-weight:600}.docs-text-08,body{font-size:calc(.96428571rem + .17857143vw);line-height:1.5em;font-weight:400}.docs-text-09{font-size:calc(.77142857rem + .14285714vw);line-height:1.40625em;font-weight:400}.docs-text-01{font-size:14.5vw;white-space:nowrap}@media (min-width: 50em){.docs-text-01{font-size:10.2vw}}@media (min-width: 70em){.docs-text-01{font-size:7vw}}.docs-text-05>a{min-height:0;padding:0;display:inline-block}.docs-text-05>a:hover,.docs-text-05>a:focus-visible,.docs-text-05>a.on{color:#137bb1}.docs-text-04+p,.docs-text-04+.docs-text-08{margin-top:1em}*+.docs-text-04{margin-top:2.4em}p+p,ul+p{margin-top:1em}pre+p,p+pre{margin-top:1.5em}small>p+p{margin-top:0}@media (min-width: 50em){.\@1-no-wrap{white-space:nowrap;flex-wrap:nowrap;text-overflow:ellipsis}}.doc-toggle-block{font-size:.9em;min-height:calc(1.5em + 1rem)}*>.doc-toggle-block{margin-bottom:-.5rem;padding-bottom:.5rem}*+.doc-toggle-block{margin-top:-.5rem;padding-top:.5rem}.docs-text-04+.doc-toggle-block{margin-top:calc(1em - .5rem)}.doc-toggle-block>pre>code{margin-left:0;margin-right:0;width:100%}.grid{--x-gap: 1.5rem}.banner-slide-show{column-gap:.75rem;--padding-left: 1.5rem;--padding-right: 1.5rem;height:min-content}.banner-slide-show>a,.banner-slide-show>a>img,.banner-slide-show>img{display:block;width:100%;max-width:100%}@media (min-width: 50em){.banner-slide-show{column-gap:1.5rem;--padding-left: 4.5rem;--padding-right: 4.5rem}}@media (min-width: 70em){body.docs-grid{padding-top:4vw;padding-left:var(--x-gap);padding-right:var(--x-gap)}.banner-slide-show{--padding-left: calc(11.11111111% + 1.5rem / 9);--padding-right: calc(11.11111111% + 1.5rem / 9)}}@media (min-width: 90em){.banner-slide-show{--padding-left: calc(11.11111111% + 1.5rem / 9);--padding-right: calc(22.22222222% + 3rem / 9)}}.banner-slide-show:-webkit-full-screen{--padding-left: .75rem;--padding-right: .75rem}.banner-slide-show:fullscreen{--padding-left: .75rem;--padding-right: .75rem}@media (min-width: 50em){.banner-slide-show:-webkit-full-screen{--padding-left: 4.5rem;--padding-right: 4.5rem}.banner-slide-show:fullscreen{--padding-left: 4.5rem;--padding-right: 4.5rem}}.githubsponsor-button{--height: 1.75em;width:200px;color:#24292f;background-color:#f6f8fa;box-shadow:0 1px #1b1f240a,inset 0 1px #ffffff40;transition:80ms cubic-bezier(.33,1,.68,1);transition-property:color,background-color,box-shadow,border-color;position:relative;display:inline-block;padding:.3125rem 1rem;font-size:.875rem;font-weight:500;--line-height: 1em;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid rgba(27,31,36,.45);border-radius:.375rem;-webkit-appearance:none;appearance:none}.githubsponsor-button>svg{fill:#bf3989;width:1rem;height:1rem;margin-right:.25rem} diff --git a/docs/docs.js b/docs/docs.js index 13a0503..1a42ddf 100644 --- a/docs/docs.js +++ b/docs/docs.js @@ -1,6 +1,6 @@ /* slide-show 1.0.0 By Stephen Band - Built 2022-05-09 20:14 */ + Built 2022-05-10 00:18 */ var mt=Object.getOwnPropertySymbols;var _t=Object.prototype.hasOwnProperty,Rt=Object.prototype.propertyIsEnumerable;var ht=(t,e)=>{var n={};for(var o in t)_t.call(t,o)&&e.indexOf(o)<0&&(n[o]=t[o]);if(t!=null&&mt)for(var o of mt(t))e.indexOf(o)<0&&Rt.call(t,o)&&(n[o]=t[o]);return n};function D(t){var e=new Map;return function(o){if(e.has(o))return e.get(o);var r=t(o);return e.set(o,r),r}}var Kt=Array.prototype;function Wt(t,e){return typeof t=="function"?t.apply(null,e):t}function dt(t,e,n){n=n||t.length;var o=n===1?e?t:D(t):D(function(r){return dt(function(){var i=[r];return i.push.apply(i,arguments),t.apply(null,i)},e,n-1)});return function r(i){return arguments.length===0?r:arguments.length===1?o(i):arguments.length>=n?t.apply(null,arguments):Wt(o(i),Kt.slice.call(arguments,1))}}var a=dt;function R(t,e){t.remove&&t.remove(e);let n;for(;(n=t.indexOf(e))!==-1;)t.splice(n,1);return e}var Ze=a(R,!0);function K(t){return document.getElementById(t)||void 0}function E(t){return t.tagName&&t.tagName.toLowerCase()}function $t(t,e){return e.matches?e.matches(t):e.matchesSelector?e.matchesSelector(t):e.webkitMatchesSelector?e.webkitMatchesSelector(t):e.mozMatchesSelector?e.mozMatchesSelector(t):e.msMatchesSelector?e.msMatchesSelector(t):e.oMatchesSelector?e.oMatchesSelector(t):E(e)===t}var l=a($t,!0);function gt(t,e){var n=arguments[2];if(!(!e||e===document||e===n||e.nodeType===11))return e=e.correspondingUseElement||e,l(t,e)?e:gt(t,e.parentNode,n)}var yt=a(gt,!0);function W(t){var e=t.id;if(!e){do e=Math.ceil(Math.random()*1e5);while(document.getElementById(e));t.id=e}return e}function wt(t){return t.nodeType===1}function Zt(t){return(/^\//.test(t)?"":"/")+t}function S(t){var e=window.location;return(!t.hostname||e.hostname===t.hostname)&&e.pathname===Zt(t.pathname)}function $(t){return t}function p(){}var Vt=Object.freeze;function vt(){return this}var v=Vt({shift:p,push:p,forEach:p,join:function(){return""},map:vt,filter:vt,reduce:function(t,e){return e},length:0,each:p,pipe:$,start:p,stop:p,done:p,valueOf:function(){return null}});function Z(t){return t&&t[Symbol.iterator]}var Jt=Object.assign;function Qt(t){return t.stop?t.stop():t()}function Xt(t){t.forEach(Qt),t.length=0}function b(){}Jt(b.prototype,{stop:function(){return this.stopables&&Xt(this.stopables),this},done:function(e){return(this.stopables||(this.stopables=[])).push(e),this}});var Yt=Object.assign;function P(t){b.prototype.stop.apply(t);let e=-1,n;for(;n=t[++e];)t[e]=void 0,P(n)}function u(){}Yt(u.prototype,{pipe:function(t){return this[0]=t,t},stop:function(){return P(this[0]),this}});var m=Object.assign,g=Object.create;function O(t,e){e!==void 0&&t[0].push(e)}function te(t,e){if(t[1]){let n=-1;for(;t[++n]&&t[n]!==e;);for(;t[n++];)t[n-1]=t[n];P(e)}else t.stop()}function s(t){this.input=t}m(s.prototype,b.prototype,{push:function(t){O(this,t)},pipe:function(t){if(this[0])throw new Error("Stream: Attempt to .pipe() a unicast stream multiple times. Create a multicast stream with stream.broadcast().");return this[0]=t,this.input.pipe(this),t},map:function(t){return new bt(this,t)},filter:function(t){return new xt(this,t)},flatMap:function(t){return new Et(this,t)},take:function(t){return new St(this,t)},each:function(t){return new At(this,t)},reduce:function(t,e){return new kt(this,t,e)},scan:function(t,e){return new Ct(this,t,e)},stop:function(){return te(this.input,this),this}});function bt(t,e){this.input=t,this.fn=e}bt.prototype=m(g(s.prototype),{push:function(e){let n=this.fn;O(this,n(e))}});function xt(t,e){this.input=t,this.fn=e}xt.prototype=m(g(s.prototype),{push:function(e){this.fn(e)&&O(this,e)}});function Et(t,e){this.input=t,this.fn=e}Et.prototype=m(g(s.prototype),{push:function(e){let o=this.fn(e);if(o!==void 0)if(Z(o))for(let r of o)O(this,r);else throw new Error("Stream: Cannot .flatMap() non-iterable values")}});function St(t,e){this.input=t,this.count=e}St.prototype=m(g(s.prototype),{push:function(e){this[0].push(e),--this.count||this.stop()}});function kt(t,e,n){this.input=t,this.fn=e,this.value=n,t.pipe(this)}kt.prototype=m(g(s.prototype),{push:function(t){let e=this.fn;this.value=e(this.value,t)}});function Ct(t,e,n){this.input=t,this.fn=e,this.value=n}Ct.prototype=m(g(s.prototype),{push:function(t){let e=this.fn;this.value=e(this.value,t),this[0].push(this.value)}});function At(t,e){this.input=t,this.push=e,t.pipe(this)}At.prototype=m(g(s.prototype),{each:null,reduce:null,pipe:null});var ee=Array.prototype,ne=Object.assign,oe=Object.create;function k(t){this.buffer=t||[]}k.prototype=ne(oe(s.prototype),u.prototype,{push:function(t){t!==void 0&&this.buffer.push(t)},pipe:function(t){for(this[0]=t;this.buffer.length;)this[0].push(ee.shift.apply(this.buffer));return this.buffer=this[0],t}});var re=Object.assign,ie=Object.create;function C(t,e){this.input=t,this.memory=!!(e&&e.memory),e&&e.hot&&this.pipe(v)}C.prototype=re(ie(s.prototype),{push:function(t){if(t!==void 0){this.memory&&(this.value=t);let e=-1;for(;this[++e];)this[e].push(t)}},pipe:function(t){let e=-1;for(;this[++e];);return this[e]=t,this.value!==void 0&&t.push(this.value),e===0&&this.input.pipe(this),t}});var se=Object.assign;function T(t){this.promise=t}se(T.prototype,u.prototype,{pipe:function(t){let e=this.promise;this[0]=t,e.then(n=>this[0].push(n)).finally(n=>this.stop())},stop:function(){u.prototype.stop.apply(this,arguments),this[0]=v}});var Dt=Object.assign,Pt=Object.keys;function Bt(t,e,n){let o=t.values,r=t.names,i=t[0];o[e]=n,(t.active||(t.active=Pt(o).length===r.length))&&i.push(Dt({},o))}function j(t){this.inputs=t}Dt(j.prototype,u.prototype,{pipe:function(t){let e=this.inputs;this.values={},this.names=Pt(e),this.active=!1,this[0]=t;for(let n in e){let o=e[n];o.pipe?t.done(o.each(r=>Bt(this,n,r))):o.then?o.then(r=>Bt(this,n,r)):console.log("Todo: combine() raw values ?")}}});var ae=Object.assign;function L(t){this.inputs=t}ae(L.prototype,u.prototype,{pipe:function(t){let e=this.inputs;this[0]=t;let n=-1,o;for(;o=e[++n];)if(o.pipe)o.pipe(t);else if(o.then)o.then(r=>t.push(r));else{let r=-1;for(;++r0}function fe(t,e,n){return t[n]=e.shift(),t}function pe(t){return[]}function V(t,e,n,o){n.push(o),e.every(ce)&&t.push(e.reduce(fe,{}))}function M(t){this.inputs=t,this.buffers=J.map.call(t,pe)}ue(M.prototype,u.prototype,{pipe:function(t){let e=this.inputs,n=this.buffers;this[0]=t,J.forEach.call(e,(o,r)=>{let i=n[r];o.each?t.done(o.each(c=>V(t,n,i,c))):o.then?o.then(c=>V(t,n,i,c)):J.forEach.call(o,c=>V(t,n,i,c))})},stop:function(){let t=this.inputs,e=-1,n;for(;n=t[++e];)n.stop();return u.prototype.stop.apply(this,arguments)}});var le=Array.prototype,Ot=Object.assign;function me(t){throw new TypeError("Stream: invalid source object cannot be read into stream")}var Tt=Ot(s,{of:function(){return new k(le.slice.apply(arguments))},from:function(t){return t.pipe?new s(t):t.then?new s(new T(t)):typeof t.length=="number"?new k(t):me(t)},broadcast:function(e){return new C(v,e)},combine:function(e){return new s(new j(e))},merge:function(){return new s(new L(arguments))},zip:function(){return new s(new M(arguments))}});Ot(s.prototype,{broadcast:function(t){return new C(this,t)}});var he=Object.assign,de=/\s+/;function N(t){return t.which===1&&!t.ctrlKey&&!t.altKey&&!t.shiftKey}var jt=0;window.addEventListener("click",t=>jt=t.timeStamp);function ge(t,e){return t.node.addEventListener(e,t,t.options),t}function ye(t,e){return t.node.removeEventListener(e,t),t}function Lt(t,e,n){this.types=t.split(de),this.options=e,this.node=n,this.select=e&&e.select}he(Lt.prototype,u.prototype,{pipe:function(t){this[0]=t,this.types.reduce(ge,this)},handleEvent:function(t){if(!(t.type==="click"&&t.timeStamp<=jt)){if(this.select){let e=t.target.closest(this.select);if(!e)return;t.selectedTarget=e}this[0].push(t)}},stop:function(){this.types.reduce(ye,this),u.prototype.stop.apply(this,arguments)}});function f(t,e){let n;return typeof t=="object"&&(n=t,t=n.type),new Tt(new Lt(t,n,e))}function we(t,e){return e[t]}var h=a(we,!0);function Q(t){return!!t||t!=null&&!Number.isNaN(t)}function X(t,e){return function(){let o=t.apply(this,arguments),r=e[o]||e.default;if(!r)throw new Error('overload() no handler for "'+o+'"');return r.apply(this,arguments)}}var U=h("classList"),y=U;function ve(t,e){U(e).add(t)}function be(t,e){U(e).remove(t)}function xe(t,e){(function n(o){return t--?requestAnimationFrame(n):e(o)})()}function Ee(t,e){var n=U(e);n.add(t),xe(2,()=>n.remove(t))}var Yn=a(ve,!0),to=a(be,!0),eo=a(Ee,!0);function Y(t){if(typeof t!="object"||arguments.length>1)throw new Error("delegate() now takes an object of selector:fn pairs.");let e=Object.keys(t);return function(o){let r=o.target,i=-1;for(;e[++i];){let c=r.closest(e[i]);if(c)return t[e[i]](c,...arguments)}}}var Se=Object.assign,A={bubbles:!0,cancelable:!0};function ke(t,e){var _;let n=A,o,r,i,c,H,z;return typeof t=="object"?(_=t,{type:t,detail:r,bubbles:i,cancelable:c,composed:H}=_,o=ht(_,["type","detail","bubbles","cancelable","composed"]),z=Se(new CustomEvent(t,{detail:r,bubbles:i||A.bubbles,cancelable:c||A.cancelable,composed:H||A.composed}),o)):z=new CustomEvent(t,A),e.dispatchEvent(z)}var F=a(ke,!0);function tt(t){if(t.toArray)return t.toArray();var e=[],n=t.length,o;if(typeof t.length!="number")return e;for(e.length=n,o=0;orequestAnimationFrame(()=>i.focus()))}function rt(t,e){if(!F({type:"dom-deactivate",relatedTarget:e},t))return;let o=B(t);y(o.node).remove(d.activeClass);let r=It(o);r&&r.forEach(function(i){y(i).remove(d.onClass)}),o.active=!1}f("click",document).each(Y({"a[href]":function(t,e){if(!je(e)&&!(t.hostname&&!S(t))){var n=Le(t);if(!!n){var o=document.getElementById(n);if(!!o){if(o.classList.contains("active")){e.preventDefault();return}var r=Pe.map(Nt(o)).reduce(Me,0);if(r){e.preventDefault();return}if(!!ot.find(Nt(o))){var i=B(o);i.active||(e.preventDefault(),e.type==="mousedown"&&Te(e),Ut(o,t))}}}}},'[name="activate"]':function(t,e){let n=t.value,o=n.replace(/^#/,""),r=document.getElementById(o);if(!r)throw new Error('Button action name="activate" target "'+n+'" not found');var i=B(r);i.active||(e.preventDefault(),Ut(r,t))},'[name="deactivate"]':function(t,e){let n=t.value,o=n.replace(/^#/,""),r=document.getElementById(o);if(!r)throw new Error('Button action name="deactivate" target "'+n+'" not found');var i=B(r);!i.active||(e.preventDefault(),rt(r,t))}}));var nt=F("dom-activate"),qt=new WeakSet;function Ht(t){qt.add(t)}function Ft(t){return!qt.has(t)}function Ne(t,e){let n=(window.location.hash?window.location.hash+", ":"")+("."+d.activeClass),o=x(n,e).filter(Ft);return e.matches(n)&&Ft(e)&&o.push(e),o.length&&(t.push.apply(t,o),o.forEach(Ht)),t}function Ue(t,e){return Be.filter.call(e.addedNodes,wt).reduce(Ne,t)}f("DOMContentLoaded",document).each(function(){let t=x("."+d.activeClass,document);t.length&&(et("dom-activate",t.length+" elements – #"+t.map(h("id")).join(", #")),t.forEach(nt)),new MutationObserver((n,o)=>{if(n[0].type!=="childList")throw new Error("Not childList",n);let r=n.reduce(Ue,[]);r.length&&(et("dom-activate",r.length+" elements – #"+r.map(h("id")).join(", #")),r.forEach(nt),r.forEach(Ht))}).observe(document.body,{attributes:!1,childList:!0,subtree:!0})});f("load",window).each(function(){if(!(!G||!/^#\S+$/.test(G)))try{x(G,document).forEach(nt)}catch(t){console.warn("dom: Cannot activate "+G,t.message)}});var it=l("[data-toggleable]");ot.push(it);var st=[];function Fe(t){return(t.hash?t.hash:t.getAttribute("href")).substring(1)}f("click",document.documentElement).each(t=>{if(!t.defaultPrevented&&!!N(t)){var e=yt("a[href]",t.target);if(!!e&&!(e.hostname&&!S(e))){var n=Fe(e);!n||st.indexOf(n)!==-1&&(rt(K(n),e),t.preventDefault())}}});f("dom-activate",document).each(t=>{var e=t.target;!it(e)||st.push(W(e))});f("dom-deactivate",document).each(t=>{var e=t.target;!it(e)||R(st,e.id)});var w={simulatedEventDelay:.08,keyClass:"key-device",mouseClass:"mouse-device",touchClass:"touch-device",keyType:"key",mouseType:"mouse",touchType:"touch"},ut={type:"mouse"},zt=y(document.documentElement),at,I;function ct(t){at!==t&&(zt.remove(at),zt.add(t),at=t)}function Ge(t){t.timeStampt.clientHeight+"px",default:(t,e,n)=>e[n]});f("dom-deactivate",document.body).map(h("target")).filter(l(".toggle-block")).each(function(t){let e=t.getAttribute("style"),n=getComputedStyle(t),o=n["transition-property"].split(/\s*,\s*/).map(lt);t.style.transition="none",o.forEach(r=>t.style[r]=ze(r,t,n,r)),requestAnimationFrame(function(){e?t.setAttribute("style",e):t.removeAttribute("style")})}); diff --git a/docs/templates/body.literal b/docs/templates/body.literal new file mode 100644 index 0000000..4fe6389 --- /dev/null +++ b/docs/templates/body.literal @@ -0,0 +1,2 @@ + +${ data[0].body } diff --git a/index.html b/index.html index 9ababd8..019d400 100644 --- a/index.html +++ b/index.html @@ -406,7 +406,34 @@

Fallback

Upgraded style is provided by ./build/slide-show-shadow.css, which must be in the same location as ./build/slide-show.js in order - to be loaded into the slide-show's shadow DOM automatically.

+ to be loaded into the slide-show's shadow DOM.

+ +

Semantics

+ +

The release + includes JS files for registering customised built-in versions of the + slide-show.

+ + +

Import ./build/slide-show-ol.js to register the customised built-in:

+
<ol is="slide-show-ol">
+    <li>…</li>
+</ol>
+ + + +

Import ./build/slide-show-ul.js to register the customised built-in:

+
<ul is="slide-show-ul">
+    <li>…</li>
+</ul>
+ + + +

Note that these don't register the same way in + all browsers – Safari does not support customised built-ins, so support + is roughly polyfilled. Mileage may vary; please file an + issue if you find + a problem.

Polyfills

@@ -437,13 +464,11 @@

Contribute

Comments about accessibility are particularly welcome. I try to respect the Web Accessibility guidelines for carousels, - but the examples given there are clearly written without a scroll-snapping interface in mind. - Browsers respond to scrolling and keyboard navigation in their own subtly unique - ways, still, I would like to iron out any user frustrations.

+ but the examples given there are clearly written without a scroll-snapping interface in mind, + and browsers respond to scrolling and keyboard navigation in their own subtly unique + ways.

- -