#main article .close{display:none}.site-close{display:none;position:fixed;top:1rem;right:1rem;top:calc(1rem + env(safe-area-inset-top,0px));right:calc(1rem + env(safe-area-inset-right,0px));width:3rem;height:3rem;z-index:1000;border-radius:100%;border:solid 1px rgba(255,255,255,.45);border-bottom:solid 1px rgba(255,255,255,.45);background-color:rgba(27,31,34,.85);background-position:center;background-repeat:no-repeat;background-size:20px 20px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cstyle%3Eline %7B stroke: %23ffffff%3B stroke-width: 1.75%3B stroke-linecap: round%3B %7D%3C/style%3E%3Cline x1='3' y1='3' x2='17' y2='17' /%3E%3Cline x1='17' y1='3' x2='3' y2='17' /%3E%3C/svg%3E");transition:background-color .2s ease-in-out,border-color .2s ease-in-out}body.is-article-visible .site-close{display:block}.site-close:hover{background-color:rgba(60,68,74,.95);border-color:rgba(255,255,255,.85)}.site-close:active{background-color:rgba(90,100,108,.95)}.site-close span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media screen and (max-width:736px){.site-close{width:2.75rem;height:2.75rem;background-size:16px 16px}}body.start-here-page #main article h2,body.start-here-page #main article h3{letter-spacing:0;text-transform:none}body.start-here-page #main article h3{margin-bottom:.5rem}body.start-here-page #main article ol li,body.start-here-page #main article ul li{padding-left:.5rem}body.start-here-page #main article h1.major{width:fit-content;max-width:100%;overflow-wrap:anywhere}.guide-callout{position:relative;padding:.9rem 1rem .9rem 1.15rem;border-left:solid 2px rgba(255,255,255,.4);background-color:rgba(255,255,255,.035);border-radius:0 4px 4px 0}.guide-callout a{font-weight:600}.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:10001;padding:.7rem 1rem;border:solid 2px #fff;border-radius:4px;background:#11171b;color:#fff;font-weight:600;transform:translateY(-160%);transition:transform .15s ease-in-out}.skip-link:focus{transform:translateY(0)}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:solid 3px #8edbff!important;outline-offset:4px}#header .content p.home-positioning{max-width:34rem;text-transform:none;letter-spacing:.04rem;font-size:1rem;line-height:1.6}.site-section-nav{margin:-.75rem 3.75rem 2rem 0;border-bottom:solid 1px rgba(255,255,255,.25)}.site-section-nav ul{display:flex;flex-wrap:wrap;align-items:center;gap:0 1.25rem;margin:0;padding:0;list-style:none}.site-section-nav ul li,body.start-here-page #main article .site-section-nav ul li{padding:0}.site-section-nav a{display:inline-flex;align-items:center;min-height:2.75rem;border:0;box-shadow:inset 0 -2px 0 transparent;font-size:.72rem;font-weight:600;letter-spacing:.12rem;line-height:1.25;text-transform:uppercase;text-decoration:none}.site-section-nav a:hover{box-shadow:inset 0 -2px 0 rgba(255,255,255,.6)}.site-section-nav a[aria-current=page]{box-shadow:inset 0 -2px 0 #fff}body.blog-page ul.actions,body.examples-page ul.actions{flex-wrap:wrap;row-gap:1rem}@media screen and (max-width:480px){#header .content p.home-positioning{font-size:.9rem}.site-section-nav{margin-right:3.25rem}.site-section-nav ul{gap:0 .9rem}}@media screen and (max-width:480px){#header{padding:.75rem 0}#header>*{margin-top:1.25rem}#header>:before{top:calc(-1.25rem - 1px);height:calc(1.25rem + 1px)}#header .content .inner{padding:1.25rem 0}.headglitch-container{padding:24px 0}}@media screen and (max-width:420px){.headglitch{letter-spacing:4px}#header .logo{width:3.75rem;height:3.75rem;line-height:3.75rem}#header .logo img{width:3.25rem;height:3.25rem}}@media screen and (max-height:560px){body{overflow-y:auto}.headglitch-container{padding:10px 0}.headglitch{font-size:clamp(26px, 7vw, 40px)}#header .content .inner{padding:.75rem 0}#header>*{margin-top:1rem}#header>:before{top:calc(-1rem - 1px);height:calc(1rem + 1px)}#header .logo{width:3rem;height:3rem;line-height:3rem}#header .logo img{width:2.5rem;height:2.5rem}}@media screen and (max-width:360px){#header nav ul li a{height:44px;line-height:44px}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:0s!important}.skip-link{transition:none}}.hook{margin:0 0 2rem 0}.hook p{position:relative;margin:0 0 .85rem 0;padding-left:1.4rem;font-size:1.1rem;line-height:1.45;color:rgba(255,255,255,.92)}.hook p::before{content:"";position:absolute;left:0;top:.72em;width:.75rem;height:1px;background-color:rgba(255,255,255,.45)}.hook p:last-child{margin-bottom:0}@media screen and (max-width:480px){.hook p{margin-bottom:1rem;font-size:1.05rem;padding-left:1.1rem}.hook p::before{width:.6rem}}