@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAn4ABMAAAAAEwQAAAmOAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGjQbgnQcLj9IVkFSgQEGYD9TVEFUgQIAgQovahEICok0h0ULIAAwhzoBNgIkAzwEIAWHJgeBDgwHG6QQUdRKTmoBFD8K42bniObKrG3LZFcMWZzFmrjTFhQ6TVTqPJcInrfrvzq3b2PGn1wwMiNYGTy9ViREYARlL1zAGcPdPqBt3gNWrfKthv4xnM+b9caw+wmjgEUVRjHXhS6jgCK6zf5HiWQacJpGdAgdrbV6g/Rf1BfxRqZVQnrxRVWSJb6RLFnyu0elilmjeoSQCKnxsmwLaddUMjnksriSYuuPl06EAl7KfAiWQjCUETz0zNZ3EII94CDQtzkMfZ/9IkkY8tZRZTDky5ZVwBAM+GYpdd4ZVAWYImnLkiTg48l79gGx3D+VBtLeyg8u7bJAd4uo0pFuQBFysE9C95l0W4Fkiao6GfrDbu77lVU7wk9cV3uqOsXmQiMkhVKl1ugjzUAJBSIkkVWHijkpkVSyUFsgVBuJMA0N+ZnXtyUv5yMigGdfQRmwL1AAjQ3YXG6iIFNSUdPQo8+AISPGAltBMDQRAtyf4ZspLlZkpyOVoMZPvFGWzvk8p5SUC/NWPMj6T2/Yas2EdlON5GkfdkeFwVGjta825H89NIenlLWAPAp5h1KDtRhCaAQWMsFKtEvOKpIhgLHlXPARokkgEGEOAkqxJRQpKYq4ezahIiLHP6hZpqMbV0pUF2vdvEimLEQ/iIUYLgYWs0VXGVlLTOPdaPmFfCC/XrtzqVo1ez7vz6+Kd2+7o11ZJ+4MreLbB5BKVGxobAq4jZYalZ5aX2CKJiwUuc9GNJyi4M8bGyKcdjSRrG4JohdF8buJfmQefbYYREnMFsOoiNliFDVxmRgL0XUmUMLqzW0A4gCQAhWGYCQpFNukwXhIkPMsbRI19ewtw8Cp2Wj/Ro5cM2OTAbJAvZ/L4opBXb9+UHscYuOKM/W8isgwN26Exexjizmfnlp9dE3hOSqdZ/F5QqbckIlPb+oKfXxd6hftJ7Sm/uyPYpONza84CRlMNk/uhOrLpyf53982++zRkXNu3g3VF8qFbx1+7fbHZ9DrB3VXWNSmhnT2vrwS1+1Z+kHGBaZIhnnvuLBTNDeA340D1DWu5/jEa9pVfl6+Jij+yo3EELNixXCLjr173Q5eDP7Y7/L4iQFHbjpaJLFoP4cCsYP6sAPL7gMHNg53yYjqxqTDrYqLDl5DzW/eTLjYxCvucprjI3yl2ykKowKUC2Ox2FJLFo6Fa1HBWLC2jMCIIBEmklkYhmkpmBhTm/LCvJAH5oGcMKcgFEP1xUdho8ANPa6RFD99/PN60fjj9eXy2Eex4B5MpmRapXidzFk1p4uLk3+hn6jAP9ovJcXPPwk8o/0ltizbdbnTprvx4PSxT0VZ3Xc772aN7RflgbXRYwc3hLNO+k878nxGwfuVM8m8Gs7WEoVGWLHwSpx4vNSHBCMNqJ4m15Kp/TfHHVkQd++eY7PGN4W5byTs+6Ft8Ozvb/D60btv37de8ER0mS3P/0sLW84qGjEVkwztPzz06eGUWwKLwPb0D/WFd3vltl2aP276KpM0JNz6AfnAnZ5ADlF2zVyZ2OkxHSMxWPMnSZLbbDR3F1UjPVqp4d68da13F1YZujdWw7271iecO2l9+/4p47Oztjck355/75wFOI+VdGDqbNGs+ISgxg3iB2jb2r+b0CWsNLHIM4sdv8SDSFBP/Oromz6FNCWw2iMTxV0R8QLyBTkpe0j5+pSSJOOTB5Mck/gh3IopuNQnhKj02t3FL80gGbEh89SZcwTxcYt5cZT/nMnB3uXfPy8BSpVMBuRx+ZhACGzDBmwHsJRAjhotOnzuj2wDz3ug2wOUAY2NgZln9/TK/enG/oE4rO1wxvGUFMAxsZ0qNjRC7hl9d17e7imbgDt6uJXhUobDg7v3RX/yRCKxgMhfyiKcZfbpk0wmCcdQlIAOHeakXLvCNt++WfKiozNqSZxxJotn+c0a7DdPsx7DPYgKIDxwwYUZDg9aJbxocTjcwovr9WAsVV32mQoiiIOCHc60Oltst9qCQYuCqN1yHo0Kj60OgI2OqmiuBUWrNA0NDhYCDcdpmMrs1fZZ0xdTzMr1HdPtIHstYhqaPDDA5YxUDx7J4fJiisBSDI/L6G/bn34GNy8Q2g044ZTulAdFLb0tI6NNxfj3DzLjWiNGxje1pz7aXOcNV68lDPEd2SXl6VfBuwmHzdf1gxFy1HvA7pD8I2BnnmyGw852Cg5XbgIdEEGE5UCzen5jTlG6JCU5iajlxVcsXvbcS0SAcg1dcesWJLVK8+hYHOYQ+Pjy+EyVGXP0aPTFagrV9E03hCQvYx+g47KGq+1GsLj8uBIyihNw33YUe8PNC4BOJ3Lm1AglLV3nCuvUdIP+v15tVGbWIwgxLVpPkfpthCGpTKG+oA/DQfsKKvxhScqaN6FuElAUtTKv2UYgOmQegsN/n7njHUju8wM4VTcm+Q8xfX9SFwjTzdVqu95UOWSIGOabH8OGBEba//8Yxl3GcPdP/dMBOoSX/0z5SZmBoLbaPs+9asaMpb36yknKaw6FqWZa6A5vDa02mhkOba1q6KtLV208xrkwmW5C4VD6n2fvRjADy2qDYYnNy+H10Fq0LMbNzS863gkO7iQ8eC48/Ny5m59tOcEso3u7Qg3yrqDL6eKXwJAuWnhylfbWrRObe66rzX59+XDtzusnL66dI/86ArmtLlzED860Ef3bFPV78OX/zFTA11fcBn2Vntb7qiGBSgLBHyuv/uEaqqoTgSpOyjlzh86me1Vriv7i9rLPLvtghWmSnblRbAsBJL/4dScSQTBxOivHMO5QvBBY0iheJvfwWLxLOGzYKZyM4zVc2Cll46zEpeUV4MqGEWZj22SdOxhGAjgs9AEnfT+RoiMfcDb0GS5NncKVxju4Nt/mRk13O9Gz3FLct5oCD6wkwUNrCfHIUg6SMf8LwQGyVaBUqpLPW5BaMpRshEpl8nS1qw5dgnzlik8QBXmdy5UrIH74heTKZKMSilQso4hsRiGraQZRzxpNGqlEJMsXuAU7GlcR8mWSykUpVkWGyIf0a8v4qEQp5CtGsMiZa+4ESYQy+WilCiguHzxMXO54ogShooTV2bj2z1zL6DYSoImoQ8lFUWxMLBNQQgLkV2tHYgUoIbkuREz+fJHKxxWBcnvu3KQppFCxLkguB1NyVSp/TknRvNwYlCdbblWu3ze6owHdWluhE5tgQ6ej2SV65CijijoaRfSiH4Nqz1OpfEW+WeI/oU0ly60zkV9YzOQSYtZVEGYmrysTZAJkY4qZtIBD9/LYTIK7Nww3vMiYBwA=)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-400-normal-4GdczIuU.woff2)format("woff2"),url(/assets/dm-mono-latin-400-normal--0xN8mdc.woff)format("woff")}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-mono-latin-500-normal-DRMDZjhP.woff2)format("woff2"),url(/assets/dm-mono-latin-500-normal-CN8Miw6E.woff)format("woff")}@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-normal-BVbkICAY.woff)format("woff")}:root{--jones-duration:.36s;--jones-delay:0s;--jones-easing:cubic-bezier(.22, 1, .36, 1);--jones-distance:16px;--jones-blur:4px;--jones-scale:.94}.jones-collapse{transition:grid-template-rows var(--jones-duration) var(--jones-easing) var(--jones-delay);grid-template-rows:0fr;display:grid}.jones-collapse[data-open=true]{grid-template-rows:1fr}.jones-collapse-inner{min-height:0;overflow:hidden}.jones-checkmark path{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset var(--jones-duration) var(--jones-easing) var(--jones-delay)}.jones-checkmark[data-checked=true] path{stroke-dashoffset:0}.jones-skeleton{background:var(--jones-skeleton-color,#e9e8e3);border-radius:4px;animation:1.6s ease-in-out infinite jones-pulse}.jones-skeleton[data-paused=true]{animation:none}.jones-flip{perspective:1000px}.jones-flip-inner{transform-style:preserve-3d;transition:transform var(--jones-duration) var(--jones-easing) var(--jones-delay);display:grid}.jones-flip-face{backface-visibility:hidden;grid-area:1/1;min-width:0}.jones-flip-back,.jones-flip[data-flipped=true] .jones-flip-inner{transform:rotateY(180deg)}.jones-flip[data-axis=x] .jones-flip-back,.jones-flip[data-axis=x][data-flipped=true] .jones-flip-inner{transform:rotateX(180deg)}.jones-flip[data-reduced=true] .jones-flip-inner,.jones-flip[data-reduced=true] .jones-flip-face{transition:none;transform:none}.jones-flip[data-reduced=true] .jones-flip-face[aria-hidden=true]{visibility:hidden}.jones-reveal{clip-path:inset(0);transition:clip-path var(--jones-duration) var(--jones-easing) var(--jones-delay)}.jones-reveal[data-open=false][data-direction=up]{clip-path:inset(100% 0 0)}.jones-reveal[data-open=false][data-direction=down]{clip-path:inset(0 0 100%)}.jones-reveal[data-open=false][data-direction=left]{clip-path:inset(0 0 0 100%)}.jones-reveal[data-open=false][data-direction=right]{clip-path:inset(0 100% 0 0)}.jones-progress{background:var(--jones-progress-track,#e3e5db);border-radius:999px;height:6px;overflow:hidden}.jones-progress-fill{border-radius:inherit;background:var(--jones-progress-color,currentColor);transform-origin:0;width:100%;height:100%;transition:transform var(--jones-duration) var(--jones-easing) var(--jones-delay);display:block}.jones-progress:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .jones-progress-fill{transform-origin:100%}@keyframes jones-pulse{0%,to{opacity:.45}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.jones-collapse,.jones-checkmark path,.jones-flip-inner,.jones-reveal,.jones-progress-fill{transition:none}.jones-flip-inner,.jones-flip-face{transform:none!important}.jones-flip-face[aria-hidden=true]{visibility:hidden}.jones-skeleton{animation:none}}*{box-sizing:border-box}:root{color:#262b25;font-synthesis:none;--paper:#f5f4ef;--ink:#262b25;--muted:#647159;--line:#dedfd6;--blue:#3651e8;--serif:"Instrument Serif", Georgia, serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;background:#f5f4ef;font-family:DM Sans Variable,sans-serif}body{-webkit-font-smoothing:antialiased;margin:0;font-size:14px}button,input,select{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.35}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.stage button:focus-visible{outline-color:#fbfbc4}button{touch-action:manipulation}svg{vertical-align:middle;flex-shrink:0}p,h1,h2,h3{margin:0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--ink);color:#fff;padding:14px;position:fixed;top:-60px;left:16px}.skip-link:focus{top:12px}.micro,.eyebrow{font-family:var(--mono);letter-spacing:1.05px;font-size:10px;font-weight:400}.eyebrow{letter-spacing:1.2px;font-size:10px}.serif{font-family:var(--serif);font-weight:400}.muted{color:var(--muted)}.icon-button{border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .16s;display:inline-flex}.icon-button:not(:disabled):hover{background:#e8e9e0}.site-header{border-bottom:1px solid var(--line);z-index:20;background:var(--paper);justify-content:space-between;align-items:center;height:84px;padding:0 38px 0 29px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:13px;padding:0;display:flex}.wordmark{font-family:var(--serif);letter-spacing:-1.9px;padding-bottom:5px;font-size:38px;line-height:1}.brand-slash{color:#b6baac;margin:0 3px 0 7px;font-size:24px;font-weight:300}.brand-product{letter-spacing:-.2px;font-size:14px}.header-right{align-items:center;gap:27px;display:flex}.version-badge{font:9px var(--mono);letter-spacing:.5px;align-items:center;gap:7px;display:flex}.version-badge>span:first-child{background:#758965;border-radius:50%;width:5px;height:5px}.version-number{color:var(--muted);padding-left:3px}.get-sdk{background:var(--ink);color:#f7f7ee;border-radius:5px;align-items:center;gap:17px;height:36px;padding:0 15px;font-size:12px;display:inline-flex}.get-sdk:hover{background:#444c3c}.mobile-nav-button{display:none}.desktop-sidebar{border-right:1px solid var(--line);flex-direction:column;width:245px;padding:33px 18px 0;display:flex;position:fixed;top:84px;bottom:0;left:0}.sidebar-top{justify-content:space-between;align-items:center;margin-bottom:19px;padding:0 11px;display:flex}.sidebar-top .eyebrow{color:#636b5c;letter-spacing:.85px;font-size:9px}.catalog-count{font:9px var(--mono);color:var(--muted)}.search-field{color:#7c8274;border:1px solid #daddd2;border-radius:5px;align-items:center;gap:8px;height:36px;margin:0 8px 23px;padding:0 10px;display:flex}.search-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.search-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:none;outline:none;font-size:11px}.search-field input:focus-visible{outline:none}.search-field kbd{font:10px var(--mono);border:1px solid var(--line);border-radius:3px;padding:1px 4px}.recipe-nav{scrollbar-width:thin;scrollbar-color:#d3d7ca transparent;flex:1;min-height:0;padding-bottom:24px;overflow-y:auto}.nav-group{margin-bottom:21px}.nav-group h2{color:#71786a;margin-bottom:8px;padding:0 11px;font-size:10px;font-weight:500}.nav-item{text-align:left;border-radius:4px;align-items:center;gap:12px;width:100%;min-height:32px;padding:7px 11px;font-size:11px;font-weight:450;display:flex;position:relative}.nav-item:hover{background:#eaece2}.nav-item.is-active{color:#2a3623;background:#e6e9dd;font-weight:650}.nav-number{font:9px var(--mono);color:#89907e;width:14px}.active-dot{background:#687959;border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-footer{border-top:1px solid var(--line);text-align:left;flex-shrink:0;align-items:center;gap:9px;min-height:77px;padding:10px 7px;font-size:9px;line-height:1.6;display:flex}.sidebar-footer-mark{font-family:var(--serif);font-size:29px}.sidebar-footer small{color:var(--muted);font-size:9px;display:block}.sidebar-footer>svg{margin-left:auto}.search-empty{color:var(--muted);padding:10px;font-size:12px}.search-empty button{color:var(--ink);align-items:center;gap:8px;margin-top:15px;padding:0;text-decoration:underline;display:flex}.main-content{max-width:1650px;margin-left:245px;padding:33px 45px 0}.page-overline{color:#5f6858;justify-content:space-between;align-items:center;font-size:10px;display:flex}.breadcrumb-root{color:#8c9183}.breadcrumb-slash{color:#a6aa9f;margin:0 11px}.edition-label{font:9px var(--mono);letter-spacing:1px;color:#737b6a}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin:29px 0 28px;display:flex}.title-line{align-items:flex-start;gap:14px;display:flex}.title-line h1{font-family:var(--serif);letter-spacing:-1.3px;font-size:62px;font-weight:400;line-height:1.05}.title-index{font:10px var(--mono);color:#858d7b;margin-top:8px}.page-heading p{color:#6d7366;margin-top:12px;font-size:12px;line-height:1.6}.pager{flex-shrink:0;gap:7px;margin-top:12px;display:flex}.pager .icon-button{width:32px;height:32px}.workbench{border:1px solid #d6dacf;border-radius:8px;grid-template-columns:minmax(0,1fr) 250px;display:grid;overflow:hidden}.preview-section{min-width:0}.stage{background:var(--blue);color:#fff;isolation:isolate;height:421px;position:relative;overflow:hidden}.stage-topline{font:8px var(--mono);letter-spacing:1.35px;color:#c3ccff;justify-content:space-between;display:flex;position:absolute;top:23px;left:25px;right:25px}.stage-topline>span:first-child{align-items:center;gap:7px;display:flex}.live-dot{background:#d5e9a2;border-radius:50%;width:4px;height:4px}.demo-mount{justify-content:center;align-items:center;width:100%;height:100%;padding:65px 36px 42px;display:flex}.playback-bar{background:#fafaf6;align-items:center;gap:18px;min-height:55px;padding:0 20px;display:flex}.replay-button{align-items:center;gap:7px;padding:8px 0;font-size:10px;font-weight:550;display:flex}.replay-button kbd{color:#939889;font-family:var(--mono);margin-left:1px;font-size:10px}.playback-hint{text-align:center;color:#737b6a;flex:1;font-size:9px}.speed-select{position:relative}.speed-select select{appearance:none;border:1px solid var(--line);cursor:pointer;color:var(--ink);background:0 0;border-radius:3px;padding:5px 19px 5px 9px;font-size:10px}.speed-select svg{pointer-events:none;position:absolute;top:10px;right:5px}.inspector{border-left:1px solid var(--line);flex-direction:column;min-width:0;padding:24px 21px 20px;display:flex}.inspector-heading{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.inspector-heading .eyebrow{letter-spacing:1px;font-size:9px}.inspector-heading svg{color:#7c8570}.range-control{margin-bottom:23px;display:block}.control-label{justify-content:space-between;margin-bottom:13px;font-size:11px;display:flex}.control-label output{font:10px var(--mono)}.control-label output>span{color:#838b78;margin-left:4px;font-size:9px}input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(to right, #5c6d4e var(--range-progress), #daddd1 var(--range-progress));border:0;border-radius:3px;width:100%;height:3px;margin:0;display:block}input[type=range]::-webkit-slider-thumb{appearance:none;background:#f9faf4;border:2px solid #5b6c4d;border-radius:50%;width:10px;height:10px}input[type=range]::-moz-range-thumb{background:#f9faf4;border:2px solid #5b6c4d;border-radius:50%;width:7px;height:7px}.easing-control{grid-template-columns:1fr auto;align-items:center;margin-bottom:23px;display:grid}.easing-control>label{font-size:11px}.easing-select{position:relative}.easing-select select{appearance:none;border:1px solid var(--line);color:#46513c;cursor:pointer;background:#fbfbf7;border-radius:3px;padding:6px 24px 6px 10px;font-size:10px}.easing-select svg{pointer-events:none;position:absolute;top:8px;right:7px}.easing-graph{background:#eeefe7;border:1px solid #e5e7dc;border-radius:4px;grid-column:1/-1;align-items:center;gap:12px;margin-top:12px;padding:12px 11px 8px;display:flex}.easing-graph svg{width:79px;height:54px;overflow:visible}.easing-graph>span{color:#66735b;font-size:8px;line-height:1.7}.graph-guide{stroke:#cfd5c4;stroke-width:.7px;stroke-dasharray:2 3;fill:none}.graph-curve{stroke:#71835f;fill:none;stroke-width:2px}.inspector-bottom{border-top:1px solid var(--line);margin-top:auto;padding-top:16px}.reduce-control{cursor:pointer;justify-content:space-between;align-items:center;font-size:10px;display:flex;position:relative}.reduce-control input{opacity:0;cursor:pointer;width:29px;height:18px;margin:0;position:absolute;right:0}.small-switch{pointer-events:none;background:#d8dccf;border-radius:15px;width:27px;height:15px;padding:3px}.small-switch:after{content:"";background:#fff;border-radius:50%;width:9px;height:9px;transition:transform .15s;display:block;box-shadow:0 1px 2px #262b2526}.reduce-control input:checked+.small-switch:after{transform:translate(12px)}.reduce-control input:focus-visible+.small-switch{outline:2px solid var(--blue);outline-offset:4px}.inspector-bottom>p{color:#7d8573;margin-top:9px;font-size:8px;line-height:1.5}.reset-button{color:#6b765e;align-items:center;gap:6px;margin-top:22px;padding:0;font-size:9px;display:flex}.reset-button:hover{color:var(--ink)}.implementation-heading{justify-content:space-between;align-items:center;margin:30px 0 14px;display:flex}.implementation-heading>div{align-items:center;gap:11px;display:flex}.section-number{font:9px var(--mono);color:#8a9380}.implementation-heading h2{letter-spacing:-.1px;font-size:13px;font-weight:500}.code-section{color:#e0e4d7;background:#262d25;border:1px solid #373e31;border-radius:6px;overflow:hidden}.code-toolbar{background:#2c332b;border-bottom:1px solid #414839;justify-content:space-between;align-items:center;height:46px;padding:0 19px;display:flex}.code-tabs{gap:25px;height:100%;display:flex}.code-tabs button{color:#a6b09c;align-items:center;gap:7px;padding:0;font-size:10px;display:flex;position:relative}.code-tabs button[aria-selected=true]:after{content:"";background:#c6d6a7;height:2px;position:absolute;bottom:-1px;left:0;right:0}.copy-button{align-items:center;gap:6px;padding:6px 0;font-size:9px;display:flex}.code-toolbar>.copy-button{color:#bac5ae}.code-section button:focus-visible,.code-section [tabindex="0"]:focus-visible{outline-offset:-3px;outline-color:#d5e5b5}.code-body{position:relative}.code-file{color:#b5bfaa;font:9px var(--mono);align-items:center;gap:7px;padding:17px 21px 9px;display:flex}.file-dot{background:#b5c696;border-radius:50%;width:4px;height:4px}.code-file>span:last-child{color:#a5b196;letter-spacing:.5px;margin-left:auto;font-size:8px}pre{font:11px/1.9 var(--mono);tab-size:2;white-space:pre;margin:0;padding:9px 21px 21px;overflow:auto}.code-body pre{scrollbar-width:thin;scrollbar-color:#616d52 transparent;max-height:230px}.syntax-keyword{color:#cfb3df}.syntax-string{color:#c5d7a3}.syntax-number{color:#e2b891}.api-panel{padding:20px;overflow-x:auto}.api-title{align-items:center;gap:18px;margin-bottom:20px;display:flex}.api-title>code{color:#d0dfb5;font-size:13px}.api-title>span{color:#adb8a3;font-size:10px}.api-panel table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}.api-panel th{color:#adb8a3;font-weight:500}.api-panel td,.api-panel th{vertical-align:top;border-bottom:1px solid #414839;padding:10px 13px 10px 0}.api-panel td>code{font-size:10px}.api-panel p{color:#adb8a3;margin-top:20px;font-size:10px;line-height:1.7}.main-footer{color:#7b8371;justify-content:space-between;align-items:center;gap:15px;padding:23px 0;font-size:9px;display:flex}.main-footer>span{align-items:center;gap:7px;display:flex}.footer-dot{background:#798b66;border-radius:50%;width:4px;height:4px}.main-footer button{color:#626f56;align-items:center;gap:7px;padding:0;font-size:9px;display:flex}.demo-surface{color:#292e26;background:#fcfcf7;border:1px solid #fff9;box-shadow:0 14px 32px #132d9a33,0 2px 4px #18319014}.demo-surface h2{font-family:var(--serif);font-weight:400}.demo-button{color:#f2f5e9;background:#283024;border-radius:4px;justify-content:space-between;align-items:center;gap:22px;padding:12px 15px;font-size:11px;display:inline-flex}.demo-button:hover{background:#46513c}.text-link{align-items:center;gap:18px;padding:0;font-size:11px;display:inline-flex}.resize-scene{width:300px;max-width:100%}.note-card{color:#282f24;background:#fcfcf7;border-radius:7px;width:100%;box-shadow:0 12px 20px #122a9433,0 1px 2px #172a9226}.note-button{text-align:left;width:100%;padding:22px 24px 0;display:block}.note-topline{align-items:center;gap:8px;display:flex}.note-icon{color:#61714b;background:#eef0e5;border-radius:4px;padding:7px;display:flex}.note-topline .micro{color:#7b866c;letter-spacing:.7px;margin-left:3px;font-size:7px}.note-topline>svg{color:#7d896c;margin-left:auto}.note-button h2{font-family:var(--serif);letter-spacing:-.25px;margin-top:20px;font-size:34px;font-weight:400;line-height:.99}.note-button>p{color:#838a78;margin-top:11px;font-size:9px}.note-bottom{color:#748064;border-top:1px solid #e6e9dc;align-items:center;gap:6px;margin-top:22px;padding:12px 0;font-size:7px;display:flex}.note-bottom>svg{margin-left:auto}.note-dot{background:#a3b08c;border-radius:50%;width:4px;height:4px}.note-rule{background:#b3bf9d;width:25px;height:1px;margin:17px 0 11px}.note-expanded>p{color:#616f53;font-size:10px;line-height:1.8}.note-check{color:#7c876e;align-items:center;gap:6px;margin-top:13px;font-size:8px;display:flex}.note-check>span{color:#6a7956;border:1px solid #bac5a8;border-radius:2px;display:flex}.accordion-demo{border-radius:8px;width:350px;padding:22px}.accordion-demo>.micro{color:#778565;margin-bottom:15px;font-size:8px;display:block}.accordion-item{border-top:1px solid #e4e8dc}.accordion-item button{text-align:left;justify-content:space-between;align-items:center;gap:15px;width:100%;padding:16px 0;font-size:11px;display:flex}.accordion-item p{color:#748168;padding:0 24px 16px 0;font-size:10px;line-height:1.8}.mini-app{border-radius:7px;width:390px;height:270px;position:relative;overflow:hidden}.mini-app-bar{border-bottom:1px solid #e3e8da;justify-content:space-between;align-items:center;height:44px;padding:0 19px;display:flex}.mini-app-bar .micro{color:#7d8a6d;font-size:8px}.mini-app-bar button{padding:4px}.mini-app-body{padding:22px}.mini-stamp{color:#5b7046;font-family:var(--serif);font-size:28px}.mini-app-body h2{margin:10px 0 19px;font-size:32px;line-height:1}.side-panel{background:#edf1e4;border-left:1px solid #d3dcc5;width:195px;padding:16px;position:absolute;top:44px;bottom:0;right:0;box-shadow:-8px 0 20px #384b2f0d}.side-panel-title{justify-content:space-between;align-items:center;margin-bottom:24px;font-size:12px;display:flex}.side-panel .micro{color:#7a886a;margin-top:12px;font-size:7px;display:block}.side-panel p{margin-top:5px;font-size:10px}.status-dot{background:#728b52;border-radius:50%;width:5px;height:5px;margin-right:3px;display:inline-block}.page-demo{border-radius:8px;width:320px;overflow:hidden}.page-swap{text-align:center;width:100%}.page-content{flex-direction:column;gap:13px;padding:25px 20px;display:flex}.page-content .serif{font-size:29px}.page-content .muted{font-size:9px}.page-symbol{color:#758854;font-size:48px;line-height:1}.page-demo>.text-link{border-top:1px solid #e4e8dc;justify-content:space-between;padding:16px 20px;display:flex}.number-demo{border-radius:8px;width:320px;padding:30px}.number-demo .micro{color:#7b866c;font-size:8px}.number-value{font-family:var(--serif);letter-spacing:-1.5px;margin-top:18px;font-size:57px}.number-trend{color:#7b8a63;align-items:center;gap:5px;margin-top:8px;font-size:10px;display:flex}.number-demo .demo-button{width:100%;margin-top:26px}.centered-demo{flex-direction:column;align-items:center;gap:26px;display:flex}.stage-caption{color:#d7dfff;font-size:11px}.bell-button{color:#303b29;background:#fcfcf7;border-radius:24px;width:92px;height:92px;position:relative;box-shadow:0 10px 30px #0f288733}.notification-badge{color:#45512d;border:4px solid var(--blue);background:#e4f0af;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;display:flex;position:absolute;top:-4px;right:-4px}.status-card{border-radius:8px;align-items:center;gap:13px;padding:24px;display:flex}.large-status-dot{background:#cbb178;border-radius:50%;width:8px;height:8px}.large-status-dot.is-saved{background:#7c9b63}.status-message{font-size:13px}.status-card>svg{color:#a0a88f;margin-left:15px}.success-demo{border-radius:10px;flex-direction:column;align-items:center;width:260px;padding:30px 25px;display:flex}.success-ring{color:#728654;background:#f3f5ed;border:1px solid #d6decb;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:18px;display:flex}.success-demo.is-done .success-ring{background:#e5edcd;border-color:#e5edcd}.success-demo .serif{font-size:31px}.success-demo .muted{margin-top:10px;font-size:9px}.invite-demo{border-radius:8px;width:310px;padding:26px}.invite-demo .micro{color:#7b8868;font-size:8px}.invite-demo h2{margin:10px 0 24px;font-size:34px}.invite-demo label{color:#6b775b;margin-bottom:7px;font-size:9px;display:block}.invite-demo input{outline-offset:2px;background:#fff;border:1px solid #d9dfcf;border-radius:4px;width:100%;padding:11px;font-size:11px}.invite-demo input[aria-invalid=true]{background:#fff8f5;border-color:#b65e50}.validation-space{align-items:center;height:31px;font-size:8px;display:flex}.error-text{color:#a64c42}.success-text{color:#647b48}.invite-demo .demo-button{width:100%}.toast-demo{flex-direction:column;align-items:center;width:100%;display:flex}.toast-demo>.demo-button{color:#334127;background:#f8f9ef;margin-top:40px}.toast-slot{justify-content:center;width:100%;height:110px;padding-top:28px;display:flex}.toast-message{color:var(--ink);background:#fcfcf7;border-radius:7px;align-self:flex-start;align-items:center;gap:12px;padding:17px 18px;display:flex;box-shadow:0 12px 26px #13278f44}.toast-check{color:#71824f;background:#e6edd7;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.toast-message strong{font-size:11px;font-weight:500}.toast-message small{color:#7f8a6e;margin-top:4px;font-size:9px;display:block}.toast-message button{color:#8d9780;margin-left:12px}.profile-demo{border-radius:9px;width:330px}.profile-content{padding:28px 23px}.profile-loaded{align-items:center;gap:16px;display:flex}.profile-avatar{width:54px;height:54px;font-family:var(--serif);color:#667444;background:#e7ebca;border-radius:50%;justify-content:center;align-items:center;font-size:27px;display:flex}.profile-loaded strong{font-size:13px;font-weight:500}.profile-loaded p{color:#7d886c;margin-top:7px;font-size:10px}.profile-lines{flex-direction:column;gap:12px;display:flex}.profile-footer{border-top:1px solid #e3e8da;justify-content:space-between;align-items:center;padding:12px 22px;display:flex}.profile-footer .micro{color:#7a8769;font-size:7px}.dropdown-demo{width:240px;min-height:237px;padding-top:10px;position:relative}.dropdown-trigger{color:#34412a;background:#fcfcf7;border-radius:5px;justify-content:space-between;width:100%;padding:14px 16px;font-size:12px;display:flex}.dropdown-menu{color:#34412a;background:#fcfcf7;border-radius:5px;margin-top:8px;padding:8px;box-shadow:0 14px 26px #13258b33}.dropdown-menu .micro{color:#849275;padding:7px 8px 10px;font-size:7px;display:block}.dropdown-menu>button{border-radius:3px;align-items:center;gap:9px;width:100%;padding:12px 8px;font-size:10px;display:flex}.dropdown-menu>button:hover{background:#edf1e3}.dropdown-menu>button>span{font:8px var(--mono);color:#99a18d;margin-left:auto}.dropdown-result{text-align:center;color:#d9e0ff;margin-top:16px;font-size:10px;display:block}dialog{border:0}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1a211db3}.demo-dialog{width:min(360px,100vw - 32px);color:var(--ink);background:0 0;padding:0;overflow:visible}.demo-dialog-content{background:var(--paper);border-radius:10px;padding:30px;position:relative;box-shadow:0 25px 80px #10160c33}.demo-dialog .micro{color:#71825d;font-size:9px}.dialog-close{width:28px;height:28px;position:absolute;top:18px;right:18px}.dialog-flower{color:#81945c;margin-top:22px;font-size:58px;display:block}.demo-dialog h2{font-family:var(--serif);margin-top:14px;font-size:47px;font-weight:400;line-height:1}.demo-dialog p{color:#77816b;margin:18px 0 26px;font-size:11px;line-height:1.9}.demo-dialog .demo-button{width:100%}.tabs-demo{flex-direction:column;align-items:center;gap:28px;display:flex}.sliding-tabs{background:#243ec5;border:1px solid #6a7fea;border-radius:8px;width:304px;padding:5px;display:flex;position:relative}.sliding-highlight{width:calc(33.3333% - 3.33333px);transition:transform var(--jones-duration) var(--jones-easing);background:#f6f9ed;border-radius:4px;position:absolute;top:5px;bottom:5px;left:5px;box-shadow:0 2px 4px #152d9c26}.sliding-tabs>button{z-index:1;color:#d4ddff;flex:1;padding:12px 6px;font-size:11px;position:relative}.sliding-tabs>button[aria-pressed=true]{color:#3c4c30}.tooltip-demo{position:relative}.tooltip-trigger{color:#526741;background:#fcfcf7;border-radius:18px;width:75px;height:75px;box-shadow:0 10px 20px #19329b33}.tooltip-bubble{white-space:nowrap;color:#f4f6ed;background:#263320;border-radius:5px;padding:10px 13px;font-size:10px;position:absolute;bottom:calc(100% + 14px);left:50%;translate:-50%}.tooltip-bubble:after{content:"";border:4px solid #0000;border-top-color:#263320;position:absolute;top:100%;left:calc(50% - 4px)}.icon-swap-button{color:#596f3c;background:#e9eec2;border-radius:50%;justify-content:center;align-items:center;width:82px;height:82px;display:flex;box-shadow:0 12px 23px #0b258e33}.checkbox-demo{cursor:pointer;border-radius:8px;align-items:center;gap:15px;padding:27px;display:flex;position:relative}.checkbox-demo>input{opacity:0;width:26px;height:26px;position:absolute}.custom-checkbox{color:#5c7541;background:#f5f7ee;border:1px solid #abb997;border-radius:4px;justify-content:center;align-items:center;width:25px;height:25px;display:flex}.checkbox-demo input:checked+.custom-checkbox{background:#e1eacb}.checkbox-demo input:focus-visible+.custom-checkbox{outline:2px solid var(--blue);outline-offset:3px}.checkbox-demo strong{font-size:12px;font-weight:500;display:block}.checkbox-demo small{color:#7f8d6d;margin-top:5px;font-size:10px;display:block}.toggle-demo{border-radius:9px;align-items:center;gap:28px;padding:27px;display:flex}.toggle-demo .micro{color:#808d71;font-size:7px}.toggle-demo h2{margin:7px 0;font-size:29px}.toggle-demo p{color:#7b896a;font-size:9px}.demo-switch{background:#d6ddc8;border-radius:20px;width:52px;height:29px;padding:4px}.demo-switch>span{width:21px;height:21px;transition:transform var(--jones-duration) var(--jones-easing);background:#fcfff8;border-radius:50%;display:block;box-shadow:0 2px 3px #45563326}.demo-switch[aria-checked=true]{background:#738954}.demo-switch[aria-checked=true]>span{transform:translate(23px)}.list-demo{flex-direction:column;gap:10px;width:330px;display:flex}.list-demo-item{color:#37472c;background:#fbfcf5;border-radius:6px;align-items:center;gap:16px;padding:21px 20px;font-size:11px;display:flex;box-shadow:0 5px 15px #142b8d26}.list-demo-item>span{font:9px var(--mono);color:#8d9b7a}.list-demo-item>svg{color:#8c9a79;margin-left:auto}.text-reveal-demo{width:370px}.text-reveal-demo>.micro{color:#c5d1ff;letter-spacing:1.4px;margin-bottom:22px;font-size:8px;display:block}.text-reveal-demo h2{font-family:var(--serif);letter-spacing:-1px;font-size:60px;font-weight:400;line-height:1.05}.text-reveal-demo .text-reveal-rule{background:#97a7f7;width:43px;height:1px;margin-top:28px;display:block}.membership-card{color:#3d502d;background:#e7edac;border-radius:10px;width:315px;padding:25px;box-shadow:0 14px 28px #09248444}.membership-card>div:first-child{justify-content:space-between;align-items:center;display:flex}.membership-card .micro{letter-spacing:1.5px;font-size:8px}.membership-symbol{float:right;margin-top:22px;font-size:69px}.membership-card h2{font-family:var(--serif);margin-top:38px;font-size:38px;font-weight:400;line-height:1.03}.membership-bottom{font:7px var(--mono);border-top:1px solid #baca85;justify-content:space-between;margin-top:28px;padding-top:14px;display:flex}.like-demo{color:#9aab82;border-radius:10px;flex-direction:column;align-items:center;gap:24px;width:260px;padding:30px;display:flex}.like-demo>span{color:#6d7e59;align-items:center;gap:5px;font-size:10px;display:flex}.like-demo.is-liked>div{color:#c9756c}.avatars-demo{flex-direction:column;align-items:center;gap:38px;display:flex}.avatar-row{padding-right:10px;display:flex}.avatar{width:76px;height:76px;font-family:var(--serif);border:3px solid var(--blue);color:#525b44;transition:transform var(--jones-duration) var(--jones-easing);border-radius:50%;justify-content:center;align-items:center;margin-right:-10px;padding-bottom:5px;font-size:40px;display:flex;position:relative}.avatar-eye{background:#647151;border-radius:50%;width:3px;height:3px;position:absolute;bottom:21px;right:20px}.spinner-demo{text-align:left;border-radius:9px;align-items:center;gap:18px;padding:25px;display:flex}.spinner-demo strong{font-size:12px;font-weight:500;display:block}.spinner-demo small{color:#7c8b6a;margin-top:7px;font-size:9px;display:block}.demo-spinner{border:2px solid #e0e7d1;border-top-color:#839a5e;border-radius:50%;width:30px;height:30px;animation:1s linear infinite demo-spin;display:block}.demo-spinner[data-reduced=true]{animation:none}.spinner-done{color:#7f965b;width:30px;height:30px;display:block}@keyframes demo-spin{to{transform:rotate(360deg)}}.docs-dialog{background:var(--paper);width:min(700px,100vw - 32px);max-height:88vh;color:var(--ink);border-radius:10px;padding:0}.docs-content{padding:45px;position:relative}.docs-close{position:absolute;top:22px;right:22px}.docs-content>.eyebrow{color:#73805f;font-size:9px}.docs-content h2{font:58px/.96 var(--serif);letter-spacing:-.8px;margin:23px 0}.docs-intro{color:#6d7a5e;max-width:380px;margin-bottom:33px;font-size:13px;line-height:1.8}.docs-content h3{font:10px var(--mono);color:#606f51;margin:28px 0 11px}.docs-content h3+p{color:#788569;font-size:11px;line-height:1.8}.docs-command{background:#e9eddf;border:1px solid #d8e0ca;border-radius:4px;align-items:center;gap:15px;margin-top:12px;padding:15px;display:flex}.docs-command code{white-space:nowrap;flex:1;font-size:10px;overflow-x:auto}.docs-command .copy-button{color:#5f704d;flex-shrink:0}.docs-content>pre{color:#e4e8dc;background:#262d25;border-radius:5px;margin-top:15px;padding:20px;font-size:10px}.docs-notes{border-top:1px solid var(--line);margin-top:28px}.docs-notes>div{margin-top:22px}.docs-notes strong{font-size:12px;font-weight:500}.docs-notes p{color:#76836a;margin-top:7px;font-size:11px;line-height:1.8}.mobile-nav-dialog{background:var(--paper);width:min(330px,90vw);max-width:90vw;height:100dvh;max-height:100dvh;margin:0;padding:22px 20px 0}.mobile-nav-dialog[open]{flex-direction:column;display:flex}.mobile-nav-heading{justify-content:space-between;align-items:center;margin-bottom:31px;display:flex}.mobile-nav-dialog .nav-item{min-height:40px;font-size:13px}.mobile-nav-dialog .sidebar-top .eyebrow{font-size:10px}.mobile-nav-dialog .search-field{height:42px}.mobile-nav-dialog .search-field input{font-size:13px}.mobile-nav-dialog .nav-group h2{font-size:11px}.mobile-nav-dialog .nav-number{font-size:10px}.page-heading p{color:#606b56;font-size:14px}.nav-group h2{color:#627054;font-size:11px}.search-field input{font-size:12px}.sidebar-footer,.sidebar-footer small,.inspector-heading .eyebrow{font-size:10px}.control-label output,.easing-select select{font-size:11px}.easing-graph>span{color:#5a694c;font-size:10px}.reduce-control{font-size:12px}.inspector-bottom>p{color:#68755b;font-size:10px}.reset-button{font-size:11px}.playback-hint{color:#647356;font-size:11px}.replay-button{font-size:12px}.stage-topline{color:#d1d9ff;font-size:9px}.note-topline .micro{color:#64744f;font-size:9px}.note-button>p{color:#6a7958;font-size:11px}.note-bottom{color:#5e704b;font-size:9px}.note-button h2{font-size:38px}.note-expanded>p{font-size:12px}.note-check{font-size:10px}.code-tabs button{font-size:12px}.code-toolbar>.copy-button{font-size:11px}.code-file{font-size:10px}.code-body pre{max-height:none;font-size:12px}.code-body.code-expanded pre{max-height:400px}.expand-code{color:#cedabe;text-align:left;border-top:1px solid #3f4936;align-items:center;gap:8px;width:100%;padding:12px 21px;font-size:10px;display:flex}.expand-code>span{color:#aebb9e;margin-left:auto;font-size:9px}.main-footer,.main-footer button{color:#667557;font-size:10px}.implementation-heading h2{font-size:14px}.implementation-heading>span{color:#667557;font-size:11px}.nav-number,.is-active .nav-number,.breadcrumb-root,.edition-label,.title-index,.control-label output>span,.inspector-bottom>p,.reset-button,.section-number,.implementation-heading>span,.main-footer,.main-footer button{color:#5f704f}.stage-topline,.stage-caption,.dropdown-result,.text-reveal-demo>.micro{color:#e1e6ff}.range-control.is-inapplicable{opacity:.55}.range-control.is-inapplicable input{cursor:default}.demo-surface .micro,.note-card .micro,.demo-dialog .micro,.note-button>p,.note-bottom,.note-check,.accordion-item p,.mini-app-bar .micro,.side-panel .micro,.number-trend,.toast-message small,.profile-loaded p,.profile-footer .micro,.dropdown-menu .micro,.dropdown-menu>button>span,.demo-dialog p,.checkbox-demo small,.toggle-demo p,.list-demo-item>span,.spinner-demo small,.like-demo>span{color:#5f714b}.is-active .nav-number{color:#536543}.resize-scene{width:340px}.note-button{padding:26px 28px 0}.note-button h2{margin-top:22px;font-size:43px}.note-button>p{font-size:12px;line-height:1.6}.note-topline .micro{font-size:10px}.note-bottom{padding:15px 0;font-size:11px}.stage{height:445px}.code-section{color:#36442c;background:#f0f2e9;border-color:#d7ddcc}.code-toolbar{background:#f0f2e9;border-color:#d7ddcc}.code-tabs button,.code-toolbar>.copy-button{color:#61714f}.code-file,.code-file>span:last-child{color:#5c6f4a}.code-body pre{font-size:13px}.expand-code{color:#526743;border-color:#d7ddcc;font-size:12px}.expand-code>span{color:#5d714b;font-size:11px}.code-section button:focus-visible,.code-section [tabindex="0"]:focus-visible{outline-color:var(--blue)}.api-title>span,.api-panel th,.api-panel p{color:#5c6f4a}.api-panel td,.api-panel th{border-color:#d7ddcc}.sidebar-footer>svg:first-child{margin:0 5px 0 0}.docs-content>.eyebrow,.docs-intro,.docs-content h3+p,.docs-notes p{color:#5f704f}@media (width>=1600px){.main-content{padding-left:65px;padding-right:65px}.workbench{grid-template-columns:minmax(0,1fr) 255px}.stage{height:460px}.note-card,.resize-scene{width:320px}.note-button{padding:26px 27px 0}.note-button h2{font-size:39px}}@media (width<=1180px){.desktop-sidebar{width:218px;padding-left:12px;padding-right:12px}.main-content{margin-left:218px;padding-left:27px;padding-right:27px}.workbench{grid-template-columns:minmax(0,1fr) 200px}.inspector{padding-left:16px;padding-right:16px}.easing-graph{gap:7px;padding-left:7px;padding-right:7px}.easing-graph svg{width:65px}.playback-hint{display:none}.speed-select{margin-left:auto}.demo-mount{padding-left:25px;padding-right:25px}.edition-label{font-size:8px}.text-reveal-demo h2{font-size:49px}}@media (width<=860px){.desktop-sidebar{display:none}.mobile-nav-button{border:0;width:32px;height:32px;margin-right:13px;display:flex}.site-header{justify-content:flex-start;height:72px;padding:0 23px}.header-right{gap:18px;margin-left:auto}.brand{gap:9px}.wordmark{font-size:34px}.brand-product{font-size:12px}.jones-mark{width:18px}.brand-slash{margin:0 1px 0 3px}.version-badge{display:none}.main-content{margin-left:0;padding:27px 25px 0}.workbench{grid-template-columns:minmax(0,1fr) 215px}.page-heading{margin-top:24px}.title-line h1{font-size:55px}.stage{height:405px}.inspector-heading{margin-bottom:23px}}@media (width<=620px){.site-header{height:66px;padding:0 16px 0 10px}.mobile-nav-button{margin-right:5px}.brand{gap:7px}.brand-product{font-size:11px}.brand-slash{font-size:19px}.jones-mark{display:none}.wordmark{font-size:34px}.get-sdk{gap:8px;height:33px;padding:0 11px;font-size:10px}.main-content{padding:26px 18px 0}.edition-label{display:none}.page-heading{align-items:flex-start;gap:7px;margin:23px 0}.title-line h1{font-size:clamp(36px,10vw,48px);line-height:1.05}.title-line{gap:8px}.title-index{font-size:8px}.page-heading p{max-width:280px;margin-top:13px;font-size:11px;line-height:1.8}.pager{gap:3px;margin-top:6px}.pager .icon-button{width:27px;height:27px}.pager .icon-button svg{width:14px}.workbench{flex-direction:column;display:flex}.stage{height:391px}.stage-topline{font-size:7px;top:20px;left:19px;right:19px}.stage-corner{display:none}.demo-mount{padding:61px 25px 36px}.resize-scene{width:270px}.note-button{padding:19px 20px 0}.note-button h2{margin-top:18px;font-size:33px}.note-topline .micro{font-size:9px}.note-bottom{margin-top:18px}.playback-bar{min-height:54px;padding:0 16px}.playback-hint{font-size:10px;display:block}.replay-button{font-size:10px}.replay-button kbd{display:none}.inspector{border-left:0;border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:25px;padding:22px 20px;display:grid}.inspector-heading{grid-column:1/-1;margin-bottom:0}.range-control{margin-bottom:0}.easing-control{grid-area:2/2;align-self:start;margin:0}.easing-graph{display:none}.easing-select select{padding-top:4px;padding-bottom:4px}.easing-select svg{top:6px}.control-label{margin-bottom:15px}.inspector-bottom{grid-column:1/-1;grid-template-columns:1fr auto;column-gap:20px;margin:0;display:grid}.inspector-bottom .reduce-control{grid-row:1}.inspector-bottom p{grid-row:2}.reset-button{grid-area:1/2/3;align-self:center;margin:0}.implementation-heading{margin-top:28px}.implementation-heading>span{display:none}.code-toolbar{padding:0 14px}.code-tabs{gap:17px}.code-tabs button{font-size:11px}.copy-button{font-size:8px}.code-file{padding:15px 15px 8px;font-size:10px}.code-file>span:last-child{font-size:7px}pre,.code-body pre{padding-left:15px;padding-right:15px;font-size:10px}.expand-code{padding:12px 15px}.expand-code>span{display:none}.main-footer{padding-bottom:28px;font-size:8px;line-height:1.7;display:block}.main-footer button{margin-top:13px;font-size:8px}.docs-content{padding:35px 24px}.docs-content h2{font-size:49px}.docs-content .eyebrow{font-size:8px}.docs-command{gap:10px;padding:11px}.docs-command code{font-size:9px}.text-reveal-demo h2{font-size:43px}.status-card{gap:10px;padding:20px 14px}.status-message{font-size:11px}.status-card>svg{margin-left:2px}.toggle-demo{gap:15px;padding:23px 20px}.checkbox-demo{gap:10px;padding:22px 16px}.checkbox-demo strong{font-size:10px}.checkbox-demo small{font-size:8px}.toast-message{gap:8px;padding:14px 12px}.toast-message strong{font-size:9px}.toast-message small{font-size:8px}.toast-message button{margin-left:0}.sliding-tabs{width:276px}.membership-card{width:275px;padding:22px}.membership-card h2{font-size:33px}.membership-symbol{font-size:62px}.membership-bottom{font-size:6px}.avatar{width:65px;height:65px;font-size:35px}.avatar-eye{bottom:18px;right:16px}.list-demo-item{gap:12px;padding:20px 14px;font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important;animation-duration:0s!important;animation-delay:0s!important}}.search-field{flex-shrink:0;margin-bottom:12px}.library-filter{gap:5px;padding:0 8px 20px;display:flex}.library-filter button{color:#5d6852;border-radius:5px;flex:1;justify-content:space-between;align-items:center;gap:15px;min-height:35px;padding:0 12px;font-size:12px;display:flex}.library-filter button[aria-pressed=true]{color:#283122;background:#e4e8da}.library-filter button span{font:10px var(--mono)}.sidebar-top .eyebrow,.inspector-heading .eyebrow{letter-spacing:0;color:#46503e;font-family:DM Sans Variable,sans-serif;font-size:13px;font-weight:500}.nav-number{display:none}.nav-item{min-height:38px;font-size:14px}.nav-group h2{margin-bottom:9px;font-size:12px}.search-field input,.library-filter button{font-size:13px}.search-field{height:40px}.sidebar-footer,.sidebar-footer small{font-size:11px}.page-overline{font-size:12px}.control-label,.easing-control>label{font-size:13px}.control-label output{font-size:12px}.range-control.is-inapplicable{opacity:1;color:#6b765f;margin-bottom:13px}.range-control.is-inapplicable input{display:none}.range-control.is-inapplicable .control-label{margin-bottom:0}.range-control.is-inapplicable output{font:11px DM Sans Variable,sans-serif}.easing-select select,.reduce-control,.reset-button{font-size:12px}.inspector-bottom>p{font-size:11px}.easing-graph{background:0 0;border:0;padding-left:0}.easing-graph svg{width:92px;height:64px}.easing-graph>span,.replay-button{font-size:12px}.speed-select{margin-left:auto}.speed-select select{font-size:12px}.get-sdk{font-size:13px}.preview-section:has(.stage-action) .playback-hint{display:none}.code-body:not(.code-expanded) .code-file{display:none}.code-body:not(.code-expanded) pre{padding-top:20px;padding-bottom:20px}.expand-code{font-size:12px}.expand-code>span{display:none}.main-footer,.main-footer button{font-size:11px}.stage-action{color:#f2f3ff;align-items:center;gap:9px;width:100%;min-height:46px;padding:14px 2px 0;font-size:13px;display:flex}.stage-action>span:last-child{font:9px var(--mono);letter-spacing:.5px;color:#dbe2ff;margin-left:auto}.flip-scene{width:min(100%,370px)}.postcard{width:100%}.postcard-front,.postcard-back{text-align:left;border-radius:5px;height:238px;position:relative;overflow:hidden;box-shadow:0 8px 24px #18319028}.postcard-front{color:#303d2c;background:#e9eda9;padding:22px 26px}.postcard-back{color:#333d30;background:#faf7ec;padding:22px 26px}.postcard-caption{font:9px var(--mono);letter-spacing:.7px;z-index:1;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.postcard h2{font:56px/.98 var(--serif);letter-spacing:-.6px;z-index:1;margin-top:27px;position:relative}.postcard h2 em,.art-print h2 em,.topics-card h2 em{font-style:normal}.postcard-route{color:#74814c;width:128px;height:169px;position:absolute;bottom:0;right:-4px}.postcard-footer{font:8px var(--mono);letter-spacing:.55px;position:absolute;bottom:21px;left:26px}.postcard-back h2{margin-top:17px;font-size:35px;line-height:1.02}.postcard-signature{justify-content:space-between;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:17px;left:26px;right:26px}.postcard-signature>span:first-child{color:#627057;font-size:10px}.postcard-signature .wordmark{font-size:30px}.print-scene{width:min(100%,265px)}.print-frame{background:#faf7ec;padding:9px;position:relative;box-shadow:0 10px 25px #18319040}.print-covered{color:#c0c9a0;background:#414d3c;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:9px}.print-covered>span{font:85px var(--serif)}.print-covered small{font:7px var(--mono);letter-spacing:1px}.art-print{color:#2f3d36;background:#ebeba9;height:255px;padding:16px 17px;position:relative;overflow:hidden}.print-caption{font:7px var(--mono);letter-spacing:.5px;justify-content:space-between;display:flex}.art-print h2{z-index:1;font:47px/.93 var(--serif);letter-spacing:-1px;margin-top:18px;position:relative}.print-art{width:100%;position:absolute;bottom:0;left:0}.reading-scene{width:min(100%,355px)}.reading-heading{justify-content:space-between;align-items:baseline;margin:0 0 17px;display:flex}.reading-heading h2{font:28px var(--serif);color:#f6f5e9}.reading-heading>span{font:9px var(--mono);color:#dbe2ff}.reading-list{gap:8px;display:grid}.reading-book{height:69px;color:var(--ink);background:#fbfaf3;border-radius:4px;align-items:center;gap:14px;padding:10px 15px 10px 11px;display:flex;box-shadow:0 2px 3px #2033931a}.book-spine{border-left:3px solid #303e2e25;border-radius:1px 3px 3px 1px;flex-shrink:0;place-items:center;width:33px;height:47px;display:grid;box-shadow:1px 1px #27382830}.book-spine span{font:26px var(--serif)}.reading-book strong{font-size:13px;font-weight:550;display:block}.reading-book small{color:#68725f;margin-top:4px;font-size:11px;display:block}.book-pages{font:12px var(--mono);text-align:right;margin-left:auto}.book-pages small{font-family:DM Sans Variable,sans-serif;font-size:9px}.topics-card{border-radius:9px;width:min(100%,340px);padding:25px}.topics-heading,.progress-heading,.steps-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.topics-heading>span:last-child,.steps-heading>span:last-child{font:10px var(--mono);white-space:nowrap;color:#67745a}.topics-heading .micro,.progress-heading .micro,.steps-heading .micro{letter-spacing:.8px;font-size:8px}.topics-card h2{margin:21px 0 22px;font-size:40px;line-height:1.05}.topic-chips{flex-wrap:wrap;gap:8px;display:flex}.topic-chips button{color:#4a573e;background:#eef0e5;border:1px solid #dde1d2;border-radius:4px;align-items:center;gap:9px;padding:9px 10px;font-size:11px;display:flex}.topic-chips button:hover{background:#e2e7d3}.topics-footer{color:#626f57;border-top:1px solid #e0e4d6;justify-content:space-between;align-items:center;gap:8px;margin-top:22px;padding-top:13px;font-size:10px;display:flex}.topics-footer button{align-items:center;gap:6px;padding:4px 0;font-size:11px;display:flex}.topics-footer button[aria-disabled=true]{opacity:.5;cursor:default}.topics-empty{color:#65715b;padding-bottom:8px;font-size:12px;line-height:1.7}.progress-card{border-radius:9px;width:min(100%,340px);padding:25px 28px}.progress-heading{color:#69785a}.progress-card h2{margin-top:23px;font-size:28px}.progress-total{font:67px/1 var(--serif);letter-spacing:-2px;align-items:baseline;margin:17px 0 21px;display:flex}.progress-total>span:nth-child(2){color:#748166;margin-left:5px;font-size:30px}.progress-complete{color:#5d7340;margin-left:auto}.collection-progress{color:#748651;height:7px}.progress-milestones{color:#617253;justify-content:space-between;margin-top:10px;font-size:9px;display:flex}.progress-next{border-top:1px solid #e0e4d6;justify-content:space-between;align-items:center;width:100%;margin-top:23px;padding:16px 0 0;font-size:12px;display:flex}.search-scene{width:min(100%,310px);min-height:310px}.search-scene h2{font:31px var(--serif);text-align:center;margin-bottom:25px}.search-scene-content{text-align:center;min-height:211px}.search-resize{vertical-align:top;border-radius:28px}.search-capsule{width:56px;height:56px;color:var(--ink);background:#fbfaf3;border-radius:28px;display:flex;overflow:hidden}.search-capsule[data-open=true]{width:270px}.search-capsule button{flex-shrink:0;place-items:center;width:56px;height:56px;display:grid}.search-capsule input{color:var(--ink);background:0 0;border:0;outline:none;width:100%;min-width:0;padding:0 18px 0 0;font-size:13px}.search-capsule input:focus-visible{outline:none}.search-capsule:focus-within{box-shadow:inset 0 0 0 2px #dce39a}.note-search-results{width:270px;color:var(--ink);text-align:left;background:#fbfaf3;border-radius:7px;margin:10px auto 0;padding:12px 14px}.note-search-results>.micro{color:#6b755f;margin-bottom:5px;font-size:8px;display:block}.note-search-results button{text-align:left;align-items:center;gap:9px;width:100%;min-height:34px;padding:6px 0;font-size:11px;display:flex}.note-search-results button svg:last-child{color:#738163;margin-left:auto}.note-search-results p{overflow-wrap:anywhere;padding:10px 0;font-size:12px;line-height:1.7}.search-selection{color:#e0e6ff;text-align:center;min-height:28px;font-size:11px;line-height:1.6}.steps-card{border-radius:9px;width:min(100%,340px);padding:24px}.steps-heading{margin-bottom:17px}.steps-card>.jones-progress{color:#748651;height:3px}.step-content{padding:22px 0 25px}.step-content h2{margin-bottom:15px;font-size:34px;line-height:1.05}.step-content label{color:#67735d;margin-bottom:8px;font-size:11px;display:block}.step-content input{width:100%;color:var(--ink);background:#f6f7ef;border:1px solid #d4dbc7;border-radius:5px;padding:12px;font-size:13px}.step-content p{color:#637159;overflow-wrap:anywhere;font-size:11px;line-height:1.7}.cover-colors{gap:10px;margin-top:18px;display:flex}.cover-colors button{background:var(--cover-color);border-left:4px solid #29372720;border-radius:3px 7px 7px 3px;width:53px;height:60px}.cover-colors button[aria-pressed=true]{outline-offset:3px;outline:1px solid #69785a}.step-actions{border-top:1px solid #dde1d2;justify-content:space-between;align-items:center;padding-top:15px;display:flex}.step-actions button{align-items:center;gap:8px;padding:5px 0;font-size:12px;display:flex}.collection-cover{color:#4a5e34;border-left:3px solid #303e2e25;border-radius:2px 5px 5px 2px;place-items:center;width:45px;height:53px;margin-bottom:13px;display:grid}.sheet-trigger-scene{text-align:center;width:min(100%,310px)}.sheet-note{color:#596840;background:#e6eaa5;border-left:6px solid #a8b479;border-radius:3px 8px 8px 3px;place-items:center;width:66px;height:78px;margin:0 auto 24px;display:grid;box-shadow:7px 9px #233eae}.sheet-collection h2{font:36px var(--serif)}.sheet-collection p{color:#dfe5ff;margin:11px 0 23px;font-size:12px}.sheet-trigger-scene>p{color:#dfe5ff;min-height:18px;margin-top:17px;font-size:11px}.sheet-trigger-scene .demo-button{margin:auto}.bottom-sheet-dialog{width:min(480px,100%);max-width:100%;max-height:90dvh;color:var(--ink);background:0 0;border:0;margin:auto auto 0;padding:0;overflow:visible}.bottom-sheet-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1e294966}.bottom-sheet-content{padding:26px 32px max(28px, env(safe-area-inset-bottom));background:#f7f7ef;border-radius:18px 18px 0 0;max-height:90dvh;overflow-y:auto}.sheet-topline{color:#667454;justify-content:space-between;align-items:center;display:flex}.sheet-topline .micro{color:#59694d}.bottom-sheet-content h2{font:46px var(--serif);margin:20px 0 9px}.bottom-sheet-content>p{color:#647357;font-size:13px;line-height:1.6}.sheet-choices{margin:22px 0}.sheet-choices button{text-align:left;border-bottom:1px solid #dfe4d4;align-items:center;gap:15px;width:100%;min-height:56px;font-size:14px;display:flex}.sheet-choices button svg:first-child{color:#697e51}.sheet-choices button svg:last-child{margin-left:auto}.sheet-choices button:hover{background:#edf0e3}.sheet-footnote{color:#6a765f;font-size:11px}@media (width>=1181px){.flip-scene{width:min(100%,440px)}.postcard-front,.postcard-back{height:270px;padding:26px 30px}.postcard h2{margin-top:30px;font-size:64px}.postcard-caption{font-size:10px}.postcard-route{width:148px;height:195px}.postcard-footer{font-size:9px;bottom:24px;left:30px}.postcard-back h2{margin-top:18px;font-size:42px}.postcard-signature{bottom:19px;left:30px;right:30px}.postcard-signature>span:first-child{font-size:12px}}@media (width>=621px) and (width<=1180px){.stage:has(.topics-card){min-height:445px}}@media (width<=620px){.range-control.is-inapplicable{margin-bottom:0}.flip-scene{width:100%}.postcard-front,.postcard-back{height:208px;padding:20px}.postcard h2{margin-top:23px;font-size:46px}.postcard-route{width:103px;height:137px;right:-8px}.postcard-caption{gap:7px;font-size:7px}.postcard-footer{font-size:6px;bottom:18px;left:20px}.postcard-back h2{margin-top:15px;font-size:31px}.postcard-signature{bottom:12px;left:20px;right:20px}.postcard-signature>span:first-child{font-size:8px}.postcard-signature .wordmark{font-size:26px}.stage-action{font-size:11px}.stage-action>span:last-child{font-size:8px}.reading-heading h2{font-size:25px}.reading-book{gap:9px;padding-right:11px}.reading-book strong{font-size:11px}.reading-book small{font-size:9px}.book-pages{font-size:10px}.topics-card{padding:21px}.topics-card h2{margin:17px 0;font-size:35px}.topic-chips{gap:6px}.topic-chips button{gap:6px;padding:8px;font-size:10px}.topics-footer{margin-top:17px}.topics-heading .micro{font-size:7px}.progress-card{padding:21px}.progress-card h2{font-size:26px}.progress-total{margin:16px 0;font-size:57px}.progress-next{margin-top:18px}.search-scene{min-height:290px}.search-scene h2{margin-bottom:20px;font-size:28px}.search-capsule[data-open=true],.note-search-results{width:245px}.search-scene-content{min-height:206px}.steps-card{padding:21px}.step-content{padding:18px 0 20px}.step-content h2{font-size:30px}}@media (width<=360px){.search-capsule[data-open=true],.note-search-results{width:220px}.topics-card{padding:16px}}.study-scene{text-align:center;width:min(100%,350px)}.study-art{--specimen-paper:#e7eac4;--specimen-ink:#33412c;justify-content:center;align-items:center;width:100%;min-width:0;height:265px;display:flex}.study-specimen{max-width:100%;color:var(--specimen-ink);background-color:var(--specimen-paper);box-sizing:border-box}.specimen-card{text-align:left;border-radius:8px;width:280px;height:186px;padding:23px;overflow:hidden}.study-card-top{font:8px var(--mono);letter-spacing:.65px;justify-content:space-between;align-items:center;gap:16px;display:flex}.study-card-title{font:33px/1.04 var(--serif);letter-spacing:-.3px;white-space:nowrap;margin-top:22px;display:block}.study-card-title em,.study-type-line em,.study-poster-title em{font-style:normal}.study-card-footer{justify-content:space-between;margin-top:18px;font-size:10px;display:flex}.specimen-tile{border-radius:15px;place-items:center;width:124px;height:124px;display:grid}.study-symbol{font:76px/.8 var(--serif)}.specimen-button{border-radius:8px;justify-content:space-between;align-items:center;gap:18px;padding:17px 20px;font-size:15px;display:flex}.specimen-type{color:#f7f7e9;text-align:left;background:0 0}.study-type-line{font:70px/.92 var(--serif);letter-spacing:-1.5px;white-space:nowrap}.specimen-poster{text-align:left;background-color:#e9e9b3;width:238px;height:265px;padding:18px;position:relative;overflow:hidden}.study-poster-label{font:7px var(--mono);letter-spacing:.6px;z-index:1;position:relative}.study-poster-title{z-index:1;font:35px/.97 var(--serif);margin-top:22px;display:block;position:relative}.study-poster-art{width:100%;position:absolute;bottom:0;left:0}.study-caption{color:#e1e6ff;font:10px var(--mono);margin-top:20px;display:block}.study-sequence{gap:10px;width:280px;max-width:100%;display:grid}.sequence-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:206px}.study-sequence .specimen-tile{aspect-ratio:1;border-radius:7px;width:100%;height:auto}.study-tile-mark{font:27px/1 var(--serif)}.sequence-row .study-tile-mark{font-size:22px}.study-sequence .specimen-type{text-align:center;min-width:0}.study-letter{font:47px/1 var(--serif)}.sequence-list{gap:9px}.specimen-list{white-space:nowrap;border-radius:5px;align-items:center;gap:10px;height:48px;padding:10px 13px;font-size:11px;display:flex}.study-list-number{font:9px var(--mono);color:#4c5b3a}.specimen-list svg{margin-left:auto}.study-navigation-track{background:#f8f8ed;border-radius:10px;justify-content:center;align-items:center;width:244px;height:67px;padding-bottom:5px;display:flex;position:relative}.study-track-labels{color:#415035;z-index:1;justify-content:space-around;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.specimen-indicator{background:#cfdab0;border-radius:6px;width:64px;height:40px}.study-indicator-mark{display:block}.study-message{align-items:center;gap:14px;height:100%;display:flex;position:relative}.study-message-icon{background:#c8d59b;border-radius:11px;flex-shrink:0;place-items:center;width:45px;height:45px;display:grid}.study-message-meta{font:7px var(--mono);color:#51643e;letter-spacing:.5px;display:block}.study-message strong{margin-top:9px;font-size:13px;font-weight:550;line-height:1.4;display:block}.study-message-time{color:#50623e;font-size:9px;position:absolute;top:0;right:0}.study-message-line{background:#b9c597;border-radius:3px;width:92%;height:4px;margin-top:11px;display:block}.study-message-line.short-line{width:62%;margin-top:6px}.study-art[data-family=Arrivals] .specimen-card,.study-art[data-family=Attention] .specimen-card{background-color:#f5f6eb;height:141px}.study-collection-bar{border-bottom:1px solid #b9c5a4;justify-content:space-between;align-items:center;padding-bottom:9px;font-size:9px;display:flex}.study-collection>strong{margin-top:14px;font-size:14px;font-weight:500;display:block}.study-books{gap:10px;margin-top:14px;display:flex}.study-books>span{width:58px;height:58px;font:17px/1 var(--serif);background:#bbc791;border-left:3px solid #71805844;border-radius:2px 5px 5px 2px;padding:9px 7px}.study-books>span:nth-child(2){background:#d9b99d}.study-books>span:nth-child(3){background:#b4c4d0}.study-ticket-label{font:8px var(--mono);letter-spacing:.5px}.study-ticket>strong{font:42px var(--serif);justify-content:space-between;margin:18px 0;display:flex}.study-ticket>strong>span{color:#78875a}.study-ticket-rule{border-top:1px dashed #849465}.study-ticket-bottom{justify-content:space-between;align-items:center;margin-top:14px;font-size:9px;display:flex}.study-barcode{background:repeating-linear-gradient(90deg,#526340 0 2px,#0000 2px 4px,#526340 4px 5px,#0000 5px 8px);width:50px;height:17px;display:block}.study-material-title{font:24px var(--serif);display:block}.study-material-shapes{justify-content:flex-end;align-items:center;height:76px;margin-top:-8px;display:flex}.study-material-shapes i{border:1px solid #6e7d50;width:57px;height:57px;display:block}.study-material-shapes i:last-child{background:#a4b67a77;border-radius:50%;margin-left:-22px}.study-material-label{font:8px var(--mono);letter-spacing:.7px}.is-miniature.study-art{height:188px}.is-miniature .specimen-card{border-radius:4px;width:204px;height:136px;padding:17px}.is-miniature .study-card-top{font-size:5px}.is-miniature .study-card-top svg{width:14px;height:14px}.is-miniature .study-card-title{margin-top:14px;font-size:27px}.is-miniature .study-card-footer{margin-top:10px;font-size:6px}.is-miniature .study-card-footer svg{width:10px;height:10px}.is-miniature .specimen-tile{border-radius:10px;width:84px;height:84px}.is-miniature .study-symbol{font-size:52px}.is-miniature .specimen-button{border-radius:5px;gap:12px;padding:13px 15px;font-size:12px}.is-miniature .specimen-button svg{width:15px;height:15px}.is-miniature .specimen-type{color:#3b4631}.is-miniature .study-type-line{font-size:50px}.is-miniature .specimen-poster{width:155px;height:178px;padding:12px}.is-miniature .study-poster-label{font-size:4px}.is-miniature .study-poster-title{margin-top:14px;font-size:25px}.is-miniature .study-sequence{gap:6px;width:224px}.is-miniature .sequence-grid{width:154px}.is-miniature .study-sequence .specimen-tile{border-radius:4px;width:100%;height:auto}.is-miniature .study-tile-mark{font-size:20px}.is-miniature .sequence-row .study-tile-mark{font-size:17px}.is-miniature .study-letter{font-size:38px}.is-miniature .specimen-list{gap:7px;height:33px;padding:8px;font-size:8px}.is-miniature .study-list-number{font-size:7px}.is-miniature .specimen-list svg{width:10px;height:10px}.is-miniature .study-navigation-track{flex-shrink:0;transform:scale(.8)}.is-miniature.study-art[data-family=Arrivals] .specimen-card,.is-miniature.study-art[data-family=Attention] .specimen-card{height:106px}.is-miniature .study-message{gap:9px}.is-miniature .study-message-icon{border-radius:8px;width:33px;height:33px}.is-miniature .study-message-icon svg{width:19px;height:19px}.is-miniature .study-message-meta{font-size:5px}.is-miniature .study-message strong{margin-top:6px;font-size:10px}.is-miniature .study-message-time{font-size:6px}.is-miniature .study-message-line{height:3px;margin-top:8px}.is-miniature .study-message-line.short-line{margin-top:4px}.is-miniature .study-collection-bar{padding-bottom:6px;font-size:7px}.is-miniature .study-collection>strong{margin-top:10px;font-size:10px}.is-miniature .study-books{gap:7px;margin-top:10px}.is-miniature .study-books>span{width:41px;height:44px;padding:7px 5px;font-size:13px}.is-miniature .study-ticket-label{font-size:5px}.is-miniature .study-ticket>strong{margin:12px 0;font-size:31px}.is-miniature .study-ticket-bottom{margin-top:10px;font-size:7px}.is-miniature .study-barcode{width:38px;height:13px}.is-miniature .study-material-title{font-size:20px}.is-miniature .study-material-shapes{height:53px}.is-miniature .study-material-shapes i{width:45px;height:45px}.is-miniature .study-material-label{font-size:6px}@media (width<=620px){.study-art{height:238px}.specimen-card{height:174px;padding:20px}.study-card-title{font-size:31px}.specimen-poster{width:205px;height:238px}.study-type-line{font-size:58px}.study-letter{font-size:39px}.study-caption{margin-top:12px;font-size:9px}.study-navigation-track{flex-shrink:0;transform:scale(.92)}.study-sequence{gap:7px}.specimen-list{padding:9px;font-size:10px}}[hidden]{display:none!important}.sidebar-browse{text-align:left;border-radius:5px;align-items:center;gap:10px;margin:0 8px 16px;padding:10px;font-size:13px;display:flex}.sidebar-browse>span{font:11px var(--mono);margin-left:auto}.sidebar-browse[aria-current=page]{background:#e2e7d7}.recipe-nav details{margin-bottom:5px}.recipe-nav summary{cursor:pointer;color:#4f5d43;align-items:center;gap:8px;padding:12px 11px;font-size:14px;list-style:none;display:flex}.recipe-nav summary::-webkit-details-marker{display:none}.recipe-nav summary>span{font:10px var(--mono);color:#637454;margin-left:auto}.recipe-nav details[open] summary svg{transform:rotate(180deg)}.recipe-nav details>.nav-item{min-height:35px;padding-left:15px;font-size:12px}.recipe-nav summary:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.catalog-page{padding-top:3px;padding-bottom:24px}.catalog-eyebrow{color:#5c6a4e;font:11px var(--mono);letter-spacing:.8px;justify-content:space-between;gap:20px;display:flex}.catalog-heading{justify-content:space-between;align-items:center;gap:30px;margin:17px 0 23px;display:flex}.catalog-heading h1{font:60px/.98 var(--serif);letter-spacing:-1.6px}.catalog-heading h1 em{color:#77815d;font-style:normal}.catalog-heading p{color:#626e56;margin-top:21px;font-size:14px;line-height:1.75}.catalog-edition{border-left:1px solid #d5dac9;min-width:168px;margin-top:10px;padding-left:30px}.catalog-edition strong{font:76px/.85 var(--serif);letter-spacing:-4px;display:block}.catalog-edition>span{color:#617052;margin-top:15px;font-size:12px;line-height:1.5;display:block}.catalog-controls{border-bottom:1px solid #d5dac9;justify-content:space-between;align-items:center;gap:24px;scroll-margin-top:100px;display:flex}.catalog-tabs{flex-shrink:0;gap:24px;display:flex}.catalog-tabs button{color:#667259;border-bottom:2px solid #0000;align-items:center;gap:10px;padding:11px 0 14px;font-size:13px;display:flex}.catalog-tabs button[aria-pressed=true]{color:#283824;border-bottom-color:#4f6240}.catalog-tabs button>span{font:11px var(--mono);color:#536347;background:#e8ebdf;border-radius:4px;padding:3px 5px}.catalog-tools{flex:1;justify-content:flex-end;align-items:center;gap:18px;padding:10px 0;display:flex}.catalog-search{color:#6a775b;flex:1;align-items:center;gap:10px;max-width:265px;display:flex}.catalog-search input{color:var(--ink);background:0 0;border:0;flex:1;width:100%;min-width:0;padding:8px 0;font-size:13px}.catalog-search input:focus-visible{outline-offset:3px}.catalog-family{position:relative}.catalog-family select{appearance:none;color:#425337;cursor:pointer;background:#f9faf3;border:1px solid #d7ddcc;border-radius:5px;padding:10px 34px 10px 12px;font-size:12px}.catalog-family>svg{pointer-events:none;position:absolute;top:14px;right:12px}.catalog-results{color:#536347;justify-content:space-between;align-items:center;gap:20px;margin:20px 0 17px;font-size:12px;display:flex}.catalog-results>span{color:#59694c}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 22px;display:grid}.catalog-tile{min-width:0;position:relative}.catalog-thumbnail{isolation:isolate;background:#e1e8df;border-radius:7px;justify-content:center;align-items:center;height:196px;display:flex;overflow:hidden}.catalog-thumbnail[data-family=Arrivals],.catalog-thumbnail[data-family=Layout]{background:#dce6e7}.catalog-thumbnail[data-family=Attention],.catalog-thumbnail[data-family=Feedback]{background:#e2e6ce}.catalog-thumbnail[data-family=Typography]{background:#e9e5d8}.catalog-thumbnail[data-family=Masks]{background:#cba18c}.catalog-thumbnail[data-family=Spatial],.catalog-thumbnail[data-family=Expression]{background:#ccc8dc}.catalog-thumbnail[data-family=Surfaces]{background:#d4dbc5}.catalog-thumbnail[data-family=Sequences]{background:#d9e0d1}.catalog-thumbnail[data-family=Wayfinding],.catalog-thumbnail[data-family=Navigation]{background:#d4ddef}.catalog-thumbnail .study-art{pointer-events:none}.catalog-open{justify-content:space-between;align-items:flex-start;gap:15px;padding:13px 0 0;text-decoration:none;display:flex}.catalog-open:after{content:"";border-radius:7px;position:absolute;inset:0}.catalog-open h2{letter-spacing:-.15px;font-size:15px;font-weight:500}.catalog-open>div>span{color:#58694a;margin-top:5px;font-size:12px;display:block}.catalog-open>svg{color:#6a7b59;margin:1px 1px 0 0}.catalog-open:focus-visible{outline:none}.catalog-open:focus-visible:after{outline:2px solid var(--blue);outline-offset:5px}.catalog-save{z-index:2;color:#4e603d;opacity:0;background:#f7f8ecb3;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:9px;right:9px}.catalog-tile:hover .catalog-save,.catalog-tile:focus-within .catalog-save,.catalog-save[aria-pressed=true]{opacity:1}.thumbnail-postcard{color:#39482d;background:#e9eda9;border-radius:4px;width:234px;height:144px;padding:17px;position:relative;overflow:hidden}.thumbnail-postcard>span{font:5px var(--mono);letter-spacing:.6px;display:block}.thumbnail-postcard strong{font:37px/.96 var(--serif);z-index:1;margin-top:13px;display:block;position:relative}.thumbnail-postcard svg{color:#7c894f;width:67px;height:84px;position:absolute;bottom:0;right:-2px}.thumbnail-list{gap:6px;width:206px;display:grid}.thumbnail-list>span{color:#3f4b34;background:#f7f8ed;border-radius:4px;align-items:center;gap:9px;padding:11px;font-size:9px;display:flex}.thumbnail-list i{font:normal 7px var(--mono);color:#536347}.thumbnail-number{font:66px/.8 var(--serif);text-align:center;color:#485635}.thumbnail-number span{margin-top:15px;font:11px DM Sans Variable,sans-serif;display:block}.thumbnail-object{color:#4e6040;background:#f6f5e9;border-radius:7px;align-content:center;justify-items:center;gap:14px;width:156px;height:120px;padding:19px;display:grid}.thumbnail-object>span:last-child{font:9px var(--mono)}.thumbnail-object-icon{place-items:center;width:47px;height:43px;display:grid}.catalog-pagination{border-top:1px solid #d6ddc9;justify-content:space-between;align-items:center;gap:12px;margin-top:33px;padding-top:22px;display:flex}.catalog-pagination>button{align-items:center;gap:8px;padding:10px 0;font-size:12px;display:flex}.catalog-pagination>div{gap:4px;display:flex}.catalog-pagination>div button{border-radius:4px;width:33px;height:33px;font-size:12px}.catalog-pagination button[aria-current=page]{color:#35462a;background:#e2e7d8}.catalog-footer{color:#627253;border-top:1px solid #d6ddc9;justify-content:space-between;gap:15px;margin-top:32px;padding-top:20px;font-size:11px;line-height:1.6;display:flex}.catalog-notice{color:#75562e;padding:12px 0;font-size:12px}.catalog-empty{text-align:center;color:#526545;padding:65px 20px 75px}.catalog-empty h2{font:42px var(--serif);color:var(--ink);margin:16px 0 10px}.catalog-empty p{font-size:14px}.catalog-empty button{background:#e3e8d9;border-radius:5px;align-items:center;gap:15px;margin-top:26px;padding:12px 18px;font-size:13px;display:inline-flex}.breadcrumb-root-button{color:#5f704f;padding:0}.breadcrumb-root-button:hover{text-decoration:underline}@media (width>=1600px){.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1180px){.catalog-controls{display:block}.catalog-tools{border-top:1px solid #d5dac9;justify-content:space-between}.catalog-heading h1{font-size:57px}.catalog-edition{min-width:115px;padding-left:22px}.catalog-edition strong{font-size:63px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 19px}.catalog-results>span,.catalog-eyebrow>span:last-child{display:none}}@media (width<=620px){.catalog-heading{gap:15px;margin:26px 0 29px}.catalog-heading h1{letter-spacing:-1.1px;font-size:clamp(42px,11.5vw,65px)}.catalog-heading p{margin-top:17px;font-size:12px;line-height:1.7}.catalog-edition{display:none}.catalog-eyebrow{font-size:9px}.catalog-tabs{gap:18px}.catalog-tabs button{gap:6px;font-size:11px}.catalog-tabs button>span{padding:3px;font-size:9px}.catalog-tools{gap:10px;padding:12px 0}.catalog-search{gap:7px}.catalog-search input{font-size:11px}.catalog-family select{max-width:124px;padding:9px 27px 9px 9px;font-size:11px}.catalog-family>svg{top:12px;right:8px}.catalog-grid{gap:23px 13px}.catalog-thumbnail{height:145px}.catalog-open{gap:6px;padding-top:11px}.catalog-open h2{font-size:12px}.catalog-open>div>span{font-size:10px}.catalog-open>svg{width:13px;height:13px}.catalog-thumbnail .study-art{flex-shrink:0;width:240px;transform:scale(.67)}.catalog-thumbnail .thumbnail-postcard,.catalog-thumbnail .thumbnail-list{flex-shrink:0;transform:scale(.7)}.catalog-thumbnail .thumbnail-object{flex-shrink:0;transform:scale(.8)}.catalog-thumbnail .thumbnail-number{transform:scale(.8)}.catalog-save{opacity:1;width:27px;height:27px;top:6px;right:6px}.catalog-save svg{width:14px;height:14px}.catalog-pagination{flex-wrap:wrap}.catalog-pagination>div{order:-1;justify-content:center;width:100%}.catalog-footer{flex-direction:column;gap:5px;font-size:10px}.catalog-controls{scroll-margin-top:77px}.desktop-break{display:none}}.lab-edition{color:#546646;border-left:1px solid #ced6bf;align-self:center;gap:14px;max-width:240px;margin:0 10px 0 35px;padding-left:25px;display:grid}.lab-edition>span{letter-spacing:1px;font:9px monospace}.lab-edition strong{font:400 27px/1.2 Instrument Serif,serif}.catalog-heading{justify-content:space-between;align-items:center;display:flex}.lab-thumbnail{color:#30412d;background:#e6ead8;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:21px 26px;display:flex;position:relative;overflow:hidden}.lab-thumbnail-1{background:#dfe5cf}.lab-thumbnail-2{background:#d5e2e9}.lab-thumbnail-3{background:#eae0cd}.lab-thumbnail-label{letter-spacing:1px;color:#536445;font:8px monospace}.lab-thumbnail-serif{letter-spacing:-.5px;font:38px/1.02 Instrument Serif,serif}.lab-thumbnail-action{background:#f9faf0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:12px 14px;font-size:11px;font-weight:500;display:flex}.lab-thumbnail-action>span:last-child{margin-left:auto}.lab-thumbnail-dot{background:#708344;border-radius:50%;width:7px;height:7px}.lab-thumbnail-board{grid-template-columns:1fr 1fr;gap:13px;width:100%;margin:auto 0;display:grid}.lab-thumbnail-board>div{flex-direction:column;gap:9px;display:flex}.lab-thumbnail-board>div>span{color:#52664e;font-size:10px}.lab-thumbnail-board i{white-space:nowrap;background:#fbfbf2;border:1px solid #ced9c7;border-radius:5px;padding:12px 7px;font-size:10px;font-style:normal}.lab-thumbnail-board .lab-thumbnail-drag{transform:rotate(-6deg);box-shadow:0 8px 10px #304f3620}.lab-thumbnail-drag b{color:#2e4331;font-size:22px;display:block;position:absolute;bottom:-10px;right:-6px}.lab-thumbnail-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:auto 0;display:grid}.lab-thumbnail-cards>div{background:#fafaf0;border-radius:5px;padding:7px}.lab-thumbnail-cards i{border-radius:2px;place-items:center;height:88px;font:40px Instrument Serif,serif;display:grid}.lab-thumbnail-cards>div>span{white-space:nowrap;margin-top:8px;font-size:9px;display:block}.lab-thumbnail svg{width:100%;height:140px}.lab-thumbnail-track{align-items:center;gap:12px;height:38px;display:flex}.lab-thumbnail-track i{background:#708a54;border-radius:5px;width:70%;height:4px}.lab-thumbnail-track span{font-size:26px}.lab-thumbnail-craft{text-transform:uppercase;letter-spacing:1px;font-size:10px}.lab-setup{color:#35432f;background:#eef1e5;border-bottom:1px solid #d6ddc9;grid-template-columns:1fr 1fr;gap:30px;padding:25px 28px;display:grid}.lab-setup h3{margin:9px 0;font:27px Instrument Serif,serif}.lab-setup p{margin:0;font-size:12px;line-height:1.75}.lab-setup pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#30442c;background:0 0;margin:0 0 14px;padding:0;font-size:11px}.lab-setup code{font-size:11px}.lab-setup .copy-button{color:#31432c}.lab-setup>div{min-width:0}@media (width<=1100px){.lab-edition{display:none}}@media (width<=650px){.lab-thumbnail{padding:13px 12px}.lab-thumbnail-label{letter-spacing:.4px;font-size:6px}.lab-thumbnail-serif{font-size:26px}.lab-thumbnail-action{gap:3px;padding:8px;font-size:8px}.lab-thumbnail-board{gap:6px}.lab-thumbnail-board i{padding:9px 5px;font-size:7px}.lab-thumbnail-board>div>span{font-size:8px}.lab-thumbnail-cards{gap:4px}.lab-thumbnail-cards>div{padding:4px}.lab-thumbnail-cards i{height:53px;font-size:26px}.lab-thumbnail-cards>div>span{white-space:normal;font-size:6px}.lab-thumbnail-craft{font-size:8px}.lab-thumbnail svg{height:94px}.lab-setup{grid-template-columns:1fr;gap:16px;padding:22px}.lab-thumbnail-track i{height:3px}}@layer theme{:root,:host{--tw-spacing:.25rem}}@layer base,components;@layer utilities{.tw\:relative{position:relative}.tw\:float-right{float:right}.tw\:m-0{margin:0}.tw\:mt-3{margin-top:calc(var(--tw-spacing) * 3)}.tw\:mt-4{margin-top:calc(var(--tw-spacing) * 4)}.tw\:mb-3{margin-bottom:calc(var(--tw-spacing) * 3)}.tw\:flex{display:flex}.tw\:grid{display:grid}.tw\:inline-flex{display:inline-flex}.tw\:w-full{width:100%}.tw\:min-w-0{min-width:0}.tw\:flex-1{flex:1}.tw\:list-none{list-style-type:none}.tw\:flex-wrap{flex-wrap:wrap}.tw\:items-center{align-items:center}.tw\:justify-between{justify-content:space-between}.tw\:justify-center{justify-content:center}.tw\:gap-2{gap:calc(var(--tw-spacing) * 2)}.tw\:gap-3{gap:calc(var(--tw-spacing) * 3)}.tw\:gap-4{gap:calc(var(--tw-spacing) * 4)}.tw\:p-0{padding:0}.tw\:pt-4{padding-top:calc(var(--tw-spacing) * 4)}.tw\:text-left{text-align:left}}.lab-frame{color:#29372c;text-align:left;background:#faf9f1;border-radius:13px;width:min(100%,420px);padding:25px;font-family:DM Sans Variable,sans-serif;font-size:13px;line-height:1.5;box-shadow:0 16px 45px #172d431c}.lab-frame.lab-wide{width:min(100%,500px)}.lab-heading{margin-bottom:22px}.lab-label{letter-spacing:1.3px;color:#536245;text-transform:uppercase;font-size:10px;font-weight:500;display:block}.lab-heading h2{margin:8px 0 0;font-family:Instrument Serif,serif;font-size:31px;font-weight:400;line-height:1.15}.lab-note{color:#576452;margin:0;font-size:12px;line-height:1.6}.lab-button{color:#2d3e29;cursor:pointer;white-space:normal;background:#e9edda;border:1px solid #c5cbb8;border-radius:7px;min-height:39px;padding:8px 13px;font-size:12px;font-weight:500}.lab-button:disabled{opacity:.6;cursor:default}.lab-button-primary{color:#faf9f1;background:#30432d;border-color:#30432d}.lab-button:focus-visible,.lab-frame button:focus-visible,.lab-frame input:focus-visible,.lab-frame select:focus-visible,.lab-frame textarea:focus-visible,.lab-scroll:focus-visible{outline-offset:3px;outline:2px solid #326ac0}.lab-frame input:not([type=checkbox]):not([type=range]),.lab-frame textarea,.lab-frame select{color:#29372c;width:100%;min-height:40px;font:inherit;background:#fffef8;border:1px solid #b6c0aa;border-radius:6px;padding:8px 10px;display:block}.lab-frame input[type=checkbox]{accent-color:#526b38;width:16px;height:16px}.lab-field{gap:6px;font-size:12px;display:grid}.lab-row{border-bottom:1px solid #e0e3d6;align-items:center;gap:12px;padding:11px 0;display:flex}.lab-row>span:first-of-type{flex:1;min-width:0}.lab-row:last-child{border:0}.lab-status{color:#425e36;min-height:20px;margin:0;font-size:12px}.lab-error{color:#9d3929}.lab-card{background:#f1f3e7;border:1px solid #d4dac6;border-radius:8px;min-width:0;padding:15px}.lab-badge{color:#40542f;background:#e0e8ce;border-radius:4px;padding:3px 7px;font-size:10px;font-weight:500;display:inline-block}.lab-divider{background:#d9dece;height:1px}.lab-print{border-radius:5px;width:100%;height:auto;display:block}.lab-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.lab-grid button{color:inherit;text-align:left;cursor:pointer;background:#f1f3e7;border:1px solid #d4dac6;border-radius:6px;padding:8px}.lab-grid strong{margin-top:7px;font-size:11px;display:block}.lab-layout-list{gap:8px;display:grid}.lab-layout-list .lab-collection-item{align-items:center;gap:16px;display:flex}.lab-layout-list .lab-print{width:70px}.lab-dialog{color:#29372c;background:#faf9f1;border:0;border-radius:14px;width:min(440px,100vw - 32px);max-height:calc(100dvh - 40px);padding:24px;font-family:DM Sans Variable,sans-serif;overflow:auto}.lab-dialog::backdrop{background:#13291e70}.lab-dialog h2{margin:14px 0;font:36px/1.1 Instrument Serif,serif}.lab-dialog p{font-size:13px;line-height:1.6}.lab-dialog .lab-button{margin-top:12px}.lab-tabs{border-bottom:1px solid #cad2bc;flex-wrap:wrap;align-items:stretch;gap:13px;display:flex;position:relative}.lab-tabs button{color:#506045;font:inherit;cursor:pointer;z-index:1;background:0 0;border:0;padding:9px 1px 12px;position:relative}.lab-tab-line{height:3px;transition:transform var(--jones-duration) var(--jones-easing),width var(--jones-duration) var(--jones-easing);background:#71864d;position:absolute;bottom:0}.lab-menu{gap:7px;min-height:155px;display:grid}.lab-menu button{justify-content:space-between;width:100%}.lab-table{border-collapse:collapse;width:100%;font-size:12px}.lab-table th{text-align:left;color:#536245;padding:8px;font-size:10px;font-weight:500}.lab-table td{border-top:1px solid #dce1d1;padding:11px 8px}.lab-table button{color:inherit;font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;text-decoration:underline}.lab-tree{margin:0;padding:0;list-style:none}.lab-tree ul{margin:0;padding:0 0 0 18px;list-style:none}.lab-tree button{color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;width:100%;padding:8px}.lab-tree [aria-selected=true]{background:#e1e8d3;border-radius:5px}.lab-drag-item{background:#f1f3e7;border:1px solid #cfd7bf;border-radius:7px;align-items:center;gap:9px;min-width:0;margin:6px 0;padding:11px;font-size:12px;display:flex}.lab-drag-handle{cursor:grab;touch-action:none;color:#536245;background:0 0;border:0;padding:4px;font-size:18px;line-height:1}.lab-drag-item>span{flex:1;min-width:0}.lab-board{grid-template-columns:1fr 1fr;gap:12px;display:grid}.lab-column{background:#eef1e3;border:1px dashed #aebd9b;border-radius:8px;min-height:175px;padding:8px}.lab-column h3{color:#526343;margin:2px 0 12px;font-size:11px;font-weight:500}.lab-column .lab-drag-item{gap:3px;padding:8px 5px;font-size:11px}.lab-swipe{background:#dce6ce;border-radius:8px;position:relative;overflow:hidden}.lab-swipe-actions{justify-content:flex-end;align-items:center;padding:5px;display:flex;position:absolute;inset:0}.lab-swipe-content{touch-action:pan-y;background:#f1f3e7;border:1px solid #ccd5bd;border-radius:8px;padding:22px;position:relative}.lab-sheet{border-radius:18px 18px 0 0;max-height:85dvh;margin:0 auto;position:fixed;inset:auto 0 0}.lab-sheet-handle{touch-action:none;cursor:ns-resize;background:#bdc8ad;border:0;border-radius:10px;width:46px;height:6px;margin:0 auto 18px;display:block}.lab-carousel{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:12px;display:flex;overflow:auto}.lab-carousel-slide{scroll-snap-align:center;flex:0 0 100%}.lab-scroll{overscroll-behavior:contain;scrollbar-width:thin;scroll-behavior:auto;background:#f1f3e7;border:1px solid #d8dfcb;border-radius:8px;height:235px;padding:15px;position:relative;overflow:auto}.lab-scroll p{line-height:1.8}.lab-scroll h3{margin:15px 0;font:25px/1.2 Instrument Serif,serif}.lab-scroll-header{z-index:1;transition:transform var(--jones-duration) var(--jones-easing);background:#e5eacf;justify-content:space-between;align-items:center;margin:-15px -15px 10px;padding:12px 15px;display:flex;position:sticky;top:-15px}.lab-scroll-header a{color:#31482c;font-size:12px}.lab-progress-track{background:#d7dfc8;border-radius:5px;height:4px;overflow:hidden}.lab-progress-fill{transform-origin:0;background:#647d42;height:100%}.lab-price{letter-spacing:-1px;font:62px/1 Instrument Serif,serif}.lab-countdown{justify-content:center;align-items:center;gap:10px;font:45px/1 Instrument Serif,serif;display:flex}.lab-digit{text-align:center;background:#e9edda;border-radius:8px;min-width:72px;padding:17px}.lab-headline{color:#3d502f;flex-wrap:wrap;gap:0 .2em;font:40px/1.15 Instrument Serif,serif;display:flex}.lab-headline>div{display:inline-block}.lab-visual{background:#e6ebd5;border-radius:9px;place-items:center;min-height:180px;display:grid;position:relative;overflow:hidden}.lab-visual svg{width:100%;height:180px}.lab-sr{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lab-spotlight{color:#f0f1d7;touch-action:pan-y;background:#283d30;min-height:220px;padding:26px}.lab-spotlight:before{content:"";pointer-events:none;background:radial-gradient(circle 110px at var(--spot-x,50%) var(--spot-y,50%),#bdd48955,transparent);position:absolute;inset:0}.lab-parallax{perspective:700px;min-height:210px}.lab-parallax-layer{pointer-events:none;place-items:center;display:grid;position:absolute;inset:25px}.lab-parallax-layer span{font:54px Instrument Serif,serif}.lab-celebration-piece{border-radius:2px;width:8px;height:12px;position:absolute;top:50%;left:50%}.lab-illustration{width:100%;height:190px}.lab-frame[data-reduced=true] *{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.lab-frame *,.lab-dialog *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=480px){.lab-frame{width:100%;padding:19px}.lab-heading h2{font-size:28px}.lab-grid{gap:6px}.lab-heading{margin-bottom:18px}.lab-button{padding:8px 10px}.lab-board{gap:7px}.lab-headline{font-size:33px}.lab-countdown{font-size:34px}.lab-digit{min-width:60px;padding:14px}.lab-frame.lab-wide{width:100%}}.lab-frame[data-reduced=true] .lab-spotlight{--spot-x:50%!important;--spot-y:50%!important}.lab-spotlight:before{background:radial-gradient(circle var(--spot-radius,110px) at var(--spot-x,50%) var(--spot-y,50%),#bdd48955,transparent)}.lab-thumbnail-reading{background:#fafbf3;border-radius:6px;width:100%;margin:auto 0;padding:18px}.lab-thumbnail-reading>span{color:#536749;justify-content:space-between;font-size:9px;display:flex}.lab-thumbnail-reading>div{background:#d9e2cb;height:3px;margin:10px 0 15px}.lab-thumbnail-reading i{background:#778d4f;width:37%;height:100%;display:block}.lab-thumbnail-reading strong{color:#354730;font:27px/1.05 Instrument Serif,serif;display:block}.lab-thumbnail-reading p{background:#d8dfcb;width:94%;height:3px;margin:8px 0}.lab-thumbnail-reading p:last-child{width:58%}.lab-thumbnail-tabs{border-bottom:1px solid #bbc8a6;gap:10px;margin-bottom:15px;padding-bottom:7px;font-size:10px;display:flex}.lab-thumbnail-tabs strong{font-weight:500;position:relative}.lab-thumbnail-tabs strong:after{content:"";background:#687e43;height:3px;position:absolute;bottom:-8px;left:0;right:0}.lab-thumbnail-craft{letter-spacing:.25px!important;text-transform:none!important;font-size:11px!important}.lab-thumbnail-board i{font-size:11px!important}.lab-thumbnail-cards>div>span{font-size:10px!important}.lab-thumbnail-action{font-size:12px!important}@media (width<=650px){.lab-thumbnail-reading{padding:10px}.lab-thumbnail-reading strong{font-size:20px}.lab-thumbnail-reading>span{font-size:6px}.lab-thumbnail-reading p{margin:6px 0}.lab-thumbnail-craft{font-size:9px!important}.lab-thumbnail-board i,.lab-thumbnail-cards>div>span{font-size:8px!important}.lab-thumbnail-action{font-size:9px!important}.lab-thumbnail-tabs{gap:5px;font-size:7px}}.lab-frame,.lab-frame *,.lab-dialog,.lab-dialog *{box-sizing:border-box}.lab-tree [role=treeitem]:focus-visible{outline-offset:-2px;border-radius:5px;outline:2px solid #326ac0}.stage.stage-interaction{height:auto;min-height:445px}.stage-interaction .demo-mount{height:auto;min-height:445px;padding:62px 28px 36px}.stage-interaction .lab-frame{width:min(100%,460px)}.stage-interaction .lab-wide{width:min(100%,500px)}.stage .lab-frame button:focus-visible{outline-color:#326ac0}.lab-publish-document{border-top:1px solid #d4dcc7;border-bottom:1px solid #d4dcc7;padding:19px 0 22px}.lab-publish-document h3{letter-spacing:-.3px;margin:10px 0 4px;font-size:20px;font-weight:500}.lab-publish-document p{color:#516149;margin:0 0 18px;font-size:13px;line-height:1.5}.lab-publish-document .lab-button{width:100%;min-height:44px}.lab-frame .lab-card>p{margin:8px 0 12px}@media (width<=650px){.stage-interaction .demo-mount{min-height:360px;padding:60px 16px 26px}.stage.stage-interaction{min-height:360px}.lab-publish-document{padding:16px 0 18px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#0d0d0d;--sans:"Manrope Variable", Manrope, system-ui, sans-serif;--mono:"DM Mono", ui-monospace, monospace;--paper:#fff;--ink:#0d0d0d;--field:#f7f7f5;--field-strong:#efefec;--muted:#62625e;--line:#deded9;--line-strong:#8f8f89;--signal:#72d4aa;--blue:#315f9a;background:#fff;font-family:Manrope Variable,Manrope,system-ui,sans-serif}body{text-rendering:optimizelegibility}.site-header{border:0;height:auto;padding:0;display:block}.study-strip{color:#fff;background:var(--ink);min-height:30px;font:400 9px/1.4 var(--mono);letter-spacing:.035em;align-items:center;gap:28px;padding:0 32px;display:flex}.study-strip>span:first-child{align-items:center;gap:9px;margin-right:auto;display:flex}.study-strip i{background:var(--signal);border-radius:50%;flex-shrink:0;width:6px;height:6px}.header-bar{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:64px;padding:0 32px;display:grid}.brand{justify-self:start;gap:9px}.jones-mark{width:16px;height:23px}.wordmark{font:650 25px/1 var(--sans);letter-spacing:-.065em;padding:0}.brand-slash{color:var(--line-strong);margin:0 2px 0 7px;font-size:17px}.brand-product{color:var(--muted);letter-spacing:-.02em;font-size:12px}.header-nav{gap:5px;display:flex}.header-nav button{min-height:35px;color:var(--muted);border-radius:999px;padding:0 15px;font-size:11px}.header-nav button:hover{background:var(--field);color:var(--ink)}.header-nav button[aria-current=page]{background:var(--ink);color:var(--paper)}.header-right{justify-self:end}.get-sdk{border:1px solid var(--line);background:var(--paper);height:36px;color:var(--ink);border-radius:999px;gap:12px;padding:0 14px;font-size:11px}.get-sdk:hover,.icon-button:not(:disabled):hover{background:var(--field)}.desktop-sidebar{background:var(--paper);top:94px}.main-content.is-library{width:100%;max-width:1600px;margin:0 auto;padding:0 32px}.catalog-page{padding-top:0}.catalog-hero{border-bottom:1px solid var(--line);padding:54px 0 40px}.catalog-hero-top{justify-content:space-between;align-items:start;gap:36px;display:flex}.catalog-eyebrow{color:var(--muted);font:400 9px/1.5 var(--mono);letter-spacing:.04em;display:block}.catalog-hero-top>.catalog-eyebrow{border:1px solid var(--line-strong);white-space:nowrap;border-radius:999px;padding:4px 9px}.catalog-hero-top>p{max-width:510px;color:var(--muted);font-size:12px;line-height:1.7}.catalog-heading{grid-template-columns:minmax(0,1fr) 310px;align-items:center;gap:56px;min-height:320px;margin:52px 0;display:grid}.catalog-heading h1{font:500 clamp(64px, 10vw, 160px)/.86 var(--sans);letter-spacing:-.085em;white-space:nowrap}.catalog-heading h1 em{color:var(--muted);letter-spacing:-.055em;margin-top:10px;font-size:.36em;font-style:normal;line-height:1.15;display:block}.catalog-motion-map{color:#eee;background:repeating-radial-gradient(circle,#0000 0 39px,#282826 40px 41px,#0000 42px 80px),#111;border:1px solid #32322f;border-radius:12px;flex-direction:column;justify-content:space-between;height:310px;padding:17px;display:flex;overflow:hidden}.motion-map-labels{font:400 6px/1.5 var(--mono);color:#c1c1b8;justify-content:space-between;gap:8px;display:flex;position:relative}.motion-map-orbit{border:1px solid var(--signal);border-radius:50%;place-items:center;width:180px;height:180px;margin:auto;display:grid;position:relative;box-shadow:0 0 0 18px #72d4aa0a}.motion-map-orbit:before{content:"";border:1px solid #545950;border-radius:50%;position:absolute;inset:23px}.motion-map-center{border:1px solid var(--signal);letter-spacing:-.065em;background:#141514;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:94px;height:94px;font-size:29px;display:flex;position:relative}.motion-map-center>span{font:400 6px var(--mono);letter-spacing:.025em;color:var(--signal);margin-top:7px}.motion-map-state{z-index:1;font:400 7px var(--mono);background:#1f1f1c;border:1px solid #4a4a43;border-radius:4px;padding:7px 9px;position:absolute;top:50%;transform:translateY(-50%)}.state-from{left:-26px}.state-to{right:-19px}.motion-map-signal{color:var(--signal)}.catalog-hero-bottom{justify-content:space-between;align-items:end;gap:40px;display:flex}.catalog-hero-bottom>p{max-width:590px;color:var(--muted);font-size:16px;line-height:1.65}.catalog-actions{flex-wrap:wrap;flex-shrink:0;justify-content:end;gap:8px;display:flex}.catalog-actions button{border:1px solid var(--line-strong);border-radius:999px;justify-content:center;align-items:center;gap:12px;min-height:41px;padding:0 16px;font-size:11px;display:inline-flex}.catalog-actions button:hover{background:var(--field)}.catalog-actions .catalog-primary-action{background:var(--ink);border-color:var(--ink);color:var(--paper)}.catalog-actions .catalog-primary-action:hover{background:#333}.catalog-stats{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin:36px 0 0;display:grid}.catalog-stats>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;padding:17px 18px}.catalog-stats dt{color:var(--muted);font:400 8px/1.5 var(--mono)}.catalog-stats dd{letter-spacing:-.06em;margin:24px 0 0;font-size:32px;font-weight:500;line-height:1.1}.catalog-stats dd:last-child{letter-spacing:0;color:var(--muted);margin-top:10px;font-size:10px;font-weight:400;line-height:1.5}.catalog-section-heading{justify-content:space-between;align-items:end;gap:32px;margin:48px 0 30px;display:flex}.catalog-section-heading h2{font:500 clamp(32px, 3.4vw, 48px)/1.05 var(--sans);letter-spacing:-.055em;margin-top:16px}.catalog-section-heading>p{color:var(--muted);text-align:right;font-size:11px;line-height:1.7}.catalog-controls{border-bottom-color:var(--line);gap:24px;padding:12px 0;scroll-margin-top:110px;display:flex}.catalog-tabs{flex-wrap:wrap;gap:4px}.catalog-tabs button{min-height:36px;color:var(--muted);border:0;border-radius:999px;gap:8px;padding:0 14px;font-size:12px}.catalog-tabs button:hover{background:var(--field)}.catalog-tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.catalog-tabs button>span{color:inherit;background:0 0;padding:0;font-size:9px}.catalog-tools{border-color:var(--line);gap:12px;padding:0}.catalog-search{border:1px solid var(--line);min-width:0;color:var(--muted);border-radius:999px;gap:8px;padding:0 12px}.catalog-search input{padding:9px 0;font-size:11px}.catalog-search input::placeholder{color:var(--muted)}.catalog-search button{padding:4px}.catalog-family{color:var(--muted)}.catalog-family select{border-color:var(--line);background:var(--paper);color:var(--ink);border-radius:999px;font-size:11px}.catalog-family>svg{top:13px}.catalog-results{color:var(--muted);font:400 10px/1.5 var(--mono);margin:22px 0 16px}.catalog-results>span{display:none}.catalog-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.catalog-tile{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px}.catalog-tile:hover{background:#fcfcfb}.catalog-thumbnail,.catalog-thumbnail[data-family]{background:var(--field);border:1px solid var(--line);border-radius:2px;height:220px}.catalog-thumbnail>*{filter:grayscale()}.catalog-open{gap:18px;padding-top:20px}.catalog-open:after{border-radius:0}.catalog-open h2{letter-spacing:-.035em;font-size:20px;font-weight:500;line-height:1.25}.catalog-open>div>span{color:var(--muted);font:400 9px/1.5 var(--mono);margin-top:10px}.catalog-open>svg{color:var(--ink);margin-top:4px}.catalog-open:focus-visible:after{outline-offset:-3px}.catalog-save{border:1px solid var(--line);background:var(--paper);color:var(--ink);top:31px;right:31px}.catalog-save:hover{background:var(--field-strong)}.catalog-pagination{border-color:var(--line);margin-top:28px}.catalog-pagination>div{flex-wrap:wrap;justify-content:center}.catalog-pagination>div button{border-radius:999px}.catalog-pagination button[aria-current=page]{background:var(--ink);color:var(--paper)}.catalog-pagination button:disabled{opacity:.6}.catalog-footer{border-color:var(--line);color:var(--muted);font:400 10px/1.7 var(--mono)}.catalog-empty{color:var(--muted)}.catalog-empty h2{font:500 38px/1.1 var(--sans);letter-spacing:-.05em}.catalog-empty button{background:var(--ink);color:var(--paper);border-radius:999px}.catalog-notice{color:#765400}.sidebar-top .eyebrow,.inspector-heading .eyebrow{color:var(--muted);font:400 10px/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase}.sidebar-browse{border-radius:999px;font-size:12px}.sidebar-browse[aria-current=page]{background:var(--ink);color:var(--paper)}.search-field{border-color:var(--line);color:var(--muted);border-radius:999px}.search-field input::placeholder{color:var(--muted)}.recipe-nav{scrollbar-color:var(--line) transparent}.recipe-nav summary,.recipe-nav summary>span{color:var(--muted)}.recipe-nav summary{font-size:12px}.recipe-nav details>.nav-item{border-radius:4px;font-size:11px}.nav-item:hover,.library-filter button:hover{background:var(--field)}.nav-item.is-active,.library-filter button[aria-pressed=true]{background:var(--field-strong);color:var(--ink)}.library-filter button{color:var(--muted);border-radius:999px}.active-dot,.footer-dot{background:var(--signal)}.page-overline,.breadcrumb-root-button{color:var(--muted)}.page-overline{font:400 10px/1.5 var(--mono)}.page-heading{margin-top:36px;margin-bottom:32px}.page-heading>div:first-child{min-width:0}.title-line h1{font:500 clamp(38px, 4.8vw, 68px)/1.03 var(--sans);letter-spacing:-.065em;overflow-wrap:anywhere}.page-heading p{color:var(--muted);font-size:13px;line-height:1.7}.workbench{border-color:var(--line);border-radius:10px}.stage{background:#151515}.stage-topline{color:#bbbcb5;letter-spacing:.05em}.stage-topline>span:last-child{display:block}.live-dot{background:var(--signal)}.stage-caption,.study-caption{color:#c6c6c0}.playback-bar{background:var(--field);border-top:1px solid var(--line)}.playback-hint,.replay-button kbd{color:var(--muted)}.speed-select select{border-radius:999px}.inspector{background:var(--paper)}.inspector-heading svg,.control-label output>span,.range-control.is-inapplicable,.inspector-bottom>p,.reset-button{color:var(--muted)}.range-control.is-inapplicable output{font-family:var(--sans)}input[type=range]{background:linear-gradient(to right, var(--ink) var(--range-progress), var(--line) var(--range-progress))}input[type=range]::-webkit-slider-thumb{border-color:var(--ink);background:var(--paper)}input[type=range]::-moz-range-thumb{border-color:var(--ink);background:var(--paper)}.easing-select select{border-color:var(--line);background:var(--paper);color:var(--ink);border-radius:999px}.easing-graph>span{color:var(--muted)}.easing-graph path{stroke:var(--ink)}.easing-graph circle{fill:var(--ink)}.small-switch{background:var(--line)}.reduce-control input:checked+.small-switch{background:var(--ink)}.implementation-heading h2{letter-spacing:-.04em;font-size:21px}.code-section,.code-toolbar{background:var(--field);color:var(--ink);border-color:var(--line)}.code-section{border-radius:10px}.code-tabs button,.code-toolbar>.copy-button,.code-file,.code-file>span:last-child{color:var(--muted)}.code-tabs button[aria-selected=true]{color:var(--ink)}.code-tabs button[aria-selected=true]:after{background:var(--ink)}.file-dot{background:#1c6b46}.code-body pre{scrollbar-color:var(--line-strong) transparent}.code-section .syntax-keyword{color:#725594}.code-section .syntax-string{color:#276548}.code-section .syntax-number{color:#8c4d28}.expand-code,.expand-code>span,.api-title>span,.api-panel th,.api-panel p{color:var(--muted)}.expand-code,.api-panel td,.api-panel th{border-color:var(--line)}.api-title>code{color:var(--ink)}.main-footer,.main-footer button{color:var(--muted)}.lab-setup{background:var(--field);color:var(--ink);border-color:var(--line)}.lab-setup h2{font-family:var(--sans);letter-spacing:-.04em}.lab-setup p,.lab-setup .copy-button{color:var(--muted)}.docs-dialog{border:1px solid var(--line);border-radius:12px}.docs-content h2{font:500 52px/1 var(--sans);letter-spacing:-.065em}.docs-content>.eyebrow,.docs-intro,.docs-content h3,.docs-content h3+p,.docs-notes p{color:var(--muted)}.docs-command{background:var(--field);border-color:var(--line);border-radius:6px}.docs-command .copy-button{color:var(--ink)}.docs-content>pre{color:#f4f4f0;background:#151515}@media (width>=1600px){.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1180px){.catalog-heading{grid-template-columns:minmax(0,1fr) 260px;gap:30px}.catalog-motion-map{height:280px}.catalog-hero-bottom>p{max-width:470px;font-size:15px}.catalog-actions{flex-shrink:1}.catalog-controls{display:block}.catalog-tools{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.catalog-search{max-width:none}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.study-strip{padding:0 24px;font-size:8px}.study-strip>span:last-child{display:none}.header-bar{gap:0;padding:0 24px;display:flex}.header-nav{display:none}.header-right{margin-left:auto}.main-content.is-library{padding-inline:24px}.catalog-hero-top{gap:24px}.catalog-hero-top>p{max-width:48%;font-size:11px}.catalog-heading{grid-template-columns:minmax(0,1fr) 220px;gap:22px;min-height:260px}.catalog-heading h1{font-size:9.5vw}.catalog-motion-map{height:260px;padding:13px}.motion-map-labels{font-size:5px}.motion-map-orbit{width:150px;height:150px}.catalog-hero-bottom{align-items:start;gap:24px}.catalog-hero-bottom>p{max-width:55%;font-size:14px}.catalog-stats>div{padding-inline:14px}.catalog-stats dd:last-child{font-size:9px}}@media (width<=620px){.study-strip{letter-spacing:0;min-height:28px;padding:0 16px;font-size:7px}.study-strip>span:not(:first-child){display:none}.header-bar{height:62px;padding:0 16px 0 10px}.brand{gap:6px}.wordmark{font-size:23px}.brand-slash{margin:0 1px 0 3px;font-size:14px}.brand-product{font-size:11px}.get-sdk{gap:8px;padding:0 11px;font-size:10px}.main-content.is-library{padding-inline:16px}.catalog-hero{padding:32px 0}.catalog-hero-top{display:block}.catalog-hero-top>.catalog-eyebrow{font-size:8px;display:inline-block}.catalog-hero-top>p{max-width:400px;margin-top:20px;font-size:12px}.catalog-heading{min-height:0;margin:48px 0 34px;display:block}.catalog-heading h1{font-size:clamp(53px,12vw,76px)}.catalog-heading h1 em{margin-top:9px;font-size:.45em}.catalog-motion-map{display:none}.catalog-hero-bottom{display:block}.catalog-hero-bottom>p{max-width:420px;font-size:14px}.catalog-actions{justify-content:start;gap:8px;margin-top:24px}.catalog-actions button{gap:8px;min-height:42px;padding-inline:12px;font-size:10px}.catalog-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:30px}.catalog-stats>div{padding:16px}.catalog-stats dd{margin-top:22px}.catalog-stats dd:last-child{font-size:10px}.catalog-section-heading{margin:36px 0 20px}.catalog-section-heading h2{font-size:32px}.catalog-section-heading>p{display:none}.catalog-tabs{gap:2px}.catalog-tabs button{gap:6px;padding-inline:9px;font-size:11px}.catalog-tabs button>span{font-size:8px}.catalog-tools{gap:8px;margin-top:12px;padding-top:12px}.catalog-search{padding-inline:10px}.catalog-family select{max-width:124px}.catalog-family>svg{top:12px}.catalog-tile{padding:14px}.catalog-thumbnail,.catalog-thumbnail[data-family]{height:170px}.catalog-open{gap:10px;padding-top:16px}.catalog-open h2{font-size:17px}.catalog-open>div>span{font-size:9px}.catalog-save{width:30px;height:30px;top:23px;right:23px}.catalog-footer{font-size:9px}.title-line h1{font-size:clamp(33px,9vw,48px)}.page-heading{gap:12px;margin-top:24px}.page-heading p{font-size:12px}.pager .icon-button{width:28px;height:28px}.stage-topline{font-size:7px}.playback-hint{font-size:10px}.implementation-heading h2{font-size:19px}.docs-content h2{font-size:40px}}@media (width<=480px){.catalog-grid{grid-template-columns:minmax(0,1fr)}.catalog-tile{padding:18px}.catalog-thumbnail,.catalog-thumbnail[data-family]{height:220px}.catalog-thumbnail .study-art{width:100%;transform:none}.catalog-thumbnail .thumbnail-postcard,.catalog-thumbnail .thumbnail-list,.catalog-thumbnail .thumbnail-object,.catalog-thumbnail .thumbnail-number{transform:none}.catalog-save{top:27px;right:27px}.catalog-open h2{font-size:20px}}