:root { --f-col:#111; --f-col2:#444; --b-col:#f8f8f8; --b-col2:#f0f0f0; --blq-col:#f57c00; --pre-col:#1565c0; --br-col:#aaa; --br-col2:#ddd; --h-ratio:1.19; --u-m:.5rem; --u-p:.5rem; --u-br-r:.125rem; --a-l-col:#0277bd; --a-v-col:#01579b } html { font-size:16px } a,b,del,em,i,ins,q,span,strong,u { font-size:1em } html,* { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Helvetica,sans-serif; line-height:1.5; -webkit-text-size-adjust:100% } * { font-size:1rem } body { margin:0; color:var(--f-col); background:var(--b-col) } details { display:block } summary { display:list-item } abbr[title] { border-bottom:none; text-decoration:underline dotted } input { overflow:visible } img { max-width:100%; height:auto } h1,h2,h3,h4,h5,h6 { line-height:1.2; margin:calc(1.5 * var(--u-m)) var(--u-m); font-weight:500 } h1 small,h2 small,h3 small,h4 small,h5 small,h6 small { color:var(--f-col2); display:block; margin-top:-.25rem } h1 { font-size:calc(1rem * var(--h-ratio) * var(--h-ratio) * var(--h-ratio) * var(--h-ratio)) } h2 { font-size:calc(1rem * var(--h-ratio) * var(--h-ratio) * var(--h-ratio)) } h3 { font-size:calc(1rem * var(--h-ratio) * var(--h-ratio)) } h4 { font-size:calc(1rem * var(--h-ratio)) } h5 { font-size:1rem } h6 { font-size:calc(1rem/ var(--h-ratio)) } p { margin:var(--u-m) } ol,ul { margin:var(--u-m); padding-left:calc(2 * var(--u-m)) } b,strong { font-weight:700 } hr { box-sizing:content-box; border:0; line-height:1.25em; margin:var(--u-m); height:.0625rem; background:linear-gradient(to right,transparent,var(--br-col) 20%,var(--br-col) 80%,transparent) } blockquote { display:block; position:relative; font-style:italic; color:var(--f-col2); margin:var(--u-m); padding:calc(3 * var(--u-p)); border:.0625rem solid var(--br-col2); border-left:.375rem solid var(--blq-col); border-radius:0 var(--u-br-r) var(--u-br-r) 0 } blockquote:before { position:absolute; top:calc(0rem - var(--u-p)); left:0; font-family:sans-serif; font-size:3rem; font-weight:700; content:"\201c"; color:var(--blq-col) } blockquote[cite]:after { font-style:normal; font-size:.75em; font-weight:700; content:"\a— " attr(cite); white-space:pre } code,kbd,pre,samp { font-family:Menlo,Consolas,monospace; font-size:.85em } code { background:var(--b-col2); border-radius:var(--u-br-r); padding:calc(var(--u-p)/ 4) calc(var(--u-p)/ 2) } kbd { background:var(--f-col); color:var(--b-col); border-radius:var(--u-br-r); padding:calc(var(--u-p)/ 4) calc(var(--u-p)/ 2) } pre { overflow:auto; background:var(--b-col2); padding:calc(1.5 * var(--u-p)); margin:var(--u-m); border:.0625rem solid var(--br-col2); border-left:.25rem solid var(--pre-col); border-radius:0 var(--u-br-r) var(--u-br-r) 0 } sup,sub,code,kbd { line-height:0; position:relative; vertical-align:baseline } small,sup,sub,figcaption { font-size:.75em } sup { top:-.5em } sub { bottom:-.25em } figure { margin:var(--u-m) } figcaption { color:var(--f-col2) } a { text-decoration:none } a:link { color:var(--a-l-col) } a:visited { color:var(--a-v-col) } a:hover,a:focus { text-decoration:underline } .container { margin:0 auto; padding:0 calc(1.5 * var(--u-p)) } .row { box-sizing:border-box; display:flex; flex:0 1 auto; flex-flow:row wrap } .col-sm,[class^='col-sm-'],[class^='col-sm-o-'] { flex:0 0 auto; padding:0 calc(var(--u-p)/ 2) } .col-sm { max-width:100%; flex-grow:1; flex-basis:0 } .col-sm-1 { max-width:8.33333%; flex-basis:8.33333% } .col-sm-o-0 { margin-left:0 } .col-sm-2 { max-width:16.66667%; flex-basis:16.66667% } .col-sm-o-1 { margin-left:8.33333% } .col-sm-3 { max-width:25%; flex-basis:25% } .col-sm-o-2 { margin-left:16.66667% } .col-sm-4 { max-width:33.33333%; flex-basis:33.33333% } .col-sm-o-3 { margin-left:25% } .col-sm-5 { max-width:41.66667%; flex-basis:41.66667% } .col-sm-o-4 { margin-left:33.33333% } .col-sm-6 { max-width:50%; flex-basis:50% } .col-sm-o-5 { margin-left:41.66667% } .col-sm-7 { max-width:58.33333%; flex-basis:58.33333% } .col-sm-o-6 { margin-left:50% } .col-sm-8 { max-width:66.66667%; flex-basis:66.66667% } .col-sm-o-7 { margin-left:58.33333% } .col-sm-9 { max-width:75%; flex-basis:75% } .col-sm-o-8 { margin-left:66.66667% } .col-sm-10 { max-width:83.33333%; flex-basis:83.33333% } .col-sm-o-9 { margin-left:75% } .col-sm-11 { max-width:91.66667%; flex-basis:91.66667% } .col-sm-o-10 { margin-left:83.33333% } .col-sm-12 { max-width:100%; flex-basis:100% } .col-sm-o-11 { margin-left:91.66667% } .col-sm-n { order:initial } .col-sm-f { order:-999 } .col-sm-l { order:999 } @media screen and (min-width: 768px) { .col-md,[class^='col-md-'],[class^='col-md-o-'] { flex:0 0 auto; padding:0 calc(var(--u-p)/ 2) } .col-md { max-width:100%; flex-grow:1; flex-basis:0 } .col-md-1 { max-width:8.33333%; flex-basis:8.33333% } .col-md-o-0 { margin-left:0 } .col-md-2 { max-width:16.66667%; flex-basis:16.66667% } .col-md-o-1 { margin-left:8.33333% } .col-md-3 { max-width:25%; flex-basis:25% } .col-md-o-2 { margin-left:16.66667% } .col-md-4 { max-width:33.33333%; flex-basis:33.33333% } .col-md-o-3 { margin-left:25% } .col-md-5 { max-width:41.66667%; flex-basis:41.66667% } .col-md-o-4 { margin-left:33.33333% } .col-md-6 { max-width:50%; flex-basis:50% } .col-md-o-5 { margin-left:41.66667% } .col-md-7 { max-width:58.33333%; flex-basis:58.33333% } .col-md-o-6 { margin-left:50% } .col-md-8 { max-width:66.66667%; flex-basis:66.66667% } .col-md-o-7 { margin-left:58.33333% } .col-md-9 { max-width:75%; flex-basis:75% } .col-md-o-8 { margin-left:66.66667% } .col-md-10 { max-width:83.33333%; flex-basis:83.33333% } .col-md-o-9 { margin-left:75% } .col-md-11 { max-width:91.66667%; flex-basis:91.66667% } .col-md-o-10 { margin-left:83.33333% } .col-md-12 { max-width:100%; flex-basis:100% } .col-md-o-11 { margin-left:91.66667% } .col-md-n { order:initial } .col-md-f { order:-999 } .col-md-l { order:999 } } @media screen and (min-width: 1280px) { .col-lg,[class^='col-lg-'],[class^='col-lg-o-'] { flex:0 0 auto; padding:0 calc(var(--u-p)/ 2) } .col-lg { max-width:100%; flex-grow:1; flex-basis:0 } .col-lg-1 { max-width:8.33333%; flex-basis:8.33333% } .col-lg-o-0 { margin-left:0 } .col-lg-2 { max-width:16.66667%; flex-basis:16.66667% } .col-lg-o-1 { margin-left:8.33333% } .col-lg-3 { max-width:25%; flex-basis:25% } .col-lg-o-2 { margin-left:16.66667% } .col-lg-4 { max-width:33.33333%; flex-basis:33.33333% } .col-lg-o-3 { margin-left:25% } .col-lg-5 { max-width:41.66667%; flex-basis:41.66667% } .col-lg-o-4 { margin-left:33.33333% } .col-lg-6 { max-width:50%; flex-basis:50% } .col-lg-o-5 { margin-left:41.66667% } .col-lg-7 { max-width:58.33333%; flex-basis:58.33333% } .col-lg-o-6 { margin-left:50% } .col-lg-8 { max-width:66.66667%; flex-basis:66.66667% } .col-lg-o-7 { margin-left:58.33333% } .col-lg-9 { max-width:75%; flex-basis:75% } .col-lg-o-8 { margin-left:66.66667% } .col-lg-10 { max-width:83.33333%; flex-basis:83.33333% } .col-lg-o-9 { margin-left:75% } .col-lg-11 { max-width:91.66667%; flex-basis:91.66667% } .col-lg-o-10 { margin-left:83.33333% } .col-lg-12 { max-width:100%; flex-basis:100% } .col-lg-o-11 { margin-left:91.66667% } .col-lg-n { order:initial } .col-lg-f { order:-999 } .col-lg-l { order:999 } } :root { --cd-b-col:#f8f8f8; --cd-f-col:#111; --cd-br-col:#ddd } .card { display:flex; flex-direction:column; justify-content:space-between; align-self:center; position:relative; width:100%; background:var(--cd-b-col); color:var(--cd-f-col); border:.0625rem solid var(--cd-br-col); border-radius:var(--u-br-r); margin:var(--u-m); overflow:hidden } @media screen and (min-width: 320px) { .card { max-width:320px } } .card>.section { background:var(--cd-b-col); color:var(--cd-f-col); box-sizing:border-box; margin:0; border:0; border-radius:0; border-bottom:.0625rem solid var(--cd-br-col); padding:var(--u-p); width:100% } .card>.section.media { height:200px; padding:0; -o-object-fit:cover; object-fit:cover } .card>.section:last-child { border-bottom:0 } .card.fluid { max-width:100%; width:auto } .card>.section.double-padded { padding:calc(1.5 * var(--u-p)) } .card { box-shadow:0 1.25rem 2.5rem -0.625rem rgba(0,32,64,0.1) } .card>h3.section.double-padded { padding:calc(3 * var(--u-p)) } .card>.section.double-padded>p { margin:var(--u-m) calc(var(--u-m)/ 2) } .card+.card { margin-top:calc(5 * var(--u-m)) } :root { --frm-b-col:#f0f0f0; --frm-f-col:#111; --frm-br-col:#ddd; --in-b-col:#f8f8f8; --in-f-col:#111; --in-br-col:#ddd; --in-fc-col:#0288d1; --in-inv-col:#d32f2f; --btn-b-col:#e2e2e2; --btn-h-b-col:#dcdcdc; --btn-f-col:#212121; --btn-br-col:transparent; --btn-h-br-col:transparent; --btn-grp-br-col:rgba(124,124,124,0.54) } form { background:var(--frm-b-col); color:var(--frm-f-col); border:.0625rem solid var(--frm-br-col); border-radius:var(--u-br-r); margin:var(--u-m); padding:calc(2 * var(--u-p)) var(--u-p) } fieldset { border:.0625rem solid var(--frm-br-col); border-radius:var(--u-br-r); margin:calc(var(--u-m)/ 4); padding:var(--u-p) } legend { box-sizing:border-box; display:table; max-width:100%; white-space:normal; font-weight:700; padding:calc(var(--u-p)/ 2) } label { padding:calc(var(--u-p)/ 2) var(--u-p) } .input-group { display:inline-block } [type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button { height:auto } [type="search"] { -webkit-appearance:textfield; outline-offset:-2px } [type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration { -webkit-appearance:none } input:not([type]),[type="text"],[type="email"],[type="number"],[type="search"],[type="password"],[type="url"],[type="tel"],[type="checkbox"],[type="radio"],textarea,select { box-sizing:border-box; background:var(--in-b-col); color:var(--in-f-col); border:.0625rem solid var(--in-br-col); border-radius:var(--u-br-r); margin:calc(var(--u-m)/ 2); padding:var(--u-p) calc(1.5 * var(--u-p)) } input:not([type="button"]):not([type="submit"]):not([type="reset"]):hover,input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus,textarea:hover,textarea:focus,select:hover,select:focus { border-color:var(--in-fc-col); box-shadow:none } input:not([type="button"]):not([type="submit"]):not([type="reset"]):invalid,input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus:invalid,textarea:invalid,textarea:focus:invalid,select:invalid,select:focus:invalid { border-color:var(--in-inv-col); box-shadow:none } input:not([type="button"]):not([type="submit"]):not([type="reset"])[readonly],textarea[readonly],select[readonly] { background:var(--b-col2) } select { max-width:100% } option { overflow:hidden; text-overflow:ellipsis } [type="checkbox"],[type="radio"] { -webkit-appearance:none; -moz-appearance:none; appearance:none; position:relative; height:calc(1rem + var(--u-p) / 2); width:calc(1rem + var(--u-p) / 2); vertical-align:text-bottom; padding:0; flex-basis:calc(1rem + var(--u-p) / 2)!important; flex-grow:0!important } [type="checkbox"]:checked:before,[type="radio"]:checked:before { position:absolute } [type="checkbox"]:checked:before { content:'\2713'; font-family:sans-serif; font-size:calc(1rem + var(--u-p) / 2); top:calc(0rem - var(--u-p)); left:calc(var(--u-p)/ 4) } [type="radio"] { border-radius:100% } [type="radio"]:checked:before { border-radius:100%; content:''; top:calc(.0625rem + var(--u-p) / 2); left:calc(.0625rem + var(--u-p) / 2); background:var(--in-f-col); width:0.5rem; height:0.5rem } :placeholder-shown { color:var(--in-f-col) } ::-ms-placeholder { color:var(--in-f-col); opacity:0.54 } button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { border-style:none; padding:0 } button,html [type="button"],[type="reset"],[type="submit"] { -webkit-appearance:button } button { overflow:visible; text-transform:none } button,[type="button"],[type="submit"],[type="reset"],a.button,label.button,.button,a[role="button"],label[role="button"],[role="button"] { display:inline-block; background:var(--btn-b-col); color:var(--btn-f-col); border:.0625rem solid var(--btn-br-col); border-radius:var(--u-br-r); padding:var(--u-p) calc(1.5 * var(--u-p)); margin:var(--u-m); text-decoration:none; cursor:pointer; transition:background 0.3s } button:hover,button:focus,[type="button"]:hover,[type="button"]:focus,[type="submit"]:hover,[type="submit"]:focus,[type="reset"]:hover,[type="reset"]:focus,a.button:hover,a.button:focus,label.button:hover,label.button:focus,.button:hover,.button:focus,a[role="button"]:hover,a[role="button"]:focus,label[role="button"]:hover,label[role="button"]:focus,[role="button"]:hover,[role="button"]:focus { background:var(--btn-h-b-col); border-color:var(--btn-h-br-col) } input:disabled,input[disabled],textarea:disabled,textarea[disabled],select:disabled,select[disabled],button:disabled,button[disabled],.button:disabled,.button[disabled],[role="button"]:disabled,[role="button"][disabled] { cursor:not-allowed; opacity:.75 } .button-group { display:flex; border:.0625rem solid var(--btn-grp-br-col); border-radius:var(--u-br-r); margin:var(--u-m) } .button-group>button,.button-group [type="button"],.button-group>[type="submit"],.button-group>[type="reset"],.button-group>.button,.button-group>[role="button"] { margin:0; max-width:100%; flex:1 1 auto; text-align:center; border:0; border-radius:0; box-shadow:none } .button-group>:not(:first-child) { border-left:.0625rem solid var(--btn-grp-br-col) } @media screen and (max-width: 767px) { .button-group { flex-direction:column } .button-group>:not(:first-child) { border:0; border-top:.0625rem solid var(--btn-grp-br-col) } } button.primary,[type="button"].primary,[type="submit"].primary,[type="reset"].primary,.button.primary,[role="button"].primary { --btn-b-col:#1976d2; --btn-f-col:#f8f8f8 } button.primary:hover,button.primary:focus,[type="button"].primary:hover,[type="button"].primary:focus,[type="submit"].primary:hover,[type="submit"].primary:focus,[type="reset"].primary:hover,[type="reset"].primary:focus,.button.primary:hover,.button.primary:focus,[role="button"].primary:hover,[role="button"].primary:focus { --btn-h-b-col:#1565c0 } :root { --hd-b-col:#f8f8f8; --hd-hv-b-col:#f0f0f0; --hd-f-col:#444; --hd-br-col:#ddd; --nv-b-col:#f8f8f8; --nv-hv-b-col:#f0f0f0; --nv-f-col:#444; --nv-br-col:#ddd; --nv-ln-col:#0277bd; --ft-f-col:#444; --ft-b-col:#f8f8f8; --ft-br-col:#ddd; --ft-ln-col:#0277bd; --dr-b-col:#f8f8f8; --dr-hv-b-col:#f0f0f0; --dr-br-col:#ddd; --dr-cl-col:#444 } header { height:3.1875rem; background:var(--hd-b-col); color:var(--hd-f-col); border-bottom:.0625rem solid var(--hd-br-col); padding:calc(var(--u-p)/ 4) 0; white-space:nowrap; overflow-x:auto; overflow-y:hidden } header.row { box-sizing:content-box } header .logo { color:var(--hd-f-col); font-size:1.75rem; padding:var(--u-p) calc(2 * var(--u-p)); text-decoration:none } header button,header [type="button"],header .button,header [role="button"] { box-sizing:border-box; position:relative; top:calc(0rem - var(--u-p) / 4); height:calc(3.1875rem + var(--u-p) / 2); background:var(--hd-b-col); line-height:calc(3.1875rem - var(--u-p) * 1.5); text-align:center; color:var(--hd-f-col); border:0; border-radius:0; margin:0; text-transform:uppercase } header button:hover,header button:focus,header [type="button"]:hover,header [type="button"]:focus,header .button:hover,header .button:focus,header [role="button"]:hover,header [role="button"]:focus { background:var(--hd-hv-b-col) } nav { background:var(--nv-b-col); color:var(--nv-f-col); border:.0625rem solid var(--nv-br-col); border-radius:var(--u-br-r); margin:var(--u-m) } nav * { padding:var(--u-p) calc(1.5 * var(--u-p)) } nav a,nav a:visited { display:block; color:var(--nv-ln-col); border-radius:var(--u-br-r); transition:background 0.3s } nav a:hover,nav a:focus,nav a:visited:hover,nav a:visited:focus { text-decoration:none; background:var(--nv-hv-b-col) } nav .sublink-1 { position:relative; margin-left:calc(2 * var(--u-p)) } nav .sublink-1:before { position:absolute; left:calc(var(--u-p) - 1 * var(--u-p)); top:-.0625rem; content:''; height:100%; border:.0625rem solid var(--nv-br-col); border-left:0 } footer { background:var(--ft-b-col); color:var(--ft-f-col); border-top:.0625rem solid var(--ft-br-col); padding:calc(2 * var(--u-p)) var(--u-p); font-size:.875rem } footer a,footer a:visited { color:var(--ft-ln-col) } header.sticky { position:-webkit-sticky; position:sticky; z-index:1101; top:0 } footer.sticky { position:-webkit-sticky; position:sticky; z-index:1101; bottom:0 } .drawer-toggle:before { display:inline-block; position:relative; vertical-align:bottom; content:'\00a0\2261\00a0'; font-family:sans-serif; font-size:1.5em } @media screen and (min-width: 768px) { .drawer-toggle:not(.persistent) { display:none } } [type="checkbox"].drawer { height:1px; width:1px; margin:-1px; overflow:hidden; position:absolute; clip:rect(0 0 0 0); -webkit-clip-path:inset(100%); clip-path:inset(100%) } [type="checkbox"].drawer+* { display:block; box-sizing:border-box; position:fixed; top:0; width:320px; height:100vh; overflow-y:auto; background:var(--dr-b-col); border:.0625rem solid var(--dr-br-col); border-radius:0; margin:0; z-index:1110; left:-320px; transition:left 0.3s } [type="checkbox"].drawer+* .drawer-close { position:absolute; top:var(--u-m); right:var(--u-m); z-index:1111; width:2rem; height:2rem; border-radius:var(--u-br-r); padding:var(--u-p); margin:0; cursor:pointer; transition:background 0.3s } [type="checkbox"].drawer+* .drawer-close:before { display:block; content:'\00D7'; color:var(--dr-cl-col); position:relative; font-family:sans-serif; font-size:2rem; line-height:1; text-align:center } [type="checkbox"].drawer+* .drawer-close:hover,[type="checkbox"].drawer+* .drawer-close:focus { background:var(--dr-hv-b-col) } @media screen and (max-width: 320px) { [type="checkbox"].drawer+* { width:100% } } [type="checkbox"].drawer:checked+* { left:0 } @media screen and (min-width: 768px) { [type="checkbox"].drawer:not(.persistent)+* { position:static; height:100%; z-index:1100 } [type="checkbox"].drawer:not(.persistent)+* .drawer-close { display:none } } :root { --mrk-b-col:#424242; --mrk-f-col:#fafafa } mark { background:var(--mrk-b-col); color:var(--mrk-f-col); font-size:.5em; line-height:1em; border-radius:var(--u-br-r); padding:calc(var(--u-p)/ 4) calc(var(--u-p)/ 2) } mark.inline-block { display:inline-block; font-size:1em; line-height:1.5; padding:calc(var(--u-p)/ 2) var(--u-p) } :root { --tst-b-col:#212121; --tst-f-col:#fafafa } .toast { position:fixed; bottom:calc(var(--u-m) * 3); left:50%; transform:translate(-50%,-50%); z-index:1111; color:var(--tst-f-col); background:var(--tst-b-col); border-radius:calc(var(--u-br-r) * 16); padding:var(--u-p) calc(var(--u-p) * 3) } .toast { bottom:calc(var(--u-m)/ 2); opacity:1; transition:opacity 0.3s ease-in-out } mark { position:relative; top:-0.25rem; left:0.25rem } mark.secondary { --mrk-b-col:#d32f2f } mark.tertiary { --mrk-b-col:#308732 } mark.tag { padding:calc(var(--u-p)/2) var(--u-p); border-radius:1em } code,pre,kbd,code *,pre *,kbd *,code[class*="language-"],pre[class*="language-"] { font-family:Menlo,Consolas,monospace!important } pre { border:0.0625rem solid var(--br-col2); border-radius:var(--u-br-r) } .group { position:relative; margin-top:2em; margin-bottom:1em } .search { font-size:0.875rem; margin-top:-0.1em; display:block; width:100%; border:none; border-bottom:.0625rem solid var(--nv-ln-col) } .search:focus { outline:none } label#search-label { color:var(--nv-ln-col); font-size:1.125rem; font-weight:400; position:absolute; left:0.3125rem; top:0.625rem } .search:focus~label#search-label,.search:valid~label#search-label { top:-1.25rem; font-size:0.875rem; color:var(--nv-ln-col) } label#menu-toggle { width:3.4375rem } header h1.logo { margin-top:-0.8rem; text-align:center } header h1.logo a { text-decoration:none; color:#111 } header #title { position:relative; top:-1rem } @media screen and (max-width: 500px) { header #title { font-size:1rem; display:block } } header h1 small { display:block; font-size:0.875rem; color:#888; margin-top:-0.8rem } @media screen and (max-width: 768px) { header h1 small { font-size:0.75rem } } @media screen and (max-width: 600px) { header h1 small { font-size:0.625rem } } @media screen and (max-width: 500px) { header h1 small { font-size:0.5rem; margin-top:-1.2rem } } label#menu-toggle { position:absolute; left:0.5rem; top:0.5rem; width:3.4375rem } main { padding:0 } :root { --clps-lbl-b-col:#e8e8e8; --clps-lbl-f-col:#212121; --clps-lbl-h-b-col:#f0f0f0; --clps-sel-lbl-b-col:#ececec; --clps-br-col:#ddd; --clps-cnt-b-col:#fafafa; --clps-sel-lbl-br-col:#0277bd } label.collapse { width:100%; display:inline-block; cursor:pointer; box-sizing:border-box; transition:background 0.3s; color:var(--clps-lbl-f-col); background:var(--clps-lbl-b-col); border:.0625rem solid var(--clps-br-col); padding:calc(1.5 * var(--u-p)); border-radius:var(--u-br-r) } label.collapse:hover,label.collapse:focus { background:var(--clps-lbl-h-b-col) } label.collapse+pre { box-sizing:border-box; height:0; max-height:1px; overflow:auto; margin:0; border:0; padding:0; transition:max-height 0.3s } label.collapse.toggled { background:var(--clps-sel-lbl-b-col); border-bottom-color:var(--clps-sel-lbl-br-col); border-bottom-left-radius:0; border-bottom-right-radius:0 } label.collapse.toggled+pre { border-top-left-radius:0; border-top-right-radius:0; position:relative; width:100%; height:auto; border:.0625rem solid var(--clps-br-col); border-top:0; padding:calc(2 * var(--u-p)); max-height:400px } button.primary.clipboard-copy { width:100%; margin-left:0 } button.primary.clipboard-copy>img { vertical-align:bottom } code[class*="language-"],pre[class*="language-"] { color:#222; text-align:left; white-space:pre; word-spacing:normal; word-break:normal; word-wrap:normal; line-height:1.8; -moz-tab-size:2; -o-tab-size:2; tab-size:2; -webkit-hypens:none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none } pre[class*="language-"] { padding:calc(2 * var(--u-p)); overflow:auto; margin:var(--u-m) 0 } pre[class*="language-"]::-moz-selection,pre[class*="language-"] ::-moz-selection,code[class*="language-"]::-moz-selection,code[class*="language-"] ::-moz-selection { background:#b3d4fc } pre[class*="language-"]::selection,pre[class*="language-"] ::selection,code[class*="language-"]::selection,code[class*="language-"] ::selection { background:#b3d4fc } :not(pre)>code[class*="language-"] { padding:.1em; border-radius:.3em; white-space:normal } .token.comment,.token.prolog,.token.doctype,.token.cdata { color:#7a8490 } .token.punctuation { color:#666 } .namespace { opacity:.7 } .token.property,.token.tag,.token.boolean,.token.constant,.token.symbol,.token.deleted,.token.function { color:#005cc5 } .token.number,.token.class-name { color:#832ed2 } .token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted { color:#067e36 } .token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.atrule,.token.attr-value,.token.keyword { color:#d73a49 } .token.regex { color:#097cab } .token.important,.token.variable { color:#e90 } .token.important,.token.bold { font-weight:bold } .token.italic { font-style:italic } .token.entity { cursor:help } button.scroll-to-top { border-radius:100%; font-size:1.5rem; line-height:1; box-sizing:border-box; width:2.75rem; height:2.75rem; position:fixed; bottom:1rem; right:2rem; background:var(--b-col); box-shadow:0 0.25rem 0.25rem 0 rgba(0,0,0,0.125),0 0.125rem 0.125rem -0.125rem rgba(0,0,0,0.25) } button.scroll-to-top:hover,button.scroll-to-top:focus { background:var(--b-col2) }