body{font-family:roboto,sans-serif;color:#234;line-height:150%}select{font-family:roboto,sans-serif;color:#234;cursor:pointer}address{font-style:normal}pre,code{font-family:noto sans mono}h1,h2,h3,h4,h5,h6{font-family:roboto;font-weight:700;letter-spacing:-1px}header{font-family:roboto}header{display:grid;grid-template-columns:minmax(2vw,auto)minmax(0,80rem)minmax(2vw,auto)}header:nth-of-type(1){background-color:#3d3d3d}header:nth-of-type(2){margin-bottom:1rem;position:sticky;top:0;background-color:rgba(250,250,250,.9);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 2px 2px rgba(0,0,0,5%);z-index:1000}header #brand_menu ul{display:grid;grid-auto-flow:column;justify-content:left;grid-gap:1rem}header #brand_menu ul li{padding:.35rem 0}header #brand_menu ul li a{text-decoration:none;color:#9a989a}header #brand_menu ul li a:hover{text-decoration:underline}header #brand_menu ul li:nth-of-type(6n+2) a{color:#fff}header #logo_and_search{padding:.75rem 0 .25rem;display:grid;grid-template-columns:auto 1fr;grid-gap:3rem;align-items:center}header #logo_and_search img{display:block}header #logo_and_search fieldset{border-radius:10px;position:relative;overflow:hidden;border:0;box-shadow:0 2px 2px rgba(0,0,0,5%)}header #logo_and_search fieldset input[type=text]{width:100%;padding:.55rem .75rem;font-size:1.2rem;outline:none;background-color:initial;box-sizing:border-box;border:0;background-color:#fff}header #logo_and_search fieldset input[type=submit]{background:#1cb5ca;background-image:url(/static/search-icon.png);background-position:50%;background-repeat:no-repeat;position:absolute;top:0;right:0;bottom:0;border:0;cursor:pointer;min-width:36px}header #menu{margin:0 calc(1rem - .4rem);display:grid;grid-auto-flow:column;border-radius:.5rem;overflow:hidden}header #menu a{color:#fff;font-weight:700;white-space:nowrap;text-decoration:none;text-shadow:1px 1px 1px rgba(0,0,0,.1);text-transform:uppercase;text-align:center;padding:.4rem .4rem .3rem;font-size:1.05rem;border-bottom:solid 3px rgba(0,0,0,.1)}header #menu a:hover{text-decoration:underline}header #menu a:nth-of-type(6n+1){background-color:#e63c2e}header #menu a:nth-of-type(6n+2){background-color:#1cb5ca}header #menu a:nth-of-type(6n+3){background-color:#f6a704}header #menu a:nth-of-type(6n+4){background-color:#09b775}header #menu a:nth-of-type(6n+5){background-color:#bc60d0}header #menu a:nth-of-type(6n+6){background-color:#f97eb5}@media(max-width:55rem){#article{grid-template-columns:2fr minmax(0,7fr)!important}#article #toc{order:1!important;grid-row:1/3!important}#article article{order:3!important}#article #metadata{order:1!important;margin-bottom:1rem!important}#article #metadata aside{display:grid;grid-template-columns:1fr;box-shadow:none!important;max-height:none!important;border-radius:0!important}#article #metadata aside h1{font-size:2.5rem!important;line-height:2.7rem!important}#article #metadata aside #hero{padding-bottom:none!important;border-radius:1rem!important}#article #metadata aside #details{margin:1rem 0 0!important}#article #metadata aside #details>div{grid-template-columns:auto 1fr auto 1fr!important}#article #metadata aside #details>div>div:nth-of-type(4n+2){border-right:dotted 1px #e0e0e0}#article #metadata aside #details>div>div:nth-of-type(4n+3){padding-left:.5rem}#article #metadata aside #cart{margin:1rem 0 0!important}#article #body h1{display:none!important}#article #body img,#article #body pre{max-width:100%!important;margin:1rem 0!important;width:100%!important}}@media(max-width:40rem){#article{grid-template-columns:100%!important}#article #toc{display:none!important}#article article #body img,#article article #body pre,#article article #body video{max-width:100%!important;margin:1rem 0}header #logo_and_search{padding:.75rem 0!important;grid-gap:1rem!important}header #logo_and_search img{max-height:1.8rem!important}header #logo_and_search #search_input{font-size:.9rem;padding:.6rem .65rem}}main{width:100%;display:grid;grid-template-columns:minmax(2vw,auto)minmax(0,80rem)minmax(2vw,auto)}main #article{padding:env(safe-area-inset-top)env(safe-area-inset-right)env(safe-area-inset-bottom)env(safe-area-inset-left)}#article{width:100%;display:grid;column-gap:3rem;grid-template-columns:2.5fr minmax(0,8fr)minmax(16rem,4fr)}#article #lightbox{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.2);z-index:50000;padding:1rem;cursor:zoom-out;align-items:center;justify-items:center}#article #lightbox>div{cursor:zoom-out;max-width:calc(100vw - 2rem);height:calc(100vh - 2rem)}#article #lightbox>div img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 0 1rem rgba(0,0,0,.5))}#article article{position:relative}#article article a{color:#234;font-weight:700}#article article .product-link{margin:-.5rem;padding:.5rem;display:inline-block}#article article .product-link.active{background-color:rgba(246,167,4,.25)}#article article .product-link.active+span{color:#1cb5ca!important;pointer-events:none}#article article .product-link+span{color:rgba(28,181,202,.5)!important;position:relative;font-size:.75rem;left:-.05rem;top:-.6rem}#article article #body>p:first-of-type{font-size:1.25rem;line-height:1.75rem}#article article #body>p{margin:.5rem 0}#article article #body>ol{margin:1rem 0}#article article #body>ul{margin:1rem 0}#article article #body+div{text-align:center;padding:50vh 0;color:rgba(34,51,68,.2);font-size:1.5rem}#article article #body+div strong{font-size:1.8rem}#article article #body th,#article article #body td{padding:.5rem 1rem;border:solid 1px #000}#article article h1{margin-bottom:2rem;margin-top:.45rem}#article article h1 span{font-size:3rem;line-height:3rem}#article article h2{font-size:1.8rem;line-height:2rem;padding:0;font-weight:700;margin:3rem 0 1rem;padding:.5rem 0 0}#article article h3{font-size:1.2rem;line-height:1.2rem;font-weight:700;margin:2rem 0 0;text-transform:uppercase;color:rgba(34,51,68,.8)}#article article h4{font-size:1rem;line-height:1rem;font-weight:700;margin:1rem 0 0;text-transform:uppercase;letter-spacing:0!important}#article article h4+*{margin-top:0!important}#article article img{margin:1rem 0;border-radius:.5rem;max-width:calc(100% + 2rem);display:block;border:solid .25rem #fff;box-shadow:0 0 2px rgba(0,0,0,5%),0 2px 4px rgba(0,0,0,5%),0 4px 8px rgba(0,0,0,5%),0 8px 16px rgba(0,0,0,5%);cursor:zoom-in}#article article video{margin:1rem 0;border-radius:.5rem;max-width:calc(100% + 2rem);display:block;border:solid .25rem #fff;box-shadow:0 0 2px rgba(0,0,0,5%),0 2px 4px rgba(0,0,0,5%),0 4px 8px rgba(0,0,0,5%),0 8px 16px rgba(0,0,0,5%)}#article article code{text-transform:none}#article article li>pre,#article article p>pre{margin:1rem 0;overflow:visible;border-radius:.25rem;overflow:hidden;font-size:.9rem;font-weight:500}#article article li>pre>code,#article article p>pre>code{padding:.25rem .5rem;background-color:#4b4b4b}#article article li>pre>code::-webkit-scrollbar,#article article p>pre>code::-webkit-scrollbar{width:10px;height:10px}#article article li>pre>code::-webkit-scrollbar-track,#article article p>pre>code::-webkit-scrollbar-track{background:#f0f0f0}#article article li>pre>code::-webkit-scrollbar-thumb,#article article p>pre>code::-webkit-scrollbar-thumb{background-color:#d0d0d0;border-radius:20px;border:3px solid #f0f0f0}#article article #body>pre{overflow:hidden;border-radius:.25rem;font-size:.9rem;font-weight:500;box-shadow:0 0 2px rgba(0,0,0,5%),0 2px 4px rgba(0,0,0,5%),0 4px 8px rgba(0,0,0,5%),0 8px 16px rgba(0,0,0,5%)}#article article #body>pre>code{padding:.5rem 1rem;font-weight:400;background-color:#4b4b4b}#article article li>code,#article article p>code{display:inline-block;font-weight:900}#article article ol{padding:0 1rem}#article article ol li p{margin:0}#article article ol li:not(:last-child){margin-bottom:.25rem}#article article ul{list-style-type:disc;padding:0 2rem}#article article ul li p{margin:0}#article article ul li:not(:last-child){margin-bottom:.25rem}#article #metadata>aside{margin-top:1rem;overflow:hidden;border-radius:1rem;box-shadow:0 0 2px rgba(0,0,0,5%),0 2px 4px rgba(0,0,0,5%),0 4px 8px rgba(0,0,0,5%),0 8px 16px rgba(0,0,0,5%)}#article #metadata>aside #hero{background-size:cover;background-position:50%;padding-bottom:75%}#article #metadata>aside #details{margin:1rem;color:#456}#article #metadata>aside #details h1{font-size:1.15rem;line-height:1.25rem;font-weight:700;margin:.5rem 0;margin:0}#article #metadata>aside #details address{font-size:1rem;display:block;font-style:normal;color:#f6a704;font-weight:700;margin:.1rem 0}#article #metadata>aside #details p{margin:.5rem 0}#article #metadata>aside #details a{color:#234;font-weight:700}#article #metadata>aside #details>div{display:grid;grid-template-columns:auto 1fr;font-size:.8rem;margin:1rem 0;border-top:dotted 1px #e0e0e0}#article #metadata>aside #details>div>div{padding:.15rem 0 .05rem;border-bottom:dotted 1px #e0e0e0}#article #metadata>aside #details>div>div:nth-of-type(2n+1){padding-right:1.5rem;font-weight:700}#article #metadata>aside #details>div>div a{font-weight:400}#article #metadata>aside #cart{margin:1rem 1rem .5rem}#article #metadata>aside #cart h2{font-size:.9rem}#article #metadata>aside #cart ul{margin-top:.25rem}#article #metadata>aside #cart ul a{color:#234;text-decoration:none}#article #metadata>aside #cart ul>li{display:grid;grid-template-columns:3rem 1fr auto;grid-gap:1rem;padding:.5rem 0;border-top:dotted 1px #e0e0e0}#article #metadata>aside #cart ul>li>a:nth-child(1){display:block;padding-bottom:100%;background-size:cover;background-position:50%;border-radius:.5rem;box-shadow:inset 0 0 25px rgba(0,0,0,.075)}#article #metadata>aside #cart ul>li>div:nth-child(2){font-size:.8rem;line-height:1.1rem}#article #metadata>aside #cart ul>li>div:nth-child(2) select{font-size:.8rem;padding:.2rem .1rem .15rem;width:calc(100% + 1rem);border:solid 1px #e0e0e0;border-radius:.5rem;margin:0 -.5rem .5rem;box-shadow:0 0 5px rgba(0,0,0,.1);-webkit-white-space:pre-wrap;text-overflow:ellipsis}#article #metadata>aside #cart ul>li>div:nth-child(2) select option.out-of-stock{color:#e63c2e}#article #metadata>aside #cart ul>li>div:nth-child(2) a:hover{text-decoration:underline}#article #metadata>aside #cart ul>li>div:nth-child(2)>div{font-weight:400}#article #metadata>aside #cart ul>li>div:nth-child(3){text-align:right;align-self:center}#article #metadata>aside #cart ul>li>div:nth-child(3) a{font-weight:400;text-decoration:underline}#article #metadata>aside #cart ul>li>div:nth-child(3)>.add-to-cart button{border:dotted 1px rgba(9,183,117,.5);background-color:#fff;padding:0;color:#09b775;cursor:pointer;width:2rem;height:2rem;line-height:1.6rem;text-align:center;font-size:1.5rem;border-radius:.25rem}#article #metadata>aside #cart ul>li>div:nth-child(3)>.add-to-cart button:hover{background-color:#09b775!important;color:#fff!important}#article #metadata>aside #cart ul>li>div:nth-child(3) .hide{display:none}#article #metadata>aside #cart ul>li>div:nth-child(3)>.out-of-stock{font-size:.8rem;line-height:.9rem}#article #metadata>aside #cart ul>li>div:nth-child(3)>.out-of-stock span{display:block;margin-bottom:.25rem;font-weight:700;color:#e63c2e}#article #metadata>aside #cart ul>li>div:nth-child(3)>.in-cart{display:none;font-size:.8rem;line-height:.9rem}#article #metadata>aside #cart ul>li>div:nth-child(3)>.in-cart span{display:block;margin-bottom:.25rem;font-weight:700;color:#09b775}#article #toc>nav{margin:.5rem 0 0 -2rem;padding-left:1rem;box-sizing:border-box;position:sticky;top:5rem;max-height:calc(100vh - 6rem);overflow-x:hidden;overflow-y:auto}#article #toc>nav::-webkit-scrollbar{width:10px;height:10px}#article #toc>nav::-webkit-scrollbar-track{background:#f0f0f0}#article #toc>nav::-webkit-scrollbar-thumb{background-color:#d0d0d0;border-radius:20px;border:3px solid #f0f0f0}#article #toc>nav>ul{list-style:none;margin:0 -.5rem 1rem .5rem;padding:0;max-width:calc(100% - 1.5rem)}#article #toc>nav>ul li:not(:last-of-type){margin-bottom:1rem}#article #toc>nav>ul>li>ul{display:none}#article #toc>nav>ul>li>ul>li:not(:last-of-type){margin-bottom:.35rem}#article #toc>nav>ul>li>ul a{font-size:.9rem;line-height:1rem;padding-left:1rem}#article #toc>nav>ul a{text-decoration:none;color:#234;font-size:1.25rem;line-height:1.7rem;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.25rem .5rem}#article #toc>nav>ul a:not(.active){background-color:initial!important}#article #toc>nav>ul a:not(.active):hover{background-color:#f0f0f0!important}#article #toc>nav>ul a.active{color:#fff}#product_popover{position:fixed;left:100px;bottom:100px;z-index:1000;box-shadow:0 0 2px rgba(0,0,0,5%),0 2px 4px rgba(0,0,0,5%),0 4px 8px rgba(0,0,0,5%),0 8px 16px rgba(0,0,0,5%);background-color:#fff;border-radius:1rem;overflow:hidden;max-width:18rem;display:none;grid-gap:.5rem;grid-template-columns:1fr}#product_popover.visible{display:grid}#product_popover>div:first-child{padding-bottom:75%;background-size:cover;background-position:50%}#product_popover>h1{padding:.25rem .75rem!important;font-size:1.4rem;line-height:1.5rem;max-width:100%!important;margin:0!important}#product_popover>p{padding:0 .75rem!important;font-size:.9rem;line-height:1rem;margin:0!important;font-weight:400}#product_popover>div:last-child{margin-top:.5rem;padding:.5rem 1rem;background-color:#234;text-align:right}#product_popover>div:last-child a{color:#fff;text-decoration:none}#product_popover>div:last-child a:hover{text-decoration:underline}#product_popover>div:last-child>*:last-child{text-align:right}#product_popover a{color:#234}@media(max-width:599px){#home{grid-template-columns:1fr!important}#home>a span:first-child{margin-bottom:.5rem;padding-bottom:75%;position:relative;background-size:cover;background-position:50%}#home>a span:last-child{background-color:initial!important;padding:.5rem 1rem}}@media(min-width:599px){#home>a{}#home>a:nth-child(8n+4){grid-column:1/-2}#home>a:nth-child(8n+2){grid-column:-3/-1}#home>a:nth-child(8n+4) article,#home>a:nth-child(8n+2) article{height:100%;grid-gap:0;grid-template-columns:1fr}#home>a:nth-child(8n+4) span:first-child,#home>a:nth-child(8n+2) span:first-child{position:absolute;background-size:cover;left:0;top:0;right:0;bottom:0;box-shadow:inset 0 0 10px rgba(0,0,0,.1)}#home>a:nth-child(8n+4) span:nth-child(2),#home>a:nth-child(8n+2) span:nth-child(2){position:absolute;left:0;top:0;right:0;bottom:0;opacity:.75}#home>a:nth-child(8n+4) span:last-child,#home>a:nth-child(8n+2) span:last-child{position:absolute;border-radius:.5rem;padding:1rem;top:1rem;left:1rem;width:70%;background-color:#fff;box-shadow:.5rem .5rem 2rem rgba(0,0,0,.2)}#home>a:nth-child(8n+4) h1,#home>a:nth-child(8n+2) h1{font-size:3rem;line-height:2.8rem;margin-bottom:.5rem}#home>a:nth-child(8n+4) p,#home>a:nth-child(8n+2) p{margin:1rem 0;font-size:1.25rem;line-height:1.4rem}}#search{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important}#search>h1{background-color:#f0f0f0;padding:1rem;color:#234;font-weight:400;font-size:3rem;line-height:3.2rem;border-radius:1rem}#search>h1>span:first-of-type{color:#f6a704;font-weight:700}#home,#search{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1rem;grid-auto-flow:dense}#home>a,#search>a{align-items:stretch;position:relative;overflow:hidden;border-radius:1rem;text-decoration:none;color:#234;box-shadow:0 0 2px rgba(0,0,0,5%),0 2px 4px rgba(0,0,0,5%),0 4px 8px rgba(0,0,0,5%),0 8px 16px rgba(0,0,0,5%)}#home>a span:first-child,#search>a span:first-child{margin-bottom:.5rem;padding-bottom:75%;position:relative;background-size:cover;background-position:50%}#home>a span:last-child,#search>a span:last-child{padding:.5rem 1rem}#home>a:hover,#search>a:hover{background-color:#fff}#home article span,#search article span{display:block}#home article h1,#search article h1{font-size:1.4rem;line-height:1.5rem;font-weight:700;margin:.5rem 0;margin:0}#home article address,#search article address{font-size:1rem;display:block;font-style:normal;color:#f6a704;font-weight:700;margin:.1rem 0}#home article p,#search article p{margin:.5rem 0}#home article .stats,#search article .stats{font-size:.9rem;color:#456}#home article .tags,#search article .tags{position:absolute;right:.5rem;bottom:.5rem;grid-auto-flow:column}.tags{display:grid;grid-gap:.5rem}.tags li{margin:0;color:#fff;background-color:rgba(127,127,127,.5);font-size:.9rem;padding:.25rem .5rem;border-radius:.25rem;text-shadow:1px 1px 0 rgba(0,0,0,.2);border:solid 2px rgba(255,255,255,.2);backdrop-filter:blur(10px)}