.site-footer{display:flex;flex-direction:column;align-items:center;width:100%;margin-inline:auto;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.site-footer__inner{position:relative;z-index:20;display:flex;flex-direction:column;justify-content:space-between;gap:3rem;width:100%;max-width:61.5rem;padding:4rem 2rem}
.site-footer__top{display:flex;flex-direction:column;justify-content:space-between;gap:2rem;min-height:4.75rem}
.site-footer__brand{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1.5rem;min-width:4rem}
.site-footer__logo{display:inline-flex;align-items:center;gap:.5rem;height:1.625rem;text-decoration:none;user-select:none;flex-shrink:0}
.site-footer__logo:hover{text-decoration:none}
.site-footer a:hover,.site-footer button:hover{opacity:1}
.site-footer__logo-img{display:block;width:auto;height:1.5rem;max-width:12rem;object-fit:contain;flex-shrink:0}
.site-footer__logo-img:not([src]),.site-footer__logo-img[src=""]{display:none}
.site-footer__logo-text{font-size:1.0625rem;line-height:1.625rem;font-weight:600;letter-spacing:-.015em;white-space:nowrap;color:#0a0d0c}
.site-footer__socials{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:1rem;height:fit-content;min-width:8.75rem;max-width:30.75rem}
.site-footer__socials .op-socials{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin:0;padding:0;list-style:none}
.site-footer__socials .op-socials__item{display:block;margin:0;padding:0;list-style:none}
.site-footer__socials .op-socials__item::marker{content:""}
.site-footer__socials .op-socials__link{--site-footer-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20'/%3E%3Cpath d='M2 12h20'/%3E%3C/svg%3E");display:block;width:1.25rem;height:1.25rem;overflow:hidden;white-space:nowrap;text-indent:-999em;text-decoration:none;background-color:#707371;transition:background-color .15s ease;-webkit-mask-image:var(--site-footer-social-icon);mask-image:var(--site-footer-social-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.site-footer__socials .op-socials__link:hover{background-color:#505351}
.site-footer__socials .op-socials__link--x,.site-footer__socials .op-socials__link--twitter,.site-footer__socials .op-socials__link[href*="//x.com"],.site-footer__socials .op-socials__link[href*=".x.com"],.site-footer__socials .op-socials__link[href*="//twitter.com"],.site-footer__socials .op-socials__link[href*=".twitter.com"]{--site-footer-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z'/%3E%3C/svg%3E")}
.site-footer__socials .op-socials__link--linkedin,.site-footer__socials .op-socials__link[href*="//linkedin.com"],.site-footer__socials .op-socials__link[href*=".linkedin.com"]{--site-footer-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E")}
.site-footer__socials .op-socials__link--github,.site-footer__socials .op-socials__link[href*="//github.com"],.site-footer__socials .op-socials__link[href*=".github.com"]{--site-footer-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")}
.site-footer__socials .op-socials__link--telegram,.site-footer__socials .op-socials__link[href*="//t.me"],.site-footer__socials .op-socials__link[href*="//telegram.me"],.site-footer__socials .op-socials__link[href*=".telegram.org"]{--site-footer-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z'/%3E%3C/svg%3E")}
.site-footer__socials .op-socials__link--youtube,.site-footer__socials .op-socials__link[href*="//youtube.com"],.site-footer__socials .op-socials__link[href*=".youtube.com"],.site-footer__socials .op-socials__link[href*="//youtu.be"]{--site-footer-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/%3E%3C/svg%3E")}
.site-footer__socials .op-socials__link--facebook,.site-footer__socials .op-socials__link[href*="//facebook.com"],.site-footer__socials .op-socials__link[href*=".facebook.com"],.site-footer__socials .op-socials__link[href*="//fb.com"]{--site-footer-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z'/%3E%3C/svg%3E")}
.site-footer__socials .op-socials__link--instagram,.site-footer__socials .op-socials__link[href*="//instagram.com"],.site-footer__socials .op-socials__link[href*=".instagram.com"]{--site-footer-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077'/%3E%3C/svg%3E")}
.site-footer__socials .op-socials__link--discord,.site-footer__socials .op-socials__link[href*="//discord.gg"],.site-footer__socials .op-socials__link[href*="//discord.com"],.site-footer__socials .op-socials__link[href*=".discord.com"]{--site-footer-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z'/%3E%3C/svg%3E")}
.site-footer__socials .op-socials__link--vk,.site-footer__socials .op-socials__link--vkontakte,.site-footer__socials .op-socials__link[href*="//vk.com"],.site-footer__socials .op-socials__link[href*=".vk.com"]{--site-footer-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9.489.004.729-.003h3.564l.73.003.914.01.433.007.418.011.403.014.388.016.374.021.36.025.345.03.333.033c1.74.196 2.933.616 3.833 1.516.9.9 1.32 2.092 1.516 3.833l.034.333.029.346.025.36.02.373.025.588.012.41.013.644.009.915.004.98-.001 3.313-.003.73-.01.914-.007.433-.011.418-.014.403-.016.388-.021.374-.025.36-.03.345-.033.333c-.196 1.74-.616 2.933-1.516 3.833-.9.9-2.092 1.32-3.833 1.516l-.333.034-.346.029-.36.025-.373.02-.588.025-.41.012-.644.013-.915.009-.98.004-3.313-.001-.73-.003-.914-.01-.433-.007-.418-.011-.403-.014-.388-.016-.374-.021-.36-.025-.345-.03-.333-.033c-1.74-.196-2.933-.616-3.833-1.516-.9-.9-1.32-2.092-1.516-3.833l-.034-.333-.029-.346-.025-.36-.02-.373-.025-.588-.012-.41-.013-.644-.009-.915-.004-.98.001-3.313.003-.73.01-.914.007-.433.011-.418.014-.403.016-.388.021-.374.025-.36.03-.345.033-.333c.196-1.74.616-2.933 1.516-3.833.9-.9 2.092-1.32 3.833-1.516l.333-.034.346-.029.36-.025.373-.02.588-.025.41-.012.644-.013.915-.009ZM6.79 7.3H4.05c.13 6.24 3.25 9.99 8.72 9.99h.31v-3.57c2.01.2 3.53 1.67 4.14 3.57h2.84c-.78-2.84-2.83-4.41-4.11-5.01 1.28-.74 3.08-2.54 3.51-4.98h-2.58c-.56 1.98-2.22 3.78-3.8 3.95V7.3H10.5v6.92c-1.6-.4-3.62-2.34-3.71-6.92Z'/%3E%3C/svg%3E")}
.site-footer__socials .op-socials__link--tiktok,.site-footer__socials .op-socials__link[href*="//tiktok.com"],.site-footer__socials .op-socials__link[href*=".tiktok.com"]{--site-footer-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z'/%3E%3C/svg%3E")}
.site-footer__socials .op-socials__link--reddit,.site-footer__socials .op-socials__link[href*="//reddit.com"],.site-footer__socials .op-socials__link[href*=".reddit.com"]{--site-footer-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0C5.373 0 0 5.373 0 12c0 3.314 1.343 6.314 3.515 8.485l-2.286 2.286C.775 23.225 1.097 24 1.738 24H12c6.627 0 12-5.373 12-12S18.627 0 12 0Zm4.388 3.199c1.104 0 1.999.895 1.999 1.999 0 1.105-.895 2-1.999 2-.946 0-1.739-.657-1.947-1.539v.002c-1.147.162-2.032 1.15-2.032 2.341v.007c1.776.067 3.4.567 4.686 1.363.473-.363 1.064-.58 1.707-.58 1.547 0 2.802 1.254 2.802 2.802 0 1.117-.655 2.081-1.601 2.531-.088 3.256-3.637 5.876-7.997 5.876-4.361 0-7.905-2.617-7.998-5.87-.954-.447-1.614-1.415-1.614-2.538 0-1.548 1.255-2.802 2.803-2.802.645 0 1.239.218 1.712.585 1.275-.79 2.881-1.291 4.64-1.365v-.01c0-1.663 1.263-3.034 2.88-3.207.188-.911.993-1.595 1.959-1.595Zm-8.085 8.376c-.784 0-1.459.78-1.506 1.797-.047 1.016.64 1.429 1.426 1.429.786 0 1.371-.369 1.418-1.385.047-1.017-.553-1.841-1.338-1.841Zm7.406 0c-.786 0-1.385.824-1.338 1.841.047 1.017.634 1.385 1.418 1.385.785 0 1.473-.413 1.426-1.429-.046-1.017-.721-1.797-1.506-1.797Zm-3.703 4.013c-.974 0-1.907.048-2.77.135-.147.015-.241.168-.183.305.483 1.154 1.622 1.964 2.953 1.964 1.33 0 2.47-.81 2.953-1.964.057-.137-.037-.29-.184-.305-.863-.087-1.795-.135-2.769-.135Z'/%3E%3C/svg%3E")}
.site-footer__socials .op-socials__link--threads,.site-footer__socials .op-socials__link[href*="//threads.net"],.site-footer__socials .op-socials__link[href*=".threads.net"],.site-footer__socials .op-socials__link[href*="//threads.com"],.site-footer__socials .op-socials__link[href*=".threads.com"]{--site-footer-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.186 24h-.007c-3.581-.024-6.334-1.205-8.184-3.509C2.35 18.44 1.5 15.586 1.472 12.01v-.017c.03-3.579.879-6.43 2.525-8.482C5.845 1.205 8.6.024 12.18 0h.014c2.746.02 5.043.725 6.826 2.098 1.677 1.29 2.858 3.13 3.509 5.467l-2.04.569c-1.104-3.96-3.898-5.984-8.304-6.015-2.91.022-5.11.936-6.54 2.717C4.307 6.504 3.616 8.914 3.589 12c.027 3.086.718 5.496 2.057 7.164 1.43 1.783 3.631 2.698 6.54 2.717 2.623-.02 4.358-.631 5.8-2.045 1.647-1.613 1.618-3.593 1.09-4.798-.31-.71-.873-1.3-1.634-1.75-.192 1.352-.622 2.446-1.284 3.272-.886 1.102-2.14 1.704-3.73 1.79-1.202.065-2.361-.218-3.259-.801-1.063-.689-1.685-1.74-1.752-2.964-.065-1.19.408-2.285 1.33-3.082.88-.76 2.119-1.207 3.583-1.291a13.853 13.853 0 0 1 3.02.142c-.126-.742-.375-1.332-.75-1.757-.513-.586-1.308-.883-2.359-.89h-.029c-.844 0-1.992.232-2.721 1.32L7.734 7.847c.98-1.454 2.568-2.256 4.478-2.256h.044c3.194.02 5.097 1.975 5.287 5.388.108.046.216.094.321.142 1.49.7 2.58 1.761 3.154 3.07.797 1.82.871 4.79-1.548 7.158-1.85 1.81-4.094 2.628-7.277 2.65Zm1.003-11.69c-.242 0-.487.007-.739.021-1.836.103-2.98.946-2.916 2.143.067 1.256 1.452 1.839 2.784 1.767 1.224-.065 2.818-.543 3.086-3.71a10.5 10.5 0 0 0-2.215-.221z'/%3E%3C/svg%3E")}
.site-footer__socials .op-socials__link--bluesky,.site-footer__socials .op-socials__link[href*="//bsky.app"]{--site-footer-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479.815 2.736 3.713 3.66 6.383 3.364.136-.02.275-.039.415-.056-.138.022-.276.04-.415.056-3.912.58-7.387 2.005-2.83 7.078 5.013 5.19 6.87-1.113 7.823-4.308.953 3.195 2.05 9.271 7.733 4.308 4.267-4.308 1.172-6.498-2.74-7.078a8.741 8.741 0 0 1-.415-.056c.14.017.279.036.415.056 2.67.297 5.568-.628 6.383-3.364.246-.828.624-5.79.624-6.478 0-.69-.139-1.861-.902-2.206-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8Z'/%3E%3C/svg%3E")}
.site-footer__socials .op-socials__link--mastodon,.site-footer__socials .op-socials__link[href*="//mastodon.social"]{--site-footer-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z'/%3E%3C/svg%3E")}
.site-footer__socials .op-socials__link--pinterest,.site-footer__socials .op-socials__link[href*="//pinterest.com"],.site-footer__socials .op-socials__link[href*=".pinterest.com"]{--site-footer-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z'/%3E%3C/svg%3E")}
.site-footer__socials .op-socials__link--whatsapp,.site-footer__socials .op-socials__link[href*="//wa.me"],.site-footer__socials .op-socials__link[href*="//whatsapp.com"],.site-footer__socials .op-socials__link[href*=".whatsapp.com"]{--site-footer-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z'/%3E%3C/svg%3E")}
.site-footer__socials .op-socials__link--twitch,.site-footer__socials .op-socials__link[href*="//twitch.tv"],.site-footer__socials .op-socials__link[href*=".twitch.tv"]{--site-footer-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.571 4.714h1.715v5.143H11.57zm4.715 0H18v5.143h-1.714zM6 0L1.714 4.286v15.428h5.143V24l4.286-4.286h3.428L22.286 12V0zm14.571 11.143l-3.428 3.428h-3.429l-3 3v-3H6.857V1.714h13.714Z'/%3E%3C/svg%3E")}
.site-footer__socials .op-socials__link--medium,.site-footer__socials .op-socials__link[href*="//medium.com"],.site-footer__socials .op-socials__link[href*=".medium.com"]{--site-footer-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.21 0A4.201 4.201 0 0 0 0 4.21v15.58A4.201 4.201 0 0 0 4.21 24h15.58A4.201 4.201 0 0 0 24 19.79v-1.093c-.137.013-.278.02-.422.02-2.577 0-4.027-2.146-4.09-4.832a7.592 7.592 0 0 1 .022-.708c.093-1.186.475-2.241 1.105-3.022a3.885 3.885 0 0 1 1.395-1.1c.468-.237 1.127-.367 1.664-.367h.023c.101 0 .202.004.303.01V4.211A4.201 4.201 0 0 0 19.79 0Zm.198 5.583h4.165l3.588 8.435 3.59-8.435h3.864v.146l-.019.004c-.705.16-1.063.397-1.063 1.254h-.003l.003 10.274c.06.676.424.885 1.063 1.03l.02.004v.145h-4.923v-.145l.019-.005c.639-.144.994-.353 1.054-1.03V7.267l-4.745 11.15h-.261L6.15 7.569v9.445c0 .857.358 1.094 1.063 1.253l.02.004v.147H4.405v-.147l.019-.004c.705-.16 1.065-.397 1.065-1.253V6.987c0-.857-.358-1.094-1.064-1.254l-.018-.004zm19.25 3.668c-1.086.023-1.733 1.323-1.813 3.124H24V9.298a1.378 1.378 0 0 0-.342-.047Zm-1.862 3.632c-.1 1.756.86 3.239 2.204 3.634v-3.634z'/%3E%3C/svg%3E")}
.site-footer__socials .op-socials__link--dribbble,.site-footer__socials .op-socials__link[href*="//dribbble.com"]{--site-footer-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 24C5.385 24 0 18.615 0 12S5.385 0 12 0s12 5.385 12 12-5.385 12-12 12zm10.12-10.358c-.35-.11-3.17-.953-6.384-.438 1.34 3.684 1.887 6.684 1.992 7.308 2.3-1.555 3.936-4.02 4.395-6.87zm-6.115 7.808c-.153-.9-.75-4.032-2.19-7.77l-.066.02c-5.79 2.015-7.86 6.025-8.04 6.4 1.73 1.358 3.92 2.166 6.29 2.166 1.42 0 2.77-.29 4-.814zm-11.62-2.58c.232-.4 3.045-5.055 8.332-6.765.135-.045.27-.084.405-.12-.26-.585-.54-1.167-.832-1.74C7.17 11.775 2.206 11.71 1.756 11.7l-.004.312c0 2.633.998 5.037 2.634 6.855zm-2.42-8.955c.46.008 4.683.026 9.477-1.248-1.698-3.018-3.53-5.558-3.8-5.928-2.868 1.35-5.01 3.99-5.676 7.17zM9.6 2.052c.282.38 2.145 2.914 3.822 6 3.645-1.365 5.19-3.44 5.373-3.702-1.81-1.61-4.19-2.586-6.795-2.586-.825 0-1.63.1-2.4.285zm10.335 3.483c-.218.29-1.935 2.493-5.724 4.04.24.49.47.985.68 1.486.08.18.15.36.22.53 3.41-.43 6.8.26 7.14.33-.02-2.42-.88-4.64-2.31-6.38z'/%3E%3C/svg%3E")}
.site-footer__socials .op-socials__link--behance,.site-footer__socials .op-socials__link[href*="//behance.net"],.site-footer__socials .op-socials__link[href*=".behance.net"]{--site-footer-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.969 16.927a2.561 2.561 0 0 0 1.901.677 2.501 2.501 0 0 0 1.531-.475c.362-.235.636-.584.779-.99h2.585a5.091 5.091 0 0 1-1.9 2.896 5.292 5.292 0 0 1-3.091.88 5.839 5.839 0 0 1-2.284-.433 4.871 4.871 0 0 1-1.723-1.211 5.657 5.657 0 0 1-1.08-1.874 7.057 7.057 0 0 1-.383-2.393c-.005-.8.129-1.595.396-2.349a5.313 5.313 0 0 1 5.088-3.604 4.87 4.87 0 0 1 2.376.563c.661.362 1.231.87 1.668 1.485a6.2 6.2 0 0 1 .943 2.133c.194.821.263 1.666.205 2.508h-7.699c-.063.79.184 1.574.688 2.187ZM6.947 4.084a8.065 8.065 0 0 1 1.928.198 4.29 4.29 0 0 1 1.49.638c.418.303.748.711.958 1.182.241.579.357 1.203.341 1.83a3.506 3.506 0 0 1-.506 1.961 3.726 3.726 0 0 1-1.503 1.287 3.588 3.588 0 0 1 2.027 1.437c.464.747.697 1.615.67 2.494a4.593 4.593 0 0 1-.423 2.032 3.945 3.945 0 0 1-1.163 1.413 5.114 5.114 0 0 1-1.683.807 7.135 7.135 0 0 1-1.928.259H0V4.084h6.947Zm-.235 12.9c.308.004.616-.029.916-.099a2.18 2.18 0 0 0 .766-.332c.228-.158.411-.371.534-.619.142-.317.208-.663.191-1.009a2.08 2.08 0 0 0-.642-1.715 2.618 2.618 0 0 0-1.696-.505h-3.54v4.279h3.471Zm13.635-5.967a2.13 2.13 0 0 0-1.654-.619 2.336 2.336 0 0 0-1.163.259 2.474 2.474 0 0 0-.738.62 2.359 2.359 0 0 0-.396.792c-.074.239-.12.485-.137.734h4.769a3.239 3.239 0 0 0-.679-1.785l-.002-.001Zm-13.813-.648a2.254 2.254 0 0 0 1.423-.433c.399-.355.607-.88.56-1.413a1.916 1.916 0 0 0-.178-.891 1.298 1.298 0 0 0-.495-.533 1.851 1.851 0 0 0-.711-.274 3.966 3.966 0 0 0-.835-.073H3.241v3.631h3.293v-.014ZM21.62 5.122h-5.976v1.527h5.976V5.122Z'/%3E%3C/svg%3E")}
.site-footer__columns{display:flex;flex:1 1 0%;min-width:0}
.site-footer__columns .op-footer-columns{display:flex;flex-direction:column;gap:2rem;flex:1 1 0%;width:100%;min-width:0}
.site-footer__columns .op-footer-columns__column{display:flex;flex-direction:column;gap:1rem;flex:1 1 0%;width:100%;min-width:0;white-space:nowrap}
.site-footer__columns .op-footer-columns__title{display:block;margin:0 0 .25rem;padding:0;font-size:.875rem;line-height:1.25rem;font-weight:600;letter-spacing:normal;text-transform:none;white-space:nowrap;color:#0a0d0c}
.site-footer__columns .op-footer-columns__list{display:flex;flex-direction:column;gap:1rem;min-width:0;margin:0;padding:0;list-style:none}
.site-footer__columns .op-footer-columns__list>li{display:block;min-width:0;margin:0;padding:0;list-style:none}
.site-footer__columns .op-footer-columns__list>li::marker{content:""}
.site-footer__columns .op-footer-columns__list a{display:block;max-width:100%;font-size:.875rem;line-height:1.25rem;font-weight:400;color:rgba(10,13,12,.5);text-decoration:none;white-space:normal;transition:color .15s ease}
.site-footer__columns .op-footer-columns__list a:hover{color:rgba(10,13,12,.7);text-decoration:none}
.site-footer__rule{width:100%;height:1px;background-color:#eef1ef}
.site-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.site-footer__copyright{font-size:.875rem;line-height:1.25rem;color:#9fa1a0}
.site-footer__copyright .op-copyright{color:inherit;font-size:inherit;line-height:inherit}
.site-footer__actions{display:flex;align-items:center;gap:1rem}
.site-footer__login{display:inline-flex;align-items:center;justify-content:center;padding:.375rem;border-radius:.5rem;color:#9fa1a0;text-decoration:none;transition:color .15s ease,background-color .15s ease}
.site-footer__login:hover{color:#505351;text-decoration:none}
.site-footer__login svg{display:block;width:1rem;height:1rem}
.site-footer__login{display:none}
.site-footer__theme{display:flex;align-items:center;gap:.5rem}
.site-footer__theme-btn{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:.375rem;border:0;border-radius:.5rem;background:transparent;color:#9fa1a0;cursor:pointer;box-shadow:none;transition:color .15s ease,background-color .15s ease}
.site-footer__theme-btn:hover{color:#505351;background:transparent}
.site-footer__theme-btn svg{display:block;width:1rem;height:1rem}
.site-footer__theme-btn[aria-pressed="true"],.site-footer__theme:not(:has([aria-pressed])) .site-footer__theme-btn--light{background-color:#dfe1e0;color:#505351}
@media (min-width:640px){
.site-footer__columns .op-footer-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
}
@media (min-width:768px){
.site-footer__inner{padding-top:5rem;padding-bottom:5rem}
.site-footer__top{flex-direction:row}
.site-footer__brand{flex-direction:column;align-items:flex-start;justify-content:space-between;align-self:stretch;row-gap:6rem;min-width:5rem}
.site-footer__socials{justify-content:flex-start}
.site-footer__columns .op-footer-columns{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,9.375rem);justify-content:start}
.site-footer__columns .op-footer-columns__column{display:grid;grid-template-columns:minmax(0,max-content);justify-content:center;align-content:start;row-gap:1rem}
.site-footer__columns .op-footer-columns__list a{max-width:9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media (min-width:1024px){
.site-footer__inner{padding-top:7rem;padding-bottom:7rem}
.site-footer__brand{min-width:12rem}
}
.dark .site-footer__logo-text{color:#fff}
.dark .site-footer__socials .op-socials__link{background-color:#505351}
.dark .site-footer__socials .op-socials__link:hover{background-color:#707371}
.dark .site-footer__columns .op-footer-columns__title{color:#fff}
.dark .site-footer__columns .op-footer-columns__list a{color:rgba(255,255,255,.5)}
.dark .site-footer__columns .op-footer-columns__list a:hover{color:rgba(255,255,255,.7)}
.dark .site-footer__rule{background-color:rgba(255,255,255,.05)}
.dark .site-footer__copyright{color:#707371}
.dark .site-footer__login{color:#505351}
.dark .site-footer__login:hover{color:#9fa1a0}
.dark .site-footer__theme-btn{color:#505351}
.dark .site-footer__theme-btn:hover{color:#9fa1a0}
.dark .site-footer__theme:not(:has([aria-pressed])) .site-footer__theme-btn--light{background-color:transparent;color:#505351}
.dark .site-footer__theme:not(:has([aria-pressed])) .site-footer__theme-btn--dark,.dark .site-footer__theme-btn[aria-pressed="true"]{background-color:#262827;color:#9fa1a0}

:root {
  --primary: 22 110 63;
  --primary-light: 38 189 108;
  --primary-dark: 22 110 63;
  --background-light: 255 255 255;
  --background-dark: 10 13 13;
  --gray-50: 243 246 244;
  --gray-100: 238 241 239;
  --gray-200: 223 225 224;
  --gray-300: 206 209 207;
  --gray-400: 159 161 160;
  --gray-500: 112 115 113;
  --gray-600: 80 83 81;
  --gray-700: 63 65 64;
  --gray-800: 38 40 39;
  --gray-900: 23 26 24;
  --gray-950: 10 13 12;
  --default-border-color: 238 241 239;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 30;
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  height: 3rem;
  padding: 0 1rem;
  background: rgb(var(--background-light));
  border-bottom: 1px solid rgb(var(--gray-100));
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-feature-settings: normal;
}

.site-header *,
.site-header *::before,
.site-header *::after {
  box-sizing: border-box;
}

.site-header__brand {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 1 1 0;
  min-width: 0;
  height: 100%;
  padding-inline-end: 0.5rem;
}

.site-header__logo {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
  text-decoration: none;
  user-select: none;
}

.site-header__logo-img {
  display: block;
  width: auto;
  height: 1.5rem;
  max-width: none;
  object-fit: contain;
  flex-shrink: 0;
}

.site-header__logo picture {
  display: contents;
}

.site-header .site-header__logo-text {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.01em;
  color: rgb(var(--gray-900));
  white-space: nowrap;
}

.lang-switcher {
  position: relative;
  flex: none;
}

.lang-switcher__summary {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  height: 2rem;
  padding: 0 0.625rem;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  color: rgb(var(--gray-900));
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  list-style: none;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.lang-switcher__summary::-webkit-details-marker {
  display: none;
}

.lang-switcher__summary::after {
  content: "";
  flex: none;
  width: 0.75rem;
  height: 0.75rem;
  background-color: rgb(var(--gray-400));
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.75 6.5L9 12.75L15.25 6.5'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.75 6.5L9 12.75L15.25 6.5'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: transform 0.15s ease, background-color 0.15s ease;
}

.lang-switcher__summary:hover,
.lang-switcher__summary:focus-visible {
  background: rgb(var(--gray-600) / 0.05);
}

.lang-switcher__summary:hover::after {
  background-color: rgb(var(--gray-600));
}

.lang-switcher[open] > .lang-switcher__summary {
  background: rgb(var(--gray-600) / 0.05);
}

.lang-switcher[open] > .lang-switcher__summary::after {
  transform: rotate(180deg);
}

.lang-switcher__menu {
  position: absolute;
  top: calc(100% + 0.375rem);
  inset-inline-start: 0;
  z-index: 40;
  min-width: 10rem;
  margin: 0;
  padding: 0.25rem;
  list-style: none;
  border: 1px solid rgb(var(--gray-950) / 0.08);
  border-radius: 0.75rem;
  background: rgb(var(--background-light));
  box-shadow: 0 8px 24px rgb(var(--gray-950) / 0.08);
}

.lang-switcher__item {
  margin: 0;
  padding: 0;
  list-style: none;
}

.lang-switcher__link {
  display: flex;
  align-items: center;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  color: rgb(var(--gray-600));
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.lang-switcher__link:hover,
.lang-switcher__link:focus-visible {
  background: rgb(var(--gray-950) / 0.03);
  color: rgb(var(--gray-900));
}

.lang-switcher__item.is-current .lang-switcher__link {
  color: rgb(var(--gray-950));
}

.site-header__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 0 0.5rem;
}

.site-header__menu {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-header__menu li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-header .site-header__menu a {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  height: 2.25rem;
  padding: 0 1rem;
  border-radius: 9999px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.025em;
  color: rgb(var(--gray-600));
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.site-header__menu a:hover,
.site-header__menu a:focus-visible {
  color: rgb(var(--gray-900));
  background: rgb(var(--gray-950) / 0.03);
}

.site-header__menu a.is-current,
.site-header__menu .current-menu-item > a,
.site-header__menu .current_page_item > a,
.site-header__menu .current-page-ancestor > a,
.site-header__menu .current_page_parent > a,
.site-header__menu .current-menu-ancestor > a {
  color: rgb(var(--gray-950));
  background: rgb(var(--gray-950) / 0.03);
}

.site-header__actions {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  flex: 1 1 0;
  min-width: 0;
}

.site-header__search {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 2.25rem;
  height: 2.25rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 9999px;
  background: rgb(var(--gray-950) / 0.03);
  transition: background-color 0.15s ease;
}

.site-header__search:hover,
.site-header__search:focus-within {
  background: rgb(var(--gray-950) / 0.1);
}

.site-header__search-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 2.25rem;
  height: 2.25rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 9999px;
  background: transparent;
  color: rgb(var(--gray-700));
  cursor: pointer;
  transition: color 0.15s ease;
}

.site-header__search:hover .site-header__search-button,
.site-header__search-button:focus-visible {
  color: rgb(var(--gray-800));
}

.site-header__search-icon {
  display: block;
  width: 1rem;
  height: 1rem;
  flex: none;
}

.site-header__search-field {
  display: none;
  flex: 1 1 auto;
  min-width: 0;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-family: inherit;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: rgb(var(--gray-900));
  outline: none;
  appearance: none;
}

.site-header__search-field::placeholder {
  color: rgb(var(--gray-500));
  opacity: 1;
}

.site-header__search-field::-webkit-search-cancel-button,
.site-header__search-field::-webkit-search-decoration {
  appearance: none;
  display: none;
}

.site-header__search-hint {
  display: none;
  align-items: center;
  flex: none;
  padding: 0.125rem 0.375rem;
  border-radius: 9999px;
  background: rgb(var(--background-light));
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  color: rgb(var(--gray-600));
  white-space: nowrap;
}

.site-header__search.is-open {
  position: absolute;
  top: 50%;
  inset-inline-end: 0;
  z-index: 45;
  justify-content: flex-start;
  gap: 0.25rem;
  width: min(20rem, 100%);
  padding: 0 0.75rem 0 0;
  transform: translateY(-50%);
  background: rgb(var(--background-light));
  box-shadow: 0 0 0 1px rgb(var(--gray-950) / 0.1), 0 8px 24px rgb(var(--gray-950) / 0.08);
}

.site-header__search.is-open .site-header__search-field {
  display: block;
}

.site-header__search.is-open .site-header__search-hint {
  display: inline-flex;
}

.site-header__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  flex: none;
  height: 2.125rem;
  padding: 0 1rem;
  border-radius: 9999px;
  background: rgb(var(--primary));
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  transition: opacity 0.15s ease;
}

.site-header__cta:hover,
.site-header__cta:focus-visible {
  opacity: 0.8;
  color: #fff;
}

.site-header__cta-text {
  color: inherit;
}

.site-header__theme {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 9999px;
  background: rgb(var(--gray-950) / 0.03);
  color: rgb(var(--gray-950) / 0.5);
  cursor: pointer;
  transition: background-color 0.15s ease;
}

.site-header__theme:hover,
.site-header__theme:focus-visible {
  background: rgb(var(--gray-950) / 0.1);
}

.site-header__theme-icon {
  display: block;
  width: 1rem;
  height: 1rem;
  color: rgb(var(--gray-600));
  transition: color 0.15s ease;
}

.site-header__theme:hover .site-header__theme-icon,
.site-header__theme:focus-visible .site-header__theme-icon {
  color: rgb(var(--gray-800));
}

.site-header__theme-icon--dark {
  display: none;
}

.site-more {
  position: relative;
  display: none;
  flex: none;
}

.site-more__trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 9999px;
  background: rgb(var(--gray-950) / 0.03);
  color: rgb(var(--gray-500));
  cursor: pointer;
  list-style: none;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.site-more__trigger::-webkit-details-marker {
  display: none;
}

.site-more__trigger:hover,
.site-more__trigger:focus-visible,
.site-more[open] > .site-more__trigger {
  background: rgb(var(--gray-950) / 0.1);
  color: rgb(var(--gray-600));
}

.site-more__icon {
  display: block;
  width: 1rem;
  height: 1rem;
}

.site-more__panel {
  position: absolute;
  top: calc(100% + 0.375rem);
  inset-inline-end: 0;
  z-index: 40;
  min-width: 14rem;
  padding: 0.25rem;
  border: 1px solid rgb(var(--gray-950) / 0.08);
  border-radius: 0.75rem;
  background: rgb(var(--background-light));
  box-shadow: 0 8px 24px rgb(var(--gray-950) / 0.08);
}

.site-more__group--lang,
.site-more__group--actions .site-more__item--theme {
  display: none;
}

.site-more__label {
  padding: 0.5rem 0.5rem 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  color: rgb(var(--gray-500));
}

.site-more-lang {
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-more-lang__item {
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-more-lang__link,
.site-more__item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 2rem;
  margin: 0;
  padding: 0 0.5rem;
  border: 0;
  border-radius: 0.5rem;
  background: transparent;
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  color: rgb(var(--gray-600));
  text-align: start;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.site-more-lang__link:hover,
.site-more-lang__link:focus-visible,
.site-more__item:hover,
.site-more__item:focus-visible {
  background: rgb(var(--gray-950) / 0.03);
  color: rgb(var(--gray-900));
}

.site-more-lang__item.is-current .site-more-lang__link {
  color: rgb(var(--gray-950));
}

.site-more__item--cta,
.site-more__item--cta:hover,
.site-more__item--cta:focus-visible {
  color: rgb(var(--primary));
}

.site-more__item-text--dark {
  display: none;
}

:is(.dark *).site-header {
  background: rgb(var(--background-dark));
  border-bottom-color: rgb(var(--gray-800));
}

:is(.dark *).site-header__logo-text {
  color: rgb(var(--gray-100));
}

:is(.dark *).lang-switcher__summary {
  color: rgb(var(--gray-300));
}

:is(.dark *).lang-switcher__summary:hover,
:is(.dark *).lang-switcher__summary:focus-visible,
:is(.dark *).lang-switcher[open] > .lang-switcher__summary {
  background: rgb(var(--gray-200) / 0.05);
}

:is(.dark *).lang-switcher__summary::after {
  background-color: rgb(var(--gray-600));
}

:is(.dark *).lang-switcher__summary:hover::after {
  background-color: rgb(var(--gray-400));
}

:is(.dark *).lang-switcher__menu,
:is(.dark *).site-more__panel {
  border-color: rgb(255 255 255 / 0.1);
  background: rgb(var(--background-dark));
  box-shadow: 0 8px 24px rgb(0 0 0 / 0.5);
}

:is(.dark *).lang-switcher__link,
:is(.dark *).site-more-lang__link,
:is(.dark *).site-more__item {
  color: rgb(var(--gray-400));
}

:is(.dark *).lang-switcher__link:hover,
:is(.dark *).lang-switcher__link:focus-visible,
:is(.dark *).site-more-lang__link:hover,
:is(.dark *).site-more-lang__link:focus-visible,
:is(.dark *).site-more__item:hover,
:is(.dark *).site-more__item:focus-visible {
  background: rgb(255 255 255 / 0.03);
  color: rgb(var(--gray-200));
}

:is(.dark *).lang-switcher__item.is-current .lang-switcher__link,
:is(.dark *).site-more-lang__item.is-current .site-more-lang__link {
  color: rgb(var(--gray-100));
}

:is(.dark *).site-more__item--cta,
:is(.dark *).site-more__item--cta:hover,
:is(.dark *).site-more__item--cta:focus-visible {
  color: rgb(var(--primary-light));
}

:is(.dark *).site-more__label {
  color: rgb(var(--gray-500));
}

:is(.dark *).site-header__menu a {
  color: rgb(var(--gray-400));
}

:is(.dark *).site-header__menu a:hover,
:is(.dark *).site-header__menu a:focus-visible {
  color: rgb(var(--gray-200));
  background: rgb(255 255 255 / 0.03);
}

:is(.dark *).site-header__menu a.is-current,
:is(.dark *).site-header__menu .current-menu-item > a,
:is(.dark *).site-header__menu .current_page_item > a,
:is(.dark *).site-header__menu .current-page-ancestor > a,
:is(.dark *).site-header__menu .current_page_parent > a,
:is(.dark *).site-header__menu .current-menu-ancestor > a {
  color: rgb(var(--gray-100));
  background: rgb(255 255 255 / 0.06);
}

:is(.dark *).site-header__search {
  background: rgb(255 255 255 / 0.03);
}

:is(.dark *).site-header__search:hover,
:is(.dark *).site-header__search:focus-within {
  background: rgb(255 255 255 / 0.1);
}

:is(.dark *).site-header__search-button {
  color: rgb(var(--gray-400));
}

:is(.dark *).site-header__search:hover .site-header__search-button,
:is(.dark *).site-header__search-button:focus-visible {
  color: rgb(var(--gray-200));
}

:is(.dark *).site-header__search.is-open {
  background: rgb(var(--background-dark));
  box-shadow: 0 0 0 1px rgb(255 255 255 / 0.1), 0 8px 24px rgb(0 0 0 / 0.5);
}

:is(.dark *).site-header__search-field {
  color: rgb(var(--gray-200));
}

:is(.dark *).site-header__search-field::placeholder {
  color: rgb(255 255 255 / 0.5);
}

:is(.dark *).site-header__search-hint {
  background: rgb(var(--background-dark));
  color: rgb(var(--gray-400));
}

:is(.dark *).site-header__cta {
  background: rgb(var(--primary-light));
  color: rgb(var(--gray-950));
}

:is(.dark *).site-header__cta:hover,
:is(.dark *).site-header__cta:focus-visible {
  color: rgb(var(--gray-950));
}

:is(.dark *).site-header__theme {
  background: rgb(255 255 255 / 0.03);
  color: rgb(255 255 255 / 0.5);
}

:is(.dark *).site-header__theme:hover,
:is(.dark *).site-header__theme:focus-visible {
  background: rgb(255 255 255 / 0.1);
}

:is(.dark *).site-header__theme-icon {
  color: rgb(var(--gray-300));
}

:is(.dark *).site-header__theme:hover .site-header__theme-icon,
:is(.dark *).site-header__theme:focus-visible .site-header__theme-icon {
  color: rgb(var(--gray-100));
}

:is(.dark *).site-header__theme-icon--light,
:is(.dark *).site-more__item-text--light {
  display: none;
}

:is(.dark *).site-header__theme-icon--dark {
  display: block;
}

:is(.dark *).site-more__item-text--dark {
  display: inline;
}

:is(.dark *).site-more__trigger {
  background: rgb(255 255 255 / 0.03);
  color: rgb(var(--gray-400));
}

:is(.dark *).site-more__trigger:hover,
:is(.dark *).site-more__trigger:focus-visible,
:is(.dark *).site-more[open] > .site-more__trigger {
  background: rgb(255 255 255 / 0.1);
  color: rgb(var(--gray-300));
}

.opdoc__theme-toggle {
  display: none;
}

.opdoc__navbar-border {
  border-bottom-color: rgb(var(--gray-100));
}

:is(.dark *).opdoc__navbar-border {
  border-bottom-color: rgb(var(--gray-800));
}

@media (min-width: 1024px) {
  .site-header {
    padding: 0 2.25rem;
  }
}

@media (min-width: 1515px) {
  .site-header__search {
    justify-content: space-between;
    gap: 0.5rem;
    width: auto;
    padding: 0 0.75rem 0 0;
  }

  .site-header__search-button {
    width: 2.25rem;
    margin-inline-end: -0.25rem;
  }

  .site-header__search-field {
    display: block;
    width: 5.5rem;
  }

  .site-header__search-hint {
    display: inline-flex;
  }

  .site-header__search.is-open {
    position: relative;
    top: auto;
    transform: none;
    width: auto;
    box-shadow: none;
  }
}

@media (max-width: 1099px) {
  .site-header__cta {
    display: none;
  }

  .site-more {
    display: block;
  }
}

@media (max-width: 1023px) {
  .site-header__brand {
    flex: 1 1 auto;
  }

  .site-header__actions {
    flex: none;
    position: static;
    gap: 0.75rem;
  }

  .site-header__nav,
  .lang-switcher,
  .site-header__theme {
    display: none;
  }

  .site-header__search,
  .site-header__search:hover,
  .site-header__search:focus-within,
  :is(.dark *).site-header__search,
  :is(.dark *).site-header__search:hover,
  :is(.dark *).site-header__search:focus-within {
    width: 2rem;
    height: 2rem;
    background: transparent;
  }

  .site-header__search-button {
    width: 2rem;
    height: 2rem;
    color: rgb(var(--gray-500));
  }

  .site-header__search-icon {
    stroke-width: 2.25;
  }

  .site-header__search:hover .site-header__search-button,
  .site-header__search-button:focus-visible {
    color: rgb(var(--gray-600));
  }

  :is(.dark *).site-header__search-button {
    color: rgb(var(--gray-400));
  }

  :is(.dark *).site-header__search:hover .site-header__search-button,
  :is(.dark *).site-header__search-button:focus-visible {
    color: rgb(var(--gray-300));
  }

  .site-header__search.is-open,
  :is(.dark *).site-header__search.is-open {
    position: fixed;
    top: 0.375rem;
    inset-inline-start: 1rem;
    inset-inline-end: 1rem;
    width: auto;
    height: 2.25rem;
    transform: none;
    padding: 0 0.75rem 0 0;
    border-radius: 9999px;
  }

  .site-header__search.is-open {
    background: rgb(var(--background-light));
  }

  :is(.dark *).site-header__search.is-open {
    background: rgb(var(--background-dark));
  }

  .site-more__trigger,
  :is(.dark *).site-more__trigger,
  .site-more__trigger:hover,
  :is(.dark *).site-more__trigger:hover,
  .site-more__trigger:focus-visible,
  :is(.dark *).site-more__trigger:focus-visible,
  .site-more[open] > .site-more__trigger,
  :is(.dark *).site-more[open] > .site-more__trigger {
    width: 1.25rem;
    height: 1.75rem;
    border-radius: 0.375rem;
    background: transparent;
  }

  .site-more__panel {
    position: fixed;
    top: 3.375rem;
    inset-inline-start: 1rem;
    inset-inline-end: 1rem;
    min-width: 0;
  }

  .site-more__group--lang {
    display: block;
  }

  .site-more__group--actions .site-more__item--theme {
    display: flex;
  }

  .site-more__group + .site-more__group {
    margin-top: 0.25rem;
    padding-top: 0.25rem;
    border-top: 1px solid rgb(var(--gray-950) / 0.06);
  }

  :is(.dark *).site-more__group + .site-more__group {
    border-top-color: rgb(255 255 255 / 0.08);
  }
}

@media (max-width: 639px) {
  .site-header {
    gap: 0.75rem;
  }

  .site-header__brand {
    gap: 0.5rem;
    padding-inline-end: 0;
  }

  .site-header__logo {
    min-width: 0;
    flex-shrink: 1;
  }

  .site-header__logo-text {
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.opdoc__navbar .site-header {
  position: static;
  z-index: auto;
  height: 3rem;
  min-height: 0;
  padding: 0;
  border-bottom: 0;
  background: transparent;
}

.opdoc__navbar-content > .site-header,
.opdoc__navbar-content > .content > .site-header {
  width: 100%;
}

:root {
  --opcode-font: paperMono, ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --opcode-bg: #ffffff;
  --opcode-fg: #1f2328;
  --opcode-border: rgb(10 13 12 / 0.1);
  --opcode-scroll: rgba(3, 7, 18, 0.18);
  --opcode-btn: rgb(var(--gray-400));
  --opcode-btn-hover: rgb(var(--gray-600));
  --opcode-btn-bg: rgb(var(--gray-100));
  --opcode-btn-bg-hover: rgb(var(--gray-200));
  --opcode-btn-ok: #1a7f37;
  --opcode-inline-bg: rgb(238 241 239 / 0.5);
  --opcode-inline-fg: oklch(21% 0.034 264.665);
  --opcode-inline-border: transparent;
  --opcode-comment: #6e7781;
  --opcode-punct: #24292f;
  --opcode-number: #0550ae;
  --opcode-string: #0a3069;
  --opcode-keyword: #cf222e;
  --opcode-function: #8250df;
  --opcode-type: #116329;
  --opcode-variable: #953800;
}

:root.dark {
  --opcode-bg: #0b0c0e;
  --opcode-fg: #d4d4d4;
  --opcode-border: rgba(255, 255, 255, 0.1);
  --opcode-scroll: rgba(255, 255, 255, 0.18);
  --opcode-btn: rgb(var(--gray-400));
  --opcode-btn-hover: rgb(var(--gray-200));
  --opcode-btn-bg: rgb(var(--gray-800));
  --opcode-btn-bg-hover: rgb(var(--gray-700));
  --opcode-btn-ok: #3fb950;
  --opcode-inline-bg: rgb(255 255 255 / 0.05);
  --opcode-inline-fg: rgb(223 225 224);
  --opcode-inline-border: transparent;
  --opcode-comment: #6a9955;
  --opcode-punct: #d4d4d4;
  --opcode-number: #b5cea8;
  --opcode-string: #ce9178;
  --opcode-keyword: #569cd6;
  --opcode-function: #dcdcaa;
  --opcode-type: #4ec9b0;
  --opcode-variable: #9cdcfe;
}

.opdoc__body .code-example,
.opdoc__body > pre.wp-block-code,
.opdoc__body > pre.wp-block-preformatted {
  position: relative;
  display: block;
  max-width: 100%;
  min-width: 0;
  margin: 1.25rem 0 2rem;
}

.opdoc__body .code-example .code-toolbar,
.opdoc__body div.code-toolbar {
  position: relative;
  max-width: 100%;
  min-width: 0;
}

.opdoc__body pre.wp-block-code,
.opdoc__body pre.wp-block-preformatted {
  margin: 0;
  padding: 0.875rem 1rem;
  max-width: 100%;
  border: 1px solid var(--opcode-border);
  border-radius: 1rem;
  background-color: var(--opcode-bg);
  background-image: none;
  color: var(--opcode-fg);
  font-family: var(--opcode-font);
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: 400;
  font-variant-ligatures: none;
  letter-spacing: 0;
  tab-size: 2;
  white-space: pre;
  word-break: normal;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  text-shadow: none;
  box-shadow: none;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  -ms-overflow-style: auto;
}

.opdoc__body .code-example:hover pre.wp-block-code,
.opdoc__body pre.wp-block-code:hover,
.opdoc__body pre.wp-block-preformatted:hover {
  scrollbar-color: var(--opcode-scroll) transparent;
}

.opdoc__body pre.wp-block-code.line-numbers,
.opdoc__body .code-example pre.wp-block-code.line-numbers {
  padding-left: 1rem;
}

.opdoc__body .code-example .line-numbers-rows,
.opdoc__body pre.wp-block-code .line-numbers-rows {
  display: none;
}

.opdoc__body pre.wp-block-code::-webkit-scrollbar,
.opdoc__body pre.wp-block-preformatted::-webkit-scrollbar {
  display: block;
  height: 0.5rem;
  width: 0.5rem;
  background-color: transparent;
}

.opdoc__body pre.wp-block-code::-webkit-scrollbar-track,
.opdoc__body pre.wp-block-preformatted::-webkit-scrollbar-track {
  background-color: transparent;
  box-shadow: none;
}

.opdoc__body pre.wp-block-code::-webkit-scrollbar-thumb,
.opdoc__body pre.wp-block-preformatted::-webkit-scrollbar-thumb {
  background-color: transparent;
  border: 2px solid transparent;
  border-radius: 999px;
  background-clip: content-box;
  transition: background-color 0.15s ease-out;
}

.opdoc__body .code-example:hover pre.wp-block-code::-webkit-scrollbar-thumb,
.opdoc__body pre.wp-block-code:hover::-webkit-scrollbar-thumb,
.opdoc__body pre.wp-block-preformatted:hover::-webkit-scrollbar-thumb {
  background-color: var(--opcode-scroll);
}

.opdoc__body pre.wp-block-code code,
.opdoc__body pre.wp-block-preformatted code {
  display: block;
  width: max-content;
  min-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  white-space: inherit;
  text-shadow: none;
}

.opdoc__body pre.wp-block-code code::before,
.opdoc__body pre.wp-block-code code::after {
  content: none;
}

.opdoc__body pre.wp-block-code .token.comment,
.opdoc__body pre.wp-block-code .token.prolog,
.opdoc__body pre.wp-block-code .token.doctype,
.opdoc__body pre.wp-block-code .token.cdata {
  color: var(--opcode-comment);
  font-style: normal;
}

.opdoc__body pre.wp-block-code .token.punctuation,
.opdoc__body pre.wp-block-code .token.operator,
.opdoc__body pre.wp-block-code .token.entity {
  color: var(--opcode-punct);
  background: none;
}

.opdoc__body pre.wp-block-code .token.number,
.opdoc__body pre.wp-block-code .token.boolean,
.opdoc__body pre.wp-block-code .token.constant,
.opdoc__body pre.wp-block-code .token.property,
.opdoc__body pre.wp-block-code .token.symbol,
.opdoc__body pre.wp-block-code .token.builtin,
.opdoc__body pre.wp-block-code .token.tag {
  color: var(--opcode-number);
}

.opdoc__body pre.wp-block-code .token.string,
.opdoc__body pre.wp-block-code .token.char,
.opdoc__body pre.wp-block-code .token.attr-value,
.opdoc__body pre.wp-block-code .token.url,
.opdoc__body pre.wp-block-code .token.inserted {
  color: var(--opcode-string);
  background: none;
}

.opdoc__body pre.wp-block-code .token.keyword,
.opdoc__body pre.wp-block-code .token.atrule,
.opdoc__body pre.wp-block-code .token.important {
  color: var(--opcode-keyword);
}

.opdoc__body pre.wp-block-code .token.function,
.opdoc__body pre.wp-block-code .token.function-name {
  color: var(--opcode-function);
}

.opdoc__body pre.wp-block-code .token.class-name,
.opdoc__body pre.wp-block-code .token.selector,
.opdoc__body pre.wp-block-code .token.attr-name {
  color: var(--opcode-type);
}

.opdoc__body pre.wp-block-code .token.variable,
.opdoc__body pre.wp-block-code .token.regex,
.opdoc__body pre.wp-block-code .token.deleted {
  color: var(--opcode-variable);
}

.opdoc__body pre.wp-block-code .token.bold {
  font-weight: 600;
}

.opdoc__body pre.wp-block-code .token.italic {
  font-style: italic;
}

.opdoc__body .code-example .code-toolbar > .toolbar,
.opdoc__body div.code-toolbar > .toolbar {
  position: absolute;
  top: 0.75rem;
  right: 1rem;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  opacity: 1;
  transition: opacity 0.15s ease-out;
}

.opdoc__body .code-example .code-toolbar > .toolbar > .toolbar-item,
.opdoc__body div.code-toolbar > .toolbar > .toolbar-item {
  display: inline-flex;
  background: none;
  background-color: transparent;
  box-shadow: none;
  border-radius: 0.375rem;
}

.opdoc__body .code-example .code-toolbar > .toolbar > .toolbar-item > button,
.opdoc__body div.code-toolbar > .toolbar > .toolbar-item > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.625rem;
  height: 1.625rem;
  padding: 0;
  border: 0;
  border-radius: 0.375rem;
  background: var(--opcode-btn-bg);
  background-color: var(--opcode-btn-bg);
  color: var(--opcode-btn);
  font-size: 1rem;
  line-height: 1;
  box-shadow: none;
  cursor: pointer;
  transition: color 0.15s ease-out, background-color 0.15s ease-out;
}

.opdoc__body .code-example .code-toolbar > .toolbar > .toolbar-item > button:hover,
.opdoc__body .code-example .code-toolbar > .toolbar > .toolbar-item > button:focus-visible,
.opdoc__body div.code-toolbar > .toolbar > .toolbar-item > button:hover,
.opdoc__body div.code-toolbar > .toolbar > .toolbar-item > button:focus-visible {
  color: var(--opcode-btn-hover);
  background-color: var(--opcode-btn-bg-hover);
  text-decoration: none;
  outline: none;
}

.opdoc__body .code-example .code-toolbar > .toolbar > .toolbar-item > button[data-copy-state="copy-success"],
.opdoc__body div.code-toolbar > .toolbar > .toolbar-item > button[data-copy-state="copy-success"] {
  color: var(--opcode-btn-ok);
}

.opdoc__body .code-example .code-toolbar > .toolbar > .toolbar-item > button .icon,
.opdoc__body div.code-toolbar > .toolbar > .toolbar-item > button .material-symbols-outlined {
  font-size: 1rem;
  width: 1em;
  height: 1em;
  min-width: 1rem;
  min-height: 1rem;
  color: inherit;
  font-variation-settings: "OPSZ" 16;
}

.opdoc__body :not(pre) > code {
  padding: 0.125rem 0.5rem;
  border: 0;
  border-radius: 0.375rem;
  background-color: var(--opcode-inline-bg);
  color: var(--opcode-inline-fg);
  font-family: var(--opcode-font);
  font-size: 0.875em;
  font-weight: 500;
  font-variant-ligatures: none;
  line-height: 1.5;
  white-space: normal;
  word-break: break-word;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  text-shadow: none;
}

.opdoc__body a:hover > code,
.opdoc__body a > code {
  color: inherit;
}

.opdoc__body h1 > code,
.opdoc__body h2 > code,
.opdoc__body h3 > code,
.opdoc__body h4 > code {
  font-size: 0.875em;
  font-weight: inherit;
  color: inherit;
}

@media screen and (max-width: 640px) {
  .opdoc__body pre.wp-block-code,
  .opdoc__body pre.wp-block-preformatted {
    padding: 0.875rem 1rem;
    border-radius: 1rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
  }

  .opdoc__body pre.wp-block-code.line-numbers,
  .opdoc__body .code-example pre.wp-block-code.line-numbers {
    padding-left: 1rem;
  }

  .opdoc__body .code-example,
  .opdoc__body > pre.wp-block-code {
    margin: 1.25rem 0 2rem;
  }
}
.opdoc__body .wp-block-table :not(pre) > code {
  font-size: 0.75rem;
  line-height: 1.5;
}

.opdoc__body .standard-alert__inner,
.opdoc__body .standard-card__inner,
.opdoc__body .steps__inner {
  max-width: none;
  width: 100%;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
}

.opdoc__body .standard-alert {
  margin: 1rem 0;
}

.opdoc__body .standard-alert__alert {
  --opdoc-callout-bg: rgb(250 250 250 / 0.5);
  --opdoc-callout-border: rgb(113 113 122 / 0.2);
  --opdoc-callout-fg: #18181b;
  display: grid;
  grid-template-columns: 1rem minmax(0, 1fr);
  align-items: start;
  column-gap: 0.75rem;
  row-gap: 0;
  margin: 0;
  padding: 1rem 1.25rem;
  border: 1px solid var(--opdoc-callout-border);
  border-radius: 1rem;
  background-color: var(--opdoc-callout-bg);
  color: var(--opdoc-callout-fg);
  box-shadow: none;
  overflow: hidden;
}

.opdoc__body .standard-alert__alert:not(:has(.standard-alert__icon)) {
  grid-template-columns: minmax(0, 1fr);
}

.opdoc__body .standard-alert__alert--info {
  --opdoc-callout-bg: #eff6ff;
  --opdoc-callout-border: #bfdbfe;
  --opdoc-callout-fg: #1e40af;
}

.opdoc__body .standard-alert__alert--success {
  --opdoc-callout-bg: #f0fdf4;
  --opdoc-callout-border: #bbf7d0;
  --opdoc-callout-fg: #166534;
}

.opdoc__body .standard-alert__alert--warning {
  --opdoc-callout-bg: #fefce8;
  --opdoc-callout-border: #fef08a;
  --opdoc-callout-fg: #854d0e;
}

.opdoc__body .standard-alert__alert--destructive {
  --opdoc-callout-bg: #fef2f2;
  --opdoc-callout-border: #fecaca;
  --opdoc-callout-fg: #991b1b;
}

.opdoc__body .standard-alert__alert:is(.dark *) {
  --opdoc-callout-bg: rgb(113 113 122 / 0.1);
  --opdoc-callout-border: rgb(113 113 122 / 0.3);
  --opdoc-callout-fg: #e4e4e7;
}

.opdoc__body .standard-alert__alert--info:is(.dark *) {
  --opdoc-callout-bg: rgb(37 99 235 / 0.2);
  --opdoc-callout-border: #1e3a8a;
  --opdoc-callout-fg: #93c5fd;
}

.opdoc__body .standard-alert__alert--success:is(.dark *) {
  --opdoc-callout-bg: rgb(22 163 74 / 0.2);
  --opdoc-callout-border: #14532d;
  --opdoc-callout-fg: #86efac;
}

.opdoc__body .standard-alert__alert--warning:is(.dark *) {
  --opdoc-callout-bg: rgb(202 138 4 / 0.2);
  --opdoc-callout-border: #713f12;
  --opdoc-callout-fg: #fde047;
}

.opdoc__body .standard-alert__alert--destructive:is(.dark *) {
  --opdoc-callout-bg: rgb(220 38 38 / 0.2);
  --opdoc-callout-border: #7f1d1d;
  --opdoc-callout-fg: #fca5a5;
}

.opdoc__body .standard-alert__icon {
  grid-row: auto;
  width: 1rem;
  margin-top: 1px;
  overflow: visible;
  font-size: 18px;
  line-height: 18px;
  color: var(--opdoc-callout-fg);
  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 20;
}

.opdoc__body .standard-alert__content {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: inherit;
}

.opdoc__body .standard-alert__title {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  color: inherit;
}

.opdoc__body .standard-alert__description {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: inherit;
}

.opdoc__layout .opdoc__content .opdoc__body .standard-alert__description p {
  margin: 1.25em 0 0;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.opdoc__layout .opdoc__content .opdoc__body .standard-alert__description > :first-child {
  margin-top: 0;
}

.opdoc__layout .opdoc__content .opdoc__body .standard-alert__description > :last-child {
  margin-bottom: 0;
}

.opdoc__layout .opdoc__content .opdoc__body .standard-alert__description a:not([class]) {
  color: inherit;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
}

.opdoc__layout .opdoc__content .opdoc__body .standard-alert__description :is(strong, code) {
  color: inherit;
}

.opdoc__body .standard-card {
  margin: 1.25rem 0;
}

.opdoc__body .standard-card__headline {
  margin: 0 0 1rem;
}

.opdoc__body .standard-card__grid {
  column-gap: 1rem;
  row-gap: 0;
}

.opdoc__body .standard-card__card {
  --opdoc-card-border: rgb(10 13 12 / 0.1);
  --opdoc-card-bg: #fff;
  --opdoc-card-hover: rgb(var(--primary));
  display: block;
  margin: 0.5rem 0;
  padding: 1.25rem 1.5rem;
  border: 1px solid var(--opdoc-card-border);
  border-radius: 1rem;
  background-color: var(--opdoc-card-bg);
  box-shadow: none;
  font-weight: 400;
  transition: border-color 0.15s ease;
}

.opdoc__body .standard-card__card:has(.standard-card__icon-wrap) {
  display: grid;
  grid-template-columns: 1.5rem minmax(0, 1fr);
  align-items: center;
  column-gap: 1rem;
  row-gap: 0;
}

.opdoc__body .standard-card__card:is(.dark *) {
  --opdoc-card-border: rgb(255 255 255 / 0.1);
  --opdoc-card-bg: rgb(var(--background-dark));
  --opdoc-card-hover: rgb(var(--primary-light));
}

.opdoc__body a.standard-card__card,
.opdoc__body a.standard-card__card:hover,
.opdoc__body a.standard-card__card:focus {
  text-decoration: none;
}

.opdoc__body a.standard-card__card:hover {
  border-color: var(--opdoc-card-hover);
  box-shadow: none;
  transform: none;
}

.opdoc__body .standard-card__card-header {
  display: contents;
}

.opdoc__body .standard-card__icon-wrap {
  grid-column: 1;
  grid-row: 1 / span 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  background: none;
}

.opdoc__body .standard-card__icon {
  font-size: var(--standard-card-icon-size, 24px);
  line-height: 1;
  color: rgb(var(--gray-800));
}

.opdoc__body .standard-card__icon:is(.dark *) {
  color: rgb(var(--gray-100));
}

.opdoc__body .standard-card__title {
  grid-column: 2;
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: rgb(var(--gray-800));
}

.opdoc__body .standard-card__title:is(.dark *) {
  color: #fff;
}

.opdoc__body .standard-card__description {
  grid-column: 2;
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: rgb(var(--gray-600));
}

.opdoc__body .standard-card__description:is(.dark *) {
  color: rgb(var(--gray-400));
}

.opdoc__layout .opdoc__content .opdoc__body .standard-card__description p {
  margin: 1.25em 0 0;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.opdoc__layout .opdoc__content .opdoc__body .standard-card__description > :first-child {
  margin-top: 0;
}

.opdoc__layout .opdoc__content .opdoc__body .standard-card__description > :last-child {
  margin-bottom: 0;
}

@media (max-width: 639px) {
  .opdoc__body .standard-card__grid--cols-2,
  .opdoc__body .standard-card__grid--cols-3,
  .opdoc__body .standard-card__grid--cols-4 {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .opdoc__body .standard-card__grid--cols-3,
  .opdoc__body .standard-card__grid--cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.opdoc__body .wp-block-onpress-steps {
  margin: 2.5rem 0 1.5rem;
}

.opdoc__body .steps__inner {
  display: block;
}

.opdoc__body .steps__headline {
  margin: 0 0 1.5rem;
}

.opdoc__body .steps__list {
  display: block;
  gap: 0;
  margin: 0 0 0 0.875rem;
  padding: 0;
  list-style: none;
  counter-reset: steps-counter;
  grid-template-columns: none;
}

.opdoc__body .steps__list::before {
  display: none;
}

.opdoc__body .steps__item {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 0;
  margin: 0;
  padding: 0 0 1.25rem 1rem;
  counter-increment: steps-counter;
}

.opdoc__body .steps__item::before {
  content: "";
  position: absolute;
  top: 2.75rem;
  bottom: 0;
  inset-inline-start: 1rem;
  display: block;
  width: 1px;
  background: rgb(var(--gray-200) / 0.7);
}

.opdoc__body .steps__item:is(.dark *)::before {
  background: rgb(255 255 255 / 0.1);
}

.opdoc__body .steps__item:last-child::before {
  display: block;
  background: linear-gradient(to bottom, rgb(var(--gray-200)), transparent);
}

.opdoc__body .steps__item:last-child:is(.dark *)::before {
  background: linear-gradient(to bottom, rgb(255 255 255 / 0.1), transparent);
}

.opdoc__body .steps__number {
  position: absolute;
  z-index: 2;
  top: 0.5rem;
  inset-inline-start: 1rem;
  width: 1.75rem;
  height: 1.75rem;
  min-width: 1.75rem;
  margin: 0 0 0 -13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background-color: rgb(var(--gray-50));
  color: rgb(var(--gray-900));
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
}

.opdoc__body .steps__number:is(.dark *) {
  background-color: rgb(255 255 255 / 0.1);
  color: rgb(var(--gray-50));
}

.opdoc__body .steps__item-content {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0 0 0 2rem;
  background-color: transparent;
}

.opdoc__layout .opdoc__body .steps__item-content .steps__item-title {
  margin: 0.5rem 0 1.25rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.75rem;
  color: rgb(var(--gray-900));
}

.opdoc__layout .opdoc__body .steps__item-content .steps__item-title:is(.dark *) {
  color: rgb(var(--gray-200));
}

.opdoc__body .steps__item-description {
  margin: 0;
  font-size: 1rem;
  line-height: 1.75rem;
  color: inherit;
}

.opdoc__layout .opdoc__content .opdoc__body .steps__item-description > :first-child {
  margin-top: 0;
}

.opdoc__layout .opdoc__content .opdoc__body .steps__item-description > :last-child {
  margin-bottom: 0;
}

.opdoc__body .wp-block-table {
  margin: 1.75rem 0;
  padding: 0;
  max-width: 100%;
  overflow-x: auto;
}

.opdoc__body .wp-block-table table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  border: 0;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.opdoc__body .wp-block-table thead {
  border: 0;
  border-bottom: 1px solid rgb(var(--gray-200));
  color: rgb(var(--gray-700));
}

.opdoc__body .wp-block-table thead:is(.dark *) {
  border-bottom-color: rgb(var(--gray-700) / 0.5);
}

.opdoc__body .wp-block-table th {
  padding: 0 0.5rem 0.5rem;
  border: 0;
  background: transparent;
  text-align: start;
  vertical-align: bottom;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: oklch(21% 0.034 264.665);
  white-space: normal;
}

.opdoc__body .wp-block-table th:is(.dark *) {
  color: #fff;
}

.opdoc__body .wp-block-table tbody tr {
  border: 0;
  border-bottom: 1px solid rgb(var(--gray-100));
}

.opdoc__body .wp-block-table tbody tr:is(.dark *) {
  border-bottom-color: rgb(var(--gray-800) / 0.5);
}

.opdoc__body .wp-block-table td {
  padding: 0.5rem;
  border: 0;
  background: transparent;
  vertical-align: baseline;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: inherit;
}

.opdoc__body .wp-block-table :is(th, td):first-child {
  padding-inline-start: 0;
}

.opdoc__body .wp-block-table :is(th, td):last-child {
  padding-inline-end: 0;
}

.opdoc__body .wp-block-table thead {
  display: table-header-group;
}

.opdoc__body .wp-block-table tbody {
  display: table-row-group;
}

.opdoc__body .wp-block-table tr {
  position: static;
  top: auto;
  inset-inline-start: auto;
  display: table-row;
}

.opdoc__body .wp-block-table :is(th, td) {
  display: table-cell;
}

.opdoc__layout .opdoc__sidebar {
  padding: 0;
  overflow: visible;
  max-height: none;
  align-self: stretch;
}

.opdoc__layout .opdoc__sidebar .opdoc__sidebar-inner {
  position: fixed;
  top: 3rem;
  bottom: 0;
  inset-inline-start: 0;
  z-index: 20;
  width: 14rem;
  min-width: 0;
  max-width: 14rem;
  margin: 0;
  border: 0;
  height: auto;
  box-sizing: border-box;
  padding: 1.25rem 1.25rem 1rem;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
}

.opdoc__layout .opdoc__sidebar .opdoc__sidebar-inner::-webkit-scrollbar {
  display: none;
}

.opdoc__layout .opdoc__sidebar .aside-left__content {
  width: auto;
  min-width: 0;
  max-width: 100%;
  border: 0;
}

.opdoc__layout .opdoc__sidebar .search-block {
  display: none;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion,
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion > li {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) [data-overlayscrollbars-viewport] {
  -webkit-mask-image: none;
  mask-image: none;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-accordion__title::before {
  display: none;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block {
  margin: 0 0 1.5rem;
  padding: 0;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block__inner {
  position: relative;
  display: block;
  width: 100%;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block__icon-loupe {
  position: absolute;
  top: 0;
  bottom: 0;
  inset-inline-start: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  padding: 0 0 0 0.875rem;
  color: rgb(63, 65, 64);
  pointer-events: none;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block__icon-loupe svg {
  width: 1rem;
  height: 1rem;
  color: inherit;
  stroke-width: 1.75;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block input[type="search"] {
  -webkit-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 2.25rem;
  box-sizing: border-box;
  margin: 0;
  padding: 0 2.25rem 0 2.375rem;
  border: 0;
  border-radius: 9999px;
  outline: 0;
  box-shadow: none;
  background-color: rgba(10, 13, 12, 0.03);
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: rgb(23, 26, 24);
  transition: background-color 0.15s ease;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block input[type="search"]::placeholder {
  font-size: 0.875rem;
  color: rgb(112, 115, 113);
  opacity: 1;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  display: none;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block input[type="search"]:hover {
  background-color: rgba(10, 13, 12, 0.06);
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block input[type="search"]:focus {
  background-color: rgba(10, 13, 12, 0.03);
  box-shadow: inset 0 0 0 1px rgba(80, 83, 81, 0.3);
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block__btn-clear {
  position: absolute;
  top: 50%;
  inset-inline-end: 0.625rem;
  z-index: 1;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 9999px;
  background: none;
  color: rgb(112, 115, 113);
  transform: translateY(-50%);
  cursor: pointer;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block__btn-clear:hover {
  color: rgb(23, 26, 24);
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block__btn-clear svg {
  width: 0.875rem;
  height: 0.875rem;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list {
  display: block;
  gap: 0;
  margin: 0;
  padding: 0;
  max-height: none;
  overflow: visible;
  list-style: none;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list > li {
  margin: 0;
  padding: 0;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list > li + li {
  margin-top: 1px;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list > li:has(> .aside-nav-accordion) + li,
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list > li + li:has(> .aside-nav-accordion) {
  margin-top: 2rem;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-accordion,
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-accordion > li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-accordion__content,
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .blog-page-aside,
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .blog-page-aside__nav,
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .blog-page-aside__nav-wrap {
  position: static;
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  transform: none;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list > li > .aside-nav-accordion > li > .aside-nav-accordion__content {
  display: block !important;
  height: auto !important;
  overflow: visible !important;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list > li > .aside-nav-accordion > li > .aside-nav-accordion__title {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin: 0 0 0.625rem;
  padding: 0 0 0 1rem;
  overflow: visible;
  background: none;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  color: rgb(23, 26, 24);
  opacity: 1;
  cursor: default;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list > li > .aside-nav-accordion > li > .aside-nav-accordion__title .aside-nav-accordion__title-link {
  display: flex;
  flex: 0 1 auto;
  align-items: center;
  min-width: 0;
  padding: 0;
  background: none;
  font: inherit;
  color: inherit;
  text-decoration: none;
  opacity: 1;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list > li > .aside-nav-accordion > li > .aside-nav-accordion__title .aside-nav-accordion__title-link.is-active {
  color: rgb(var(--primary));
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list > li > .aside-nav-accordion > li > .aside-nav-accordion__title > .aside-nav-accordion__title-icon {
  display: none;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-accordion__title .aside-nav-accordion__title-link .aside-nav-accordion__title-text {
  padding: 0;
  border-radius: 0;
  background: none;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list {
  --opdoc-sidebar-indent: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-list {
  --opdoc-sidebar-indent: 1.75rem;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-list .aside-nav-list {
  --opdoc-sidebar-indent: 2.5rem;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-list .aside-nav-list .aside-nav-list {
  --opdoc-sidebar-indent: 3.25rem;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list > li {
  margin: 0;
  padding: 0;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list__link,
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list__title {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.75rem;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0.375rem 0.75rem 0.375rem var(--opdoc-sidebar-indent, 1rem);
  border: 0;
  border-radius: 0;
  background: none;
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: rgb(63, 65, 64);
  text-align: start;
  text-decoration: none;
  overflow-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
  opacity: 1;
  transition: none;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list__link::before {
  display: none;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list__link:hover,
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list__link:focus-visible,
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list__title:hover {
  color: rgb(var(--primary));
  text-decoration: none;
  opacity: 1;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list__link:active,
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list__title:active {
  opacity: 1;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list__link.is-active,
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list__title.is-active,
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__title-link.is-active {
  color: rgb(var(--primary));
  text-shadow: -0.2px 0 0 currentColor, 0.2px 0 0 currentColor;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list__link-text,
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list__title-text {
  min-width: 0;
  max-width: 100%;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.75rem;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 1px;
  padding: 0.375rem 0.75rem 0.375rem var(--opdoc-sidebar-indent, 1rem);
  overflow: visible;
  background: none;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: rgb(63, 65, 64);
  opacity: 1;
  cursor: default;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__title:hover {
  color: rgb(var(--primary));
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__title .aside-nav-accordion__title-link {
  display: block;
  flex: 0 1 auto;
  min-width: 0;
  padding: 0;
  background: none;
  font: inherit;
  color: inherit;
  text-decoration: none;
  overflow-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
  opacity: 1;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__title .aside-nav-accordion__title-icon {
  position: relative;
  display: block;
  flex: none;
  width: 0.5rem;
  min-width: 0;
  max-width: 0.5rem;
  height: 1.25rem;
  min-height: 0;
  margin: 0 -0.125rem 0 0;
  padding: 0;
  overflow: visible;
  border-radius: 0;
  background: none;
  font-size: 0;
  line-height: 0;
  color: rgb(159, 161, 160);
  transform: none;
  cursor: pointer;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__title .aside-nav-accordion__title-icon::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 2.75L12.75 9L6.5 15.25'/%3E%3C/svg%3E") center / 0.5rem 0.5rem no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 2.75L12.75 9L6.5 15.25'/%3E%3C/svg%3E") center / 0.5rem 0.5rem no-repeat;
  transition: transform 0.15s ease;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__title .aside-nav-accordion__title-icon::after {
  content: "";
  position: absolute;
  top: -0.375rem;
  inset-inline-end: -0.75rem;
  bottom: -0.375rem;
  inset-inline-start: -0.75rem;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__title .aside-nav-accordion__title-icon:hover,
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__title:hover .aside-nav-accordion__title-icon {
  color: rgb(80, 83, 81);
  background: none;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion li.uk-open > .uk-accordion-title > .aside-nav-accordion__title-icon {
  transform: none;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion li.uk-open > .uk-accordion-title > .aside-nav-accordion__title-icon::before {
  transform: rotate(90deg);
  transition-duration: 75ms;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__content {
  margin: 0;
  padding: 0;
}

.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion > li:not(.uk-open) > .aside-nav-accordion__content {
  display: none;
}

.opdoc__layout .opdoc__offcanvas .uk-offcanvas-bar {
  padding: 1.25rem;
  background: rgb(255, 255, 255);
  box-shadow: none;
  color: rgb(112, 115, 113);
}

.opdoc__layout .opdoc__offcanvas .uk-offcanvas-close {
  color: rgb(112, 115, 113);
}

.opdoc__layout .opdoc__offcanvas .uk-offcanvas-close:hover {
  color: rgb(23, 26, 24);
}

.opdoc__layout .opdoc__offcanvas-nav,
.opdoc__layout .opdoc__offcanvas-nav .aside-left__content {
  padding: 0;
  margin: 0;
  background: none;
}

.opdoc__layout .opdoc__offcanvas .opdoc__offcanvas-nav {
  opacity: 1;
  visibility: visible;
  z-index: auto;
  border: 0;
}

.opdoc__layout .opdoc__offcanvas-nav .aside-left__content {
  position: static;
  width: 100%;
  height: auto;
  border: 0;
}

.opdoc__layout .opdoc__offcanvas-nav .os-scrollbar {
  display: none;
}

.opdoc__layout .opdoc__offcanvas-nav [data-overlayscrollbars-viewport] {
  overflow: visible !important;
  max-height: none;
}

.opdoc__layout .opdoc__offcanvas-nav .aside-navigation-list-wrapper {
  position: static;
  width: 100%;
  max-height: none;
  padding: 1.75rem 0 0;
  margin: 0;
}

@media (max-width: 1023px) {
  .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list > li > .aside-nav-accordion > li > .aside-nav-accordion__title {
    margin-bottom: 0.875rem;
  }

  .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list > li:has(> .aside-nav-accordion) + li,
  .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list > li + li:has(> .aside-nav-accordion) {
    margin-top: 1.5rem;
  }
}

html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block__icon-loupe {
  color: rgb(159, 161, 160);
}

html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block input[type="search"] {
  border: 0;
  background-color: rgba(255, 255, 255, 0.03);
  color: rgb(223, 225, 224);
}

html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block input[type="search"]::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block input[type="search"]:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block input[type="search"]:focus {
  box-shadow: inset 0 0 0 1px rgba(80, 83, 81, 0.3);
}

html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block__btn-clear {
  color: rgb(159, 161, 160);
}

html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list > li > .aside-nav-accordion > li > .aside-nav-accordion__title {
  color: rgb(223, 225, 224);
}

html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list > li > .aside-nav-accordion > li > .aside-nav-accordion__title .aside-nav-accordion__title-link {
  color: inherit;
}

html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list > li > .aside-nav-accordion > li > .aside-nav-accordion__title .aside-nav-accordion__title-link.is-active {
  color: rgb(var(--primary-light));
}

html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list__link,
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list__title,
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__title {
  color: rgb(159, 161, 160);
}

html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__title .aside-nav-accordion__title-link {
  color: inherit;
}

html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list__link:hover,
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list__link:focus-visible,
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list__title:hover,
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__title:hover,
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list__link.is-active,
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list__title.is-active,
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__title .aside-nav-accordion__title-link.is-active {
  color: rgb(var(--primary-light));
}

html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__title .aside-nav-accordion__title-icon {
  color: rgb(80, 83, 81);
}

html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__title .aside-nav-accordion__title-icon:hover,
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__title:hover .aside-nav-accordion__title-icon {
  color: rgb(159, 161, 160);
}

html.dark .opdoc__layout .opdoc__offcanvas .uk-offcanvas-bar {
  background: rgb(10, 13, 13);
  color: rgb(159, 161, 160);
}

html.dark .opdoc__layout .opdoc__offcanvas .uk-offcanvas-close {
  color: rgb(159, 161, 160);
}

html.dark .opdoc__layout .opdoc__offcanvas .uk-offcanvas-close:hover {
  color: rgb(223, 225, 224);
}

.opdoc__layout .opdoc__header .opdoc__eyebrow {
  display: block;
  width: fit-content;
  height: 1.25rem;
  margin: 0 0 0.625rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: normal;
  color: rgb(var(--primary));
  text-decoration: none;
}

.opdoc__layout .opdoc__header .opdoc__eyebrow:is(.dark *) {
  color: rgb(var(--primary-light));
}

.opdoc__layout .opdoc__header .opdoc__title {
  margin: 0;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.03125rem;
  color: rgb(var(--gray-900));
  overflow-wrap: anywhere;
}

html.dark .opdoc__layout .opdoc__header .opdoc__title {
  color: rgb(var(--gray-200));
}

@media (min-width: 640px) {
  .opdoc__layout .opdoc__header .opdoc__title {
    font-size: 2.25rem;
    line-height: 2.25rem;
  }
}

.opdoc__layout .opdoc__content .opdoc__body {
  font-size: 1rem;
  line-height: 1.75;
  letter-spacing: -0.0125rem;
  color: rgb(var(--gray-700));
}

html.dark .opdoc__layout .opdoc__content .opdoc__body {
  color: rgb(var(--gray-400));
}

html.dark .opdoc__layout .opdoc__content .opdoc__body :is(p, li) {
  color: inherit;
}

.opdoc__layout .opdoc__content .opdoc__body * {
  letter-spacing: inherit;
}

.opdoc__layout .opdoc__content .opdoc__body p {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

.opdoc__layout .opdoc__content .opdoc__body li {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

.opdoc__layout .opdoc__content .opdoc__body h1:not(.steps__item-title) {
  margin: 0 0 0.666667em;
  font-size: 2.25em;
  line-height: 1.11111;
  font-weight: 500;
  letter-spacing: -0.025em;
  color: oklch(21% 0.034 264.665);
}

.opdoc__layout .opdoc__content .opdoc__body h2:not(.steps__item-title) {
  margin: 1.5em 0 0.75em;
  font-size: 1.5em;
  line-height: 1.33333;
  font-weight: 500;
  letter-spacing: -0.025em;
  color: oklch(21% 0.034 264.665);
}

.opdoc__layout .opdoc__content .opdoc__body h3:not(.steps__item-title) {
  margin: 1.6em 0 0.7em;
  font-size: 1.25em;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: -0.025em;
  color: oklch(21% 0.034 264.665);
}

.opdoc__layout .opdoc__content .opdoc__body h4:not(.steps__item-title) {
  margin: 1.6em 0 0.6em;
  font-size: 1.125em;
  line-height: 1.5;
  font-weight: 500;
  color: oklch(21% 0.034 264.665);
}

.opdoc__layout .opdoc__content .opdoc__body :is(h1, h2, h4):not(.steps__item-title):is(.dark *) {
  color: #fff;
}

.opdoc__layout .opdoc__content .opdoc__body h3:not(.steps__item-title):is(.dark *) {
  color: rgb(var(--gray-50));
}

.opdoc__layout .opdoc__content .opdoc__body > :first-child {
  margin-top: 0;
}

.opdoc__layout .opdoc__content .opdoc__body > :last-child {
  margin-bottom: 0;
}

.opdoc__layout .opdoc__content .opdoc__body :is(h1, h2, h3, h4, h5, h6) + :not(h1, h2, h3, h4, h5, h6) {
  margin-top: 0;
}

.opdoc__layout .opdoc__content .opdoc__body strong {
  font-weight: 600;
  color: rgb(var(--gray-900));
}

.opdoc__layout .opdoc__content .opdoc__body strong:is(.dark *) {
  color: rgb(var(--gray-50));
}

.opdoc__layout .opdoc__content .opdoc__body a:not([class]) {
  color: oklch(21% 0.034 264.665);
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid rgb(var(--primary));
  overflow-wrap: break-word;
}

.opdoc__layout .opdoc__content .opdoc__body a:not([class]):hover {
  border-bottom-width: 2px;
}

.opdoc__layout .opdoc__content .opdoc__body a:not([class]):is(.dark *) {
  color: rgb(var(--gray-50));
  border-bottom-color: rgb(var(--primary-light));
}

.opdoc__layout .opdoc__content .opdoc__body a strong {
  color: inherit;
  font-weight: inherit;
}

.opdoc__layout .opdoc__content .opdoc__body :is(ul:not([class]), ul.wp-block-list) {
  margin: 1.25em 0;
  padding: 0;
  list-style: none;
}

.opdoc__layout .opdoc__content .opdoc__body :is(ol:not([class]), ol.wp-block-list) {
  margin: 1.25em 0;
  padding: 0 0 0 1.625em;
  list-style: decimal;
}

.opdoc__layout .opdoc__content .opdoc__body :is(ul:not([class]), ul.wp-block-list) > li {
  position: relative;
  margin: 0.5em 0;
  padding: 0 0 0 2em;
  list-style: none;
}

.opdoc__layout .opdoc__content .opdoc__body :is(ul:not([class]), ul.wp-block-list) > li::before {
  content: "";
  position: absolute;
  top: 0.6875em;
  inset-inline-start: 0.5em;
  width: 0.375em;
  height: 0.375em;
  border-radius: 50%;
  background-color: rgb(var(--gray-600));
}

.opdoc__layout .opdoc__content .opdoc__body :is(ol:not([class]), ol.wp-block-list) > li {
  margin: 0.5em 0;
  padding: 0 0 0 0.375em;
}

.opdoc__layout .opdoc__content .opdoc__body :is(ol:not([class]), ol.wp-block-list) > li::marker {
  color: oklch(55.1% 0.027 264.364);
  font-weight: 400;
}

.opdoc__layout .opdoc__content .opdoc__body :is(ol:not([class]), ol.wp-block-list) > li:is(.dark *)::marker {
  color: oklch(70.7% 0.022 261.325);
}

.opdoc__layout .opdoc__content .opdoc__body li :is(ul, ol) {
  margin: 0.75em 0;
}

.opdoc__layout .opdoc__content .opdoc__body blockquote {
  margin: 1.6em 0;
  padding: 0 0 0 1.5rem;
  border: 0;
  border-inline-start: 4px solid rgb(var(--gray-200));
  background: none;
  color: rgb(var(--gray-700));
  font-style: normal;
  font-weight: 400;
  quotes: none;
}

html.dark .opdoc__layout .opdoc__content .opdoc__body blockquote {
  border-inline-start-color: rgb(var(--gray-800));
  color: rgb(var(--gray-400));
}

.opdoc__layout .opdoc__content .opdoc__body blockquote p::before,
.opdoc__layout .opdoc__content .opdoc__body blockquote p::after {
  content: none;
}

.opdoc__layout .opdoc__content .opdoc__body hr {
  height: 0;
  margin: 3em 0;
  border: 0;
  border-top: 1px solid rgb(var(--gray-100));
  background: none;
  opacity: 1;
}

.opdoc__layout .opdoc__content .opdoc__body hr:is(.dark *) {
  border-top-color: rgb(var(--gray-800) / 0.5);
}

.opdoc__layout .opdoc__content .opdoc__body figure.wp-block-image {
  margin: 1.25rem 0;
  padding: 0.5rem;
  border-radius: 1rem;
  background-color: rgb(var(--gray-50) / 0.5);
  overflow: hidden;
}

.opdoc__layout .opdoc__content .opdoc__body figure.wp-block-image:is(.dark *) {
  background-color: rgb(var(--gray-800) / 0.25);
}

.opdoc__layout .opdoc__content .opdoc__body figure.wp-block-image img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0;
  border-radius: 0.75rem;
}

.opdoc__layout .opdoc__content .opdoc__body figure.wp-block-image figcaption {
  margin: 0.5rem 0 0;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: rgb(var(--gray-500));
  text-align: center;
}
.opdoc__layout .opdoc__content .opdoc__pager {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
}

@media (min-width: 1024px) {
  .opdoc__layout .opdoc__content .opdoc__pager {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link--next:only-child {
    grid-column: 2;
  }
}

.opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: flex-start;
  gap: 0.25rem;
  min-width: 0;
  margin: 0;
  padding: 0.75rem 1rem;
  border: 1px solid rgb(var(--gray-200) / 0.7);
  border-radius: 0.75rem;
  background: transparent;
  box-shadow: none;
  color: rgb(var(--gray-500));
  text-decoration: none;
  transition: border-color 0.15s ease;
}

.opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link--next {
  align-items: flex-end;
  text-align: end;
}

.opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link:hover {
  border-color: rgb(var(--gray-300));
  background: transparent;
  text-decoration: none;
}

.opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link .previous-post__title {
  max-width: 100%;
  overflow: hidden;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  color: rgb(var(--gray-900));
  text-overflow: ellipsis;
  white-space: nowrap;
}

.opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link .previous-post__link {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: rgb(var(--gray-500));
  transition: color 0.15s ease;
}

.opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link:hover .previous-post__link {
  color: rgb(var(--gray-600));
}

.opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link .previous-post__link .icon {
  flex: none;
  width: 0.625rem;
  height: 0.625rem;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  font-size: 0;
  color: rgb(var(--gray-400));
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.5 15.25L5.25 9L11.5 2.75'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.5 15.25L5.25 9L11.5 2.75'/%3E%3C/svg%3E") center / contain no-repeat;
}

.opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link--next .previous-post__link .icon {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 2.75L12.75 9L6.5 15.25'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 2.75L12.75 9L6.5 15.25'/%3E%3C/svg%3E");
}

.opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link:hover .previous-post__link .icon {
  color: rgb(var(--gray-500));
}

html.dark .opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link {
  border-color: rgb(var(--gray-800) / 0.7);
  background: transparent;
  color: rgb(var(--gray-400));
}

html.dark .opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link:hover {
  border-color: rgb(var(--gray-700));
}

html.dark .opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link .previous-post__title {
  color: rgb(var(--gray-200));
}

html.dark .opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link .previous-post__link {
  color: rgb(var(--gray-400));
}

html.dark .opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link:hover .previous-post__link {
  color: rgb(var(--gray-300));
}

html.dark .opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link .previous-post__link .icon {
  color: rgb(var(--gray-600));
}

html.dark .opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link:hover .previous-post__link .icon {
  color: rgb(var(--gray-500));
}
.opdoc__layout .opdoc__header .opdoc__lead {
  letter-spacing: -0.0125rem;
}

.opdoc__layout .opdoc__header .opdoc__copy .opdoc__copy-btn,
.opdoc__layout .opdoc__header .opdoc__copy .dropdown-block__trigger {
  font-weight: 400;
  opacity: 1;
}

.opdoc__layout .opdoc__header .opdoc__copy .opdoc__copy-btn .btn__text {
  font-weight: 500;
}

.opdoc__layout .opdoc__header .opdoc__copy .dropdown-block__trigger {
  color: rgb(10 13 12 / 0.5);
}

.opdoc__layout .opdoc__header .opdoc__copy .dropdown-block__trigger .btn__icon {
  flex: none;
  width: 0.75rem;
  height: 0.75rem;
  min-width: 0.75rem;
  min-height: 0.75rem;
  color: rgb(var(--gray-400));
}

.opdoc__layout .opdoc__header .opdoc__copy .opdoc__copy-btn:hover,
.opdoc__layout .opdoc__header .opdoc__copy .dropdown-block__trigger:hover {
  opacity: 1;
  background-color: rgb(var(--gray-600) / 0.05);
}

.opdoc__layout .opdoc__header .opdoc__copy .dropdown-block__trigger:hover .btn__icon {
  color: rgb(var(--gray-600));
}

html.dark .opdoc__layout .opdoc__header .opdoc__copy .dropdown-block__trigger {
  color: rgb(255 255 255 / 0.5);
}

html.dark .opdoc__layout .opdoc__header .opdoc__copy .dropdown-block__trigger .btn__icon {
  color: rgb(var(--gray-600));
}

html.dark .opdoc__layout .opdoc__header .opdoc__copy .opdoc__copy-btn:hover,
html.dark .opdoc__layout .opdoc__header .opdoc__copy .dropdown-block__trigger:hover {
  background-color: rgb(var(--gray-200) / 0.05);
}

html.dark .opdoc__layout .opdoc__header .opdoc__copy .dropdown-block__trigger:hover .btn__icon {
  color: rgb(var(--gray-400));
}
.opdoc__layout .opdoc__content .opdoc__body :is(h1, h2, h3, h4, h5, h6) + :is(ul, ol, figure, blockquote, hr, .wp-block-list, .wp-block-image, .wp-block-table) {
  margin-top: 0;
}

.opdoc__layout .opdoc__aside {
  padding-top: 3.0625rem;
  padding-inline-start: 0.5rem;
  padding-inline-end: 1.25rem;
  scrollbar-width: none;
}

.opdoc__layout .opdoc__aside::-webkit-scrollbar {
  display: none;
}

.opdoc__layout .opdoc__aside .aside-right,
.opdoc__layout .opdoc__aside .aside-right__content,
.opdoc__layout .opdoc__aside .aside-right__content-wrapper,
.opdoc__layout .opdoc__aside .aside-right__content-wrapper-inner {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
}

.opdoc__layout .opdoc__aside [data-overlayscrollbars-viewport] {
  -webkit-mask-image: none;
  mask-image: none;
}

.opdoc__layout .opdoc__aside .os-scrollbar {
  display: none;
}

.opdoc__layout .opdoc__aside .blog-page-aside,
.opdoc__layout .opdoc__aside .blog-page-aside__nav,
.opdoc__layout .opdoc__aside .blog-page-aside__nav-wrap {
  display: block;
  gap: 0;
  opacity: 1;
  visibility: visible;
}

.opdoc__layout .opdoc__aside .blog-page-aside__nav-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: normal;
  text-transform: none;
  color: rgb(63, 65, 64);
  opacity: 1;
  visibility: visible;
}

.opdoc__layout .opdoc__aside .blog-page-aside__nav-title::before {
  content: "";
  flex: none;
  width: 0.75rem;
  height: 0.75rem;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.75 14.25H15.25'/%3E%3Cpath d='M2.75 3.75H15.25'/%3E%3Cpath d='M2.75 9H8.25'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.75 14.25H15.25'/%3E%3Cpath d='M2.75 3.75H15.25'/%3E%3Cpath d='M2.75 9H8.25'/%3E%3C/svg%3E") center / contain no-repeat;
}

.opdoc__layout .opdoc__aside .aside-nav-list {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.875rem;
  line-height: 1.5rem;
}

.opdoc__layout .opdoc__aside .aside-nav-list__item {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
}

.opdoc__layout .opdoc__aside .aside-nav-list--nested {
  display: block;
}

.opdoc__layout .opdoc__aside .aside-nav-list--nested:empty {
  display: none;
}

.opdoc__layout .opdoc__aside .aside-nav-list .aside-nav-list__link {
  position: relative;
  display: block;
  margin: 0;
  padding: 0.25rem 0 0.25rem 1rem;
  border: 0;
  border-radius: 0;
  background: none;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: rgb(80, 83, 81);
  text-decoration: none;
  text-shadow: none;
  overflow-wrap: break-word;
  word-break: break-word;
  opacity: 1;
  visibility: visible;
  transition: none;
}

.opdoc__layout .opdoc__aside .aside-nav-list--nested .aside-nav-list__link {
  padding-inline-start: 2rem;
  color: rgb(112, 115, 113);
  white-space: pre-wrap;
}

.opdoc__layout .opdoc__aside .aside-nav-list--nested .aside-nav-list--nested .aside-nav-list__link {
  padding-inline-start: 3rem;
}

.opdoc__layout .opdoc__aside .blog-page-aside__nav-wrap > .aside-nav-list:has(.aside-nav-list--nested .aside-nav-list__link) > .aside-nav-list__item > .aside-nav-list__link {
  font-weight: 500;
}

.opdoc__layout .opdoc__aside .aside-nav-list .aside-nav-list__link::before {
  content: "";
  position: absolute;
  top: 1rem;
  inset-inline-start: 0;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 9999px;
  background-color: rgb(var(--primary));
  opacity: 0;
  visibility: visible;
  transform: translateY(-50%);
  transition: none;
}

.opdoc__layout .opdoc__aside .aside-nav-list .aside-nav-list__link:not(.is-active):hover {
  color: rgb(23, 26, 24);
  opacity: 1;
}

.opdoc__layout .opdoc__aside .aside-nav-list .aside-nav-list__link:active {
  opacity: 1;
}

.opdoc__layout .opdoc__aside .aside-nav-list .aside-nav-list__link.is-active {
  color: rgb(var(--primary));
  text-shadow: -0.15px 0 0 currentColor, 0.15px 0 0 currentColor;
}

.opdoc__layout .opdoc__aside .aside-nav-list .aside-nav-list__link.is-active::before {
  opacity: 1;
}

.opdoc__layout .opdoc__aside .aside-nav-list--nested .aside-nav-list__link.is-active {
  text-shadow: none;
}

.opdoc__layout .opdoc__aside .aside-nav-list__item:has(> .aside-nav-list--nested .aside-nav-list__link.is-active) > .aside-nav-list__link {
  color: rgb(var(--primary));
  text-shadow: -0.15px 0 0 currentColor, 0.15px 0 0 currentColor;
}

html.dark .opdoc__layout .opdoc__aside .aside-nav-list__item:has(> .aside-nav-list--nested .aside-nav-list__link.is-active) > .aside-nav-list__link {
  color: rgb(var(--primary-light));
}

html.dark .opdoc__layout .opdoc__aside .blog-page-aside__nav-title {
  color: rgb(206, 209, 207);
}

html.dark .opdoc__layout .opdoc__aside .aside-nav-list .aside-nav-list__link {
  color: rgb(159, 161, 160);
}

html.dark .opdoc__layout .opdoc__aside .aside-nav-list .aside-nav-list__link:not(.is-active):hover {
  color: rgb(206, 209, 207);
}

html.dark .opdoc__layout .opdoc__aside .aside-nav-list .aside-nav-list__link.is-active {
  color: rgb(var(--primary-light));
}

html.dark .opdoc__layout .opdoc__aside .aside-nav-list .aside-nav-list__link::before {
  background-color: rgb(var(--primary-light));
}
@media (min-width: 1024px) {
  .opdoc__layout:has(.opdoc__sidebar) { position: relative; }
  .opdoc__layout:has(.opdoc__sidebar)::before { content: ""; position: absolute; top: 3rem; bottom: 0; left: 14rem; width: 1px; background-color: rgb(var(--gray-100)); pointer-events: none; }
  html.dark .opdoc__layout:has(.opdoc__sidebar)::before { background-color: rgb(var(--gray-800)); }
}

.opnews__main {
  width: 100%;
}

.opnews__container {
  width: calc(100% - 32px);
  max-width: 1088px;
  margin: 0 auto;
  padding: 40px 28px;
  border-inline-start: 1px solid rgb(var(--gray-100));
  border-inline-end: 1px solid rgb(var(--gray-100));
}

@media (min-width: 1024px) {
  .opnews__container {
    width: calc(100% - 64px);
    padding-inline-start: 40px;
    padding-inline-end: 40px;
  }
}

html.dark .opnews__container {
  border-inline-start-color: rgb(var(--gray-800));
  border-inline-end-color: rgb(var(--gray-800));
}

.opnews__masthead {
  margin: 0;
}

.opnews__masthead-title {
  margin: 0;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.03125rem;
  color: rgb(var(--gray-900));
  overflow-wrap: anywhere;
}

@media (min-width: 640px) {
  .opnews__masthead-title {
    font-size: 2.25rem;
  }
}

html.dark .opnews__masthead-title {
  color: rgb(var(--gray-200));
}

.opnews__masthead-lead {
  max-width: 40rem;
  margin: 10px 0 0;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: -0.0125rem;
  color: rgb(var(--gray-700));
}

html.dark .opnews__masthead-lead {
  color: rgb(var(--gray-400));
}

.opnews__masthead-lead:empty {
  display: none;
}

.opnews__intro:empty {
  display: none;
}

.opnews__grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 40px;
  padding-top: 32px;
}

@media (min-width: 768px) {
  .opnews__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .opnews__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding-top: 40px;
  }
}

.opnews__card {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}

.opnews__card-link,
a.opnews__card-link {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  text-decoration: none;
  color: inherit;
}

.opnews__card-thumb {
  position: relative;
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 6px;
  background: rgb(var(--gray-50));
}

html.dark .opnews__card-thumb {
  background: rgb(var(--gray-900));
}

.opnews__card-thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 6px;
  border: 1px solid rgb(255 255 255 / 0.05);
  pointer-events: none;
}

.opnews__card-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 500ms cubic-bezier(0.16, 1, 0.3, 1);
}

.opnews__card-link:hover .opnews__card-img {
  transform: scale(1.03);
}

.opnews__card-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding-top: 16px;
}

.opnews__card-meta {
  display: flex;
  align-items: center;
  gap: 8px;
}

.opnews__card-topic {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 4px;
  background: rgb(var(--gray-50));
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: normal;
  color: rgb(var(--gray-900));
}

html.dark .opnews__card-topic {
  background: rgb(var(--gray-800));
  color: rgb(var(--gray-200));
}

.opnews__card-topic:empty {
  display: none;
}

.opnews__card-date {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: normal;
  color: rgb(var(--gray-500));
}

html.dark .opnews__card-date {
  color: rgb(var(--gray-400));
}

.opnews__card-title {
  display: block;
  margin-top: 12px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: normal;
  color: rgb(var(--gray-900));
  transition: color 150ms ease;
}

html.dark .opnews__card-title {
  color: rgb(var(--gray-200));
}

.opnews__card-link:hover .opnews__card-title {
  color: rgb(22, 110, 63);
}

html.dark .opnews__card-link:hover .opnews__card-title {
  color: rgb(38, 189, 108);
}

.opnews__card-lead {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 8px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: normal;
  color: rgb(var(--gray-500));
}

html.dark .opnews__card-lead {
  color: rgb(var(--gray-400));
}

.opnews__post {
  width: 100%;
  max-width: 1104px;
  margin: 72px auto 0;
  padding: 0 24px 120px;
}

.opnews__post-head {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 680px;
}

.opnews__layout .opnews__post-head .opnews__back {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-inline-end: auto;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.24px;
  color: rgb(var(--gray-700));
  text-decoration: none;
}

.opnews__back:hover {
  color: rgb(var(--gray-900));
}

html.dark .opnews__back {
  color: rgb(var(--gray-400));
}

html.dark .opnews__back:hover {
  color: rgb(var(--gray-200));
}

.opnews__back-icon {
  flex: none;
  width: 18px;
  height: 18px;
  color: rgb(var(--gray-900));
}

html.dark .opnews__back-icon {
  color: rgb(var(--gray-200));
}

.opnews__layout .opnews__post-head .opnews__post-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.opnews__topic {
  display: flex;
  align-items: center;
}

.opnews__topic__list {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.opnews__topic__item {
  margin: 0;
}

.opnews__topic__name {
  color: rgb(22, 110, 63);
}

html.dark .opnews__topic__name {
  color: rgb(38, 189, 108);
}

.opnews__post-sep {
  color: rgb(var(--gray-300));
}

html.dark .opnews__post-sep {
  color: rgb(var(--gray-700));
}

.opnews__post-date {
  color: rgb(var(--gray-500));
}

html.dark .opnews__post-date {
  color: rgb(var(--gray-400));
}

.opnews__layout .opnews__post-head .opnews__post-title {
  margin: 0;
  font-size: 40px;
  line-height: 110%;
  font-weight: 600;
  letter-spacing: -0.8px;
  color: rgb(var(--gray-900));
  overflow-wrap: anywhere;
}

html.dark .opnews__post-title {
  color: rgb(var(--gray-200));
}

.opnews__rule {
  height: 0;
  margin: 40px 0;
  border: 0;
  border-top: 1px solid rgb(var(--gray-100));
}

html.dark .opnews__rule {
  border-top-color: rgb(var(--gray-800));
}

.opnews__post-cols {
  display: flex;
  width: 100%;
  column-gap: 64px;
}

.opnews__post-intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
  max-width: 680px;
  margin-top: 40px;
}

@media (min-width: 768px) {
  .opnews__post-intro {
    display: none;
  }
}

.opnews__rail {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  flex: none;
  width: 180px;
  position: sticky;
  top: 80px;
  align-self: flex-start;
}

@media (min-width: 768px) {
  .opnews__rail {
    display: flex;
  }
}

.opnews__rail-byline {
  width: 100%;
}

.opnews__post-col {
  width: 100%;
  max-width: 628px;
  min-width: 0;
}

.opnews__post-hero,
.opnews__post-hero img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 360px;
  max-width: 628px;
  margin-bottom: 48px;
  border-radius: 24px;
  object-fit: cover;
}

.opnews__post-hero img {
  margin-bottom: 0;
}

.opnews__layout .opnews__post-body.opdoc__body {
  margin-top: 48px;
  margin-bottom: 72px;
}

.opnews__layout .opnews__toc {
  display: none;
  flex-direction: column;
  gap: 20px;
  flex: none;
  width: 220px;
  position: sticky;
  top: 80px;
  align-self: flex-start;
  max-height: calc(100vh - 7rem);
  overflow-y: auto;
  padding: 0;
}

@media (min-width: 945px) {
  .opnews__layout .opnews__toc {
    display: flex;
  }
}

.opnews__share {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
}

.opnews__layout .opnews__share .opnews__share-title {
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: rgb(var(--gray-400));
}

.opnews__share-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.opnews__layout .opnews__share .opnews__share-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 9999px;
  background: rgb(var(--gray-50));
  color: rgb(var(--gray-400));
  cursor: pointer;
  transition: color 100ms ease, background-color 100ms ease;
}

.opnews__layout .opnews__share .opnews__share-btn:hover {
  color: rgb(var(--gray-900));
}

.opnews__layout .opnews__share .opnews__share-btn:focus-visible {
  outline: 2px solid rgb(22, 110, 63);
  outline-offset: 2px;
}

html.dark .opnews__layout .opnews__share .opnews__share-btn {
  background: rgb(var(--gray-800));
  color: rgb(var(--gray-400));
}

html.dark .opnews__layout .opnews__share .opnews__share-btn:hover {
  color: rgb(var(--gray-200));
}

.opnews__share-icon {
  flex: none;
  width: 14px;
  height: 14px;
}

.opnews__share-icon--done {
  display: none;
}

.opnews__share-btn.is-copied .opnews__share-icon--link {
  display: none;
}

.opnews__share-btn.is-copied .opnews__share-icon--done {
  display: block;
}

.opnews__layout .opnews__share .opnews__share-btn.is-copied {
  color: rgb(22, 110, 63);
}

html.dark .opnews__layout .opnews__share .opnews__share-btn.is-copied {
  color: rgb(38, 189, 108);
}

.opnews__layout .opnews__toc .blog-page-aside__nav-title {
  margin: 0 0 4px;
  padding: 0;
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: rgb(var(--gray-400));
}

.opnews__layout .opnews__toc .blog-page-aside__nav-title::before {
  display: none;
}

.opnews__layout .opnews__toc .aside-nav-list .aside-nav-list__link {
  position: relative;
  padding: 4px 0 4px 16px;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.084px;
  color: rgb(var(--gray-500));
  transition: color 150ms ease;
}

html.dark .opnews__layout .opnews__toc .aside-nav-list .aside-nav-list__link {
  color: rgb(var(--gray-400));
}

.opnews__layout .opnews__toc .aside-nav-list .aside-nav-list__link::before {
  content: "";
  position: absolute;
  top: 4px;
  inset-inline-start: 0;
  width: 1.5px;
  height: 24px;
  border-radius: 1px;
  background: transparent;
  transition: background-color 150ms ease;
}

.opnews__layout .opnews__toc .aside-nav-list .aside-nav-list__link:hover {
  color: rgb(var(--gray-900));
}

html.dark .opnews__layout .opnews__toc .aside-nav-list .aside-nav-list__link:hover {
  color: rgb(var(--gray-200));
}

.opnews__layout .opnews__toc .aside-nav-list .aside-nav-list__link.is-active {
  color: rgb(var(--gray-900));
}

.opnews__layout .opnews__toc .aside-nav-list .aside-nav-list__link.is-active::before {
  background: rgb(var(--gray-900));
}

html.dark .opnews__layout .opnews__toc .aside-nav-list .aside-nav-list__link.is-active {
  color: rgb(var(--gray-200));
}

html.dark .opnews__layout .opnews__toc .aside-nav-list .aside-nav-list__link.is-active::before {
  background: rgb(var(--gray-200));
}

.opnews__layout .opnews__toc .aside-nav-list .aside-nav-list__item {
  margin-top: 4px;
}

.opnews__layout .opnews__toc .aside-nav-list .aside-nav-list__item:first-child {
  margin-top: 0;
}

.opnews__layout .opnews__post-body.opdoc__body p {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: normal;
  color: rgb(var(--gray-700));
}

.opnews__layout .opnews__post-body.opdoc__body h2 {
  margin-top: 48px;
  margin-bottom: 24px;
  font-size: 24px;
  line-height: 31.2px;
  font-weight: 500;
  letter-spacing: -0.24px;
  color: rgb(var(--gray-900));
}

html.dark .opnews__layout .opnews__post-body.opdoc__body h2 {
  color: rgb(var(--gray-200));
}

.opnews__layout .opnews__post-body.opdoc__body ul {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-inline-start: 26px;
  list-style: disc;
}

.opnews__layout .opnews__post-body.opdoc__body ul li {
  margin: 8px 0;
  padding: 0 0 0 6px;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: normal;
  color: rgb(var(--gray-700));
  list-style: disc;
}

.opnews__layout .opnews__post-body.opdoc__body ul li::marker {
  color: rgb(var(--gray-300));
}

.opnews__layout .opnews__post-body.opdoc__body p a {
  font-weight: 500;
  color: rgb(var(--gray-900));
  text-decoration-line: underline;
}

html.dark .opnews__layout .opnews__post-body.opdoc__body p a {
  color: rgb(var(--gray-200));
}

.opnews__layout .opnews__post-body.opdoc__body strong {
  font-weight: 600;
  color: rgb(var(--gray-900));
}

html.dark .opnews__layout .opnews__post-body.opdoc__body strong {
  color: rgb(var(--gray-200));
}

.opnews__more {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
  padding-top: 48px;
}

.opnews__layout .opnews__more .opnews__more-title {
  margin: 0;
  font-size: 24px;
  line-height: 31.2px;
  font-weight: 500;
  letter-spacing: -0.24px;
  color: rgb(var(--gray-900));
}

html.dark .opnews__layout .opnews__more .opnews__more-title {
  color: rgb(var(--gray-200));
}

.opnews__more-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}

@media (min-width: 768px) {
  .opnews__more-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.opnews__layout .opnews__more .opnews__more-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

.opnews__more-thumb {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 16px;
  overflow: hidden;
  background: rgb(var(--gray-100));
}

html.dark .opnews__more-thumb {
  background: rgb(var(--gray-800));
}

.opnews__more-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.opnews__more-thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgb(var(--background-light)), transparent);
  opacity: 0;
  transition: opacity 200ms ease;
  pointer-events: none;
}

html.dark .opnews__more-thumb::after {
  background: linear-gradient(to top, rgb(var(--background-dark)), transparent);
}

.opnews__more-card:hover .opnews__more-thumb::after {
  opacity: 0.7;
}

.opnews__more-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-grow: 1;
}

.opnews__layout .opnews__more .opnews__more-card-title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  letter-spacing: -0.24px;
  color: rgb(var(--gray-900));
  overflow-wrap: anywhere;
}

html.dark .opnews__layout .opnews__more .opnews__more-card-title {
  color: rgb(var(--gray-200));
}

.opnews__more-lead {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: rgb(var(--gray-500));
}

html.dark .opnews__more-lead {
  color: rgb(var(--gray-400));
}

.opnews__more-date {
  margin-top: 8px;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: rgb(var(--gray-400));
}

html.dark .opnews__more-date {
  color: rgb(var(--gray-500));
}

.opnews__rule--masthead {
  margin: 32px 0 0;
}

.opnews__layout .opnews__masthead .opnews__crumb {
  display: inline-flex;
  align-items: center;
  margin-bottom: 12px;
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: rgb(var(--gray-500));
  text-decoration: none;
}

.opnews__layout .opnews__masthead .opnews__crumb:hover {
  color: rgb(var(--gray-900));
}

html.dark .opnews__layout .opnews__masthead .opnews__crumb {
  color: rgb(var(--gray-400));
}

html.dark .opnews__layout .opnews__masthead .opnews__crumb:hover {
  color: rgb(var(--gray-200));
}

.opnews__cats {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding-top: 20px;
}

.opnews__cats:not(:has(.opnews__chip)) {
  display: none;
}

.opnews__layout .opnews__cats .opnews__chip {
  display: inline-flex;
  align-items: center;
  padding: 5px 12px;
  border: 1px solid rgb(var(--gray-100));
  border-radius: 999px;
  background: transparent;
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: normal;
  color: rgb(var(--gray-700));
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

.opnews__layout .opnews__cats .opnews__chip:hover {
  border-color: rgb(var(--gray-300));
  color: rgb(var(--gray-900));
}

.opnews__layout .opnews__cats .opnews__chip--current {
  border-color: rgb(22, 110, 63);
  background: rgb(22, 110, 63);
  color: rgb(255, 255, 255);
}

.opnews__layout .opnews__cats .opnews__chip--current:hover {
  border-color: rgb(22, 110, 63);
  color: rgb(255, 255, 255);
}

html.dark .opnews__layout .opnews__cats .opnews__chip {
  border-color: rgb(var(--gray-800));
  color: rgb(var(--gray-400));
}

html.dark .opnews__layout .opnews__cats .opnews__chip:hover {
  border-color: rgb(var(--gray-700));
  color: rgb(var(--gray-200));
}

html.dark .opnews__layout .opnews__cats .opnews__chip--current {
  border-color: rgb(38, 189, 108);
  background: rgb(38, 189, 108);
  color: rgb(var(--gray-900));
}

html.dark .opnews__layout .opnews__cats .opnews__chip--current:hover {
  border-color: rgb(38, 189, 108);
  color: rgb(var(--gray-900));
}

.opnews__pager {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 48px;
  padding-top: 28px;
  border-top: 1px solid rgb(var(--gray-100));
}

html.dark .opnews__pager {
  border-top-color: rgb(var(--gray-800));
}

.opnews__pager:not(:has(.opnews__pager-link)) {
  display: none;
}

.opnews__layout .opnews__pager .opnews__pager-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: 6px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: normal;
  color: rgb(var(--gray-500));
  text-decoration: none;
  transition: background-color 120ms ease, color 120ms ease;
}

.opnews__layout .opnews__pager .opnews__pager-link:hover {
  background: rgb(var(--gray-50));
  color: rgb(var(--gray-900));
}

.opnews__layout .opnews__pager .opnews__pager-link--current {
  border-color: rgb(var(--gray-100));
  color: rgb(var(--gray-900));
}

.opnews__layout .opnews__pager .opnews__pager-link--prev {
  margin-inline-end: auto;
}

.opnews__layout .opnews__pager .opnews__pager-link--next {
  margin-inline-start: auto;
}

html.dark .opnews__layout .opnews__pager .opnews__pager-link {
  color: rgb(var(--gray-400));
}

html.dark .opnews__layout .opnews__pager .opnews__pager-link:hover {
  background: rgb(var(--gray-800));
  color: rgb(var(--gray-200));
}

html.dark .opnews__layout .opnews__pager .opnews__pager-link--current {
  border-color: rgb(var(--gray-800));
  color: rgb(var(--gray-200));
}

.opnews__layout .opnews__post-body .code-example {
  position: relative;
  margin: 24px 0;
  border: 1px solid rgb(var(--gray-100));
  border-radius: 12px;
  background: rgb(var(--gray-50));
  overflow: hidden;
}

html.dark .opnews__layout .opnews__post-body .code-example {
  border-color: rgb(var(--gray-800));
  background: rgb(var(--gray-900));
}

.opnews__layout .opnews__post-body pre.wp-block-code {
  margin: 0;
  padding: 16px 20px;
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow-x: auto;
}

.opnews__layout .opnews__post-body pre.wp-block-code code {
  display: block;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 13px;
  line-height: 22px;
  letter-spacing: normal;
  color: rgb(var(--gray-800));
  text-shadow: none;
  white-space: pre;
  tab-size: 2;
}

html.dark .opnews__layout .opnews__post-body pre.wp-block-code code {
  color: rgb(var(--gray-300));
}

.opnews__layout .opnews__post-body :not(pre) > code {
  padding: 2px 6px;
  border-radius: 4px;
  background: rgb(var(--gray-50));
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 0.875em;
  color: rgb(var(--gray-900));
}

html.dark .opnews__layout .opnews__post-body :not(pre) > code {
  background: rgb(var(--gray-800));
  color: rgb(var(--gray-200));
}

.opnews__layout .opnews__post-body .token.comment,
.opnews__layout .opnews__post-body .token.prolog,
.opnews__layout .opnews__post-body .token.doctype,
.opnews__layout .opnews__post-body .token.cdata {
  color: rgb(106, 115, 125);
}

.opnews__layout .opnews__post-body .token.punctuation {
  color: rgb(87, 96, 106);
}

.opnews__layout .opnews__post-body .token.keyword,
.opnews__layout .opnews__post-body .token.atrule,
.opnews__layout .opnews__post-body .token.tag,
.opnews__layout .opnews__post-body .token.deleted {
  color: rgb(207, 34, 46);
}

.opnews__layout .opnews__post-body .token.string,
.opnews__layout .opnews__post-body .token.char,
.opnews__layout .opnews__post-body .token.attr-value,
.opnews__layout .opnews__post-body .token.inserted {
  color: rgb(10, 48, 105);
}

.opnews__layout .opnews__post-body .token.number,
.opnews__layout .opnews__post-body .token.boolean,
.opnews__layout .opnews__post-body .token.constant,
.opnews__layout .opnews__post-body .token.symbol,
.opnews__layout .opnews__post-body .token.operator,
.opnews__layout .opnews__post-body .token.attr-name {
  color: rgb(5, 80, 174);
  background: transparent;
}

.opnews__layout .opnews__post-body .token.function,
.opnews__layout .opnews__post-body .token.selector {
  color: rgb(130, 80, 223);
}

.opnews__layout .opnews__post-body .token.class-name,
.opnews__layout .opnews__post-body .token.property,
.opnews__layout .opnews__post-body .token.variable,
.opnews__layout .opnews__post-body .token.regex,
.opnews__layout .opnews__post-body .token.url {
  color: rgb(149, 56, 0);
  background: transparent;
}

html.dark .opnews__layout .opnews__post-body .token.comment,
html.dark .opnews__layout .opnews__post-body .token.prolog,
html.dark .opnews__layout .opnews__post-body .token.doctype,
html.dark .opnews__layout .opnews__post-body .token.cdata {
  color: rgb(139, 148, 158);
}

html.dark .opnews__layout .opnews__post-body .token.punctuation {
  color: rgb(201, 209, 217);
}

html.dark .opnews__layout .opnews__post-body .token.keyword,
html.dark .opnews__layout .opnews__post-body .token.atrule,
html.dark .opnews__layout .opnews__post-body .token.tag,
html.dark .opnews__layout .opnews__post-body .token.deleted {
  color: rgb(255, 123, 114);
}

html.dark .opnews__layout .opnews__post-body .token.string,
html.dark .opnews__layout .opnews__post-body .token.char,
html.dark .opnews__layout .opnews__post-body .token.attr-value,
html.dark .opnews__layout .opnews__post-body .token.inserted {
  color: rgb(165, 214, 255);
}

html.dark .opnews__layout .opnews__post-body .token.number,
html.dark .opnews__layout .opnews__post-body .token.boolean,
html.dark .opnews__layout .opnews__post-body .token.constant,
html.dark .opnews__layout .opnews__post-body .token.symbol,
html.dark .opnews__layout .opnews__post-body .token.operator,
html.dark .opnews__layout .opnews__post-body .token.attr-name {
  color: rgb(121, 192, 255);
}

html.dark .opnews__layout .opnews__post-body .token.function,
html.dark .opnews__layout .opnews__post-body .token.selector {
  color: rgb(210, 168, 255);
}

html.dark .opnews__layout .opnews__post-body .token.class-name,
html.dark .opnews__layout .opnews__post-body .token.property,
html.dark .opnews__layout .opnews__post-body .token.variable,
html.dark .opnews__layout .opnews__post-body .token.regex,
html.dark .opnews__layout .opnews__post-body .token.url {
  color: rgb(255, 166, 87);
}

.opnews__layout .opnews__post-body .code-example .line-numbers-rows {
  border-inline-end-color: rgb(var(--gray-100));
}

html.dark .opnews__layout .opnews__post-body .code-example .line-numbers-rows {
  border-inline-end-color: rgb(var(--gray-800));
}

.opnews__layout .opnews__post-body .line-numbers-rows > span::before {
  color: rgb(var(--gray-400));
}

.opnews__layout .opnews__post-body div.code-toolbar > .toolbar {
  top: 8px;
  inset-inline-end: 8px;
}

.opnews__layout .opnews__post-body div.code-toolbar > .toolbar > .toolbar-item > button {
  padding: 2px 8px;
  border: 1px solid rgb(var(--gray-100));
  border-radius: 6px;
  background: rgb(var(--background-light));
  box-shadow: none;
  font-size: 12px;
  line-height: 18px;
  color: rgb(var(--gray-500));
}

html.dark .opnews__layout .opnews__post-body div.code-toolbar > .toolbar > .toolbar-item > button {
  border-color: rgb(var(--gray-800));
  background: rgb(var(--gray-900));
  color: rgb(var(--gray-400));
}

[data-op-faq-style="95"]{--op-faq-style:1}
.opfaq {
  display: block;
  margin: 4.5rem 0 4rem;
  scroll-margin-top: 5rem;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}

h2 + .opfaq,
h3 + .opfaq {
  margin-top: 0;
}

.opfaq__title {
  margin: 0 0 1.25rem;
  padding: 0;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.025em;
  text-align: start;
  overflow-wrap: break-word;
  color: rgb(var(--gray-950));
}

.opfaq__list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border: 0;
}

.opfaq__list::before {
  content: none;
  display: none;
}

.opfaq__item {
  border: 1px solid rgb(var(--gray-950) / 0.06);
  border-radius: 0.625rem;
  background-color: rgb(var(--gray-50) / 0.75);
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.opfaq__item:hover {
  border-color: rgb(var(--gray-950) / 0.12);
  background-color: rgb(var(--gray-50));
}

.opfaq__item[open] {
  border-color: rgb(var(--gray-950) / 0.12);
  background-color: rgb(var(--gray-50));
}

.opfaq__q {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.875rem;
  padding: 0.9375rem 1.125rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  text-align: start;
  color: rgb(var(--gray-900));
}

.opfaq__q:focus-visible {
  outline: 2px solid rgb(var(--primary));
  outline-offset: 2px;
  border-radius: 0.5rem;
}

.opfaq__q::after {
  width: 1.125rem;
  height: 1.125rem;
  margin-top: 0.1875rem;
  background-color: rgb(var(--gray-500));
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M4.25 6.75 9 11.5l4.75-4.75'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M4.25 6.75 9 11.5l4.75-4.75'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: transform 0.15s ease-out;
}

.opfaq__item[open] > .opfaq__q::after {
  transform: rotate(180deg);
}

.opfaq__q:hover::after,
.opfaq__item[open] > .opfaq__q::after {
  background-color: rgb(var(--gray-900));
}

.opfaq__a {
  padding: 0 1.125rem 1.0625rem;
  font-size: 0.9375rem;
  line-height: 1.7;
  text-align: start;
  color: rgb(var(--gray-600));
}

.opfaq__a > :first-child {
  margin-top: 0;
}

.opfaq__a > :last-child {
  margin-bottom: 0;
}

html.dark .opfaq__title {
  color: rgb(var(--gray-100));
}

html.dark .opfaq__item {
  border-color: rgb(var(--background-light) / 0.08);
  background-color: rgb(var(--background-light) / 0.03);
}

html.dark .opfaq__item:hover,
html.dark .opfaq__item[open] {
  border-color: rgb(var(--background-light) / 0.14);
  background-color: rgb(var(--background-light) / 0.05);
}

html.dark .opfaq__q {
  color: rgb(var(--gray-100));
}

html.dark .opfaq__a {
  color: rgb(var(--gray-400));
}

@media (min-width: 1024px) {
  .opfaq {
    display: block;
  }

  .opfaq__title {
    margin: 0 0 1.25rem;
    padding: 0;
    font-size: 1.75rem;
  }
}

@media (max-width: 639px) {
  .opfaq {
    margin: 3rem 0 3rem;
  }

  .opfaq__title {
    font-size: 1.375rem;
    margin-bottom: 1rem;
  }

  .opfaq__q {
    padding: 0.875rem 1rem;
    font-size: 0.9375rem;
  }

  .opfaq__a {
    padding: 0 1rem 1rem;
    font-size: 0.9375rem;
  }
}
[data-op-faq-style="95-end"]{--op-faq-style:0}

.opdoc__outline--spoiler {
  margin: 1.75rem 0 0;
  border: 1px solid rgb(var(--gray-100));
  border-radius: 0.75rem;
  background-color: rgb(var(--gray-50) / 0.5);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}

.opdoc__outline--spoiler > .opdoc__outline-summary {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6875rem 1rem;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: rgb(var(--gray-700));
  cursor: pointer;
  list-style: none;
  user-select: none;
}

.opdoc__outline--spoiler > .opdoc__outline-summary::-webkit-details-marker {
  display: none;
}

.opdoc__outline--spoiler > .opdoc__outline-summary::before {
  content: "";
  flex: none;
  width: 0.75rem;
  height: 0.75rem;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.75 14.25H15.25'/%3E%3Cpath d='M2.75 3.75H15.25'/%3E%3Cpath d='M2.75 9H8.25'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.75 14.25H15.25'/%3E%3Cpath d='M2.75 3.75H15.25'/%3E%3Cpath d='M2.75 9H8.25'/%3E%3C/svg%3E") center / contain no-repeat;
}

[dir="rtl"] .opdoc__outline--spoiler > .opdoc__outline-summary::before {
  transform: scaleX(-1);
}

.opdoc__outline--spoiler > .opdoc__outline-summary::after {
  content: "";
  flex: none;
  margin-inline-start: auto;
  width: 0.75rem;
  height: 0.75rem;
  background-color: rgb(var(--gray-500));
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 6.75L9 11.25L13.5 6.75'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 6.75L9 11.25L13.5 6.75'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: transform 0.2s ease;
}

.opdoc__outline--spoiler[open] > .opdoc__outline-summary::after {
  transform: rotate(180deg);
}

.opdoc__outline--spoiler > .opdoc__outline-summary:hover {
  color: rgb(var(--gray-900));
}

.opdoc__outline--spoiler > .opdoc__outline-summary:hover::after {
  background-color: rgb(var(--gray-900));
}

.opdoc__outline--spoiler > .opdoc__outline-summary:focus-visible {
  outline: 2px solid rgb(var(--primary));
  outline-offset: -2px;
}

.opdoc__outline--spoiler > .opdoc__outline-summary:focus:not(:focus-visible) {
  outline: none;
}

.opdoc__outline-label {
  min-width: 0;
  overflow-wrap: anywhere;
}

.opdoc__outline--spoiler .aside-nav-list {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.875rem;
  line-height: 1.5rem;
}

.opdoc__outline--spoiler > .aside-nav-list {
  padding: 0 1rem 0.875rem;
}

.opdoc__outline--spoiler .aside-nav-list--nested:empty {
  display: none;
}

.opdoc__outline--spoiler .aside-nav-list__item {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
}

.opdoc__outline--spoiler .aside-nav-list__link {
  position: relative;
  display: block;
  padding-block: 0.25rem;
  padding-inline: 1rem 0;
  border: 0;
  background: none;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: rgb(var(--gray-600));
  text-decoration: none;
  text-shadow: none;
  overflow-wrap: break-word;
  word-break: break-word;
}

.opdoc__outline--spoiler > .aside-nav-list:has(.aside-nav-list--nested .aside-nav-list__link) > .aside-nav-list__item > .aside-nav-list__link {
  font-weight: 500;
}

.opdoc__outline--spoiler .aside-nav-list--nested .aside-nav-list__link {
  padding-inline-start: 2rem;
  color: rgb(var(--gray-500));
  font-weight: 400;
}

.opdoc__outline--spoiler .aside-nav-list--nested .aside-nav-list--nested .aside-nav-list__link {
  padding-inline-start: 3rem;
}

.opdoc__outline--spoiler .aside-nav-list__link::before {
  content: "";
  position: absolute;
  top: 1rem;
  inset-inline-start: 0;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 9999px;
  background-color: rgb(var(--primary));
  opacity: 0;
  transform: translateY(-50%);
}

.opdoc__outline--spoiler .aside-nav-list--nested .aside-nav-list__link::before {
  inset-inline-start: 1rem;
}

.opdoc__outline--spoiler .aside-nav-list--nested .aside-nav-list--nested .aside-nav-list__link::before {
  inset-inline-start: 2rem;
}

.opdoc__outline--spoiler .aside-nav-list__link:not(.is-active):hover {
  color: rgb(var(--gray-900));
}

.opdoc__outline--spoiler .aside-nav-list__link.is-active {
  color: rgb(var(--primary));
}

.opdoc__outline--spoiler .aside-nav-list__link.is-active::before {
  opacity: 1;
}

.opdoc__outline--spoiler .aside-nav-list__item:has(> .aside-nav-list--nested .aside-nav-list__link.is-active) > .aside-nav-list__link {
  color: rgb(var(--primary));
}

html.dark .opdoc__outline--spoiler {
  border-color: rgb(var(--gray-800));
  background-color: rgb(var(--gray-900) / 0.4);
}

html.dark .opdoc__outline--spoiler > .opdoc__outline-summary {
  color: rgb(var(--gray-300));
}

html.dark .opdoc__outline--spoiler > .opdoc__outline-summary:hover {
  color: rgb(var(--gray-200));
}

html.dark .opdoc__outline--spoiler > .opdoc__outline-summary::after {
  background-color: rgb(var(--gray-400));
}

html.dark .opdoc__outline--spoiler > .opdoc__outline-summary:hover::after {
  background-color: rgb(var(--gray-200));
}

html.dark .opdoc__outline--spoiler > .opdoc__outline-summary:focus-visible {
  outline-color: rgb(var(--primary-light));
}

html.dark .opdoc__outline--spoiler .aside-nav-list__link {
  color: rgb(var(--gray-400));
}

html.dark .opdoc__outline--spoiler .aside-nav-list--nested .aside-nav-list__link {
  color: rgb(var(--gray-500));
}

html.dark .opdoc__outline--spoiler .aside-nav-list__link:not(.is-active):hover {
  color: rgb(var(--gray-300));
}

html.dark .opdoc__outline--spoiler .aside-nav-list__link.is-active {
  color: rgb(var(--primary-light));
}

html.dark .opdoc__outline--spoiler .aside-nav-list__link::before {
  background-color: rgb(var(--primary-light));
}

html.dark .opdoc__outline--spoiler .aside-nav-list__item:has(> .aside-nav-list--nested .aside-nav-list__link.is-active) > .aside-nav-list__link {
  color: rgb(var(--primary-light));
}

:root{--op-footer-97:1}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__brand-head{display:flex;align-items:center;gap:.5rem;min-width:0}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__brand-icon{display:block;flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:0;object-fit:contain}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__brand-icon:not([src]),:is(.site-footer--frame,.site-footer--pomelli) .site-footer__brand-icon[src=""]{display:none}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__brand-head .site-footer__brand-name{min-width:0}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__contact{font-size:.8125rem;line-height:1.6;color:rgb(var(--gray-500))}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__contact-label{font:inherit;color:inherit}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__contact-link{font:inherit;color:rgb(var(--gray-700));text-decoration:none;transition:color .15s ease}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__contact-link:hover{color:rgb(var(--gray-950))}
html.dark :is(.site-footer--frame,.site-footer--pomelli) .site-footer__contact-link{color:rgb(var(--gray-300))}
html.dark :is(.site-footer--frame,.site-footer--pomelli) .site-footer__contact-link:hover{color:rgb(var(--gray-100))}
:is(.site-footer--frame,.site-footer--pomelli) .op-footer-columns__list a[href^="mailto:"]{font-size:.875rem;line-height:1.25rem}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns{container-type:inline-size;container-name:opfootercols}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns .op-footer-columns{display:grid;grid-auto-flow:row;grid-template-columns:minmax(0,1fr);row-gap:0;column-gap:0}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns .op-footer-columns__column{display:flex;flex-direction:column;justify-content:flex-start;gap:1rem;min-width:0;margin:0;padding:0;border:0 solid rgb(var(--gray-950)/.08);white-space:normal}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns .op-footer-columns__column:not(:first-child){margin-block-start:1.5rem;padding-block-start:1.5rem;border-block-start-width:1px}
html.dark :is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns .op-footer-columns__column{border-color:rgb(var(--background-light)/.08)}
@container opfootercols (min-width:24rem) and (max-width:43.999rem){
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns .op-footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns .op-footer-columns__column:not(:first-child){margin-block-start:0;padding-block-start:0;border-block-start-width:0}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns .op-footer-columns__column:nth-child(2n+1){padding-inline-end:1.5rem}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns .op-footer-columns__column:nth-child(2n){padding-inline-start:1.5rem;border-inline-start-width:1px}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns .op-footer-columns__column:nth-child(n+3){margin-block-start:1.5rem;padding-block-start:1.5rem;border-block-start-width:1px}
}
@container opfootercols (min-width:44rem){
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns .op-footer-columns{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns .op-footer-columns__column{padding-inline:1.5rem}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns .op-footer-columns__column:not(:first-child){margin-block-start:0;padding-block-start:0;border-block-start-width:0;border-inline-start-width:1px}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns .op-footer-columns__column:first-child{padding-inline-start:0}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns .op-footer-columns__column:last-child{padding-inline-end:0}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns .op-footer-columns__column:not(:has(.op-footer-columns__item))+.op-footer-columns__column{padding-inline-start:0;border-inline-start-width:0}
}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__theme-btn:last-child{margin-inline-end:-.375rem}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__theme-btn:first-child{margin-inline-start:-.375rem}
@media (max-width:1023px){
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__top{flex-direction:column;gap:2.5rem}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__brand{flex:0 0 auto;padding-inline-end:0}
}
@media (min-width:1024px){
@container opfootercols (min-width:44rem){
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns .op-footer-columns{margin-block:-3rem}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns .op-footer-columns__column{padding-block:3rem}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns .op-footer-columns__column:not(:first-child){padding-block-start:3rem;padding-block-end:3rem}
}
}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__inner{padding-bottom:1.5rem}
@media (max-width:1023px){
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__inner{row-gap:1.5rem}
}
@media (min-width:1024px){
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__bottom{padding-top:1.5rem}
}
:is(.site-footer--frame,.site-footer--pomelli) .opsoc{align-items:center;gap:1rem}
:is(.site-footer--frame,.site-footer--pomelli) .opsoc__link{--opsoc-msize:18px;width:1.625rem;height:1.625rem;-webkit-mask-size:var(--opsoc-msize) var(--opsoc-msize);mask-size:var(--opsoc-msize) var(--opsoc-msize);-webkit-mask-position:center;mask-position:center}
:is(.site-footer--frame,.site-footer--pomelli) .opsoc__link[data-network="x"]{--opsoc-msize:19px;-webkit-mask-position:center calc(50% + .5px);mask-position:center calc(50% + .5px)}
:is(.site-footer--frame,.site-footer--pomelli) .opsoc__link[data-network="youtube"]{--opsoc-msize:21px;-webkit-mask-position:center calc(50% + 1.5px);mask-position:center calc(50% + 1.5px)}
@media (min-width:1024px){
.opdoc__layout .opdoc__content{padding-top:1.25rem}
.opdoc__layout .opdoc__header--docs .opdoc__header-inner{margin-top:0}
}
:root{--op-footer-97-end:1}
.site-header--frame .site-header__actions .site-header__button:empty{display:none}

.opland__main{width:100%}
.opland__body{width:calc(100% - 32px);max-width:1088px;margin:0 auto;padding:0 0 64px}
.ophero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:56px 0 24px}
.ophero__badge{display:inline-flex;align-items:center;gap:6px;margin:0 0 20px;padding:4px 12px;border-radius:999px;background:rgb(var(--gray-100));color:rgb(var(--gray-900));font-size:.8125rem;line-height:1.25rem}
.ophero__badge-icon{font-size:.875rem}
.ophero__title{margin:0;max-width:860px;color:rgb(var(--gray-900));font-size:clamp(2rem,1.2rem + 3vw,3.25rem);line-height:1.1;font-weight:700;letter-spacing:-.03em}
.ophero__mark{background:none;color:rgb(var(--gray-500))}
.ophero__lead{margin:20px 0 0;max-width:640px;color:rgb(var(--gray-900));font-size:1.25rem;line-height:1.6}
.ophero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}
.ophero__btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 18px;border-radius:6px;border:1px solid rgb(var(--gray-900));font-size:.9375rem;font-weight:500;text-decoration:none}
.ophero__btn--fill{background:rgb(var(--gray-900));color:#fff}
.ophero__btn--outline{background:transparent;color:rgb(var(--gray-900))}
.ophero__btn:hover{opacity:.85}
.ophero__trust{margin:10px 0 0;color:rgb(var(--gray-500));font-size:.875rem}
.ophero__media{margin:40px 0 0;width:100%;max-width:960px}
.ophero__img{display:block;width:100%;height:auto;border-radius:16px}
.opfeat{display:flex;flex-direction:column;gap:96px;padding:96px 0 32px}
.opfeat__row{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.opfeat__row--media-right .opfeat__media{order:2}
.opfeat__media{margin:0}
.opfeat__img{display:block;width:100%;height:auto;border-radius:12px}
.opfeat__title{margin:0 0 16px;color:rgb(var(--gray-900));font-size:1.625rem;line-height:1.25;font-weight:600;letter-spacing:-.02em}
.opfeat__desc{margin:0;color:rgb(var(--gray-600));font-size:1.0625rem;line-height:1.7}
.opland__body>h2{margin:96px auto 24px;max-width:720px;text-align:center;color:rgb(var(--gray-900));font-size:1.75rem;font-weight:600}
.opland__body>.opfaq,.opland__body>h2+.opfaq{max-width:720px;margin-inline:auto}
html.dark .ophero__title,html.dark .ophero__lead,html.dark .ophero__badge,html.dark .opfeat__title,html.dark .opland__body>h2{color:rgb(var(--gray-100))}
html.dark .ophero__badge{background:rgb(var(--gray-800))}
html.dark .ophero__btn{border-color:rgb(var(--gray-100))}
html.dark .ophero__btn--fill{background:rgb(var(--gray-100));color:rgb(var(--gray-900))}
html.dark .ophero__btn--outline{color:rgb(var(--gray-100))}
html.dark .opfeat__desc{color:rgb(var(--gray-400))}
@media (max-width:767px){.ophero{padding-top:32px}.opfeat{gap:56px;padding-top:56px}.opfeat__row{grid-template-columns:1fr;gap:24px}.opfeat__row--media-right .opfeat__media{order:0}.opland__body>h2{margin-top:56px}}
.opcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:32px 0}
.opcards__card{display:block;padding:18px 20px;border:1px solid rgb(var(--gray-200));border-radius:12px;text-decoration:none;transition:border-color .15s ease}
.opcards__card:hover{border-color:rgb(var(--gray-400))}
.opcards__title{color:rgb(var(--gray-900));font-weight:600}
html.dark .opcards__card{border-color:rgb(var(--gray-800))}
html.dark .opcards__title{color:rgb(var(--gray-100))}
@media (max-width:639px){.opcards{grid-template-columns:1fr}}
.oppost__meta{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:rgb(var(--gray-500));font-size:.875rem}
.oppost__back{color:inherit;text-decoration:none}
.oppost__back:hover{color:rgb(var(--gray-900))}
.site-footer__payments{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0;padding:0;list-style:none}
.site-footer__payment{margin:0;padding:0;list-style:none}
.site-footer__payment::marker{content:""}
.site-footer__payment-logo{display:block;height:20px;width:auto}
.site-header--frame .site-header__actions .site-header__button:empty{display:none}
:root{--primary:17 17 17;--primary-dark:0 0 0;--primary-light:229 229 229}