:root{--red: #e8612b;--orange: #ff8e51;--yellow: #f8c666;--mustard: #d6971e;--rust: #92543b;--earth: #825b61;--sand: #bcadaf;--blush: #f2cbd1;--pale: #ffe8dc;--vellum: #eeeae3;--ghost: #f7f5f1;--foam: #e9ebe2;--lichen: #d2d6c5;--moss: #3c402b;--slate: #3e3d3a;--stone: #343330;--dark-grey: #656461;--acid: #c4e456;--olive: #a4b55b;--green: #1fa647;--darkgreen: #2e321f;--deepgreen: #1f2310;--blue: #1f7fea;--purple: #925bff;--eggplant: #35313d;--moss-shadow: rgba(60, 64, 43, .2);--slate-sheer: rgba(62, 61, 58, .5);--ghost-sheer: rgba(247, 245, 241, .5);--elephant: #656461;--pewter: #c9c5bf;--shadow: rgba(0, 0, 0, .15);--scrim: rgba(255, 255, 255, .05);--sheer: rgba(194, 186, 196, .25);--soft: rgba(194, 186, 196, .7);--translucent: rgba(255, 255, 255, .5)}body{margin:0;font-variant-ligatures:common-ligatures;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}::selection{color:var(--moss);background-color:var(--acid)}::-moz-color-swatch{border:none}h2{font-weight:400}p{font-size:16px}img{-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none}pre,code{font-family:IBM Plex Mono,Courier New,monospace}pre{box-sizing:border-box;margin:0;border-radius:6px;font-size:13px;white-space:pre-wrap}hr{display:block;height:0px;border:0;border-bottom:1px solid var(--border-secondary);padding:0;margin:8px 0}input{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}button{border:none;display:inline-flex;align-items:center;justify-content:flex-start;cursor:pointer}button:disabled{cursor:not-allowed!important}button.main-button{height:56px;padding:0 32px 0 28px;background-color:#fff;border-radius:8px;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:600;font-size:16px;line-height:30px;box-sizing:border-box;color:var(--moss);border:1px solid var(--moss);box-shadow:2px 2px 0 0 var(--moss-shadow);transform:translate(0);transition:all .2s ease;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;margin:0 24px 24px 0}button.main-button:active{transform:translate(2px,2px);box-shadow:0 0 0 0 var(--moss)}button.main-button svg{margin-right:8px}.button-container{display:flex;flex-wrap:wrap}a.main-link{color:var(--moss)}.name{color:var(--foreground-secondary)}.badge.new{color:var(--mustard)}.badge.updated{color:var(--olive)}.badge{font-size:24px;line-height:.5em}.card{border-radius:8px;border:1px solid var(--border-card)}.primary{color:var(--foreground);background-color:var(--background)}.secondary{color:var(--foreground-card);background-color:var(--background-card)}@keyframes bounce{0%,30%,50%,to{transform:translateY(0)}20%{transform:translateY(-12px)}40%{transform:translateY(-7px)}}.bounce{animation:bounce 1s ease-out 1}@keyframes spin{0%{transform:rotate(0)}20%{transform:rotate(200deg)}80%,to{transform:rotate(540deg)}}.spin{animation:spin 1s ease-out 1}.banner-container{position:fixed;top:0;left:0;right:0;display:flex;flex-direction:column;gap:8px;padding:12px;color:#fff;margin:auto;z-index:1;pointer-events:none}.banner ::selection{background-color:var(--moss-shadow)}.banner .main-button{height:unset;min-height:64px;margin:8px 0 0}.banner a{color:inherit}.banner-content{flex:1;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:800px;margin:auto;padding:12px 12px 12px 16px;color:var(--moss);background-color:var(--acid);border:1px solid var(--moss);border-radius:16px;filter:drop-shadow(2px 2px 0 var(--moss-shadow));font-family:IBM Plex Mono;font-size:14px;pointer-events:initial}.banner-button{color:inherit;background-color:unset;padding:0;margin:0;cursor:pointer}.banner-button:active{opacity:.7}.message{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:12px}@media screen and (max-width: 719px){.banner-container{padding:0;gap:0}.banner-content{align-items:flex-start;border-radius:0;border:none;border-bottom:1px solid var(--moss);margin:0;max-width:unset}.message{align-items:flex-start}}.links{display:flex;flex-flow:column wrap;align-content:flex-start;align-items:flex-start;justify-content:center;margin:32px 0 64px;max-height:220px}.links>div{margin:0 72px 24px 0;display:flex;align-items:center}.links svg{margin-right:12px}a.nav-link{text-decoration:none;position:relative;cursor:pointer;color:inherit}a.nav-link:after{content:"";position:absolute;bottom:.15em;left:0;width:0%;border-bottom:1px solid var(--moss);transition:.2s}a.nav-link:hover:after{width:100%}header{overflow:hidden;position:relative;color:var(--moss);background-color:var(--vellum)}.header-contents{position:relative;width:100%;height:100%;max-width:1366px;min-width:360px;margin:auto}@keyframes tickle{0%{transform:none}50%{transform:scale(1.1) rotate(-12deg) translateY(-2px)}to{transform:scale(1.2) rotate(12deg) translateY(-4px)}}#logo{margin-top:56px;transition:color .15s ease}#logo:hover{color:var(--sand);animation:tickle .25s ease 0ms infinite alternate forwards}.illustrations-top,.illustrations-bottom{position:relative}.intro,.illustrations-top{margin:0 8%;max-width:666px}.intro h2{font-size:40px;line-height:52px;margin:0 0 32px}.inspectable{cursor:cell}#paperclips{position:absolute;left:110px;top:152px}#paperclips-three{display:initial;position:absolute;left:776px;top:370px}.map{position:absolute;top:-44px;left:300px;transform:rotate(-10deg)}.synth{position:absolute;top:-235px;left:800px;transform:rotate(3deg)}.ipad{position:absolute;top:-626px;left:308px}.watch{position:absolute;top:160px;left:320px;transform:rotate(-5deg)}.xray{opacity:1;transition:opacity .2s ease}.xray:hover{opacity:0}@media screen and (max-width: 1239px){.illustrations-top{height:382px}.map{top:-10px;left:-80px}.watch{top:8px;left:90px}#paperclips{display:none}}@media screen and (min-width: 720px) and (max-width: 1239px){.illustrations-bottom{height:500px}.synth{top:-110px;left:620px}#paperclips-three{top:506px;left:550px}}@media screen and (min-width: 1240px){.intro,.illustrations-top{margin:0 auto 0 140px}.illustrations-top{height:386px}.illustrations-bottom{height:550px}}@media screen and (max-width: 719px){.intro h2{font-size:28px;line-height:40px}.illustrations-top{height:200px}#paperclips-three{top:-70px;left:-167px}.ipad{display:none}.map{top:0;left:-60px}.synth{top:-340px;left:400px}.watch{top:0;left:100px}.illustrations-bottom{height:360px}.links{display:block;max-height:initial}}.react-dropdown-select{width:176px!important;height:48px!important;justify-content:flex-start;padding:0 24px!important;color:#fff;border-radius:8px!important;background-color:var(--scrim);font-size:16px;border:none!important}@media screen and (max-width: 558px){.react-dropdown-select{width:100%!important}}.react-dropdown-select-content{display:flex;align-items:center;justify-content:flex-start}.react-dropdown-select-content svg{margin:0 12px 0 0}.react-dropdown-select:focus-within{background-color:#fff;color:var(--moss);outline:none!important;box-shadow:none!important}.react-dropdown-select-item{color:#333;height:40px!important;display:flex;align-items:center}.react-dropdown-select-item svg{margin:0 12px 0 24px}.react-dropdown-select-input{color:#fff}.react-dropdown-select-dropdown{position:absolute;left:0;border:none;width:500px;padding:0;display:flex;flex-direction:column;border-radius:8px!important;max-height:300px;overflow:auto;z-index:9;box-shadow:none}.react-dropdown-select-item{color:var(--moss)}.react-dropdown-select-item:hover{background-color:var(--acid)!important}.react-dropdown-select-item.react-dropdown-select-item-selected,.react-dropdown-select-item.react-dropdown-select-item-active{color:var(--moss)!important;background-color:var(--acid)!important}.react-dropdown-select-item:focus{color:var(--moss)!important;background-color:var(--acid)!important}.react-dropdown-select-item.react-dropdown-select-item-disabled{background:#777;color:#ccc}.search-bar{position:relative;display:flex;flex:2;align-items:center;height:48px;padding:0 24px;border-radius:8px;color:#fff;background-color:var(--scrim)}.search-bar:focus-within{outline:none;color:var(--moss)!important;background-color:#fff!important}.search-bar:focus-within .keys{display:none}.search-bar input{height:100%;flex:1;border:none;margin:0 12px;padding:0;font-size:16px;color:#fff;background-color:transparent!important;text-overflow:ellipsis}::placeholder{color:#fff!important}.search-bar input:focus{outline:none;color:var(--moss)}.search-bar input::placeholder{color:#000}.clear-icon{cursor:pointer}.wait-icon{cursor:wait}.keys{position:absolute;top:16px;right:24px;display:inline-flex;align-items:center;justify-content:flex-end;-moz-user-select:none;-webkit-user-select:none;user-select:none;min-width:42px;font-size:12px}@media screen and (max-width: 558px){#search-icon{display:none}.search-bar input{margin-left:0;width:60%}}@media screen and (min-width: 858px) and (max-width: 1100px){.search-bar{flex-basis:320px}}.size-bar{position:relative;display:flex;flex:2;align-items:center;height:48px;padding:0 24px;color:#fff;border-radius:8px;background-color:var(--scrim);font-family:Manrope,sans-serif;font-size:16px}.size-bar label{width:40px}.size-bar:focus-within{outline:none}.size-bar input{flex:1;border:none;margin:0 0 0 12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1px;background:rgba(255,255,255,.3);outline:none}@media screen and (max-width: 558px){.size-bar input{margin:0 auto}.size-bar label{display:none}}.size-bar input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;padding:6px;border-radius:50%;background:white;cursor:pointer;transition:height .1s,width .1s}.size-bar input::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;padding:6px;border-radius:50%;background:white;cursor:pointer;transition:height .1s,width .1s}.size-bar input:focus::-moz-range-thumb{outline:none;width:24px;height:24px;box-shadow:0 0 0 6px var(--sheer)}.size-bar input:focus::-webkit-slider-thumb{outline:none;width:24px;height:24px;box-shadow:0 0 0 6px var(--sheer)}.color-picker{position:relative;overflow:hidden;height:48px;min-width:112px;flex:1;border:none;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.color-picker span{display:grid;place-items:center;position:absolute;margin:0;top:0;right:0;bottom:0;left:0;-moz-user-select:none;-webkit-user-select:none;user-select:none;pointer-events:none;text-transform:uppercase}input.color-input{position:relative;height:100%;width:100%;box-sizing:border-box;border:none;border-radius:8px;padding:0;cursor:pointer}input.color-input::-webkit-color-swatch-wrapper{padding:0}input.color-input::-webkit-color-swatch{border:none;border-radius:100%}input.color-input:focus{outline:none;border:2px solid white}button.tool-button{background-color:var(--scrim);color:#fff;padding:12px;border-radius:8px;cursor:pointer}button.tool-button:active{background-color:var(--sheer)}@media screen and (max-width: 558px){.toolbar .tool-button{display:none}}.toolbar{position:-webkit-sticky;position:sticky;top:-1px;padding:0;margin:0;color:#fff;background-color:var(--stone);z-index:2;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 0 0 var(--moss-shadow)}.toolbar-contents{width:83.33%;max-width:1120px;padding:0 0 8px;display:flex;flex-flow:wrap;align-items:center;justify-content:space-between}.toolbar-contents>*{margin:8px 4px 0}@media screen and (max-width: 558px){.toolbar-contents{width:100%;display:grid;grid-template-columns:50% 50%}}.tabs{display:flex;flex-direction:column}.tabs:has(button.tab:first-child:hover) .tab-content{border-top-left-radius:0}.tabs:has(button.tab:last-child:hover) .tab-content{border-top-right-radius:0}.tabs-header{display:flex;align-items:center;gap:4px}button.tab{all:unset;padding:6px 4px;font-size:12px;text-align:center;cursor:pointer;flex:1;border-top-left-radius:8px;border-top-right-radius:8px;z-index:2}button.tab:focus-visible{outline:1px solid currentColor}button.tab:hover:not(.active){background-color:var(--hover-tabs)}button.tab.active{background-color:var(--background-layer);border-bottom:none}.tab-content{flex:1;height:86px;max-height:86px;padding:20px 20px 10px;border-radius:8px;background-color:var(--background-layer);overflow-y:auto}@media screen and (max-width: 719px){.tabs{flex:1}.tab-content{height:unset;max-height:unset}}.tag-cloud{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px}button.tag-button{border-radius:4px;background-color:var(--background-card);outline:none;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease;color:var(--foreground)}button.tag-button:hover{background-color:transparent}button.tag-button:focus-visible{box-shadow:0 0 0 1px var(--foreground)}.tag-button code{padding:4px;font-size:12px}.grid-container{position:relative;padding:32px 16px;z-index:1;content-visibility:auto;color:var(--foreground);background-color:var(--background)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));max-width:1152px;margin:auto}.grid-item{display:flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;box-sizing:border-box;width:160px;height:160px;flex-direction:column;align-items:center;justify-content:center;margin:4px;border-radius:16px;-moz-user-select:none;-webkit-user-select:none;user-select:none;cursor:pointer}.grid-item:hover{background-color:var(--background-layer)}.grid-item:focus-visible{outline:none;border:1px solid var(--foreground)}.grid-item p{font-size:12px;line-height:16px;margin-top:12px;text-align:center}.versioning{margin-top:2px;opacity:.75}.snippet{position:relative;width:100%}.snippet pre{text-overflow:ellipsis}.snippet button{position:absolute;top:-8px;right:-8px;margin:0;cursor:pointer}.button-row{display:flex;flex-wrap:wrap}.button-row button{background-color:transparent;font-size:16px;line-height:24px;margin:0 48px 0 0;padding:0;height:48px;cursor:pointer}.button-row button svg{margin-right:8px}.disabled{color:var(--pewter);-webkit-user-select:none;user-select:none}.close-icon{position:absolute;top:12px;right:12px;text-align:end;cursor:pointer}.close-button{color:inherit;background:transparent;height:unset!important;padding:0!important;margin:0!important;border-radius:48px!important;position:absolute;top:-14px;right:-18px;text-align:end;cursor:pointer}.close-button:before{content:"";background:var(--background);position:absolute;width:18px;height:18px;top:5px;left:5px;border-radius:50%;z-index:-1}.close-button:active{opacity:.7}.empty-list{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;min-height:80vh;max-width:1120px;margin:auto}.empty-list-box p{margin-bottom:0}.empty-list-box{max-width:80%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px;border-radius:8px;background-color:var(--background-layer)}.beacon{position:relative;top:-96px}aside.detail-footer{position:sticky;bottom:16px;margin:auto;max-width:1120px;display:grid;grid-template-columns:280px 1fr;gap:24px;padding:12px 24px;height:146px}figure{margin:0;display:grid;grid-template-columns:64px 1fr;gap:24px;align-items:center}figcaption{display:flex;flex-direction:column;font-size:14px}figcaption>p{margin:0}.detail-preview{display:flex;flex-direction:column;justify-content:space-between;padding-block:8px}.detail-meta{display:flex;align-items:center;justify-content:space-between;gap:4px}.detail-actions{display:inline-grid;grid-template-columns:1fr 1fr;max-height:60px}.action-button{color:var(--foreground);background-color:transparent;font-size:11px;padding:6px;border-radius:4px}.action-button.text{padding:6px 10px 6px 6px}.action-button:hover{background-color:var(--background-layer)!important}.detail-actions .action-button svg{margin-right:6px}@media screen and (max-width: 719px){.grid-container{padding:16px 8px}.close-button{top:4px;right:12px}aside.detail-footer{top:16px;bottom:-20px;display:flex;flex-direction:column;height:440px;margin-inline:-10px;border-radius:0}.detail-actions{display:inline-flex}}@media screen and (max-width: 536px){.grid{grid-template-columns:repeat(auto-fit,minmax(108px,1fr))}.grid-item{width:108px;height:unset;padding:4px 0;justify-content:flex-start;border:1px solid transparent}.grid-item p{padding:0 4px}}footer{color:var(--moss);background-color:var(--sand)}#back-to-top-button{width:140px;height:140px;margin:0;border-radius:50%;z-index:2;font-size:56px;justify-content:center;padding:0 30px}#back-to-top-button:active{transform:translate(2px,2px)!important;box-shadow:0 0 0 0 var(--moss-shadow)}#back-to-top-button svg{margin-right:0!important}.container{position:relative;width:100%;max-width:1240px;margin:auto}.outro{position:relative;max-width:666px;margin:0 8%;padding-top:72px}.outro p{font-size:28px;line-height:40px;margin:0 0 32px}footer .links{margin:56px 0 48px}.fine-print{position:relative;margin:104px 0 0;overflow:hidden}.fine-print p{font-size:16px;line-height:24px;padding-bottom:56px;margin:0}.illustrations-footer{position:absolute;overflow-y:hidden;width:300px;margin:auto;bottom:0;left:-456px;height:490px}.ruler-marker{position:absolute}@media screen and (min-width: 720px){.outro{margin:0 auto}.fine-print{margin-top:72px}#back-to-top-button{position:absolute;left:70px;top:-56px}}@media screen and (min-width: 720px) and (max-width: 1239px){.illustrations-footer{height:600px;left:-320px}.ruler-marker{bottom:-216px}}@media screen and (min-width: 1239px){.outro{margin-left:462px}#back-to-top-button{position:absolute;left:190px;top:348px}}@media screen and (max-width: 719px){#back-to-top-button{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0;font-size:28px}footer .links{margin:0 0 64px}.fine-print{margin-top:48px}.illustrations-footer{display:none}}